耗材目录管理

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

@@ -14,371 +14,361 @@
       <h3>审批状态</h3>
       <yl-step></yl-step>
     </div>
-    <el-form :model="infoData" ref="planForm" label-width="237px" class="grid-form-class">
+    <el-form :model="infoData" ref="planForm" label-width="180px" class="grid-form-class">
       <div class="common-card">
-        <h3>工商信息</h3>
-        <div class="right-type" style="color: #3c64dc; font-weight: 800">
+        <h3>商品基本资料</h3>
+        <!-- <div class="right-type" style="color: #3c64dc; font-weight: 800">
           {{ $store.state.user.username }}
-        </div>
+        </div> -->
         <div class="form-body">
           <div class="flex-css">
-            <el-form-item label="统一社会信用代码" prop="uscc" :rules="rules.required">
+            <el-form-item label="耗材名称" prop="materialName" :rules="rules.required">
               <el-input
-                v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.uscc"
-                placeholder="请输入统一社会信用代码"
+                v-model="infoData.materialName"
+                placeholder="请输入耗材名称"
               ></el-input>
-              <div class="content" v-else>
-                {{ infoData.uscc }}
-              </div>
             </el-form-item>
-            <el-form-item label="法定代表人" prop="legrepName" :rules="rules.required">
+            <el-form-item label="助记码" prop="zjm" :rules="rules.required">
               <el-input
-                v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.legrepName"
-                placeholder="请输入法定代表人"
+                v-model="infoData.zjm"
+                placeholder="请输入助记码"
               ></el-input>
-              <div class="content" v-else>
-                {{ infoData.legrepName }}
-              </div>
             </el-form-item>
-            <el-form-item label="登记状态" prop="regStas" :rules="rules.required">
+            <el-form-item label="通用名称" prop="genName" :rules="rules.required">
               <el-input
-                v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.regStas"
-                placeholder="请输入登记状态"
+                v-model="infoData.genName"
+                placeholder="请输入通用名称"
               ></el-input>
-              <div class="content" v-else>
-                {{ infoData.regStas }}
-              </div>
             </el-form-item>
           </div>
           <div class="flex-css">
-            <el-form-item label="成立日期" prop="estbdat" :rules="rules.dateRequired">
-              <el-date-picker
-                v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.estbdat"
-                type="date"
-                placeholder="请选择成立日期"
-                value-format="yyyy-MM-dd"
-              >
-              </el-date-picker>
-              <div class="content" v-else>
-                {{ infoData.estbdat }}
-              </div>
+            <el-form-item label="英文名称" prop="engName" :rules="rules.required">
+              <el-input
+                v-model="infoData.engName"
+                placeholder="请输入英文名称"
+              ></el-input>
             </el-form-item>
-            <el-form-item label="国标行业" prop="natstdIndu" :rules="rules.required">
+            <el-form-item label="品牌" prop="brand" :rules="rules.required">
               <el-input
-                v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.natstdIndu"
-                placeholder="请输入国际行业"
+                v-model="infoData.brand"
+                placeholder="请输入品牌"
               ></el-input>
-              <div class="content" v-else>
-                {{ infoData.natstdIndu }}
-              </div>
             </el-form-item>
-            <el-form-item label="注册资本" prop="regCapt" :rules="rules.required">
+            <el-form-item label="生产企业" prop="prodentpName" :rules="rules.required">
               <el-input
-                v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.regCapt"
-                placeholder="请输入注册资本"
+                v-model="infoData.prodentpName"
+                placeholder="请输入生产企业"
               ></el-input>
-              <div class="content" v-else>
-                {{ infoData.regCapt }}
-              </div>
             </el-form-item>
           </div>
           <div class="flex-css">
-            <el-form-item label="实缴资本" prop="arrCapt" :rules="rules.required">
+            <el-form-item label="生产来源" prop="source" :rules="rules.selectRequired">
+              <el-select v-model="infoData.source" placeholder="请选择生产来源" clearable>
+                <el-option
+                  v-for="item in sourceData"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.name"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="规格" prop="spec" :rules="rules.required">
+              <el-input v-model="infoData.spec" placeholder="请输入规格"></el-input>
+            </el-form-item>
+            <el-form-item label="型号" prop="model" :rules="rules.required">
+              <el-input v-model="infoData.model" placeholder="请输入型号"></el-input>
+            </el-form-item>
+          </div>
+          <div class="flex-css">
+            <el-form-item label="材质" prop="matl" :rules="rules.required">
+              <el-input v-model="infoData.matl" placeholder="请输入材质"></el-input>
+            </el-form-item>
+            <el-form-item label="包装材质" prop="pacMatl" :rules="rules.required">
               <el-input
-                v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.arrCapt"
-                placeholder="请输入实缴资本"
+                v-model="infoData.pacMatl"
+                placeholder="请输入包装材质"
               ></el-input>
-              <div class="content" v-else>
-                {{ infoData.arrCapt }}
-              </div>
             </el-form-item>
-            <el-form-item label="组织机构代码" prop="orgCode" :rules="rules.required">
+            <el-form-item label="注册证号" prop="approve" :rules="rules.required">
               <el-input
-                v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.orgCode"
-                placeholder="请输入组织机构代码"
+                v-model="infoData.approve"
+                placeholder="请输入注册证号"
               ></el-input>
-              <div class="content" v-else>
-                {{ infoData.orgCode }}
-              </div>
             </el-form-item>
-            <el-form-item label="工商注册号" prop="bizRegno" :rules="rules.required">
+          </div>
+        </div>
+      </div>
+      <div class="common-card">
+        <h3>商品属性资料</h3>
+        <div class="form-body">
+          <div class="flex-css">
+            <el-form-item label="商品大类" prop="prodClassCate" :rules="rules.required">
+              <el-input
+                v-model="infoData.prodClassCate"
+                placeholder="请输入商品大类"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="商品类别" prop="prodTypeB" :rules="rules.required">
+              <el-input
+                v-model="infoData.prodTypeB"
+                placeholder="请输入商品类别"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="是否集采" prop="ifJc" :rules="rules.selectRequired">
+              <el-select v-model="infoData.ifJc" placeholder="请选择是否集采" clearable>
+                <el-option
+                  v-for="item in iFjcData"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            
+          </div>
+          <div class="flex-css">
+            <el-form-item label="集采批次" prop="batch" :rules="rules.required">
+              <el-input
+                v-model="infoData.batch"
+                placeholder="请输入集采批次"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="采购单位" prop="defPurcUnit" :rules="rules.required">
+              <el-input
+                v-model="infoData.defPurcUnit"
+                placeholder="请输入采购单位"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="采购价" prop="pric" :rules="rules.numPot2">
+              <el-input
+                v-model="infoData.pric"
+                placeholder="请输入采购价"
+              ></el-input>
+            </el-form-item>
+          </div>
+          <div  class="flex-css">
+            <el-form-item label="是否寄售" prop="ifJs" :rules="rules.selectRequired">
+              <el-select v-model="infoData.ifJs" placeholder="请选择是否寄售" clearable>
+                <el-option
+                  v-for="item in iFjcData"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="是否十八项重点耗材" prop="ifZd" :rules="rules.selectRequired">
+              <el-select v-model="infoData.ifZd" placeholder="请选择是否十八项重点耗材" clearable>
+                <el-option
+                  v-for="item in iFjcData"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </div>
+        </div>
+      </div>
+      <div class="common-card">
+        <h3>耗材编码资料</h3>
+        <div class="form-body">
+          <div class="flex-css">
+            <el-form-item label="医保编码" prop="ybbm" :rules="rules.required">
+              <el-input
+                v-model="infoData.ybbm"
+                placeholder="请输入医保编码"
+              ></el-input>
+            </el-form-item>
+            <!-- <el-form-item label="耗材编码" prop="duty" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.bizRegno"
-                placeholder="请输入工商注册号"
+                v-model="infoData.duty"
+                placeholder="请输入耗材编码"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.bizRegno }}
+                {{ infoData.duty }}
               </div>
-            </el-form-item>
+            </el-form-item> -->
           </div>
+        </div>
+      </div>
+      <!-- <div class="common-card">
+        <h3>商品包装资料</h3>
+        <div class="form-body">
           <div class="flex-css">
-            <el-form-item label="纳税人识别号" prop="tin" :rules="rules.required">
+            <el-form-item label="大包装单位" prop="uscc" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.tin"
-                placeholder="请输入纳税人识别号"
+                v-model="infoData.uscc"
+                placeholder="请输入大包装单位"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.tin }}
+                {{ infoData.uscc }}
               </div>
             </el-form-item>
-            <el-form-item label="企业类型" prop="entpType" :rules="rules.required">
+            <el-form-item label="大包装含量" prop="legrepName" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.entpType"
-                placeholder="请输入企业类型"
+                v-model="infoData.legrepName"
+                placeholder="请输入大包装含量"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.entpType }}
+                {{ infoData.legrepName }}
               </div>
             </el-form-item>
-            <el-form-item label="营业期限" prop="bizDdln" :rules="rules.dateRequired">
-              <el-date-picker
+            <el-form-item label="大包装条码" prop="regStas" :rules="rules.required">
+              <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.bizDdln"
-                type="datetime"
-                placeholder="请选择营业期限"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
-              </el-date-picker>
+                v-model="infoData.regStas"
+                placeholder="请输入大包装条码"
+              ></el-input>
               <div class="content" v-else>
-                {{ infoData.bizDdln }}
+                {{ infoData.regStas }}
               </div>
             </el-form-item>
           </div>
           <div class="flex-css">
-            <el-form-item label="纳税人资质" prop="txperCert" :rules="rules.required">
+            <el-form-item label="中包装单位" prop="regStas" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.txperCert"
-                placeholder="请输入纳税人资质"
+                v-model="infoData.regStas"
+                placeholder="请输入中包装单位"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.txperCert }}
+                {{ infoData.regStas }}
               </div>
             </el-form-item>
-            <el-form-item label="所属地区" prop="regn" :rules="rules.required">
+            <el-form-item label="中包装含量" prop="natstdIndu" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.regn"
-                placeholder="请输入所属地区"
+                v-model="infoData.natstdIndu"
+                placeholder="请输入中包装含量"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.regn }}
+                {{ infoData.natstdIndu }}
               </div>
             </el-form-item>
-            <el-form-item label="登记机关" prop="regOrg" :rules="rules.required">
+            <el-form-item label="中包装条码" prop="regCapt" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.regOrg"
-                placeholder="请输入登记机关"
+                v-model="infoData.regCapt"
+                placeholder="请输入中包装条码"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.regOrg }}
+                {{ infoData.regCapt }}
               </div>
             </el-form-item>
           </div>
           <div class="flex-css">
-            <el-form-item label="注册地址" prop="regAddrName" :rules="rules.required">
+            <el-form-item label="小包装单位" prop="regStas" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.regAddrName"
-                placeholder="请输入注册地址"
+                v-model="infoData.regStas"
+                placeholder="请输入小包装单位"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.regAddrName }}
+                {{ infoData.regStas }}
               </div>
             </el-form-item>
-          </div>
-          <div class="flex-css">
-            <el-form-item label="经营范围" prop="bizScp" :rules="rules.required">
+            <el-form-item label="小包装含量" prop="natstdIndu" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                type="textarea"
-                v-model="infoData.bizScp"
-                placeholder="请输入经营范围"
+                v-model="infoData.natstdIndu"
+                placeholder="请输入小包装含量"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.bizScp }}
+                {{ infoData.natstdIndu }}
               </div>
             </el-form-item>
-          </div>
-        </div>
-      </div>
-      <div class="common-card">
-        <h3>联系人信息</h3>
-        <div class="form-body">
-          <div class="flex-css">
-            <el-form-item label="联系人" prop="conerName" :rules="rules.required">
+            <el-form-item label="小包装条码" prop="regCapt" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.conerName"
-                placeholder="请输入联系人"
+                v-model="infoData.regCapt"
+                placeholder="请输入小包装条码"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.conerName }}
+                {{ infoData.regCapt }}
               </div>
             </el-form-item>
-            <el-form-item label="职务" prop="duty" :rules="rules.required">
+          </div>
+          <div class="flex-css">
+            <el-form-item label="最小计量单位" prop="regStas" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.duty"
-                placeholder="请输入职务"
+                v-model="infoData.regStas"
+                placeholder="请输入最小计量单位"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.duty }}
+                {{ infoData.regStas }}
               </div>
             </el-form-item>
-          </div>
-          <div class="flex-css">
-            <el-form-item label="联系电话" prop="tel" :rules="rules.phoneNum">
+            <el-form-item label="默认出库单位" prop="natstdIndu" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.tel"
-                placeholder="请输入联系电话"
+                v-model="infoData.natstdIndu"
+                placeholder="请输入默认出库单位"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.tel }}
+                {{ infoData.natstdIndu }}
               </div>
             </el-form-item>
-            <el-form-item label="电子邮箱" prop="email" :rules="rules.email">
+            <el-form-item label="默认采购单位" prop="regCapt" :rules="rules.required">
               <el-input
                 v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-                v-model="infoData.email"
-                placeholder="请输入电子邮箱"
+                v-model="infoData.regCapt"
+                placeholder="请输入默认采购单位"
               ></el-input>
               <div class="content" v-else>
-                {{ infoData.email }}
+                {{ infoData.regCapt }}
               </div>
             </el-form-item>
           </div>
         </div>
+      </div> -->
+      <div class="common-card">
+        <h3>其他资料</h3>
+        <div class="form-body">
+          <div class="flex-css">
+            <el-form-item label="存储方式" prop="stoRe" :rules="rules.required">
+              <el-input
+                v-model="infoData.stoRe"
+                placeholder="请输入存储方式"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="存储温度" prop="stoTem" :rules="rules.required">
+              <el-input
+                v-model="infoData.stoTem"
+                placeholder="请输入存储温度"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="是否灭菌" prop="ifMj" :rules="rules.selectRequired">
+              <el-select v-model="infoData.ifMj" placeholder="请选择是否灭菌" clearable>
+                <el-option
+                  v-for="item in iFjcData"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </div>
+        </div>
       </div>
     </el-form>
-    <!--列表-->
-    <div class="common-card">
-      <h3>经营资质</h3>
-      <div class="right-type">
-        <el-button
-          v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-          class="lake-Blue"
-          type="primary"
-          icon="el-icon-plus"
-          @click="handleAddOrEdit('create')"
-          >新增
-        </el-button>
-      </div>
-      <el-table
-        v-loading="listLoading"
-        element-loading-text="加载中"
-        :data="infoData.quaList"
-        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>
-        <el-table-column label="证书名称" prop="quaName" />
-        <el-table-column label="证书编码" prop="quaCode" width="300" />
-        <el-table-column label="发证日期" prop="issuDate" width="150" />
-        <el-table-column label="截止日期" prop="endDate" width="150" />
-        <el-table-column label="资质文件" prop="fileId" width="150">
-          <template slot-scope="scope">
-            <yl-upload :fileId="scope.row.fileId" readonly v-if="scope.row.fileId">
-            </yl-upload>
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="操作"
-          width="150"
-          v-if="infoData.stas == 'A' || infoData.stas == 'R'"
-        >
-          <template slot-scope="scope">
-            <el-button
-              class="cyan"
-              type="text"
-              @click="handleAddOrEdit('update', scope.row, scope.$index)"
-              >编辑</el-button
-            >
-            <el-button class="red" type="text" @click="handleDelete(scope.row)"
-              >删除</el-button
-            >
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div class="foot-button" v-if="infoData.stas == 'A' || infoData.stas == 'R'">
+    <div class="foot-button" >
       <el-button type="success" @click="handleSave" :loading="saveLoad">保存</el-button>
       <el-button type="primary" @click="handleSubmit" :loading="submitLoad"
         >提交</el-button
       >
     </div>
-    <!--添加/修改-->
-    <el-dialog
-      v-if="dialogFormVisible"
-      :title="textMap[dialogStatus]"
-      :visible.sync="dialogFormVisible"
-      width="500px"
-    >
-      <el-form ref="dataForm" :model="temp" label-position="right" label-width="80px">
-        <el-form-item label="证书名称" prop="quaName" :rules="rules.required">
-          <el-input v-model.trim="temp.quaName" />
-        </el-form-item>
-        <el-form-item label="证书编码" prop="quaCode" :rules="rules.required">
-          <el-input :disabled="temp.type === 'updt'" v-model.trim="temp.quaCode" />
-        </el-form-item>
-        <el-form-item label="发证日期" prop="issuDate" :rules="rules.dateRequired">
-          <el-date-picker
-            v-model="temp.issuDate"
-            type="date"
-            placeholder="选择日期"
-            value-format="yyyy-MM-dd"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="截止日期" prop="endDate" :rules="rules.dateRequired">
-          <el-date-picker
-            v-model="temp.endDate"
-            type="date"
-            placeholder="选择日期"
-            value-format="yyyy-MM-dd"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="资质文件" prop="fileId" :rules="rules.uploadRequired">
-          <yl-upload :fileId="temp.fileId" @getUpload="getUpload">
-            <template v-slot:dec>只能上传pdf文件</template>
-          </yl-upload>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false">取消</el-button>
-        <el-button type="primary" @click="commitData()"> 确认 </el-button>
-      </div>
-    </el-dialog>
   </div>
 </template>
 
 <script>
 import ylStep from "@/components/yl-step";
 import ylUpload from "@/components/yl-upload";
-import {
-  getUserSplerInfoB,
-  saveSplerInfo,
-  submitSplerInfo,
-} from "@/api/qualityManagement-sup/information-filling";
+import { selectMcsListById, insertSplerMcsList } from "@/api/consumCataManage-sup/index";
 import rules from "@/utils/rules";
 export default {
   components: { ylUpload, ylStep },
@@ -390,20 +380,14 @@ export default {
       infoData: { quaList: [] },
       listLoading: false,
       planForm: {},
-      dialogStatus: "",
-      textMap: {
-        update: "编辑",
-        create: "添加",
-      },
-      dialogFormVisible: false,
-      temp: {
-        quaName: "",
-        quaCode: "",
-        issuDate: "",
-        endDate: "",
-        fileId: "",
-        type: "",
-      },
+      sourceData:[
+        { value: "0", name: "非进口" },
+        { value: "1", name: "进口" },
+      ],
+      iFjcData:[
+        { value: "0", name: "否" },
+        { value: "1", name: "是" },
+      ]
     };
   },
   created() {
@@ -420,15 +404,12 @@ export default {
     },
     //获取列表数据
     getData() {
-      this.listLoading = true;
-
-      getUserSplerInfoB()
+      selectMcsListById({id:this.$route.query.id})
         .then((response) => {
           this.infoData = response.data;
-          this.listLoading = false;
         })
         .catch((err) => {
-          this.listLoading = false;
+          this.$message.error("获取数据失败")
         });
     },
     // 新增
@@ -502,8 +483,8 @@ export default {
 
     // 信息保存
     handleSave() {
-      this.$refs["planForm"].validate((valid) => {
-        if (valid) {
+      // this.$refs["planForm"].validate((valid) => {
+        // if (valid) {
           this.$confirm("确认保存", "提示", {
             confirmButtonText: "确定",
             cancelButtonText: "取消",
@@ -511,7 +492,8 @@ export default {
           })
             .then(() => {
               this.saveLoad = true;
-              saveSplerInfo(this.infoData)
+              this.infoData.status ="A"
+              insertSplerMcsList(this.infoData)
                 .then((response) => {
                   this.$message({
                     message: "保存成功",
@@ -524,8 +506,8 @@ export default {
                 });
             })
             .catch(() => {});
-        }
-      });
+        // }
+      // });
     },
 
     // 整体提交
@@ -539,7 +521,8 @@ export default {
           })
             .then(() => {
               this.submitLoad = true;
-              submitSplerInfo(this.infoData)
+              this.infoData.status ="B"
+              insertSplerMcsList(this.infoData)
                 .then((response) => {
                   this.$message({
                     message: "提交成功",
@@ -555,14 +538,12 @@ export default {
         }
       });
     },
-
-    //删除
-    handleDelete(row, status) {
-      const index = this.infoData.quaList.indexOf(row);
-      this.infoData.quaList.splice(index, 1);
-    },
   },
 };
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+::v-deep .el-input__inner {
+  width: 199px;
+}
+</style>

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

@@ -1,6 +1,6 @@
 <template>
   <!-- 配送目录管理 -->
-  <div style="display: flex;">
+  <div style="display: flex">
     <!--  <el-card style="width:18%;margin-right:18px;border-radius:6px;">
      <el-tabs v-model="activeName" type="card" @tab-click="tabClick" stretch>
           <el-tab-pane label="按分类" name="grp"></el-tab-pane>
@@ -23,10 +23,7 @@
           ></el-input>
         </el-form-item>
         <el-form-item label="医保编码" prop="ybbm" class="long">
-          <el-input
-            v-model="listQuery.ybbm"
-            placeholder="请输入医保编码"
-          ></el-input>
+          <el-input v-model="listQuery.ybbm" placeholder="请输入医保编码"></el-input>
         </el-form-item>
         <el-form-item label="耗材名称" prop="materialName" class="long">
           <el-input
@@ -35,39 +32,28 @@
           ></el-input>
         </el-form-item>
         <el-form-item label="是否集采" prop="ifJc" class="long">
-          <el-select
-            v-model="listQuery.ifJc"
-            placeholder="请选择是否集采"
-            clearable
-          >
+          <el-select v-model="listQuery.ifJc" placeholder="请选择是否集采" clearable>
             <el-option
               v-for="item in isFasData"
               :key="item.value"
               :label="item.name"
-              :value="item.value"
+              :value="item.name"
             ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="集采批次" prop="batch" class="long">
-          <el-select
-            v-model="listQuery.batch"
-            placeholder="请选择集采批次"
-            clearable
-          >
+          <el-input v-model="listQuery.batch" placeholder="请输入集采批次"></el-input>
+          <!-- <el-select v-model="listQuery.batch" placeholder="请选择集采批次" clearable>
             <el-option
               v-for="item in isFasData"
               :key="item.value"
               :label="item.name"
               :value="item.value"
             ></el-option>
-          </el-select>
+          </el-select> -->
         </el-form-item>
         <el-form-item label="商品类别" prop="prodType" class="long">
-          <el-select
-            v-model="listQuery.prodType"
-            placeholder="请选择商品类别"
-            clearable
-          >
+          <el-select v-model="listQuery.prodType" placeholder="请选择商品类别" clearable>
             <el-option
               v-for="item in isFasData"
               :key="item.value"
@@ -78,30 +64,17 @@
         </el-form-item>
 
         <el-form-item label="规格" prop="spec" class="long">
-          <el-input
-            v-model="listQuery.spec"
-            placeholder="请输入规格"
-          ></el-input>
+          <el-input v-model="listQuery.spec" placeholder="请输入规格"></el-input>
         </el-form-item>
         <el-form-item label="型号" prop="model" class="long">
-          <el-input
-            v-model="listQuery.model"
-            placeholder="请输入型号"
-          ></el-input>
+          <el-input v-model="listQuery.model" placeholder="请输入型号"></el-input>
         </el-form-item>
         <el-form-item label="材质" prop="matl" class="long">
-          <el-input
-            v-model="listQuery.matl"
-            placeholder="请输入材质"
-          ></el-input>
+          <el-input v-model="listQuery.matl" placeholder="请输入材质"></el-input>
         </el-form-item>
 
         <el-form-item label="生产来源" prop="source" class="long">
-          <el-select
-            v-model="listQuery.source"
-            placeholder="请选择生产来源"
-            clearable
-          >
+          <el-select v-model="listQuery.source" placeholder="请选择生产来源" clearable>
             <el-option
               v-for="item in isFasData"
               :key="item.value"
@@ -125,13 +98,9 @@
           </el-select>
         </el-form-item>
         <el-form-item label="当前状态" prop="status" class="long">
-          <el-select
-            v-model="listQuery.status"
-            placeholder="请选择当前状态"
-            clearable
-          >
+          <el-select v-model="listQuery.status" placeholder="请选择当前状态" clearable>
             <el-option
-              v-for="item in isFasData"
+              v-for="item in statusData"
               :key="item.value"
               :label="item.name"
               :value="item.value"
@@ -153,14 +122,12 @@
           </el-select>
         </el-form-item> -->
         <el-form-item>
-          <el-button type="primary" @click="getHospConsum('search')"
-            >查询</el-button
-          >
+          <el-button type="primary" @click="getHospConsum('search')">查询</el-button>
           <el-button @click="reset('consumableData')">重置</el-button>
         </el-form-item>
       </el-form>
       <div class="right-button">
-        <el-button type="primary" icon="el-icon-plus" @click="handleUpdate"
+        <el-button type="primary" icon="el-icon-plus" @click="handleUpdate('search')"
           >新增目录
         </el-button>
       </div>
@@ -190,11 +157,17 @@
         <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 label="当前状态" prop="status" width="80">
+          <template #default="{ row }">
+              <span v-if="row.status == 'A'">待审核</span>
+              <span v-if="row.status == 'B'">审核中</span>
+              <span v-if="row.status == 'C'">审核通过</span>
+            </template>
+        </el-table-column>
         <el-table-column fixed="right" label="操作" width="160">
           <template slot-scope="scope">
             <div>
-              <el-button type="text" v-if="scope.row.stas == '0'"  @click="handleDui(scope.row)">编辑</el-button>
+              <el-button type="text" @click="handleDui(scope.row)">编辑</el-button>
               <!-- <el-button type="text" v-if="scope.row.stas == '1'"  @click="handleCanc(scope.row)">取消对码</el-button> -->
               <!-- <el-button type="text"   @click="handlePrice(scope.row)">申请调价</el-button> -->
             </div>
@@ -222,77 +195,46 @@
         <el-row>
           <el-col :span="8">
             <el-form-item label="药品编码" prop="drugListId">
-              <el-input
-                v-model.trim="temp.drugListId"
-                readonly
-                placeholder="请输入"
-              />
+              <el-input v-model.trim="temp.drugListId" readonly placeholder="请输入" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="药品名称" prop="drugName">
-              <el-input
-                v-model.trim="temp.drugName"
-                readonly
-                placeholder="请输入"
-              />
+              <el-input v-model.trim="temp.drugName" readonly placeholder="请输入" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="剂型" prop="dosformName">
-              <el-input
-                v-model.trim="temp.dosformName"
-                readonly
-                placeholder="请输入"
-              />
+              <el-input v-model.trim="temp.dosformName" readonly placeholder="请输入" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <el-form-item label="规格" prop="specName">
-              <el-input
-                v-model.trim="temp.specName"
-                readonly
-                placeholder="请输入"
-              />
+              <el-input v-model.trim="temp.specName" readonly placeholder="请输入" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="包装单位" prop="pacUnt">
-              <el-input
-                v-model.trim="temp.pacUnt"
-                readonly
-                placeholder="请输入"
-              />
+              <el-input v-model.trim="temp.pacUnt" readonly placeholder="请输入" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="生产企业" prop="prodentpName">
-              <el-input
-                v-model.trim="temp.prodentpName"
-                readonly
-                placeholder="请输入"
-              />
+              <el-input v-model.trim="temp.prodentpName" readonly placeholder="请输入" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <el-form-item label="当前价格" prop="pricInit">
-              <el-input
-                v-model.trim="temp.pricInit"
-                readonly
-                placeholder="请输入"
-              />
+              <el-input v-model.trim="temp.pricInit" readonly placeholder="请输入" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="调整价格" prop="pricCurr">
-              <el-input
-                v-model.trim="temp.pricCurr"
-                placeholder="请输入调整后价格"
-              />
+              <el-input v-model.trim="temp.pricCurr" placeholder="请输入调整后价格" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -306,68 +248,50 @@
           </el-form-item>
         </el-row>
         <el-row>
-          <el-form-item label="上传文件" prop="fileId" :rules="rules.uploadRequired" >
-            <yl-upload
-              :fileId="temp.fileId"
-              @getUpload="getUpload"
-              urlName="acco"
-            >
+          <el-form-item label="上传文件" prop="fileId" :rules="rules.uploadRequired">
+            <yl-upload :fileId="temp.fileId" @getUpload="getUpload" urlName="acco">
               <template v-slot:dec>只能上传pdf文件</template>
             </yl-upload>
           </el-form-item>
         </el-row>
-        
-
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="dialogPrice = false">取消</el-button>
-        <el-button type="primary" @click="commitData()" :loading="ccLoad"
-          >确认</el-button
-        >
+        <el-button type="primary" @click="commitData()" :loading="ccLoad">确认</el-button>
       </div>
     </el-dialog>
     <el-dialog title="选择耗材" :visible.sync="dialogAdd" width="75%">
       <template>
         <el-form :model="listQueryadd" ref="listQueryadd" :inline="true">
-        <el-form-item label="耗材名称" prop="materialName" class="long">
-          <el-input
-            v-model="listQueryadd.materialName"
-            placeholder="请输入耗材名称"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="耗材规格" prop="spec" class="long">
-          <el-input
-            v-model="listQueryadd.spec"
-            placeholder="请输入耗材规格"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="耗材编码" prop="materialId" class="long">
-          <el-input
-            v-model="listQueryadd.materialId"
-            placeholder="请输入耗材编码"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="医保编码" prop="ybbm" class="long">
-          <el-input
-            v-model="listQueryadd.ybbm"
-            placeholder="请输入医保编码"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="是否集采" prop="ifJc" class="long">
-          <el-select
-            v-model="listQueryadd.ifJc"
-            placeholder="请选择是否集采"
-            clearable
-          >
-            <el-option
-              v-for="item in isFasData"
-              :key="item.value"
-              :label="item.name"
-              :value="item.name"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <!-- <el-form-item label="对码状态" prop="stas">
+          <el-form-item label="耗材名称" prop="materialName" class="long">
+            <el-input
+              v-model="listQueryadd.materialName"
+              placeholder="请输入耗材名称"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="耗材规格" prop="spec" class="long">
+            <el-input v-model="listQueryadd.spec" placeholder="请输入耗材规格"></el-input>
+          </el-form-item>
+          <el-form-item label="耗材编码" prop="materialId" class="long">
+            <el-input
+              v-model="listQueryadd.materialId"
+              placeholder="请输入耗材编码"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="医保编码" prop="ybbm" class="long">
+            <el-input v-model="listQueryadd.ybbm" placeholder="请输入医保编码"></el-input>
+          </el-form-item>
+          <el-form-item label="是否集采" prop="ifJc" class="long">
+            <el-select v-model="listQueryadd.ifJc" placeholder="请选择是否集采" clearable>
+              <el-option
+                v-for="item in isFasData"
+                :key="item.value"
+                :label="item.name"
+                :value="item.name"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <!-- <el-form-item label="对码状态" prop="stas">
           <el-select
             v-model="listQuery.stas"
             placeholder="请选择对码状态"
@@ -381,57 +305,54 @@
             ></el-option>
           </el-select>
         </el-form-item> -->
-        <el-form-item>
-          <el-button type="primary" @click="getdialog('search')"
-            >查询</el-button
-          >
-          <el-button @click="resetdialog('consumableData')">重置</el-button>
-        </el-form-item>
-      </el-form>
+          <el-form-item>
+            <el-button type="primary" @click="getdialog('search')">查询</el-button>
+            <el-button @click="resetdialog('consumableData')">重置</el-button>
+          </el-form-item>
+        </el-form>
         <el-table
+          ref="multipleTable"
           v-loading="listdialogLoading"
-        element-loading-text="加载中"
-        fit
-        stripe
-        border
-         :data="consumableData" border style="width: 100%" row-key="materialId"
-              @selection-change="handleSelectionChange"
-              @row-click="getDetail">
+          element-loading-text="加载中"
+          fit
+          stripe
+          border
+          :data="consumableData"
+          border
+          style="width: 100%"
+          row-key="id"
+
+          @selection-change="handleSelectionChange"
+          highlight-current-row
+        >
           <el-table-column
             type="selection"
             :selectable="selected"
             :reserve-selection="true"
             width="55"
           ></el-table-column>
-          <el-table-column prop="ybbm" label="医保编码" width="150">
-          </el-table-column>
+          <el-table-column prop="ybbm" label="医保编码" width="150"> </el-table-column>
           <el-table-column prop="materialName" label="耗材名称" width="180">
           </el-table-column>
-          <el-table-column prop="ifJc" label="是否集采" width="120">
-          </el-table-column>
-          <el-table-column prop="batch" label="集采批次">
-          </el-table-column>
+          <el-table-column prop="ifJc" label="是否集采" width="120"> </el-table-column>
+          <el-table-column prop="batch" label="集采批次"> </el-table-column>
           <el-table-column prop="prodType" label="商品类别" width="120">
           </el-table-column>
           <el-table-column prop="prodType" label="商品分类" width="120">
           </el-table-column>
-          <el-table-column prop="spec" label="规格">
-          </el-table-column>
-          <el-table-column prop="model" label="型号">
-          </el-table-column>
-          <el-table-column prop="matl" label="材质">
-          </el-table-column>
-          <el-table-column prop="pacMatl" label="包装材质">
-          </el-table-column>
-          <el-table-column prop="source" label="生产来源">
-          </el-table-column>
-          <el-table-column prop="approve" label="注册证号">
-          </el-table-column>
+          <el-table-column prop="spec" label="规格"> </el-table-column>
+          <el-table-column prop="model" label="型号"> </el-table-column>
+          <el-table-column prop="matl" label="材质"> </el-table-column>
+          <el-table-column prop="pacMatl" label="包装材质"> </el-table-column>
+          <el-table-column prop="source" label="生产来源"> </el-table-column>
+          <el-table-column prop="approve" label="注册证号"> </el-table-column>
           <el-table-column prop="prodentpName" label="生产企业" width="120">
           </el-table-column>
         </el-table>
-        <div  slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="handleConfirm" v-loading="addLoading">确认</el-button>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="handleConfirm" :loading="addLoading"
+            >确认</el-button
+          >
         </div>
         <!-- <el-form :model="form" ref="form" :rules="rules">
           <el-table
@@ -506,30 +427,30 @@ import ylPagination from "@/components/yl-pagination";
 import {
   selectSplerMcsList,
   selectMcsList,
-
+  saveSplerMcs,
   PricChg,
   QueryHospList,
   QueryHospDrugList,
   QuerySplerDrugList,
   DrugMatch,
-  CancMatch
+  CancMatch,
 } from "@/api/consumCataManage-sup/index";
 import rulesR from "@/utils/rules";
 import ylUpload from "@/components/yl-upload";
 export default {
   components: {
     ylPagination,
-    ylUpload
+    ylUpload,
   },
   data() {
     return {
-      activeName: 'grp',
+      activeName: "grp",
       rulesR,
-      hospId:null,
+      hospId: null,
       data: [],
       defaultProps: {
         children: "children",
-        label: "hospName"
+        label: "hospName",
       },
       listQuery: {
         current: 1,
@@ -545,7 +466,7 @@ export default {
         prodType: "",
         matl: "",
         prodentpName: "",
-        status: ""
+        status: "",
       },
       supQuery: {
         current: 1,
@@ -561,7 +482,7 @@ export default {
         prodType: "",
         matl: "",
         prodentpName: "",
-        status: ""
+        status: "",
       },
       listLoading: false,
       list: [],
@@ -571,11 +492,16 @@ export default {
       tableData: [],
       crspFlgOption: [
         { value: "0", name: "未对码" },
-        { value: "1", name: "已对码" }
+        { value: "1", name: "已对码" },
       ],
       isFasData: [
         { value: "0", name: "否" },
-        { value: "1", name: "是" }
+        { value: "1", name: "是" },
+      ],
+      statusData:[
+        {value:"A",name:"待审核"},
+        {value:"B",name:"审核中"},
+        {value:"C",name:"审核通过"},
       ],
       dialogPrice: false,
       dialogDui: false,
@@ -590,35 +516,34 @@ export default {
         pricInit: "",
         pricCurr: "",
         appyRea: "",
-        fileId:"",
-        
+        fileId: "",
       },
       rules: {
         pricCurr: [
           {
             required: true,
             message: "调整价格不能为空",
-            trigger: "blur"
+            trigger: "blur",
           },
           {
             pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
             message: "请输入数字，最多两位小数",
-            trigger: "blur"
-          }
+            trigger: "blur",
+          },
         ],
         appyRea: [
           {
             required: true,
             message: "申请原因不能为空",
-            trigger: "blur"
-          }
+            trigger: "blur",
+          },
         ],
         num: [
           {
             required: true,
             message: "请输入转换比",
-            trigger: "change"
-          }
+            trigger: "change",
+          },
         ],
         uploadRequired: [{ required: true, message: "请上传文件", trigger: "change" }],
       },
@@ -629,7 +554,7 @@ export default {
           province: "上海",
           city: "普陀区",
           address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
+          zip: 200333,
         },
         {
           date: "2016-05-04",
@@ -637,7 +562,7 @@ export default {
           province: "上海",
           city: "普陀区",
           address: "上海市普陀区金沙江路 1517 弄",
-          zip: 200333
+          zip: 200333,
         },
         {
           date: "2016-05-01",
@@ -645,7 +570,7 @@ export default {
           province: "上海",
           city: "普陀区",
           address: "上海市普陀区金沙江路 1519 弄",
-          zip: 200333
+          zip: 200333,
         },
         {
           date: "2016-05-03",
@@ -653,18 +578,18 @@ export default {
           province: "上海",
           city: "普陀区",
           address: "上海市普陀区金沙江路 1516 弄",
-          zip: 200333
-        }
+          zip: 200333,
+        },
       ],
       consumableData: [],
       form: {
-        splerData: []
+        splerData: [],
       },
       // 省平台目录
-      listdialogLoading:false,
-      dialogAdd:false,
-      listQueryadd:{
-        materialName:"",
+      listdialogLoading: false,
+      dialogAdd: false,
+      listQueryadd: {
+        materialName: "",
         materialId: "",
         spec: "",
         ybbm: "",
@@ -674,8 +599,9 @@ export default {
         current: 1,
         size: 10,
       },
-      totalC:false,
-      addLoading:false,
+      totalC: false,
+      addLoading: false,
+      insertMcsList: [],
     };
   },
   methods: {
@@ -702,7 +628,7 @@ export default {
       let result = true;
       for (let item of this.$refs[form].fields) {
         if (item.prop.split(".")[1] == index) {
-          this.$refs[form].validateField(item.prop, error => {
+          this.$refs[form].validateField(item.prop, (error) => {
             if (error != "") {
               result = false;
             }
@@ -720,12 +646,12 @@ export default {
       this.listLoading = true;
       // this.listQuery.hospId = this.hospId;
       selectSplerMcsList(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;
         });
     },
@@ -737,12 +663,12 @@ export default {
       this.listdialogLoading = true;
       // this.listQuery.hospId = this.hospId;
       selectMcsList(this.listQueryadd)
-        .then(res => {
+        .then((res) => {
           this.consumableData = res.data.records;
           this.totalC = res.data.total;
           this.listdialogLoading = false;
         })
-        .catch(err => {
+        .catch((err) => {
           this.listdialogLoading = false;
         });
     },
@@ -751,13 +677,13 @@ export default {
       this.listLoading = true;
       this.hospId = data.hospId;
       selectSplerMcsList({ hospId: data.hospId })
-        .then(res => {
+        .then((res) => {
           this.list = res.data.records;
           this.total = res.data.total;
           this.listLoading = false;
           console.log(res, "医院目录");
         })
-        .catch(err => {
+        .catch((err) => {
           this.listLoading = false;
         });
     },
@@ -785,7 +711,7 @@ export default {
         this.searchSup();
       }
     },
-    resetdialog(type){
+    resetdialog(type) {
       if (type === "consumableData") {
         this.$refs.listQueryadd.resetFields();
         this.getdialog();
@@ -794,18 +720,82 @@ export default {
         this.searchSup();
       }
     },
-    // 更新目录
-    handleUpdate() {
+    // 多选
+    handleSelectionChange(e) {
+      this.insertMcsList = e;
+      // e.forEach((v) => {
+      //   if (v.readFlag == "0") {
+      //     this.marked.push(v.id);
+      //   }
+      // });
+      // console.log(e, "ee");
+    },
+    // 多选后选过的禁用
+    selected(row, index) {
+      if (
+        this.list.some((el) => {
+          return el.ybbm === row.ybbm;
+        })
+      ) {
+        return false;
+      } else {
+        return true;
+      }
+    },
+
+    // 新增目录
+    handleUpdate(type) {
+      if (type == "search") {
+        this.listQueryadd.current = 1;
+      }
       this.dialogAdd = true;
       this.getdialog();
     },
+    // 新增目录确认
+    handleConfirm() {
+      if (this.insertMcsList.length == 0) {
+        this.$message({
+          message: "请选择要添加的数据",
+          type: "warning",
+        });
+      } else {
+        this.$confirm("确认提交", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }).then(() => {
+          this.addLoading = true;
+          saveSplerMcs({ insertMcsList: this.insertMcsList })
+            .then((res) => {
+              if (res.success === true) {
+                this.addLoading = false;
+                this.getHospConsum();
+                this.insertMcsList = [];
+                this.dialogAdd = false;
+                this.$refs.multipleTable.clearSelection()
+              } else {
+                this.addLoading = false;
+                this.$refs.multipleTable.clearSelection()
+                // this.$message({
+                //   message: res.message || "操作失败",
+                //   type: "error",
+                // });
+              }
+            })
+            .catch(() => {
+              this.addLoading = false;
+              this.dialogAdd = false;
+              this.$refs.multipleTable.clearSelection()
+            });
+        });
+      }
 
-
-
-
-
+      // saveSplerMcs
+      // this.addLoading = false;
+      // this.dialogAdd = false;
+    },
     // 申请调价
- 
+
     handlePrice(row) {
       this.dialogPrice = true;
       this.temp.drugListId = row.drugListId;
@@ -814,32 +804,34 @@ export default {
       this.temp.specName = row.specName;
       this.temp.pacUnt = row.pacUnt;
       this.temp.prodentpName = row.prodentpName;
-      this.temp.pricInit = row.pricCurr ? row.pricCurr:0;
+      this.temp.pricInit = row.pricCurr ? row.pricCurr : 0;
       this.$nextTick(() => {
         this.$refs.dataForm.resetFields();
       });
     },
     // 调价申请 确认
     commitData() {
-      this.$refs["dataForm"].validate(valid => {
+      this.$refs["dataForm"].validate((valid) => {
         if (valid) {
           this.ccLoad = true;
           let data = {
             drugListId: this.temp.drugListId,
-            pricInit:this.temp.pricInit,
+            pricInit: this.temp.pricInit,
             pricCurr: this.temp.pricCurr,
             appyRea: this.temp.appyRea,
-            hospId:this.hospId,
-            fileId:this.temp.fileId
+            hospId: this.hospId,
+            fileId: this.temp.fileId,
           };
-          PricChg(data).then(res => {
-            if(res.success === true) {
-              this.$message('调价已申请');
-              this.ccLoad = false;
-              this.dialogPrice = false;
-              this.getHospConsum();
-            }
-          }).catch(err => {
+          PricChg(data)
+            .then((res) => {
+              if (res.success === true) {
+                this.$message("调价已申请");
+                this.ccLoad = false;
+                this.dialogPrice = false;
+                this.getHospConsum();
+              }
+            })
+            .catch((err) => {
               this.ccLoad = false;
             });
         }
@@ -847,91 +839,89 @@ export default {
     },
     // 对码弹窗获取供应商列表
     handleDui(row) {
-      console.log(row, "选中药品");
-      this.dialogDui = true;
-      this.consumableData = [];
-      this.consumableData.push(row);
-      this.supLoading = true;
-      QuerySplerDrugList({ hospId: row.hospId })
-        .then(res => {
-          this.form.splerData = res.data.records;
-          this.total = res.data.total;
-          this.supLoading = false;
-        })
-        .catch(err => {
-          this.supLoading = false;
-        });
+      // console.log(row, "编辑");
+      this.$router.push({
+        name: "catalogdetails",
+        query: { id: row.id },
+      });
+      // this.dialogDui = true;
+      // this.consumableData = [];
+      // this.consumableData.push(row);
+      // this.supLoading = true;
+      // QuerySplerDrugList({ hospId: row.hospId })
+      //   .then((res) => {
+      //     this.form.splerData = res.data.records;
+      //     this.total = res.data.total;
+      //     this.supLoading = false;
+      //   })
+      //   .catch((err) => {
+      //     this.supLoading = false;
+      //   });
     },
     // 对码操作
     handleClick(item, index) {
-      let DrugMatchObj ={
-        hospId:this.hospId,
-        drugListId:this.consumableData[0].drugListId,
-        splerDrugListId:item.splerDrugListId,
-        convrat:item.convrat
-      }
-      
-      if (!this.validateField("form", index)){
+      let DrugMatchObj = {
+        hospId: this.hospId,
+        drugListId: this.consumableData[0].drugListId,
+        splerDrugListId: item.splerDrugListId,
+        convrat: item.convrat,
+      };
+
+      if (!this.validateField("form", index)) {
         return;
       } else {
-        DrugMatch(DrugMatchObj).then(res=>{
-          if(res.success === true) {
-            this.dialogDui = false
-            this.getHospConsum()
+        DrugMatch(DrugMatchObj).then((res) => {
+          if (res.success === true) {
+            this.dialogDui = false;
+            this.getHospConsum();
             this.$message({
-              message: '对码成功',
-              type: 'success'
+              message: "对码成功",
+              type: "success",
             });
-          }else{
-            this.$message.error('对码失败');
+          } else {
+            this.$message.error("对码失败");
           }
-        })
+        });
       }
     },
     // 取消对码
-    handleCanc (row) {
-      this.$confirm('此操作会取消该药品对码, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        CancMatch({hospId: this.hospId,drugListId:row.drugListId}).then(res=>{
-          if(res.success) {
-            this.getHospConsum()
-            this.$message({
-              type: 'success',
-              message: '取消对码成功'
-            })
-          }
+    handleCanc(row) {
+      this.$confirm("此操作会取消该药品对码, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          CancMatch({ hospId: this.hospId, drugListId: row.drugListId }).then((res) => {
+            if (res.success) {
+              this.getHospConsum();
+              this.$message({
+                type: "success",
+                message: "取消对码成功",
+              });
+            }
+          });
         })
-      }).catch(() => {});
+        .catch(() => {});
     },
     //搜索供应商列表
     searchSup() {
       this.supLoading = true;
       this.supQuery.hospId = this.hospId;
       QuerySplerDrugList(this.supQuery)
-        .then(res => {
+        .then((res) => {
           this.form.splerData = res.data.records;
           this.total = res.data.total;
           this.supLoading = false;
         })
-        .catch(err => {
+        .catch((err) => {
           this.supLoading = false;
         });
     },
-    // 新增目录确认
-    handleConfirm(){
-      this.addLoading = true;
-
-      // this.addLoading = false;
-      // this.dialogAdd = false;
-
-    },
   },
   mounted() {
     this.getHospConsum();
-  }
+  },
 };
 </script>
 
@@ -954,6 +944,4 @@ export default {
 ::v-deep .long .el-input__inner {
   width: 199px;
 }
-
 </style>
-@/api/consumCataManage-sup/index