销售发票-文件上传/查看

src/views/inventiry/salesOutbound/components/ViewFileListModal.vue

@@ -35,15 +35,15 @@
           fatherId.value = record.id
       }
       function handleCancel(){
-        visible.value = false;
-        emit('success')
+        visible.value = false;  
       }
       async function handleOk(){
         var params = {
           id: fatherId.value,
           signing: obj.value.attachs,
         };
-        editSignSing(params,handleCancel);
+        await editSignSing(params,handleCancel);
+        emit('success')
       }
       defineExpose({
         getTable

src/views/saleCode/salesInvoice/components/ViewFileListModal.vue

@@ -0,0 +1,76 @@
+<template>
+    <div ref="viewFileDetailRef">
+        <a-modal
+            :title="title"
+            width="40%"
+            :visible="visible"
+            :maskClosable="false"
+            :getContainer ='()=>$refs.viewFileDetailRef'
+            switchFullscreen
+            :footer="title!=='盖章发票(stapm invoice)'?null:underfined"
+            @cancel="handleCancel"
+            @ok="handleOk"
+            >
+                <div>
+                  <JUpload v-model:value="obj.attachs" :disabled="title!=='盖章发票(stapm invoice)'"/>
+                </div>
+        </a-modal>
+    </div>
+  </template>
+  
+  <script lang="ts" setup>
+      import {ref} from 'vue';
+      import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
+      import {editSignSing} from '../salesInvoiceForm.api';
+      const emit = defineEmits([ 'success']); //定义emit
+      var visible = ref(false);
+      var title = ref('')
+      var fatherId = ref('')
+      var showFooter = ref(true);
+      var obj=ref({
+        attachs:'',
+      })
+      function getTable(record){
+          visible.value = true
+          title.value ='盖章发票(stapm invoice)'
+          obj.value.attachs = record.stampInvoice
+          fatherId.value = record.id
+      }
+      function viewFile(record){
+          visible.value = true
+          title.value ='签单/提单(sign/bill of lading)'
+          obj.value.attachs = record.sign
+          showFooter.value = false
+      }
+      function handleCancel(){
+        visible.value = false;
+        
+      }
+      async function handleOk(){
+        var params = {
+          id: fatherId.value,
+          stampInvoice: obj.value.attachs,
+        };
+        await editSignSing(params,handleCancel);
+        emit('success')
+      }
+      defineExpose({
+        getTable,
+        viewFile
+      });
+    </script>
+  
+  <style lang="less" scoped>
+      /** 时间和数字输入框样式 */
+    :deep(.ant-input-number) {
+      width: 100%;
+    }
+  
+    :deep(.ant-calendar-picker) {
+      width: 100%;
+    }
+    /deep/.ant-modal-body{
+      padding: 14px !important;
+    }
+  </style>
+  

src/views/saleCode/salesInvoice/salesInvoiceList.vue

@@ -105,21 +105,18 @@
         <a @click="handleView(props)">查看(view)</a>
       </template>
       <template #viewFile="props">
-        <a-upload name="file" :showUploadList="false" :action="uploadUrl" :headers="headers" @change="(value) => handleChange(value, props)">
-          <a>上传(upload)</a>
-        </a-upload>
-        <a>/</a>
-        <a :href="props.record.stampInvoice">查看</a>
+        <a  @click="handleViewFile(props,'1')">查看</a>
       </template>
 
       <template #signFile="props">
-        <a @click="handleViewSin(props)">查看(view)</a>
+        <a @click="handleViewFile(props,'2')">查看(view)</a>
       </template>
     </BasicTable>
     <!-- 表单区域 -->
     <saleInvoiceFormModal @register="registerModal" @success="handleSuccess" v-if="viewType == ''" />
     <SaleOrderFormList @register="registerModal" v-if="viewType == 'saleOrder'" @visible-change="changeVisi" />
     <PurchaseOrderFormList @register="registerModal" v-if="viewType == 'purchaseOrder'" @visible-change="changeVisi" />
+    <ViewFileListModal ref="ViewFileListModalRef" @success="handleSuccess"></ViewFileListModal>
     <SaleContractList @register="registerModal" v-if="viewType == 'saleContract'" @visible-change="changeVisi" />
   </div>
 </template>
@@ -152,15 +149,10 @@
   import SaleOrderFormList from '../salesOrder/components/SaleOrderFormModal.vue';
   import PurchaseOrderFormList from '../../purchase/purchaseOrder/components/PurchaseOrderFormModal.vue';
   import SaleContractList from '../saleContract/components/SaleContractModal.vue';
+  import ViewFileListModal from './components/ViewFileListModal.vue';
   import { message } from 'ant-design-vue';
-  import { getHeaders } from '/@/utils/common/compUtils';
-  import { uploadUrl } from '/@/api/common/api';
-  import { useGlobSetting } from '/@/hooks/setting';
   import { useMethods } from '/@/hooks/system/useMethods';
   const { handleExportXlsx, } = useMethods();
-  const globSetting = useGlobSetting();
-  const baseUploadUrl = globSetting.uploadUrl;
-  const headers = getHeaders();
   const formRef = ref();
   const queryParam = reactive<any>({});
   //注册model
@@ -168,6 +160,7 @@
   var classOption = ref([]);
   var viewType = ref('');
   var showField = ref('currency+name');
+  var ViewFileListModalRef = ref();
   //注册table数据
   const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
     tableProps: {
@@ -363,27 +356,6 @@
       batchClose({ ids: ids }, handleSuccess);
     }
   }
-  function handleChange(info, props) {
-    if (info.file.status !== 'uploading') {
-      // console.log(info.file, info.fileList);
-    }
-    if (info.file.status === 'done') {
-      if (info.file.response.success) {
-        editSinging(info.file.response.message, props.record);
-      } else {
-        message.error(`${info.file.name} ${info.file.response.message}.`);
-      }
-    } else if (info.file.status === 'error') {
-      message.error(`文件上传失败: ${info.file.msg} `);
-    }
-  }
-  function editSinging(fileName, record) {
-    var params = {
-      id: record.id,
-      stampInvoice: baseUploadUrl + '/sys/common/static/' + fileName,
-    };
-    editSignSing(params, handleSuccess);
-  }
   async function handleView(prop) {
     var param = {
       id: '',
@@ -409,20 +381,19 @@
       showFooter: false,
     });
   }
-  async function handleViewSin(prop) {
-    var param = {
-      id: prop.record.id,
-      type: 'signBill',
-    };
-    var record = await getListDetail(param);
-    prop.record.sign = baseUploadUrl + '/sys/common/static/' + record.signing;
-    window.location.href = prop.record.sign;
-  }
   function changeVisi(data) {
     if (!data) {
       viewType.value = '';
     }
   }
+  function handleViewFile(prop,data) {
+    if(data=='1'){
+      ViewFileListModalRef.value.getTable(prop.record);
+    }else{
+      ViewFileListModalRef.value.viewFile(prop.record);
+    }
+    
+  }
   /* ----------------------以下为原生查询需要添加的-------------------------- */
   const toggleSearchStatus = ref<boolean>(false);
   const labelCol = reactive({