src/views/components/printTable.vue

@@ -1,15 +1,14 @@
 <template>
   <div>
     <div v-for="(im, inx) in taData" :key="inx">
+      <div style="width:100%;height:50px;text-align:center;line-height:50px;">
+        {{ userName }}
+      </div>
       <table class="printTable" border="1" style="table-layout: auto">
         <thead>
-          <tr>
-            <td colspan="14">供应商：{{ userName }}</td>
-          </tr>
-          <tr>
-            <td colspan="1">医院名称</td>
-            <td colspan="11">{{ tableLabel }}</td>
-          </tr>
+          <!-- <tr>
+            <td colspan="14" stlye="border:none">{{ userName }}</td>
+          </tr> -->
         </thead>
         <thead>
           <tr>
@@ -40,18 +39,25 @@
           </tr>
           <tr>
             <td>合计</td>
-            <td colspan="6">{{ numBeroMount }}</td>
+            <td colspan="5">{{ numBeroMount }}</td>
             <td>{{ amtNumber(im) }}</td>
-            <td colspan="6"></td>
+            <td colspan="7"></td>
           </tr>
         </tbody>
       </table>
+      <div class="fot-val">
+        {{ tableLabel }}
+        <br />
+        <br />
+        &nbsp; &nbsp; &nbsp; &nbsp;{{ time }}
+      </div>
       <div style="page-break-after: always"></div>
     </div>
   </div>
 </template>
 <script>
 import { numberToChineseAmount } from "@/utils/utils";
+import moment from "moment";
 export default {
   components: {},
   data() {
@@ -59,7 +65,8 @@ export default {
       tableLabel: "",
       taData: [],
       userName: "",
-      numBeroMount: ""
+      numBeroMount: "",
+      time: ""
     };
   },
   props: {
@@ -93,12 +100,14 @@ export default {
     }
   },
   mounted() {
+    let stopTime = moment(new Date()).format("YYYY-MM-DD");
+    this.time = stopTime;
     this.userName =
-      this.$store.state.user.username +
+      this.$route.query.branchName +
       "----" +
       this.$route.query.stmtPrd +
-      "对账明细";
-    this.tableLabel = this.$route.query.branchName;
+      "结算单";
+    this.tableLabel = this.$store.state.user.username;
     let newData = this.paginData(this.tableData, 5);
     this.taData = newData;
   }
@@ -134,4 +143,12 @@ export default {
     margin-right: 45mm; /* 取消默认的左右页边距 */
   }
 }
+.fot-val {
+  width: 100%;
+  height: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: 50px;
+}
 </style>

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

@@ -685,6 +685,8 @@ export default {
         { value: "1", name: "高值耗材" },
         { value: "2", name: "试剂" },
         { value: "3", name: "总务耗材" },
+        { value: "4", name: "低值可收费" },
+        { value: "5", name: "低值不可收费" },
       ],
       prodTypeData: [
         { value: "0", name: "医用耗材" },

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

@@ -488,7 +488,9 @@ export default {
         { value: "0", name: "普通耗材" },
         { value: "1", name: "高值耗材" },
         { value: "2", name: "试剂" },
-        { value: "3", name: "总务耗材" }
+        { value: "3", name: "总务耗材" },
+        { value: "4", name: "低值可收费" },
+        { value: "5", name: "低值不可收费" }
       ],
       prodTypeData: [
         { value: "0", name: "医用耗材" },

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

@@ -665,7 +665,9 @@ export default {
         { value: "0", name: "普通耗材" },
         { value: "1", name: "高值耗材" },
         { value: "2", name: "试剂" },
-        { value: "3", name: "总务耗材" }
+        { value: "3", name: "总务耗材" },
+        { value: "4", name: "低值可收费" },
+        { value: "5", name: "低值不可收费" }
       ],
       SoucData: [{ value: "1", name: "国产" }, { value: "2", name: "进口" }],
       statusData: [

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

@@ -608,7 +608,9 @@ export default {
         { value: "0", name: "普通耗材" },
         { value: "1", name: "高值耗材" },
         { value: "2", name: "试剂" },
-        { value: "3", name: "总务耗材" }
+        { value: "3", name: "总务耗材" },
+        { value: "4", name: "低值可收费" },
+        { value: "5", name: "低值不可收费" }
       ],
       SoucData: [{ value: "1", name: "国产" }, { value: "2", name: "进口" }],
       statusData: [

src/views/page/consumCataManage-sup/purOrderAccept/index.vue

@@ -0,0 +1,337 @@
+<template>
+  <div style="display: flex; position: relative">
+    <el-card style="width: 18%; margin-right: 18px; border-radius: 6px">
+      <el-tree
+        :data="dataTree"
+        :props="defaultProps"
+        node-key="hospId"
+        :current-node-key="currentNodeKey"
+        ref="tree1"
+        highlight-current="true"
+        @node-click="handleNodeClick"
+        default-expand-all="true"
+        style="margin-top: 10px"
+        v-loading="dataTreeloading"
+      >
+        <span class="custom-tree-node" slot-scope="{ node, data }">
+          <div>{{ node.label }}</div>
+          <div class="redTit">{{ data.wslnum }}</div>
+        </span>
+      </el-tree>
+    </el-card>
+    <div class="common-box" style="width: 82%">
+      <el-form :model="listQuery" ref="queryForm" :inline="true">
+        <el-form-item label="订单号" prop="id">
+          <el-input
+            v-model="listQuery.id"
+            placeholder="请输入订单号"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="制单时间" prop="docmkDate">
+          <el-date-picker
+            v-model="listQuery.docmkDate"
+            type="daterange"
+            range-separator="至"
+            :editable="false"
+            value-format="yyyy-MM-dd"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+            style="width: 230px"
+          />
+        </el-form-item>
+        <el-form-item label="采购方" prop="orgId">
+          <el-cascader
+            v-model="listQuery.orgId"
+            :options="options"
+            :show-all-levels="false"
+            :props="{
+              expandTrigger: 'hover',
+              value: 'orgId',
+              label: 'orgName',
+              children: 'child',
+              checkStrictly: true,
+              emitPath: false
+            }"
+            clearable
+            @change="handleChange"
+          >
+          </el-cascader>
+        </el-form-item>
+        <el-form-item label="当前状态" prop="stas">
+          <el-select v-model="listQuery.stas" placeholder="请选择" clearable>
+            <el-option
+              v-for="item in stasOptions"
+              :key="item.value"
+              :label="item.lable"
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="getData('search')">查询</el-button>
+          <el-button @click="reset">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="listLoading"
+        element-loading-text="加载中"
+        :data="list"
+        height="500"
+        fit
+        stripe
+        border
+      >
+        <template slot="empty">
+          <img src="@/assets/nopage.png" alt />
+          <p>暂无数据</p>
+        </template>
+        <el-table-column type="index" label="序号" width="60" />
+        <el-table-column label="采购单号" prop="id" />
+        <el-table-column label="计划类型" prop="planType" />
+        <el-table-column label="品规数" prop="detlCnt" />
+        <el-table-column label="金额" prop="purcAmt" />
+        <el-table-column label="采购方" prop="orgName" />
+        <!-- <el-table-column label="制单人" prop="docmker" /> -->
+        <el-table-column label="制单时间" prop="docmkDate" />
+        <el-table-column label="当前状态" prop="stas">
+          <template #default="{ row }">
+            <el-tag v-if="row.stas == 'A'" type="info">未受理</el-tag>
+            <el-tag v-if="row.stas == 'B'" type="success">已受理</el-tag>
+            <el-tag v-if="row.stas == 'R'" type="danger">被驳回</el-tag>
+            <el-tag v-if="row.stas == 'C'" type="success">已出库</el-tag>
+            <el-tag v-if="row.stas == 'D'">部分出库</el-tag>
+            <el-tag v-if="row.stas == 'Y'" type="success">已入库</el-tag>
+            <el-tag v-if="row.stas == 'P'">部分入库</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="部门名称"
+          prop="deptName"
+          v-if="hospIdWrong == '3'"
+        />
+        <el-table-column
+          label="采购方上级"
+          prop="prntOrgName"
+          v-if="hospIdWrong == '4'"
+        />
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleDetail(scope.row)"
+              >详情</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页-->
+      <yl-pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="listQuery.current"
+        :limit.sync="listQuery.size"
+        @pagination="getData"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import ylPagination from "@/components/yl-pagination";
+// import { deleteEmptyGroup } from "@/utils/utils";
+// import {
+//   getOrdPageSpler,
+//   getALLOrgTree,
+//   QueryHospList,
+// } from "@/api/orderManage-sup/index";
+export default {
+  components: {
+    ylPagination
+  },
+  data() {
+    return {
+      listQuery: {
+        current: 1,
+        size: 5,
+        id: "",
+        hospId: "",
+        docmkDateStart: "",
+        docmkDateEnd: "",
+        docmkDate: [],
+        stas: "A",
+        orgId: ""
+      },
+      stasOptions: [
+        { value: "A", lable: "未受理" },
+        // { value: "B", lable: "已受理" },
+        { value: "R", lable: "被驳回" }
+        // { value: "C", lable: "已出库" },
+        // { value: "D", lable: "部分出库" },
+        // { value: "Y", lable: "已入库" },
+        // { value: "P", lable: "部分入库" }
+      ],
+      options: [],
+      listLoading: false,
+      list: [],
+      total: 0,
+      dataTree: "",
+      activeName: "org",
+      hospId: null,
+      currentNodeKey: "",
+      defaultProps: {
+        children: "children",
+        label: "hospName"
+      },
+      // itemsPerPage:5
+      hospIdWrong: null, //用于判断只有万荣要的部门名称
+      dataTreeloading: false
+    };
+  },
+  created() {
+    if (this.$route.params.hospId) {
+      this.listQuery.current = this.$route.params.current;
+      this.handleNodeClick(this.$route.params.hospId);
+    }
+    if (localStorage.sizeaccept) {
+      this.listQuery.size = Number(localStorage.sizeaccept);
+    }
+  },
+  mounted() {
+    this.dataTreeloading = true;
+    QueryHospList()
+      .then(res => {
+        this.listQuery.hospId = res.data[0].hospId;
+        this.dataTree = res.data;
+        this.dataTreeloading = false;
+        this.$nextTick(() => {
+          this.$refs.tree1.setCurrentKey(this.currentNodeKey);
+        });
+      })
+      .catch(() => {
+        this.dataTreeloading = false;
+      });
+  },
+  methods: {
+    tabClick(tab) {
+      if (tab.label == "按机构") {
+        QueryHospList().then(res => {
+          console.log(res, "shu");
+          this.dataTree = res.data;
+        });
+        this.defaultProps.label = "hospName";
+      } else if (tab.label == "按分类") {
+        this.dataTree = [];
+        // this.defaultProps.label = 'orgGrpName'
+        // this.listQuery.type = 'grp';
+      }
+    },
+    getData(type) {
+      if (type == "search") {
+        this.listQuery.current = 1;
+      }
+      this.listLoading = true;
+      this.listQuery.docmkDateStart = this.listQuery.docmkDate[0];
+      this.listQuery.docmkDateEnd = this.listQuery.docmkDate[1];
+      // this.listQuery.hospId = this.hospId;
+
+      getOrdPageSpler(this.listQuery)
+        .then(res => {
+          if (res.success == true) {
+            this.list = res.data.records;
+            this.total = res.data.total;
+            this.listLoading = false;
+            localStorage.setItem(
+              "sizeaccept",
+              JSON.stringify(this.listQuery.size)
+            );
+          }
+        })
+        .catch(err => {
+          this.listLoading = false;
+        });
+    },
+    // 点击获取医院药品列表
+    handleNodeClick(data) {
+      this.hospIdWrong = data.hospId;
+      this.listQuery.spdId = data.spdId;
+      this.listLoading = true;
+      if (data.hospId) {
+        this.listQuery.hospId = data.hospId;
+        this.hospId = data.hospId;
+        this.currentNodeKey = data.hospId;
+        // this.$store.commit("user/SET_HOSPID", data.hospId);
+      } else {
+        this.listQuery.hospId = data;
+        this.currentNodeKey = data;
+        // this.$store.commit("user/SET_HOSPID", data);
+      }
+      getOrdPageSpler(this.listQuery)
+        .then(res => {
+          this.list = res.data.records;
+          this.total = res.data.total;
+          this.listLoading = false;
+        })
+        .catch(err => {
+          this.listLoading = false;
+        });
+      getALLOrgTree().then(res => {
+        this.options = res.data;
+        deleteEmptyGroup(this.options);
+      });
+    },
+    reset() {
+      this.$refs.queryForm.resetFields();
+      this.getData();
+    },
+    // 详情
+    handleDetail(row) {
+      this.$router.push({
+        name: "acceptDetail",
+        query: {
+          id: row.id,
+          detlCnt: row.detlCnt,
+          orgName: row.orgName,
+          docmker: row.docmker,
+          docmkDate: row.docmkDate,
+          stas: row.stas,
+          docmkerConinfo: row.docmkerConinfo,
+          hospId: this.currentNodeKey,
+          current: this.listQuery.current,
+          ifCustomer: row.ifCustomer,
+          spdId: this.listQuery.spdId,
+          prntOrgName: row.prntOrgName
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-card__body {
+  padding: 6px;
+}
+::v-deep .el-tabs__nav {
+  width: 99%;
+}
+::v-deep .el-tabs__item {
+  width: 49.5%;
+}
+::v-deep .el-badge__content.is-fixed {
+  top: 8px;
+  right: 22px;
+}
+.custom-tree-node {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.custom-tree-node ::v-deep .redTit {
+  min-width: 30px;
+  background-color: #f56c6c;
+  min-height: 1px;
+  border-radius: 10px;
+  text-align: center;
+  margin-left: 10px;
+  padding: 1px;
+  color: #fff;
+}
+</style>

src/views/page/mainrTenance-sup/templateDetail/editbag.vue

@@ -390,7 +390,9 @@ export default {
         { value: "0", label: "普通耗材" },
         { value: "1", label: "高值耗材" },
         { value: "2", label: "试剂" },
-        { value: "3", label: "总务耗材" }
+        { value: "3", label: "总务耗材" },
+        { value: "4", name: "低值可收费" },
+        { value: "5", name: "低值不可收费" }
       ],
       prodSoucOptions: [
         { value: "1", label: "国产" },

src/views/page/mainrTenance-sup/templateDetail/indexDetail.vue

@@ -382,7 +382,9 @@ export default {
         { value: "0", label: "普通耗材" },
         { value: "1", label: "高值耗材" },
         { value: "2", label: "试剂" },
-        { value: "3", label: "总务耗材" }
+        { value: "3", label: "总务耗材" },
+        { value: "4", name: "低值可收费" },
+        { value: "5", name: "低值不可收费" }
       ],
       prodSoucOptions: [
         { value: "1", label: "国产" },

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

@@ -2,7 +2,12 @@
   <!-- 业务对账 -->
   <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-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>
@@ -33,10 +38,9 @@
               <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="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>
@@ -84,10 +88,9 @@
               <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="stmtNo"> </el-table-column>
             <el-table-column label="客户名称" prop="branchName" />
-            <el-table-column label="对账类型" prop="isFas" >
+            <el-table-column label="对账类型" prop="isFas">
               <template #default="{ row }">
                 <span v-if="row.isFas == '0'">非集采</span>
                 <span v-if="row.isFas == '1'">集采</span>
@@ -128,16 +131,14 @@
 <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 { 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,
+    mcsInfo
   },
   data() {
     return {
@@ -146,17 +147,17 @@ export default {
       data: [],
       defaultProps: {
         children: "children",
-        label: "spdName",
+        label: "spdName"
       },
       listQuery: {
         current: 1,
         size: 10,
-        stas:"A"
+        stas: "A"
       },
       listQueryC: {
         current: 1,
         size: 10,
-        stas:"B"
+        stas: "B"
       },
       listLoading: false,
       list: [],
@@ -165,7 +166,7 @@ export default {
       totalC: 0,
       // tree
       activeNametree: "org",
-      routespdId:"",
+      routespdId: ""
     };
   },
   methods: {
@@ -185,12 +186,12 @@ export default {
       // this.spdId = this.$route.query.spdId;
       this.listQuery.spdId = this.spdId;
       selectSetlStmtD(this.listQuery)
-        .then((res) => {
+        .then(res => {
           this.list = res.data.records;
           this.total = res.data.total;
           this.listLoading = false;
         })
-        .catch((err) => {
+        .catch(err => {
           this.listLoading = false;
         });
     },
@@ -199,12 +200,12 @@ export default {
       // this.spdId = this.$route.query.spdId;
       this.listQueryC.spdId = this.spdId;
       selectSetlStmtD(this.listQueryC)
-        .then((res) => {
+        .then(res => {
           this.listC = res.data.records;
           this.total = res.data.total;
           this.listLoading = false;
         })
-        .catch((err) => {
+        .catch(err => {
           this.listLoading = false;
         });
     },
@@ -215,41 +216,40 @@ export default {
       this.spdId = data.spdId;
       this.listQuery.spdId = this.spdId;
       this.listQueryC.spdId = this.spdId;
-      if(this.activeNameTab=="first"){
+      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{
+          .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;
-        });
+          .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) => {
+        .then(res => {
           this.listQuery.spdId = res.data[0].spdId;
           this.data = res.data;
           console.log(this.data, "dadad");
           this.listLoading = false;
         })
-        .catch((err) => {
+        .catch(err => {
           this.listLoading = false;
         });
     },
@@ -263,7 +263,7 @@ export default {
     // 多选后选过的禁用
     selected(row, index) {
       if (
-        this.list.some((el) => {
+        this.list.some(el => {
           return el.hiCode === row.hiCode;
         })
       ) {
@@ -276,12 +276,12 @@ export default {
       console.log(tab.name, "name");
       if (tab.name == "first") {
         this.getList();
-      } else if(tab.name=="second") {
+      } else if (tab.name == "second") {
         this.getlistCom();
       }
     },
     // 详情
-    handleDetails(row){
+    handleDetails(row) {
       if (this.spdId) {
         this.routespdId = this.spdId;
       } else {
@@ -290,53 +290,56 @@ export default {
       this.$router.push({
         name: "supplierDetail",
         query: {
-          branchName:row.branchName,
+          branchName: row.branchName,
           stmtNo: row.stmtNo,
           branchName: row.branchName,
           isFas: row.isFas,
           amt: row.amt,
           stmtPrd: row.stmtPrd,
           stas: row.stas,
-          spdId:this.routespdId,
-          activeNameTab:this.activeNameTab,
-          detlCnt:row.detlCnt
-        },
+          spdId: this.routespdId,
+          activeNameTab: this.activeNameTab,
+          detlCnt: row.detlCnt
+        }
       });
     }
   },
   mounted() {
     this.getData();
-    if (this.$route.query.spdId && this.$route.query.activeNameTab=="first") {
+    if (this.$route.query.spdId && this.$route.query.activeNameTab == "first") {
       this.listQuery.spdId = this.$route.query.spdId;
-      this.activeNameTab ="first"
+      this.activeNameTab = "first";
       selectSetlStmtD(this.listQuery)
-        .then((res) => {
+        .then(res => {
           this.list = res.data.records;
           this.total = res.data.total;
           this.listLoading = false;
         })
-        .catch((err) => {
+        .catch(err => {
           this.listLoading = false;
         });
-    }else if(this.$route.query.spdId && this.$route.query.activeNameTab=="second"){
-      this.activeNameTab ="second"
+    } else if (
+      this.$route.query.spdId &&
+      this.$route.query.activeNameTab == "second"
+    ) {
+      this.activeNameTab = "second";
       this.listQueryC.spdId = this.$route.query.spdId;
       selectSetlStmtD(this.listQueryC)
-        .then((res) => {
+        .then(res => {
           this.listC = res.data.records;
           this.totalC = res.data.total;
           this.listLoading = false;
         })
-        .catch((err) => {
+        .catch(err => {
           this.listLoading = false;
         });
     }
-    if(this.$route.query.msgRouteUni && this.$route.query.spdId){
+    if (this.$route.query.msgRouteUni && this.$route.query.spdId) {
       this.listQuery.spdId = this.$route.query.spdId;
       this.listQuery.stmtNo = this.$route.query.msgRouteUni;
-      this.getList()
+      this.getList();
     }
-  },
+  }
 };
 </script>
 

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

@@ -2,12 +2,16 @@
   <!-- 耗材退货管理————待确认 -->
   <div>
     <el-card>
-    <div style="text-align:right">
-      <el-button type="primary" @click="printDataView()">打印</el-button>
-      <el-button type="primary" v-if="isShow" @click="handleConfirm" :loading="sureLoading"
-        >确 认</el-button
-      >
-    </div>
+      <div style="text-align: right">
+        <el-button type="primary" @click.stop="printDataView">打印</el-button>
+        <el-button
+          type="primary"
+          v-if="isShow"
+          @click="handleConfirm"
+          :loading="sureLoading"
+          >确 认</el-button
+        >
+      </div>
     </el-card>
     <div class="common-card">
       <h3>基本信息</h3>
@@ -58,8 +62,8 @@
     <div class="common-card">
       <h3>明细信息</h3>
       <div class="right-btn">
-          <el-button type="primary" @click="exportExal()">导出</el-button>
-        </div>
+        <el-button type="primary" @click.stop="exportExal()">导出</el-button>
+      </div>
       <div>
         <el-table
           ref="table"
@@ -69,68 +73,65 @@
           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 }">
+          <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">
+            </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="manuDate" align="center" />
+            <el-table-column label="有效期" prop="prodExpy" align="center" />
+            <el-table-column label="厂商" prop="prodEntp" align="center" />
           </el-table-column>
-          <el-table-column label="批次" prop="lotNum" align="center">
-          </el-table-column>
-          <el-table-column label="生产日期" prop="manuDate" align="center"/>
-          <el-table-column label="有效期" prop="prodExpy" align="center"/>
-          <el-table-column label="厂商" prop="prodEntp" align="center"/>
-          </el-table-column>
-          </el-table-column>
-          <p class="price-css">共计{{total}}条</p>
+          <p class="price-css">共计{{ total }}条</p>
         </el-table>
         <el-dialog
-      title="预览"
-      :visible.sync="comModal"
-      width="70%"
-      :before-close="comhandleClose"
-      destroy-on-close
-      append-to-body
-    >
-    <div id="printMe"> <printTable :tableHeader="tableHeader" :tableData="list" /></div>
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" v-print="printObj">打印</el-button>
-      </span>
-    </el-dialog>
+          title="预览"
+          :visible.sync="comModal"
+          width="70%"
+          :before-close="comhandleClose"
+          destroy-on-close
+          append-to-body
+        >
+          <div id="printMe">
+            <printTable :tableHeader="tableHeader" :tableData="list" />
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button type="primary" v-print="printObj">打印</el-button>
+          </span>
+        </el-dialog>
       </div>
       <div class="foot-button">
-      <el-button type="info" @click="handleBack">返 回</el-button>
-    </div>
-        <!-- <p class="price-css">合计数量：{{}} <span></span>合计金额： {{}}</p> -->
+        <el-button type="info" @click="handleBack">返 回</el-button>
+      </div>
+      <!-- <p class="price-css">合计数量：{{}} <span></span>合计金额： {{}}</p> -->
     </div>
   </div>
 </template>
@@ -142,7 +143,7 @@ import mcsInfo from "@/views/components/mcs-info.vue";
 import printTable from "@/views/components/printTable.vue";
 import {
   selectRetnDetl,
-  acpRetnOrd,
+  acpRetnOrd
 } from "@/api/productreturnmanage-sup/returnList";
 import {
   selectSetlStmtDetlD,
@@ -155,67 +156,67 @@ export default {
     ylStep,
     ylPagination,
     mcsInfo,
-    printTable,
+    printTable
   },
   data() {
     return {
       tableHeader: [
-      {
+        {
           label: "序号",
-          value: "serial",
+          value: "serial"
         },
         {
           label: "耗材名称",
-          value: "prodName",
+          value: "prodName"
         },
         {
           label: "规格",
-          value: "spec",
-        },
-        {
-          label: "型号",
-          value: "mol",
+          value: "spec"
         },
+        // {
+        //   label: "型号",
+        //   value: "mol"
+        // },
         {
           label: "数量",
-          value: "cnt",
+          value: "cnt"
         },
         {
           label: "单位",
-          value: "unt",
+          value: "unt"
         },
         {
           label: "单价",
-          value: "pric",
+          value: "pric"
         },
         {
-          label: "总计",
-          value: "amt",
+          label: "总计（元）",
+          value: "amt"
         },
         {
           label: "类别",
-          value: "mcType",
+          value: "mcType"
         },
         {
           label: "是否集采",
-          value: "iFas",
+          value: "iFas"
         },
         {
           label: "批次",
-          value: "lotNum",
+          value: "lotNum"
         },
         {
           label: "生产日期",
-          value: "manuDate",
+          value: "manuDate"
         },
         {
           label: "有效期至",
-          value: "prodExpy",
+          value: "prodExpy"
         },
         {
           label: "厂商",
-          value: "prodEntp",
-        },
+          value: "prodEntp"
+        }
       ],
       total: "",
       comModal: false,
@@ -225,15 +226,15 @@ export default {
         isFas: "",
         amt: "",
         stmtPrd: "",
-        stas: "",
+        stas: ""
       },
       stasOptions: [
         { value: "A", lable: "待确认" },
-        { value: "B", lable: "已确认" },
+        { value: "B", lable: "已确认" }
       ],
       isFasOptions: [
         { value: "0", lable: "非集采" },
-        { value: "1", lable: "集采" },
+        { value: "1", lable: "集采" }
       ],
       listLoading: false,
       list: [],
@@ -250,35 +251,6 @@ export default {
         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: () => {}, // 开启打印前的回调事件
@@ -286,8 +258,8 @@ export default {
         closeCallback() {}, //关闭打印的回调事件（无法确定点击的是确认还是取消）
         url: "",
         standard: "",
-        extraCss: "",
-      },
+        extraCss: ""
+      }
     };
   },
   created() {
@@ -301,12 +273,12 @@ export default {
     this.listForm.branchName = this.$route.query.branchName;
     this.listForm.amt = this.$route.query.amt;
     this.listForm.stmtPrd = this.$route.query.stmtPrd;
-    this.stasOptions.forEach((i) => {
+    this.stasOptions.forEach(i => {
       if (i.value == this.$route.query.stas) {
         this.listForm.stas = i.lable;
       }
     });
-    this.isFasOptions.forEach((i) => {
+    this.isFasOptions.forEach(i => {
       if (i.value == this.$route.query.isFas) {
         this.listForm.isFas = i.lable;
       }
@@ -316,15 +288,19 @@ export default {
     this.getData();
   },
   methods: {
-     //导出
-     exportExal() {
-      exportAllSetlExcel({ stmtNo: this.$route.query.stmtNo }).then((res) => {
+    //导出
+    exportExal() {
+      exportAllSetlExcel({
+        stmtNo: this.$route.query.stmtNo,
+        spdName: this.$route.query.branchName,
+        stmtPrd: this.$route.query.stmtPrd
+      }).then(res => {
         const _res = res.data;
-        exportData(_res,'对账明细');
-      })
+        exportData(_res, "对账明细");
+      });
     },
     printDataView() {
-      this.comModal =  true;
+      this.comModal = true;
     },
     comhandleClose() {
       this.comModal = false;
@@ -355,7 +331,7 @@ export default {
           return;
         }
         if (index === 7) {
-          const values = data.map((item) => Number(item[column.property]));
+          const values = data.map(item => Number(item[column.property]));
           sums[1] = values.reduce((prev, curr) => {
             return prev + curr;
           }, 0);
@@ -368,12 +344,12 @@ export default {
     getData() {
       this.listLoading = true;
       selectSetlStmtDetlD({ stmtNo: this.$route.query.stmtNo })
-        .then((res) => {
+        .then(res => {
           this.list = res.data;
           this.total = this.$route.query.detlCnt;
           this.listLoading = false;
         })
-        .catch((err) => {
+        .catch(err => {
           this.listLoading = false;
         });
     },
@@ -382,16 +358,16 @@ export default {
       this.$confirm("确认对账", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       }).then(() => {
         this.sureLoading = true;
         let data = {
           stmtNo: this.$route.query.stmtNo,
           spdId: this.$route.query.spdId,
-          stas: "B",
+          stas: "B"
         };
         updateSetlStmtDStas(data)
-          .then((res) => {
+          .then(res => {
             if (res.success == true) {
               this.sureLoading = false;
               this.$message.success("操作成功");
@@ -399,15 +375,15 @@ export default {
                 name: "Reconciliation",
                 query: {
                   spdId: this.$route.query.spdId,
-                  activeNameTab: this.$route.query.activeNameTab,
-                },
+                  activeNameTab: this.$route.query.activeNameTab
+                }
               });
             } else {
               this.sureLoading = false;
               this.$message.error("确认失败");
             }
           })
-          .catch((err) => {
+          .catch(err => {
             this.sureLoading = false;
           });
       });
@@ -417,11 +393,11 @@ export default {
         name: "Reconciliation",
         query: {
           spdId: this.$route.query.spdId,
-          activeNameTab: this.$route.query.activeNameTab,
-        },
+          activeNameTab: this.$route.query.activeNameTab
+        }
       });
-    },
-  },
+    }
+  }
 };
 </script>
 
@@ -446,15 +422,15 @@ export default {
     margin-right: 20px;
   }
 }
-.right-btn{
-    width: 100%;
-    height:50px;
-    padding-right:20px;
-    position: absolute;
-    left:0;
-    top:0;
-    display: flex;
-    align-items: center;
-    justify-content:flex-end;
+.right-btn {
+  width: 100%;
+  height: 50px;
+  padding-right: 20px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
 }
 </style>