服务指令：新增预览图片、即时指令图片

src/views/serviceDirective/serviceDirective/ConfigServiceDirective.data.ts

@@ -49,9 +49,9 @@ export const columns: BasicColumn[] = [
     ellipsis: false,
     format(text, record, index) {
       if (!!text && text.length > 0) {
-        return text.map(item => item.tagName).join('、');
+        return text.map((item) => item.tagName).join('、');
       } else {
-        return '-'
+        return '-';
       }
     },
   },
@@ -113,12 +113,12 @@ export const columns: BasicColumn[] = [
   },
   {
     title: '语音文件',
-    align: "center",
+    align: 'center',
     dataIndex: 'mp3File',
   },
   {
     title: '视频文件',
-    align: "center",
+    align: 'center',
     dataIndex: 'mp4File',
   },
   // {
@@ -143,6 +143,18 @@ export const columns: BasicColumn[] = [
   //   sorter: true,
   //   dataIndex: 'updateTime'
   // },
+  {
+    title: '预览图片',
+    align: 'center',
+    dataIndex: 'previewFile',
+    customRender: render.renderImage,
+  },
+  {
+    title: '即时指令图片',
+    align: 'center',
+    dataIndex: 'immediateFile',
+    customRender: render.renderImage,
+  },
 ];
 
 // 高级查询数据

src/views/serviceDirective/serviceDirective/components/ConfigServiceDirectiveForm.vue

@@ -136,6 +136,18 @@
               </a-form-item>
             </a-col> -->
           </a-row>
+          <a-row>
+            <a-col :span="12">
+              <a-form-item label="预览图片" v-bind="validateInfos.previewFile">
+                <JImageUpload :fileMax="1" v-model:value="formData.previewFile"></JImageUpload>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="即时指令图片" v-bind="validateInfos.immediateFile">
+                <JImageUpload :fileMax="1" v-model:value="formData.immediateFile"></JImageUpload>
+              </a-form-item>
+            </a-col>
+          </a-row>
           <a-row>
             <a-col :span="12">
               <a-form-item label="语音文件" v-bind="validateInfos.mp3File" id="ConfigServiceDirectiveForm-mp3File"
@@ -186,6 +198,7 @@ import { useMessage } from '/@/hooks/web/useMessage';
 import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
 import { JCheckbox } from '/@/components/Form';
 import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
+import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
 import { getValueType } from '/@/utils';
 import { saveOrUpdate } from '../ConfigServiceDirective.api';
 import { Form } from 'ant-design-vue';
@@ -221,6 +234,8 @@ const formData = reactive<Record<string, any>>({
   updateTime: '',
   mp3File: '',
   mp4File: '',
+  previewFile: '',
+  immediateFile: '',
 });
 const { createMessage } = useMessage();
 const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });