文件上传预览

public/version.json

@@ -1,3 +1,3 @@
 {
-  "value": "20240905164148"
+  "value": "20240909174400"
 }

src/config/index.json

@@ -1,8 +1,8 @@
 {
     "version": "20230607160059",
     "target1": "http://127.0.0.1:8090",
-    "target": "http://192.168.0.125:8090",
-    "target3": "http://39.108.216.210:8090",
+    "target2": "http://192.168.0.125:8090",
+    "target": "http://39.108.216.210:8090",
     "target4": "http://192.168.0.109:8090",
     "target5": "http://192.168.0.102:8090",
     "target6": "http://183.247.216.148:28090",

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

@@ -110,7 +110,7 @@
                         <template #extra>
                             <el-link type="primary" @click="changeShowClick">添加</el-link>
                         </template>
-                        <div class="hc-table-ref-box no-border">
+                        <div class="no-border hc-table-ref-box">
                             <el-table class="w-full" :data="tableData[tableIndex]?.formList" row-key="id" height="100%" highlight-current-row border>
                                 <el-table-column type="index" label="序号" />
                                 <el-table-column prop="formNumber" label="清单编号" />
@@ -155,6 +155,7 @@
                                         num: 0,
                                     }"
                                     :upload="{ options: { multiple: false } }"
+                                    @item="uploadFileItem"
                                     @success="uploadFileSuccess"
                                 />
                             </el-form-item>
@@ -460,6 +461,13 @@ const uploadFileSuccess = ({ res }, resolve) => {
     })
 }
 
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
+
 //保存
 const addModalSave = async () => {
     const isValidate = await formValidate(baseFormRef.value)

src/views/alter/admin/order.vue

@@ -128,6 +128,7 @@
                                 isArr: true,
                             }"
                             :upload="{ options: { multiple: false } }"
+                            @item="uploadFileItem"
                         />
                     </hc-card-item>
                 </el-scrollbar>
@@ -146,6 +147,7 @@
 import { nextTick, onActivated, onMounted, ref } from 'vue'
 import { backMeterTask } from '~api/other'
 import { useAppStore } from '~src/store'
+import { toPdfPage } from '~uti/btn-auth'
 import { actionConfirm, delMessage } from '~uti/tools'
 import addModal from './components/order/addModal.vue'
 import { arrToId, getArrValue, getObjValue, getRandom, isNullES } from 'js-fast-way'
@@ -419,6 +421,13 @@ const undoReportClick = async () => {
     window.$message.success('撤回成功')
     reportFinish()
 }
+
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
 </script>
 
 <style lang="scss">

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" />
+                                        <hc-form-upload v-model="baseForm.key9" @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 }" />
+                                <hc-form-upload v-model="baseForm.key11" :options="{ type: 'list', num: 99 }" @item="uploadFileItem" />
                             </el-form-item>
                         </el-form>
                     </hc-card-item>
@@ -126,8 +126,9 @@
 
 <script setup>
 import { nextTick, ref, watch } from 'vue'
+import { toPdfPage } from '~uti/btn-auth'
 import HcBillBaseModal from '../addBillBaseModal.vue'
-import { getRandom } from 'js-fast-way'
+import { getObjValue, getRandom, isNullES } from 'js-fast-way'
 
 const props = defineProps({
     ids: {
@@ -224,6 +225,13 @@ const addBillBaseModalClick = () => {
     addBillBaseModalShow.value = true
 }
 
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
+
 const addModalSave = () => {
     emit('finish')
     addModalClose()

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

@@ -156,6 +156,7 @@
                                         num: 0,
                                     }"
                                     @success="fileUploadSuccess"
+                                    @item="uploadFileItem"
                                     @del="attachMentDel"
                                     @change="attachmentUploadChange"
                                 />
@@ -935,4 +936,11 @@ cancelcheck.forEach((ele)=>{
    ischangeByGetNode.value = false
 
 }
+
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
 </script>

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

@@ -181,7 +181,13 @@
     </hc-new-dialog>
     <!-- 上传附件 -->
     <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 }" @success="fileUploadSuccess" />
+        <hc-form-upload
+            v-model="formUploadFile"
+            is-res
+            :options="{ type: 'list', props: uploadFormProps, isArr: true, num: 0 }"
+            @success="fileUploadSuccess"
+            @item="uploadFileItem"
+        />
         <template #footer>
             <el-button hc-btn @click="attachmentClose">取消</el-button>
             <el-button hc-btn type="primary" @click="attachmentSave">确认</el-button>
@@ -193,6 +199,7 @@
 import dayjs from 'dayjs'
 import { nextTick, ref, watch } from 'vue'
 import { useAppStore } from '~src/store'
+import { toPdfPage } from '~uti/btn-auth'
 import { isNumberReg } from '~uti/tools'
 import mainApi from '~api/debit-pay/material/material'
 import { deepClone, formValidate, getArrValue, getObjValue, isNullES, newWindow } from 'js-fast-way'
@@ -646,6 +653,13 @@ const delFile = (index) => {
     tableData2.value.splice(index, 1)
 }
 
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
+
 //保存
 const saveLoaing = ref(false)
 const modalSave = async () => {

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

@@ -116,6 +116,7 @@
                                 }"
                                 @success="uploadFileSuccess"
                                 @change="HcUploadFileFinish"
+                                @item="uploadFileItem"
                             />
                         </el-form-item>
                     </el-form>
@@ -132,8 +133,7 @@ import contractApi from '~api/debit-pay/material/contract.js'
 import periodApi from '~api/debit-pay/material/periods.js'
 import orderApi from '~api/debit-pay/material/order.js'
 import { formValidate, getArrValue, getObjValue, isNullES } from 'js-fast-way'
-import { isNumberReg } from '~uti/tools'
-import BigNumber from 'bignumber.js'
+import { toPdfPage } from '~uti/btn-auth'
 
 const props = defineProps({
     ids: {
@@ -382,6 +382,13 @@ const uploadFileSuccess = ({ res }, resolve) => {
     }
 }
 
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
+
 const modalClose = () => {
     isShow.value = false
     emit('close')

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

@@ -53,7 +53,9 @@
                         <hc-form-upload
                             v-model="baseForm.fileList" is-res
                             :options="{ type: 'list', props: hProps, isArr: true, num: 0 }"
-                            @success="uploadFileSuccess" @change="formItemChange"
+                            @success="uploadFileSuccess"
+                            @change="formItemChange"
+                            @item="uploadFileItem"
                         />
                     </el-form-item>
                 </el-form>
@@ -68,6 +70,7 @@ import { useAppStore } from '~src/store'
 import { formValidate, getArrValue, getObjValue, isNullES } from 'js-fast-way'
 import periodApi from '~api/debit-pay/material/periods.js'
 import orderApi from '~api/debit-pay/start-work/order.js'
+import { toPdfPage } from '~uti/btn-auth'
 import { isNumberReg } from '~uti/tools'
 
 const props = defineProps({
@@ -310,6 +313,13 @@ const uploadFileSuccess = ({ res }, resolve) => {
     }
 }
 
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
+
 const formItemChange = (data) => {
     fileName.value = 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" />
+                                <hc-form-upload v-model="baseForm.key9" @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" />
+                        <hc-form-upload v-model="baseForm.key11" @item="uploadFileItem" />
                     </el-form-item>
                 </el-form>
             </hc-card-item>
@@ -135,6 +135,8 @@
 
 <script setup>
 import { ref, watch } from 'vue'
+import { getObjValue, isNullES } from 'js-fast-way'
+import { toPdfPage } from '~uti/btn-auth'
 import HcBillBaseModal from '../addBillBaseModal.vue'
 import HcLinkAlterModal from './linkAlterModal.vue'
 import HcLinkWarranty from './linkWarranty.vue'
@@ -210,6 +212,13 @@ const addBillBaseModalClick = () => {
     addBillBaseModalShow.value = true
 }
 
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
+
 const addModalSave = () => {
     emit('finish')
     addModalClose()

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" />
+                            <hc-form-upload v-model="baseForm.key11" @item="uploadFileItem" />
                         </el-form-item>
                     </el-form>
                 </hc-card-item>
@@ -106,6 +106,8 @@
 
 <script setup>
 import { nextTick, ref, watch } from 'vue'
+import { getObjValue, isNullES } from 'js-fast-way'
+import { toPdfPage } from '~uti/btn-auth'
 
 const props = defineProps({
     ids: {
@@ -175,6 +177,13 @@ const baseFormRef = ref(null)
 const baseForm = ref({})
 const baseFormRules = {}
 
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
+
 const modalSave = () => {
     modalClose()
 }

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" />
+                        <hc-form-upload v-model="baseForm.key11" @item="uploadFileItem" />
                     </el-form-item>
                 </el-form>
             </hc-card-item>
@@ -37,6 +37,8 @@
 
 <script setup>
 import { nextTick, ref, watch } from 'vue'
+import { getObjValue, isNullES } from 'js-fast-way'
+import { toPdfPage } from '~uti/btn-auth'
 
 const props = defineProps({
     ids: {
@@ -106,6 +108,13 @@ const baseFormRef = ref(null)
 const baseForm = ref({})
 const baseFormRules = {}
 
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
+
 const modalSave = () => {
     modalClose()
 }

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

@@ -186,6 +186,7 @@
                         }"
                         :upload="{ options: { multiple: false } }"
                         @success="uploadFileSuccess"
+                        @item="uploadFileItem"
                         @del="attachmentUploadDel"
                     />
                 </el-form-item>
@@ -199,6 +200,7 @@
 <script setup>
 import { nextTick, onMounted, ref, watch } from 'vue'
 import { useAppStore } from '~src/store'
+import { toPdfPage } from '~uti/btn-auth'
 import ChangeRequest from './changeRequest.vue'
 import { delMessage, getDictionaryData, isNumberReg } from '~uti/tools'
 import { arrIndex, arrToKey, getArrValue, getObjVal, getObjValue, isArray, isNullES } from 'js-fast-way'
@@ -531,6 +533,13 @@ const attachmentUploadDel = ({ file }, resolve) => {
         }
     })
 }
+
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
 </script>
 
 <style lang="scss" scoped>

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

@@ -74,6 +74,7 @@
                             num: 0,
                         }"
                         :upload="{ options: { multiple: false } }"
+                        @item="uploadFileItem"
                         @success="uploadFileSuccess"
                         @del="attachmentUploadDel"
                     />
@@ -87,6 +88,7 @@
 import { nextTick, onMounted, ref, watch } from 'vue'
 import { useAppStore } from '~src/store'
 import { getArrValue, getObjVal, getObjValue, isNullES } from 'js-fast-way'
+import { toPdfPage } from '~uti/btn-auth'
 import { delMessage, isNumberReg } from '~uti/tools'
 import mainApi from '~api/tasks/hc-data'
 
@@ -269,6 +271,13 @@ const attachmentUploadDel = ({ file }, resolve) => {
         }
     })
 }
+
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
 </script>
 
 <style lang="scss">

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" />
+                            <hc-form-upload v-if="baseForm.pictureUrl" v-model="baseForm.pictureUrl" @item="pictureUrlItem" />
                             <div v-else class="form-item-div">暂无文件</div>
                         </el-form-item>
                     </el-col>
@@ -112,6 +112,7 @@
                         :options="{ type: 'list', props: uploadFormProps, isArr: true, num: 0 }"
                         :upload="{ options: { multiple: false } }"
                         @success="uploadFileSuccess"
+                        @item="uploadFileItem"
                         @del="uploadFileDel"
                     />
                 </el-form-item>
@@ -125,6 +126,7 @@
 <script setup>
 import { nextTick, onMounted, ref, watch } from 'vue'
 import { useAppStore } from '~src/store'
+import { toPdfPage } from '~uti/btn-auth'
 import HcBillBase from './addBillBase.vue'
 import mainApi from '~api/tasks/hc-data'
 import BigNumber from 'bignumber.js'
@@ -328,6 +330,19 @@ const uploadFormProps = {
     name: 'fileName',
 }
 
+const pictureUrlItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
+
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
+
 // 文件上传成功的回调
 const uploadFileSuccess = async ({ res }, resolve) => {
     const { link, pdfUrl, originalName } = getObjValue(res.data)

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

@@ -50,6 +50,7 @@
                         :options="{ type: 'list', props: uploadFormProps, isArr: true, num: 0 }"
                         :upload="{ options: { multiple: false } }"
                         @success="uploadFileSuccess"
+                        @item="uploadFileItem"
                         @del="attachmentUploadDel"
                     />
                 </el-form-item>
@@ -61,6 +62,7 @@
 <script setup>
 import { nextTick, onMounted, ref, watch } from 'vue'
 import { useAppStore } from '~src/store'
+import { toPdfPage } from '~uti/btn-auth'
 import { delMessage, isNumberReg } from '~uti/tools'
 import { getArrValue, getObjVal, getObjValue, isNullES } from 'js-fast-way'
 import mainApi from '~api/tasks/hc-data'
@@ -236,6 +238,13 @@ const attachmentUploadDel = ({ file }, resolve) => {
         }
     })
 }
+
+//文件被点击
+const uploadFileItem = ({ file }) => {
+    const { url } = getObjValue(file)
+    if (isNullES(url)) return
+    toPdfPage(url)
+}
 </script>
 
 <style lang="scss">