Просмотр исходного кода

介绍信附件图片显示修改

xujie 1 год назад
Родитель
Сommit
2b0f2da63a

+ 4 - 7
src/views/core/outIn/approve/dialog.approve.letter.detail.vue

@@ -23,12 +23,8 @@
           <el-descriptions-item label="来访事由">{{formData.letterReasons}}</el-descriptions-item>
           <el-descriptions-item label="开具日期">{{formData.startTimeStr}}</el-descriptions-item>
           <el-descriptions-item label="有效天数">{{formData.effectiveDays}}</el-descriptions-item>
-          <el-descriptions-item label="介绍信附件">
-            <K-file-upload
-              ref="upload"
-              :isShowUploadBtn="false"
-              :defaultValue="formData.letterFile"
-            />
+          <el-descriptions-item label="介绍信附件" span="2">
+            <image-file-list-preview v-model="formData.letterFile"></image-file-list-preview>
           </el-descriptions-item>
           <el-descriptions-item label="备注">{{formData.letterDescription}}</el-descriptions-item>
 
@@ -98,8 +94,9 @@ import KFileUpload from "@/components/K-FileUpload/index.vue";
 import dayjs from "dayjs";
 import imgUpload from "@/components/ImageUpload";
 import DataRangePicker from "@/components/dateTime/daterange.picker.vue";
+import imageFileListPreview from "@/components/ImageFileListPreview/index.vue";
 export default {
-  components: { KFileUpload, imgUpload,DataRangePicker },
+  components: {imageFileListPreview, KFileUpload, imgUpload,DataRangePicker },
   data() {
     const params = this.$route.params;
     return {

+ 6 - 6
src/views/core/outIn/approve/dialog.approve.letter.vue

@@ -47,14 +47,13 @@
               </el-form-item>
             </el-col>
 
-            <el-col :span="12">
+            <el-col :span="24">
               <el-form-item label="介绍信附件">
-                <K-file-upload ref="upload" :isShowUploadBtn="false"
-                                :defaultValue="formFileListDefualtValue"
-                                v-model="formData.letterFile"/>
+                <image-file-list-preview v-model="formData.letterFile"></image-file-list-preview>
               </el-form-item>
             </el-col>
-            <el-col :span="12">
+
+            <el-col :span="24">
               <el-form-item label="备注" prop="letterNo">
                 {{formData.letterDescription}}
               </el-form-item>
@@ -131,8 +130,9 @@ import KFileUpload from "@/components/K-FileUpload/index.vue";
 import dayjs from "dayjs";
 import imgUpload from "@/components/ImageUpload";
 import DataRangePicker from "@/components/dateTime/daterange.picker.vue";
+import imageFileListPreview from "@/components/ImageFileListPreview/index.vue";
 export default {
-  components: { KFileUpload, imgUpload,DataRangePicker },
+  components: {imageFileListPreview, KFileUpload, imgUpload,DataRangePicker },
   data() {
     const params = this.$route.params;
     return {

+ 3 - 6
src/views/core/outIn/outInLog/dialog.outIn.detail.vue

@@ -55,11 +55,7 @@
             formData.departureTime
           }}</el-descriptions-item>
           <el-descriptions-item label="介绍信附件">
-            <K-file-upload
-              ref="upload"
-              :isShowUploadBtn="false"
-              :defaultValue="formData.letterFile"
-            />
+            <image-file-list-preview v-model="formData.letterFile"></image-file-list-preview>
           </el-descriptions-item>
           <el-descriptions-item label="核验结果" span="2" labelClassName="gx_info_label">
             <ImageListPreview v-model="formData.checkImage"></ImageListPreview>
@@ -82,8 +78,9 @@ import KFileUpload from "@/components/K-FileUpload/index.vue";
 import dayjs from "dayjs";
 import imgUpload from "@/components/ImageUpload";
 import DataRangePicker from "@/components/dateTime/daterange.picker.vue";
+import imageFileListPreview from "@/components/ImageFileListPreview/index.vue";
 export default {
-  components: { KFileUpload, imgUpload, DataRangePicker },
+  components: {imageFileListPreview, KFileUpload, imgUpload, DataRangePicker },
   data() {
     const params = this.$route.params;
     return {