批量

src/xt_pages/outpatientDoctorStation/batch_delete.vue

         <div class="banner_left">
           <div>
             透析模式:
-            <el-select
-              v-model="modeOptions_value"
-              placeholder="请选择"
-            >
+            <el-select v-model="modeOptions_value" placeholder="请选择">
               <el-option
                 v-for="item in modeOptions"
                 :key="item.id"
           </div>
           <div>
             删除类型:
-            <el-select v-model="new_type" placeholder="请选择" @change="changetype">
+            <el-select
+              v-model="new_type"
+              placeholder="请选择"
+              @change="changetype"
+            >
               <el-option
                 v-for="item in options"
                 :key="item.id"
           </div>
         </div>
 
-<!--        <button @click="lili">调试</button>-->
-        <el-button @click="save">保存</el-button>
+        <!--        <button @click="lili">调试</button>-->
+        <el-button type="primary" @click="save">保存</el-button>
       </div>
 
       <el-container>
           >
             <el-table-column type="selection" width="55"> </el-table-column>
             <el-table-column label="患者姓名" width="155">
-              <template slot-scope="scope" >{{ scope.row.name }}</template>
+              <template slot-scope="scope">{{ scope.row.name }}</template>
             </el-table-column>
           </el-table>
         </div>
 
         <el-tabs type="border-card" v-if="isshow == 1 && list.length > 0">
           <el-tab-pane
-            v-for="(item,index) in list"
+            v-for="(item, index) in list"
             :key="index"
-            :label="'处方'+(index+1)"
+            :label="'处方' + (index + 1)"
             :name="index"
           >
             <el-table
               border
               :row-style="{ color: '#303133' }"
               :header-cell-style="{
-                  backgroundColor: 'rgb(245, 247, 250)',
-                  color: '#606266',
-                }"
+                backgroundColor: 'rgb(245, 247, 250)',
+                color: '#606266',
+              }"
             >
               <el-table-column fixed label="药品名称" width="230">
                 <template slot-scope="scope">
-                  {{scope.row.advice_name}}
+                  {{ scope.row.advice_name }}
                 </template>
               </el-table-column>
               <el-table-column label="单次用量" width="200">
                 <template slot-scope="scope">
-                  {{scope.row.single_dose}}{{scope.row.single_dose_unit}}
+                  {{ scope.row.single_dose }}{{ scope.row.single_dose_unit }}
                 </template>
               </el-table-column>
               <el-table-column label="用法" width="120">
                 <template slot-scope="scope">
-                  {{scope.row.delivery_way}}
+                  {{ scope.row.delivery_way }}
                 </template>
               </el-table-column>
               <el-table-column label="频率" width="120">
                 <template slot-scope="scope">
-                  {{scope.row.execution_frequency}}
+                  {{ scope.row.execution_frequency }}
                 </template>
               </el-table-column>
               <el-table-column label="天数" width="110">
-                <template slot-scope="scope">
-                  {{scope.row.day}}天
-                </template>
+                <template slot-scope="scope"> {{ scope.row.day }}天 </template>
               </el-table-column>
               <el-table-column label="总量" width="200">
                 <template slot-scope="scope">
-                  {{scope.row.prescribing_number}}{{scope.row.prescribing_number_unit}}
+                  {{ scope.row.prescribing_number
+                  }}{{ scope.row.prescribing_number_unit }}
                 </template>
               </el-table-column>
               <el-table-column label="单价" width="120">
                 <template slot-scope="scope">
-                  {{scope.row.price}}元
+                  {{ scope.row.price }}元
                 </template>
               </el-table-column>
               <el-table-column label="备注" width="120">
                 <template slot-scope="scope">
-                  {{scope.row.remark}}
+                  {{ scope.row.remark }}
                 </template>
               </el-table-column>
               <el-table-column label="操作" width="120">
                 <template slot-scope="scope">
                   <el-button
-                    @click.native.prevent="delects(scope.$index,scope,item)"
+                    @click.native.prevent="delects(scope.$index, scope, item)"
                     type="text"
-                    size="small">
+                    size="small"
+                  >
                     删除
                   </el-button>
                 </template>
               border
               :row-style="{ color: '#303133' }"
               :header-cell-style="{
-                  backgroundColor: 'rgb(245, 247, 250)',
-                  color: '#606266',
-                }"
+                backgroundColor: 'rgb(245, 247, 250)',
+                color: '#606266',
+              }"
             >
               <el-table-column fixed label="项目名称" width="230">
                 <template slot-scope="scope">
-                  <div v-if="scope.row.type == 2">{{scope.row.project.project_name}}</div>
-                  <div v-if="scope.row.type == 3">{{scope.row.good_info.good_name}}</div>
+                  <div v-if="scope.row.type == 2">
+                    {{ scope.row.project.project_name }}
+                  </div>
+                  <div v-if="scope.row.type == 3">
+                    {{ scope.row.good_info.good_name }}
+                  </div>
                 </template>
               </el-table-column>
               <el-table-column label="组" width="120">
                 <template slot-scope="scope">
-                  <div v-if="scope.row.type == 2">{{scope.row.project.translate}}</div>
-                  <div v-if="scope.row.type == 3">{{scope.row.good_info.translate}}</div>
+                  <div v-if="scope.row.type == 2">
+                    {{ scope.row.project.translate }}
+                  </div>
+                  <div v-if="scope.row.type == 3">
+                    {{ scope.row.good_info.translate }}
+                  </div>
                 </template>
               </el-table-column>
               <el-table-column label="单次用量" width="120">
                 <template slot-scope="scope">
-                  {{scope.row.single_dose}}
+                  {{ scope.row.single_dose }}
                   {{ scope.row.unit }}
                 </template>
               </el-table-column>
               <el-table-column label="用法" width="120">
                 <template slot-scope="scope">
-                  {{scope.row.delivery_way}}
+                  {{ scope.row.delivery_way }}
                 </template>
               </el-table-column>
               <el-table-column label="频率" width="120">
                 <template slot-scope="scope">
-                  {{scope.row.execution_frequency}}
+                  {{ scope.row.execution_frequency }}
                 </template>
               </el-table-column>
               <el-table-column label="天数" width="110">
-                <template slot-scope="scope">
-                  {{scope.row.day}}天
-                </template>
+                <template slot-scope="scope"> {{ scope.row.day }}天 </template>
               </el-table-column>
               <el-table-column label="总量" width="100">
                 <template slot-scope="scope">
-                  {{scope.row.count}}
+                  {{ scope.row.count }}
                   {{ scope.row.unit }}
                 </template>
               </el-table-column>
               <el-table-column label="单价" width="120">
                 <template slot-scope="scope">
-                  {{scope.row.price}}元
+                  {{ scope.row.price }}元
                 </template>
               </el-table-column>
               <el-table-column label="备注" width="120">
                 <template slot-scope="scope">
-                  {{scope.row.remark}}
+                  {{ scope.row.remark }}
                 </template>
               </el-table-column>
               <el-table-column label="推送频率" width="120">
                 <template slot-scope="scope">
-                  <div v-if="scope.row.frequency_type == 1">{{'每次必推'}}</div>
-                  <div v-if="scope.row.frequency_type == 2">{{scope.row.day_count}}天/次</div>
-                  <div v-if="scope.row.frequency_type == 3">{{scope.row.week_days}}</div>
+                  <div v-if="scope.row.frequency_type == 1">
+                    {{ "每次必推" }}
+                  </div>
+                  <div v-if="scope.row.frequency_type == 2">
+                    {{ scope.row.day_count }}天/次
+                  </div>
+                  <div v-if="scope.row.frequency_type == 3">
+                    {{ scope.row.week_days }}
+                  </div>
                 </template>
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="102">
                 <template slot-scope="scope">
                   <el-button
-                    @click.native.prevent="delects(scope.$index,scope,item)"
+                    @click.native.prevent="delects(scope.$index, scope, item)"
                     type="text"
-                    size="small">
+                    size="small"
+                  >
                     删除
                   </el-button>
                 </template>
             </el-table>
           </el-tab-pane>
         </el-tabs>
-
-
-
       </el-container>
     </div>
   </div>
   batchdeleteitems,
   getmodeconfigs,
   ptemplateinformation,
-  deleteone
+  deleteone,
 } from "@/api/batch/batch";
 
 export default {
       tableList: [],
       editableTabsValue: "1",
       modeOptions: {},
-      tableDatas:[{
-        id: "",
-        drug_name: "",
-        single_dose: "",
-        single_dose_unit: "",
-        delivery_way: "",
-        execution_frequency: "",
-        day: "",
-        prescribing_number: "",
-        prescribing_number_unit: "",
-        price: "",
-        remark: "",
-      },],//药品
-      project:[ {
-        id: "",
-        drug_name: "",
-        translate:"",
-        single_dose: "",
-        unit: "",
-        delivery_way: "",
-        execution_frequency: "",
-        day: "",
-        prescribing_number: "",
-        price: "",
-        remark: "",
-        frequency_type:1,
-        day_count:"",
-        week_days:"",
-      },],//项目
+      tableDatas: [
+        {
+          id: "",
+          drug_name: "",
+          single_dose: "",
+          single_dose_unit: "",
+          delivery_way: "",
+          execution_frequency: "",
+          day: "",
+          prescribing_number: "",
+          prescribing_number_unit: "",
+          price: "",
+          remark: "",
+        },
+      ], //药品
+      project: [
+        {
+          id: "",
+          drug_name: "",
+          translate: "",
+          single_dose: "",
+          unit: "",
+          delivery_way: "",
+          execution_frequency: "",
+          day: "",
+          prescribing_number: "",
+          price: "",
+          remark: "",
+          frequency_type: 1,
+          day_count: "",
+          week_days: "",
+        },
+      ], //项目
       tabIndex: 2,
       modeOptions_value: 1, //透析模式
-      multipleSelection: [],//选中的患者
-      tableData:[],
-      options:[{id:1,name:"药品"},{id:2,name:"项目"}],
-      options_patient:[{id:1,name:"是"},{id:2,name:"否"}],
-      options_2:[{id:1,name:"普通门诊"},{id:2,name:"门诊特殊病"}],
-      new_type:1,//新增类型
-      druglist:[],//药品列表
-      projectlist:[],//项目列表
-      id:"",//药品、项目、耗材
-      tmplist:[],//临时
-      unit:[{id:1,name:"g"},{id:2,name:"mg"},{id:3,name:"u"},{id:4,name:"ml"},{id:5,name:"万U"},{id:6,name:"枚"},{id:7,name:"粒"},
-        {id:8,name:"片"},{id:9,name:"支"},{id:10,name:"μg"},{id:11,name:"iu"},{id:12,name:"包"},{id:13,name:"袋"},{id:14,name:"万"},
-        {id:15,name:"万iu"},{id:16,name:"丸"},{id:17,name:"盒"},{id:18,name:"瓶"},{id:19,name:"瓶（袋）"},{id:20,name:"次"}],
-      usage:[],//用法
-      frequency:[],//频率
-      frequency_type:"",//周期提醒
-      day_count:"",//周期提醒天
-      week_days:[],//周期提醒星期
-      tabhang:0,//tab的下标
-      hang:0,//行数
-      list:[],
-      isshow:0,//是否显示处方
-      tmpid:0,
-
-    }
+      multipleSelection: [], //选中的患者
+      tableData: [],
+      options: [
+        { id: 1, name: "药品" },
+        { id: 2, name: "项目" },
+      ],
+      options_patient: [
+        { id: 1, name: "是" },
+        { id: 2, name: "否" },
+      ],
+      options_2: [
+        { id: 1, name: "普通门诊" },
+        { id: 2, name: "门诊特殊病" },
+      ],
+      new_type: 1, //新增类型
+      druglist: [], //药品列表
+      projectlist: [], //项目列表
+      id: "", //药品、项目、耗材
+      tmplist: [], //临时
+      unit: [
+        { id: 1, name: "g" },
+        { id: 2, name: "mg" },
+        { id: 3, name: "u" },
+        { id: 4, name: "ml" },
+        { id: 5, name: "万U" },
+        { id: 6, name: "枚" },
+        { id: 7, name: "粒" },
+        { id: 8, name: "片" },
+        { id: 9, name: "支" },
+        { id: 10, name: "μg" },
+        { id: 11, name: "iu" },
+        { id: 12, name: "包" },
+        { id: 13, name: "袋" },
+        { id: 14, name: "万" },
+        { id: 15, name: "万iu" },
+        { id: 16, name: "丸" },
+        { id: 17, name: "盒" },
+        { id: 18, name: "瓶" },
+        { id: 19, name: "瓶（袋）" },
+        { id: 20, name: "次" },
+      ],
+      usage: [], //用法
+      frequency: [], //频率
+      frequency_type: "", //周期提醒
+      day_count: "", //周期提醒天
+      week_days: [], //周期提醒星期
+      tabhang: 0, //tab的下标
+      hang: 0, //行数
+      list: [],
+      isshow: 0, //是否显示处方
+      tmpid: 0,
+    };
   },
   created() {
     // console.log("this.$store.getters.treatment_mode",this.$store.getters.treatment_mode)
     for (let key in this.$store.getters.treatment_mode) {
-      this.modeOptions[key] = this.$store.getters.treatment_mode[key]
+      this.modeOptions[key] = this.$store.getters.treatment_mode[key];
     }
     // console.log("this.modeOptions",this.modeOptions)
     this.getdrugconfigs();
-    this.isshow = 0
+    this.isshow = 0;
     this.tmpid = 0;
   },
   methods: {
     save() {
-      var tmp = this.modeOptions[this.modeOptions_value].name
-      var tmp2 = ""
-      if (this.druglist != null){
-        for(let i = 0;i < this.druglist.length;i++){
-          if (this.id == this.druglist[i].id){
-            tmp2 = this.druglist[i].name
+      var tmp = this.modeOptions[this.modeOptions_value].name;
+      var tmp2 = "";
+      if (this.druglist != null) {
+        for (let i = 0; i < this.druglist.length; i++) {
+          if (this.id == this.druglist[i].id) {
+            tmp2 = this.druglist[i].name;
           }
         }
       }
-      if(this.projectlist != null){
-        for (let j = 0;j < this.projectlist.length;j++){
-          if (this.id == this.projectlist[j].id){
-            tmp2 = this.projectlist[j].name
+      if (this.projectlist != null) {
+        for (let j = 0; j < this.projectlist.length; j++) {
+          if (this.id == this.projectlist[j].id) {
+            tmp2 = this.projectlist[j].name;
           }
         }
       }
       this.$confirm(
-        "注：该操作将会把所选患者的"+tmp+"透析模式中的"+tmp2+"进行删除，请确定是否删除?",
+        "注：该操作将会把所选患者的" +
+          tmp +
+          "透析模式中的" +
+          tmp2 +
+          "进行删除，请确定是否删除?",
         "",
         {
           confirmButtonText: "确 定",
           type: "warning",
         }
       ).then(() => {
-        if (this.multipleSelection.length == 0){
-          this.$message.error('没有选中有效信息')
-          return
+        if (this.multipleSelection.length == 0) {
+          this.$message.error("没有选中有效信息");
+          return;
         }
-        let st = ""
-        for (let i = 0;i < this.multipleSelection.length;i++){
-          st = st + this.multipleSelection[i].id + ","
+        let st = "";
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          st = st + this.multipleSelection[i].id + ",";
         }
-        console.log("string",st)
+        console.log("string", st);
         let params = {
-          mode_id:this.modeOptions_value,
+          mode_id: this.modeOptions_value,
           patient_id: st,
-          type:this.new_type,
+          type: this.new_type,
           replaced: this.id,
-        }
-        if (this.new_type == 1){
-          deletedrugsbatch(params).then((res) =>{
-            if (res.data.state == 1){
-              this.$message.success('删除成功')
-              this.getUsername()
-            }else{
-              this.$message.error(res.data.msg)
+        };
+        if (this.new_type == 1) {
+          deletedrugsbatch(params).then((res) => {
+            if (res.data.state == 1) {
+              this.$message.success("删除成功");
+              this.getUsername();
+            } else {
+              this.$message.error(res.data.msg);
             }
-          })
-        }else{
-          batchdeleteitems(params).then((res) =>{
-            if (res.data.state == 1){
-              this.$message.success('删除成功')
-              this.getUsername()
-            }else{
-              this.$message.error(res.data.msg)
+          });
+        } else {
+          batchdeleteitems(params).then((res) => {
+            if (res.data.state == 1) {
+              this.$message.success("删除成功");
+              this.getUsername();
+            } else {
+              this.$message.error(res.data.msg);
             }
-          })
+          });
         }
       });
     },
-    test(val){
-      console.log("val?:",val);
-      this.tmpid = val.id
+    test(val) {
+      console.log("val?:", val);
+      this.tmpid = val.id;
       var params = {
-        mode_id:this.modeOptions_value,
-        patient_id:val.id,
-      }
-      ptemplateinformation(params).then((res) =>{
-        if (res.data.state == 1){
-          this.list = res.data.data.list
-          this.isshow = 1
+        mode_id: this.modeOptions_value,
+        patient_id: val.id,
+      };
+      ptemplateinformation(params).then((res) => {
+        if (res.data.state == 1) {
+          this.list = res.data.data.list;
+          this.isshow = 1;
         }
-      })
+      });
     },
     lili() {
-      console.log("this.list",this.list);
-      console.log("this.multipleSelection",this.multipleSelection)
+      console.log("this.list", this.list);
+      console.log("this.multipleSelection", this.multipleSelection);
       // console.log("this.mode",this.modeOptions_value)
       // console.log("this.projectlist2",this.projectlist2)
       // console.log("patient_value",this.patient_value)
     },
-    delects(hang,sc,item){
-      console.log("hang",hang)
-      console.log("sc",sc)
-      console.log("item",item)
-      var params ={
-        type:item.type,//1药品2项目
-        id:sc.row.id,
-      }
+    delects(hang, sc, item) {
+      console.log("hang", hang);
+      console.log("sc", sc);
+      console.log("item", item);
+      var params = {
+        type: item.type, //1药品2项目
+        id: sc.row.id,
+      };
       var params2 = {
-        mode_id:this.modeOptions_value,
-        patient_id:this.tmpid,
-      }
-      deleteone(params).then((res) =>{
-        if (res.data.state == 1){
-          this.$message.success('删除成功')
-          ptemplateinformation(params2).then((res) =>{
-            if (res.data.state == 1){
-              this.list = res.data.data.list
-              this.isshow = 1
+        mode_id: this.modeOptions_value,
+        patient_id: this.tmpid,
+      };
+      deleteone(params).then((res) => {
+        if (res.data.state == 1) {
+          this.$message.success("删除成功");
+          ptemplateinformation(params2).then((res) => {
+            if (res.data.state == 1) {
+              this.list = res.data.data.list;
+              this.isshow = 1;
             }
-          })
+          });
         }
-      })
-
-
+      });
     },
-    changetype(){
-      console.log(">>>>>>>",this.new_type)
-      this.id = ""
-      this.tableData = []
+    changetype() {
+      console.log(">>>>>>>", this.new_type);
+      this.id = "";
+      this.tableData = [];
     },
-    changeid(item,index){
-      item.id = item.drug_name
+    changeid(item, index) {
+      item.id = item.drug_name;
       var params = {
-        id:item.id
-      }
-      getdrugsinformation(params).then((res) =>{
-        if (res.data.state == 1){
-          console.log("res??",res)
+        id: item.id,
+      };
+      getdrugsinformation(params).then((res) => {
+        if (res.data.state == 1) {
+          console.log("res??", res);
           this.tableDatas[0].single_dose = res.data.data.list[0].single_dose;
-          this.tableDatas[0].single_dose_unit = res.data.data.list[0].single_dose_unit;
+          this.tableDatas[0].single_dose_unit =
+            res.data.data.list[0].single_dose_unit;
           this.tableDatas[0].delivery_way = res.data.data.list[0].delivery_way;
-          this.tableDatas[0].execution_frequency = res.data.data.list[0].execution_frequency;
+          this.tableDatas[0].execution_frequency =
+            res.data.data.list[0].execution_frequency;
           this.tableDatas[0].day = res.data.data.list[0].drug_day;
-          this.tableDatas[0].prescribing_number = res.data.data.list[0].prescribing_number;
-          this.tableDatas[0].prescribing_number_unit = res.data.data.list[0].prescribing_number_unit;
+          this.tableDatas[0].prescribing_number =
+            res.data.data.list[0].prescribing_number;
+          this.tableDatas[0].prescribing_number_unit =
+            res.data.data.list[0].prescribing_number_unit;
           this.tableDatas[0].price = res.data.data.list[0].retail_price;
           this.tableDatas[0].remark = res.data.data.list[0].remark;
         }
-      })
+      });
     },
     handleSelectionChange(val) {
       this.multipleSelection = val;
     },
-    changeid2(item,index){
-      item.id = item.drug_name
+    changeid2(item, index) {
+      item.id = item.drug_name;
       var params = {
-        id:item.id
-      }
-      getdrugsinformation(params).then((res) =>{
-        if (res.data.state == 1){
-          console.log("res??",res)
+        id: item.id,
+      };
+      getdrugsinformation(params).then((res) => {
+        if (res.data.state == 1) {
+          console.log("res??", res);
           this.project[0].single_dose = res.data.data.list[0].single_dose;
           this.project[0].translate = res.data.data.list[0].translate;
           this.project[0].delivery_way = res.data.data.list[0].delivery_way;
-          this.project[0].execution_frequency = res.data.data.list[0].execution_frequency;
+          this.project[0].execution_frequency =
+            res.data.data.list[0].execution_frequency;
           this.project[0].day = res.data.data.list[0].day;
-          this.project[0].prescribing_number = res.data.data.list[0].prescribing_number;
+          this.project[0].prescribing_number =
+            res.data.data.list[0].prescribing_number;
           this.project[0].unit = res.data.data.list[0].unit;
           this.project[0].price = res.data.data.list[0].retail_price;
           this.project[0].remark = res.data.data.list[0].remark;
         }
-      })
+      });
     },
     //获取配置
-    getdrugconfigs(){
-      var params = {}
-      replaceconfig(params).then((res) =>{
-        if (res.data.state == 1){
-          this.druglist = res.data.data.list
-          this.projectlist = res.data.data.list2
+    getdrugconfigs() {
+      var params = {};
+      replaceconfig(params).then((res) => {
+        if (res.data.state == 1) {
+          this.druglist = res.data.data.list;
+          this.projectlist = res.data.data.list2;
         }
-      })
-      getmodeconfigs(params).then((res) =>{
-        if (res.data.state == 1){
-          this.frequency = res.data.data.efs
-          this.usage = res.data.data.drugways
+      });
+      getmodeconfigs(params).then((res) => {
+        if (res.data.state == 1) {
+          this.frequency = res.data.data.efs;
+          this.usage = res.data.data.drugways;
         }
-      })
+      });
     },
-    getUsername(){
+    getUsername() {
       var params = {
         id: this.id,
-        mode: this.modeOptions_value
-      }
-      replacepeoplename(params).then((res) =>{
-        if (res.data.state == 1){
-          this.tableData = res.data.data.list
+        mode: this.modeOptions_value,
+      };
+      replacepeoplename(params).then((res) => {
+        if (res.data.state == 1) {
+          this.tableData = res.data.data.list;
         }
-      })
+      });
     },
     handleClose(done) {
-      this.$confirm('确认关闭？')
-        .then(_ => {
+      this.$confirm("确认关闭？")
+        .then((_) => {
           done();
         })
-        .catch(_ => {});
-    }
-  }
-
-}
+        .catch((_) => {});
+    },
+  },
+};
 </script>
 
 
   margin-bottom: 10px;
   display: flex;
   justify-content: space-between;
-.banner_left {
-  width: 1000px;
-  display: flex;
-  justify-content: space-around;
-div {
-  white-space: nowrap;
-}
-}
+  .banner_left {
+    width: 1000px;
+    display: flex;
+    justify-content: space-around;
+    div {
+      font-size: 14px;
+      color: #606266;
+      white-space: nowrap;
+    }
+  }
 }
 .zone {
-//  margin-left: 30px;
-//  text-align: left;
+  //  margin-left: 30px;
+  //  text-align: left;
   width: 70px;
   display: inline-block;
   color: #606266;
 }
 .disinfect {
   position: relative;
-.newButton {
-// position: absolute;
-// right: 2%;
-// top:4px;
-// z-index: 9;
-  margin-bottom: 10px;
-  margin-left: 90%;
-}
+  .newButton {
+    // position: absolute;
+    // right: 2%;
+    // top:4px;
+    // z-index: 9;
+    margin-bottom: 10px;
+    margin-left: 90%;
+  }
 }
 .disinfectOne {
   position: relative;
-.newButtonOne {
-  position: absolute;
-  right: 0;
-  top: -10;
-  z-index: 18;
-}
+  .newButtonOne {
+    position: absolute;
+    right: 0;
+    top: -10;
+    z-index: 18;
+  }
 }
 .but {
   width: 200px;
   height: 50px;
-// border: solid 1px red;
+  // border: solid 1px red;
   margin-left: 77%;
 }
 .clearn {
   width: 460px;
   height: 50px;
-// border:solid 1px red;
+  // border:solid 1px red;
   margin-left: 650px;
 }
 
 .zClass {
   width: 200px;
   height: 200px;
-// border:solid 1px red;
+  // border:solid 1px red;
   margin-left: 450px;
   margin-top: 200px;
 }
 }
 
 .b {
-.el-button {
-  margin-left: 90%;
-  margin-bottom: 10px;
-}
+  .el-button {
+    margin-left: 90%;
+    margin-bottom: 10px;
+  }
 }
 
 .stoppage {
-.el-form-item__label {
-  width: 190px;
-}
+  .el-form-item__label {
+    width: 190px;
+  }
 }
 .st {
-.el-form-item__label {
-  width: -10px;
-}
+  .el-form-item__label {
+    width: -10px;
+  }
 }
 .main {
   position: relative;
-.newButtonOne {
-  position: absolute;
-  right: 0;
-  z-index: 2;
-}
+  .newButtonOne {
+    position: absolute;
+    right: 0;
+    z-index: 2;
+  }
 }
 
 .elbutton {
-// border: solid 1px red;
+  // border: solid 1px red;
   height: 50px;
   width: 400px;
   margin-left: 650px;
 }
 // .el-form-item__label {
-   //   width: 130px;
-   //   font-size: 14px;
-   // }
+//   width: 130px;
+//   font-size: 14px;
+// }
 .el-form-item__error {
   margin-left: 130px;
 }
   padding-top: 0px;
 }
 .newMain {
-.el-form-item__label {
-  width: 104px;
-}
+  .el-form-item__label {
+    width: 104px;
+  }
 }
 .newDisinfectOne {
-.el-input--prefix .el-input__inner {
-  padding-left: 15px;
-}
+  .el-input--prefix .el-input__inner {
+    padding-left: 15px;
+  }
 }
 .stoppage {
-.el-form-item__label {
-  width: 18%;
-}
+  .el-form-item__label {
+    width: 18%;
+  }
 }
 .newItem {
-.el-form-item__label {
-  width: 130px;
-}
+  .el-form-item__label {
+    width: 130px;
+  }
 }
 .formItem {
-.el-form-item__label {
-  width: 104px;
-  line-height: 30px;
-}
+  .el-form-item__label {
+    width: 104px;
+    line-height: 30px;
+  }
 }
 .newname {
-.el-form-item__label {
-  width: 60px;
-}
+  .el-form-item__label {
+    width: 60px;
+  }
 }
 ::-webkit-scrollbar {
   height: 20px;
 }
 
-.el-button {
-  color: #fff;
-  background-color: #409eff;
-  border-color: #409eff;
-}
 .el-table td .cell {
   padding: 0 10px;
 }

src/xt_pages/outpatientDoctorStation/batch_mode_template.vue

         </div>
 
         <button @click="lili">调试</button>
-        <el-button @click="save">保存</el-button>
+        <el-button type="primary" @click="save">保存</el-button>
       </div>
 
       <el-container>
-        <div style="width: 211px">
+        <div style="width: 211px;border: 1px solid #DCDFE6;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%), 0 0 6px 0 rgb(0 0 0 / 4%);">
           <el-table
             border
             height="550"
               color: '#606266',
             }"
           >
-            <el-table-column type="selection" width="55"> </el-table-column>
-            <el-table-column label="患者姓名" width="155">
+            <el-table-column type="selection" width="55" align="center"> </el-table-column>
+            <el-table-column label="患者姓名" width="152" align="center">
               <template slot-scope="scope">{{ scope.row.name }}</template>
             </el-table-column>
           </el-table>
           <el-tabs
             v-model="editableTabsValue"
             type="border-card"
+            style="min-height: 530px;"
             editable
             @tab-click="dian"
             @edit="handleTabsEdit"
                   color: '#606266',
                 }"
               >
-                <el-table-column fixed label="新增药品名称" width="230">
+                <el-table-column fixed label="新增药品名称" width="240" align="center">
                   <template slot-scope="scope">
                     <el-select
                       filterable
                     </el-select>
                   </template>
                 </el-table-column>
-                <el-table-column label="单次用量" width="200">
+                <el-table-column label="单次用量" width="190">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.single_dose"
                     </el-select>
                   </template>
                 </el-table-column>
-                <el-table-column label="用法" width="125">
+                <el-table-column label="用法" width="130" align="center"> 
                   <template slot-scope="scope">
                     <el-select
                       v-model="scope.row.delivery_way"
                     </el-select>
                   </template>
                 </el-table-column>
-                <el-table-column label="频率" width="120">
+                <el-table-column label="频率" width="130" align="center">
                   <template slot-scope="scope">
                     <el-select
                       v-model="scope.row.execution_frequency"
                     <el-input
                       v-model="scope.row.day"
                       placeholder="请输入"
-                      style="width: 75px"
+                      style="width: 85px"
                     ></el-input
                     >天
                   </template>
                 </el-table-column>
-                <el-table-column label="总量" width="200">
+                <el-table-column label="总量" width="185" align="center">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.prescribing_number"
                     </el-select>
                   </template>
                 </el-table-column>
-                <el-table-column label="单价" width="120">
+                <el-table-column label="单价" width="125" align="center">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.price"
                     >元
                   </template>
                 </el-table-column>
-                <el-table-column label="备注" width="120">
+                <el-table-column label="备注" width="129">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.remark"
                     ></el-input>
                   </template>
                 </el-table-column>
-                <el-table-column label="操作" width="120">
+                <el-table-column label="操作" width="150" align="center">
                   <template slot-scope="scope">
                     <el-button
                       @click.native.prevent="
                         addRow(scope.$index, item.tableDatas)
                       "
-                      type="text"
+                      type="primary"
                       size="small"
-                      style="width: 30px; height: 30px"
-                    >添加
-<!--                      <i class="el-icon-circle-plus-outline"></i>-->
+                      >添加
+                      <!--                      <i class="el-icon-circle-plus-outline"></i>-->
                     </el-button>
                     <el-button
-                      style="width: 30px; height: 30px"
                       @click.native.prevent="
                         deleteRow(scope.$index, item.tableDatas)
                       "
-                      type="text"
+                      type="danger"
                       size="small"
-                    >移除
-<!--                      <i class="el-icon-remove-outline"></i>-->
+                      >移除
+                      <!--                      <i class="el-icon-remove-outline"></i>-->
                     </el-button>
                   </template>
                 </el-table-column>
                   color: '#606266',
                 }"
               >
-                <el-table-column fixed label="新增项目名称" width="230">
+                <el-table-column fixed label="新增项目名称" width="230" align="center">
                   <template slot-scope="scope">
                     <el-select
                       filterable
                     </el-select>
                   </template>
                 </el-table-column>
-                <el-table-column label="组" width="120">
+                <el-table-column label="组" width="100" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.translate }}
                   </template>
                 </el-table-column>
-                <el-table-column label="单次用量" width="200">
+                <el-table-column label="单次用量" width="120" align="center">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.single_dose"
                     {{ scope.row.unit }}
                   </template>
                 </el-table-column>
-                <el-table-column label="用法" width="120">
+                <el-table-column label="用法" width="120" align="center">
                   <template slot-scope="scope">
                     <el-select
                       v-model="scope.row.delivery_way"
                     </el-select>
                   </template>
                 </el-table-column>
-                <el-table-column label="频率" width="120">
+                <el-table-column label="频率" width="120" align="center">
                   <template slot-scope="scope">
                     <el-select
                       v-model="scope.row.execution_frequency"
                     </el-select>
                   </template>
                 </el-table-column>
-                <el-table-column label="天数" width="110">
+                <el-table-column label="天数" width="114" align="center">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.day"
                     >天
                   </template>
                 </el-table-column>
-                <el-table-column label="总量" width="200">
+                <el-table-column label="总量" width="110" align="center">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.prescribing_number"
                     {{ scope.row.unit }}
                   </template>
                 </el-table-column>
-                <el-table-column label="单价" width="120">
+                <el-table-column label="单价" width="120" align="center">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.price"
                     >元
                   </template>
                 </el-table-column>
-                <el-table-column label="备注" width="120">
+                <el-table-column label="备注" width="110" align="center">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.remark"
                     ></el-input>
                   </template>
                 </el-table-column>
-                <el-table-column label="推送频率" width="120" v-if="1==2">
+                <el-table-column label="推送频率" width="100" align="center">
                   <template slot-scope="scope">
-                    <div v-if="scope.row.frequency_type == 1">
+                    <div
+                      v-if="scope.row.frequency_type == 1"
+                      class="frequence"
+                      style="text-align: center"
+                    >
                       {{ "每次必推" }}
                     </div>
-                    <div v-if="scope.row.frequency_type == 2">
+                    <div
+                      v-if="scope.row.frequency_type == 2"
+                      class="frequence"
+                      style="text-align: center"
+                    >
                       {{ scope.row.day_count }}天/次
                     </div>
-                    <div v-if="scope.row.frequency_type == 3">
+                    <div
+                      v-if="scope.row.frequency_type == 3"
+                      class="frequence"
+                      style="text-align: center"
+                    >
                       {{ scope.row.week_days }}
                     </div>
                   </template>
                 </el-table-column>
-                <el-table-column fixed="right" label="操作" width="102">
+                <el-table-column label="操作" width="150" align="center">
                   <template slot-scope="scope">
-<!--                    <el-button-->
-<!--                      @click.native.prevent="addopen(scope.$index)"-->
-<!--                      type="text"-->
-<!--                      size="small">-->
-<!--                      推送-->
-<!--                    </el-button>-->
+                    <!--                    <el-button-->
+                    <!--                      @click.native.prevent="addopen(scope.$index)"-->
+                    <!--                      type="text"-->
+                    <!--                      size="small">-->
+                    <!--                      推送-->
+                    <!--                    </el-button>-->
                     <el-button
                       @click.native.prevent="
                         addRow2(scope.$index, item.project)
                       "
-                      type="text"
+                      type="primary"
                       size="small"
                     >
                       添加
                       @click.native.prevent="
                         deleteRow(scope.$index, item.project)
                       "
-                      type="text"
+                      type="danger"
                       size="small"
                     >
                       移除
               <!--                </el-table-column>-->
               <!--              </el-table>-->
             </el-tab-pane>
-            <el-tab-pane name="more" closable v-if="dayorMonth == 'day'"><span slot="label"><i
-                                class="el-icon-plus"
-                                @click="addTab"></i></span>
-                        </el-tab-pane>
+            <el-tab-pane name="more" closable v-if="dayorMonth == 'day'"
+              ><span slot="label"
+                ><i class="el-icon-plus" @click="addTab"></i
+              ></span>
+            </el-tab-pane>
           </el-tabs>
         </el-main>
       </el-container>
       }
     },
     deleteRow(index, rows) {
-      console.log("index",index)
-      console.log("rows",rows)
-      if(rows.length == 1){
-        this.$message.error("最后一条处方，不能删除")
-        return
+      console.log("index", index);
+      console.log("rows", rows);
+      if (rows.length == 1) {
+        this.$message.error("最后一条处方，不能删除");
+        return;
       }
       rows.splice(index, 1);
     },
     handleSelectionChange(val) {
       this.multipleSelection = val;
     },
-    handleTabsEdit(targetName, action,tab) {
-      this.tabhang = this.editableTabs.length
-      console.log("this.tabhang3",this.tabhang)
+    handleTabsEdit(targetName, action, tab) {
+      this.tabhang = this.editableTabs.length;
+      console.log("this.tabhang3", this.tabhang);
       if (action === "add") {
         let newTabName = ++this.tabIndex + "";
         let tmp = this.editableTabs.length + 1;
         this.editableTabsValue = newTabName;
       }
       if (action === "remove") {
-        if(this.editableTabs.length == 1){
-          this.$message.error("最后一条处方，不能删除")
-          return
+        if (this.editableTabs.length == 1) {
+          this.$message.error("最后一条处方，不能删除");
+          return;
         }
         let tabs = this.editableTabs;
         let activeName = this.editableTabsValue;
 
 
 <style lang="scss" scoped>
+::v-deep .el-tabs__content {
+  padding: 8px;
+}
+
+/deep/ .el-table__fixed {
+  // bottom: 20px !important;
+}
 .app-container {
+  padding: 10px;
   background: #f6f8f9;
   .el-container {
-    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),
-      0 0 60px rgba(0, 0, 0, 0.06) inset;
   }
 }
 ::v-deep .el-table__body-wrapper {
   display: flex;
   justify-content: space-between;
   .banner_left {
-    width: 1000px;
+    width: 960px;
     display: flex;
     justify-content: space-around;
     div {
     }
   }
 }
+.frequence {
+  text-align: center;
+}
+/deep/ .el-button--small {
+  padding: 9px 6px;
+}
 .zone {
   //  margin-left: 30px;
   //  text-align: left;
 }
 .el-main {
   padding-top: 0px;
+  padding-left: 27px;
+  padding-right: 0px;
+  .el-tabs{
+    .el-tabs__content{
+      padding: 12px;
+    }
+  }
 }
+
 .newMain {
   .el-form-item__label {
     width: 104px;
 }
 .newDisinfectOne {
   .el-input--prefix .el-input__inner {
-    padding-left: 15px;
+    // padding-left: 15px;
+    padding-right: 0px !important;
   }
 }
 .stoppage {
   height: 20px;
 }
 
-.el-button {
-  color: #fff;
-  background-color: #409eff;
-  border-color: #409eff;
-}
 .el-table td .cell {
-  padding: 0 10px;
+  padding: 0 5px !important;
 }
 </style>

src/xt_pages/outpatientDoctorStation/batch_replacement.vue

         </div>
 
         <button @click="lili">调试</button>
-        <el-button @click="save">保存</el-button>
+        <el-button type="primary" @click="save">保存</el-button>
       </div>
 
       <el-container>
   height: 20px;
 }
 
-.el-button {
-  color: #fff;
-  background-color: #409eff;
-  border-color: #409eff;
-}
 .el-table td .cell {
   padding: 0 10px;
 }

src/xt_pages/outpatientDoctorStation/components/prescriptionTemplateTable.vue

         <el-table v-if="prescription.advices && prescription.advices.length > 0" :data="prescription.advices" border
                   style="width: 99%;" :row-style="{ color: '#303133' }"
                   :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-            <el-table-column align="center" width="70" label="序号">
+            <el-table-column align="center" width="50" label="序号">
                 <template slot-scope="scope">
                     <div style="display:flex;align-items:center;">
                         <el-input v-model="scope.row.groupno" placeholder=""></el-input>
                     </div>
                 </template>
             </el-table-column>
-            <el-table-column align="center" prop="drug_name" label="名称">
+            <el-table-column align="center" prop="drug_name" label="名称"  width="447" >
                 <template slot-scope="scope"><span :title="scope.row.drug_name">{{ scope.row.drug_name }}</span>
                 </template>
             </el-table-column>
                 </template>
             </el-table-column>
 
-            <el-table-column align="center" prop="remark" width="50" label="推送频率">
+            <el-table-column align="center" prop="remark" width="70" label="推送频率">
                 <template slot-scope="scope">
                     <div v-if="scope.row.frequency_type == 1">{{'每次必推'}}</div>
                     <div v-if="scope.row.frequency_type == 2">{{scope.row.day_count}}天/次</div>
             </el-table-column>
 
 
-            <el-table-column align="center" width="100" prop="name" label="操作">
+            <el-table-column align="center" width="140" prop="name" label="操作">
                 <template slot-scope="scope">
                     <!--<i class="el-icon-delete" @click="deleteDrug(scope.$index, scope.row)"></i>-->
                     <el-button size="mini" type="primary" @click="handleEdit(scope.row,scope.$index)">推送</el-button>