药房

src/xt_pages/Pharmacy/DrugDispensing.vue

-<template><!--药品发药页面-->
+<template>
+  <!--药品发药页面-->
   <div class="main-contain new-main-contain">
     <div class="position">
       <!--      <bread-crumb :crumbs='crumbs'></bread-crumb>-->
             </el-button>
           </div>
 
-          <el-table v-if="state == 1"
+          <el-table
+            v-if="state == 1"
             :height="tableHeight"
             :data="waiting_drug"
             border
             @current-change="handleCurrentChange"
           >
             <el-table-column prop="name" label="名称" width="100">
-               <template slot-scope="scope">
-                {{scope.row.name}}
+              <template slot-scope="scope">
+                {{ scope.row.name }}
               </template>
             </el-table-column>
             <el-table-column prop="specifications" label="规格" width="100">
               <template slot-scope="scope">
-                {{scope.row.specifications}}
+                {{ scope.row.specifications }}
               </template>
             </el-table-column>
             <el-table-column prop="stock" label="库存" width="100">
-               <template slot-scope="scope">
-                {{scope.row.stock}}
+              <template slot-scope="scope">
+                {{ scope.row.stock }}
               </template>
             </el-table-column>
           </el-table>
             ref="table02"
           >
             <el-table-column prop="name" label="名称" width="100">
-               <template slot-scope="scope">
-                {{scope.row.name}}
+              <template slot-scope="scope">
+                {{ scope.row.name }}
               </template>
             </el-table-column>
             <el-table-column prop="specifications" label="规格" width="100">
               <template slot-scope="scope">
-                {{scope.row.specifications}}
+                {{ scope.row.specifications }}
               </template>
             </el-table-column>
             <el-table-column prop="stock" label="库存" width="100">
-               <template slot-scope="scope">
-                {{scope.row.stock}}
+              <template slot-scope="scope">
+                {{ scope.row.stock }}
               </template>
             </el-table-column>
           </el-table>
       </div>
       <div class="mainRight">
         <div class="titlelist">
-<!--          <el-button type="primary" @click="tt">调试</el-button>-->
-          <el-button type="primary" @click="dispense" v-if="state == 1">发药</el-button>
+          <!--          <el-button type="primary" @click="tt">调试</el-button>-->
+          <el-button type="primary" @click="dispense" v-if="state == 1"
+            >发药</el-button
+          >
           <el-button type="primary" @click="toPrint">打印</el-button>
-<!--          <el-button @click="tt">调试</el-button>-->
-<!--          <el-button type="primary" @click="toSetting">设置</el-button>-->
+          <!--          <el-button @click="tt">调试</el-button>-->
+          <!--          <el-button type="primary" @click="toSetting">设置</el-button>-->
         </div>
         <el-divider></el-divider>
         <div>
             border
             style="width: 1328px"
             @selection-change="handleSelectionChange"
-             v-if="state == 1"
+            v-if="state == 1"
           >
-            <el-table-column type="selection" width="55" align="center"> </el-table-column>
-            <el-table-column type="index" label="序号" width="120" align="center">
+            <el-table-column type="selection" width="55" align="center">
             </el-table-column>
-            <el-table-column prop="name" label="患者名称" width="180" align="center">
-                <template slot-scope="scope">
-                 {{scope.row.name}}
+            <el-table-column
+              type="index"
+              label="序号"
+              width="120"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="患者名称"
+              width="180"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.name }}
               </template>
             </el-table-column>
-            <el-table-column prop="name" label="单次用量" width="170" align="center">
-               <template  slot-scope="scope">
-                 {{scope.row.single_dosage}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="单次用量"
+              width="170"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.single_dosage }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="用法" width="160" align="center">
-               <template  slot-scope="scope">
-                 {{scope.row.usage}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="用法"
+              width="160"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.usage }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="频率" width="160" align="center">
-                <template  slot-scope="scope">
-                 {{scope.row.frequency}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="频率"
+              width="160"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.frequency }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="天数" width="160" align="center">
-               <template  slot-scope="scope">
-                 {{scope.row.days}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="天数"
+              width="160"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.days }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="总量" width="160" align="center">
-                <template  slot-scope="scope">
-                 {{scope.row.total}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="总量"
+              width="160"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.total }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="数据来源" width="162" align="center">
-                <template  slot-scope="scope">
-                  {{scope.row.data_sources}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="数据来源"
+              width="162"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.data_sources }}
+              </template>
             </el-table-column>
           </el-table>
         </div>
             style="width: 1328px"
             v-if="state == 2"
           >
-<!--            <el-table-column type="selection" width="55"> </el-table-column>-->
-            <el-table-column type="index" label="序号" width="120" align="center">
+            <!--            <el-table-column type="selection" width="55"> </el-table-column>-->
+            <el-table-column
+              type="index"
+              label="序号"
+              width="120"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="患者名称"
+              width="180"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.name }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="患者名称" width="180" align="center">
-                <template slot-scope="scope">
-                 {{scope.row.name}}
+            <el-table-column
+              prop="name"
+              label="单次用量"
+              width="170"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.single_dosage }}
               </template>
             </el-table-column>
-            <el-table-column prop="name" label="单次用量" width="170" align="center">
-               <template  slot-scope="scope">
-                 {{scope.row.single_dosage}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="用法"
+              width="160"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.usage }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="用法" width="160" align="center">
-               <template  slot-scope="scope">
-                 {{scope.row.usage}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="频率"
+              width="160"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.frequency }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="频率" width="160" align="center">
-                <template  slot-scope="scope">
-                 {{scope.row.frequency}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="天数"
+              width="160"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.days }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="天数" width="160" align="center">
-               <template  slot-scope="scope">
-                 {{scope.row.days}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="总量"
+              width="160"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.total }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="总量" width="160" align="center">
-                <template  slot-scope="scope">
-                 {{scope.row.total}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="数据来源"
+              width="162"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.data_sources }}
+              </template>
             </el-table-column>
-            <el-table-column prop="name" label="数据来源" width="162" align="center">
-                <template  slot-scope="scope">
-                  {{scope.row.data_sources}}
-               </template>
+            <el-table-column
+              prop="name"
+              label="领药人"
+              width="160"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.people }}
+              </template>
             </el-table-column>
-              <el-table-column prop="name" label="领药人" width="160" align="center">
-                <template  slot-scope="scope">
-                  {{scope.row.people}}
-                </template>
-              </el-table-column>
           </el-table>
         </div>
-        <div style="margin-top:12px;" v-if="state == 1">领药人：
+        <div style="margin-top: 12px" v-if="state == 1">
+          领药人：
           <el-select v-model="admin_user_id" placeholder="请选择">
             <el-option
               v-for="item in doctorList"
               :key="item.admin_user_id"
               :label="item.user_name"
-              :value="item.admin_user_id">
+              :value="item.admin_user_id"
+            >
             </el-option>
-           </el-select>
+          </el-select>
         </div>
       </div>
 
           <el-radio v-model="is_open" label="1">是</el-radio>
           <el-radio v-model="is_open" label="2">否</el-radio>
         </span>
-        <div style="height: 50px; background: #c7ebfc; border-radius: 5px;padding: 7px;">
-          <i class="el-icon-info" style="color: #3399ff;font-size: 17px;"></i>
+        <div
+          style="
+            height: 50px;
+            background: #c7ebfc;
+            border-radius: 5px;
+            padding: 7px;
+          "
+        >
+          <i class="el-icon-info" style="color: #3399ff; font-size: 17px"></i>
           若选择为是，则通过药房发药的药品都会在发药之后进行出库，否则按原来的方式进行出库管理
         </div>
         <span slot="footer" class="dialog-footer">
 <script>
 import drugPrint from "./print/drugPrint.vue";
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
-import { getTodayAdviceList,getPharmacyBaseDrug,updatePharmacyBaseDrug,SaveSetting,getPharmacyConfig,getUserdDrugList } from "@/api/his/advice";
+import {
+  getTodayAdviceList,
+  getPharmacyBaseDrug,
+  updatePharmacyBaseDrug,
+  SaveSetting,
+  getPharmacyConfig,
+  getUserdDrugList,
+} from "@/api/his/advice";
 import {
   dispensemedicine,
   waitingmedicine,
   getpatientswithdrugs,
   medicinedeparture,
-  getcurrentname
-} from "@/api/pharmacy"
-const moment = require('moment')
+  getcurrentname,
+} from "@/api/pharmacy";
+const moment = require("moment");
 export default {
   components: {
     BreadCrumb,
       alreadmount: 0,
       tableData: [],
       tableData_list: [],
-      tableList:[],
+      tableList: [],
       multipleSelection: [],
-      start_time:moment(new Date()).add('year',0).format("YYYY-MM-DD"),
-      patientList:[],
-      keywords:"",
-      dialogVisible:false,
-      is_open:"2",
-      isVisibility:"",
-      propsTable:"",
-      doctorList:[],
-      admin_user_id:0,
-      waiting_drug:[],//待发药列表
-      issued_drug:[],//已发药列表
-      currentRow:null,
-      tmp:0,
+      start_time: moment(new Date()).add("year", 0).format("YYYY-MM-DD"),
+      patientList: [],
+      keywords: "",
+      dialogVisible: false,
+      is_open: "2",
+      isVisibility: "",
+      propsTable: "",
+      doctorList: [],
+      admin_user_id: 0,
+      waiting_drug: [], //待发药列表
+      issued_drug: [], //已发药列表
+      currentRow: null,
+      tmp: 0,
     };
   },
 
   methods: {
-    tt(){
-      console.log("this.currentRow",this.currentRow)
-      this.$router.go(0)
+    tt() {
+      console.log("this.currentRow", this.currentRow);
+      this.$router.go(0);
     },
-    async fun3(){
-      console.log("fun3")
-      this.fun1().then(val => {
+    async fun3() {
+      console.log("fun3");
+      this.fun1().then((val) => {
         this.fun2();
-      })
+      });
     },
-    async fun4(tps){
-      console.log("fun3",tps)
-      this.fun1().then(val => {
-        console.log("this.issued_drug",this.issued_drug)
-        for(let i = 0;i < this.issued_drug.length;i++){
-          if(tps == this.issued_drug[i].id){
+    async fun4(tps) {
+      console.log("fun3", tps);
+      this.fun1().then((val) => {
+        console.log("this.issued_drug", this.issued_drug);
+        for (let i = 0; i < this.issued_drug.length; i++) {
+          if (tps == this.issued_drug[i].id) {
             this.$refs.table02.setCurrentRow(this.issued_drug[i]);
-            this.handleCurrentChange(this.issued_drug[i])
+            this.handleCurrentChange(this.issued_drug[i]);
           }
         }
-      })
+      });
     },
-    async fun5(tps){
-      console.log("fun3",tps)
-      this.fun1().then(val => {
-        console.log("this.issued_drug",this.waiting_drug)
-        for(let i = 0;i < this.waiting_drug.length;i++){
-          if(tps == this.waiting_drug[i].id){
+    async fun5(tps) {
+      console.log("fun3", tps);
+      this.fun1().then((val) => {
+        console.log("this.issued_drug", this.waiting_drug);
+        for (let i = 0; i < this.waiting_drug.length; i++) {
+          if (tps == this.waiting_drug[i].id) {
             this.$refs.table01.setCurrentRow(this.waiting_drug[i]);
-            this.handleCurrentChange(this.waiting_drug[i])
+            this.handleCurrentChange(this.waiting_drug[i]);
           }
         }
-      })
+      });
     },
-    changeTimes(){
+    changeTimes() {
       // alert("aa")
       // this.getdruglist();
       this.fun3();
     },
     //初始化
-    init(){
-      this.state = 1
-      this.tableData = null
-      this.currentRow = null
+    init() {
+      this.state = 1;
+      this.tableData = null;
+      this.currentRow = null;
     },
-    lala(){
-      this.currentRow = null
-      this.tableData = null
-      this.selectedbydefault()
+    lala() {
+      this.currentRow = null;
+      this.tableData = null;
+      this.selectedbydefault();
     },
-     searchAction() {
+    searchAction() {
       // this.getlist();
-       this.tableData = null
-       this.currentRow = null
-       this.getdruglist();
+      this.tableData = null;
+      this.currentRow = null;
+      this.getdruglist();
     },
     // 跳转打印页面
     toPrint() {
-
-      if (this.state == 1 && this.multipleSelection.length == 0){
+      if (this.state == 1 && this.multipleSelection.length == 0) {
         this.$message.error("未选择任何数据");
-        return
+        return;
       }
-      if (this.state == 2 && this.tableData == null){
-          this.$message.error("未选择任何数据");
-          return
+      if (this.state == 2 && this.tableData == null) {
+        this.$message.error("未选择任何数据");
+        return;
       }
-      this.$refs.drugprint.show(this.tableData,this.currentRow,this.state,this.multipleSelection,this.start_time);
+      this.$refs.drugprint.show(
+        this.tableData,
+        this.currentRow,
+        this.state,
+        this.multipleSelection,
+        this.start_time
+      );
     },
     //列表选择
     handleSelectionChange(val) {
       this.multipleSelection = val;
     },
     //默认选中
-    selectedbydefault(){
-      if(this.state == 1 && this.waiting_drug.length > 0){
+    selectedbydefault() {
+      if (this.state == 1 && this.waiting_drug.length > 0) {
         this.$refs.table01.setCurrentRow(this.waiting_drug[0]);
-        this.handleCurrentChange(this.waiting_drug[0])
+        this.handleCurrentChange(this.waiting_drug[0]);
       }
-      if(this.state == 2 && this.issued_drug.length >0){
+      if (this.state == 2 && this.issued_drug.length > 0) {
         this.$refs.table02.setCurrentRow(this.issued_drug[0]);
-        this.handleCurrentChange(this.issued_drug[0])
+        this.handleCurrentChange(this.issued_drug[0]);
       }
     },
     //包装selectedbydefault
-    fun2(){
-      console.log("3333333this.waitmount_data",this.waiting_drug)
+    fun2() {
+      console.log("3333333this.waitmount_data", this.waiting_drug);
       // return new Promise((resolve, reject) => {
-      if(this.state == 1 && this.waiting_drug.length > 0){
+      if (this.state == 1 && this.waiting_drug.length > 0) {
         this.$refs.table01.setCurrentRow(this.waiting_drug[0]);
-        this.handleCurrentChange(this.waiting_drug[0])
+        this.handleCurrentChange(this.waiting_drug[0]);
       }
-      if(this.state == 2 && this.issued_drug.length >0){
+      if (this.state == 2 && this.issued_drug.length > 0) {
         this.$refs.table02.setCurrentRow(this.issued_drug[0]);
-        this.handleCurrentChange(this.issued_drug[0])
+        this.handleCurrentChange(this.issued_drug[0]);
       }
       // });
     },
     // 药品发药
     dispense() {
       var tps = this.currentRow.id;
-      if(this.multipleSelection.length < 1){
-        this.$message.error("未选择任何信息")
-        return
+      if (this.multipleSelection.length < 1) {
+        this.$message.error("未选择任何信息");
+        return;
       }
       var tmp = "";
-      console.log("初始值",tmp)
-      for (var i=0;i < this.multipleSelection.length;i++){
-        tmp = tmp + this.multipleSelection[i].id + ","
+      console.log("初始值", tmp);
+      for (var i = 0; i < this.multipleSelection.length; i++) {
+        tmp = tmp + this.multipleSelection[i].id + ",";
       }
       var params = {
         creater: this.admin_user_id,
         ids: tmp,
-      }
+      };
       medicinedeparture(params).then((res) => {
-        if (res.data.state == 1){
-          this.$message.success("操作成功")
+        if (res.data.state == 1) {
+          this.$message.success("操作成功");
           this.getdruglist();
           //刷新列表
           this.handleCurrentChange(this.currentRow);
           this.fun4(tps);
           this.state = 2;
-          this.multipleSelection = []
-        }else{
-          this.$message.error("操作失败：" + res.data.msg)
+          this.multipleSelection = [];
+        } else {
+          this.$message.error("操作失败：" + res.data.msg);
           //刷新列表
           this.handleCurrentChange(this.currentRow);
           this.fun5(tps);
           this.state = 1;
         }
-      })
+      });
     },
     //获取药品列表
-    getdruglist(){
+    getdruglist() {
       var params = {
         keyword: this.keywords,
         time: this.start_time,
-      }
+      };
       waitingmedicine(params).then((res) => {
-        if (res.data.state == 1){
-          this.waiting_drug = res.data.data.list
+        if (res.data.state == 1) {
+          this.waiting_drug = res.data.data.list;
         }
-      })
+      });
       dispensemedicine(params).then((res) => {
-        if (res.data.state == 1){
-          this.issued_drug = res.data.data.list
+        if (res.data.state == 1) {
+          this.issued_drug = res.data.data.list;
         }
-      })
+      });
     },
-    async fun1(){
+    async fun1() {
       var params = {
         keyword: this.keywords,
         time: this.start_time,
-      }
+      };
       await waitingmedicine(params).then((res) => {
-        if (res.data.state == 1){
-          this.waiting_drug = res.data.data.list
+        if (res.data.state == 1) {
+          this.waiting_drug = res.data.data.list;
         }
-        console.log("fun1lil1111i")
-      })
+        console.log("fun1lil1111i");
+      });
       await dispensemedicine(params).then((res) => {
-        if (res.data.state == 1){
-          this.issued_drug = res.data.data.list
+        if (res.data.state == 1) {
+          this.issued_drug = res.data.data.list;
         }
-        console.log("fun122222222")
-      })
-      console.log("fun1")
+        console.log("fun122222222");
+      });
+      console.log("fun1");
     },
 
-    morencreatename(){
-      var param ={}
+    morencreatename() {
+      var param = {};
       getcurrentname(param).then((res) => {
-        console.log("res(药)",res)
-        if (res.data.state == 1){
+        console.log("res(药)", res);
+        if (res.data.state == 1) {
           this.admin_user_id = res.data.data.list;
-          console.log("this.admin_user_id(药)",this.admin_user_id)
+          console.log("this.admin_user_id(药)", this.admin_user_id);
         }
       });
     },
     //获取领药人选项
-    getlist(){
+    getlist() {
       var params = {
-        start_time:this.start_time,
-        keywords:this.keywords,
-      }
-      getTodayAdviceList(params).then(response=>{
-         if(response.data.state == 1){
-           this.doctorList = response.data.data.doctorlist
-           console.log("this.admin_user_id(药2)",this.admin_user_id)
-           // this.admin_user_id = this.doctorList[0].admin_user_id
-           // this.admin_user_id = this.tmp
-         }
-      })
+        start_time: this.start_time,
+        keywords: this.keywords,
+      };
+      getTodayAdviceList(params).then((response) => {
+        if (response.data.state == 1) {
+          this.doctorList = response.data.data.doctorlist;
+          console.log("this.admin_user_id(药2)", this.admin_user_id);
+          // this.admin_user_id = this.doctorList[0].admin_user_id
+          // this.admin_user_id = this.tmp
+        }
+      });
     },
-   //  //获取药品的患者信息
-    informationofdrugs(val){
+    //  //获取药品的患者信息
+    informationofdrugs(val) {
       var params = {
         // patient_id: this.currentRow.
-      }
+      };
     },
     handleCurrentChange(val) {
       this.currentRow = val;
-      if(this.state == 1){
-        this.getdrugsdetails(0)
+      if (this.state == 1) {
+        this.getdrugsdetails(0);
       }
-      if (this.state == 2){
-        this.getdrugsdetails(1)
+      if (this.state == 2) {
+        this.getdrugsdetails(1);
       }
     },
-    getdrugsdetails(val){
+    getdrugsdetails(val) {
       var params = {
-        drug_id:this.currentRow.id,
-        is_medicine:val,
-        time:this.start_time,
-      }
+        drug_id: this.currentRow.id,
+        is_medicine: val,
+        time: this.start_time,
+      };
       getpatientswithdrugs(params).then((res) => {
-        if (res.data.state == 1){
-          this.tableData = res.data.data.list;//列表数据
-        }else {
+        if (res.data.state == 1) {
+          this.tableData = res.data.data.list; //列表数据
+        } else {
           this.$message.error(res.data.msg);
         }
-      })
+      });
     },
 
-    toSetting(){
-      getPharmacyConfig().then(response=>{
-        if(response.data.state == 1){
-           this.dialogVisible = true
-           var config = response.data.data.config
-           this.is_open = config.is_open.toString()
+    toSetting() {
+      getPharmacyConfig().then((response) => {
+        if (response.data.state == 1) {
+          this.dialogVisible = true;
+          var config = response.data.data.config;
+          this.is_open = config.is_open.toString();
         }
-      })
+      });
     },
-    SaveSetting(){
+    SaveSetting() {
       var params = {
-        is_open:parseInt(this.is_open),
-      }
-     SaveSetting(params).then(response=>{
-       if(response.data.state == 1){
-         var config = response.data.data.config
-         this.$message.success("保存成功!")
-         this.dialogVisible = false
-       }
-     })
+        is_open: parseInt(this.is_open),
+      };
+      SaveSetting(params).then((response) => {
+        if (response.data.state == 1) {
+          var config = response.data.data.config;
+          this.$message.success("保存成功!");
+          this.dialogVisible = false;
+        }
+      });
     },
-    getUserlist(drug_id){
-       var params = {
-        start_time:this.start_time,
-        drug_id:drug_id,
-      }
-      getUserdDrugList(params).then(response=>{
-       if(response.data.state == 1){
-           var advicelist = response.data.data.advicelist
-           for(let i=0;i<advicelist.length;i++){
-             advicelist[i].type = 1
-             advicelist[i].day = " "
-             this.tableList.push(advicelist[i])
-           }
-           var hisAdviceList = response.data.data.hisAdviceList
-           for(let i=0;i<hisAdviceList.length;i++){
-             hisAdviceList[i].type = 2
-             this.tableList.push(hisAdviceList[i])
-           }
-           var patient = response.data.data.patient
-           this.patientList = patient
+    getUserlist(drug_id) {
+      var params = {
+        start_time: this.start_time,
+        drug_id: drug_id,
+      };
+      getUserdDrugList(params).then((response) => {
+        if (response.data.state == 1) {
+          var advicelist = response.data.data.advicelist;
+          for (let i = 0; i < advicelist.length; i++) {
+            advicelist[i].type = 1;
+            advicelist[i].day = " ";
+            this.tableList.push(advicelist[i]);
+          }
+          var hisAdviceList = response.data.data.hisAdviceList;
+          for (let i = 0; i < hisAdviceList.length; i++) {
+            hisAdviceList[i].type = 2;
+            this.tableList.push(hisAdviceList[i]);
+          }
+          var patient = response.data.data.patient;
+          this.patientList = patient;
         }
-      })
-    }
+      });
+    },
   },
   created() {
     this.init();
     display: flex;
     justify-content: flex-end;
   }
+  .el-button {
+    height: 34px;
+    width: 65px;
+  }
+  .el-table{
+    margin-top: -13px;
+  }
+  /deep/ .el-divider {
+    height: 2px;
+    margin-top: 10px;
+  }
 }
 
 /deep/ .el-table--scrollable-x .el-table__body-wrapper {

src/xt_pages/Pharmacy/PatientDispensing.vue

-<template><!--患者发药-->
+<template>
+  <!--患者发药-->
   <div class="main-contain new-main-contain">
     <div class="position">
       <!--      <bread-crumb :crumbs='crumbs'></bread-crumb>-->
             >
             </el-date-picker>
           </div>
-<!--          <el-button @click="testsss">调试1</el-button>-->
-<!--          <el-button @click="testsss2">调试2</el-button>-->
+          <!--          <el-button @click="testsss">调试1</el-button>-->
+          <!--          <el-button @click="testsss2">调试2</el-button>-->
           <div class="list">
             <el-radio-group v-model="state" @change="lala()">
-              <el-radio :label="1" >待发药{{ waitmount }}人</el-radio>
-              <el-radio :label="2" >已发药{{ alreadmount }}人</el-radio>
+              <el-radio :label="1">待发药{{ waitmount }}人</el-radio>
+              <el-radio :label="2">已发药{{ alreadmount }}人</el-radio>
             </el-radio-group>
           </div>
           <div
             </el-button>
           </div>
 
-          <el-table :height="tableHeight" ref="table01" :data="waitmount_data" highlight-current-row @current-change="handleCurrentChange" border style="width: 100%" v-if="state == 1">
-            <el-table-column prop="date" label="患者姓名" width="100" >
+          <el-table
+            :height="tableHeight"
+            ref="table01"
+            :data="waitmount_data"
+            highlight-current-row
+            @current-change="handleCurrentChange"
+            border
+            style="width: 100%"
+            v-if="state == 1"
+          >
+            <el-table-column prop="date" label="患者姓名" width="100">
               <template slot-scope="scope">
-                <span >{{scope.row.Name ? scope.row.Name : ""}}</span>
+                <span>{{ scope.row.Name ? scope.row.Name : "" }}</span>
               </template>
             </el-table-column>
             <el-table-column prop="name" label="透析号" width="100">
               <template slot-scope="scope">
-                <span>{{scope.row.DialysisNo ? scope.row.DialysisNo : ""}}</span>
+                <span>{{
+                  scope.row.DialysisNo ? scope.row.DialysisNo : ""
+                }}</span>
               </template>
             </el-table-column>
           </el-table>
-          <el-table :height="tableHeight" ref="table02" :data="alreadmount_data" highlight-current-row @current-change="handleCurrentChange" border style="width: 100%" v-if="state == 2">
-            <el-table-column prop="date" label="患者姓名" width="100" >
-              <template slot-scope="scope" >
-                <span>{{scope.row.Name ? scope.row.Name : ""}}</span>
+          <el-table
+            :height="tableHeight"
+            ref="table02"
+            :data="alreadmount_data"
+            highlight-current-row
+            @current-change="handleCurrentChange"
+            border
+            style="width: 100%"
+            v-if="state == 2"
+          >
+            <el-table-column prop="date" label="患者姓名" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.Name ? scope.row.Name : "" }}</span>
               </template>
             </el-table-column>
             <el-table-column prop="name" label="透析号" width="100">
               <template slot-scope="scope">
-                <span>{{scope.row.DialysisNo ? scope.row.DialysisNo : ""}}</span>
+                <span>{{
+                  scope.row.DialysisNo ? scope.row.DialysisNo : ""
+                }}</span>
               </template>
             </el-table-column>
           </el-table>
             >退药</el-button
           >
           <el-button type="primary" @click="toPrint">打印</el-button>
-<!--          <el-button @click="tiaoshi">调试</el-button>-->
-          <el-button type="primary" v-if="state == 1" @click="toSetting">设置</el-button>
+          <!--          <el-button @click="tiaoshi">调试</el-button>-->
+          <el-button type="primary" v-if="state == 1" @click="toSetting"
+            >设置</el-button
+          >
         </div>
-        <el-divider></el-divider>
+        <el-divider style="margin-top: 10px"></el-divider>
         <div>
           <el-table
             :height="tableHeight"
             border
             style="width: 100%"
           >
-            <el-table-column type="index" label="序号" width="120" align="center">
+            <el-table-column
+              type="index"
+              label="序号"
+              width="120"
+              align="center"
+            >
             </el-table-column>
-            <el-table-column  label="名称" width="200" align="center">
+            <el-table-column label="名称" width="200" align="center">
               <template slot-scope="scope">
-                <span>{{scope.row.Name  ? scope.row.Name  : ""}}</span>
+                <span>{{ scope.row.Name ? scope.row.Name : "" }}</span>
               </template>
             </el-table-column>
-            <el-table-column  label="单次用量" width="150" align="center">
+            <el-table-column label="单次用量" width="150" align="center">
               <template slot-scope="scope">
-                <span>{{scope.row.SingleDosage  ? scope.row.SingleDosage  : ""}}</span>
+                <span>{{
+                  scope.row.SingleDosage ? scope.row.SingleDosage : ""
+                }}</span>
               </template>
             </el-table-column>
-            <el-table-column  label="用法" width="160" align="center">
+            <el-table-column label="用法" width="160" align="center">
               <template slot-scope="scope">
-                <span>{{scope.row.Usage  ? scope.row.Usage  : ""}}</span>
+                <span>{{ scope.row.Usage ? scope.row.Usage : "" }}</span>
               </template>
             </el-table-column>
-            <el-table-column  label="频率" width="160" align="center">
+            <el-table-column label="频率" width="160" align="center">
               <template slot-scope="scope">
-                <span>{{scope.row.Frequency  ? scope.row.Frequency  : ""}}</span>
+                <span>{{
+                  scope.row.Frequency ? scope.row.Frequency : ""
+                }}</span>
               </template>
             </el-table-column>
-            <el-table-column  label="天数" width="140" align="center">
+            <el-table-column label="天数" width="140" align="center">
               <template slot-scope="scope">
-                <span>{{scope.row.Days  ? scope.row.Days  : ""}}</span>
+                <span>{{ scope.row.Days ? scope.row.Days : "" }}</span>
               </template>
             </el-table-column>
-            <el-table-column  label="总量" width="140" align="center">
+            <el-table-column label="总量" width="140" align="center">
               <template slot-scope="scope">
-                <span>{{scope.row.Total  ? scope.row.Total  : ""}}</span>
+                <span>{{ scope.row.Total ? scope.row.Total : "" }}</span>
               </template>
             </el-table-column>
-            <el-table-column  label="开立医生" width="150" align="center">
+            <el-table-column label="开立医生" width="150" align="center">
               <template slot-scope="scope">
-                <span>{{scope.row.Doctor  ? scope.row.Doctor  : ""}}</span>
+                <span>{{ scope.row.Doctor ? scope.row.Doctor : "" }}</span>
               </template>
             </el-table-column>
-            <el-table-column  label="数据来源" width="162" align="center">
+            <el-table-column label="数据来源" width="162" align="center">
               <template slot-scope="scope">
-                <span>{{scope.row.DataSources  ? scope.row.DataSources  : ""}}</span>
+                <span>{{
+                  scope.row.DataSources ? scope.row.DataSources : ""
+                }}</span>
               </template>
             </el-table-column>
-            <el-table-column  label="备注" width="170" align="center">
+            <el-table-column label="备注" width="170" align="center">
               <template slot-scope="scope">
-                <span>{{scope.row.Remarks  ? scope.row.Remarks  : ""}}</span>
+                <span>{{ scope.row.Remarks ? scope.row.Remarks : "" }}</span>
               </template>
             </el-table-column>
           </el-table>
         </div>
-<!--        <div v-if="state == 2" style="margin-top: 25px">诊断时间：{{ timedate }}</div>-->
+        <!--        <div v-if="state == 2" style="margin-top: 25px">诊断时间：{{ timedate }}</div>-->
       </div>
       <el-dialog title="设置" :visible.sync="dialogVisible" width="30%">
         <span style="font-size: 17px">请选择药品是否要通过药房管理出库</span>
           <el-radio v-model="is_open" label="1">是</el-radio>
           <el-radio v-model="is_open" label="2">否</el-radio>
         </span>
-        <div style="height: 50px; background: #c7ebfc; border-radius: 5px;padding: 7px;">
-          <i class="el-icon-info" style="color: #3399ff;font-size: 17px;"></i>
+        <div
+          style="
+            height: 50px;
+            background: #c7ebfc;
+            border-radius: 5px;
+            padding: 7px;
+          "
+        >
+          <i class="el-icon-info" style="color: #3399ff; font-size: 17px"></i>
           若选择为是，则通过药房发药的药品都会在发药之后进行出库，否则按原来的方式进行出库管理
         </div>
         <span slot="footer" class="dialog-footer">
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
 import patientPrint from "./print/patientPrint.vue";
-import { getPharmacyConfig,SaveSetting } from "@/api/his/advice";
+import { getPharmacyConfig, SaveSetting } from "@/api/his/advice";
 import {
   waitingdrug,
   issueddrugs,
   todaynumber,
   getpharmacycontent,
   dispensingmedicine,
-  drugwithdrawal
-} from "@/api/pharmacy"
-const moment = require('moment')
+  drugwithdrawal,
+} from "@/api/pharmacy";
+const moment = require("moment");
 export default {
   components: {
     BreadCrumb,
   },
   data() {
     return {
-      patient_id:0,
+      patient_id: 0,
       crumbs: [
         { path: false, name: "药房管理" },
         { path: "/Pharmacy/patiantDispensing", name: "患者发药" },
       ],
       tableHeight: 400,
-      start_time:moment(new Date()).add('year',0).format("YYYY-MM-DD"),
-      state: 1,//1待发药，2已发药
-      waitmount: 0,//待发药人数
+      start_time: moment(new Date()).add("year", 0).format("YYYY-MM-DD"),
+      state: 1, //1待发药，2已发药
+      waitmount: 0, //待发药人数
       waitmount_data: [],
-      alreadmount: 0,//已发药人数
+      alreadmount: 0, //已发药人数
       alreadmount_data: [],
       keywords: "",
       tableData: [],
       propsTable: [],
       tableData_list: [],
       isVisibility: false,
-      currentRow:null,
-      dialogVisible:false,
-      is_open:"2",
+      currentRow: null,
+      dialogVisible: false,
+      is_open: "2",
     };
   },
-  watch: {
-  },
+  watch: {},
   created() {
     this.init();
     this.gettodaynumber();
     // this.selectedbydefault();
   },
   methods: {
-    tiaoshi(){
-      console.log("this.tableData",this.tableData)
+    tiaoshi() {
+      console.log("this.tableData", this.tableData);
     },
-    async fun3(){
-      console.log("fun3")
-        this.fun1().then(val => {
-          this.fun2();
-        })
+    async fun3() {
+      console.log("fun3");
+      this.fun1().then((val) => {
+        this.fun2();
+      });
     },
-    async fun4(tmp){
-      console.log("fun3")
-      this.fun1().then(val => {
-        console.log("this.alreadmount_data",this.alreadmount_data)
-        for (let i = 0;i < this.alreadmount_data.length;i++){
-          console.log("tmp = ",tmp)
-          if (this.alreadmount_data[i].PatientID == tmp){
-            console.log("i = ",i)
+    async fun4(tmp) {
+      console.log("fun3");
+      this.fun1().then((val) => {
+        console.log("this.alreadmount_data", this.alreadmount_data);
+        for (let i = 0; i < this.alreadmount_data.length; i++) {
+          console.log("tmp = ", tmp);
+          if (this.alreadmount_data[i].PatientID == tmp) {
+            console.log("i = ", i);
             this.$refs.table02.setCurrentRow(this.alreadmount_data[i]);
-            this.handleCurrentChange(this.alreadmount_data[i])
+            this.handleCurrentChange(this.alreadmount_data[i]);
           }
         }
-      })
+      });
     },
-    async fun5(tmp){
-      console.log("fun5555")
-      this.fun1().then(val => {
-        console.log("this.alreadmount_data",this.waitmount_data)
-        for (let i = 0;i < this.waitmount_data.length;i++){
-          console.log("tmp = ",tmp)
-          if (this.waitmount_data[i].PatientID == tmp){
-            console.log("i = ",i)
+    async fun5(tmp) {
+      console.log("fun5555");
+      this.fun1().then((val) => {
+        console.log("this.alreadmount_data", this.waitmount_data);
+        for (let i = 0; i < this.waitmount_data.length; i++) {
+          console.log("tmp = ", tmp);
+          if (this.waitmount_data[i].PatientID == tmp) {
+            console.log("i = ", i);
             this.$refs.table01.setCurrentRow(this.waitmount_data[i]);
-            this.handleCurrentChange(this.waitmount_data[i])
+            this.handleCurrentChange(this.waitmount_data[i]);
           }
         }
-      })
+      });
     },
 
-    lala(){
-      console.log("this.state!!!!!!",this.state)
+    lala() {
+      console.log("this.state!!!!!!", this.state);
       //初始化状态
-      this.tableData = null
-      this.currentRow = null
-      this.selectedbydefault()
+      this.tableData = null;
+      this.currentRow = null;
+      this.selectedbydefault();
     },
     //选中行数
     handleCurrentChange(val) {
       this.currentRow = val;
-      console.log("this.currentRow",this.currentRow)
-      if(this.state == 1){
-        this.getpatientdetails(0)
+      console.log("this.currentRow", this.currentRow);
+      if (this.state == 1) {
+        this.getpatientdetails(0);
       }
-      if(this.state == 2){
-        this.getpatientdetails(1)
+      if (this.state == 2) {
+        this.getpatientdetails(1);
       }
     },
-    init(){
+    init() {
       // console.log("初始化了")
-      this.state = 1
-      this.tableData = null
-      this.currentRow = null
+      this.state = 1;
+      this.tableData = null;
+      this.currentRow = null;
     },
-    testsss(){
-     this.state = 1;
+    testsss() {
+      this.state = 1;
     },
     //默认选中的
-    selectedbydefault(){
-      if(this.state == 1 && this.waitmount_data.length > 0){
+    selectedbydefault() {
+      if (this.state == 1 && this.waitmount_data.length > 0) {
         this.$refs.table01.setCurrentRow(this.waitmount_data[0]);
-        this.handleCurrentChange(this.waitmount_data[0])
+        this.handleCurrentChange(this.waitmount_data[0]);
       }
-      if(this.state == 2 && this.alreadmount_data.length >0){
+      if (this.state == 2 && this.alreadmount_data.length > 0) {
         this.$refs.table02.setCurrentRow(this.alreadmount_data[0]);
-        this.handleCurrentChange(this.alreadmount_data[0])
+        this.handleCurrentChange(this.alreadmount_data[0]);
       }
     },
     //包装selectedbydefault
-    fun2(){
-      console.log("3333333this.waitmount_data",this.waitmount_data)
+    fun2() {
+      console.log("3333333this.waitmount_data", this.waitmount_data);
       // return new Promise((resolve, reject) => {
-        if(this.state == 1 && this.waitmount_data.length > 0){
-          this.$refs.table01.setCurrentRow(this.waitmount_data[0]);
-          this.handleCurrentChange(this.waitmount_data[0])
-        }
-        if(this.state == 2 && this.alreadmount_data.length >0){
-          this.$refs.table02.setCurrentRow(this.alreadmount_data[0]);
-          this.handleCurrentChange(this.alreadmount_data[0])
-        }
+      if (this.state == 1 && this.waitmount_data.length > 0) {
+        this.$refs.table01.setCurrentRow(this.waitmount_data[0]);
+        this.handleCurrentChange(this.waitmount_data[0]);
+      }
+      if (this.state == 2 && this.alreadmount_data.length > 0) {
+        this.$refs.table02.setCurrentRow(this.alreadmount_data[0]);
+        this.handleCurrentChange(this.alreadmount_data[0]);
+      }
       // });
     },
-    changeTimes(){
+    changeTimes() {
       this.gettodaynumber();
       this.getwaitmount();
       this.fun3();
     },
     //获取当天发药的人数
-    gettodaynumber(){
-      console.log("aaa")
+    gettodaynumber() {
+      console.log("aaa");
       var params = {
         time: this.start_time,
-      }
+      };
       todaynumber(params).then((res) => {
-        if (res.data.state == 1){
+        if (res.data.state == 1) {
           this.waitmount = res.data.data.itotal;
           this.alreadmount = res.data.data.wtotal;
         }
-      })
+      });
       // console.log("2222222")
     },
     //获取发药人列表
-    getwaitmount(){
+    getwaitmount() {
       var params = {
         keyword: this.keywords,
         time: this.start_time,
-      }
+      };
       waitingdrug(params).then((res) => {
-        if (res.data.state == 1){
+        if (res.data.state == 1) {
           this.waitmount_data = res.data.data.list;
         }
-      })
+      });
       issueddrugs(params).then((res) => {
-        if (res.data.state == 1){
+        if (res.data.state == 1) {
           this.alreadmount_data = res.data.data.list;
         }
-      })
+      });
     },
     //包装getwaitmount
-    async fun1(){
+    async fun1() {
       // return new Promise((resolve, reject) => {
-        var params = {
-          keyword: this.keywords,
-          time: this.start_time,
+      var params = {
+        keyword: this.keywords,
+        time: this.start_time,
+      };
+      await waitingdrug(params).then((res) => {
+        if (res.data.state == 1) {
+          this.waitmount_data = res.data.data.list;
+          console.log("1111111");
         }
-        await waitingdrug(params).then((res) => {
-          if (res.data.state == 1){
-            this.waitmount_data = res.data.data.list;
-            console.log("1111111")
-          }
-        })
-        await issueddrugs(params).then((res) => {
-          if (res.data.state == 1){
-            this.alreadmount_data = res.data.data.list;
-            console.log("1111111s")
-          }
-        })
-        console.log("222222222")
+      });
+      await issueddrugs(params).then((res) => {
+        if (res.data.state == 1) {
+          this.alreadmount_data = res.data.data.list;
+          console.log("1111111s");
+        }
+      });
+      console.log("222222222");
 
       // })
     },
     //获取患者信息详情
-    getpatientdetails(val){
+    getpatientdetails(val) {
       var params = {
-        patient_id:this.currentRow.PatientID,
+        patient_id: this.currentRow.PatientID,
         is_medicine: val,
-        time:this.start_time,
-      }
+        time: this.start_time,
+      };
       getpharmacycontent(params).then((res) => {
-        if (res.data.state == 1){
+        if (res.data.state == 1) {
           this.tableData = res.data.data.list;
-        }else{
+        } else {
           this.$message.error(res.data.msg);
         }
-      })
+      });
     },
     // 跳转打印页面
     toPrint() {
-      if (this.tableData == null){
+      if (this.tableData == null) {
         this.$message.error("未选择任何数据");
-        return
+        return;
       }
-      this.$refs.patientprint.show(this.tableData,this.currentRow,this.state,this.start_time);
+      this.$refs.patientprint.show(
+        this.tableData,
+        this.currentRow,
+        this.state,
+        this.start_time
+      );
     },
 
     // 搜索患者
     dispense() {
       var tmp = this.currentRow.PatientID;
       var params = {
-        patient_id:this.currentRow.PatientID,
-        time:this.start_time,
+        patient_id: this.currentRow.PatientID,
+        time: this.start_time,
       };
       this.$confirm("确定是否对该药品进行发药?", "患者发药", {
         confirmButtonText: "确 定",
         cancelButtonText: "取 消",
         type: "warning",
-      }).then(() => {
-        dispensingmedicine(params).then((res) => {
-          if(res.data.state == 1){
-            this.$message.success('操作成功');
-            this.gettodaynumber();
-            this.searchAction();
-            this.tableData = null;
-            this.fun4(tmp);
-            this.state = 2;
-            // console.log("this.alreadmount_data",this.alreadmount_data)
-            // for (let i = 0;i < this.alreadmount_data.length;i++){
-            //   console.log("tmp = ",tmp)
-            //     if (this.alreadmount_data[i].PatientID == tmp){
-            //       console.log("i = ",i)
-            //       this.$refs.table02.setCurrentRow(this.alreadmount_data[i]);
-            //       this.handleCurrentChange(this.alreadmount_data[i])
-            //     }
-            // }
-          }else {
-            this.$message.error(res.data.msg);
-          }
+      })
+        .then(() => {
+          dispensingmedicine(params).then((res) => {
+            if (res.data.state == 1) {
+              this.$message.success("操作成功");
+              this.gettodaynumber();
+              this.searchAction();
+              this.tableData = null;
+              this.fun4(tmp);
+              this.state = 2;
+              // console.log("this.alreadmount_data",this.alreadmount_data)
+              // for (let i = 0;i < this.alreadmount_data.length;i++){
+              //   console.log("tmp = ",tmp)
+              //     if (this.alreadmount_data[i].PatientID == tmp){
+              //       console.log("i = ",i)
+              //       this.$refs.table02.setCurrentRow(this.alreadmount_data[i]);
+              //       this.handleCurrentChange(this.alreadmount_data[i])
+              //     }
+              // }
+            } else {
+              this.$message.error(res.data.msg);
+            }
+          });
         })
-      }).catch(() => {});
+        .catch(() => {});
     },
 
-    toSetting(){
-      getPharmacyConfig().then(response=>{
-        if(response.data.state == 1){
-          this.dialogVisible = true
-          var config = response.data.data.config
-          this.is_open = config.is_open.toString()
+    toSetting() {
+      getPharmacyConfig().then((response) => {
+        if (response.data.state == 1) {
+          this.dialogVisible = true;
+          var config = response.data.data.config;
+          this.is_open = config.is_open.toString();
         }
-      })
+      });
     },
-    SaveSetting(){
+    SaveSetting() {
       var params = {
-        is_open:parseInt(this.is_open),
-      }
-      SaveSetting(params).then(response=>{
-        if(response.data.state == 1){
-          var config = response.data.data.config
-          this.$message.success("保存成功!")
-          this.dialogVisible = false
+        is_open: parseInt(this.is_open),
+      };
+      SaveSetting(params).then((response) => {
+        if (response.data.state == 1) {
+          var config = response.data.data.config;
+          this.$message.success("保存成功!");
+          this.dialogVisible = false;
         }
-      })
+      });
     },
     // 药品退药
     endispense() {
       var tmp = this.currentRow.PatientID;
       var params = {
-        patient_id:this.currentRow.PatientID,
-        time:this.start_time,
+        patient_id: this.currentRow.PatientID,
+        time: this.start_time,
       };
       this.$confirm("确定是否对该药品进行退药?", "患者退药", {
         confirmButtonText: "确 定",
         cancelButtonText: "取 消",
         type: "warning",
-      }).then(() => {
-        drugwithdrawal(params).then((res) => {
-          if(res.data.state == 1){
-            this.$message.success('操作成功');
-            this.gettodaynumber();
-            this.searchAction();
-            this.tableData = null;
-            this.fun5(tmp);
-            this.state = 1;
-          }else {
-            this.$message.error(res.data.msg);
-          }
+      })
+        .then(() => {
+          drugwithdrawal(params).then((res) => {
+            if (res.data.state == 1) {
+              this.$message.success("操作成功");
+              this.gettodaynumber();
+              this.searchAction();
+              this.tableData = null;
+              this.fun5(tmp);
+              this.state = 1;
+            } else {
+              this.$message.error(res.data.msg);
+            }
+          });
         })
-      }).catch(() => {});
+        .catch(() => {});
     },
   },
-
 };
 </script>
 
     display: flex;
     justify-content: flex-end;
   }
+  .el-table {
+    margin-top: -13px;
+  }
+  .el-button {
+    height: 34px;
+    width: 65px;
+  }
+  /deep/ .el-divider {
+    height: 2px;
+    margin-top: 10px;
+  }
 }
 
-/deep/ .el-input__inner{
+/deep/ .el-input__inner {
   padding-right: 15px;
 }
 

src/xt_pages/Pharmacy/print/drugPrint.vue

 }
 .print_style {
   position: absolute;
-  right: 10px;
-  top: 42px;
+  right: 65px;
+  top: 50px;
 }
 
 .list_title {