feat(system): 添加业务配置工作时间功能

- 在业务配置表格中新增编号和工作时间列显示
- 扩大对话框宽度并调整表单标签宽度以适应新字段
- 添加工作时间选择器组件用于设置开始和结束时间
- 在客服信息页面添加跳转到业务配置的工作时间设置按钮
- 更新类型定义添加工作时间相关的开始和结束属性

src/api/system/business/businessConfig/types.ts

@@ -66,6 +66,9 @@ export interface BusinessConfigForm extends BaseEntity {
    * 赞助商电话列表
    */
   zzIphoneList?: string[];
+
+  workStartTime?: string;
+  workEndTime?: string;
 }
 
 export interface BusinessConfigQuery extends PageQuery {

src/views/system/business/businessConfig/index.vue

@@ -76,6 +76,10 @@
           </template>
         </el-table-column>
         <el-table-column label="下载地址" align="center" prop="downUrl" />
+        <el-table-column label="编号" align="center" prop="id" v-if="true" />
+        <el-table-column label="工作时间" align="center">
+          <template #default="{ row }"> {{ row.workStartTime?.slice(0, 5) }} - {{ row.workEndTime?.slice(0, 5) }} </template>
+        </el-table-column>
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template #default="scope">
             <el-tooltip content="修改" placement="top">
@@ -97,8 +101,8 @@
       <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
     </el-card>
     <!-- 添加或修改需求业务配置对话框-->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
-      <el-form ref="businessConfigFormRef" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="600px" append-to-body>
+      <el-form ref="businessConfigFormRef" :model="form" :rules="rules" label-width="120px">
         <!-- 客服电话 -->
         <el-form-item label="客服电话" prop="kfIphoneList">
           <div class="dynamic-input-container">
@@ -135,6 +139,16 @@
         <el-form-item label="下载地址" prop="downUrl">
           <el-input v-model="form.downUrl" placeholder="请输入下载地址" />
         </el-form-item>
+        <!-- 工作时间设置 -->
+        <el-form-item label="工作时间" prop="workTime">
+          <div style="display: flex; align-items: center; gap: 10px">
+            <!-- 开始时间 -->
+            <el-time-picker v-model="form.workStartTime" placeholder="开始时间" format="HH:mm" value-format="HH:mm" style="width: 130px" />
+            <span>至</span>
+            <!-- 结束时间 -->
+            <el-time-picker v-model="form.workEndTime" placeholder="结束时间" format="HH:mm" value-format="HH:mm" style="width: 130px" />
+          </div>
+        </el-form-item>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -376,4 +390,3 @@ onMounted(() => {
   getList();
 });
 </script>
-

src/views/system/physical/customerServiceInfo/index.vue

@@ -41,6 +41,10 @@
               >删除</el-button
             >
           </el-col>
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleViewSubService">客服工作时间配置</el-button>
+          </el-col>
+
           <!--          <el-col :span="1.5">
             <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['system:customerServiceInfo:export']">导出</el-button>
           </el-col>-->
@@ -327,4 +331,9 @@ const handlePhoneBlur = async () => {
     form.value.userId = undefined;
   }
 };
+const handleViewSubService = () => {
+  proxy?.$router.push({
+    path: '/service/businessConfig'
+  });
+};
 </script>