From 255445feb5cfad0bae8d4f6e6cecc7b0d8127246 Mon Sep 17 00:00:00 2001
From: "1378012178@qq.com" <1378012178@qq.com>
Date: Mon, 19 Jan 2026 16:47:46 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E8=B0=83=E6=95=B4=E4=BB=93=E5=BA=93?=
 =?UTF-8?q?=E7=B1=BB=E6=8A=A4=E7=90=86=E7=9F=A9=E9=98=B5=E7=BC=96=E6=8E=92?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=EF=BC=9A=E6=8F=92=E5=85=A5=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E6=8C=87=E4=BB=A4=202=E3=80=81=E8=B0=83=E6=95=B4=E4=BB=93?=
 =?UTF-8?q?=E5=BA=93=E7=B1=BB=E6=8A=A4=E7=90=86=E7=9F=A9=E9=98=B5=E7=BC=96?=
 =?UTF-8?q?=E6=8E=92=E6=8E=A5=E5=8F=A3=EF=BC=9A=E5=8F=98=E6=9B=B4=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1=E6=8C=87=E4=BB=A4=203=E3=80=81=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E4=BB=93=E5=BA=93=E7=B1=BB=E6=8A=A4=E7=90=86=E7=9F=A9=E9=98=B5?=
 =?UTF-8?q?=E7=BC=96=E6=8E=92=E6=8E=A5=E5=8F=A3=EF=BC=9A=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E6=8C=87=E4=BB=A4=204=E3=80=81=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E4=BB=93=E5=BA=93=E7=B1=BB=E6=8A=A4=E7=90=86=E7=9F=A9?=
 =?UTF-8?q?=E9=98=B5=E7=BC=96=E6=8E=92=E6=8E=A5=E5=8F=A3=EF=BC=9A=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E6=9C=8D=E5=8A=A1=E6=8C=87=E4=BB=A4=E7=9F=A9=E9=98=B5?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=205=E3=80=81=E8=A7=A3=E5=86=B3=E4=BE=9B?=
 =?UTF-8?q?=E5=BA=94=E5=95=86=E7=94=B3=E8=AF=B7=E6=8F=90=E4=BA=A4=E5=90=8E?=
 =?UTF-8?q?=E7=9C=8B=E4=B8=8D=E5=88=B0=E6=95=B0=E6=8D=AE=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=206=E3=80=81=E6=9C=8D=E5=8A=A1=E6=8C=87=E4=BB=A4=E5=8C=85?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=B6=85=E6=97=B6=E6=97=B6=E9=95=BF=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5=207=E3=80=81=E8=B0=83=E6=95=B4=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E6=8C=87=E4=BB=A4=E5=8C=85=E4=B8=BB=E7=95=8C=E9=9D=A2=E3=80=81?=
 =?UTF-8?q?=E5=BC=95=E7=94=A8=E6=8C=87=E4=BB=A4=E5=8C=85=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E8=A7=A3=E5=86=B3=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E8=BF=87=E5=A4=9A=E6=97=B6=E6=98=BE=E7=A4=BA=E8=A2=AB=E9=81=AE?=
 =?UTF-8?q?=E6=8C=A1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../directivePackage/DirectivePackageList.vue | 186 +++++++++---------
 .../components/ConfigServiceDirective.data.ts |  12 ++
 .../components/ConfigServiceDirectiveList.vue |   1 -
 .../components/DirectivePackageForm.vue       |  22 ++-
 .../components/DirectivePackageModal.vue      |   1 +
 .../components/PackageList.vue                | 115 ++++++-----
 .../components/ConfigServiceDirectiveForm.vue |  22 ++-
 7 files changed, 202 insertions(+), 157 deletions(-)

diff --git a/src/views/services/directivePackage/DirectivePackageList.vue b/src/views/services/directivePackage/DirectivePackageList.vue
index c0a9db4..a93bfac 100644
--- a/src/views/services/directivePackage/DirectivePackageList.vue
+++ b/src/views/services/directivePackage/DirectivePackageList.vue
@@ -24,77 +24,40 @@
         </a-row>
       </a-form>
     </div>
-    <a-row style="margin-top: -5px;">
-      <a-col v-for="directive of tableData.records" :key="directive.id" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"  style="padding: 5px 14px 0 0;height: 200px;">
-        <a-card
-          :class="['card-3d']"
-          :headStyle="{ height: '60px', padding: '0 24px',border:'0px' }"
-          @mouseenter="directive.id"
-          @mouseleave="directive.id" >
-          <template #title>
-            <a-row>
-              <a-col>
-                {{directive.packageName}}
-              </a-col>
-            </a-row>
-          </template>
-          <div style="margin-top: -30px;">
-            <a-divider style="margin: 0 0 10px 0 " />
-            <p>服务时长：{{directive.totalDuration}} 分钟</p>
-            <p style="margin-top: -10px;">创建时间：{{directive.createTime.substring(0,10)}}</p>
-            <p style="margin-top: -10px;" class="text-ellipsis" :title="directive.description">说明：{{directive.description}}</p>
-            <div style="float:left;margin-top: 20px;">
+    <div style="height: calc(100vh - 200px); overflow-y: auto; overflow-x: hidden; margin-top: -5px;">
+      <a-row>
+        <a-col v-for="(directive, index) of tableData.records" :key="directive.id" :xs="24" :sm="24" :md="12" :lg="12"
+          :xl="8" :xxl="6" style="padding: 5px 14px 0 0;height: 200px;"
+          :style="{ marginTop: index >= 4 ? '60px' : '' }">
+          <a-card :class="['card-3d']" :headStyle="{ height: '60px', padding: '0 24px', border: '0px' }"
+            @mouseenter="directive.id" @mouseleave="directive.id">
+            <template #title>
+              <a-row>
+                <a-col>
+                  {{ directive.packageName }}
+                </a-col>
+              </a-row>
+            </template>
+            <div style="margin-top: -30px;">
+              <a-divider style="margin: 0 0 10px 0 " />
+              <p>服务时长：{{ directive.totalDuration }} 分钟</p>
+              <p style="margin-top: -10px;">超时时长：{{ directive.timeoutDuration }} 分钟</p>
+              <p style="margin-top: -10px;">创建时间：{{ directive.createTime.substring(0, 10) }}</p>
+              <p style="margin-top: -10px;" class="text-ellipsis" :title="directive.description">
+                说明：{{ directive.description }}
+              </p>
+              <div style="float:left;margin-top: 20px;">
                 <a-button type="dashed" size="small" @click="packageEdit(directive)">编辑</a-button>
+              </div>
+              <div style="float:right;margin-top: 20px;">
+                <a-switch style="margin-left:10px" :checked="directive.izEnabled == 'Y'"
+                  @change="handleChangeIzEnabled(directive)" checked-children="启" un-checked-children="停" />
+              </div>
             </div>
-            <div style="float:right;margin-top: 20px;">
-                <a-switch style="margin-left:10px" :checked="directive.izEnabled == 'Y'"  @change="handleChangeIzEnabled(directive)" checked-children="启" un-checked-children="停" />
-            </div>
-          </div>
-        </a-card>
-        <!-- <a-row class="cardDivClass">
-          <a-col :span="24">
-            <a-row style="padding: 10px">
-              <a-col :span="12">
-                <img src="/src/assets/images/logo.png" style="width: 25px;height:25px;" />
-              </a-col>
-              <a-col :span="12" style="text-align: right;position:relative;">
-                <div class="iconEditClass">
-                  <a @click="packageEdit(directive)"> <img src="/src/assets/iot/a4.png" style="width: 15px;height:15px;margin-top:-3px" /></a>
-                </div>
-                <span>
-                  <a-switch :checked="directive.izEnabled == '0'" @change="handleChangeIzEnabled(directive)" checked-children="启" un-checked-children="停" />
-                </span>
-              </a-col>
-            </a-row>
-          </a-col>
-          <a-col :span="24" >
-            <a-popover :title="directive.packageName">
-              <template #content>
-                <div style="min-width: 240px;">
-                  <div style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;" v-for="(item,index) in directive.directives">{{ item.directiveName }}</div>
-                  <div style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;color:red;" v-if="directive.directives.length==0">未配置</div>
-                </div>
-              </template>
-              <span class="titleOne ellipsis-two-lines">{{ directive.packageName }}</span>
-            </a-popover>
-          </a-col>
-          <a-col :span="24">
-            <span class="titleOne ellipsis-two-lines" style="font-size: 14px;">
-              服务时长：{{directive.totalDuration}} 分钟
-            </span>
-          </a-col>
-          <a-col :span="24">
-            <a-divider style="margin: 10px 0 5px 0;"/>
-          </a-col>
-          <a-col :span="12"  style="padding: 0px  10px">
-            {{ directive.createBy_dictText }}
-          </a-col>
-          <a-col :span="12" style="text-align: right;padding: 0px 10px;">
-            {{ directive.createTime.substring(0,10) }}
-          </a-col>
-        </a-row> -->
-      </a-col>
-    </a-row>
+          </a-card>
+        </a-col>
+      </a-row>
+    </div>
     <div
       style="float:right;bottom: 20px;z-index: 999;padding: 8px 16px;border-radius: 4px;display: flex;align-items: center;">
       <span style="margin-right: 10px;">共 {{ tableData.total }} 条数据</span>
@@ -118,30 +81,30 @@ const registerModal = ref();
 const searchForm = ref({})
 const tableData = ref({})
 const labelCol = reactive({
-    xs:24,
-    sm:6,
-    xl:6,
-    xxl:6
-  });
-  const wrapperCol = reactive({
-    xs: 24,
-    sm: 24,
-  });
+  xs: 24,
+  sm: 6,
+  xl: 6,
+  xxl: 6
+});
+const wrapperCol = reactive({
+  xs: 24,
+  sm: 24,
+});
 const pageParams = ref({ pageNo: 1, pageSize: 12 })
 
 //启用停用
-function handleChangeIzEnabled(record){
+function handleChangeIzEnabled(record) {
   var izEnabled = record.izEnabled == 'Y' ? 'N' : 'Y';
-  var params = {id:record.id,izEnabled};
+  var params = { id: record.id, izEnabled };
   defHttp.post({ url: '/services/directivePackage/directivePackage/edit', params }).then((res) => {
     searchQuery()
   });
 }
 
-function getHHMM(value){
-  if(value){
-return dayjs(value).format('HH:mm')
-  }else{
+function getHHMM(value) {
+  if (value) {
+    return dayjs(value).format('HH:mm')
+  } else {
     return '未配置'
   }
 }
@@ -211,7 +174,7 @@ onMounted(() => {
 <style lang="less" scoped>
 .jeecg-basic-table-form-container {
   padding: 0;
-   margin-bottom: 14px;
+  margin-bottom: 14px;
 
   .table-page-search-submitButtons {
     display: block;
@@ -239,7 +202,8 @@ onMounted(() => {
     width: 100%;
   }
 }
-.bjclass{
+
+.bjclass {
   text-align: center;
   margin-top: 14px;
   border-radius: 50%;
@@ -248,41 +212,65 @@ onMounted(() => {
   background: linear-gradient(to bottom, #fff, #efe9e9);
   margin-left: 9px;
 }
+
 .titleOne {
   text-align: center;
   font-size: 16px;
   font-weight: 600;
 }
+
 .ellipsis-two-lines {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1; /* 限制文本为2行 */
+  -webkit-line-clamp: 1;
+  /* 限制文本为2行 */
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.cardDivClass{
+
+.cardDivClass {
   transition: all 0.3s ease;
   position: relative;
-  padding: 5px;background-color: white;border-radius: 8px;height: 180px;
+  padding: 5px;
+  background-color: white;
+  border-radius: 8px;
+  height: 180px;
   box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
 }
 
-.cardDivClass:hover{
-  padding: 5px;background-color: #f4fcff;border-radius: 8px;height: 180px;
+.cardDivClass:hover {
+  padding: 5px;
+  background-color: #f4fcff;
+  border-radius: 8px;
+  height: 180px;
   box-shadow:
-    0 0 0 1px #59bffe,  /* 描边 */
-    0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影 */
-  transform: translate(-2px , -2px); /* 轻微上浮效果 */
+    0 0 0 1px #59bffe,
+    /* 描边 */
+    0 4px 8px rgba(0, 0, 0, 0.1);
+  /* 阴影 */
+  transform: translate(-2px, -2px);
+  /* 轻微上浮效果 */
 }
 
-.iconEditClass{
-  position:absolute;top:0;right:54px;background: #dfdfdf;border-radius:50%;width: 25px;height: 25px;display:flex;justify-content: center;align-items: center;align-items: center;
+.iconEditClass {
+  position: absolute;
+  top: 0;
+  right: 54px;
+  background: #dfdfdf;
+  border-radius: 50%;
+  width: 25px;
+  height: 25px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  align-items: center;
 }
 
 /* 基础卡片样式 */
 .card-3d {
   border-radius: 8px;
-  border: 1px solid #f0f0f0; /* 边框增强立体感 */
+  border: 1px solid #f0f0f0;
+  /* 边框增强立体感 */
   background: white;
   position: relative;
 }
@@ -291,9 +279,11 @@ onMounted(() => {
 .card-3d:hover {
   border: 1px solid #1890ff;
 }
+
 .text-ellipsis {
   display: -webkit-box;
-  -webkit-line-clamp: 1;  /* 限制显示的行数 */
+  -webkit-line-clamp: 1;
+  /* 限制显示的行数 */
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/src/views/services/directivePackage/components/ConfigServiceDirective.data.ts b/src/views/services/directivePackage/components/ConfigServiceDirective.data.ts
index 5f91918..abd4b66 100644
--- a/src/views/services/directivePackage/components/ConfigServiceDirective.data.ts
+++ b/src/views/services/directivePackage/components/ConfigServiceDirective.data.ts
@@ -60,6 +60,12 @@ export const columns: BasicColumn[] = [
     dataIndex: 'serviceDuration',
     width: 90,
   },
+  {
+    title: '超时时长',
+    align: 'center',
+    dataIndex: 'timeoutDuration',
+    width: 90,
+  },
 ];
 
 export const selectedColumns: BasicColumn[] = [
@@ -129,6 +135,12 @@ export const selectedColumns: BasicColumn[] = [
     dataIndex: 'serviceDuration',
     width: 90,
   },
+  {
+    title: '超时时长',
+    align: 'center',
+    dataIndex: 'timeoutDuration',
+    width: 90,
+  },
   {
     title: '操作',
     key: 'action',
diff --git a/src/views/services/directivePackage/components/ConfigServiceDirectiveList.vue b/src/views/services/directivePackage/components/ConfigServiceDirectiveList.vue
index 0690a63..de1b349 100644
--- a/src/views/services/directivePackage/components/ConfigServiceDirectiveList.vue
+++ b/src/views/services/directivePackage/components/ConfigServiceDirectiveList.vue
@@ -233,7 +233,6 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
     beforeFetch: async (params) => {
       params.column = 'createTime';
       params.order = 'desc';
-      params.cycleType = '1,2';
       params.izEnabled = 'Y';
       let rangerQuery = await setRangeQuery();
       return Object.assign(params, rangerQuery);
diff --git a/src/views/services/directivePackage/components/DirectivePackageForm.vue b/src/views/services/directivePackage/components/DirectivePackageForm.vue
index bafb7ce..cf39769 100644
--- a/src/views/services/directivePackage/components/DirectivePackageForm.vue
+++ b/src/views/services/directivePackage/components/DirectivePackageForm.vue
@@ -83,20 +83,27 @@
                     </a-form-item>
                   </a-col>
                   <a-col :span="24">
-                    <a-form-item label="是否启用" v-bind="validateInfos.izEnabled" id="DirectivePackageForm-izEnabled"
-                      name="izEnabled">
-                      <j-dict-select-tag type='list' v-model:value="formData.izEnabled" dictCode="iz_enabled"
-                        placeholder="是否启用" allow-clear />
+                    <a-form-item label="超时时长" v-bind="validateInfos.timeoutDuration"
+                      id="DirectivePackageForm-timeoutDuration" name="timeoutDuration">
+                      <a-input-number v-model:value="formData.timeoutDuration" :min="1" :step="5" addon-after="分钟"
+                        placeholder="请输入超时时长（分钟）" allow-clear @keydown="onDurationKeydown" :disabled="disabled" />
                     </a-form-item>
                   </a-col>
                 </a-row>
               </a-col>
               <a-col :span="12">
                 <a-row>
+                  <a-col :span="24">
+                    <a-form-item label="是否启用" v-bind="validateInfos.izEnabled" id="DirectivePackageForm-izEnabled"
+                      name="izEnabled" :labelCol="labelCol2" :wrapperCol="wrapperCol2">
+                      <j-dict-select-tag type='list' v-model:value="formData.izEnabled" dictCode="iz_enabled"
+                        placeholder="是否启用" allow-clear />
+                    </a-form-item>
+                  </a-col>
                   <a-col :span="24">
                     <a-form-item label="说明" v-bind="validateInfos.description" id="DirectivePackageForm-description"
                       name="description" :labelCol="labelCol2" :wrapperCol="wrapperCol2">
-                      <a-textarea v-model:value="formData.description" :maxlength="200" :autosize="{ minRows: 5 }"
+                      <a-textarea v-model:value="formData.description" :maxlength="200" :autosize="{ minRows: 3 }"
                         :showCount="true" placeholder="请输入说明" />
                     </a-form-item>
                   </a-col>
@@ -138,11 +145,12 @@ const formData = reactive<Record<string, any>>({
   endTimeStr: '',
   instructionTagId: '',
   totalDuration: 0,
+  timeoutDuration: 0,
 });
 const { createMessage } = useMessage();
-const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });
+const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
 const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
-const labelCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 2 } });
+const labelCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 3 } });
 const wrapperCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 21 } });
 const confirmLoading = ref<boolean>(false);
 //表单验证
diff --git a/src/views/services/directivePackage/components/DirectivePackageModal.vue b/src/views/services/directivePackage/components/DirectivePackageModal.vue
index 3f45d4d..4183a10 100644
--- a/src/views/services/directivePackage/components/DirectivePackageModal.vue
+++ b/src/views/services/directivePackage/components/DirectivePackageModal.vue
@@ -55,6 +55,7 @@
                   directive.typeId_dictText }}
                 </p>
                 <p style="margin-top: -10px;">服务时长：{{ directive.serviceDuration }}分钟</p>
+                <p style="margin-top: -10px;">超时时长：{{ directive.timeoutDuration }}分钟</p>
                 <div style="float:left;margin-top: 20px;">
                 </div>
                 <div style="float:right;margin-top: 20px;">
diff --git a/src/views/services/directivePackage/components/PackageList.vue b/src/views/services/directivePackage/components/PackageList.vue
index e4f42f4..cbb73a5 100644
--- a/src/views/services/directivePackage/components/PackageList.vue
+++ b/src/views/services/directivePackage/components/PackageList.vue
@@ -4,7 +4,7 @@
     <div class="jeecg-basic-table-form-container">
       <a-form ref="formRef" :model="searchForm" :label-col="labelCol" :wrapper-col="wrapperCol">
         <a-row :gutter="24">
-          <a-col :span="14">
+          <a-col :span="8">
             <a-form-item name="packageName">
               <template #label><span title="服务指令包名称">服务指令包</span></template>
               <a-input v-model:value="searchForm.packageName" allow-clear />
@@ -22,14 +22,12 @@
         </a-row>
       </a-form>
     </div>
-    <a-row >
-      <a-col v-for="directive of tableData.records" :key="directive.id" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"  style="padding: 5px 14px 0 0;height: 200px;">
+    <a-row style="margin-top: -5px;margin-bottom: 44px;">
+      <a-col v-for="(directive, index) of tableData.records" :key="directive.id" :xs="24" :sm="24" :md="12" :lg="12"
+        :xl="8" :xxl="6" style="padding: 5px 14px 0 0;height: 200px;" :style="{ marginTop: index >= 4 ? '60px' : '' }">
         <div @click="handlePackageClick(directive)" :class="{ 'selected': selectedDirective.id === directive.id }">
-          <a-card
-            :class="['card-3d']"
-            :headStyle="{ height: '60px', padding: '0 24px',border:'0px' }"
-            @mouseenter="directive.id"
-            @mouseleave="directive.id" >
+          <a-card :class="['card-3d']" :headStyle="{ height: '60px', padding: '0 24px', border: '0px' }"
+            @mouseenter="directive.id" @mouseleave="directive.id">
             <template #title>
               <a-row>
                 <a-col>
@@ -42,37 +40,43 @@
               <a-popover :title="directive.packageName">
                 <template #content>
                   <div style="min-width: 240px;">
-                    <div style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;" v-for="(item,index) in directive.directives">{{ item.directiveName }}</div>
-                    <div style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;color:red;" v-if="directive.directives.length==0">未配置</div>
+                    <div
+                      style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;"
+                      v-for="(item, index) in directive.directives">{{ item.directiveName }}</div>
+                    <div
+                      style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;color:red;"
+                      v-if="directive.directives.length == 0">未配置</div>
                   </div>
                 </template>
-                <p>服务时长：{{directive.totalDuration}} 分钟</p>
-                <p style="margin-top: -10px;">创建时间：{{directive.createTime.substring(0,10)}}</p>
-                <p style="margin-top: -10px;" class="text-ellipsis" :title="directive.description">说明：{{directive.description}}</p>
+                <p>服务时长：{{ directive.totalDuration }} 分钟</p>
+                <p style="margin-top: -10px;">超时时长：{{ directive.timeoutDuration }} 分钟</p>
+                <p style="margin-top: -10px;">创建时间：{{ directive.createTime.substring(0, 10) }}</p>
+                <p style="margin-top: -10px;" class="text-ellipsis" :title="directive.description">
+                  说明：{{ directive.description }}</p>
               </a-popover>
               <div style="float:left;margin-top: 20px;">
-
-
-              <a-popover :title="directive.packageName">
-                <template #content>
-                  <div style="min-width: 240px;">
-                    <div style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;" v-for="(item,index) in directive.directives">{{ item.directiveName }}</div>
-                    <div style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;color:red;" v-if="directive.directives.length==0">未配置</div>
-                  </div>
-                </template>
-
-                <a-button type="dashed" size="small">指令详情</a-button>
-              </a-popover>
+                <a-popover :title="directive.packageName">
+                  <template #content>
+                    <div style="min-width: 240px;">
+                      <div
+                        style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;"
+                        v-for="(item, index) in directive.directives">{{ item.directiveName }}</div>
+                      <div
+                        style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;color:red;"
+                        v-if="directive.directives.length == 0">未配置</div>
+                    </div>
+                  </template>
+                  <a-button type="dashed" size="small">指令详情</a-button>
+                </a-popover>
               </div>
               <div style="float:right;margin-top: 20px;">
-                  <a-switch style="margin-left:10px" :checked="directive.izEnabled == 'Y'"  disabled checked-children="启" un-checked-children="停" />
+                <a-switch style="margin-left:10px" :checked="directive.izEnabled == 'Y'" disabled checked-children="启"
+                  un-checked-children="停" />
               </div>
             </div>
           </a-card>
         </div>
-
       </a-col>
-
     </a-row>
   </div>
 </template>
@@ -93,7 +97,7 @@ const labelCol = reactive({
   xs: 24,
   sm: 4,
   xl: 9,
-  xxl: 9
+  xxl: 5
 });
 const wrapperCol = reactive({
   xs: 24,
@@ -109,10 +113,10 @@ function searchQuery() {
   queryList({})
 }
 
-function getHHMM(value){
-  if(value){
-return dayjs(value).format('HH:mm')
-  }else{
+function getHHMM(value) {
+  if (value) {
+    return dayjs(value).format('HH:mm')
+  } else {
     return '未配置'
   }
 }
@@ -331,30 +335,51 @@ defineExpose({
   font-size: 16px;
   font-weight: 600;
 }
-.cardDivClass{
+
+.cardDivClass {
   transition: all 0.3s ease;
   position: relative;
-  padding: 5px;background-color: white;border-radius: 8px;height: 180px;
+  padding: 5px;
+  background-color: white;
+  border-radius: 8px;
+  height: 180px;
   box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
 }
 
-.cardDivClass:hover{
-  padding: 5px;background-color: #f4fcff;border-radius: 8px;height: 180px;
+.cardDivClass:hover {
+  padding: 5px;
+  background-color: #f4fcff;
+  border-radius: 8px;
+  height: 180px;
   box-shadow:
-    0 0 0 2px #d3d3d3,  /* 描边 */
-    0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影 */
-  transform: translate(-2px , -2px); /* 轻微上浮效果 */
+    0 0 0 2px #d3d3d3,
+    /* 描边 */
+    0 4px 8px rgba(0, 0, 0, 0.1);
+  /* 阴影 */
+  transform: translate(-2px, -2px);
+  /* 轻微上浮效果 */
 }
 
-.iconEditClass{
-  position:absolute;top:0;right:54px;background: #dfdfdf;border-radius:50%;width: 25px;height: 25px;display:flex;justify-content: center;align-items: center;align-items: center;
+.iconEditClass {
+  position: absolute;
+  top: 0;
+  right: 54px;
+  background: #dfdfdf;
+  border-radius: 50%;
+  width: 25px;
+  height: 25px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  align-items: center;
 }
 
 
 /* 基础卡片样式 */
 .card-3d {
   border-radius: 8px;
-  border: 1px solid #f0f0f0; /* 边框增强立体感 */
+  border: 1px solid #f0f0f0;
+  /* 边框增强立体感 */
   background: white;
   position: relative;
 }
@@ -363,9 +388,11 @@ defineExpose({
 .card-3d:hover {
   border: 1px solid #1890ff;
 }
+
 .text-ellipsis {
   display: -webkit-box;
-  -webkit-line-clamp: 1;  /* 限制显示的行数 */
+  -webkit-line-clamp: 1;
+  /* 限制显示的行数 */
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue b/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
index 4377f1d..beba308 100644
--- a/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
+++ b/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
@@ -71,6 +71,13 @@
                     :showCount="true" :disabled="!!formData.id"></a-input>
                 </a-form-item>
               </a-col>
+              <a-col :span="12">
+                <a-form-item label="服务时长" v-bind="validateInfos.serviceDuration"
+                  id="ConfigServiceDirectiveForm-serviceDuration" name="serviceDuration">
+                  <a-input-number v-model:value="formData.serviceDuration" :min="5" :max="55" :step="5" addon-after="分钟"
+                    placeholder="请输入服务时长（分钟）" allow-clear @keydown="onDurationKeydown" :disabled="disabled" />
+                </a-form-item>
+              </a-col>
               <a-col :span="12">
                 <a-form-item label="收费价格(元)" v-bind="validateInfos.tollPrice" id="ConfigServiceDirectiveForm-tollPrice"
                   name="tollPrice">
@@ -85,6 +92,13 @@
                     placeholder="请选择指令类型" allowClear @upDictCode="upCycleTypeDictCode" :disabled="!!formData.id" />
                 </a-form-item>
               </a-col> -->
+              <a-col :span="12">
+                <a-form-item label="超时时长" v-bind="validateInfos.timeoutDuration"
+                  id="ConfigServiceDirectiveForm-timeoutDuration" name="timeoutDuration">
+                  <a-input-number v-model:value="formData.timeoutDuration" :min="0" :max="55" :step="5" addon-after="分钟"
+                    placeholder="请输入超时时长（分钟）" allow-clear @keydown="onDurationKeydown" :disabled="disabled" />
+                </a-form-item>
+              </a-col>
               <a-col :span="12">
                 <a-form-item label="提成价格(元)" v-bind="validateInfos.comPrice" id="ConfigServiceDirectiveForm-comPrice"
                   name="comPrice">
@@ -99,13 +113,6 @@
                     placeholder="请选择是否启用"  allowClear :disabled="disabled" />
                 </a-form-item>
               </a-col>
-              <a-col :span="12">
-                <a-form-item label="服务时长" v-bind="validateInfos.serviceDuration"
-                  id="ConfigServiceDirectiveForm-serviceDuration" name="serviceDuration">
-                  <a-input-number v-model:value="formData.serviceDuration" :min="5" :max="55" :step="5" addon-after="分钟"
-                    placeholder="请输入服务时长（分钟）" allow-clear @keydown="onDurationKeydown" :disabled="disabled" />
-                </a-form-item>
-              </a-col>
             </a-row>
             <a-row style="padding: 20px;">
               <a-col :span="6">
@@ -292,6 +299,7 @@ const formData = reactive<Record<string, any>>({
   sort: 99,
   serviceContent: '',
   serviceDuration: '5',
+  timeoutDuration: '0',
   status: '',
   izEnabled: 'Y',
   createBy: '',