Merge branch '20201109_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20201109_pc_vue_new_branch

src/xt_pages/hospitalStation/components/deskPrescription.vue

@@ -2463,6 +2463,7 @@
                 if (obj.type == 3) {
                   obj.single_dose = 1
                 }
+                console.log(obj)
                 this.prescriptions[i].project.push(obj)
               }
               this.curStatus = 2

src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue

@@ -711,6 +711,7 @@
               obj['id'] = drug_month_prescriptions.advices[a].drug_id
               // obj['retail_price'] = obj['retail_price'] +  drug_month_prescriptions.advices[a].drug.retail_price
               obj['retail_price'] = parseFloat(drug_month_prescriptions.advices[a].price)
+              obj['drug'] = drug_month_prescriptions.advices[a].drug
               count = count + drug_month_prescriptions.advices[a].prescribing_number
 
             }
@@ -776,9 +777,6 @@
           }
         }
 
-        console.log(drugs)
-        console.log(projects)
-        console.log(additions)
 
         let p1 = {
           name: '处方' + 1,
@@ -786,7 +784,7 @@
           project: [],
           type: 1,
           addition: additions
-        }
+        };
         let p2 = {
           name: '处方' + 2,
           type: 2,
@@ -794,12 +792,12 @@
           advices: [],
           addition: []
 
-        }
-        console.log(this.month_prescriptions)
-        console.log(this.curMonthPrescriptions)
+        };
+        console.log(this.month_prescriptions);
+        console.log(this.curMonthPrescriptions);
 
-        this.month_prescriptions.push(p1)
-        this.month_prescriptions.push(p2)
+        this.month_prescriptions.push(p1);
+        this.month_prescriptions.push(p2);
 
         this.curMonthPrescriptions = this.month_prescriptions[0]
 
@@ -1035,7 +1033,8 @@
                       single_dose_unit: prescription.advices[b].single_dose_unit,
                       prescribing_number_unit: prescription.advices[b].prescribing_number_unit,
                       medical_insurance_number: prescription.advices[b].med_list_codg,
-                      id: prescription.advices[b].drug_id
+                      id: prescription.advices[b].drug_id,
+                      drug:prescription.advices[b].drug,
                     }
                     tempAdvice.push(obj)
                   }
@@ -1153,7 +1152,8 @@
                       single_dose_unit: prescription.advices[b].single_dose_unit,
                       prescribing_number_unit: prescription.advices[b].prescribing_number_unit,
                       medical_insurance_number: prescription.advices[b].med_list_codg,
-                      id: prescription.advices[b].drug_id
+                      id: prescription.advices[b].drug_id,
+                      drug:prescription.advices[b].drug,
                     }
                     tempAdvice.push(obj)
                   }
@@ -1968,31 +1968,34 @@
         if (this.dayorMonth == 'day') {
 
           if (this.prescriptions[0].advices.length == 0 && this.prescriptions[0].project.length == 0) {
-            this.$message.error('请先开处方')
+            this.$message.error('请先开处方');
             return
           }
         }
 
         if (this.dayorMonth == 'day') {
-
+          if (this.curPrescriptions.order_status == 2) {
+            this.$message.error('当前处方已经结算,无法保存');
+            return
+          }
           if (this.doctorValue.length <= 0) {
-            this.$message.error('医生不能为空')
+            this.$message.error('医生不能为空');
             return
           }
 
           if (this.departmentValue.length <= 0) {
-            this.$message.error('科室不能为空')
+            this.$message.error('科室不能为空');
             return
           }
 
-          if (this.state1 <= 0) {
-            this.$message.error('疾病类型不能为空')
+          if (this.state1  <= 0) {
+            this.$message.error('疾病类型不能为空');
             return
           }
 
           if (index == 1) {
             let params = {
-              p_type: 2,
+              p_type:2,
               patient_id: this.patientInfo.id,
               diagnose: this.diagnose,
               sick_type: this.state1,
@@ -2491,9 +2494,9 @@
                   prescribing_number: temp[b].prescribing_number,
                   single_dose_unit: temp[b].min_unit,
                   prescribing_number_unit: temp[b].max_unit,
-                  medical_insurance_number: temp[b].medical_insurance_number
-
-                }
+                  medical_insurance_number: temp[b].medical_insurance_number,
+                  drug: temp[b],
+                };
 
                 if (obj.prescribing_number == 0 || obj.prescribing_number.length == 0) {
                   obj.prescribing_number = 1
@@ -2540,6 +2543,7 @@
                   obj.single_dose = 1
                 }
 
+                console.log(obj)
                 this.prescriptions[i].project.push(obj)
               }
               this.curStatus = 2
@@ -2607,6 +2611,7 @@
 
           }
         })
+
       }, deepClone(source) {
         if (!source && typeof source !== 'object') {
           throw new Error('error arguments', 'shallowClone')
@@ -2720,6 +2725,7 @@
 
           }
         })
+
       }, changeDoctor(val) {
         for (let i = 0; i < this.doctors.length; i++) {
           if (this.doctors[i].admin_user_id == this.doctorValue) {

src/xt_pages/outpatientDoctorStation/components/prescriptionTemplateTable.vue

@@ -0,0 +1,468 @@
+<template>
+    <div class="prescriptionTable">
+        <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" type="index" width="40" label="序号"></el-table-column>
+            <el-table-column align="center" prop="drug_name" label="名称">
+                <template slot-scope="scope"><span :title="scope.row.drug_name">{{ scope.row.drug_name }}</span></template>
+            </el-table-column>
+
+            <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
+                <template slot-scope="scope">
+                    <div style="display:flex;align-items:center;">
+                        <el-input v-model="scope.row.single_dose" @input="getSingleDose(scope)" style="width:65%;"></el-input>
+                        <div>{{scope.row.single_dose_unit}}</div>
+                    </div>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="delivery_way" width="100" label="用法">
+                <template slot-scope="scope">
+                    <el-select v-model="scope.row.delivery_way" placeholder="请选择">
+                        <el-option
+                                v-for="(item,index) in drugways"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.name">
+                        </el-option>
+                    </el-select>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="execution_frequency" width="100" label="频率">
+                <template slot-scope="scope">
+                    <el-select v-model="scope.row.execution_frequency" placehold er="请选择">
+                        <el-option
+                                v-for="item,index in efs"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.name">
+                        </el-option>
+                    </el-select>
+                </template>
+            </el-table-column>
+
+
+            <el-table-column align="center" prop="day" width="70" label="天数">
+                <template slot-scope="scope">
+                    <div style="display:flex;align-items:center;">
+                        <el-input v-model="scope.row.day" @input="getDay(scope)" placeholder=""></el-input>{{'天'}}
+                    </div>
+                </template>
+            </el-table-column>
+
+            <el-table-column align="center" prop="prescribing_number" width="80" label="总量">
+                <template slot-scope="scope">
+                    <div style="display:flex;align-items:center;">
+                        <el-input v-model="scope.row.prescribing_number" style="width:60%" placeholder=""></el-input>
+                        <div> {{scope.row.prescribing_number_unit}}</div>
+                    </div>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="retail_price" width="80" label="单价">
+                <template slot-scope="scope">
+                    <div style="display:flex;align-items:center;">
+                        <el-input v-model="scope.row.retail_price" placeholder="" readonly></el-input>
+                        <div>{{'元'}}</div>
+                    </div>
+
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="remark" width="50" label="备注">
+                <template slot-scope="scope">
+                    <el-input v-model="scope.row.remark" :title="scope.row.remark" placeholder=""></el-input>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" width="40" prop="name" label="操作">
+                <template slot-scope="scope">
+                    <i class="el-icon-delete" @click="deleteDrug(scope.$index, scope.row)"></i>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <el-table v-if="prescription.project &&prescription.project.length > 0" :data="prescription.project" 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" type="index" width="40" label="序号"></el-table-column>
+            <el-table-column align="center" prop="project_name" label="名称">
+                <template slot-scope="scope"><span :title="scope.row.project_name">{{ scope.row.project_name }}</span></template>
+            </el-table-column>
+            <el-table-column align="center" prop="statistical_classification" width="100" label="组">
+                <template slot-scope="scope">{{scope.row.type == 2?getGroup(scope.row.statistical_classification):"耗材"}}</template>
+            </el-table-column>
+            <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
+                <template slot-scope="scope">
+                    <el-input v-model="scope.row.single_dose" @input="getProjectSingleDose(scope)" placeholder=""></el-input>
+                    <div>{{scope.row.unit}}</div>
+
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="delivery_way" width="80" label="用法">
+                <template slot-scope="scope">
+                    <el-autocomplete
+                            style="width:100%;"
+                            class="inline-input"
+                            v-model="scope.row.delivery_way"
+                            :fetch-suggestions="querySearch2"
+                            placeholder="请输入内容"
+                    ></el-autocomplete>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="execution_frequency" width="80" label="频率">
+                <template slot-scope="scope">
+                    <el-input v-model="scope.row.execution_frequency" placeholder=""></el-input>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="number_days" width="70" label="天数">
+                <template slot-scope="scope">
+                    <div style="display:flex;align-items:center;">
+                        <el-input v-model="scope.row.number_days" @input="getProjectDay(scope)" placeholder=""></el-input>
+                        <div>{{'天'}}</div>
+                    </div>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="total" width="70" label="总量">
+                <template slot-scope="scope">
+                    <div style="display:flex;align-items:center;">
+                        <el-input v-model="scope.row.total" style="width:60%" placeholder=""></el-input>
+                        <div>{{scope.row.unit}}</div>
+
+                    </div>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="name" width="50" label="单价">
+                <template slot-scope="scope">
+                    <el-input v-model="scope.row.price" placeholder="" readonly></el-input>
+                    <div>{{'元'}}</div>
+
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="name" width="50" label="备注">
+                <template slot-scope="scope">
+                    <el-input v-model="scope.row.remark" :title="scope.row.remark"></el-input>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" width="40" prop="name" label="操作">
+                <template slot-scope="scope">
+                    <i class="el-icon-delete" @click="deleteProject(scope.row,scope.$index)"></i>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <div class="additionalBox">
+            <div class="additionalOne" v-for="(item,index) in prescription.addition" :key="index">
+                <span :title="item.item_name">{{item.item_name}}</span>
+                <el-input v-model="item.price" placeholder="" style="width:50px;"></el-input>
+                共
+                <el-input v-model="item.count" placeholder="" style="width:50px;"></el-input>
+                次
+                <i class="el-icon-delete deleteIcon" @click="delAddition(index,item)"></i>
+            </div>
+        </div>
+
+
+
+    </div>
+</template>
+
+<script>
+  import { getDictionaryDataConfig} from "@/utils/data";
+  import { getInitData,delHisAdvice,delHisProject,delHisAddition } from '@/api/his/his'
+  import { delHisPrescriptionAdviceTemplate,delHisPrescriptionProjectTemplate } from '@/api/his/his_config'
+
+  export default {
+    props: {
+      preDrugs: Array,
+      activeType: Number,
+      addtions_charge:Array,
+      prescription:{
+        type:Object,
+        default: function () {
+          return {
+            name:"",
+            advices:[],
+            project:[],
+            drugways:[],
+            efs:[],
+          };
+        }
+      },
+    },
+    data() {
+      return {
+        advices:[],
+        tableData: [],
+        newoptions: [{
+          value: '1',
+          label: '1'
+        }, {
+          value: '2',
+          label: '2'
+        }, {
+          value: '3',
+          label: '3'
+        }, {
+          value: '4',
+          label: '4'
+        }, {
+          value: '5',
+          label: '5'
+        }],
+        value: '1',
+        input: 1,
+      }
+    },
+
+    methods:{
+      createFilter(queryString) {
+        return (restaurant) => {
+          return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
+        }
+      },
+      querySearch2(queryString, cb) {
+        var restaurants = this.getDictionaryDataConfig("system","project_use")
+        restaurants.map(item => {
+          item.value = item.name
+        })
+        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
+        // 调用 callback 返回建议列表的数据
+        cb(results)
+      },
+      delAddition(index, addition){
+        this.$confirm("附加费删除后不可恢复，是否确认删除", "删除", {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning"
+        }).then(() => {
+          this.$nextTick(function(){
+            if(addition.id == 0){
+              this.prescription.addition.splice(index, 1)
+            }else{
+              let params = {
+                'id': addition.id,
+              }
+              delHisAddition(params).then(response => {
+                if (response.data.state == 0) {
+                  this.$message.error(response.data.msg)
+                  return false
+                } else {
+                  var temp2 = this.deepClone(this.prescription.addition)
+                  temp2.splice(index, 1)
+                  this.prescription.addition = temp2
+                  this.$message.success(response.data.data.msg)
+                }
+              })
+            }
+          });
+
+        })
+          .catch(() => {});
+
+      },
+      getInitData(){
+        getInitData().then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg)
+            return false
+          } else {
+            this.drugways = response.data.data.drugways
+            this.efs = response.data.data.efs
+          }
+        })
+
+      },deleteDrug:function(index, row){
+
+        this.$confirm("药品删除后不可恢复，是否确认删除", "删除", {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning"
+        }).then(() => {
+          this.$nextTick(function(){
+            if(row.advice_id == 0){
+              this.prescription.advices.splice(index, 1)
+            }else{
+              let params = {
+                'id': row.advice_id,
+              }
+              delHisPrescriptionAdviceTemplate(params).then(response => {
+                if (response.data.state == 0) {
+                  this.$message.error(response.data.msg)
+                  return false
+                } else {
+                  var temp2 = this.deepClone(this.prescription.advices)
+                  temp2.splice(index, 1)
+                  this.prescription.advices = temp2
+                  this.$message.success(response.data.data.msg)
+                }
+              })
+
+
+            }
+
+          });
+
+
+        })
+          .catch(() => {});
+
+
+
+
+
+      },deepClone(source) {
+        if (!source && typeof source !== 'object') {
+          throw new Error('error arguments', 'shallowClone')
+        }
+        const targetObj = source.constructor === Array ? [] : {}
+        Object.keys(source).forEach((keys) => {
+          if (source[keys] && typeof source[keys] === 'object') {
+            targetObj[keys] = this.deepClone(source[keys])
+          } else {
+            targetObj[keys] = source[keys]
+          }
+        })
+        return targetObj
+      },
+
+      setNewData:function(data){
+        this.prescription = data
+
+        // this.prescription.advices = data.advices
+      },
+      getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+      },
+      getGroup(id){
+        var name = ""
+        var statistics_category =  getDictionaryDataConfig('system','statistics_category')
+        console.log("2235",statistics_category)
+        for(let i=0;i<statistics_category.length;i++){
+          if(id == statistics_category[i].id){
+            name = statistics_category[i].name
+          }
+        }
+        return name
+      },
+      deleteProject(row,i){
+        if(this.prescription.order_status == 2){
+          this.$message.error('该处方已经结算，无法删除')
+          return
+        }
+        this.$confirm("项目删除后不可恢复，是否确认删除", "删除", {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning"
+        }).then(() => {
+          if(row.id == 0){
+            this.prescription.project.splice(i, 1)
+
+          }else{
+            let params = {
+              'id': row.id,
+            }
+            delHisPrescriptionProjectTemplate(params).then(response => {
+              if (response.data.state == 0) {
+                this.$message.error(response.data.msg)
+                return false
+              } else {
+                for (let i = 0; i < this.prescription.project.length; i++){
+                  if(this.prescription.project[i].id == row.id){
+                    this.prescription.project.splice(i, 1)
+                  }
+                }
+                this.$message.success(response.data.data.msg)
+              }
+            })
+          }
+        })
+          .catch(() => {});
+
+      },
+      getSingleDose(scope){
+        this.prescription.advices[scope.$index].prescribing_number = scope.row.single_dose * scope.row.day
+      },
+      getDay(scope){
+        this.prescription.advices[scope.$index].prescribing_number = scope.row.single_dose * scope.row.day
+      },
+      getProjectSingleDose(scope){
+        this.prescription.project[scope.$index].total = scope.row.single_dose * scope.row.number_days
+        if(this.prescription.project[scope.$index].total == 0){
+          this.prescription.project[scope.$index].total = 1
+        }
+      },
+      getProjectDay(scope){
+        this.prescription.project[scope.$index].total = scope.row.single_dose * scope.row.number_days
+        if(this.prescription.project[scope.$index].total == 0){
+          this.prescription.project[scope.$index].total = 1
+        }
+      }
+    },mounted(){
+      this.getInitData()
+
+    },
+    watch:{
+      // "prescription.advices":{
+      //   handler(newVal,oldVal){
+      //     newVal.map(item => {
+      //       item.prescribing_number = item.single_dose * item.day
+      //       if(item.single_dose != oldVal[index].single_dose || item.number_days != oldVal[index].number_days){
+      //         item.total = item.single_dose * item.number_days
+      //       }
+
+
+      //     })
+      //   },
+      //   deep:true
+      // },
+      // "prescription.project":{
+      //   handler(newVal,oldVal){
+      //     newVal.map((item,index) => {
+      //       if(item.single_dose != oldVal[index].single_dose || item.number_days != oldVal[index].number_days){
+      //         item.total = item.single_dose * item.number_days
+      //       }
+
+      //     })
+      //   },
+      //   deep:true
+      // }
+    }
+
+  }
+</script>
+
+<style lang="scss">
+    .prescriptionTable {
+    .el-input__inner{
+        padding: 0 5px;
+    }
+    .additionalBox{
+        margin-top: 20px;
+        display: flex;
+        flex-wrap: wrap;
+    .additionalOne{
+        margin-right:20px;
+        margin-bottom:10px;
+        display: flex;
+        align-items: center;
+    >span{
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        width:80px;
+        display: inline-block;
+        font-size: 14px;
+    }
+    }
+    .deleteIcon{
+        color:red;
+        margin-left:5px;
+    }
+    }
+    .el-table th .cell, .el-table td .cell {
+        padding: 0 2px;
+        white-space: pre-line;
+    }
+
+    .el-icon-delete {
+        color: red;
+    }
+
+    }
+</style>

src/xt_pages/outpatientDoctorStation/prescriptionTemplate.vue

@@ -0,0 +1,488 @@
+<template>
+    <div class="main-contain new-main-contain">
+        <div class="position">
+            <bread-crumb :crumbs='crumbs'></bread-crumb>
+            <el-button type="primary" @click="add">新增</el-button>
+
+        </div>
+        <div class="app-container" style="display:flex;flex: 1;padding: 10px 20px 0px 20px;">
+            <div class="mainLeft">
+                <!--<div class="mainCell" style="margin-bottom:10px;">-->
+                    <!--<el-input size="small" placeholder="请输入姓名" @input="searchAction"-->
+                              <!--@keyup.enter.native='searchAction'-->
+                              <!--v-model="search_input" class="filter-item"/>-->
+                    <!--<el-button size="small" style="margin-left:10px;" class="filter-item" type="primary"-->
+                               <!--@click="searchAction">-->
+                        <!--搜索-->
+                    <!--</el-button>-->
+                <!--</div>-->
+                <div>
+                    <el-table :data="data" :height="tableHeight" @row-click='choosePatient'
+                               border style="width: 100%;"
+                              :row-style="{ color: '#303133' }"
+                              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                              highlight-current-row
+                              ref="tab">
+                        <el-table-column prop="name" label="姓名">
+                            <template slot-scope="scope">{{scope.row.name}}</template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+            </div>
+            <div class="mainRight">
+                <el-table :data="templates" :height="tableHeight"
+                           border style="width: 100%;"
+                          :row-style="{ color: '#303133' }"
+                          :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                          highlight-current-row
+                          ref="tab"
+                >
+                    <el-table-column prop="name" label="模版名称">
+                        <template slot-scope="scope">{{scope.row.name}}</template>
+                    </el-table-column>
+                    <el-table-column prop="name" label="透析模式">
+                        <template slot-scope="scope">{{getMode(scope.row.mode)}}</template>
+                    </el-table-column>
+                    <el-table-column prop="name" label="操作">
+                        <template slot-scope="scope">
+                            <el-button size="mini" type="primary" @click="jumpDetail(scope.row)">编辑</el-button>
+                            <el-button size="mini" type="danger" @click="deleteTemplate(scope.row)">删除</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+
+
+                <el-pagination
+                        @size-change="handleSizeChange"
+                        @current-change="handleCurrentChange"
+                        :page-sizes="[10, 50, 100]"
+                        :page-size="10"
+                        background
+                        align="right"
+                        style="margin-top:20px;"
+                        layout="total, sizes, prev, pager, next, jumper"
+                        :total="total"
+                >
+                </el-pagination>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import { delHisPrescriptionTemplate, getPatientList, getPrescriptionTemplateList } from '@/api/his/his_config'
+  import { uParseTime } from '@/utils/tools'
+
+  const moment = require('moment')
+  export default {
+    components: {
+      BreadCrumb
+    },
+    data() {
+      return {
+        crumbs: [
+          { path: false, name: '门诊医生站' },
+          { path: false, name: '处方模版' }
+        ],
+        search_input:'',
+        templates: [],
+        tableHeight: '',
+        fullHeight: document.documentElement.clientHeight,
+        isloading: false,
+        data: [],
+        page: 1,
+        limit: 10,
+        patient_id: 0,
+        total:0
+      }
+    },
+    methods: {
+      deleteTemplate(row) {
+        this.$confirm('处方模版删除后不可恢复，是否确认删除', '删除', {
+          confirmButtonText: '确 定',
+          cancelButtonText: '取 消',
+          type: 'warning'
+        }).then(() => {
+          let params = {
+            id: row.id
+          }
+          delHisPrescriptionTemplate(params).then(response => {
+            if (response.data.state == 1) {
+              this.GetPrescriptionTemplateList()
+            }
+          })
+
+        }).catch(() => {
+
+        })
+      },
+      jumpDetail(row) {
+        this.$router.push('/outpatientDoctorStation/prescriptionTemplatedetail?id=' + row.id + '&patient_id=' + this.patient_id)
+      },
+      getMode(id) {
+        let name = ''
+        this.treatment_mode = Object.values(this.$store.getters.treatment_mode)
+        this.treatment_mode.map(item => {
+          if (item.id == id) {
+            name = item.name
+          }
+        })
+        return name
+      },
+      handleSizeChange(val) {
+        this.limit = val
+        this.GetPrescriptionTemplateList()
+      },
+      handleCurrentChange(val) {
+        this.page = val
+        this.GetPrescriptionTemplateList()
+      },
+      GetPrescriptionTemplateList() {
+        let params = {
+          patient_id: this.patient_id,
+          page: this.page,
+          limit: this.limit
+        }
+        getPrescriptionTemplateList(params).then(response => {
+          if (response.data.state == 1) {
+            this.templates = response.data.data.list
+            this.total = response.data.data.total
+          }
+        })
+
+      },
+      choosePatient(val) {
+        this.page = 1
+        this.limit = 10
+        this.patient_id = val.id
+        let params = {
+          patient_id: val.id,
+          page: this.page,
+          limit: this.limit
+        }
+        getPrescriptionTemplateList(params).then(response => {
+          if (response.data.state == 1) {
+            this.templates = response.data.data.list
+            this.total = response.data.data.total
+          }
+        })
+      },
+      getList(id) {
+        getPatientList().then(response => {
+          if (response.data.state == 1) {
+            this.data = response.data.data.list
+            this.$refs.tab.setCurrentRow(this.data[0])
+            // this.patient_id = this.data[0].id
+            // this.GetPrescriptionTemplateList()
+
+          }
+        })
+      },
+      getTime(val, temp) {
+        if (val != 0) {
+          return uParseTime(val, temp)
+        } else {
+          return ''
+        }
+      },
+      add() {
+        if (this.patient_id == 0) {
+          this.$message.error('请选择病人')
+          return
+        }
+        this.$router.push('/outpatientDoctorStation/prescriptionTemplatedetail?id=' + 0 + '&patient_id=' + this.patient_id)
+
+      }
+    },
+    created() {
+      var nowDate = new Date()
+      var nowYear = nowDate.getFullYear()
+      var nowMonth = nowDate.getMonth() + 1
+      var nowDay = nowDate.getDate()
+      this.record_date =
+        nowYear +
+        '-' +
+        (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
+        '-' +
+        (nowDay < 10 ? '0' + nowDay : nowDay)
+      this.getList()
+      let tableHeight = document.body.clientHeight - 263
+      this.tableHeight = tableHeight
+
+    },
+    mounted() {
+      const that = this
+      window.onresize = () => {
+        return (() => {
+          window.fullHeight = document.documentElement.clientHeight
+          that.fullHeight = window.fullHeight
+        })()
+      }
+    },
+    watch: {
+      fullHeight(val) {
+        if (!this.timer) {
+          this.fullHeight = val
+          let tableHeight = val - 263
+          this.tableHeight = tableHeight
+          this.timer = true
+          let that = this
+          setTimeout(function() {
+            that.timer = false
+          }, 400)
+        }
+      }
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+    .new-main-contain {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .app-container {
+        height: 100%;
+    }
+
+    .mainCell {
+        height: 36px;
+        display: flex;
+        align-items: center;
+    }
+
+    .mainLeft {
+        width: 200px;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+
+    .el-radio {
+        margin-right: 5px;
+    }
+
+    }
+    .mainRight {
+        margin-left: 10px;
+        flex: 1;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        overflow-y: auto;
+
+    .cellSpan {
+        min-width: 80px;
+        display: inline-block;
+        margin-right: 10px;
+    }
+
+    }
+    .mainCenter {
+        display: flex;
+        flex: 1;
+    }
+
+    .centerLeft {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        position: relative;
+
+    .el-form-item {
+        width: 32%;
+        margin-right: 1%;
+        float: left;
+    }
+
+    .el-form-item__label {
+        text-align: left;
+    }
+
+    }
+    .backColor {
+        background: #f6f8f9;
+        height: 5px;
+        margin-bottom: 5px;
+    }
+
+    .tabsBox {
+        position: relative;
+        height: 76%;
+        overflow-y: auto;
+        margin-bottom: 60px;
+
+    .el-tabs__item {
+        padding: 0 10px;
+    }
+
+    }
+    .preTabs {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+
+    .el-tabs__content {
+        flex: 1;
+        overflow-y: auto;
+    }
+
+    }
+
+    .costBox {
+        width: 100%;
+        height: 60px;
+        background: #fff;
+        position: absolute;
+        bottom: 0;
+        display: flex;
+        align-items: center;
+    }
+
+    .addTab {
+        position: absolute;
+        right: 0;
+        top: 14px;
+        z-index: 20;
+    }
+
+    .centerRight {
+        width: 300px;
+        margin-left: 10px;
+        display: flex;
+        flex-direction: column;
+        position: relative;
+    }
+
+    .rightTab {
+        height: 40px;
+        width: 100%;
+        border: 1px solid #d2d2d2;
+        box-sizing: border-box;
+
+    p {
+        width: 50%;
+        height: 40px;
+        line-height: 40px;
+        text-align: center;
+        background: #eee;
+        float: left;
+    }
+
+    > p:last-child {
+        border-left: 1px solid #d2d2d2;
+        float: right;
+    }
+
+    .activeP {
+        background: #409EFF;
+        color: #fff;
+    }
+
+    }
+    .comfirmBox {
+        width: 100%;
+        height: 60px;
+        background: #fff;
+        position: absolute;
+        bottom: 0;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+
+    .mainHeader {
+        width: 100%;
+        background: #fff;
+        position: fixed;
+        z-index: 100;
+        height: 36px;
+    }
+
+    .titleBox {
+        position: fixed;
+        z-index: 99;
+        background: #fff;
+    }
+
+    .fixedCell {
+        position: fixed;
+        z-index: 99;
+        right: 30px;
+        background: #fff;
+        width: 300px;
+        display: flex;
+        justify-content: space-between;
+    }
+</style>
+
+<style lang="scss">
+    .centerLeft {
+
+    .el-form-item__label {
+        text-align: left;
+    }
+
+    }
+    .tabsBox {
+
+    .el-tabs__item {
+        padding: 0 10px;
+    }
+
+    .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
+        padding: 0 10px;
+    }
+
+    .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
+        padding: 0 10px;
+    }
+
+    .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
+        padding: 0 10px;
+    }
+
+    }
+    .centerRight {
+
+    .el-tabs__nav-scroll {
+        display: flex;
+    }
+
+    .el-tabs__nav {
+        margin: 0 auto;
+    }
+
+    .el-table th .cell, .el-table td .cell {
+        padding: 0 2px;
+    }
+
+    }
+    .preTabs {
+
+    .el-tabs__content {
+
+    }
+
+    }
+    .rightTabs {
+        height: 100%;
+
+
+    .el-tabs__content {
+
+    }
+
+    }
+    .centerDialog {
+
+    .el-dialog__body {
+        max-height: calc(100vh - 100px) !important;
+        padding: 0 20px;
+    }
+
+    }
+</style>