0829

src/api/batch/batch.js

@@ -1,10 +1,27 @@
 import request from '@/utils/request'
 
-export function createArticle(data) {
+export function prescriptiontemplate(params,data) {
   return request({
-    url: '/article/create',
+    url: '/api/his/addstemplate',
     method: 'post',
-    data
+    data:data,
+    params:params,
+  })
+}
+export function replacesavedrug(params,data) {
+  return request({
+    url: '/api/his/replacesavedrug',
+    method: 'post',
+    data:data,
+    params:params,
+  })
+}
+export function replacesaveproject(params,data) {
+  return request({
+    url: '/api/his/replacesaveproject',
+    method: 'post',
+    data:data,
+    params:params,
   })
 }
 
@@ -40,3 +57,35 @@ export function getdrugsinformation(query) {
     params: query
   })
 }
+//替换——获取患者名字
+export function replacepeoplename(query) {
+  return request({
+    url: '/api/his/replacepeoplename',
+    method: 'get',
+    params: query
+  })
+}
+//替换——配置
+export function replaceconfig(query) {
+  return request({
+    url: '/api/his/replaceconfig',
+    method: 'get',
+    params: query
+  })
+}
+//批量删除——药品
+export function deletedrugsbatch(query) {
+  return request({
+    url: '/api/his/deletedrugsbatch',
+    method: 'get',
+    params: query
+  })
+}
+//批量删除——项目
+export function batchdeleteitems(query) {
+  return request({
+    url: '/api/his/batchdeleteitems',
+    method: 'get',
+    params: query
+  })
+}

src/xt_pages/outpatientDoctorStation/batch_delete.vue

@@ -1,161 +1,624 @@
-<template><!--批量删除-->
+<template>
+  <!--批量删除-->
   <div class="main-contain">
     <div class="app-container">
-      <div style="margin-bottom:10px">
-        透析模式:
-        <el-select v-model="value" placeholder="请选择">
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-        新增类型:
-        <el-select v-model="value" placeholder="请选择">
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-        是否选择所有患者:
-        <el-select v-model="value" placeholder="请选择">
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </div>
-      <el-container>
-
-        <div style="width:27%">
-
-          <el-row>
-            <el-table
-              ref="singleTable"
-              :data="patientList"
-              highlight-current-row
-              border
-              @current-change="handleCurrentChange"
-              height="440"
-              :row-style="{ color: '#303133' }"
-              :header-cell-style="{
-                        backgroundColor: 'rgb(245, 247, 250)',
-                        color: '#606266'
-                        }"
+      <div class="bannar_list">
+        <div class="banner_left">
+          <div>
+            透析模式:
+            <el-select
+              v-model="modeOptions_value"
+              placeholder="请选择"
             >
-              <el-table-column align="center" type="selection" width="55">
-                <template slot-scope="scope">
-
-                </template>
-              </el-table-column>
-              <el-table-column prop="date" label="患者姓名" align="center">
-                <template slot-scope="scope">
-                  {{scope.row.name}}
-                </template>
-              </el-table-column>
+              <el-option
+                v-for="item in modeOptions"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div>
+            删除类型:
+            <el-select v-model="new_type" placeholder="请选择" @change="changetype">
+              <el-option
+                v-for="item in options"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div v-if="new_type == 1">
+            请输入需要删除的药品:
+            <el-select
+              v-model="id"
+              placeholder="请选择"
+              @change="getUsername"
+            >
+              <el-option
+                v-for="item in druglist"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div v-if="new_type == 2">
+            请输入需要删除的项目:
+            <el-select
+              v-model="id"
+              placeholder="请选择"
+              @change="getUsername"
+            >
+              <el-option
+                v-for="item in projectlist"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+        </div>
 
+        <button @click="lili">调试</button>
+        <el-button @click="save">保存</el-button>
+      </div>
 
-            </el-table>
-          </el-row>
+      <el-container>
+        <div style="width: 211px">
+          <el-table
+            border
+            ref="multipleTable"
+            :data="tableData"
+            tooltip-effect="dark"
+            style="width: 100%"
+            @selection-change="handleSelectionChange"
+            :row-style="{ color: '#303133' }"
+            :header-cell-style="{
+              backgroundColor: 'rgb(245, 247, 250)',
+              color: '#606266',
+            }"
+          >
+            <el-table-column type="selection" width="55"> </el-table-column>
+            <el-table-column label="患者姓名" width="155">
+              <template slot-scope="scope">{{ scope.row.name }}</template>
+            </el-table-column>
+          </el-table>
         </div>
-        <el-main>
-          <el-tabs v-model="editableTabsValue" type="border-card" editable @edit="handleTabsEdit">
-            <el-tab-pane
-              :key="item.name"
-              v-for="(item, index) in editableTabs"
-              :label="item.title"
-              :name="item.name"
-            >
-              {{item.content}}
-            </el-tab-pane>
-          </el-tabs>
-        </el-main>
+<!--
+        <el-table
+          v-if="new_type == 1"
+          :data="tableDatas"
+          style="width: 100%"
+          max-height="250"
+          border
+          :row-style="{ color: '#303133' }"
+          :header-cell-style="{
+                  backgroundColor: 'rgb(245, 247, 250)',
+                  color: '#606266',
+                }"
+        >
+          <el-table-column fixed label="替换药品名称" width="230">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.drug_name"
+                placeholder="请选择"
+                @change="changeid(scope.row,scope.$index)"
+              >
+                <el-option
+                  v-for="item in druglist"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="单次用量" width="200">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.single_dose"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input>
+              <el-select
+                v-model="scope.row.single_dose_unit"
+                placeholder="请选择"
+                style="width: 90px"
+              >
+                <el-option
+                  v-for="item in unit"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="用法" width="120">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.delivery_way"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in usage"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="频率" width="120">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.execution_frequency"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in frequency"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="天数" width="110">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.day"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input
+              >天
+            </template>
+          </el-table-column>
+          <el-table-column label="总量" width="200">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.prescribing_number"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input>
+              <el-select
+                v-model="scope.row.prescribing_number_unit"
+                placeholder="请选择"
+                style="width: 90px"
+              >
+                <el-option
+                  v-for="item in unit"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="单价" width="120">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.price"
+                style="width: 80px"
+              ></el-input
+              >元
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" width="120">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.remark"
+                placeholder=""
+              ></el-input>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <el-table
+          v-if="new_type == 2"
+          :data="project"
+          style="width: 100%"
+          max-height="250"
+          border
+          :row-style="{ color: '#303133' }"
+          :header-cell-style="{
+                  backgroundColor: 'rgb(245, 247, 250)',
+                  color: '#606266',
+                }"
+        >
+          <el-table-column fixed label="替换项目名称" width="230">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.drug_name"
+                placeholder="请选择"
+                @change="changeid2(scope.row,scope.$index)"
+              >
+                <el-option
+                  v-for="item in projectlist"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="组" width="120">
+            <template slot-scope="scope">
+              {{scope.row.translate}}
+            </template>
+          </el-table-column>
+          <el-table-column label="单次用量" width="200">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.single_dose"
+                placeholder="请输入内容"
+              ></el-input>
+              {{ scope.row.unit }}
+            </template>
+          </el-table-column>
+          <el-table-column label="用法" width="120">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.delivery_way"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in usage"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="频率" width="120">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.execution_frequency"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in frequency"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="天数" width="110">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.day"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input>天
+            </template>
+          </el-table-column>
+          <el-table-column label="总量" width="200">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.prescribing_number"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input>
+              {{ scope.row.unit }}
+            </template>
+          </el-table-column>
+          <el-table-column label="单价" width="120">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.price"
+                style="width: 80px"
+              ></el-input
+              >元
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" width="120">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.remark"
+                placeholder=""
+              ></el-input>
+            </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>
+            </template>
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" width="102">
+            <template slot-scope="scope">
+              <el-button
+                @click.native.prevent="addopen(scope.$index)"
+                type="text"
+                size="small">
+                推送
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        -->
+
       </el-container>
     </div>
-  </div>
+    <el-dialog
+      title="推送频率设置"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose">
+      <span>周期提醒</span>
+      <el-radio-group v-model="frequency_type">
+        <el-radio :label="1">每次必推</el-radio>
+        <el-radio :label="2">天数频率</el-radio>
+        <el-radio :label="3">星期频率</el-radio>
+      </el-radio-group>
+      <div v-if="frequency_type == 2">
+        <el-input style="width: 50px" v-model="day_count"></el-input>&nbsp;
+        天/一次
+      </div>
+      <div v-if="frequency_type == 3">
+        <el-checkbox-group v-model="week_days">
+          <el-checkbox label="周一" name="周一" key="1">周一</el-checkbox>
+          <el-checkbox label="周二" name="周二" key="2">周二</el-checkbox>
+          <el-checkbox label="周三" name="周三" key="3">周三</el-checkbox>
+          <el-checkbox label="周四" name="周四" key="4">周四</el-checkbox>
+          <el-checkbox label="周五" name="周五" key="5">周五</el-checkbox>
+          <el-checkbox label="周六" name="周六" key="6">周六</el-checkbox>
+          <el-checkbox label="周日" name="周日" key="7">周日</el-checkbox>
+        </el-checkbox-group>
+      </div>
 
+      <span slot="footer" class="dialog-footer">
+        <button @click="lili">调试</button>
+    <el-button @click="dialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="baocun">确 定</el-button>
+  </span>
+    </el-dialog>
+  </div>
 </template>
 <script>
+import { gethisusertoalive } from "@/api/deposit";
+import {
+  getdrugsinformation,
+  replacepeoplename,
+  replaceconfig,
+  deletedrugsbatch,
+  batchdeleteitems,
+  getmodeconfigs
+} from "@/api/batch/batch";
 
 export default {
-  data(){
-    return{
-      patientList:[
-        {id:1,name:"张三"}
-      ],
-      tableList:[],
-      editableTabsValue: '2',
-      editableTabs: [{
-        title: 'Tab 1',
-        name: '1',
-        content: 'Tab 1 content'
-      }, {
-        title: 'Tab 2',
-        name: '2',
-        content: 'Tab 2 content'
-      }],
+  data() {
+    return {
+      dialogVisible: false,
+      tableList: [],
+      editableTabsValue: "1",
+      modeOptions: {},
+      tableDatas:[{
+        id: "",
+        drug_name: "",
+        single_dose: 0,
+        single_dose_unit: "",
+        delivery_way: "",
+        execution_frequency: "",
+        day: 0,
+        prescribing_number: 0,
+        prescribing_number_unit: "",
+        price: "",
+        remark: "",
+      },],//药品
+      project:[ {
+        id: "",
+        drug_name: "",
+        translate:"",
+        single_dose: 0,
+        unit: "",
+        delivery_way: "",
+        execution_frequency: "",
+        day: 0,
+        prescribing_number: 0,
+        price: "",
+        remark: "",
+        frequency_type:1,
+        day_count:"",
+        week_days:"",
+      },],//项目
       tabIndex: 2,
-      options: [{
-        value: '选项1',
-        label: '黄金糕'
-      }, {
-        value: '选项2',
-        label: '双皮奶'
-      }, {
-        value: '选项3',
-        label: '蚵仔煎'
-      }, {
-        value: '选项4',
-        label: '龙须面'
-      }, {
-        value: '选项5',
-        label: '北京烤鸭'
-      }],
-      value: ''
+      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,//行数
+
     }
   },
-  created(){
-
+  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]
+    }
+    // console.log("this.modeOptions",this.modeOptions)
+    this.getdrugconfigs();
   },
-  methods:{
-    handleTabsEdit(targetName, action) {
-      if (action === 'add') {
-        let newTabName = ++this.tabIndex + '';
-        this.editableTabs.push({
-          title: 'New Tab',
-          name: newTabName,
-          content: 'New Tab content'
-        });
-        this.editableTabsValue = newTabName;
-      }
-      if (action === 'remove') {
-        let tabs = this.editableTabs;
-        let activeName = this.editableTabsValue;
-        if (activeName === targetName) {
-          tabs.forEach((tab, index) => {
-            if (tab.name === targetName) {
-              let nextTab = tabs[index + 1] || tabs[index - 1];
-              if (nextTab) {
-                activeName = nextTab.name;
-              }
+  methods: {
+    save() {
+      this.$confirm(
+        "注：该操作将会把选中的药品或项目从所选患者处方模板中移除，请确定是否删除?",
+        "",
+        {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning",
+        }
+      ).then(() => {
+        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 + ","
+        }
+        console.log("string",st)
+        let params = {
+          mode_id:this.modeOptions_value,
+          patient_id: st,
+          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)
+            }
+          })
+        }else{
+          batchdeleteitems(params).then((res) =>{
+            if (res.data.state == 1){
+              this.$message.success('删除成功')
+              this.getUsername()
+            }else{
+              this.$message.error(res.data.msg)
             }
-          });
+          })
         }
+      });
+    },
 
-        this.editableTabsValue = activeName;
-        this.editableTabs = tabs.filter(tab => tab.name !== targetName);
+    lili() {
+      console.log("this.multipleSelection",this.multipleSelection);
+      console.log("this.tableData",this.tableData)
+      // console.log("this.mode",this.modeOptions_value)
+      // console.log("this.projectlist2",this.projectlist2)
+      // console.log("patient_value",this.patient_value)
+    },
+    addopen(hang){
+      this.hang = hang
+      //清空
+      this.week_days = [];
+      this.day_count = "";
+      this.frequency_type = 1;
+      this.dialogVisible = true
+    },
+    changetype(){
+      console.log(">>>>>>>",this.new_type)
+      this.id = ""
+      this.tableData = []
+    },
+    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)
+          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].delivery_way = res.data.data.list[0].delivery_way;
+          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].price = res.data.data.list[0].retail_price;
+          this.tableDatas[0].remark = res.data.data.list[0].remark;
+        }
+      })
     },
-    handleCurrentChange(){
-
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+    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)
+          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].day = res.data.data.list[0].day;
+          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
+        }
+      })
+      getmodeconfigs(params).then((res) =>{
+        if (res.data.state == 1){
+          this.frequency = res.data.data.efs
+          this.usage = res.data.data.drugways
+        }
+      })
+    },
+    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
+        }
+      })
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
     }
-  },
-
+  }
 
 }
 </script>
@@ -163,17 +626,29 @@ export default {
 
 
 <style lang="scss" scoped>
-
-.zone{
+.bannar_list {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: space-between;
+.banner_left {
+  width: 1000px;
+  display: flex;
+  justify-content: space-around;
+div {
+  white-space: nowrap;
+}
+}
+}
+.zone {
 //  margin-left: 30px;
 //  text-align: left;
   width: 70px;
   display: inline-block;
-  color:#606266;
+  color: #606266;
 }
-.disinfect{
+.disinfect {
   position: relative;
-.newButton{
+.newButton {
 // position: absolute;
 // right: 2%;
 // top:4px;
@@ -182,36 +657,36 @@ export default {
   margin-left: 90%;
 }
 }
-.disinfectOne{
+.disinfectOne {
   position: relative;
-.newButtonOne{
+.newButtonOne {
   position: absolute;
   right: 0;
   top: -10;
   z-index: 18;
 }
 }
-.but{
+.but {
   width: 200px;
   height: 50px;
 // border: solid 1px red;
   margin-left: 77%;
 }
-.clearn{
+.clearn {
   width: 460px;
   height: 50px;
 // border:solid 1px red;
-  margin-left:650px;
+  margin-left: 650px;
 }
 
-.zClass{
+.zClass {
   width: 200px;
   height: 200px;
 // border:solid 1px red;
   margin-left: 450px;
   margin-top: 200px;
 }
-.warn{
+.warn {
   color: red;
   font-size: 14px;
   width: 100%;
@@ -219,47 +694,44 @@ export default {
   margin-left: 96px;
 }
 
-.userbutton{
+.userbutton {
   margin-bottom: 10px;
-  margin-left: 82%
+  margin-left: 82%;
 }
-
 </style>
 <style lang="scss" >
-
-.a{
+.a {
   margin-bottom: 10px;
   margin-top: 6px;
-
 }
 
-.b{
-.el-button{
+.b {
+.el-button {
   margin-left: 90%;
   margin-bottom: 10px;
 }
 }
 
-.stoppage{
-.el-form-item__label{
-  width:190px;
+.stoppage {
+.el-form-item__label {
+  width: 190px;
 }
 }
-.st{
-.el-form-item__label{
-  width:-10px;
+.st {
+.el-form-item__label {
+  width: -10px;
 }
 }
-.main{
+.main {
   position: relative;
-.newButtonOne{
-  position:absolute;
+.newButtonOne {
+  position: absolute;
   right: 0;
   z-index: 2;
 }
 }
 
-.elbutton{
+.elbutton {
 // border: solid 1px red;
   height: 50px;
   width: 400px;
@@ -280,45 +752,53 @@ export default {
   overflow: hidden;
   padding-left: 4px;
   text-overflow: ellipsis;
-  transition: color .3s;
+  transition: color 0.3s;
   white-space: nowrap;
 }
-.el-main{
+.el-main {
   padding-top: 0px;
 }
-.newMain{
-.el-form-item__label{
+.newMain {
+.el-form-item__label {
   width: 104px;
 }
 }
-.newDisinfectOne{
-.el-input--prefix .el-input__inner{
-  padding-left: 15px
+.newDisinfectOne {
+.el-input--prefix .el-input__inner {
+  padding-left: 15px;
 }
 }
-.stoppage{
-.el-form-item__label{
+.stoppage {
+.el-form-item__label {
   width: 18%;
 }
 }
-.newItem{
-.el-form-item__label{
+.newItem {
+.el-form-item__label {
   width: 130px;
 }
 }
-.formItem{
-.el-form-item__label{
+.formItem {
+.el-form-item__label {
   width: 104px;
   line-height: 30px;
 }
 }
-.newname{
-.el-form-item__label{
+.newname {
+.el-form-item__label {
   width: 60px;
 }
 }
-::-webkit-scrollbar{
+::-webkit-scrollbar {
   height: 20px;
 }
 
+.el-button {
+  color: #fff;
+  background-color: #409eff;
+  border-color: #409eff;
+}
+.el-table td .cell {
+  padding: 0 10px;
+}
 </style>

src/xt_pages/outpatientDoctorStation/batch_mode_template.vue

@@ -22,7 +22,7 @@
           </div>
           <div>
             新增类型:
-            <el-select v-model="new_type" placeholder="请选择">
+            <el-select v-model="new_type" placeholder="请选择" @change="changetype">
               <el-option
                 v-for="item in options"
                 :key="item.id"
@@ -166,9 +166,9 @@
                     >
                       <el-option
                         v-for="item in usage"
-                        :key="item.id"
+                        :key="item.name"
                         :label="item.name"
-                        :value="item.id"
+                        :value="item.name"
                       >
                       </el-option>
                     </el-select>
@@ -182,9 +182,9 @@
                     >
                       <el-option
                         v-for="item in frequency"
-                        :key="item.id"
+                        :key="item.name"
                         :label="item.name"
-                        :value="item.id"
+                        :value="item.name"
                       >
                       </el-option>
                     </el-select>
@@ -270,8 +270,14 @@
                 :data="item.project"
                 style="width: 100%"
                 max-height="250"
+                border
+                :row-style="{ color: '#303133' }"
+                :header-cell-style="{
+                  backgroundColor: 'rgb(245, 247, 250)',
+                  color: '#606266',
+                }"
               >
-                <el-table-column fixed label="新增项目名称" width="250">
+                <el-table-column fixed label="新增项目名称" width="230">
                   <template slot-scope="scope">
                     <el-select
                       v-model="scope.row.drug_name"
@@ -290,11 +296,11 @@
                   </template>
                 </el-table-column>
                 <el-table-column label="组" width="120">
-                  <template slot-scope="scope" width="100">
-                    {{scrope.row.translate}}
+                  <template slot-scope="scope">
+                    {{scope.row.translate}}
                   </template>
                 </el-table-column>
-                <el-table-column label="单次用量" width="120">
+                <el-table-column label="单次用量" width="200">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.single_dose"
@@ -311,9 +317,9 @@
                     >
                       <el-option
                         v-for="item in usage"
-                        :key="item.id"
+                        :key="item.name"
                         :label="item.name"
-                        :value="item.id"
+                        :value="item.name"
                       >
                       </el-option>
                     </el-select>
@@ -327,36 +333,38 @@
                     >
                       <el-option
                         v-for="item in frequency"
-                        :key="item.id"
+                        :key="item.name"
                         :label="item.name"
-                        :value="item.id"
+                        :value="item.name"
                       >
                       </el-option>
                     </el-select>
                   </template>
                 </el-table-column>
-                <el-table-column label="天数" width="120">
+                <el-table-column label="天数" width="110">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.day"
-                      placeholder="请输入内容"
-                    ></el-input
-                    >天
+                      placeholder="请输入"
+                      style="width: 75px"
+                    ></el-input>天
                   </template>
                 </el-table-column>
-                <el-table-column label="总量" width="120">
+                <el-table-column label="总量" width="200">
                   <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.prescribing_number"
-                      placeholder="请输入内容"
+                      placeholder="请输入"
+                      style="width: 75px"
                     ></el-input>
                     {{ scope.row.unit }}
                   </template>
                 </el-table-column>
                 <el-table-column label="单价" width="120">
-                  <template slot-scope="scope"><!--:disabled="true"-->
+                  <template slot-scope="scope">
                     <el-input
                       v-model="scope.row.price"
+                      style="width: 80px"
                     ></el-input
                     >元
                   </template>
@@ -369,7 +377,14 @@
                     ></el-input>
                   </template>
                 </el-table-column>
-                <el-table-column fixed="right" label="操作" width="120">
+                <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>
+                  </template>
+                </el-table-column>
+                <el-table-column fixed="right" label="操作" width="102">
                   <template slot-scope="scope">
                     <el-button
                       @click.native.prevent="addopen(scope.$index)"
@@ -398,8 +413,142 @@
                   </template>
                 </el-table-column>
               </el-table>
-            </el-tab-pane>
 
+<!--              <el-table-->
+<!--                v-if="new_type == 2"-->
+<!--                :data="item.project"-->
+<!--                style="width: 100%"-->
+<!--                max-height="250"-->
+<!--              >-->
+<!--                <el-table-column fixed label="新增项目名称" width="250">-->
+<!--                  <template slot-scope="scope2">-->
+<!--                    <el-select-->
+<!--                      v-model="scope2.row.drug_name"-->
+<!--                      placeholder="请选择"-->
+<!--                      @focus="clicktmp(item.patient_value,scope2.row,item)"-->
+<!--                      @change="changeid2(scope2.row,scope2.$index)"-->
+<!--                    >-->
+<!--                      <el-option-->
+<!--                        v-for="item in tmplist"-->
+<!--                        :key="item.id"-->
+<!--                        :label="item.name"-->
+<!--                        :value="item.id"-->
+<!--                      >-->
+<!--                      </el-option>-->
+<!--                    </el-select>-->
+<!--                  </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column label="组" width="120">-->
+<!--                  <template slot-scope="scope2" width="100">-->
+<!--                    {{scope2.row.translate}}-->
+<!--                  </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column label="单次用量" width="120">-->
+<!--                  <template slot-scope="scope2">-->
+<!--                    <el-input-->
+<!--                      v-model="scope2.row.single_dose"-->
+<!--                      placeholder="请输入内容"-->
+<!--                    ></el-input>-->
+<!--                    {{ scope2.row.unit }}-->
+<!--                  </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column label="用法" width="120">-->
+<!--                  <template slot-scope="scope2">-->
+<!--                    <el-select-->
+<!--                      v-model="scope2.row.delivery_way"-->
+<!--                      placeholder="请选择"-->
+<!--                    >-->
+<!--                      <el-option-->
+<!--                        v-for="item in usage"-->
+<!--                        :key="item.id"-->
+<!--                        :label="item.name"-->
+<!--                        :value="item.id"-->
+<!--                      >-->
+<!--                      </el-option>-->
+<!--                    </el-select>-->
+<!--                  </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column label="频率" width="120">-->
+<!--                  <template slot-scope="scope2">-->
+<!--                    <el-select-->
+<!--                      v-model="scope2.row.execution_frequency"-->
+<!--                      placeholder="请选择"-->
+<!--                    >-->
+<!--                      <el-option-->
+<!--                        v-for="item in frequency"-->
+<!--                        :key="item.id"-->
+<!--                        :label="item.name"-->
+<!--                        :value="item.id"-->
+<!--                      >-->
+<!--                      </el-option>-->
+<!--                    </el-select>-->
+<!--                  </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column label="天数" width="120">-->
+<!--                  <template slot-scope="scope2">-->
+<!--                    <el-input-->
+<!--                      v-model="scope2.row.day"-->
+<!--                      placeholder="请输入内容"-->
+<!--                    ></el-input-->
+<!--                    >天-->
+<!--                  </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column label="总量" width="120">-->
+<!--                  <template slot-scope="scope2">-->
+<!--                    <el-input-->
+<!--                      v-model="scope2.row.prescribing_number"-->
+<!--                      placeholder="请输入内容"-->
+<!--                    ></el-input>-->
+<!--                    {{ scope.row.unit }}-->
+<!--                  </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column label="单价" width="120">-->
+<!--                  <template slot-scope="scope2">&lt;!&ndash;:disabled="true"&ndash;&gt;-->
+<!--                    <el-input-->
+<!--                      v-model="scope2.row.price"-->
+<!--                    ></el-input-->
+<!--                    >元-->
+<!--                  </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column label="备注" width="120">-->
+<!--                  <template slot-scope="scope2">-->
+<!--                    <el-input-->
+<!--                      v-model="scope2.row.remark"-->
+<!--                      placeholder=""-->
+<!--                    ></el-input>-->
+<!--                  </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column fixed="right" label="操作" width="120">-->
+<!--                  <template slot-scope="scope2">-->
+<!--                    <el-button-->
+<!--                      @click.native.prevent="addopen(scope2.$index)"-->
+<!--                      type="text"-->
+<!--                      size="small">-->
+<!--                      推送-->
+<!--                    </el-button>-->
+<!--                    <el-button-->
+<!--                      @click.native.prevent="-->
+<!--                        addRow2(scope2.$index, item.project)-->
+<!--                      "-->
+<!--                      type="text"-->
+<!--                      size="small"-->
+<!--                    >-->
+<!--                      添加-->
+<!--                    </el-button>-->
+<!--                    <el-button-->
+<!--                      @click.native.prevent="-->
+<!--                        deleteRow(scope2.$index, item.project)-->
+<!--                      "-->
+<!--                      type="text"-->
+<!--                      size="small"-->
+<!--                    >-->
+<!--                      移除-->
+<!--                    </el-button>-->
+<!--                  </template>-->
+<!--                </el-table-column>-->
+<!--              </el-table>-->
+
+            </el-tab-pane>
           </el-tabs>
         </el-main>
       </el-container>
@@ -446,6 +595,7 @@ import {
   getdrugsname,
   getmodeconfigs,
   getdrugsinformation,
+  prescriptiontemplate
 } from "@/api/batch/batch";
 
 export default {
@@ -464,11 +614,11 @@ export default {
           tableDatas: [
             {
               id: "",
-              drug_name: "王小美",
+              drug_name: "",
               single_dose: 0,
               single_dose_unit: "",
-              delivery_way: "给药途径",
-              execution_frequency: "执行频率",
+              delivery_way: "",
+              execution_frequency: "",
               day: 0,
               prescribing_number: 0,
               prescribing_number_unit: "",
@@ -479,17 +629,17 @@ export default {
           project: [
             {
               id: "",
-              drug_name: "王小美",
-              translate:"组",
+              drug_name: "",
+              translate:"",
               single_dose: 0,
-              unit: "嘎",
-              delivery_way: "给药途径",
-              execution_frequency: "执行频率",
+              unit: "",
+              delivery_way: "",
+              execution_frequency: "",
               day: 0,
               prescribing_number: 0,
               price: "",
               remark: "",
-              frequency_type:"",
+              frequency_type:1,
               day_count:"",
               week_days:"",
             },
@@ -498,7 +648,7 @@ export default {
       ],
       tabIndex: 2,
       modeOptions_value: 1, //透析模式
-      multipleSelection: [],
+      multipleSelection: [],//选中的患者
       tableData:[],
       options:[{id:1,name:"药品"},{id:2,name:"项目"}],
       options_patient:[{id:1,name:"是"},{id:2,name:"否"}],
@@ -543,13 +693,38 @@ export default {
           cancelButtonText: "取 消",
           type: "warning",
         }
-      ).then(() => {});
+      ).then(() => {
+        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 + ","
+        }
+        console.log("string",st)
+        let params = {
+          mode_id:this.modeOptions_value,
+          patient_id: st,
+          type:this.new_type,
+        }
+        let data = {
+          "prescriptions": this.editableTabs
+        }
+        prescriptiontemplate(params,data).then((res) =>{
+          if (res.data.state == 1){
+            this.$message.success('保存成功')
+          }else{
+            this.$message.error(res.data.msg)
+          }
+        })
+      });
     },
 
     lili() {
-      console.log("this.hang",this.hang);
-      console.log("this.week_days",this.week_days)
-      console.log("this.editableTabs",this.editableTabs)
+      console.log("this.editableTabs",this.editableTabs);
+      // console.log("this.week_days",this.week_days)
+      // console.log("this.editableTabs",this.editableTabs)
       // console.log("this.projectlist2",this.projectlist2)
       // console.log("patient_value",this.patient_value)
     },
@@ -561,6 +736,47 @@ export default {
       this.frequency_type = 1;
       this.dialogVisible = true
     },
+    changetype(){
+      console.log(">>>>>>>",this.new_type)
+      this.editableTabs = [{
+        title: "处方1",
+        name: "1",
+        patient_value: 1,
+        tableDatas: [
+          {
+            id: "",
+            drug_name: "",
+            single_dose: 0,
+            single_dose_unit: "",
+            delivery_way: "",
+            execution_frequency: "",
+            day: 0,
+            prescribing_number: 0,
+            prescribing_number_unit: "",
+            price: "",
+            remark: "",
+          },
+        ],
+        project: [
+          {
+            id: "",
+            drug_name: "",
+            translate:"",
+            single_dose: 0,
+            unit: "",
+            delivery_way: "",
+            execution_frequency: "",
+            day: 0,
+            prescribing_number: 0,
+            price: "",
+            remark: "",
+            frequency_type:1,
+            day_count:"",
+            week_days:"",
+          },
+        ],
+      },];
+    },
     baocun(){
       let tmp = ""
       for (let i = 0;i < this.week_days.length;i++){
@@ -600,8 +816,8 @@ export default {
       })
     },
     changeid2(item,index){
-      console.log("ididiididid",item)
-      console.log("index???",index)
+      console.log("this.tabhang",this.tabhang)
+      console.log("this.hang???",this.hang)
       this.hang = index
       item.id = item.drug_name
       var params = {
@@ -622,9 +838,10 @@ export default {
         }
       })
     },
-    clicktmp(tmp,item){
-      // console.log("hahahhatmp",tmp)
-      // console.log("hahahitem",item)
+    clicktmp(tmp,ite,item){
+      console.log("？？？？？？？hatmp",tmp)
+      console.log("？？？？？？hscope2.rowitem",ite)
+      console.log("？？？？？？item",item)
       if (this.new_type == 1){
         if(tmp == 2){
           this.tmplist = this.druglist
@@ -664,8 +881,8 @@ export default {
         drug_name: '',
         single_dose:0,
         single_dose_unit: '',
-        delivery_way: '给药途径',
-        execution_frequency: '执行频率',
+        delivery_way: '',
+        execution_frequency: '',
         day: 0,
         prescribing_number:0,
         prescribing_number_unit:"",
@@ -676,11 +893,11 @@ export default {
     addRow2(index, rows){
       rows.splice(index+1,0,{
         id: "",
-        drug_name: "王小美",
+        drug_name: "",
         single_dose: 0,
-        unit: "嘎",
-        delivery_way: "给药途径",
-        execution_frequency: "执行频率",
+        unit: "",
+        delivery_way: "",
+        execution_frequency: "",
         day: 0,
         prescribing_number: 0,
         price: "",
@@ -749,8 +966,8 @@ export default {
               drug_name: "",
               single_dose: 0,
               single_dose_unit: "",
-              delivery_way: "给药途径",
-              execution_frequency: "执行频率",
+              delivery_way: "",
+              execution_frequency: "",
               day: 0,
               prescribing_number: 0,
               prescribing_number_unit: "",
@@ -761,11 +978,11 @@ export default {
           project: [
             {
               id: "",
-              drug_name: "王小美",
+              drug_name: "",
               single_dose: 0,
-              unit: "嘎",
-              delivery_way: "给药途径",
-              execution_frequency: "执行频率",
+              unit: "",
+              delivery_way: "",
+              execution_frequency: "",
               day: 0,
               prescribing_number: 0,
               price: "",

src/xt_pages/outpatientDoctorStation/batch_replacement.vue

@@ -1,161 +1,632 @@
-<template><!--批量替换-->
+<template>
+  <!--批量替换-->
   <div class="main-contain">
     <div class="app-container">
-      <div style="margin-bottom:10px">
-        透析模式:
-        <el-select v-model="value" placeholder="请选择">
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-        新增类型:
-        <el-select v-model="value" placeholder="请选择">
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-        是否选择所有患者:
-        <el-select v-model="value" placeholder="请选择">
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </div>
-      <el-container>
-
-        <div style="width:27%">
-
-          <el-row>
-            <el-table
-              ref="singleTable"
-              :data="patientList"
-              highlight-current-row
-              border
-              @current-change="handleCurrentChange"
-              height="440"
-              :row-style="{ color: '#303133' }"
-              :header-cell-style="{
-                        backgroundColor: 'rgb(245, 247, 250)',
-                        color: '#606266'
-                        }"
+      <div class="bannar_list">
+        <div class="banner_left">
+          <div>
+            透析模式:
+            <el-select
+              v-model="modeOptions_value"
+              placeholder="请选择"
             >
-              <el-table-column align="center" type="selection" width="55">
-                <template slot-scope="scope">
-
-                </template>
-              </el-table-column>
-              <el-table-column prop="date" label="患者姓名" align="center">
-                <template slot-scope="scope">
-                  {{scope.row.name}}
-                </template>
-              </el-table-column>
+              <el-option
+                v-for="item in modeOptions"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div>
+            替换类型:
+            <el-select v-model="new_type" placeholder="请选择" @change="changetype">
+              <el-option
+                v-for="item in options"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div v-if="new_type == 1">
+            请输入需要替换的药品:
+            <el-select
+              v-model="id"
+              placeholder="请选择"
+              @change="getUsername"
+            >
+              <el-option
+                v-for="item in druglist"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div v-if="new_type == 2">
+            请输入需要替换的项目:
+            <el-select
+              v-model="id"
+              placeholder="请选择"
+              @change="getUsername"
+            >
+              <el-option
+                v-for="item in projectlist"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+        </div>
 
+        <button @click="lili">调试</button>
+        <el-button @click="save">保存</el-button>
+      </div>
 
-            </el-table>
-          </el-row>
+      <el-container>
+        <div style="width: 211px">
+          <el-table
+            border
+            ref="multipleTable"
+            :data="tableData"
+            tooltip-effect="dark"
+            style="width: 100%"
+            @selection-change="handleSelectionChange"
+            :row-style="{ color: '#303133' }"
+            :header-cell-style="{
+              backgroundColor: 'rgb(245, 247, 250)',
+              color: '#606266',
+            }"
+          >
+            <el-table-column type="selection" width="55"> </el-table-column>
+            <el-table-column label="患者姓名" width="155">
+              <template slot-scope="scope">{{ scope.row.name }}</template>
+            </el-table-column>
+          </el-table>
         </div>
-        <el-main>
-          <el-tabs v-model="editableTabsValue" type="border-card" editable @edit="handleTabsEdit">
-            <el-tab-pane
-              :key="item.name"
-              v-for="(item, index) in editableTabs"
-              :label="item.title"
-              :name="item.name"
-            >
-              {{item.content}}
-            </el-tab-pane>
-          </el-tabs>
-        </el-main>
+
+        <el-table
+          v-if="new_type == 1"
+          :data="tableDatas"
+          style="width: 100%"
+          max-height="250"
+          border
+          :row-style="{ color: '#303133' }"
+          :header-cell-style="{
+                  backgroundColor: 'rgb(245, 247, 250)',
+                  color: '#606266',
+                }"
+        >
+          <el-table-column fixed label="替换药品名称" width="230">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.drug_name"
+                placeholder="请选择"
+                @change="changeid(scope.row,scope.$index)"
+              >
+                <el-option
+                  v-for="item in druglist"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="单次用量" width="200">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.single_dose"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input>
+              <el-select
+                v-model="scope.row.single_dose_unit"
+                placeholder="请选择"
+                style="width: 90px"
+              >
+                <el-option
+                  v-for="item in unit"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="用法" width="120">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.delivery_way"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in usage"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="频率" width="120">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.execution_frequency"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in frequency"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="天数" width="110">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.day"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input
+              >天
+            </template>
+          </el-table-column>
+          <el-table-column label="总量" width="200">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.prescribing_number"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input>
+              <el-select
+                v-model="scope.row.prescribing_number_unit"
+                placeholder="请选择"
+                style="width: 90px"
+              >
+                <el-option
+                  v-for="item in unit"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="单价" width="120">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.price"
+                style="width: 80px"
+              ></el-input
+              >元
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" width="120">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.remark"
+                placeholder=""
+              ></el-input>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <el-table
+          v-if="new_type == 2"
+          :data="project"
+          style="width: 100%"
+          max-height="250"
+          border
+          :row-style="{ color: '#303133' }"
+          :header-cell-style="{
+                  backgroundColor: 'rgb(245, 247, 250)',
+                  color: '#606266',
+                }"
+        >
+          <el-table-column fixed label="替换项目名称" width="230">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.drug_name"
+                placeholder="请选择"
+                @change="changeid2(scope.row,scope.$index)"
+              >
+                <el-option
+                  v-for="item in projectlist"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="组" width="120">
+            <template slot-scope="scope">
+              {{scope.row.translate}}
+            </template>
+          </el-table-column>
+          <el-table-column label="单次用量" width="200">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.single_dose"
+                placeholder="请输入内容"
+              ></el-input>
+              {{ scope.row.unit }}
+            </template>
+          </el-table-column>
+          <el-table-column label="用法" width="120">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.delivery_way"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in usage"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="频率" width="120">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.execution_frequency"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in frequency"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="天数" width="110">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.day"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input>天
+            </template>
+          </el-table-column>
+          <el-table-column label="总量" width="200">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.prescribing_number"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input>
+              {{ scope.row.unit }}
+            </template>
+          </el-table-column>
+          <el-table-column label="单价" width="120">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.price"
+                style="width: 80px"
+              ></el-input
+              >元
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" width="120">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.remark"
+                placeholder=""
+              ></el-input>
+            </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>
+            </template>
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" width="102">
+            <template slot-scope="scope">
+              <el-button
+                @click.native.prevent="addopen(scope.$index)"
+                type="text"
+                size="small">
+                推送
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
       </el-container>
     </div>
-  </div>
+    <el-dialog
+      title="推送频率设置"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose">
+      <span>周期提醒</span>
+      <el-radio-group v-model="frequency_type">
+        <el-radio :label="1">每次必推</el-radio>
+        <el-radio :label="2">天数频率</el-radio>
+        <el-radio :label="3">星期频率</el-radio>
+      </el-radio-group>
+      <div v-if="frequency_type == 2">
+        <el-input style="width: 50px" v-model="day_count"></el-input>&nbsp;
+        天/一次
+      </div>
+      <div v-if="frequency_type == 3">
+        <el-checkbox-group v-model="week_days">
+          <el-checkbox label="周一" name="周一" key="1">周一</el-checkbox>
+          <el-checkbox label="周二" name="周二" key="2">周二</el-checkbox>
+          <el-checkbox label="周三" name="周三" key="3">周三</el-checkbox>
+          <el-checkbox label="周四" name="周四" key="4">周四</el-checkbox>
+          <el-checkbox label="周五" name="周五" key="5">周五</el-checkbox>
+          <el-checkbox label="周六" name="周六" key="6">周六</el-checkbox>
+          <el-checkbox label="周日" name="周日" key="7">周日</el-checkbox>
+        </el-checkbox-group>
+      </div>
 
+      <span slot="footer" class="dialog-footer">
+        <button @click="lili">调试</button>
+    <el-button @click="dialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="baocun">确 定</el-button>
+  </span>
+    </el-dialog>
+  </div>
 </template>
 <script>
+import { gethisusertoalive } from "@/api/deposit";
+import {
+  getdrugsinformation,
+  replacepeoplename,
+  replaceconfig,
+  replacesavedrug,
+  replacesaveproject,
+  getmodeconfigs
+} from "@/api/batch/batch";
 
 export default {
-  data(){
-    return{
-      patientList:[
-        {id:1,name:"张三"}
-      ],
-      tableList:[],
-      editableTabsValue: '2',
-      editableTabs: [{
-        title: 'Tab 1',
-        name: '1',
-        content: 'Tab 1 content'
-      }, {
-        title: 'Tab 2',
-        name: '2',
-        content: 'Tab 2 content'
-      }],
+  data() {
+    return {
+      dialogVisible: false,
+      tableList: [],
+      editableTabsValue: "1",
+      modeOptions: {},
+      tableDatas:[{
+        id: "",
+        drug_name: "",
+        single_dose: 0,
+        single_dose_unit: "",
+        delivery_way: "",
+        execution_frequency: "",
+        day: 0,
+        prescribing_number: 0,
+        prescribing_number_unit: "",
+        price: "",
+        remark: "",
+      },],//药品
+      project:[ {
+        id: "",
+        drug_name: "",
+        translate:"",
+        single_dose: 0,
+        unit: "",
+        delivery_way: "",
+        execution_frequency: "",
+        day: 0,
+        prescribing_number: 0,
+        price: "",
+        remark: "",
+        frequency_type:1,
+        day_count:"",
+        week_days:"",
+      },],//项目
       tabIndex: 2,
-      options: [{
-        value: '选项1',
-        label: '黄金糕'
-      }, {
-        value: '选项2',
-        label: '双皮奶'
-      }, {
-        value: '选项3',
-        label: '蚵仔煎'
-      }, {
-        value: '选项4',
-        label: '龙须面'
-      }, {
-        value: '选项5',
-        label: '北京烤鸭'
-      }],
-      value: ''
+      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,//行数
+
     }
   },
-  created(){
-
+  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]
+    }
+    // console.log("this.modeOptions",this.modeOptions)
+    this.getdrugconfigs();
   },
-  methods:{
-    handleTabsEdit(targetName, action) {
-      if (action === 'add') {
-        let newTabName = ++this.tabIndex + '';
-        this.editableTabs.push({
-          title: 'New Tab',
-          name: newTabName,
-          content: 'New Tab content'
-        });
-        this.editableTabsValue = newTabName;
-      }
-      if (action === 'remove') {
-        let tabs = this.editableTabs;
-        let activeName = this.editableTabsValue;
-        if (activeName === targetName) {
-          tabs.forEach((tab, index) => {
-            if (tab.name === targetName) {
-              let nextTab = tabs[index + 1] || tabs[index - 1];
-              if (nextTab) {
-                activeName = nextTab.name;
-              }
+  methods: {
+    save() {
+      this.$confirm(
+        "注：该操作将会把所选患者的XX透析模式中的新增XXX，请确定是否保存?",
+        "",
+        {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning",
+        }
+      ).then(() => {
+        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 + ","
+        }
+        console.log("string",st)
+        let params = {
+          mode_id:this.modeOptions_value,
+          patient_id: st,
+          type:this.new_type,
+          replaced: this.id,
+        }
+        let data1 = {
+          "prescriptions": this.tableDatas
+        }
+        let data2 = {
+          "prescriptions": this.project
+        }
+        if (this.new_type == 1){
+          replacesavedrug(params,data1).then((res) =>{
+            if (res.data.state == 1){
+              this.$message.success('替换成功')
+              this.multipleSelection = []
+              this.druglist = []
+              this.projectlist = []
+            }else{
+              this.$message.error(res.data.msg)
             }
-          });
+          })
+        }else{
+          replacesaveproject(params,data2).then((res) =>{
+            if (res.data.state == 1){
+              this.$message.success('替换成功')
+              this.multipleSelection = []
+              this.druglist = []
+              this.projectlist = []
+            }else{
+              this.$message.error(res.data.msg)
+            }
+          })
         }
+      });
+    },
 
-        this.editableTabsValue = activeName;
-        this.editableTabs = tabs.filter(tab => tab.name !== targetName);
+    lili() {
+      console.log("this.multipleSelection",this.multipleSelection);
+      console.log("this.tableData",this.tableData)
+      // console.log("this.mode",this.modeOptions_value)
+      // console.log("this.projectlist2",this.projectlist2)
+      // console.log("patient_value",this.patient_value)
+    },
+    addopen(hang){
+      this.hang = hang
+      //清空
+      this.week_days = [];
+      this.day_count = "";
+      this.frequency_type = 1;
+      this.dialogVisible = true
+    },
+    changetype(){
+      console.log(">>>>>>>",this.new_type)
+      this.id = ""
+      this.tableData = []
+    },
+    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)
+          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].delivery_way = res.data.data.list[0].delivery_way;
+          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].price = res.data.data.list[0].retail_price;
+          this.tableDatas[0].remark = res.data.data.list[0].remark;
+        }
+      })
     },
-    handleCurrentChange(){
-
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+    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)
+          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].day = res.data.data.list[0].day;
+          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
+        }
+      })
+      getmodeconfigs(params).then((res) =>{
+        if (res.data.state == 1){
+          this.frequency = res.data.data.efs
+          this.usage = res.data.data.drugways
+        }
+      })
+    },
+    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
+        }
+      })
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
     }
-  },
-
+  }
 
 }
 </script>
@@ -163,17 +634,29 @@ export default {
 
 
 <style lang="scss" scoped>
-
-.zone{
+.bannar_list {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: space-between;
+.banner_left {
+  width: 1000px;
+  display: flex;
+  justify-content: space-around;
+div {
+  white-space: nowrap;
+}
+}
+}
+.zone {
 //  margin-left: 30px;
 //  text-align: left;
   width: 70px;
   display: inline-block;
-  color:#606266;
+  color: #606266;
 }
-.disinfect{
+.disinfect {
   position: relative;
-.newButton{
+.newButton {
 // position: absolute;
 // right: 2%;
 // top:4px;
@@ -182,36 +665,36 @@ export default {
   margin-left: 90%;
 }
 }
-.disinfectOne{
+.disinfectOne {
   position: relative;
-.newButtonOne{
+.newButtonOne {
   position: absolute;
   right: 0;
   top: -10;
   z-index: 18;
 }
 }
-.but{
+.but {
   width: 200px;
   height: 50px;
 // border: solid 1px red;
   margin-left: 77%;
 }
-.clearn{
+.clearn {
   width: 460px;
   height: 50px;
 // border:solid 1px red;
-  margin-left:650px;
+  margin-left: 650px;
 }
 
-.zClass{
+.zClass {
   width: 200px;
   height: 200px;
 // border:solid 1px red;
   margin-left: 450px;
   margin-top: 200px;
 }
-.warn{
+.warn {
   color: red;
   font-size: 14px;
   width: 100%;
@@ -219,47 +702,44 @@ export default {
   margin-left: 96px;
 }
 
-.userbutton{
+.userbutton {
   margin-bottom: 10px;
-  margin-left: 82%
+  margin-left: 82%;
 }
-
 </style>
 <style lang="scss" >
-
-.a{
+.a {
   margin-bottom: 10px;
   margin-top: 6px;
-
 }
 
-.b{
-.el-button{
+.b {
+.el-button {
   margin-left: 90%;
   margin-bottom: 10px;
 }
 }
 
-.stoppage{
-.el-form-item__label{
-  width:190px;
+.stoppage {
+.el-form-item__label {
+  width: 190px;
 }
 }
-.st{
-.el-form-item__label{
-  width:-10px;
+.st {
+.el-form-item__label {
+  width: -10px;
 }
 }
-.main{
+.main {
   position: relative;
-.newButtonOne{
-  position:absolute;
+.newButtonOne {
+  position: absolute;
   right: 0;
   z-index: 2;
 }
 }
 
-.elbutton{
+.elbutton {
 // border: solid 1px red;
   height: 50px;
   width: 400px;
@@ -280,45 +760,53 @@ export default {
   overflow: hidden;
   padding-left: 4px;
   text-overflow: ellipsis;
-  transition: color .3s;
+  transition: color 0.3s;
   white-space: nowrap;
 }
-.el-main{
+.el-main {
   padding-top: 0px;
 }
-.newMain{
-.el-form-item__label{
+.newMain {
+.el-form-item__label {
   width: 104px;
 }
 }
-.newDisinfectOne{
-.el-input--prefix .el-input__inner{
-  padding-left: 15px
+.newDisinfectOne {
+.el-input--prefix .el-input__inner {
+  padding-left: 15px;
 }
 }
-.stoppage{
-.el-form-item__label{
+.stoppage {
+.el-form-item__label {
   width: 18%;
 }
 }
-.newItem{
-.el-form-item__label{
+.newItem {
+.el-form-item__label {
   width: 130px;
 }
 }
-.formItem{
-.el-form-item__label{
+.formItem {
+.el-form-item__label {
   width: 104px;
   line-height: 30px;
 }
 }
-.newname{
-.el-form-item__label{
+.newname {
+.el-form-item__label {
   width: 60px;
 }
 }
-::-webkit-scrollbar{
+::-webkit-scrollbar {
   height: 20px;
 }
 
+.el-button {
+  color: #fff;
+  background-color: #409eff;
+  border-color: #409eff;
+}
+.el-table td .cell {
+  padding: 0 10px;
+}
 </style>

src/xt_pages/outpatientDoctorStation/prescriptionTemplate.vue

@@ -3,8 +3,8 @@
         <div class="position">
             <bread-crumb :crumbs='crumbs'></bread-crumb>
             <el-button type="primary" @click="batchAdds">批量新增</el-button>
-            <el-button type="primary" @click="batchAdds">批量替换</el-button>
-            <el-button type="primary" @click="batchAdds">批量删除</el-button>
+            <el-button type="primary" @click="batchReplace">批量替换</el-button>
+            <el-button type="primary" @click="batchDeletes">批量删除</el-button>
             <el-button type="primary" @click="add">新增</el-button>
 
         </div>