文件上传预览

src/views/alter/admin/components/order/addModal.vue

@@ -153,6 +153,7 @@
                                         props: uploadFormProps,
                                         isArr: true,
                                         num: 0,
+                                        preview: false,
                                     }"
                                     :upload="{ options: { multiple: false } }"
                                     @item="uploadFileItem"
@@ -173,6 +174,7 @@
 <script setup>
 import { nextTick, ref, watch } from 'vue'
 import { useAppStore } from '~src/store'
+import { toPdfPage } from '~uti/btn-auth'
 import { getDictionaryData, isNumberReg } from '~uti/tools'
 import { arrIndex, arrToKey, formValidate, getArrValue, getObjValue, isArray, isNullES } from 'js-fast-way'
 import ChangeRequest from './changeRequest.vue'
@@ -463,9 +465,9 @@ const uploadFileSuccess = ({ res }, resolve) => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 
 //保存

src/views/alter/admin/order.vue

@@ -126,6 +126,7 @@
                                 type: 'list',
                                 props: uploadFormProps,
                                 isArr: true,
+                                preview: false,
                             }"
                             :upload="{ options: { multiple: false } }"
                             @item="uploadFileItem"
@@ -424,9 +425,9 @@ const undoReportClick = async () => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 </script>
 

src/views/debit-pay/admin/components/apply/addModal.vue

@@ -54,7 +54,7 @@
                                 </el-col>
                                 <el-col :span="24">
                                     <el-form-item label="草图文件：">
-                                        <hc-form-upload v-model="baseForm.key9" @item="uploadFileItem" />
+                                        <hc-form-upload v-model="baseForm.key9" :options="{ preview: false }" @item="uploadFileItem" />
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="24">
@@ -111,7 +111,7 @@
                         </template>
                         <el-form :model="baseForm" label-position="left" label-width="auto">
                             <el-form-item label="上传附件">
-                                <hc-form-upload v-model="baseForm.key11" :options="{ type: 'list', num: 99 }" @item="uploadFileItem" />
+                                <hc-form-upload v-model="baseForm.key11" :options="{ type: 'list', num: 99, preview: false }" @item="uploadFileItem" />
                             </el-form-item>
                         </el-form>
                     </hc-card-item>
@@ -227,9 +227,9 @@ const addBillBaseModalClick = () => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 
 const addModalSave = () => {

src/views/debit-pay/admin/components/middlepay/addModal.vue

@@ -151,6 +151,7 @@
                                     is-res
                                     :options="{
                                         type: 'list',
+                                        preview: false,
                                         props: uploadFormProps,
                                         isArr: true,
                                         num: 0,
@@ -939,8 +940,8 @@ cancelcheck.forEach((ele)=>{
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 </script>

src/views/debit-pay/material/components/material/dataModal.vue

@@ -182,9 +182,8 @@
     <!-- 上传附件 -->
     <hc-new-dialog v-model="isAttachment" title="上传文件" is-footer-center widths="30rem" @close="attachmentClose">
         <hc-form-upload
-            v-model="formUploadFile"
-            is-res
-            :options="{ type: 'list', props: uploadFormProps, isArr: true, num: 0 }"
+            v-model="formUploadFile" is-res
+            :options="{ type: 'list', props: uploadFormProps, isArr: true, num: 0, preview: false }"
             @success="fileUploadSuccess"
             @item="uploadFileItem"
         />
@@ -655,9 +654,9 @@ const delFile = (index) => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 
 //保存

src/views/debit-pay/material/components/order/dataModal.vue

@@ -111,6 +111,7 @@
                                 :options="{
                                     type: 'list',
                                     props: hProps,
+                                    preview: false,
                                     isArr: true,
                                     num: 0,
                                 }"
@@ -384,9 +385,9 @@ const uploadFileSuccess = ({ res }, resolve) => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 
 const modalClose = () => {

src/views/debit-pay/start-work/components/order/dataModal.vue

@@ -52,7 +52,7 @@
                     <el-form-item label="">
                         <hc-form-upload
                             v-model="baseForm.fileList" is-res
-                            :options="{ type: 'list', props: hProps, isArr: true, num: 0 }"
+                            :options="{ type: 'list', props: hProps, preview: false, isArr: true, num: 0 }"
                             @success="uploadFileSuccess"
                             @change="formItemChange"
                             @item="uploadFileItem"
@@ -315,9 +315,9 @@ const uploadFileSuccess = ({ res }, resolve) => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 
 const formItemChange = (data) => {

src/views/periods/admin/components/middle/addModal.vue

@@ -59,7 +59,7 @@
                         </el-col>
                         <el-col :span="24">
                             <el-form-item label="草图文件：">
-                                <hc-form-upload v-model="baseForm.key9" @item="uploadFileItem" />
+                                <hc-form-upload v-model="baseForm.key9" :options="{ preview: false }" @item="uploadFileItem" />
                             </el-form-item>
                         </el-col>
                         <el-col :span="24">
@@ -116,7 +116,7 @@
                 </template>
                 <el-form :model="baseForm" label-position="left" label-width="auto">
                     <el-form-item label="上传附件">
-                        <hc-form-upload v-model="baseForm.key11" @item="uploadFileItem" />
+                        <hc-form-upload v-model="baseForm.key11" :options="{ preview: false }" @item="uploadFileItem" />
                     </el-form-item>
                 </el-form>
             </hc-card-item>
@@ -214,9 +214,9 @@ const addBillBaseModalClick = () => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 
 const addModalSave = () => {

src/views/periods/material/components/order/dataModal.vue

@@ -95,7 +95,7 @@
                     </div>
                     <el-form :model="baseForm" label-position="top">
                         <el-form-item label="">
-                            <hc-form-upload v-model="baseForm.key11" @item="uploadFileItem" />
+                            <hc-form-upload v-model="baseForm.key11" :options="{ preview: false }" @item="uploadFileItem" />
                         </el-form-item>
                     </el-form>
                 </hc-card-item>
@@ -179,9 +179,9 @@ const baseFormRules = {}
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 
 const modalSave = () => {

src/views/periods/start-work/components/order/dataModal.vue

@@ -27,7 +27,7 @@
             <hc-card-item class="mt-3" title="附件列表" extra-text="可上传:图片、Excel、PDF、Word文件">
                 <el-form :model="baseForm" label-position="top">
                     <el-form-item label="">
-                        <hc-form-upload v-model="baseForm.key11" @item="uploadFileItem" />
+                        <hc-form-upload v-model="baseForm.key11" :options="{ preview: false }" @item="uploadFileItem" />
                     </el-form-item>
                 </el-form>
             </hc-card-item>
@@ -110,9 +110,9 @@ const baseFormRules = {}
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 
 const modalSave = () => {

src/views/tasks/components/hc-data/alter-form.vue

@@ -183,6 +183,7 @@
                             props: uploadFormProps,
                             isArr: true,
                             num: 0,
+                            preview: false,
                         }"
                         :upload="{ options: { multiple: false } }"
                         @success="uploadFileSuccess"
@@ -536,9 +537,9 @@ const attachmentUploadDel = ({ file }, resolve) => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 </script>
 

src/views/tasks/components/hc-data/material-form.vue

@@ -69,6 +69,7 @@
                         :disabled="!isEdits || taskInfo.status === 2 || taskInfo.status === 3 || tableInfo.status === 1"
                         :options="{
                             type: 'list',
+                            preview: false,
                             props: uploadFormProps,
                             isArr: true,
                             num: 0,
@@ -274,9 +275,9 @@ const attachmentUploadDel = ({ file }, resolve) => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 </script>
 

src/views/tasks/components/hc-data/middlepay-form.vue

@@ -51,7 +51,7 @@
                     </el-col>
                     <el-col :span="16">
                         <el-form-item label="草图文件：">
-                            <hc-form-upload v-if="baseForm.pictureUrl" v-model="baseForm.pictureUrl" @item="pictureUrlItem" />
+                            <hc-form-upload v-if="baseForm.pictureUrl" v-model="baseForm.pictureUrl" :options="{ preview: false }" @item="pictureUrlItem" />
                             <div v-else class="form-item-div">暂无文件</div>
                         </el-form-item>
                     </el-col>
@@ -109,7 +109,7 @@
                     <hc-form-upload
                         v-model="baseForm.fileList" is-del is-res
                         :disabled="!isEdits || taskInfo.status === 2 || taskInfo.status === 3 || tableInfo.status === 1"
-                        :options="{ type: 'list', props: uploadFormProps, isArr: true, num: 0 }"
+                        :options="{ type: 'list', props: uploadFormProps, preview: false, isArr: true, num: 0 }"
                         :upload="{ options: { multiple: false } }"
                         @success="uploadFileSuccess"
                         @item="uploadFileItem"
@@ -338,9 +338,9 @@ const pictureUrlItem = ({ file }) => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 
 // 文件上传成功的回调

src/views/tasks/components/hc-data/start-work-form.vue

@@ -47,7 +47,7 @@
                         is-del
                         is-res
                         :disabled="!isEdits || taskInfo.status === 2"
-                        :options="{ type: 'list', props: uploadFormProps, isArr: true, num: 0 }"
+                        :options="{ type: 'list', props: uploadFormProps, preview: false, isArr: true, num: 0 }"
                         :upload="{ options: { multiple: false } }"
                         @success="uploadFileSuccess"
                         @item="uploadFileItem"
@@ -241,9 +241,9 @@ const attachmentUploadDel = ({ file }, resolve) => {
 
 //文件被点击
 const uploadFileItem = ({ file }) => {
-    const { url } = getObjValue(file)
-    if (isNullES(url)) return
-    toPdfPage(url)
+    const { pdfUrl } = getObjValue(file)
+    if (isNullES(pdfUrl)) return
+    toPdfPage(pdfUrl)
 }
 </script>