耗材目录管理

src/api/drugCataManage-sup/index.js

@@ -1,5 +1,33 @@
 import request from "@/utils/request";
 
+// 查询配送目录接口汇总
+export function selectSplerMcsList(data) {
+    return request({
+        url:"/web/mcsList/selectSplerMcsList",
+        method:"post",
+        data
+    })
+}
+// 查询招采耗材接口(弹窗分页)
+export function selectMcsList(data) {
+    return request({
+        url:"/web/mcsList/selectMcsList",
+        method:"post",
+        data
+    })
+}
+// 新增耗材配送目录(弹窗确认)
+export function insertSplerMcsList(data) {
+    return request({
+        url:"/web/mcsList/insertSplerMcsList",
+        method:"post",
+        data
+    })
+}
+
+
+
+
 // 药品目录管理查询--供应商端
 // export function getGrpListByPage(data) {
 //     return request({

src/api/orderManage-sup/index.js

@@ -89,6 +89,11 @@ export function getOrdDetlList(data) {
 
 
 
+
+
+
+
+
 // 采购订单受理
 export function acpOrd(data) {
     return request({

src/layout/components/AppMain.vue

@@ -43,7 +43,7 @@ export default {
 }
 
 .app-main2 {
-  height: calc(100vh - 50px);
+  height: calc(100vh - 85px);
   width: 100%;
   position: relative;
   overflow: hidden;

src/utils/menu/systemMenu.js

@@ -650,6 +650,24 @@ const systemMenuObj = [
     router: "information-filling",
     hidden: 0
   },
+  // 厂商资质维护 
+  {
+    component: "/page/qualityManagement-sup/manufacturer-filling/index",
+    icon: "",
+    id: "manufacturer-filling",
+    menuType: "MENU",
+    name: "ManufacturerFilling",
+    parentId: "qualityManagement-sup",
+    redirect: "",
+    remark: "厂商资质维护", //供应商填报信息
+    router: "manufacturer-filling",
+    hidden: 0
+  },
+
+
+
+
+
   // 两票管理---供应商端
   {
     component: "Layout",

src/views/page/approve/approveA/priceUpApply.vue

@@ -72,7 +72,7 @@
 <script>
 import ylStep from "@/components/yl-step";
 import { apprPricChg } from "@/api/approve/index"
-import { getGrpListByPage } from "@/api/drugCataManage-sup/index";
+import { getGrpListByPage } from "@/api/consumCataManage-sup/index";
     export default {
         components:{
             ylStep
@@ -170,4 +170,4 @@ import { getGrpListByPage } from "@/api/drugCataManage-sup/index";
 
 <style lang="scss" scoped>
 
-</style>
+</style>@/api/consumCataManage-sup/index

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

@@ -231,7 +231,7 @@ import {
   QuerySplerDrugList,
   DrugMatch,
   CancMatch
-} from "@/api/drugCataManage-sup/index";
+} from "@/api/consumCataManage-sup/index";
 import rulesR from "@/utils/rules";
 import ylUpload from "@/components/yl-upload";
 export default {

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

@@ -215,7 +215,7 @@ import {
   PricChg,
   getALLOrgTree,
   QueryHospDrugListTJ,
-} from "@/api/drugCataManage-sup/index";
+} from "@/api/consumCataManage-sup/index";
 import rulesR from "@/utils/rules";
 import ylUpload from "@/components/yl-upload";
 export default {
@@ -472,3 +472,4 @@ export default {
   width: 220px;
 }
 </style>
+@/api/consumCataManage-sup/index

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

@@ -16,27 +16,27 @@
     </el-card>-->
     <div class="right-common-box">
       <el-form :model="listQuery" ref="listQuery" :inline="true" label-width="100px">
-        <el-form-item label="耗材编码" prop="drugName" class="long">
+        <el-form-item label="耗材编码" prop="materialId" class="long">
           <el-input
-            v-model="listQuery.drugName"
+            v-model="listQuery.materialId"
             placeholder="请输入耗材编码"
           ></el-input>
         </el-form-item>
-        <el-form-item label="医保编码" prop="drugName" class="long">
+        <el-form-item label="医保编码" prop="ybbm" class="long">
           <el-input
-            v-model="listQuery.drugName"
+            v-model="listQuery.ybbm"
             placeholder="请输入医保编码"
           ></el-input>
         </el-form-item>
-        <el-form-item label="耗材名称" prop="drugName" class="long">
+        <el-form-item label="耗材名称" prop="materialName" class="long">
           <el-input
-            v-model="listQuery.drugName"
+            v-model="listQuery.materialName"
             placeholder="请输入耗材名称"
           ></el-input>
         </el-form-item>
-        <el-form-item label="是否集采" prop="drugName" class="long">
+        <el-form-item label="是否集采" prop="ifJc" class="long">
           <el-select
-            v-model="listQueryadd.isFas"
+            v-model="listQuery.ifJc"
             placeholder="请选择是否集采"
             clearable
           >
@@ -48,9 +48,9 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="集采批次" prop="drugName" class="long">
+        <el-form-item label="集采批次" prop="batch" class="long">
           <el-select
-            v-model="listQueryadd.isFas"
+            v-model="listQuery.batch"
             placeholder="请选择集采批次"
             clearable
           >
@@ -62,9 +62,9 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="商品类别" prop="drugName" class="long">
+        <el-form-item label="商品类别" prop="prodType" class="long">
           <el-select
-            v-model="listQueryadd.isFas"
+            v-model="listQuery.prodType"
             placeholder="请选择商品类别"
             clearable
           >
@@ -77,28 +77,28 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="规格" prop="drugName" class="long">
+        <el-form-item label="规格" prop="spec" class="long">
           <el-input
-            v-model="listQuery.drugName"
+            v-model="listQuery.spec"
             placeholder="请输入规格"
           ></el-input>
         </el-form-item>
-        <el-form-item label="型号" prop="drugName" class="long">
+        <el-form-item label="型号" prop="model" class="long">
           <el-input
-            v-model="listQuery.drugName"
+            v-model="listQuery.model"
             placeholder="请输入型号"
           ></el-input>
         </el-form-item>
-        <el-form-item label="材质" prop="drugName" class="long">
+        <el-form-item label="材质" prop="matl" class="long">
           <el-input
-            v-model="listQuery.drugName"
+            v-model="listQuery.matl"
             placeholder="请输入材质"
           ></el-input>
         </el-form-item>
 
-        <el-form-item label="生产来源" prop="drugName" class="long">
+        <el-form-item label="生产来源" prop="source" class="long">
           <el-select
-            v-model="listQueryadd.isFas"
+            v-model="listQuery.source"
             placeholder="请选择生产来源"
             clearable
           >
@@ -110,9 +110,9 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="生产企业" prop="drugName" class="long">
+        <el-form-item label="生产企业" prop="prodentpName" class="long">
           <el-select
-            v-model="listQueryadd.isFas"
+            v-model="listQuery.prodentpName"
             placeholder="请选择生产企业"
             clearable
           >
@@ -124,9 +124,9 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="当前状态" prop="drugName" class="long">
+        <el-form-item label="当前状态" prop="status" class="long">
           <el-select
-            v-model="listQueryadd.isFas"
+            v-model="listQuery.status"
             placeholder="请选择当前状态"
             clearable
           >
@@ -153,10 +153,10 @@
           </el-select>
         </el-form-item> -->
         <el-form-item>
-          <el-button type="primary" @click="getHospDrug('search')"
+          <el-button type="primary" @click="getHospConsum('search')"
             >查询</el-button
           >
-          <el-button @click="reset('drug')">重置</el-button>
+          <el-button @click="reset('consumableData')">重置</el-button>
         </el-form-item>
       </el-form>
       <div class="right-button">
@@ -177,20 +177,20 @@
           <p>暂无数据</p>
         </template>
         <el-table-column fixed type="index" label="序号" width="60" />
-        <el-table-column label="耗材编码" prop="drugListId" width="80" />
-        <el-table-column label="医保编码" prop="drugListId" width="80" />
-        <el-table-column label="耗材名称" prop="drugListId" width="80" />
-        <el-table-column label="是否集采" prop="drugListId" width="80" />
-        <el-table-column label="集采批次" prop="drugListId" width="80" />
-        <el-table-column label="商品类别" prop="drugListId" width="80" />
-        <el-table-column label="规格" prop="drugListId" width="80" />
-        <el-table-column label="型号" prop="drugListId" width="80" />
-        <el-table-column label="材质" prop="drugListId" width="80" />
-        <el-table-column label="生产来源" prop="drugListId" width="80" />
-        <el-table-column label="注册证号" prop="drugListId" width="80" />
-        <el-table-column label="生产企业" prop="drugListId" width="80" />
-        <el-table-column label="采购价" prop="drugListId" width="80" />
-        <el-table-column label="当前状态" prop="drugListId" width="80" />
+        <el-table-column label="耗材编码" prop="materialId" width="80" />
+        <el-table-column label="医保编码" prop="ybbm" width="80" />
+        <el-table-column label="耗材名称" prop="materialName" width="80" />
+        <el-table-column label="是否集采" prop="ifJc" width="80" />
+        <el-table-column label="集采批次" prop="batch" width="80" />
+        <el-table-column label="商品类别" prop="prodType" width="80" />
+        <el-table-column label="规格" prop="spec" width="80" />
+        <el-table-column label="型号" prop="model" width="80" />
+        <el-table-column label="材质" prop="matl" width="80" />
+        <el-table-column label="生产来源" prop="source" width="80" />
+        <el-table-column label="注册证号" prop="approve" width="80" />
+        <el-table-column label="生产企业" prop="prodentpName" width="80" />
+        <el-table-column label="采购价" prop="pric" width="80" />
+        <el-table-column label="当前状态" prop="status" width="80" />
         <el-table-column fixed="right" label="操作" width="160">
           <template slot-scope="scope">
             <div>
@@ -207,9 +207,10 @@
         :total="total"
         :page.sync="listQuery.current"
         :limit.sync="listQuery.size"
-        @pagination="getData"
+        @pagination="getHospConsum"
       />
     </div>
+
     <el-dialog title="调价申请" :visible.sync="dialogPrice" width="55%">
       <el-form
         ref="dataForm"
@@ -327,34 +328,34 @@
     </el-dialog>
     <el-dialog title="选择耗材" :visible.sync="dialogAdd" width="75%">
       <template>
-        <el-form :model="listQueryadd" ref="listQuery" :inline="true">
-        <el-form-item label="耗材名称" prop="drugName" class="long">
+        <el-form :model="listQueryadd" ref="listQueryadd" :inline="true">
+        <el-form-item label="耗材名称" prop="materialName" class="long">
           <el-input
-            v-model="listQueryadd.drugName"
+            v-model="listQueryadd.materialName"
             placeholder="请输入耗材名称"
           ></el-input>
         </el-form-item>
-        <el-form-item label="耗材规格" prop="drugName" class="long">
+        <el-form-item label="耗材规格" prop="spec" class="long">
           <el-input
-            v-model="listQueryadd.drugName"
+            v-model="listQueryadd.spec"
             placeholder="请输入耗材规格"
           ></el-input>
         </el-form-item>
-        <el-form-item label="耗材编码" prop="drugName" class="long">
+        <el-form-item label="耗材编码" prop="materialId" class="long">
           <el-input
-            v-model="listQueryadd.drugName"
+            v-model="listQueryadd.materialId"
             placeholder="请输入耗材编码"
           ></el-input>
         </el-form-item>
-        <el-form-item label="医保编码" prop="drugName" class="long">
+        <el-form-item label="医保编码" prop="ybbm" class="long">
           <el-input
-            v-model="listQueryadd.drugName"
+            v-model="listQueryadd.ybbm"
             placeholder="请输入医保编码"
           ></el-input>
         </el-form-item>
-        <el-form-item label="是否集采" prop="drugName" class="long">
+        <el-form-item label="是否集采" prop="ifJc" class="long">
           <el-select
-            v-model="listQueryadd.isFas"
+            v-model="listQueryadd.ifJc"
             placeholder="请选择是否集采"
             clearable
           >
@@ -362,7 +363,7 @@
               v-for="item in isFasData"
               :key="item.value"
               :label="item.name"
-              :value="item.value"
+              :value="item.name"
             ></el-option>
           </el-select>
         </el-form-item>
@@ -384,10 +385,16 @@
           <el-button type="primary" @click="getdialog('search')"
             >查询</el-button
           >
-          <el-button @click="resetdialog('drug')">重置</el-button>
+          <el-button @click="resetdialog('consumableData')">重置</el-button>
         </el-form-item>
       </el-form>
-        <el-table :data="selectDrguData" border style="width: 100%" row-key="id"
+        <el-table
+          v-loading="listdialogLoading"
+        element-loading-text="加载中"
+        fit
+        stripe
+        border
+         :data="consumableData" border style="width: 100%" row-key="materialId"
               @selection-change="handleSelectionChange"
               @row-click="getDetail">
           <el-table-column
@@ -396,45 +403,31 @@
             :reserve-selection="true"
             width="55"
           ></el-table-column>
-          <el-table-column prop="drugName" label="医保编码" width="150">
+          <el-table-column prop="ybbm" label="医保编码" width="150">
           </el-table-column>
-          <el-table-column prop="drugName" label="耗材名称" width="150">
+          <el-table-column prop="materialName" label="耗材名称" width="180">
           </el-table-column>
-          <el-table-column prop="dosformName" label="是否集采" width="120">
+          <el-table-column prop="ifJc" label="是否集采" width="120">
           </el-table-column>
-          <el-table-column prop="prodentpName" label="集采批次">
+          <el-table-column prop="batch" label="集采批次">
           </el-table-column>
-          <el-table-column prop="drugListId" label="商品类别" width="120">
+          <el-table-column prop="prodType" label="商品类别" width="120">
           </el-table-column>
-          <el-table-column prop="drugListId" label="商品分类" width="120">
+          <el-table-column prop="prodType" label="商品分类" width="120">
           </el-table-column>
-          <el-table-column prop="specName" label="规格">
-            <template slot-scope="scope">
-              <div class="drug-name">
-                <!-- {{
-                  "医院规格 【" +
-                    scope.row.specName +
-                    "*" +
-                    scope.row.convrat +
-                    scope.row.prepunt +
-                    "/" +
-                    scope.row.pacUnt +
-                    "】"
-                }} -->
-              </div>
-            </template>
+          <el-table-column prop="spec" label="规格">
           </el-table-column>
-          <el-table-column prop="drugListId" label="型号">
+          <el-table-column prop="model" label="型号">
           </el-table-column>
-          <el-table-column prop="drugListId" label="材质">
+          <el-table-column prop="matl" label="材质">
           </el-table-column>
-          <el-table-column prop="drugListId" label="包装材质">
+          <el-table-column prop="pacMatl" label="包装材质">
           </el-table-column>
-          <el-table-column prop="drugListId" label="生产来源">
+          <el-table-column prop="source" label="生产来源">
           </el-table-column>
-          <el-table-column prop="drugListId" label="注册证号">
+          <el-table-column prop="approve" label="注册证号">
           </el-table-column>
-          <el-table-column prop="drugListId" label="生产企业" width="120">
+          <el-table-column prop="prodentpName" label="生产企业" width="120">
           </el-table-column>
         </el-table>
         <div  slot="footer" class="dialog-footer">
@@ -497,11 +490,11 @@
 
         <!--分页-->
         <yl-pagination
-          v-show="total > 0"
-          :total="total"
-          :page.sync="supQuery.current"
-          :limit.sync="supQuery.size"
-          @pagination="searchSup"
+          v-show="totalC > 0"
+          :total="totalC"
+          :page.sync="listQueryadd.current"
+          :limit.sync="listQueryadd.size"
+          @pagination="getdialog"
         />
       </template>
     </el-dialog>
@@ -511,13 +504,16 @@
 <script>
 import ylPagination from "@/components/yl-pagination";
 import {
+  selectSplerMcsList,
+  selectMcsList,
+
   PricChg,
   QueryHospList,
   QueryHospDrugList,
   QuerySplerDrugList,
   DrugMatch,
   CancMatch
-} from "@/api/drugCataManage-sup/index";
+} from "@/api/consumCataManage-sup/index";
 import rulesR from "@/utils/rules";
 import ylUpload from "@/components/yl-upload";
 export default {
@@ -538,16 +534,34 @@ export default {
       listQuery: {
         current: 1,
         size: 10,
-        drugName: "",
-        hospId: "",
-        stas: ""
+        materialName: "",
+        materialId: "",
+        spec: "",
+        ybbm: "",
+        ifJc: "",
+        batch: "",
+        model: "",
+        source: "",
+        prodType: "",
+        matl: "",
+        prodentpName: "",
+        status: ""
       },
       supQuery: {
         current: 1,
         size: 10,
-        splerDrugName: "",
-        splerDrugListId: "",
-        hospId: ""
+        materialName: "",
+        materialId: "",
+        spec: "",
+        ybbm: "",
+        ifJc: "",
+        batch: "",
+        model: "",
+        source: "",
+        prodType: "",
+        matl: "",
+        prodentpName: "",
+        status: ""
       },
       listLoading: false,
       list: [],
@@ -576,7 +590,8 @@ export default {
         pricInit: "",
         pricCurr: "",
         appyRea: "",
-        fileId:""
+        fileId:"",
+        
       },
       rules: {
         pricCurr: [
@@ -641,28 +656,39 @@ export default {
           zip: 200333
         }
       ],
-      selectDrguData: [],
+      consumableData: [],
       form: {
         splerData: []
       },
+      // 省平台目录
+      listdialogLoading:false,
       dialogAdd:false,
       listQueryadd:{
-
+        materialName:"",
+        materialId: "",
+        spec: "",
+        ybbm: "",
+        ifJc: "",
+        batch: "",
+        model: "",
+        current: 1,
+        size: 10,
       },
+      totalC:false,
       addLoading:false,
     };
   },
   methods: {
-    tabClick(tab){
-        if(tab.label == "按机构"){
-            this.getData();
-            this.defaultProps.label = 'hospName'
-        }else if(tab.label == "按分类"){
-            // this.getData4();
-            // this.defaultProps.label = 'orgGrpName'
-            // this.listQuery.type = 'grp';
-        }
-    },
+    // tabClick(tab){
+    //     if(tab.label == "按机构"){
+    //         this.getData();
+    //         this.defaultProps.label = 'hospName'
+    //     }else if(tab.label == "按分类"){
+    //         // this.getData4();
+    //         // this.defaultProps.label = 'orgGrpName'
+    //         // this.listQuery.type = 'grp';
+    //     }
+    // },
     // 上传文件
     getUpload(id) {
       this.temp.fileId = id;
@@ -687,13 +713,13 @@ export default {
       return result;
     },
     // 搜索获取医院药品列表
-    getHospDrug(type) {
+    getHospConsum(type) {
       if (type == "search") {
         this.listQuery.current = 1;
       }
       this.listLoading = true;
-      this.listQuery.hospId = this.hospId;
-      QueryHospDrugList(this.listQuery)
+      // this.listQuery.hospId = this.hospId;
+      selectSplerMcsList(this.listQuery)
         .then(res => {
           this.list = res.data.records;
           this.total = res.data.total;
@@ -708,23 +734,23 @@ export default {
       if (type == "search") {
         this.listQueryadd.current = 1;
       }
-      // this.listLoading = true;
+      this.listdialogLoading = true;
       // this.listQuery.hospId = this.hospId;
-      // QueryHospDrugList(this.listQuery)
-        // .then(res => {
-          // this.list = res.data.records;
-          // this.total = res.data.total;
-          // this.listLoading = false;
-        // })
-        // .catch(err => {
-          // this.listLoading = false;
-        // });
+      selectMcsList(this.listQueryadd)
+        .then(res => {
+          this.consumableData = res.data.records;
+          this.totalC = res.data.total;
+          this.listdialogLoading = false;
+        })
+        .catch(err => {
+          this.listdialogLoading = false;
+        });
     },
     // 点击获取医院药品列表
     handleNodeClick(data) {
       this.listLoading = true;
       this.hospId = data.hospId;
-      QueryHospDrugList({ hospId: data.hospId })
+      selectSplerMcsList({ hospId: data.hospId })
         .then(res => {
           this.list = res.data.records;
           this.total = res.data.total;
@@ -736,24 +762,33 @@ export default {
         });
     },
     // 获取医院列表
-    getData(type) {
-      this.data = [];
-      this.listLoading = true;
-      QueryHospList()
-        .then(res => {
-          this.listQuery.hospId = res.data[0].hospId;
-          this.data = res.data
-          this.listLoading = false;
-        })
-        .catch(err => {
-          this.listLoading = false;
-        });
-    },
+    // getData(type) {
+    //   this.data = [];
+    //   this.listLoading = true;
+    //   QueryHospList()
+    //     .then(res => {
+    //       this.listQuery.hospId = res.data[0].hospId;
+    //       this.data = res.data
+    //       this.listLoading = false;
+    //     })
+    //     .catch(err => {
+    //       this.listLoading = false;
+    //     });
+    // },
 
     reset(type) {
-      if (type === "type") {
+      if (type === "consumableData") {
         this.$refs.listQuery.resetFields();
-        this.getHospDrug();
+        this.getHospConsum();
+      } else {
+        this.$refs.supQuery.resetFields();
+        this.searchSup();
+      }
+    },
+    resetdialog(type){
+      if (type === "consumableData") {
+        this.$refs.listQueryadd.resetFields();
+        this.getdialog();
       } else {
         this.$refs.supQuery.resetFields();
         this.searchSup();
@@ -762,8 +797,13 @@ export default {
     // 更新目录
     handleUpdate() {
       this.dialogAdd = true;
-      this.getHospDrug();
+      this.getdialog();
     },
+
+
+
+
+
     // 申请调价
  
     handlePrice(row) {
@@ -797,7 +837,7 @@ export default {
               this.$message('调价已申请');
               this.ccLoad = false;
               this.dialogPrice = false;
-              this.getHospDrug();
+              this.getHospConsum();
             }
           }).catch(err => {
               this.ccLoad = false;
@@ -809,8 +849,8 @@ export default {
     handleDui(row) {
       console.log(row, "选中药品");
       this.dialogDui = true;
-      this.selectDrguData = [];
-      this.selectDrguData.push(row);
+      this.consumableData = [];
+      this.consumableData.push(row);
       this.supLoading = true;
       QuerySplerDrugList({ hospId: row.hospId })
         .then(res => {
@@ -826,7 +866,7 @@ export default {
     handleClick(item, index) {
       let DrugMatchObj ={
         hospId:this.hospId,
-        drugListId:this.selectDrguData[0].drugListId,
+        drugListId:this.consumableData[0].drugListId,
         splerDrugListId:item.splerDrugListId,
         convrat:item.convrat
       }
@@ -837,7 +877,7 @@ export default {
         DrugMatch(DrugMatchObj).then(res=>{
           if(res.success === true) {
             this.dialogDui = false
-            this.getHospDrug()
+            this.getHospConsum()
             this.$message({
               message: '对码成功',
               type: 'success'
@@ -857,7 +897,7 @@ export default {
       }).then(() => {
         CancMatch({hospId: this.hospId,drugListId:row.drugListId}).then(res=>{
           if(res.success) {
-            this.getHospDrug()
+            this.getHospConsum()
             this.$message({
               type: 'success',
               message: '取消对码成功'
@@ -890,7 +930,7 @@ export default {
     },
   },
   mounted() {
-    this.getData();
+    this.getHospConsum();
   }
 };
 </script>
@@ -916,3 +956,4 @@ export default {
 }
 
 </style>
+@/api/consumCataManage-sup/index

src/views/page/qualityManagement-sup/manufacturer-filling/index.vue

@@ -0,0 +1,170 @@
+<template>
+  <!-- 供应商采购订单 已出库 -->
+  <div class="common-box">
+    <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="branchName">
+        <el-input v-model="listQuery.branchName" 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="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"
+      fit
+      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="id" />
+      <el-table-column label="订单种类" prop="detlCnt" />
+      <el-table-column label="订单总数量" prop="qtySum" />
+      <el-table-column label="剩余出库量" prop="delvCnt" />
+      <el-table-column label="订单总金额" prop="purcAmt" />
+      <el-table-column label="医院名称" prop="branchName" />
+      <el-table-column label="部门名称" prop="deptName" />
+      <el-table-column label="采购员" prop="docmker" />
+      <el-table-column label="采购时间" prop="docmkDate" width="140" />
+      <el-table-column label="状态" prop="stas">
+        <!-- <template #default="{ row }">
+              <span v-if="row.stas == 'A'">未受理</span>
+              <span v-if="row.stas == 'B'">未出库</span>
+              <span v-if="row.stas == 'R'">被驳回</span>
+              <span v-if="row.stas == 'C'">已出库</span>
+              <span v-if="row.stas == 'D'">部分出库</span>
+              <span v-if="row.stas == 'Y'">已入库</span>
+              <span v-if="row.stas == 'P'">部分入库</span>
+            </template> -->
+      </el-table-column>
+      <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>
+</template>
+
+<script>
+import ylPagination from "@/components/yl-pagination";
+import { getSplerDelvOrdPage } from "@/api/orderManage-sup/index";
+export default {
+  components: {
+    ylPagination,
+  },
+  data() {
+    return {
+      listQuery: {
+        current: 1,
+        size: 10,
+        purcOrdId: "",
+        docmkDateStart: "",
+        docmkDateEnd: "",
+        docmkDate: [],
+        purcOrdStas: "",
+      },
+      stasOptions: [
+        { value: "C", lable: "已出库" },
+        { value: "D", lable: "部分出库" },
+        { value: "Y", lable: "已入库" },
+        { value: "P", lable: "部分入库" },
+      ],
+      dd1: [
+        { value: 0, name: "订单类型1" },
+        { value: 1, name: "订单类型2" },
+      ],
+      listLoading: false,
+      list: [],
+      total: 0,
+    };
+  },
+  mounted() {
+    this.getData();
+  },
+  methods: {
+    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];
+      getSplerDelvOrdPage(this.listQuery)
+        .then((res) => {
+          this.list = res.data.records;
+          this.total = res.data.total;
+          this.listLoading = false;
+        })
+        .catch((err) => {
+          this.listLoading = false;
+        });
+    },
+    reset() {
+      this.$refs.queryForm.resetFields();
+      this.getData();
+    },
+    // 详情
+    handleDetail(row) {
+      console.log(row);
+      this.$router.push({
+        name: "alreadyDetail",
+        query: {
+          delvOrdId: row.delvOrdId,
+          purcOrdId: row.purcOrdId,
+          detlCnt: row.detlCnt,
+          orgName: row.orgName,
+          docmker: row.docmker,
+          docmkDate: row.docmkDate,
+          purcOrdStas: row.purcOrdStas,
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>