From 40aa256c6e68ece2cfaf04043e410669ffc72d65 Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Tue, 3 Mar 2026 11:01:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jeecg/components/JUpload/JUploadMP3.vue   | 27 ++++++++++++++++---
 .../jeecg/components/JUpload/JUploadMP4.vue   | 21 +++++++++++++++
 src/utils/common/renderUtils.ts               |  4 +--
 src/views/elder/eldertag/ElderTag.data.ts     |  5 ++++
 .../ConfigServiceDirectiveList.vue            | 14 +++++-----
 .../components/ConfigServiceDirectiveForm.vue | 18 ++++++-------
 .../services/serviceTag/ServiceTagList.vue    |  4 +--
 7 files changed, 70 insertions(+), 23 deletions(-)

diff --git a/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue b/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue
index ee7b64a..2cb1bfb 100644
--- a/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue
+++ b/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue
@@ -34,8 +34,9 @@
     <div class="custom-upload-list" v-if="fileList.length > 0">
       <div v-for="(file, index) in fileList" :key="file.uid">
         <div style="margin-top: 20px;">
-          <audio ref="audioPlayer" controls v-if="!!file?.response?.message" :src="opeMediaAddress + file?.response?.message" ></audio>
-          <audio ref="audioPlayer" controls v-else :src="file.url ? opeMediaAddress + file.url : file.r" ></audio>
+          <audio ref="audioPlayer" controls v-if="!!file?.response?.message"
+            :src="opeMediaAddress + file?.response?.message"></audio>
+          <audio ref="audioPlayer" controls v-else :src="file.url ? opeMediaAddress + file.url : file.r"></audio>
         </div>
         <!-- <div style="margin-top: 20px;">
           {{ file.name }}
@@ -53,6 +54,7 @@ import { ref, reactive, computed, watch, nextTick, createApp, unref } from 'vue'
 import { Icon } from '/@/components/Icon';
 import { getToken } from '/@/utils/auth';
 import { uploadUrl, uploadPre } from '/@/api/common/api';
+import { useRuleFormItem } from '/@/hooks/component/useFormItem';
 import { propTypes } from '/@/utils/propTypes';
 import { useMessage } from '/@/hooks/web/useMessage';
 import { createImgPreview } from '/@/components/Preview/index';
@@ -102,7 +104,8 @@ const props = defineProps({
     default: false,
   }
 });
-
+const emitData = ref<any[]>([]);
+const [state] = useRuleFormItem(props, 'value', 'change', emitData);
 const headers = getHeaders();
 const fileList = ref<any[]>([]);
 const uploadGoOn = ref<boolean>(true);
@@ -151,6 +154,24 @@ const bindProps = computed(() => {
 });
 function removeFile(index) {
   fileList.value.splice(index, 1);
+
+  const newUrls = fileList.value
+    .filter(file => file.status === 'done')
+    .map(file => {
+      // 如果是新上传的，从 response 获取
+      if (file.response && file.response.message) {
+        return file.response.message;
+      }
+      // 如果是已有的，从 url 中提取
+      return file.url ? file.url.replace(opeMediaAddress, '') : '';
+    })
+    .filter(url => url && url.trim() !== '');
+
+  // 3. 更新组件值和触发事件
+  const newValue = newUrls.join(',');
+  state.value = newValue;
+  emit('update:value', newValue);
+  emit('change', newValue);
 }
 
 watch(
diff --git a/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue b/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue
index 0526ad2..7ad0811 100644
--- a/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue
+++ b/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue
@@ -57,6 +57,7 @@ import { Icon } from '/@/components/Icon';
 import { getToken } from '/@/utils/auth';
 import { uploadUrl, uploadPre } from '/@/api/common/api';
 import { propTypes } from '/@/utils/propTypes';
+import { useRuleFormItem } from '/@/hooks/component/useFormItem';
 import { useMessage } from '/@/hooks/web/useMessage';
 import { createImgPreview } from '/@/components/Preview/index';
 import { useAttrs } from '/@/hooks/core/useAttrs';
@@ -106,6 +107,8 @@ const props = defineProps({
   }
 });
 
+const emitData = ref<any[]>([]);
+const [state] = useRuleFormItem(props, 'value', 'change', emitData);
 const headers = getHeaders();
 const fileList = ref<any[]>([]);
 const uploadGoOn = ref<boolean>(true);
@@ -154,6 +157,24 @@ const bindProps = computed(() => {
 });
 function removeFile(index) {
   fileList.value.splice(index, 1);
+
+  const newUrls = fileList.value
+    .filter(file => file.status === 'done')
+    .map(file => {
+      // 如果是新上传的，从 response 获取
+      if (file.response && file.response.message) {
+        return file.response.message;
+      }
+      // 如果是已有的，从 url 中提取
+      return file.url ? file.url.replace(opeMediaAddress, '') : '';
+    })
+    .filter(url => url && url.trim() !== '');
+
+  // 3. 更新组件值和触发事件
+  const newValue = newUrls.join(',');
+  state.value = newValue;
+  emit('update:value', newValue);
+  emit('change', newValue);
 }
 
 watch(
diff --git a/src/utils/common/renderUtils.ts b/src/utils/common/renderUtils.ts
index 9884489..35b74a6 100644
--- a/src/utils/common/renderUtils.ts
+++ b/src/utils/common/renderUtils.ts
@@ -75,7 +75,7 @@ const render = {
       avatarList.map((item) => {
         return h(Image, {
           src: getFileAccessHttpUrl(item),
-          width: 'auto',
+          width: 30,
           height: 30,
           style: { marginRight: '5px' },
           preview: false,
@@ -107,7 +107,7 @@ const render = {
       avatarList.map((item) => {
         return h(Image, {
           src: getFileAccessHttpUrl(item),
-          width: 'auto',
+          width: 30,
           height: 30,
           style: { marginRight: '5px' },
           previewMask: () => {
diff --git a/src/views/elder/eldertag/ElderTag.data.ts b/src/views/elder/eldertag/ElderTag.data.ts
index 27ee86d..34a11dc 100644
--- a/src/views/elder/eldertag/ElderTag.data.ts
+++ b/src/views/elder/eldertag/ElderTag.data.ts
@@ -11,6 +11,7 @@ export const columns: BasicColumn[] = [
     title: '标签类型',
     align: 'center',
     dataIndex: 'type_dictText',
+    width: 120,
   },
   {
     title: '标签名称',
@@ -26,6 +27,7 @@ export const columns: BasicColumn[] = [
     title: '价格(元)',
     align: 'center',
     dataIndex: 'price',
+    width: 120,
   },
   {
     title: '默认图标',
@@ -40,6 +42,7 @@ export const columns: BasicColumn[] = [
           : opeMediaAddress +  import.meta.env.VITE_DEFAULT_ELDER_TAG_EMO_PIC;
       return render.renderImage({ text: imageUrl });
     },
+    width: 120,
     // customRender: render.renderImage,
   },
   {
@@ -55,6 +58,7 @@ export const columns: BasicColumn[] = [
           : opeMediaAddress +  import.meta.env.VITE_DEFAULT_ELDER_TAG_EMO_PIC;
       return render.renderImage({ text: imageUrl });
     },
+    width: 120,
     // customRender: render.renderImage,
   },
   // {
@@ -66,6 +70,7 @@ export const columns: BasicColumn[] = [
     title: '是否启用',
     align: 'center',
     dataIndex: 'izEnabled_dictText',
+    width: 120,
   },
 ];
 
diff --git a/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue b/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
index 1f6d913..e72f8d4 100644
--- a/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
+++ b/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
@@ -11,9 +11,9 @@
               <JInput v-model:value="queryParam.directiveName" placeholder="请输入服务指令名称" allowClear />
             </a-form-item>
           </a-col>
-          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+          <a-col :lg="8" >
             <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
-              <a-col :lg="6">
+              <a-col :lg="6" >
                 <a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
                 <a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset"
                   style="margin-left: 8px">重置</a-button>
@@ -25,7 +25,7 @@
     </div>
     <div>
       <div
-        style="width:350px;float: left;height:80vh; background: white; overflow:auto;position: relative;margin-right: 14px;border-radius: 8px;">
+        style="width:350px;float: left;height:87vh; background: white; overflow:auto;position: relative;margin-right: 14px;border-radius: 8px;">
         <div
           style="position: absolute; top: 8px; right: 8px; z-index: 1; background: white; padding: 0px; border-radius: 4px;">
           <a-radio-group v-model:value="filterIzEnabled" @change="searchQuery">
@@ -250,7 +250,7 @@
         </a-menu>
 
       </div>
-      <div style="width:calc(100% - 370px);float: left; background-color: white;border-radius: 8px;"
+      <div style="width:calc(100% - 364px);float: left; background-color: white;border-radius: 8px;"
         class="container-height">
         <!--引用表格-->
         <BasicTable @register="registerTable">
@@ -538,7 +538,7 @@ const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDat
 const labelCol = reactive({
   xs: 24,
   sm: 4,
-  xl: 6,
+  xl: 4,
   xxl: 4
 });
 const wrapperCol = reactive({
@@ -1261,12 +1261,12 @@ audio::-webkit-media-controls-time-remaining-display {
 }
 
 .container-height {
-  height: 77vh;
+  height: 87vh;
 }
 
 @media screen and (min-width: 1600px) and (min-height: 900px) {
   .container-height {
-    height: 81.5vh;
+    height: 87vh;
   }
 }
 
diff --git a/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue b/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
index efc2b64..0daf834 100644
--- a/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
+++ b/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
@@ -132,7 +132,7 @@
               <a-col :span="24" v-show="directiveMediaBtnValue == 0">
                 <JImageUploadtz v-if="opeType == 'dmlook'"
                   :value="!!formData.previewFile ? formData.previewFile : defaultPrePic" maxCount="1" :disabled="disabled" />
-                <JImageUploadtz v-else v-model:value="formData.previewFile" maxCount="1" :toOpe="true"
+                <JImageUploadtz v-else v-model:value="formData.previewFile" maxCount="1" :toOpe="true"  :disabled="disabled"
                   :bizPath="formComputedData.mediaFileSavePath" />
               </a-col>
               <!-- <a-col :span="24" v-show="directiveMediaBtnValue == 1">
@@ -142,26 +142,26 @@
                   :bizPath="formComputedData.mediaFileSavePath" />
               </a-col> -->
               <a-col :span="24" v-show="directiveMediaBtnValue == 1">
-                <JUploadMP3 v-if="opeType == 'dmlook'" :value="formData.mp3File" maxCount="1" />
-                <JUploadMP3 v-else v-model:value="formData.mp3File" :toOpe="true"
+                <JUploadMP3 v-if="opeType == 'dmlook'" :value="formData.mp3File" maxCount="1"  :disabled="disabled"/>
+                <JUploadMP3 v-else v-model:value="formData.mp3File" :toOpe="true" :disabled="disabled"
                   :bizPath="formComputedData.mediaFileSavePath" maxCount="1" />
               </a-col>
               <a-col :span="24" v-show="directiveMediaBtnValue == 2">
-                <JUploadMP4 v-if="opeType == 'dmlook'" :value="formData.mp4File" maxCount="1" fileType="mp4" />
-                <JUploadMP4 v-else v-model:value="formData.mp4File" :toOpe="true"
+                <JUploadMP4 v-if="opeType == 'dmlook'" :value="formData.mp4File" maxCount="1" fileType="mp4"  :disabled="disabled"/>
+                <JUploadMP4 v-else v-model:value="formData.mp4File" :toOpe="true" :disabled="disabled"
                   :bizPath="formComputedData.mediaFileSavePath" maxCount="1" fileType="mp4" />
               </a-col>
               <a-col :span="24" v-show="directiveMediaBtnValue == 3">
                 <JImageUploadtz v-if="opeType == 'dmlook'"
-                  :value="!!formData.immediateFile ? formData.immediateFile : defaultImmediatePic" maxCount="1" />
-                <JImageUploadtz v-else v-model:value="formData.immediateFile" :toOpe="true"
+                  :value="!!formData.immediateFile ? formData.immediateFile : defaultImmediatePic" maxCount="1"  :disabled="disabled" />
+                <JImageUploadtz v-else v-model:value="formData.immediateFile" :toOpe="true" :disabled="disabled"
                   :bizPath="formComputedData.mediaFileSavePath" maxCount="1" />
               </a-col>
               <a-col :span="24" v-show="directiveMediaBtnValue == 4">
                 <JImageUploadtz v-if="opeType == 'dmlook'"
-                  :value="!!formData.immediateFileFocus ? formData.immediateFileFocus : defaultImmediatePic"
+                  :value="!!formData.immediateFileFocus ? formData.immediateFileFocus : defaultImmediatePic" :disabled="disabled"
                   maxCount="1" />
-                <JImageUploadtz v-else v-model:value="formData.immediateFileFocus" :toOpe="true"
+                <JImageUploadtz v-else v-model:value="formData.immediateFileFocus" :toOpe="true" :disabled="disabled"
                   :bizPath="formComputedData.mediaFileSavePath" maxCount="1" />
               </a-col>
             </a-row>
diff --git a/src/views/services/serviceTag/ServiceTagList.vue b/src/views/services/serviceTag/ServiceTagList.vue
index 369b343..1992d2f 100644
--- a/src/views/services/serviceTag/ServiceTagList.vue
+++ b/src/views/services/serviceTag/ServiceTagList.vue
@@ -25,7 +25,7 @@
     <a-row style="margin-top: -5px;">
       <a-col  v-for="directive of tableData.records" :key="directive.id" style="padding: 7px 14px 3px 0;height: 235px;" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" >
         <a-row style="padding: 5px;background-color: white;border-radius: 8px;height: 220px;">
-          <a-col :span="4">
+          <a-col :span="4" style="padding-left:10px;">
             <div class="bjclass">
               <img src="/src/assets/images/logo.png" style="width: 40px;height:40px;margin-top: 10px;" />
             </div>
@@ -40,7 +40,7 @@
             <div style="color: #857f7f;">
               <span style="float:left;"><Icon icon="ant-design:user-add-outlined" :size="18" /><span style="margin-left:5px;">{{ directive.createBy_dictText }}</span></span> 
               <span style="margin-left: 15px;float:left;"><Icon icon="ant-design:field-time-outlined" :size="20" /><span style="margin-left:5px;font-size:16px;">{{ directive.createTime.substring(0,10) }}</span></span>
-              <span style="margin-right: 15px;float:right;">
+              <span style="margin-right: -10px;float:right;">
                 <a-dropdown :trigger="['hover']" placement="topRight">
                 <a-button type="link"><Icon icon="ant-design:more-outlined" :size="20" /></a-button>
                 <template #overlay>