zxr 2 年 前
コミット
f66f28c589

+ 63 - 98
src/views/medicalhealth/bdgldurgarchives/index.vue

@@ -19,7 +19,7 @@
       <el-form-item>
         <!-- <el-button type="primary" size="btn" @click="handleQuery"
           >搜索</el-button
-        > -->
+        >-->
         <el-button size="btr" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -33,8 +33,7 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['medicalhealth:bdgldurgarchives:add']"
-          >新增</el-button
-        >
+        >新增</el-button>
       </el-col>
       <!-- <el-col :span="1.5">
         <el-button
@@ -47,7 +46,7 @@
           v-hasPermi="['medicalhealth:bdgldurgarchives:edit']"
           >修改</el-button
         >
-      </el-col> -->
+      </el-col>-->
       <el-col :span="1.5">
         <el-button
           type="danger"
@@ -57,8 +56,7 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['medicalhealth:bdgldurgarchives:remove']"
-          >删除</el-button
-        >
+        >删除</el-button>
       </el-col>
       <!-- <el-col :span="1.5">
         <el-button
@@ -71,11 +69,11 @@
           v-hasPermi="['medicalhealth:bdgldurgarchives:export']"
           >导出</el-button
         >
-      </el-col> -->
+      </el-col>-->
       <!-- <right-toolbar
         :showSearch.sync="showSearch"
         @queryTable="getList"
-      ></right-toolbar> -->
+      ></right-toolbar>-->
     </el-row>
 
     <el-table
@@ -87,9 +85,11 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="序号" align="center">
         <template scope="scope">
-          <span>{{
+          <span>
+            {{
             (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
-          }}</span>
+            }}
+          </span>
         </template>
       </el-table-column>
       <!-- <el-table-column label="单位" align="center" prop="unitName" /> -->
@@ -105,39 +105,27 @@
         prop="productIntroduction"
         show-overflow-tooltip
       />
-      <el-table-column
-        label="库房"
-        align="center"
-        prop="storeHouse"
-        :formatter="kuFang"
-      />
+      <el-table-column label="库房" align="center" prop="storeHouse" :formatter="kuFang" />
 
       <el-table-column label="库存数量" align="center" prop="amount" />
       <el-table-column label="入库数量" align="center" prop="putIn" />
       <el-table-column label="出库数量" align="center" prop="putOut" />
       <el-table-column label="过期数量" align="center" prop="overdue" />
       <!-- <el-table-column label="录入人" align="center" prop="userName" /> -->
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        width="150"
-      >
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150">
         <template slot-scope="scope">
           <el-button
             size="btu"
             type="text"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['medicalhealth:bdgldurgarchives:edit']"
-            >修改</el-button
-          >
+          >修改</el-button>
           <el-button
             size="btd"
             type="text"
             @click="handleDelete(scope.row)"
             v-hasPermi="['medicalhealth:bdgldurgarchives:remove']"
-            >删除</el-button
-          >
+          >删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -158,20 +146,13 @@
       append-to-body
       :close-on-click-modal="false"
     >
-      <el-form
-        ref="form"
-        :model="form"
-        :rules="rules"
-        label-width="80px"
-        inline
-      > 
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px" inline>
         <el-form-item label="药品编码" prop="drugNo">
-          <el-input v-model="form.drugNo" placeholder="请输入药品编码"  @blur="No(form.drugNo)"/>
-        </el-form-item>  
-
+          <el-input v-model="form.drugNo" placeholder="请输入药品编码" @blur="No(form.drugNo)" />
+        </el-form-item>
 
         <el-form-item label="药品名称" prop="durgName">
-          <el-input v-model="form.durgName" placeholder="请输入药品名称" @input="inputdurgName"/>
+          <el-input v-model="form.durgName" placeholder="请输入药品名称" />
         </el-form-item>
         <!-- <el-form-item label="单位" prop="unitId">
           <treeselect
@@ -179,7 +160,7 @@
             :options="deptOptions"
             placeholder="选择单位"
           />
-        </el-form-item> -->
+        </el-form-item>-->
         <el-form-item label="库房" prop="storeHouse">
           <el-select v-model="form.storeHouse" placeholder="请选择库房">
             <el-option
@@ -188,8 +169,7 @@
               :key="i"
               :value="item.dictValue"
               :label="item.dictLabel"
-            >
-            </el-option>
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="品牌" prop="durgBrand">
@@ -203,19 +183,11 @@
         </el-form-item>
         <div class="jiben">功能主治</div>
         <el-form-item prop="productIntroduction">
-          <el-input
-            v-model="form.productIntroduction"
-            type="textarea"
-            placeholder="请输入内容"
-          />
+          <el-input v-model="form.productIntroduction" type="textarea" placeholder="请输入内容" />
         </el-form-item>
         <div class="jiben">备注</div>
         <el-form-item prop="remarks">
-          <el-input
-            v-model="form.remarks"
-            type="textarea"
-            placeholder="请输入内容"
-          />
+          <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
         </el-form-item>
         <!-- <el-form-item label="库存数量" prop="amount">
           <el-input v-model="form.amount" placeholder="请输入库存数量" />
@@ -228,11 +200,11 @@
         </el-form-item>
         <el-form-item label="过期数量" prop="overdue">
           <el-input v-model="form.overdue" placeholder="请输入过期数量" />
-        </el-form-item> -->
+        </el-form-item>-->
 
         <!-- <el-form-item label="录入人(创建人)" prop="adminId">
           <el-input v-model="form.adminId" placeholder="请输入录入人(创建人)" />
-        </el-form-item> -->
+        </el-form-item>-->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -250,7 +222,7 @@ import {
   addBdgldurgarchives,
   updateBdgldurgarchives,
   exportBdgldurgarchives,
-  getDept,
+  getDept
 } from "@/api/medicalhealth/bdgldurgarchives";
 // 导入树形结构
 import Treeselect from "@riophae/vue-treeselect";
@@ -261,7 +233,7 @@ import { getDicts } from "@/api/system/dict/data";
 export default {
   name: "Bdgldurgarchives",
   components: {
-    Treeselect,
+    Treeselect
   },
   dicts: ["storage_room"],
   data() {
@@ -303,7 +275,7 @@ export default {
         putOut: null,
         overdue: null,
         remarks: null,
-        adminId: null,
+        adminId: null
       },
       // 表单参数
       form: {},
@@ -313,19 +285,19 @@ export default {
           {
             required: true,
             message: "录入人(创建人)不能为空",
-            trigger: "blur",
-          },
-        ],
+            trigger: "blur"
+          }
+        ]
       },
       // 树形单位
       deptOptions: [],
       // 库房
-      warehouse: [],
+      warehouse: []
     };
   },
   created() {
     this.getList();
-    getDicts("storage_room").then((response) => {
+    getDicts("storage_room").then(response => {
       this.warehouse = response.data;
     });
   },
@@ -333,7 +305,7 @@ export default {
     // 字典查询库房翻译
     kuFang(row) {
       var kufang = "";
-      this.warehouse.map((item) => {
+      this.warehouse.map(item => {
         if (item.dictValue == row.storeHouse) {
           kufang = item.dictLabel;
         }
@@ -342,32 +314,28 @@ export default {
     },
     /** 查询部门下拉树结构 */
     getTreeselect() {
-      getDept().then((response) => {
+      getDept().then(response => {
         this.deptOptions = response.data;
       });
     },
     /** 查询药品库存档案列表 */
     getList() {
       this.loading = true;
-      listBdgldurgarchives(this.queryParams).then((response) => {
+      listBdgldurgarchives(this.queryParams).then(response => {
         this.bdgldurgarchivesList = response.rows;
-        console.log(response.rows)
+        console.log(response.rows);
         this.total = response.total;
         this.loading = false;
       });
     },
-    inputdurgName(){
-      console.log("111111111111111")
-      this.getLists()
-    },
+
     getLists() {
       this.loading = true;
-      console.log(this.form)
+      console.log(this.form);
       const durgName = this.form.durgName;
-      listBdgldurgarchives(durgName).then((response) => {
-
+      listBdgldurgarchives(durgName).then(response => {
         this.total = response.total;
-        if(response.total>0){
+        if (response.total > 0) {
           this.$modal.msgSuccess("该药品以录入");
         }
         this.loading = false;
@@ -379,21 +347,18 @@ export default {
       this.reset();
     },
     // 药品编码
-    No(a){
-      if(a){
-                this.loading = true;
-                this.queryParams.drugNo=this.form.drugNo
-                listBdgldurgarchives( this.queryParams).then((response) => {
-                  
-                  
-                  this.total = response.total;
-                  this.loading = false;
-                  if( response.total > 0 ){
-                    this.$modal.msgError("请勿重复录入");
-                  }
-                });
+    No(a) {
+      if (a) {
+        this.loading = true;
+        this.queryParams.drugNo = this.form.drugNo;
+        listBdgldurgarchives(this.queryParams).then(response => {
+          this.total = response.total;
+          this.loading = false;
+          if (response.total > 0) {
+            this.$modal.msgError("请勿重复录入");
+          }
+        });
       }
-      
     },
     // 表单重置
     reset() {
@@ -414,7 +379,7 @@ export default {
         remarks: null,
         adminId: null,
         createTime: null,
-        updateTime: null,
+        updateTime: null
       };
       this.resetForm("form");
     },
@@ -430,7 +395,7 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
+      this.ids = selection.map(item => item.id);
       this.single = selection.length !== 1;
       this.multiple = !selection.length;
     },
@@ -446,7 +411,7 @@ export default {
       this.reset();
       this.getTreeselect();
       const id = row.id || this.ids;
-      getBdgldurgarchives(id).then((response) => {
+      getBdgldurgarchives(id).then(response => {
         this.form = response.data;
         this.open = true;
         this.title = "修改药品库存档案";
@@ -454,16 +419,16 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate((valid) => {
+      this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
-            updateBdgldurgarchives(this.form).then((response) => {
+            updateBdgldurgarchives(this.form).then(response => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            addBdgldurgarchives(this.form).then((response) => {
+            addBdgldurgarchives(this.form).then(response => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -478,9 +443,9 @@ export default {
       this.$confirm("是否确认删除药品库存档案的数据项?", "警告", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
-        .then(function () {
+        .then(function() {
           return delBdgldurgarchives(ids);
         })
         .then(() => {
@@ -495,19 +460,19 @@ export default {
       this.$confirm("是否确认导出所有药品库存档案数据项?", "警告", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(() => {
           this.exportLoading = true;
           return exportBdgldurgarchives(queryParams);
         })
-        .then((response) => {
+        .then(response => {
           this.download(response.msg);
           this.exportLoading = false;
         })
         .catch(() => {});
-    },
-  },
+    }
+  }
 };
 </script>
 <style scoped>

+ 95 - 87
src/views/medicalhealth/bdgldurgputin/index.vue

@@ -19,7 +19,7 @@
       <el-form-item>
         <!-- <el-button type="primary" size="btn" @click="handleQuery"
           >搜索</el-button
-        > -->
+        >-->
         <el-button size="btr" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -33,8 +33,7 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['medicalhealth:bdgldurgputin:add']"
-          >新增</el-button
-        >
+        >新增</el-button>
       </el-col>
       <!-- <el-col :span="1.5">
         <el-button
@@ -47,7 +46,7 @@
           v-hasPermi="['medicalhealth:bdgldurgputin:edit']"
           >修改</el-button
         >
-      </el-col> -->
+      </el-col>-->
       <el-col :span="1.5">
         <el-button
           type="danger"
@@ -57,8 +56,7 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['medicalhealth:bdgldurgputin:remove']"
-          >删除</el-button
-        >
+        >删除</el-button>
       </el-col>
       <!-- <el-col :span="1.5">
         <el-button
@@ -71,11 +69,11 @@
           v-hasPermi="['medicalhealth:bdgldurgputin:export']"
           >导出</el-button
         >
-      </el-col> -->
+      </el-col>-->
       <!-- <right-toolbar
         :showSearch.sync="showSearch"
         @queryTable="getList"
-      ></right-toolbar> -->
+      ></right-toolbar>-->
     </el-row>
 
     <el-table
@@ -87,33 +85,25 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="序号" align="center">
         <template scope="scope">
-          <span>{{
+          <span>
+            {{
             (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
-          }}</span>
+            }}
+          </span>
         </template>
       </el-table-column>
-      <el-table-column label="药品编码" align="center" prop="drugNo" />
+      <!-- <el-table-column label="药品编码" align="center" prop="drugNo" /> -->
       <el-table-column label="药品名称" align="center" prop="durgName" />
       <el-table-column label="入库数量" align="center" prop="putIn" />
       <el-table-column label="入库位置" align="center" prop="place" />
       <el-table-column label="药品来源" align="center" prop="source" />
       <!-- <el-table-column label="入库说明" align="center" prop="remarks" /> -->
-      <el-table-column
-        label="过期日期"
-        align="center"
-        prop="overduedate"
-        width="120"
-      >
+      <el-table-column label="过期日期" align="center" prop="overduedate" width="120">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.overduedate, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        label="入库时间"
-        align="center"
-        prop="putTime"
-        width="120"
-      >
+      <el-table-column label="入库时间" align="center" prop="putTime" width="120">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.putTime, "{y}-{m}-{d}") }}</span>
         </template>
@@ -126,37 +116,28 @@
       <el-table-column label="规格" align="center" prop="specifications" />
       <el-table-column label="库房" align="center" prop="storeHouse">
         <template slot-scope="scope">
-          <dict-tag
-            :options="dict.type.storage_room"
-            :value="scope.row.storeHouse"
-          />
+          <dict-tag :options="dict.type.storage_room" :value="scope.row.storeHouse" />
         </template>
       </el-table-column>
       <!-- <el-table-column label="库房" align="center" prop="unitId" /> -->
-      <!-- <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-      >
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
-            size="mini"
+            size="btu"
             type="text"
-            icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['medicalhealth:bdgldurgputin:edit']"
-            >修改</el-button
-          >
-          <el-button
+          >修改</el-button>
+          <!-- <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['medicalhealth:bdgldurgputin:remove']"
             >删除</el-button
-          >
+          >-->
         </template>
-      </el-table-column> -->
+      </el-table-column>
     </el-table>
 
     <pagination
@@ -175,27 +156,18 @@
       append-to-body
       :close-on-click-modal="false"
     >
-      <el-form
-        ref="form"
-        :model="form"
-        :rules="rules"
-        label-width="80px"
-        inline
-      >
-        <el-form-item label="入库编号" prop="number">
-          <el-input v-model="form.number" placeholder="请输入入库编号" />
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px" inline>
+        <el-form-item label="药品编码" prop="number">
+          <el-input v-model="form.number" @blur="getYaoPing" placeholder="请输入入库编号" />
         </el-form-item>
 
-        <el-form-item label="药品编码" prop="drugNo">
+        <!-- <el-form-item label="药品编码" prop="drugNo">
           <el-input v-model="form.drugNo" placeholder="请输入药品编码" />
-        </el-form-item>
+        </el-form-item>-->
 
         <el-form-item label="药品名称" prop="durgName">
-          <el-select
-            v-model="form.durgName"
-            placeholder="请选择药品名称"
-            filterable
-          >
+          <el-input v-model="form.durgName" placeholder="请选择药品名称" />
+          <!-- <el-select v-model="form.durgName" placeholder="请选择药品名称" filterable>
             <el-option
               class="input_xiala"
               v-for="(item, i) in yaoList"
@@ -203,15 +175,20 @@
               :value="item.durgName"
               :label="item.yaoPinName"
               @click.native="yapPing(item)"
-            >
-            </el-option>
-          </el-select>
+            ></el-option>
+          </el-select>-->
         </el-form-item>
         <el-form-item label="药品来源" prop="source">
           <el-input v-model="form.source" placeholder="请输入药品来源" />
         </el-form-item>
         <el-form-item label="入库数量" prop="putIn">
-          <el-input v-model="form.putIn" placeholder="请输入入库数量" />
+          <el-input-number
+            v-model="form.putIn"
+            controls-position="right"
+            :min="0"
+            placeholder="请输入入库数量"
+          ></el-input-number>
+          <!-- <el-input v-model="form.putIn" placeholder="请输入入库数量" /> -->
         </el-form-item>
         <el-form-item label="入库位置" prop="place">
           <el-input v-model="form.place" placeholder="请输入入库位置" />
@@ -224,12 +201,11 @@
             type="date"
             value-format="yyyy-MM-dd"
             placeholder="选择入库时间"
-          >
-          </el-date-picker>
+          ></el-date-picker>
         </el-form-item>
         <!-- <el-form-item label="入库说明" prop="remarks">
           <el-input v-model="form.remarks" placeholder="请输入入库说明" />
-        </el-form-item> -->
+        </el-form-item>-->
         <el-form-item label="过期日期" prop="overduedate">
           <el-date-picker
             clearable
@@ -238,16 +214,15 @@
             type="date"
             value-format="yyyy-MM-dd"
             placeholder="选择过期日期"
-          >
-          </el-date-picker>
+          ></el-date-picker>
         </el-form-item>
         <div class="jiben">入库说明</div>
         <el-form-item prop="remarks">
-          <el-input
-            v-model="form.remarks"
-            type="textarea"
-            placeholder="请输入内容"
-          />
+          <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <div class="jiben" v-if="updateReasonshow">修改原因</div>
+        <el-form-item prop="updateReason" v-if="updateReasonshow">
+          <el-input v-model="form.updateReason" type="textarea" placeholder="请输入修改原因" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -266,7 +241,7 @@ import {
   addBdgldurgputin,
   exportBdgldurgputin,
   exportYao,
-  getBdgldurgputin,
+  getBdgldurgputin
 } from "@/api/medicalhealth/bdgldurgputin";
 
 export default {
@@ -314,14 +289,19 @@ export default {
         specifications: null,
         productIntroduction: null,
         storeHouse: null,
-        unitId: null,
+        unitId: null
       },
       // 表单参数
       form: {},
       // 表单校验
-      rules: {},
+      rules: {
+        updateReason: [
+          { required: true, message: "修改原因不能为空", trigger: "blur" }
+        ]
+      },
       // 药品列表
       yaoList: [],
+      updateReasonshow: false
     };
   },
   created() {
@@ -355,14 +335,29 @@ export default {
     },
     // 查询药品名称列表
     getYaoPing() {
-      exportYao().then((response) => {
-        this.yaoList = response.data;
+      this.form.durgName = null;
+      exportYao({ drugNo: this.form.number }).then(response => {
+        // this.yaoList = response.data;
+        if (response.code == 200) {
+          if (response.data) {
+            this.form = response.data;
+            this.form.putIn = null;
+
+            this.form.durgName = response.data.yaoPinName;
+
+            this.form.durgArchivesId = this.form.id;
+            this.form.id = null;
+            this.form.number = response.data.drugNo;
+          } else {
+            this.$modal.msgSuccess("未有该药品编码!");
+          }
+        }
       });
     },
     /** 查询药品入库登记列表 */
     getList() {
       this.loading = true;
-      listBdgldurgputin(this.queryParams).then((response) => {
+      listBdgldurgputin(this.queryParams).then(response => {
         this.bdgldurgputinList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -395,7 +390,7 @@ export default {
         specifications: null,
         productIntroduction: null,
         storeHouse: null,
-        unitId: null,
+        unitId: null
       };
       this.resetForm("form");
     },
@@ -411,15 +406,16 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
+      this.ids = selection.map(item => item.id);
       this.single = selection.length !== 1;
       this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
-      this.getYaoPing();
+      // this.getYaoPing();
       this.open = true;
+      this.updateReasonshow = false;
       this.title = "添加药品入库登记";
     },
     /** 修改按钮操作 */
@@ -427,26 +423,27 @@ export default {
       this.reset();
       const id = row.id || this.ids;
 
-      getBdgldurgputin(id).then((response) => {
+      getBdgldurgputin(id).then(response => {
         this.form = response.data;
-        this.getYaoPing();
+        // this.getYaoPing();
         this.open = true;
+        this.updateReasonshow = true;
         this.title = "修改药品入库登记";
       });
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate((valid) => {
+      this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
-            updateBdgldurgputin(this.form).then((response) => {
+            updateBdgldurgputin(this.form).then(response => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
             this.form.surplus = this.form.putIn;
-            addBdgldurgputin(this.form).then((response) => {
+            addBdgldurgputin(this.form).then(response => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -460,7 +457,7 @@ export default {
       const ids = row.id || this.ids;
       this.$modal
         .confirm("是否确认删除药品入库登记的数据项?")
-        .then(function () {
+        .then(function() {
           return delBdgldurgputin(ids);
         })
         .then(() => {
@@ -478,13 +475,13 @@ export default {
           this.exportLoading = true;
           return exportBdgldurgputin(queryParams);
         })
-        .then((response) => {
+        .then(response => {
           this.$download.name(response.msg);
           this.exportLoading = false;
         })
         .catch(() => {});
-    },
-  },
+    }
+  }
 };
 </script>
 <style scoped>
@@ -640,4 +637,15 @@ export default {
 ::v-deep input:-moz-placeholder {
   color: #bdbdbd4f !important;
 }
+::v-deep .el-input-number__increase {
+  background-color: transparent !important;
+  border: none;
+  color: #cccccc;
+  border-bottom: none !important;
+}
+::v-deep .el-input-number__decrease {
+  background-color: transparent !important;
+  border: none !important;
+  color: #cccccc;
+}
 </style>

+ 81 - 83
src/views/medicalhealth/bdgldurgputout/index.vue

@@ -19,7 +19,7 @@
       <el-form-item>
         <!-- <el-button type="primary" size="btn" @click="handleQuery"
           >搜索</el-button
-        > -->
+        >-->
         <el-button size="btr" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -33,8 +33,7 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['medicalhealth:bdgldurgputout:add']"
-          >新增</el-button
-        >
+        >新增</el-button>
       </el-col>
       <!-- <el-col :span="1.5">
         <el-button
@@ -47,7 +46,7 @@
           v-hasPermi="['medicalhealth:bdgldurgputout:edit']"
           >修改</el-button
         >
-      </el-col> -->
+      </el-col>-->
       <el-col :span="1.5">
         <el-button
           type="danger"
@@ -57,8 +56,7 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['medicalhealth:bdgldurgputout:remove']"
-          >删除</el-button
-        >
+        >删除</el-button>
       </el-col>
       <!-- <el-col :span="1.5">
         <el-button
@@ -71,11 +69,11 @@
           v-hasPermi="['medicalhealth:bdgldurgputout:export']"
           >导出</el-button
         >
-      </el-col> -->
+      </el-col>-->
       <!-- <right-toolbar
         :showSearch.sync="showSearch"
         @queryTable="getList"
-      ></right-toolbar> -->
+      ></right-toolbar>-->
     </el-row>
 
     <el-table
@@ -87,9 +85,11 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="序号" align="center">
         <template scope="scope">
-          <span>{{
+          <span>
+            {{
             (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
-          }}</span>
+            }}
+          </span>
         </template>
       </el-table-column>
       <!-- <el-table-column label="药品ID" align="center" prop="durgArchivesId" /> -->
@@ -97,12 +97,7 @@
       <!-- <el-table-column label="出库位置" align="center" prop="place" /> -->
       <el-table-column label="药品用途" align="center" prop="purpose" />
       <!-- <el-table-column label="出库说明" align="center" prop="remarks" /> -->
-      <el-table-column
-        label="出库时间"
-        align="center"
-        prop="putTime"
-        width="180"
-      >
+      <el-table-column label="出库时间" align="center" prop="putTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.putTime, "{y}-{m}-{d}") }}</span>
         </template>
@@ -116,14 +111,11 @@
         label="功能主治"
         align="center"
         prop="productIntroduction"
-      /> -->
+      />-->
       <el-table-column label="出库编号" align="center" prop="number" />
       <el-table-column label="库房" align="center" prop="storeHouse">
         <template slot-scope="scope">
-          <dict-tag
-            :options="dict.type.storage_room"
-            :value="scope.row.storeHouse"
-          />
+          <dict-tag :options="dict.type.storage_room" :value="scope.row.storeHouse" />
         </template>
       </el-table-column>
       <!-- <el-table-column label="库房" align="center" prop="unitId" /> -->
@@ -151,7 +143,7 @@
             >删除</el-button
           >
         </template>
-      </el-table-column> -->
+      </el-table-column>-->
     </el-table>
 
     <pagination
@@ -170,22 +162,13 @@
       append-to-body
       :close-on-click-modal="false"
     >
-      <el-form
-        ref="form"
-        :model="form"
-        :rules="rules"
-        label-width="80px"
-        inline
-      >
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px" inline>
         <el-form-item label="出库编号" prop="number">
-          <el-input v-model="form.number" placeholder="请输入出库编号" />
+          <el-input v-model="form.number" @blur="getYaoPing" placeholder="请输入出库编号" />
         </el-form-item>
         <el-form-item label="药品名称" prop="putOut">
-          <el-select
-            v-model="form.durgName"
-            placeholder="请选择药品名称"
-            filterable
-          >
+          <el-input v-model="form.durgName" placeholder="请输入药品名称" />
+          <!-- <el-select v-model="form.durgName" placeholder="请选择药品名称" filterable>
             <el-option
               class="input_xiala"
               v-for="(item, i) in yaoList"
@@ -193,9 +176,8 @@
               :value="item.id"
               :label="item.yaoPinName"
               @click.native="yapPing(item)"
-            >
-            </el-option>
-          </el-select>
+            ></el-option>
+          </el-select>-->
         </el-form-item>
         <el-form-item label="使用单位" prop="unitId1">
           <!-- <el-input v-model="form.unitId1" placeholder="请输入使用单位" /> -->
@@ -208,11 +190,7 @@
         </el-form-item>
         <el-form-item label="使用人" prop="receiveId">
           <!-- <el-input v-model="form.receiveId" placeholder="请输入使用人" /> -->
-          <el-select
-            v-model="form.receiveId"
-            placeholder="请选择使用人"
-            filterable
-          >
+          <el-select v-model="form.receiveId" placeholder="请选择使用人" filterable>
             <el-option
               class="input_xiala"
               v-for="(item, i) in renYuan"
@@ -220,16 +198,18 @@
               :label="item.name"
               :value="item.id"
               @click.native="shiyongren(item.name)"
-            >
-            </el-option>
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="出库数量" prop="putOut">
-          <el-input
+          <el-input-number
             v-model="form.putOut"
+            controls-position="right"
+            :min="0"
             placeholder="请输入出库数量"
             @blur="shuLiang"
-          />
+          ></el-input-number>
+          <!-- <el-input v-model="form.putOut" placeholder="请输入出库数量" @blur="shuLiang" /> -->
         </el-form-item>
         <el-form-item label="出库位置" prop="place">
           <el-input v-model="form.place" placeholder="请输入出库位置" />
@@ -242,24 +222,15 @@
             type="date"
             value-format="yyyy-MM-dd"
             placeholder="选择出库时间"
-          >
-          </el-date-picker>
+          ></el-date-picker>
         </el-form-item>
         <div class="jiben">药品用途</div>
         <el-form-item prop="purpose">
-          <el-input
-            v-model="form.purpose"
-            type="textarea"
-            placeholder="请输入内容"
-          />
+          <el-input v-model="form.purpose" type="textarea" placeholder="请输入内容" />
         </el-form-item>
         <div class="jiben">出库说明</div>
         <el-form-item prop="remarks">
-          <el-input
-            v-model="form.remarks"
-            type="textarea"
-            placeholder="请输入内容"
-          />
+          <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
         </el-form-item>
 
         <!-- <el-form-item label="录入人(创建人)" prop="adminId">
@@ -286,7 +257,7 @@
         </el-form-item>
         <el-form-item label="库房" prop="unitId">
           <el-input v-model="form.unitId" placeholder="请输入库房" />
-        </el-form-item> -->
+        </el-form-item>-->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -303,7 +274,7 @@ import {
   delBdgldurgputout,
   addBdgldurgputout,
   updateBdgldurgputout,
-  exportBdgldurgputout,
+  exportBdgldurgputout
 } from "@/api/medicalhealth/bdgldurgputout";
 import { exportChuYao } from "@/api/medicalhealth/bdgldurgputin";
 import { getDept2 } from "@/api/medicalhealth/bdgldurgarchives";
@@ -313,10 +284,12 @@ import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 // 人员
 import { getZhuChiRen } from "@/api/grassrootsregistration/bdglmeeting";
 
+import { exportYao } from "@/api/medicalhealth/bdgldurgputin";
+
 export default {
   name: "Bdgldurgputout",
   components: {
-    Treeselect,
+    Treeselect
   },
   dicts: ["storage_room"],
   data() {
@@ -360,7 +333,7 @@ export default {
         number: null,
         storeHouse: null,
         unitId: null,
-        unitId1: null,
+        unitId1: null
       },
       // 表单参数
       form: {},
@@ -373,7 +346,7 @@ export default {
       // 人员
       renYuan: [],
       // 数量
-      yaoPingShu: "",
+      yaoPingShu: ""
     };
   },
   created() {
@@ -414,13 +387,13 @@ export default {
     },
     /** 查询部门下拉树结构 */
     getTreeselect() {
-      getDept2().then((response) => {
+      getDept2().then(response => {
         this.deptOptions = response.data;
       });
     },
     // 获取主持人
     getZhuChi(id) {
-      getZhuChiRen(id).then((res) => {
+      getZhuChiRen(id).then(res => {
         this.renYuan = res.data;
       });
     },
@@ -439,14 +412,28 @@ export default {
     },
     // 查询药品名称列表
     getYaoPing() {
-      exportChuYao().then((response) => {
-        this.yaoList = response.data;
+      exportYao({ drugNo: this.form.number }).then(response => {
+        if (response.code == 200) {
+          if (response.data) {
+            this.form = response.data;
+            this.form.putOut = null;
+            this.form.durgName = response.data.yaoPinName;
+            this.form.durgArchivesId = this.form.id;
+            this.form.id = null;
+            this.form.number = response.data.drugNo;
+            this.yaoPingShu = response.data.amount;
+          } else {
+            this.$modal.msgSuccess("未有该药品编码!");
+          }
+        }
+
+        // this.yaoPingShu = response.data.surplus;
       });
     },
     /** 查询药品出库登记列表 */
     getList() {
       this.loading = true;
-      listBdgldurgputout(this.queryParams).then((response) => {
+      listBdgldurgputout(this.queryParams).then(response => {
         this.bdgldurgputoutList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -478,7 +465,7 @@ export default {
         number: null,
         storeHouse: null,
         unitId: null,
-        unitId1: null,
+        unitId1: null
       };
       this.resetForm("form");
     },
@@ -494,7 +481,7 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
+      this.ids = selection.map(item => item.id);
       this.single = selection.length !== 1;
       this.multiple = !selection.length;
     },
@@ -502,16 +489,16 @@ export default {
     handleAdd() {
       this.reset();
       this.getTreeselect();
-      this.getYaoPing();
+      // this.getYaoPing();
       this.open = true;
       this.title = "添加药品出库登记";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      this.getYaoPing();
+      // this.getYaoPing();
       const id = row.id || this.ids;
-      getBdgldurgputout(id).then((response) => {
+      getBdgldurgputout(id).then(response => {
         this.form = response.data;
         this.open = true;
         this.title = "修改药品出库登记";
@@ -519,13 +506,13 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate((valid) => {
+      this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
             if (this.form.putOut > this.yaoPingShu) {
               return;
             }
-            updateBdgldurgputout(this.form).then((response) => {
+            updateBdgldurgputout(this.form).then(response => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
@@ -534,7 +521,7 @@ export default {
             if (this.form.putOut > this.yaoPingShu) {
               return;
             }
-            addBdgldurgputout(this.form).then((response) => {
+            addBdgldurgputout(this.form).then(response => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -549,9 +536,9 @@ export default {
       this.$confirm("是否确认删除药品出库登记的数据项?", "警告", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
-        .then(function () {
+        .then(function() {
           return delBdgldurgputout(ids);
         })
         .then(() => {
@@ -566,19 +553,19 @@ export default {
       this.$confirm("是否确认导出所有药品出库登记数据项?", "警告", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(() => {
           this.exportLoading = true;
           return exportBdgldurgputout(queryParams);
         })
-        .then((response) => {
+        .then(response => {
           this.download(response.msg);
           this.exportLoading = false;
         })
         .catch(() => {});
-    },
-  },
+    }
+  }
 };
 </script>
 <style scoped>
@@ -734,4 +721,15 @@ export default {
 ::v-deep input:-moz-placeholder {
   color: #bdbdbd4f !important;
 }
+::v-deep .el-input-number__increase {
+  background-color: transparent !important;
+  border: none;
+  color: #cccccc;
+  border-bottom: none !important;
+}
+::v-deep .el-input-number__decrease {
+  background-color: transparent !important;
+  border: none !important;
+  color: #cccccc;
+}
 </style>