结算管理

src/api/procurement-settlement/index.js

@@ -23,35 +23,11 @@ export function updateSetlStmtDStas(data) {
         data
     })
 }
-// 采购发票管理---待录入 已录入
-export function selectRetnOrdD(data) {
+// 业务对账-发票确认按钮
+export function insertSetlInvo(data) {
     return request({
-        url:"/web/retnOrd/selectRetnOrdD",
+        url:"/web/setl/insertSetlInvo",
         method:"post",
         data
     })
 }
-// 待录入 已录入详情
-export function selectRetnDetl1(data) {
-    return request({
-        url:"/web/retnOrd/selectRetnDetl1",
-        method:"post",
-        data
-    })
-}
-// 待录入上传发票
-export function selectRetnDetl2(data) {
-    return request({
-        url:"/web/retnOrd/selectRetnDetl3",
-        method:"post",
-        data
-    })
-}
-// 供应商上传完发票 提交信息
-export function selectRetnDetl3(data) {
-    return request({
-        url:"/web/retnOrd/selectRetnDetl3",
-        method:"post",
-        data
-    })
-}

src/views/page/consumCataManage-sup/catalogdetailsadd.vue

@@ -161,7 +161,7 @@
             </el-form-item>
           </div>
           <div class="flex-css">
-            <el-form-item label="带量批次" prop="fasBtch"  v-if="infoData.isFas == '0'"  :rules="rules.required">
+            <el-form-item label="带量批次" prop="fasBtch"  v-if="infoData.isFas == '1'"  :rules="rules.required">
               <el-input
                 v-model="infoData.fasBtch"
                 placeholder="请输入带量批次"

src/views/page/procurement-settlement/invoiceManage/consumptionDetail.vue

@@ -0,0 +1,472 @@
+<template>
+  <!-- 商品退货管理————待确认 -->
+  <div>
+    <!-- <div class="right-button">
+      <el-button type="primary" v-print="printObj">打印</el-button>
+      <el-button type="primary"  @click="handleConfirm" :loading="sureLoading"
+        >确 认</el-button
+      >
+    </div> -->
+    <div class="common-card">
+      <h3>基本信息</h3>
+      <el-form
+        :model="listForm"
+        ref="listform"
+        label-width="180px"
+        class="grid-form-class"
+      >
+        <div class="form-body">
+          <div class="flex-css">
+            <el-form-item label="对账单号" prop="stmtNo">
+              <div class="content">
+                {{ listForm.stmtNo }}
+              </div>
+            </el-form-item>
+            <el-form-item label="客户名称" prop="branchName">
+              <div class="content">
+                {{ listForm.branchName }}
+              </div>
+            </el-form-item>
+            <!-- <el-form-item label="对账类型" prop="isFas">
+              <div class="content">
+                {{ listForm.isFas }}
+              </div>
+            </el-form-item> -->
+            <el-form-item label="对账周期" prop="stmtPrd">
+              <div class="content">
+                {{ listForm.stmtPrd }}
+              </div>
+            </el-form-item>
+          </div>
+          <div class="flex-css">
+            <el-form-item label="对账金额" prop="amt">
+              <div class="content">
+                {{ listForm.amt }}
+              </div>
+            </el-form-item>
+            <el-form-item label="状态" prop="stas">
+              <div class="content">
+                {{ listForm.stas }}
+              </div>
+            </el-form-item>
+             <el-form-item label=" " prop="">
+              <div class="content">
+              </div>
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+    </div>
+    <div class="common-card">
+      <h3>发票信息</h3>
+      <el-form
+        :model="listForm"
+        ref="listform"
+        label-width="180px"
+        class="grid-form-class"
+      >
+        <div class="form-body">
+          <div class="flex-css">
+            <el-form-item label="开票名称" prop="invoName" :rules="rules.required">
+                <el-input
+                v-if="isShow"
+                v-model="listForm.invoName"
+                placeholder="请输入开票名称"
+                maxlength="50"
+              ></el-input>
+              <div class="content" v-else>
+                {{listForm.invoName}}
+              </div>
+            </el-form-item>
+            <el-form-item label="发票号码" prop="invoNo"  :rules="rules.required">
+                <el-input
+                v-if="isShow"
+                v-model="listForm.invoNo"
+                placeholder="请输入发票号码"
+                maxlength="50"
+              ></el-input>
+              <div class="content" v-else>
+                {{listForm.invoNo}}
+              </div>
+            </el-form-item>
+            <el-form-item label="开票日期" prop="invoDate"  :rules="rules.dateRequired">
+                <el-date-picker
+                v-model="listForm.invoDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                v-if="isShow"
+                placeholder="选择日期">
+                </el-date-picker>
+                <div class="content" v-else>
+                {{listForm.invoDate}}
+              </div>
+            </el-form-item>
+          </div>
+          <div class="flex-css">
+            <el-form-item label="开票金额" prop="invoAmt"  :rules="rules.numPot2">
+                <el-input
+                v-if="isShow"
+                v-model="listForm.invoAmt"
+                placeholder="请输入开票金额"
+                maxlength="50"
+              ></el-input>
+              <div class="content" v-else>
+                {{listForm.invoAmt}}
+              </div>
+            </el-form-item>
+            <el-form-item label="发票文件"  prop="invoFile" :rules="rules.uploadRequired" >
+                <yl-upload
+                v-if="isShow"
+              :fileId="listForm.invoFile"
+              @getUpload="getUpload"
+              urlName="acco"
+            >
+              <template v-slot:dec>只能上传pdf文件</template>
+            </yl-upload>
+            <yl-upload
+                v-else
+              :fileId="listForm.invoFile"
+              readonly
+            >
+            </yl-upload>
+            </el-form-item>
+             <el-form-item label="核验文件" prop="invoChkFile"  :rules="rules.uploadRequired" >
+                <yl-upload
+                v-if="isShow"
+              :fileId="listForm.invoChkFile"
+              @getUpload="getUpload1"
+              urlName="acco"
+            >
+              <template v-slot:dec>只能上传pdf文件</template>
+            </yl-upload>
+            <yl-upload
+                v-else
+              :fileId="listForm.invoChkFile"
+              readonly
+            >
+            </yl-upload>
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+    </div>
+    <div class="common-card">
+      <h3>明细信息</h3>
+      <div id="printMe">
+        <el-table
+          ref="table"
+          v-loading="listLoading"
+          element-loading-text="加载中"
+          :data="list"
+          show-summary
+          :summary-method="getSummaries"
+          :span-method="arraySpanMethod"
+          show-summary
+          :header-cell-style="getRowClass"
+          class="print-table"
+          >
+          <template slot="empty">
+            <img src="@/assets/nopage.png" alt />
+            <p>暂无数据</p>
+          </template>
+          <el-table-column
+            :label="tableLabel"
+            align="center"      
+            >
+          <!-- :header-cell-style="{background:'#ccc',borderColor:'#000'}" -->
+          <el-table-column type="index" label="序号" border  align="center"/>
+          <el-table-column label="商品名称" prop="prodName" align="center"/>
+          <el-table-column label="规格" prop="spec" align="center" />
+          <el-table-column label="型号" prop="mol" align="center">
+          </el-table-column>
+          <el-table-column label="数量" prop="cnt" align="center"/>
+          <el-table-column label="单位" prop="unt" align="center"/>
+          <el-table-column label="单价" prop="pric" align="center"/>
+          <el-table-column label="总计" prop="amt" align="center"/>
+          <el-table-column label="类别" prop="mcsType" align="center">
+            <template #default="{ row }">
+                <span v-if="row.mcsType == '0'">普通耗材</span>
+                <span v-if="row.mcsType == '1'">高值耗材</span>
+                <span v-if="row.mcsType == '2'">试剂</span>
+              </template>
+          </el-table-column>
+          <el-table-column label="是否集采" prop="isFas" align="center">
+              <template #default="{ row }">
+                <span v-if="row.isFas == '0'">非集采</span>
+                <span v-if="row.isFas == '1'">集采</span>
+              </template>
+          </el-table-column>
+          <el-table-column label="批次" prop="lotNum" align="center">
+          </el-table-column>
+          <!-- <el-table-column label="生产日期" prop="retnCnt" align="center"/> -->
+          <!-- <el-table-column label="有效期" prop="prodEntp" align="center"/> -->
+          <el-table-column label="厂商" prop="prodEntp" align="center"/>
+          </el-table-column>
+          </el-table-column>
+        </el-table>
+        <p class="price-css">共计 {{total}} 条</p>
+      </div>
+    </div>
+    <div class="foot-button">
+      <el-button type="primary" @click="handleSubmit" :loading="submitLoad" v-if="isShow"
+        >提交</el-button
+      >
+      <el-button type="danger" @click="handleBack">返回</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import ylStep from "@/components/yl-step";
+import ylPagination from "@/components/yl-pagination";
+import ylUpload from "@/components/yl-upload";
+import {selectSetlStmtDetlD,insertSetlInvo} from "@/api/procurement-settlement/index"
+import rules from "@/utils/rules";
+
+export default {
+  components: {
+    ylStep,
+    ylPagination,
+    ylUpload,
+  },
+  data() {
+    return {
+      total:"",
+      rules,
+      listForm: {
+        stmtNo:"",
+        branchName:"",
+        isFas:"",
+        amt:"",
+        stmtPrd:"",
+        stas:"",
+        invoFile:"",
+        invoChkFile:"",
+        invoName:"",
+        invoNo:"",
+        invoDate :"",
+        invoAmt:"",
+      },
+      stasOptions: [
+        { value: "C", lable: "待录入发票" },
+        { value: "D", lable: "已录入发票" },
+      ],
+      isFasOptions: [
+        { value: "0", lable: "非集采" },
+        { value: "1", lable: "集采" },
+      ],
+      listLoading: false,
+      list: [{prodName:"q",amt:"1"},{prodName:"v",amt:"3"},{prodName:"w",amt:"2"}],
+      isShow: false,
+      sureLoading: false,
+      printLoading: false, 
+      tableLabel:"",
+      submitLoad:false,
+        // 打印
+      printObj: {
+        id: "printMe",
+        popTitle: "", // 打印配置页上方标题
+        extraHead: "", //最上方的头部文字，附加在head标签上的额外标签,使用逗号分隔
+        preview: "", // 是否启动预览模式，默认是false（开启预览模式，可以先预览后打印）
+        previewTitle: "", // 打印预览的标题（开启预览模式后出现）,
+        previewPrintBtnLabel: "", // 打印预览的标题的下方按钮文本，点击可进入打印（开启预览模式后出现）
+        zIndex: "", // 预览的窗口的z-index，默认是 20002（此值要高一些，这涉及到预览模式是否显示在最上面）
+        beforeEntryIframe () {
+            const cells = document.querySelectorAll('.cell')
+            for (let k7 = 0; k7 < cells.length; k7++) {
+              const cell = cells[k7]
+              // 在这里添加样式只是修改了打印的样式，不会污染原页面的样式
+              // 为了让表格中的内容自动换行，不需要的话可以删掉
+              cell.style.whiteSpace = 'pre-wrap' 
+  
+            }
+          },
+        // beforeEntryIframe(copy) {
+        //   console.log(copy,"copy")
+        //   // copy是ele对象的深度拷贝，修改copy对象不会更改页面中table表格的样式，只会更改打印预览生成的表格的样式
+        //   const cells = copy.querySelectorAll('.cell');
+        //   const tableNode = copy.querySelectorAll('.el-table__header,.el-table__body');
+        //   ;[].slice.call(cells).forEach(item => {
+        //     // 为了让表格中的内容自动换行，不需要的话可以删掉
+        //     item.style.whiteSpace = 'pre-wrap'
+        //   })
+        //   // el-table打印不全的问题
+        //   ;[].slice.call(tableNode).forEach(item => {
+        //     item.style.width = '100%';
+        //     const child = item.childNodes;
+        //     ;[].slice.call(child).forEach(element => {
+        //       if(element.localName === 'colgroup') {
+        //         element.innerHTML = ''
+        //       }
+        //     })
+        //   })
+        // },
+        previewBeforeOpenCallback() {}, //预览窗口打开之前的callback（开启预览模式调用）
+        previewOpenCallback() {}, // 预览窗口打开之后的callback（开启预览模式调用）
+        beforeOpenCallback: () => {}, // 开启打印前的回调事件
+        openCallback() {}, // 调用打印之后的回调事件
+        closeCallback() {}, //关闭打印的回调事件（无法确定点击的是确认还是取消）
+        url: "",
+        standard: "",
+        extraCss: "",
+      },
+    };
+  },
+  created() {
+    if (this.$route.query.stas == "C") {
+      this.isShow = true;
+    } else {
+      this.isShow = false;
+    }
+    this.tableLabel=this.$route.query.branchName+"对账明细";
+    this.listForm.stmtNo = this.$route.query.stmtNo;
+    this.listForm.branchName = this.$route.query.branchName;
+    this.listForm.amt = this.$route.query.amt;
+    this.listForm.stmtPrd = this.$route.query.stmtPrd;
+    this.listForm.invoFile = this.$route.query.invoFile;
+    this.listForm.invoChkFile = this.$route.query.invoChkFile;
+    this.listForm.invoName = this.$route.query.invoName;
+    this.listForm.invoNo = this.$route.query.invoNo;
+    this.listForm.invoAmt = this.$route.query.invoAmt;
+    this.listForm.invoDate = this.$route.query.invoDate;
+    this.stasOptions.forEach((i) => {
+      if (i.value == this.$route.query.stas) {
+        this.listForm.stas = i.lable;
+      }
+    });
+    this.isFasOptions.forEach((i) => {
+      if (i.value == this.$route.query.isFas) {
+        this.listForm.isFas = i.lable;
+      }
+    });
+  },
+  mounted() {
+    this.getData();
+  },
+  methods: {
+    //设置表格第一行的颜色
+    // getRowClass({ row, column, rowIndex, columnIndex }) {
+    //     return "background:#e2e1e1;text-align:center";
+    // },
+    arraySpanMethod() {
+    //table合计行合并单元格
+    setTimeout(() => {
+      if (this.$refs.table.$el) {
+        let current = this.$refs.table.$el
+          .querySelector('.el-table__footer-wrapper')
+          .querySelector('.el-table__footer')
+        let cell = current.rows[0].cells
+        cell[1].colSpan = '13'
+      }
+    }, 50)
+    },
+    getSummaries(param) {
+        //table自定义合计行方法summary-method
+   const { columns, data } = param
+    const sums = []
+    columns.forEach((column, index) => {
+      if (index === 0) {
+        sums[index] = '合计';
+        return
+      }
+      if(index===7){
+        const values = data.map(item => Number(item[column.property]))
+        sums[1] = values.reduce((prev, curr) => {
+          return prev + curr
+        }, 0)
+        sums[1]=sums[1].toFixed(2)+"元"
+      }
+
+    })
+    return sums
+    },
+    getUpload(id) {
+      this.listForm.invoFile = id;
+      if (id) {
+        this.$refs.listform.clearValidate("invoFile");
+        console.log(this.listForm.invoFile,"this.listForm.invoFile")
+      } else {
+        this.$refs.listform.validateField("invoFile");
+      }
+    },
+    getUpload1(id) {
+      this.listForm.invoChkFile = id;
+      if (id) {
+        this.$refs.listform.clearValidate("invoChkFile");
+        console.log(this.listForm.invoChkFile,"this.listForm.invoChkFile")
+      } else {
+        this.$refs.listform.validateField("invoChkFile");
+      }
+    },
+    getData() {
+      this.listLoading = true;
+      selectSetlStmtDetlD({ stmtNo: this.$route.query.stmtNo })
+        .then((res) => {
+          this.list = res.data;
+          this.total = this.$route.query.detlCnt;
+          this.listLoading = false;
+        })
+        .catch((err) => {
+          this.listLoading = false;
+        });
+    },
+    // 确认
+    handleSubmit() {
+        this.$refs["listform"].validate((valid) => {
+        if (valid) {
+          this.$confirm("确认提交", "提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+          })
+            .then(() => {
+              this.submitLoad = true;
+              this.listForm.stas = "D";
+              insertSetlInvo(this.listForm)
+                .then((response) => {
+                  this.$message({
+                    message: "提交成功",
+                    type: "success",
+                  });
+                  this.submitLoad = false;
+                  this.$router.push({
+                    name: "InvoiceManage",
+                    query:{spdId:this.$route.query.spdId,activeNameTab:this.$route.query.activeNameTab}
+                  });
+                })
+                .catch(() => {
+                  this.submitLoad = false;
+                });
+            })
+            .catch(() => {});
+        }
+      });
+    },
+    // 返回
+    handleBack(){
+          this.$router.push({
+          name:"InvoiceManage",
+          query:{spdId:this.$route.query.spdId,activeNameTab:this.$route.query.activeNameTab}
+        })
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+#printMe {
+ ::v-deep .print-table {
+ border: 1px solid #999;
+ td,
+ th {
+ border-right: 1px solid #999;
+  border-bottom: 1px solid #999;
+ }
+ }
+ ::v-deep .price-css{
+    margin-left: 94%;
+ }
+}
+
+
+</style>

src/views/page/procurement-settlement/invoiceManage/index.vue

@@ -35,14 +35,14 @@
             <el-table-column fixed type="index" label="序号" width="60" />
             <el-table-column label="对账单号" prop="stmtNo">
             </el-table-column>
-            <el-table-column label="客户名称" prop="branchName" width="80" />
-            <el-table-column label="对账类型" prop="isFas" width="80" />
-            <el-table-column label="对账金额" prop="amt" width="80" />
-            <el-table-column label="对账周期" prop="stmtPrd" width="80" />
-            <el-table-column label="状态" prop="stas" width="80" fixed="right">
+            <el-table-column label="客户名称" prop="branchName"  />
+            <el-table-column label="对账类型" prop="isFas" />
+            <el-table-column label="对账金额" prop="amt"  />
+            <el-table-column label="对账周期" prop="stmtPrd" />
+            <el-table-column label="状态" prop="stas" fixed="right">
               <template #default="{ row }">
-                <span v-if="row.stas == 'A'">待确认</span>
-                <span v-if="row.stas == 'B'">已确认</span>
+                <span v-if="row.stas == 'C'">待录入发票</span>
+                <span v-if="row.stas == 'D'">已录入发票</span>
               </template>
             </el-table-column>
             <el-table-column fixed="right" label="操作" width="160">
@@ -81,25 +81,25 @@
             <el-table-column fixed type="index" label="序号" width="60" />
             <el-table-column label="对账单号" prop="stmtNo">
             </el-table-column>
-            <el-table-column label="客户名称" prop="branchName" width="80" />
-            <el-table-column label="对账类型" prop="isFas" width="80" >
+            <el-table-column label="客户名称" prop="branchName" />
+            <el-table-column label="对账类型" prop="isFas">
               <template #default="{ row }">
                 <span v-if="row.isFas == '0'">非集采</span>
                 <span v-if="row.isFas == '1'">集采</span>
               </template>
             </el-table-column>
-            <el-table-column label="对账金额" prop="amt" width="80" />
-            <el-table-column label="对账周期" prop="stmtPrd" width="80" />
-            <el-table-column label="状态" prop="stas" width="80" fixed="right">
+            <el-table-column label="对账金额" prop="amt" />
+            <el-table-column label="对账周期" prop="stmtPrd"/>
+            <el-table-column label="状态" prop="stas" fixed="right">
               <template #default="{ row }">
-                <span v-if="row.stas == 'A'">待确认</span>
-                <span v-if="row.stas == 'B'">已确认</span>
+                <span v-if="row.stas == 'C'">待录入发票</span>
+                <span v-if="row.stas == 'D'">已录入发票</span>
               </template>
             </el-table-column>
             <el-table-column fixed="right" label="操作" width="160">
               <template slot-scope="scope">
                 <div>
-                  <el-button type="text" @click="handleDetails(scope.row)"
+                  <el-button type="text" @click="handleDetails1(scope.row)"
                     >详情</el-button
                   >
                 </div>
@@ -146,12 +146,12 @@ export default {
       listQuery: {
         current: 1,
         size: 10,
-        stas:"A"
+        stas:"C"
       },
       listQueryC: {
         current: 1,
         size: 10,
-        stas:"B"
+        stas:"D"
       },
       listLoading: false,
       list: [],
@@ -277,8 +277,9 @@ export default {
     // 详情
     handleDetails(row){
       this.$router.push({
-        name: "supplierDetail",
+        name: "consumptionDetail",
         query: {
+          branchName:row.branchName,
           stmtNo: row.stmtNo,
           branchName: row.branchName,
           isFas: row.isFas,
@@ -287,34 +288,63 @@ export default {
           stas: row.stas,
           spdId:this.spdId,
           activeNameTab:this.activeNameTab,
+          detlCnt:row.detlCnt
         },
       });
-    }
+    },
+    handleDetails1(row){
+      this.$router.push({
+        name: "consumptionDetail",
+        query: {
+          branchName:row.branchName,
+          stmtNo: row.stmtNo,
+          branchName: row.branchName,
+          isFas: row.isFas,
+          amt: row.amt,
+          stmtPrd: row.stmtPrd,
+          stas: row.stas,
+          spdId:this.spdId,
+          detlCnt:row.detlCnt,
+          activeNameTab:this.activeNameTab,
+          invoFile:row.invoFile,
+          invoChkFile:row.invoChkFile,
+          invoName:row.invoName,
+          invoNo:row.invoNo,
+          invoDate :row.invoDate,
+          invoAmt:row.invoAmt,
+        },
+      });
+    },     
+    
   },
   mounted() {
     this.getData();
     if (this.$route.query.spdId && this.$route.query.activeNameTab=="first") {
-      this.listQuery.spdId = this.$route.query.spdId;
-      selectSetlStmtD(this.listQuery)
-        .then((res) => {
-          this.list = res.data.records;
-          this.total = res.data.total;
-          this.listLoading = false;
-        })
-        .catch((err) => {
-          this.listLoading = false;
-        });
+      // this.listQuery.spdId = this.$route.query.spdId;
+      // selectSetlStmtD(this.listQuery)
+      //   .then((res) => {
+      //     this.list = res.data.records;
+      //     this.total = res.data.total;
+      //     this.listLoading = false;
+      //   })
+      //   .catch((err) => {
+      //     this.listLoading = false;
+      //   });
+      this.activeNameTab ="first"
+      this.getList();
     }else if(this.$route.query.spdId && this.$route.query.activeNameTab=="second"){
-      this.listQueryC.spdId = this.$route.query.spdId;
-      selectSetlStmtD(this.listQueryC)
-        .then((res) => {
-          this.listC = res.data.records;
-          this.totalC = res.data.total;
-          this.listLoading = false;
-        })
-        .catch((err) => {
-          this.listLoading = false;
-        });
+      this.activeNameTab ="second"
+      this.getlistCom()
+    //   this.listQueryC.spdId = this.$route.query.spdId;
+    //   selectSetlStmtD(this.listQueryC)
+    //     .then((res) => {
+    //       this.listC = res.data.records;
+    //       this.totalC = res.data.total;
+    //       this.listLoading = false;
+    //     })
+    //     .catch((err) => {
+    //       this.listLoading = false;
+    //     });
     }
   },
 };

src/views/page/procurement-settlement/paymentStatus/consumptionDetails.vue

@@ -0,0 +1,351 @@
+<template>
+  <!-- 商品退货管理————待确认 -->
+  <div>
+    <div class="common-card">
+      <h3>基本信息</h3>
+      <el-form
+        :model="listForm"
+        ref="listform"
+        label-width="180px"
+        class="grid-form-class"
+      >
+        <div class="form-body">
+          <div class="flex-css">
+            <el-form-item label="对账单号" prop="stmtNo">
+              <div class="content">
+                {{ listForm.stmtNo }}
+              </div>
+            </el-form-item>
+            <el-form-item label="客户名称" prop="branchName">
+              <div class="content">
+                {{ listForm.branchName }}
+              </div>
+            </el-form-item>
+            <el-form-item label="对账类型" prop="isFas">
+                <div class="content">
+                  {{ listForm.isFas }}
+                </div>
+              </el-form-item>
+            
+          </div>
+          <div class="flex-css">
+            <el-form-item label="对账周期" prop="stmtPrd">
+              <div class="content">
+                {{ listForm.stmtPrd }}
+              </div>
+            </el-form-item>
+            <el-form-item label="对账金额" prop="amt">
+              <div class="content">
+                {{ listForm.amt }}
+              </div>
+            </el-form-item>
+            <el-form-item label="状态" prop="stas">
+              <div class="content">
+                {{ listForm.stas }}
+              </div>
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+    </div>
+    <div class="common-card">
+      <h3>发票信息</h3>
+      <el-form
+        :model="listForm"
+        ref="listform"
+        label-width="180px"
+        class="grid-form-class"
+      >
+        <div class="form-body">
+          <div class="flex-css">
+            <el-form-item label="开票名称" prop="invoName">
+              <div class="content">
+                {{ listForm.invoName }}
+              </div>
+            </el-form-item>
+            <el-form-item label="发票号码" prop="invoNo" >
+              <div class="content">
+                {{ listForm.invoNo }}
+              </div>
+            </el-form-item>
+            <el-form-item label="开票日期" prop="invoDate">
+              <div class="content">
+                {{ listForm.invoDate }}
+              </div>
+            </el-form-item>
+          </div>
+          <div class="flex-css">
+            <el-form-item label="开票金额" prop="invoAmt">
+              <div class="content">
+                {{ listForm.invoAmt }}
+              </div>
+            </el-form-item>
+            <el-form-item label="发票文件" prop="invoFile" >
+              <yl-upload :fileId="listForm.invoFile" readonly> </yl-upload>
+            </el-form-item>
+            <el-form-item
+              label="核验文件"
+              prop="invoChkFile"
+            >
+              <yl-upload :fileId="listForm.invoChkFile" readonly> </yl-upload>
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+    </div>
+    <div class="common-card">
+      <h3>付款信息</h3>
+      <el-form
+        :model="listForm"
+        ref="listform"
+        label-width="180px"
+        class="grid-form-class"
+      >
+        <div class="form-body">
+          <div class="flex-css">
+            <el-form-item label="供应商" prop="splerName">
+              <div class="content">
+                {{ listForm.splerName }}
+              </div>
+            </el-form-item>
+            <el-form-item label="账户名称" prop="accName">
+              <div class="content">
+                {{ listForm.accName }}
+              </div>
+            </el-form-item>
+            <el-form-item label="账号" prop="accNo">
+                <div class="content">
+                  {{ listForm.accNo }}
+                </div>
+              </el-form-item>
+            
+          </div>
+          <div class="flex-css">
+            <el-form-item label="付款日期" prop="payDate">
+              <div class="content">
+                {{ listForm.payDate }}
+              </div>
+            </el-form-item>
+            <el-form-item label="付款金额" prop="payAmt">
+              <div class="content">
+                {{ listForm.payAmt }}
+              </div>
+            </el-form-item>
+            <el-form-item label="附件" prop="payFile">
+              <yl-upload :fileId="listForm.payFile" readonly> </yl-upload>
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+    </div>
+    <div class="foot-button">
+      <el-button type="danger" @click="handleBack">返回</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import ylStep from "@/components/yl-step";
+import ylUpload from "@/components/yl-upload";
+import { selectSetlStmtDetlD } from "@/api/procurement-settlement/index";
+
+export default {
+  components: {
+    ylStep,
+    ylPagination,
+    ylUpload,
+  },
+  data() {
+    return {
+      listForm: {
+        stmtNo: "",
+        branchName: "",
+        isFas: "",
+        amt: "",
+        stmtPrd: "",
+        stas: "",
+        invoFile: "",
+        invoChkFile: "",
+        invoName: "",
+        invoNo: "",
+        invoDate: "",
+        invoAmt: "",
+        splerName: "",
+        accName: "",
+        accNo: "",
+        payDate: "",
+        payAmt: "",
+        payFile: "",
+      },
+      stasOptions: [
+        { value: "W", lable: "未付款" },
+        { value: "Y", lable: "已付款" },
+      ],
+      isFasOptions: [
+        { value: "0", lable: "非集采" },
+        { value: "1", lable: "集采" },
+      ],
+
+    };
+  },
+  created() {
+    this.listForm.stmtNo = this.$route.query.stmtNo;
+    this.listForm.branchName = this.$route.query.branchName;
+    this.listForm.amt = this.$route.query.amt;
+    this.listForm.stmtPrd = this.$route.query.stmtPrd;
+    this.listForm.invoFile = this.$route.query.invoFile;
+    this.listForm.invoChkFile = this.$route.query.invoChkFile;
+    this.listForm.invoName = this.$route.query.invoName;
+    this.listForm.invoNo = this.$route.query.invoNo;
+    this.listForm.invoAmt = this.$route.query.invoAmt;
+    this.listForm.invoDate = this.$route.query.invoDate;
+    this.stasOptions.forEach((i) => {
+      if (i.value == this.$route.query.stas) {
+        this.listForm.stas = i.lable;
+      }
+    });
+    this.isFasOptions.forEach((i) => {
+      if (i.value == this.$route.query.isFas) {
+        this.listForm.isFas = i.lable;
+      }
+    });
+    this.listForm.splerName = this.$route.query.splerName;
+    this.listForm.accName = this.$route.query.accName;
+    this.listForm.accNo = this.$route.query.accNo;
+    this.listForm.payDate = this.$route.query.payDate;
+    this.listForm.payAmt = this.$route.query.payAmt;
+    this.listForm.payFile = this.$route.query.payFile;
+  },
+  mounted() {
+    this.getData();
+  },
+  methods: {
+    //设置表格第一行的颜色
+    // getRowClass({ row, column, rowIndex, columnIndex }) {
+    //     return "background:#e2e1e1;text-align:center";
+    // },
+    arraySpanMethod() {
+      //table合计行合并单元格
+      setTimeout(() => {
+        if (this.$refs.table.$el) {
+          let current = this.$refs.table.$el
+            .querySelector(".el-table__footer-wrapper")
+            .querySelector(".el-table__footer");
+          let cell = current.rows[0].cells;
+          cell[1].colSpan = "13";
+        }
+      }, 50);
+    },
+    getSummaries(param) {
+      //table自定义合计行方法summary-method
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        if (index === 7) {
+          const values = data.map((item) => Number(item[column.property]));
+          sums[1] = values.reduce((prev, curr) => {
+            return prev + curr;
+          }, 0);
+          sums[1] = sums[1].toFixed(2) + "元";
+        }
+      });
+      return sums;
+    },
+    getUpload(id) {
+      this.listForm.invoFile = id;
+      if (id) {
+        this.$refs.listform.clearValidate("invoFile");
+        console.log(this.listForm.invoFile, "this.listForm.invoFile");
+      } else {
+        this.$refs.listform.validateField("invoFile");
+      }
+    },
+    getUpload1(id) {
+      this.listForm.invoChkFile = id;
+      if (id) {
+        this.$refs.listform.clearValidate("invoChkFile");
+        console.log(this.listForm.invoChkFile, "this.listForm.invoChkFile");
+      } else {
+        this.$refs.listform.validateField("invoChkFile");
+      }
+    },
+    getData() {
+      this.listLoading = true;
+      selectSetlStmtDetlD({ stmtNo: this.$route.query.stmtNo })
+        .then((res) => {
+          this.list = res.data;
+          this.total = this.$route.query.detlCnt;
+          this.listLoading = false;
+        })
+        .catch((err) => {
+          this.listLoading = false;
+        });
+    },
+    // 确认
+    // handleSubmit() {
+    //   this.$refs["listform"].validate((valid) => {
+    //     if (valid) {
+    //       this.$confirm("确认提交", "提示", {
+    //         confirmButtonText: "确定",
+    //         cancelButtonText: "取消",
+    //         type: "warning",
+    //       })
+    //         .then(() => {
+    //           this.submitLoad = true;
+    //           this.listForm.stas = "D";
+    //           insertSetlInvo(this.listForm)
+    //             .then((response) => {
+    //               this.$message({
+    //                 message: "提交成功",
+    //                 type: "success",
+    //               });
+    //               this.submitLoad = false;
+    //               this.$router.push({
+    //                 name: "InvoiceManage",
+    //                 query: {
+    //                   spdId: this.$route.query.spdId,
+    //                   activeNameTab: this.$route.query.activeNameTab,
+    //                 },
+    //               });
+    //             })
+    //             .catch(() => {
+    //               this.submitLoad = false;
+    //             });
+    //         })
+    //         .catch(() => {});
+    //     }
+    //   });
+    // },
+    // 返回
+    handleBack() {
+      this.$router.push({
+        name: "PaymentStatus",
+        query: {
+          spdId: this.$route.query.spdId,
+          activeNameTab: this.$route.query.activeNameTab,
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+#printMe {
+  ::v-deep .print-table {
+    border: 1px solid #999;
+    td,
+    th {
+      border-right: 1px solid #999;
+      border-bottom: 1px solid #999;
+    }
+  }
+  ::v-deep .price-css {
+    margin-left: 94%;
+  }
+}
+</style>

src/views/page/procurement-settlement/paymentStatus/index.vue

@@ -1,10 +1,340 @@
 <template>
-    <div>333</div>
-  </template>
-  
-  <script>
-  export default {};
-  </script>
-  
-  <style lang="scss" scoped></style>
-  
+  <!-- 业务对账 -->
+  <div style="display: flex">
+    <el-card style="width: 18%; margin-right: 18px; border-radius: 6px">
+      <el-tabs v-model="activeNametree" type="card" @tab-click="tabClick" stretch>
+        <!-- <el-tab-pane label="按分类" name="grp"></el-tab-pane> -->
+        <el-tab-pane label="按机构" name="org"></el-tab-pane>
+      </el-tabs>
+      <el-tree
+        :data="data"
+        :props="defaultProps"
+        node-key="spdId"
+        @node-click="handleNodeClick"
+        default-expand-all="true"
+        style="margin-top: 10px"
+      ></el-tree>
+    </el-card>
+    <div class="right-common-box">
+      <el-tabs v-model="activeNameTab" @tab-click="handleClick">
+        <el-tab-pane label="未付款" name="first">
+          <el-table
+            v-loading="listLoading"
+            element-loading-text="加载中"
+            :data="list"
+            fit
+            height="500"
+            stripe
+            border
+            @selection-change="handleSelectionChange"
+          >
+            <template slot="empty">
+              <img src="@/assets/nopage.png" alt />
+              <p>暂无数据</p>
+            </template>
+            <el-table-column fixed type="index" label="序号" width="60" />
+            <el-table-column label="对账单号" prop="stmtNo">
+            </el-table-column>
+            <el-table-column label="客户名称" prop="branchName"  />
+            <el-table-column label="对账类型" prop="isFas" />
+            <el-table-column label="对账金额" prop="amt"  />
+            <el-table-column label="对账周期" prop="stmtPrd" />
+            <el-table-column label="状态" prop="stas" fixed="right">
+              <template #default="{ row }">
+                <span v-if="row.stas == 'W'">未付款</span>
+                <span v-if="row.stas == 'Y'">已付款</span>
+              </template>
+            </el-table-column>
+            <el-table-column fixed="right" label="操作" width="160">
+              <template slot-scope="scope">
+                <div>
+                  <el-button type="text" @click="handleDetails(scope.row)"
+                    >详情</el-button
+                  >
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+          <!--分页-->
+          <yl-pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="listQuery.current"
+            :limit.sync="listQuery.size"
+            @pagination="getList"
+          />
+        </el-tab-pane>
+        <el-tab-pane label="已付款" name="second">
+          <el-table
+            v-loading="listLoading"
+            element-loading-text="加载中"
+            :data="listC"
+            fit
+            height="500"
+            stripe
+            border
+          >
+            <template slot="empty">
+              <img src="@/assets/nopage.png" alt />
+              <p>暂无数据</p>
+            </template>
+            <el-table-column fixed type="index" label="序号" width="60" />
+            <el-table-column label="对账单号" prop="stmtNo">
+            </el-table-column>
+            <el-table-column label="客户名称" prop="branchName" />
+            <el-table-column label="对账类型" prop="isFas">
+              <template #default="{ row }">
+                <span v-if="row.isFas == '0'">非集采</span>
+                <span v-if="row.isFas == '1'">集采</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="对账金额" prop="amt" />
+            <el-table-column label="对账周期" prop="stmtPrd"/>
+            <el-table-column label="状态" prop="stas" fixed="right">
+              <template #default="{ row }">
+                <span v-if="row.stas == 'W'">未付款</span>
+                <span v-if="row.stas == 'Y'">已付款</span>
+              </template>
+            </el-table-column>
+            <el-table-column fixed="right" label="操作" width="160">
+              <template slot-scope="scope">
+                <div>
+                  <el-button type="text" @click="handleDetails(scope.row)"
+                    >详情</el-button
+                  >
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+          <!--分页-->
+          <yl-pagination
+            v-show="totalC > 0"
+            :total="totalC"
+            :page.sync="listQueryC.current"
+            :limit.sync="listQueryC.size"
+            @pagination="getlistCom"
+          />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </div>
+</template>
+
+<script>
+import ylPagination from "@/components/yl-pagination";
+import mcsInfo from "@/views/components/mcs-info.vue";
+import {
+  selectSpdList,
+} from "@/api/consumCataManage-sup/index";
+import {selectSetlStmtD} from "@/api/procurement-settlement/index"
+import ylUpload from "@/components/yl-upload";
+export default {
+  components: {
+    ylPagination,
+    ylUpload,
+    mcsInfo,
+  },
+  data() {
+    return {
+      activeNameTab: "first",
+      spdId: null,
+      data: [],
+      defaultProps: {
+        children: "children",
+        label: "spdName",
+      },
+      listQuery: {
+        current: 1,
+        size: 10,
+        stas:"W"
+      },
+      listQueryC: {
+        current: 1,
+        size: 10,
+        stas:"Y"
+      },
+      listLoading: false,
+      list: [],
+      listC: [],
+      total: 0,
+      totalC: 0,
+      // tree
+      activeNametree: "org",
+    };
+  },
+  methods: {
+    tabClick(tab) {
+      if (tab.label == "按机构") {
+        this.defaultProps.label = "spdName";
+      }
+      // else if(tab.label == "按分类"){
+      //     // this.getData4();
+      //     // this.defaultProps.label = 'orgGrpName'
+      //     // this.listQuery.type = 'grp';
+      // }
+    },
+    // 搜索获取医院列表
+    getList(type) {
+      this.listLoading = true;
+      // this.spdId = this.$route.query.spdId;
+      this.listQuery.spdId = this.spdId;
+      selectSetlStmtD(this.listQuery)
+        .then((res) => {
+          this.list = res.data.records;
+          this.total = res.data.total;
+          this.listLoading = false;
+        })
+        .catch((err) => {
+          this.listLoading = false;
+        });
+    },
+    getlistCom(type) {
+      this.listLoading = true;
+      // this.spdId = this.$route.query.spdId;
+      this.listQueryC.spdId = this.spdId;
+      selectSetlStmtD(this.listQueryC)
+        .then((res) => {
+          this.listC = res.data.records;
+          this.total = res.data.total;
+          this.listLoading = false;
+        })
+        .catch((err) => {
+          this.listLoading = false;
+        });
+    },
+    // 点击获取医院药品列表
+    handleNodeClick(data) {
+      console.log(data, "data");
+      this.listLoading = true;
+      this.spdId = data.spdId;
+      this.listQuery.spdId = this.spdId;
+      this.listQueryC.spdId = this.spdId;
+      if(this.activeNameTab=="first"){
+        selectSetlStmtD(this.listQuery)
+        .then((res) => {
+          this.list = res.data.records;
+          this.total = res.data.total;
+          this.listLoading = false;
+        })
+        .catch((err) => {
+          this.listLoading = false;
+        });
+      }else{
+        selectSetlStmtD(this.listQueryC)
+        .then((res) => {
+          this.listC = res.data.records;
+          this.totalC = res.data.total;
+          this.listLoading = false;
+        })
+        .catch((err) => {
+          this.listLoading = false;
+        });
+      }
+      
+    },
+    // 获取医院列表
+    getData(type) {
+      this.data = [];
+      this.listLoading = true;
+      selectSpdList()
+        .then((res) => {
+          this.listQuery.spdId = res.data[0].spdId;
+          this.data = res.data;
+          console.log(this.data, "dadad");
+          this.listLoading = false;
+        })
+        .catch((err) => {
+          this.listLoading = false;
+        });
+    },
+    // 多选
+    handleSelectionChange(e) {
+      console.log(this.spdId, "sodpdp");
+      this.insertMcsList = e;
+      newArr = this.insertMcsList.push({ spdId: this.spdId });
+      // console.log(e, "ee");
+    },
+    // 多选后选过的禁用
+    selected(row, index) {
+      if (
+        this.list.some((el) => {
+          return el.hiCode === row.hiCode;
+        })
+      ) {
+        return false;
+      } else {
+        return true;
+      }
+    },
+    handleClick(tab) {
+      console.log(tab.name, "name");
+      if (tab.name == "first") {
+        this.getList();
+      } else if(tab.name=="second") {
+        this.getlistCom();
+      }
+    },
+    handleDetails(row){
+      this.$router.push({
+        name: "consumptionDetails",
+        query: {
+          branchName:row.branchName,
+          stmtNo: row.stmtNo,
+          branchName: row.branchName,
+          isFas: row.isFas,
+          amt: row.amt,
+          stmtPrd: row.stmtPrd,
+          stas: row.stas,
+          spdId:this.spdId,
+          detlCnt:row.detlCnt,
+          activeNameTab:this.activeNameTab,
+          invoFile:row.invoFile,
+          invoChkFile:row.invoChkFile,
+          invoName:row.invoName,
+          invoNo:row.invoNo,
+          invoDate :row.invoDate,
+          invoAmt:row.invoAmt,
+          splerName: row.splerName,
+          accName: row.accName,
+          accNo: row.accNo,
+          payDate: row.payDate,
+          payAmt: row.payAmt,
+          payFile: row.payFile,
+        },
+      });
+    },     
+    
+  },
+  mounted() {
+    this.getData();
+    if (this.$route.query.spdId && this.$route.query.activeNameTab=="first") {
+      this.activeNameTab ="first"
+      this.getList();
+    }else if(this.$route.query.spdId && this.$route.query.activeNameTab=="second"){
+      this.activeNameTab ="second"
+      this.getlistCom()
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-card__body {
+  padding: 12px;
+}
+::v-deep .el-tree-node__content {
+  height: 35px;
+}
+::v-deep .el-input__suffix {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  font-size: 15px;
+}
+::v-deep .long .el-form-item__content {
+  width: 220px;
+}
+::v-deep .long .el-input__inner {
+  width: 199px;
+}
+</style>

src/views/page/procurement-settlement/reconciliation/index.vue

@@ -35,10 +35,10 @@
             <el-table-column fixed type="index" label="序号" width="60" />
             <el-table-column label="对账单号" prop="stmtNo">
             </el-table-column>
-            <el-table-column label="客户名称" prop="branchName" width="80" />
-            <el-table-column label="对账类型" prop="isFas" width="80" />
-            <el-table-column label="对账金额" prop="amt" width="80" />
-            <el-table-column label="对账周期" prop="stmtPrd" width="80" />
+            <el-table-column label="客户名称" prop="branchName"  />
+            <el-table-column label="对账类型" prop="isFas"  />
+            <el-table-column label="对账金额" prop="amt" />
+            <el-table-column label="对账周期" prop="stmtPrd" />
             <el-table-column label="状态" prop="stas" width="80" fixed="right">
               <template #default="{ row }">
                 <span v-if="row.stas == 'A'">待确认</span>
@@ -81,15 +81,15 @@
             <el-table-column fixed type="index" label="序号" width="60" />
             <el-table-column label="对账单号" prop="stmtNo">
             </el-table-column>
-            <el-table-column label="客户名称" prop="branchName" width="80" />
-            <el-table-column label="对账类型" prop="isFas" width="80" >
+            <el-table-column label="客户名称" prop="branchName" />
+            <el-table-column label="对账类型" prop="isFas" >
               <template #default="{ row }">
                 <span v-if="row.isFas == '0'">非集采</span>
                 <span v-if="row.isFas == '1'">集采</span>
               </template>
             </el-table-column>
-            <el-table-column label="对账金额" prop="amt" width="80" />
-            <el-table-column label="对账周期" prop="stmtPrd" width="80" />
+            <el-table-column label="对账金额" prop="amt" />
+            <el-table-column label="对账周期" prop="stmtPrd" />
             <el-table-column label="状态" prop="stas" width="80" fixed="right">
               <template #default="{ row }">
                 <span v-if="row.stas == 'A'">待确认</span>
@@ -154,7 +154,7 @@ export default {
         stas:"B"
       },
       listLoading: false,
-      list: [{stmtNo:"11"},{stmtNo:"22"}],
+      list: [],
       listC: [],
       total: 0,
       totalC: 0,
@@ -279,6 +279,7 @@ export default {
       this.$router.push({
         name: "supplierDetail",
         query: {
+          branchName:row.branchName,
           stmtNo: row.stmtNo,
           branchName: row.branchName,
           isFas: row.isFas,
@@ -287,6 +288,7 @@ export default {
           stas: row.stas,
           spdId:this.spdId,
           activeNameTab:this.activeNameTab,
+          detlCnt:row.detlCnt
         },
       });
     }

src/views/page/procurement-settlement/reconciliation/supplierDetail.vue

@@ -65,8 +65,8 @@
           :summary-method="getSummaries"
           :span-method="arraySpanMethod"
           show-summary
+          :header-cell-style="getRowClass"
           class="print-table"
-          header-cell-style="text-align:center"
           >
           <template slot="empty">
             <img src="@/assets/nopage.png" alt />
@@ -87,6 +87,11 @@
           <el-table-column label="单价" prop="pric" align="center"/>
           <el-table-column label="总计" prop="amt" align="center"/>
           <el-table-column label="类别" prop="mcsType" align="center">
+            <template #default="{ row }">
+                <span v-if="row.mcsType == '0'">普通耗材</span>
+                <span v-if="row.mcsType == '1'">高值耗材</span>
+                <span v-if="row.mcsType == '2'">试剂</span>
+              </template>
           </el-table-column>
           <el-table-column label="是否集采" prop="isFas" align="center">
               <template #default="{ row }">
@@ -96,12 +101,12 @@
           </el-table-column>
           <el-table-column label="批次" prop="lotNum" align="center">
           </el-table-column>
-          <el-table-column label="生产日期" prop="retnCnt" align="center"/>
-          <el-table-column label="有效期" prop="prodEntp" align="center"/>
+          <!-- <el-table-column label="生产日期" prop="retnCnt" align="center"/>
+          <el-table-column label="有效期" prop="prodEntp" align="center"/> -->
           <el-table-column label="厂商" prop="prodEntp" align="center"/>
           </el-table-column>
           </el-table-column>
-          
+          <p class="price-css">共计{{total}}条</p>
           
         </el-table>
       </div>
@@ -115,6 +120,7 @@ import ylStep from "@/components/yl-step";
 import ylPagination from "@/components/yl-pagination";
 import mcsInfo from "@/views/components/mcs-info.vue";
 import { selectRetnDetl, acpRetnOrd } from "@/api/productreturnmanage-sup/returnList";
+import {selectSetlStmtDetlD} from "@/api/procurement-settlement/index"
 
 export default {
   components: {
@@ -124,6 +130,7 @@ export default {
   },
   data() {
     return {
+      total:"",
       listForm: {
         stmtNo:"",
         branchName:"",
@@ -141,12 +148,11 @@ export default {
         { value: "1", lable: "集采" },
       ],
       listLoading: false,
-      list: [{prodName:"q",amt:"1"},{prodName:"v",amt:"3"},{prodName:"w",amt:"2"}],
+      list: [],
       isShow: false,
       sureLoading: false,
       printLoading: false, 
-      tableLabel:"国药山西xxxxx",
-      spanArr:[13],
+      tableLabel:"",
 // 打印
       printObj: {
         id: "printMe",
@@ -203,6 +209,7 @@ export default {
     } else {
       this.isShow = false;
     }
+    this.tableLabel = this.$route.query.branchName +"对账明细"
     this.listForm.stmtNo = this.$route.query.stmtNo;
     this.listForm.branchName = this.$route.query.branchName;
     this.listForm.amt = this.$route.query.amt;
@@ -223,11 +230,9 @@ export default {
   },
   methods: {
     //设置表格第一行的颜色
-    getRowClass({ row, column, rowIndex, columnIndex }) {
-      if (rowIndex == 0) {
-        return "background:#e2e1e1";
-      }
-    },
+    // getRowClass({ row, column, rowIndex, columnIndex }) {
+    //     return "background:#e2e1e1;text-align:center";
+    // },
     arraySpanMethod() {
     //table合计行合并单元格
     setTimeout(() => {
@@ -262,14 +267,15 @@ export default {
     },
       
     getData() {
-      // this.listLoading = true;
+      this.listLoading = true;
       selectSetlStmtDetlD({ stmtNo: this.$route.query.stmtNo })
         .then((res) => {
           this.list = res.data;
-          // this.listLoading = false;
+          this.total = this.$route.query.detlCnt;
+          this.listLoading = false;
         })
         .catch((err) => {
-          // this.listLoading = false;
+          this.listLoading = false;
         });
     },
     // 确认退货
@@ -317,6 +323,9 @@ export default {
   border-bottom: 1px solid #999;
  }
  }
+ ::v-deep .price-css{
+    margin-left: 94%;
+ }
 }
 
 </style>