修改

src/views/statisticalReport/stockPurchaseReceiptReportList.vue

@@ -72,14 +72,14 @@
           >
             <el-option
               v-if="item.reportStatus"
-              v-for="item in options"
+              v-for="item in option"
               :key="item.constKey"
               :label="item.contractNo + '(' + item.reportStatus + ')'"
               :value="item.contractNo"
             />
             <el-option
               v-if="!item.reportStatus"
-              v-for="item in options"
+              v-for="item in option"
               :key="item.constKey"
               :label="item.contractNo"
               :value="item.contractNo"
@@ -90,32 +90,55 @@
       <div v-if="contractNo != ''">
         <span v-if="orderList.goodsName">货名: {{ orderList.goodsName }}</span>
         <span v-else>货名:——</span>
-        <span v-if="orderList.transactionsNumber"
-          >合同重量: {{ orderList.transactionsNumber }} 吨</span
+        
+        <span v-if="orderList.weight"
+          >合同重量: {{ orderList.weight }} 吨</span
         >
         <span v-else>合同重量: 0 吨</span>
-        <span v-if="orderList.stockInQuantity"
-          >入库量: {{ orderList.stockInQuantity }} 吨</span
+
+        <span v-if="warehouseList.settlementWeight"
+          >入库量: {{ warehouseList.settlementWeight }} 吨</span
         >
         <span v-else>入库量: 0 吨</span>
-        <span v-if="orderList.contractPrice"
-          >合同单价: {{ orderList.contractPrice }} 元/吨</span
+
+        <span v-if="orderList.unitContractPrice"
+          >合同单价: {{ orderList.unitContractPrice }} 元/吨</span
         >
         <span v-else>合同单价: 0 元/吨</span>
-        <span v-if="orderList.amountIngPayable"
-          >应付: {{ orderList.amountIngPayable }} 元</span
+
+        <span v-if="payingMoney"
+          >应付: {{ payingMoney }} 元</span
         >
         <span v-else>应付: 0 元</span>
-        <span v-if="orderList.amountEdPayable"
-          >已付: {{ orderList.amountEdPayable }} 元</span
+
+        <span v-if="payedMoney"
+          >已付: {{ payedMoney }} 元</span
         >
         <span v-else>已付: 0 元</span>
+
+        <span v-if="payNotMoney"
+          >未付: {{ payNotMoney }} 元</span
+        >
+        <span v-else>未付: 0 元</span>
+
         <span v-if="orderList.deposit"
-          >定金: {{ orderList.deposit }} 元 {{ orderList.depositUrl }}</span
+          >定金: {{ orderList.deposit }} 元 
+          <!-- {{ orderList.depositUrl }} -->
+           <img
+            width="18"
+            height="20"
+            style="vertical-align: text-top; position: relative; top: -1px"
+            src="../../../public/img/fujian.png"
+            @click="fujian()"
+            alt=""
+          />
+          <!-- <span v-if="addressUrlArray.length > 0">{{
+            addressUrlArray.length
+          }}</span> -->
+          </span
         >
         <span v-else>定金: 0 元</span>
       </div>
-
       <el-table
         class="wenzi"
         :data="warehouseList.records"
@@ -252,6 +275,15 @@
         layout="total, sizes, prev, pager, next, jumper"
         :total="deptBudgetTotal"
       ></el-pagination>
+      <WinseaContentModal
+      v-model="accessoryTFs"
+      :title="$t('system.noticeCircular.information')"
+      @on-cancel="handleClose"
+    >
+      <div v-for="(item,index) in addressUrlArray" :key="index">
+      <img width="100" height="100" :src="item" alt="">
+      </div>
+    </WinseaContentModal>
     </el-scrollbar>
     <el-dialog
       width="25%"
@@ -420,7 +452,7 @@ export default {
       showType: true,
       // 年
       year: '',
-      options: [],
+      option: [],
       pickerOptions: {},
       value2: '',
       deptBudgetTotal: 0,
@@ -447,15 +479,16 @@ export default {
       orderList: {},
       deptBudgetList: {},
       id: '',
-      //settlementWeightchange: false,
       pcFlag: 1,
       deposit: '0',
       stockPurchaseInfo: {
         id: '',
         settlementWeight: '',
       },
+      payingMoney:'',
+      payedMoney:'',
+      payNotMoney:'',
       settlementWeight: '',
-      // carryoverlist: {},
       modification: [],
       contractManagementInfoList: {},
       contractManagementInfo: {
@@ -466,7 +499,7 @@ export default {
         id: '',
       },
       remark:'',
-      depositUrls: [],
+      // depositUrls: [],
       roleFlag: 1,
       money: '',
       paymentDate: '',
@@ -479,7 +512,9 @@ export default {
         paymentDate: '',
         paymentScreenshot: '',
         id: '',
+        
       },
+      addressUrlArray:[],
 
       amountNotPayable: 0,
       amountEdPayable: 0,
@@ -491,6 +526,7 @@ export default {
         },
       },
       accessoryTFs: false,
+      appendixIdss: [],
     }
   },
   activated() {
@@ -611,6 +647,18 @@ export default {
           })
       })
     },
+    //定金附件
+    fujian() {
+      debugger
+      if (this.orderList.depositUrl === null || this.orderList.depositUrl === '') {
+        EventBus.$emit(
+          'warning',
+          this.$t('system.noticeCircular.NoInformation')
+        )
+      }
+      this.appendixIdss = this.orderList.depositUrl
+      this.accessoryTFs = true
+    },
     //备注
     addRemarks() {
       this.dialogFormVisible11 = true
@@ -802,20 +850,20 @@ export default {
     dataFilter(val) {
       // console.log(val,"名")
       this.contractNo = val
-      if (val) {
-        //val存在
-        this.options = this.contractNoList.filter((item) => {
-          if (
-            !!~item.contractNo.indexOf(val) ||
-            !!~item.contractNo.toUpperCase().indexOf(val.toUpperCase())
-          ) {
-            return true
-          }
-        })
-      } else {
-        //val为空时，还原数组
-        this.options = this.contractNoList
-      }
+      // if (val) {
+      //   //val存在
+      //   this.options = this.contractNoList.filter((item) => {
+      //     if (
+      //       !!~item.contractNo.indexOf(val) ||
+      //       !!~item.contractNo.toUpperCase().indexOf(val.toUpperCase())
+      //     ) {
+      //       return true
+      //     }
+      //   })
+      // } else {
+      //   //val为空时，还原数组
+      //   this.options = this.contractNoList
+      // }
     },
     handlepass() {
       var that = this
@@ -839,6 +887,17 @@ export default {
       this.getList()
     },
     contractchange(e) {
+        for (var i = 0; i < this.contractNoList.length; i++) {
+          if (this.contractNoList[i].contractNo == e) {
+           this.orderList= this.contractNoList[i]
+           if (this.contractNoList[i].depositUrl ) {
+             this.addressUrlArray = this.contractNoList[i].depositUrl.split(',')
+            } else {
+              this.addressUrlArray = []
+            }
+          }
+        }
+        console.log(this.addressUrlArray,'tyis')
       this.contractNo = e
       this.getList()
     },
@@ -904,8 +963,14 @@ export default {
         .toPromise()
         .then((response) => {
           // debugger
+          this.payingMoney = 0
+          this.payedMoney = 0
+          this.payNotMoney = 0
           for (var i = 0; i < response.records.length; i++) {
             response.records[i].identification = 'false'
+            this.payingMoney += response.records[i].amountIngPayable
+            this.payedMoney += response.records[i].amountEdPayable
+            this.payNotMoney += response.records[i].amountNotPayable
           }
           this.deptBudgetTotal = response.total
           this.warehouseList = response
@@ -920,7 +985,8 @@ export default {
         .toPromise()
         .then((response) => {
           this.contractNoList = response
-          this.options = this.contractNoList
+          this.option = this.contractNoList
+        
         })
     },
     handleRemove(file) {