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

src/api/his/his.js

 
 
 
+export function register(params) {
+  return request({
+    url: "/api/register/get",
+    method: "get",
+    params:params,
+  });
+}
+
+export function upload(params) {
+  return request({
+    url: "/api/upload/get",
+    method: "get",
+    params:params,
+  });
+}
+
+
+export function delHisPrescription(params) {
+  return request({
+    url: "/api/hisprescription/delete",
+    method: "post",
+    params:params,
+  });
+}
+
+export function delHisAdvice(params) {
+  return request({
+    url: "/api/advice/delete",
+    method: "post",
+    params:params,
+  });
+}
+
+export function delHisProject(params) {
+  return request({
+    url: "/api/project/delete",
+    method: "post",
+    params:params,
+  });
+}
+
+
+
+
 
 
 
-// export function createCaseHistory(params) {
-//   return request({
-//     url: "/api/doctorworkstation/casehistory/create",
-//     method: "post",
-//     params:params
-//   });
-// }
 
 
 

src/router/modules/integration.js

     meta: {
       title: '质控集成'
     }
+  },
+  {
+    path: '/data/medicalInsurance',
+    component: () => import('@/xt_pages/integration/medicalInsurance'),
+    name: '医保绑定',
+    meta: {
+      title: '医保绑定'
+    }
   }
 
   ]

src/router/modules/outpatientCharges.js

         name: 'summaryDetail',
         meta: { title: 'summaryDetail', noCache: true }
     },
+    {
+        path: '/outpatientCharges/treatPrint',
+        component: () => import('@/xt_pages/outpatientCharges/treatPrint'),
+        hidden: true,
+        is_menu: false,
+        name: 'outpatientChargesTreatPrint',
+        meta: { title: 'outpatientChargesTreatPrint', noCache: true }
+    },
+    {
+        path: '/outpatientCharges/print',
+        component: () => import('@/xt_pages/outpatientCharges/print'),
+        hidden: true,
+        is_menu: false,
+        name: 'outpatientChargesPrint',
+        meta: { title: 'outpatientChargesPrint', noCache: true }
+    },
   ]
 }

src/router/modules/outpatientDoctorStation.js

         name: 'outpatientDoctorStationPrint',
         meta: { title: 'outpatientDoctorStationPrint', noCache: true }
     },
+    {
+        path: '/outpatientDoctorStation/recordPrint',
+        component: () => import('@/xt_pages/outpatientDoctorStation/recordPrint'),
+        hidden: true,
+        is_menu: false,
+        name: 'outpatientDoctorStationRecordPrint',
+        meta: { title: 'outpatientDoctorStationRecordPrint', noCache: true }
+    },
   ]
 }

src/xt_pages/integration/medicalInsurance.vue

+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+    </div>
+    <div class="app-container medicalInsurance">
+        <p class="medicalTitle">绑定医疗机构编码</p>
+        <p>绑定医疗机构编码后，如系统能正常使用医保扣费，则代表医疗机构编码正确</p>
+        <p>此后请勿修改该编码，否则导致系统异常</p>
+        <p>此版本医保系统只能在</p>
+        <el-form ref="form" :model="form" label-width="120px" label-position="left" style="margin-top:40px;">
+            <el-form-item label="医疗机构编码:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+            </el-form-item>
+            <el-form-item label="医疗机构名称:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+            </el-form-item>
+            <el-form-item label="医疗机构VPN:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+                <span style="margin-left:5px;">提示：如果没有VPN，则使用<span class="defaultVPN">系统默认VPN</span></span>
+            </el-form-item>
+        </el-form>
+        <el-button type="primary">绑定</el-button>
+        <el-form ref="form" :model="form" label-width="120px" label-position="left" style="margin-top:40px;">
+            <el-form-item label="电子医保卡ID:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+            </el-form-item>
+            <el-form-item label="电子医保卡KEY:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+            </el-form-item>
+            <el-form-item label="渠道号:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+            </el-form-item>
+        </el-form>
+        <el-button type="primary">绑定电子卡</el-button>
+        <p class="medicalTitle" style="margin-top:20px;">医疗绑定步骤</p>
+        <p>1.目前诊所云医保系统只支持广东深圳市区域</p>
+        <p>2.绑定医疗机构编码(该编码从深圳医保局申请所得)</p>
+        <p>3.系统设置-医师信息；为对应的员工填写成员编码(该编码则是医保局下发的操作员编码)</p>
+        <p>4.药品管理-药品信息维护；为需要医保报销的药品设置医保编码</p>
+        <p>5.系统设置-检测项目设置；为需要医保报销的检查项目设置医保编码</p>
+        <p>6.患者使用医保挂号；挂号成功后到开处方界面从挂号人员列表选择挂号患者，开处方收费即可</p>
+    </div>
+  </div>
+</template>
+
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+export default {
+    components:{
+        BreadCrumb
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '集成配置' },
+                { path: false, name: '医保绑定' }
+            ],
+            form:{}
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.medicalInsurance p{
+    line-height: 24px;
+}
+.medicalTitle{
+    font-size: 18px;
+    color:#409EFF;
+}
+.defaultVPN{
+    background: #409EFF;
+    padding: 2px 5px;
+    border-radius: 2px;
+    color:#fff;
+    margin-left:5px;
+}
+</style>

src/xt_pages/outpatientCharges/components/prescriptionTable.vue

 <template>
-    <div class="prescriptionTable">
-        <el-table :data="preTableData" border style="width: 98%;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-            <el-table-column align="center" type="selection" width="40"></el-table-column>
-            <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
-            <el-table-column align="center" prop="name" label="名称">
-                <template slot-scope="scope">{{ scope.row.name }}</template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="组套">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" :label="'单次\n用量'">
-                <template slot-scope="scope">
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="用法">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="频率">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="天数">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="100" label="总量">
-                <template slot-scope="scope">
-                    <div style="display:flex;">
-                        <el-input v-model="input" style="width:50%" placeholder=""></el-input>
-                        <!-- <el-select v-model="value" style="width:50%" placeholder="">
-                            <el-option
-                            v-for="item in newoptions"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value">
-                            </el-option>
-                        </el-select> -->
-                        <el-input v-model="input" style="width:50%" placeholder=""></el-input>
-                    </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.unitPrice" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="备注">
-                <template slot-scope="scope">
-                    <!-- <el-autocomplete
-                    class="inline-input"
-                    v-model="state1"
-                    :fetch-suggestions="querySearch"
-                    placeholder=""
-                    @select="handleSelect"
-                    ></el-autocomplete> -->
-                </template>
-            </el-table-column>
-            <el-table-column align="center" width="40" prop="name" label="操作">
-                <template slot-scope="scope">
-                    <i class="el-icon-delete"></i>
-                </template>
-            </el-table-column>
-        </el-table>
-    </div>
+  <div class="prescriptionTable">
+    <el-table v-if="prescription.type == 1" :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" prop="name" label="名称">
+        <template slot-scope="scope">{{ scope.row.advice_name }}</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="50" :label="'单次\n用量'">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.single_dose" readonly></el-input>
+          <div> {{scope.row.min_unit}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="用法">
+        <template slot-scope="scope">
+          <el-select v-model="scope.row.delivery_way" readonly 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="name" width="50" label="频率">
+        <template slot-scope="scope">
+          <el-select v-model="scope.row.execution_frequency" readonly placeholder="请选择">
+            <el-option
+              v-for="item in efs"
+              :key="index"
+              :label="item.name"
+              :value="item.name">
+            </el-option>
+          </el-select>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="100" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;">
+            <el-input v-model="scope.row.prescribing_number" style="width:50%" readonly placeholder=""></el-input>
+            <div> {{scope.row.min_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>
+        </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" style="width:50%" placeholder="" readonly></el-input>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-table v-if="prescription.type == 2" :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" prop="project_name" label="名称">
+        <template slot-scope="scope">{{ scope.row.project.project_name }}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="statistical_classification" width="50" label="组">
+        <template slot-scope="scope">
+          {{getGroup(scope.row.project.statistical_classification)}}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="single_dose" width="130" :label="'单次\n用量'">
+        <!--<template slot-scope="scope">-->
+          <!--&lt;!&ndash;<el-input v-model="scope.row.project.single_dose" placeholder="" readonly></el-input>&ndash;&gt;-->
+        <!--</template>-->
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="130" label="用法">
+        <!--<template slot-scope="scope">-->
+          <!--<el-input v-model="scope.row.project.delivery_way" placeholder="" readonly></el-input>-->
+        <!--</template>-->
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="130" label="频率">
+        <!--<template slot-scope="scope">-->
+          <!--<el-input v-model="scope.row.project.execution_frequency" placeholder="" readonly></el-input>-->
+        <!--</template>-->
+      </el-table-column>
+      <el-table-column align="center" prop="number_days" width="130" label="天数">
+        <!--<template slot-scope="scope">-->
+          <!--<el-input v-model="scope.row.project.number_days" placeholder="" readonly></el-input>-->
+        <!--</template>-->
+      </el-table-column>
+      <el-table-column align="center" prop="total" width="100" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;">
+            <el-input v-model="scope.row.project.total" style="width:50" placeholder="" readonly></el-input>
+          </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.project.price" placeholder="" readonly></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="120" label="备注">
+        <!--<template slot-scope="scope">-->
+          <!--<el-input v-model="scope.row.project.remark" readonly></el-input>-->
+        <!--</template>-->
+      </el-table-column>
+    </el-table>
+  </div>
+
+
+
+
+
 </template>
 
 <script>
-export default {
-    props:{
-        preTableData:Array
+  import { getInitData } from '@/api/his/his'
+  import { getDictionaryDataConfig} from "@/utils/data";
+
+  export default {
+    props: {
+      prescription: Object
     },
-    data(){
-        return{
-            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
+    data() {
+      return {
+        drugways: [],
+        efs: []
+      }
+    }, mounted() {
+      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
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        }
+      })
+    }, methods:  {
+      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
+      },
+
+
     }
-}
+  }
 </script>
 
 <style lang="scss">
 .prescriptionTable{
+    .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:60px;
+          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;

src/xt_pages/outpatientCharges/outpatientChargesManagement.vue

         </div>
         <div class="app-container" style="display:flex;flex: 1;padding: 20px 20px 0px 20px;">
             <div class="mainLeft">
-                <div class="mainCell" style="justify-content: space-between;">
-                    <p>未就诊：<span>1</span>人</p>
-                    <p>已就诊：<span>0</span>人</p>
-                </div>
-                <div class="mainCell">
-                    <el-radio-group v-model="radio" @change="changeRadio">
-                        <el-radio :label=1>未就诊</el-radio>
-                        <el-radio :label=2>已就诊</el-radio>
-                        <el-radio :label=3>全部</el-radio>
-                    </el-radio-group>
-                </div>
+                <!--<div class="mainCell" style="justify-content: space-between;">-->
+                    <!--<p>未就诊：<span>1</span>人</p>-->
+                    <!--<p>已就诊：<span>0</span>人</p>-->
+                <!--</div>-->
+                <!--<div class="mainCell">-->
+                    <!--<el-radio-group v-model="radio" @change="changeRadio">-->
+                        <!--<el-radio :label=1>未就诊</el-radio>-->
+                        <!--<el-radio :label=2>已就诊</el-radio>-->
+                        <!--<el-radio :label=3>全部</el-radio>-->
+                    <!--</el-radio-group>-->
+                <!--</div>-->
                 <div class="mainCell" style="margin-bottom:10px;">
                     <el-input size="small" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>
                     <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary" @click="searchAction">搜索</el-button>
                 </div>
-                <div style="flex:1;overflow-y:auto;">
-                    <el-table :data="tableData" border  style="width: 100%;" :row-style="{ color: '#303133' }" 
-                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" 
-                    highlight-current-row ref="tab"
-                    @current-change="handleCurrentChange">
-                        <el-table-column align="center" prop="name" label="患者姓名">
-                            <template slot-scope="scope">{{ scope.row.name }}</template>
-                        </el-table-column>
-                        <el-table-column align="center" prop="name" label="就诊号" width="90">
-                            <template slot-scope="scope">3222</template>
-                        </el-table-column>
-                    </el-table>
-                </div>
+              <div style="flex:1;overflow-y:auto;">
+                <el-table :data="patientTableData" border style="width: 100%;" :row-style="{ color: '#303133' }"
+                          :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                          highlight-current-row ref="tab"
+                          @current-change="handleCurrentChange">
+                  <el-table-column align="center" prop="name" label="患者姓名">
+                    <template slot-scope="scope">{{ scope.row.patients.name }}</template>
+                  </el-table-column>
+                  <el-table-column align="center" prop="name" label="就诊号" width="90">
+                    <template slot-scope="scope">{{ scope.row.his_patient.number }}</template>
+                  </el-table-column>
+                </el-table>
+              </div>
             </div>
             <div class="mainRight">
-                <div class="mainCell" style="margin-bottom:10px;flex-direction: row-reverse;">
-                    <el-button size="small" @click="open(1)" type="primary" style="margin-left:10px;">打印处置单</el-button>
-                    <el-button size="small" @click="open(2)" type="primary">打印治疗单</el-button>
-                    <el-button size="small" @click="open(3)" type="primary">打印</el-button>
-                    <el-button size="small" @click="open(4)" type="primary">收费</el-button>
-                    <el-button size="small" v-if="state == '已收费'" @click="open(5)" type="primary">退费</el-button>
-                </div>
+
+              <div class="mainCell" style="margin-bottom:10px;flex-direction: row-reverse;">
+                <el-button size="small" @click="open(1)" type="primary" style="margin-left:10px;">打印处置单</el-button>
+                <el-button size="small" @click="open(2)" type="primary">打印治疗单</el-button>
+                <el-button size="small" @click="open(3)" type="primary">打印</el-button>
+                <el-button v-loading="loadingone" v-if="hisPatientInfo == null || hisPatientInfo.id == 0 " size="small" @click="open(6)"
+                           type="primary">挂号
+                </el-button>
+                <el-button v-loading="loadingtwo" v-if="hisPatientInfo != null && hisPatientInfo.id > 0 " size="small" @click="open(4)"
+                           type="primary">收费
+                </el-button>
+                <el-button size="small" @click="open(5)" type="primary">退费</el-button>
+              </div>
+
                 <div class="mainCenter">
-                    <div class="centerLeft">
-                        <div class="tabsBox">
-                            <el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>
-                            <el-tabs class="preTabs" v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" :before-leave="moreState">
-                                <el-tab-pane
-                                    v-for="(item, index) in editableTabs"
-                                    :key="index"
-                                    :label="item.title"
-                                    :name="item.name"
-                                >
-                                    <div class="RP">Rp</div>
-                                    <prescription-table :preTableData='preTableData'></prescription-table>
-                                </el-tab-pane>
-                                <el-tab-pane name="more" closable><span slot="label"><i class="el-icon-plus" @click="addTab"></i></span></el-tab-pane>
-                            </el-tabs>
-                            
-                        </div>
-                        <div class="costBox">
-                            <span>处方编号：2134348971237883</span>
-                            <span>当前处方总费用：<span style="color:red;">{{ total }}元</span></span>
-                            <span>{{ state }}</span>
-                        </div>
-                    </div>
-                    <div class="centerRight">
-                        <p class="centerRightTitle">人员信息</p>
-                        <div style="display:flex;justify-content: space-between;line-height:30px;">
-                            <span style="font-size:14px;">人员编码:</span>
-                            <span style="font-size:14px;">日期:{{start_time}}</span>
-                        </div>
-                        <ul class="basicUl">
-                            <li style="width:50%;">姓名：{{ patientInfo.name }}</li>
-                            <li style="width:50%;">性别：{{ patientInfo && patientInfo.gend == 1 ? '男' : "女" }}</li>
-                            <li style="width:50%;">年龄：{{ patientInfo.age }}</li>
-                            <li style="width:50%;">身高：</li>
-                            <li style="width:50%;">体重：</li>
-                            <li style="width:50%;">电话：</li>
-                            <li style="width:100%;">地址：</li>
-                            <li style="width:100%;">过敏史：</li>
-                        </ul>
-                        <p class="centerRightTitle">诊断信息</p>
-                        <div style="display:flex;justify-content: space-between;line-height:30px;">
-                            <span style="font-size:14px;">门诊编号:676273816287361</span>
-                        </div>
-                        <ul class="basicUl">
-                            <li style="width:50%;">医生：{{ doctor.name }}</li>
-                            <li style="width:50%;">科室：{{ doctor.department }}</li>
-                            <li style="width:100%;">费用：{{ doctor.total }}元</li>
-                            <li style="width:100%;">判断结果：</li>
-                            <li style="width:100%;">是否有传染病：</li>
-                            <li style="width:100%;">血压：</li>
-                        </ul>
-                    </div>
+                    <el-tabs class="settlementTabs" v-model="activeName" @tab-click="handleClick">
+                        <el-tab-pane label="日结" name="first">
+                            <div style="display:flex;height:100%;">
+                                <div class="centerLeft">
+                                    <div class="tabsBox">
+                                        <!--<el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>-->
+                                        <el-tabs class="preTabs" v-model="editableTabsValue" type="card" closable >
+                                            <el-tab-pane
+                                                v-for="(item, index) in prescriptions"
+                                                :key="index"
+                                                :label="item.title"
+                                                :name="item.name"
+                                            >
+                                                <div class="RP">
+                                                    Rp
+                                                    <el-date-picker
+                                                    v-model="value1"
+                                                    type="date"
+                                                    placeholder="选择日期">
+                                                    </el-date-picker>
+                                                </div>
+                                            </el-tab-pane>
+                                          <prescription-table ref="prescription_tables" :prescription="curPrescriptions"></prescription-table>
+                                        </el-tabs>
+
+                                    </div>
+                                    <div class="costBox">
+                                      <span>当前处方总费用：<span style="color:red;">{{ getTotal() }}元</span></span>
+                                      <span>{{ state }}</span>
+                                    </div>
+                                </div>
+                                <div class="centerRight">
+                                    <p class="centerRightTitle">人员信息</p>
+                                    <div style="display:flex;justify-content: space-between;line-height:30px;">
+                                        <span style="font-size:14px;">人员编码:</span>
+                                        <span style="font-size:14px;">日期:{{record_date}}</span>
+                                    </div>
+                                    <ul class="basicUl">
+                                      <li style="width:50%;">姓名：{{patientInfo.name}}</li>
+                                      <li style="width:50%;">性别：{{patientInfo.gender == 1 ? '男' : '女' }}</li>
+                                      <li style="width:50%;">年龄：{{patientInfo.age }}</li>
+                                      <li style="width:50%;">身高：{{patientInfo.height}}</li>
+                                      <li style="width:50%;">体重：{{patientInfo.weight}}</li>
+                                      <li style="width:50%;">电话：{{patientInfo.phone}}</li>
+                                      <li style="width:100%;">地址：{{patientInfo.home_address}}</li>
+                                        <li style="width:100%;">过敏史：</li>
+                                    </ul>
+                                    <p class="centerRightTitle">诊断信息</p>
+                                    <div style="display:flex;justify-content: space-between;line-height:30px;">
+                                        <span style="font-size:14px;">门诊编号:676273816287361</span>
+                                    </div>
+                                    <ul class="basicUl">
+                                        <li style="width:50%;">医生：{{ doctor.name }}</li>
+                                        <li style="width:50%;">科室：{{ doctor.department }}</li>
+                                        <li style="width:100%;">费用：{{ doctor.total }}元</li>
+                                        <li style="width:100%;">判断结果：</li>
+                                        <li style="width:100%;">是否有传染病：</li>
+                                        <li style="width:100%;">血压：</li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </el-tab-pane>
+                        <el-tab-pane label="月结" name="second">
+                            <div style="display:flex;height:100%;">
+                                <div class="centerLeft">
+                                    <div class="tabsBox">
+                                        <!--<el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>-->
+                                        <el-tabs class="preTabs" v-model="editableTabsValue" type="card" closable>
+                                            <el-tab-pane
+                                                v-for="(item, index) in editableTabs"
+                                                :key="index"
+                                                :label="item.title"
+                                                :name="item.name"
+                                            >
+                                                <div class="RP">
+                                                    Rp
+                                                    <el-date-picker
+                                                    style="width:420px;"
+                                                    v-model="value1"
+                                                    type="daterange"
+                                                    range-separator="至"
+                                                    start-placeholder="开始日期"
+                                                    end-placeholder="结束日期">
+                                                    </el-date-picker>
+                                                </div>
+                                                <prescription-table :preTableData='preTableData'></prescription-table>
+                                            </el-tab-pane>
+                                            <!--<el-tab-pane name="more" closable><span slot="label"><i class="el-icon-plus" @click="addTab"></i></span></el-tab-pane>-->
+                                        </el-tabs>
+
+                                    </div>
+                                    <div class="costBox">
+                                        <span>处方编号：2134348971237883</span>
+                                        <span>当前处方总费用：<span style="color:red;">{{ total }}元</span></span>
+                                        <span>{{ state }}</span>
+                                    </div>
+                                </div>
+                                <div class="centerRight">
+                                    <p class="centerRightTitle">人员信息</p>
+                                    <div style="display:flex;justify-content: space-between;line-height:30px;">
+                                        <span style="font-size:14px;">人员编码:</span>
+                                        <span style="font-size:14px;">日期:{{start_time}}</span>
+                                    </div>
+                                    <ul class="basicUl">
+                                        <li style="width:50%;">姓名：{{ patientInfo.name }}</li>
+                                        <li style="width:50%;">性别：{{ patientInfo && patientInfo.gend == 1 ? '男' : "女" }}</li>
+                                        <li style="width:50%;">年龄：{{ patientInfo.age }}</li>
+                                        <li style="width:50%;">身高：</li>
+                                        <li style="width:50%;">体重：</li>
+                                        <li style="width:50%;">电话：</li>
+                                        <li style="width:100%;">地址：</li>
+                                        <li style="width:100%;">过敏史：</li>
+                                    </ul>
+                                    <p class="centerRightTitle">诊断信息</p>
+                                    <div style="display:flex;justify-content: space-between;line-height:30px;">
+                                        <span style="font-size:14px;">门诊编号:676273816287361</span>
+                                    </div>
+                                    <ul class="basicUl">
+                                        <li style="width:50%;">医生：{{ doctor.name }}</li>
+                                        <li style="width:50%;">科室：{{ doctor.department }}</li>
+                                        <li style="width:100%;">费用：{{ doctor.total }}元</li>
+                                        <li style="width:100%;">判断结果：</li>
+                                        <li style="width:100%;">是否有传染病：</li>
+                                        <li style="width:100%;">血压：</li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </el-tab-pane>
+                    </el-tabs>
+
+
                 </div>
             </div>
         </div>
-        <additionalCharges ref='additionalCharges'></additionalCharges>
+        <!--<additionalCharges ref='additionalCharges'></additionalCharges>-->
     </div>
 </template>
 
 import prescriptionTable from './components/prescriptionTable'
 import additionalCharges from './components/additionalCharges'
 import { getPatientList,getPatientInformation } from "@/api/project/project"
+import { getPatientInfo, getSchedulePatientList, register,upload } from '@/api/his/his'
+
 const moment = require('moment')
 export default {
     components:{
     },
     data(){
         return{
-            crumbs: [
-                { path: false, name: '门诊收费' },
-                { path: false, name: '门诊收费管理' }
-            ],
-            tableData: [],
-            editableTabsValue: '1',
-            editableTabs: [{
+          crumbs: [
+            { path: false, name: '门诊收费' },
+            { path: false, name: '门诊收费管理' }
+          ],
+          activeName:"",
+          curPrescriptions: {},
+          prescriptions: [],
+          record_date: '',
+          tableData: [],
+          editableTabsValue: '1',
+          loadingone:false,
+          editableTabs: [{
             title: '处方1',
-            name: '1',
-            }],
-            tabIndex: 1,
-
-            patientTableData:[{
-                name:'杨美英',
-                mdtrt_id:"1709946",
-            }],
-            patientInfo:{},
-            doctor:{},
-            total:0,
-            state:'未收费',
-            radio:1,
-            radioStatus:1,
-            search_input:"",
-            start_time:moment().locale('zh-cn').format('YYYY-MM-DD')
+            name: '1'
+          }],
+          tabIndex: 1,
+          hisPatientInfo: {},
+          loadingtwo:false,
+          patientTableData: [{
+            name: '杨美英',
+            mdtrt_id: '1709946'
+          }],
+          patientInfo: { id: 0 },
+          doctor: {},
+          total: 0,
+          state: '未收费',
+          radio: 1,
+          radioStatus: 1,
+          search_input: '',
+          start_time: moment().locale('zh-cn').format('YYYY-MM-DD')
         }
     },
     created(){
-       
-       //获取患者信息
-       this.getPatientList()
+      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.getPatientList()
     },
     methods:{
+      handleClick(){
+
+      },
+      searchAction(){
+
+
+      },
+      tabclickEvent(val) {
+        for (let i = 0; i < this.prescriptions.length; i++) {
+          if (this.prescriptions[i].name == val.name) {
+            this.curPrescriptions = {}
+            var temp = this.deepClone(this.prescriptions[i])
+            this.curPrescriptions = temp
+            console.log(this.curPrescriptions)
+          }
+        }
+      }, 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
+      },
+      getTotal() {
+        var total = 0
+        console.log(this.prescriptions)
+        for (let i = 0; i < this.prescriptions.length; i++) {
+          if (this.prescriptions[i].advices != null) {
+            for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
+              total = total + this.prescriptions[i].advices[a].price * this.prescriptions[i].advices[a].prescribing_number
+            }
+          }
+          if (this.prescriptions[i].project != null) {
+            for (let b = 0; b < this.prescriptions[i].project.length; b++) {
+              total = total + this.prescriptions[i].project[b].price * this.prescriptions[i].project[b].count
+            }
+          }
+        }
+        return total
+      },
         moreState(tab, event){
           if(tab == 'more'){
             return false;
           }
         },
-        open(index){
-            if(index == 1){
-            }else if(index == 2){
-                
-            }else if(index == 4){
-                this.state = '已收费'
-                this.$message({message: '收费成功',type: 'success'});
-            }else if(index == 5){
-                this.$message({message: '退费成功',type: 'success'});
+      open(index) {
+        if (index == 1) {
+        } else if (index == 2) {
+
+        } else if (index == 4) {
+
+          let params = {
+            'id': this.patientInfo.id,
+            'record_time': this.record_date
+          }
+          this.loadingtwo = true
+          upload(params).then(response => {
+            if (response.data.state == 0) {
+              this.$message.error(response.data.msg)
+              this.loadingtwo = false
+
+              return false
+
+            } else {
+              this.loadingtwo = false
+
             }
-            
-        },
-        addTab(targetName) {
-            let newTabName = ++this.tabIndex + '';
-            this.editableTabs.push({
-                title: '处方' + this.tabIndex,
-                name: newTabName,
-            });
-            this.editableTabsValue = newTabName;
-        },
-        removeTab(targetName) {
-            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;
-                }
-                }
-            });
+          })
+
+          this.state = '已收费'
+          this.$message({ message: '收费成功', type: 'success' })
+        } else if (index == 5) {
+          this.$message({ message: '退费成功', type: 'success' })
+        } else if (index == 6) {
+
+          if (this.patientInfo.id == 0) {
+            this.$message.error('请先选择要挂号的病人')
+            return
+          }
+          let params = {
+            'id': this.patientInfo.id,
+            'record_time': this.record_date
+          }
+          this.loadingone = true
+          register(params).then(response => {
+            if (response.data.state == 0) {
+              this.$message.error(response.data.msg)
+              this.loadingone = false
+
+              return false
+
+            } else {
+              this.loadingone = false
+              var his_info = response.data.data.his_info
+              this.hisPatientInfo = his_info
             }
-            
-            this.editableTabsValue = activeName;
-            this.editableTabs = tabs.filter(tab => tab.name !== targetName);
-        },
-        addCharges(){
-            this.$refs.additionalCharges.show()
-        },
+          })
+        }
+      },
+
+        // addCharges(){
+        //     this.$refs.additionalCharges.show()
+        // },
         choosePatient(){
-            let a = JSON.parse(localStorage.getItem("drugs"))
-            this.preTableData = a
-            this.preTableData.map(item => {
-                this.total += item.unitPrice
-            })
-            // this.patientInfo = {
-            //     certno:"440221195903290027",
-            //     psn_no:"0221201972",
-            //     gend:"2",
-            //     brdy:"1960-03-29",
-            //     naty:"01",
-            //     psn_cert_type:"01",
-            //     psn_name:"杨美英",
-            //     age:60.7
-            // }
-            // this.doctor = {
-            //     name:'刘志刚',
-            //     department:'血透中心',
-            //     total:20,
-            // }
+          console.log(id)
+          this.radioStatus = id
+          this.getPatientList()
         },
-       changeRadio(id){ 
+       changeRadio(id){
          console.log(id)
          this.radioStatus = id
          this.getPatientList()
 
         //患者列表
         getPatientList(){
-           getPatientList().then(response=>{
-               if(response.data.state == 1){
-                 var hisPatient = response.data.data.hisPatient
-                 console.log("his",hisPatient)
-                 var scheduleList = response.data.data.scheduleList
-                 hisPatient.push(...scheduleList)
-                 console.log("arrr",hisPatient)
-                 var tabArr = this.unique(hisPatient)
-                 console.log("22222",tabArr)
-                 if(this.radioStatus == 1){
-                    this.tableData = tabArr
-                    this.$refs.tab.setCurrentRow(this.tableData[0])
-                 }
-                 if(this.radioStatus == 2){
-                    var prescription = response.data.data.prescription
-                    this.tableData = prescription
-                    this.$refs.tab.setCurrentRow(this.tableData[0])
-                 }
-                
-               }  
-           })
+          let params = {
+            'record_date': this.record_date
+          }
+          getSchedulePatientList(params).then(response => {
+            if (response.data.state == 0) {
+              this.$message.error(response.data.msg)
+              return false
+            } else {
+              this.patientTableData = []
+              for (let i = 0; i < response.data.data.list.length; i++) {
+
+                if (response.data.data.list[i].prescription != null && response.data.data.list[i].prescription.length > 0) {
+                  this.patientTableData.push(response.data.data.list[i])
+                }
+              }
+            }
+          })
         },
 
         unique(arr) {
         },
         handleCurrentChange(val){
           console.log("val",val)
-          this.getPatientInformation(val.id)
+          this.getPatientInformation(val.patients.id)
         },
-        
+
         //获取患者的基本信息
-        getPatientInformation(id){
-            console.log(id)
-            getPatientInformation(id).then(response=>{
-               if(response.data.state == 1){
-                  var information = response.data.data.information
-                  console.log("information",information)
-                  this.patientInfo = information
-               }
-            })
+      getPatientInformation(id) {
+        let params = {
+          'record_date': this.record_date,
+          'patient_id': id
         }
+        getPatientInfo(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg)
+            return false
+          } else {
+            this.patientInfo = response.data.data.xt_info
+            this.hisPatientInfo = response.data.data.his_info
+            this.prescriptions = []
+            for (let i = 0; i < response.data.data.prescription.length; i++) {
+              var prescription = response.data.data.prescription[i]
+              let index = i + 1
+              let obj = {
+                name: '处方' + index,
+                advices: prescription.advices,
+                project: prescription.project,
+                type: response.data.data.prescription[i].type
+              }
+              this.prescriptions.push(obj)
+              this.curPrescriptions = this.prescriptions[0]
+
+            }
+            // this.$refs.prescriptions.setData(this.prescriptions)
+          }
+        })
+      }
     }
 }
 </script>
         .el-radio{
             margin-right:5px;
         }
-        
+
     }
     .mainCell{
         height:36px;
         display: flex;
         flex-direction: column;
         position: relative;
+        height: 100%;
+    }
+    .settlementTabs{
+        flex: 1;
+        .el-tab-pane{
+            // display: flex;
+            height:100%;
+        }
+        .el-tabs__content{
+            height:100%;
+        }
     }
     .centerRight{
         width: 300px;
         display: none;
     }
 }
+.settlementTabs{
+    .el-tabs__content{
+        height:90%;
+    }
+}
 </style>
 

src/xt_pages/outpatientCharges/summaryDetail.vue

             <div class="mainCenter">
                 <div class="centerLeft">
                     <div class="tabsBox">
-                        <el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>
+                        <!--<el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>-->
                         <el-tabs class="preTabs" v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" :before-leave="moreState">
                             <el-tab-pane
                                 v-for="(item, index) in editableTabs"
                                     </el-table-column>
                                     <el-table-column align="center" prop="name" width="50" label="组套">
                                         <template slot-scope="scope">
-                                            
+
                                         </template>
                                     </el-table-column>
                                     <el-table-column align="center" prop="name" width="50" :label="'单次\n用量'">
                                         <template slot-scope="scope">
-                                            
+
                                         </template>
                                     </el-table-column>
                                     <el-table-column align="center" prop="name" width="50" label="用法">
                                         <template slot-scope="scope">
-                                            
+
                                         </template>
                                     </el-table-column>
                                     <el-table-column align="center" prop="name" width="50" label="频率">
                                         <template slot-scope="scope">
-                                            
+
                                         </template>
                                     </el-table-column>
                                     <el-table-column align="center" prop="name" width="50" label="天数">
                                         <template slot-scope="scope">
-                                            
+
                                         </template>
                                     </el-table-column>
                                     <el-table-column align="center" prop="name" width="100" label="总量">
                                         <template slot-scope="scope">
-                                            
+
                                         </template>
                                     </el-table-column>
                                     <el-table-column align="center" prop="name" width="50" label="单价">
                                         <template slot-scope="scope">
-                                            
+
                                         </template>
                                     </el-table-column>
                                     <el-table-column align="center" prop="name" width="50" label="备注">
                                         <template slot-scope="scope">
-                                            
+
                                         </template>
                                     </el-table-column>
                                 </el-table>
                             </el-tab-pane>
                         </el-tabs>
-                        
+
                     </div>
                     <div class="costBox">
                         <span>处方编号：2134348971237883</span>

src/xt_pages/outpatientCharges/template/printOne.vue

+<template>
+    <div id='prescription-print' class="prescription-print">
+        <div class="printTitle">血液透析中心处方笺</div>
+        <div class="infoTitle">
+            <p>姓名：阿萨德</p>
+            <p>性别：男</p>
+            <p>年龄：12岁</p>
+        </div>
+        <div class="infoMain">
+            <p style="margin-bottom: 10px;">门诊号：111111111111</p>
+            <p style="margin-bottom: 10px;">科室：全科</p>
+            <p style="margin-bottom: 10px;">医保卡号：111111111111</p>
+            <p style="margin-bottom: 10px;">电话：111111111111</p>
+            <p>地址：加上来看待就卢萨卡的及拉丝机的了</p>
+            <p>临床诊断：拉胯手机上的拉丝机的</p>
+        </div>
+        <div class="prescriptionBox">
+            <p class="Rp">Rp:</p>
+            <div class="drugsBox">
+                <p class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</p>
+                <p style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></p>
+            </div>
+            <div class="drugsBox">
+                <p class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</p>
+                <p style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></p>
+            </div>
+        </div>
+        <div class="doctorBox">
+            <p>医师：高华</p>
+            <p>日期：2020-11-14 09:12:32</p>
+        </div>
+        <div class="actionBar">
+            <p>审核：</p>
+            <p>配对：</p>
+            <p>核对：</p>
+            <p>发药：</p>
+            <p>药费：</p>
+        </div>
+    </div>
+</template>
+
+
+
+<style lang="scss" scoped>
+.printTitle{
+    font-size: 22px;
+    text-align: center;
+    font-weight: bold;
+}
+.infoTitle{
+    display: flex;
+    border-bottom: 2px solid #000;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+}
+.infoTitle p{
+    width: 200px;
+}
+.infoMain{
+    display: flex;
+    flex-wrap: wrap;
+    border-bottom: 2px solid #000;
+    padding:0 10px;
+}
+.infoMain p{
+    width: 50%;
+    line-height: 24px;
+}
+.prescriptionBox{
+    padding:0 10px;
+    height:600px;
+}
+.Rp{
+    font-size: 22px;
+    font-weight: bold;
+}
+.drugsBox{
+    padding-left: 40px;
+    margin-bottom: 10px;
+}
+.drugsBox p{
+    line-height: 30px;
+}
+.drugsOne{
+    line-height: 24px;
+}
+.drugsOne span{
+    margin-right: 20px;
+}
+.doctorBox{
+    display: flex;
+    justify-content: space-between;
+    padding:0 10px;
+    line-height: 24px;
+    border-bottom: 2px solid #000;
+}
+.actionBar{
+    display: flex;
+    justify-content: space-between; 
+    line-height: 24px;
+    padding:0 10px;
+}
+.actionBar p{
+    width:150px;
+}
+</style>

src/xt_pages/outpatientCharges/treatPrint.vue

+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
+       <template>
+        <el-button
+          :loading="loading"
+          size="small"
+          icon="el-icon-printer"
+          @click="printThisPage"
+          type="primary"
+          >打印</el-button
+        >
+      </template>
+    </div>
+    <div class="app-container" style="min-height:0;">
+        <div class='dialysisPage' style="flex: 1;height: calc(100vh - 178px);overflow-x:auto;::-webkit-scrollbar:height:15px">
+            <printOne v-bind:childResponse="childResponse"></printOne>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import {
+  getDialysisRecordInitData,
+  getDialysisSchedules
+} from "@/api/dialysis_record";
+import { parseTime } from "@/utils";
+import { getDialysisRecord } from "@/api/dialysis";
+import { getDataConfig } from "@/utils/data";
+import { jsGetAge, uParseTime } from "@/utils/tools";
+// import LabelBox from "./printItem/LabelBox";
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import print from "print-js";
+import printOne from "./treatTemplate/printOne"
+export default {
+  name: "dialysisPrintOrder",
+  components: {
+    BreadCrumb,
+    printOne
+  },
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: "透析管理" },
+        { path: false, name: "打印单" }
+      ],
+      childResponse: {},
+      
+
+    };
+  },
+  methods: {
+    getAdminUser(id) {
+      if (id == 0) {
+        return "";
+      }
+      if (id == undefined) {
+        return "";
+      }
+      for (let i = 0; i < this.adminUser.length; i++) {
+        if (this.adminUser[i].id == id) {
+          return this.adminUser[i].name;
+        }
+      }
+    },
+    getTime(value, temp) {
+      if (value == 0) {
+        return "";
+      }
+      if (value != undefined) {
+        return uParseTime(value, temp);
+      }
+      return "";
+    },
+    printThisPage() {
+      var ptime = Math.round(new Date().getTime() / 1000);
+      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
+
+      const style =
+        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoMain{display: flex;flex-wrap: wrap;padding:0 10px;margin-top:10px;}.infoMain .infoP{width: 33%;line-height: 1px;}.chargeBox{border: 1px solid #000;}.chargeUl{display:flex;justify-content: space-between;text-align: center;}.chargeUl p{line-height: 1px;}.chargeP{line-height: 1px;padding-bottom:16px;}.moneyBox{display: flex;justify-content: space-between;padding: 0 10px;background: #eeeeee;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;height: 40px;align-items: center;border:1px solid #000; border-top:none}.actionBar{display: flex;justify-content: space-between; line-height: 24px;padding:0 10px;}.actionBar p{width:150px;}}';
+        printJS({
+            printable: "prescription-print",
+            type: "html",
+            style: style,
+            scanStyles: false
+        });
+
+      // if (this.org_template_info.template_id == 1) {
+      //   printJS({
+      //     printable: "dialysis-print-box",
+      //     type: "html",
+      //     style: style,
+      //     scanStyles: false
+      //   });
+      // }
+    },
+  },
+  created() {
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.printTitle{
+    font-size: 22px;
+    text-align: center;
+    font-weight: bold;
+}
+.infoMain{
+    display: flex;
+    flex-wrap: wrap;
+    border-bottom: 2px solid #000;
+    padding:0 10px;
+}
+.infoMain .infoP{
+    width: 33%;
+    line-height: 24px;
+}
+.prescriptionBox{
+    padding:0 10px;
+    height:600px;
+}
+.Rp{
+    font-size: 22px;
+    font-weight: bold;
+}
+.drugsBox{
+    padding-left: 40px;
+    margin-bottom: 10px;
+}
+.drugsBox p{
+    line-height: 30px;
+}
+.drugsOne{
+    line-height: 24px;
+}
+.drugsOne span{
+    margin-right: 20px;
+}
+.doctorBox{
+    display: flex;
+    justify-content: space-between;
+    padding:0 10px;
+    line-height: 24px;
+    border-bottom: 2px solid #000;
+}
+.actionBar{
+    display: flex;
+    justify-content: space-between; 
+    line-height: 24px;
+    padding:0 10px;
+}
+.actionBar p{
+    width:150px;
+}
+</style>

src/xt_pages/outpatientCharges/treatTemplate/printOne.vue

+<template>
+    <div id='prescription-print' class="prescription-print">
+        <div class="printTitle">血液透析中心医药费收据及收费项目清单</div>
+        <div class="infoMain">
+            <p class="infoP">医院(药店)编号：H8D50</p>
+            <p class="infoP">名称：血液透析中心</p>
+            <p class="infoP">医生工号：H8D50</p>
+            <p class="infoP">门诊流水号：H8D50</p>
+            <p class="infoP">科别：全科</p>
+            <p class="infoP">处方单据号：H8D50</p>
+            <p class="infoP">姓名：张三</p>
+            <p class="infoP">医疗账号：98798798</p>
+            <p class="infoP">医疗类别：普通</p>
+        </div>
+        <div class="chargeBox">
+            <div style="display:flex;justify-content: space-between;border-bottom:1px solid #000;">
+                <div class="chargeUl" style="width:20%;">
+                    <p style="width:50%;border-right:1px solid #000;">费用类型</p>
+                    <p style="width:50%;border-right:1px solid #000;">金额</p>
+                </div>
+                <div class="chargeUl" style="width:80%;">
+                    <p style="width:40%;border-right:1px solid #000;">明细名称</p>
+                    <p style="width:15%;border-right:1px solid #000;">规格</p>
+                    <p style="width:15%;border-right:1px solid #000;">数量</p>
+                    <p style="width:15%;border-right:1px solid #000;">单价</p>
+                    <p style="width:15%;">金额</p>
+                </div>
+            </div>
+            <div style="display:flex;justify-content: space-between;">
+                <div style="width:20%;">
+                    <div class="chargeUl" v-for="item in 3">
+                        <p style="width:50%;">材料费</p>
+                        <p style="width:50%;">122</p>
+                    </div>
+                    <div class="chargeUl" style="border-top:1px solid #000;"> 
+                        <p style="width:50%;">费用合计</p>
+                        <p style="width:50%;">123</p>
+                    </div>
+                    <div class="chargeUl" style="border-top:1px solid #000;">
+                        <p style="width:50%;">记账支付</p>
+                        <p style="width:50%;">123</p>
+                    </div>
+                    <div class="chargeUl" style="border-top:1px solid #000;">
+                        <p style="width:50%;">个人账号</p>
+                        <p style="width:50%;">123</p>
+                    </div>
+                    <div class="chargeUl" style="border-top:1px solid #000;border-bottom:1px solid #000;">
+                        <p style="width:50%;">现金支付</p>
+                        <p style="width:50%;">123</p>
+                    </div>
+                </div>
+                <div style="width:80%;display:flex;height:600px;">
+                    <!-- <ul class="chargeUl" v-for="item in 4">
+                        <li style="width:20%;">血压透析器（进口）FFX60</li>
+                        <li style="width:20%;">次</li>
+                        <li style="width:20%;">1个</li>
+                        <li style="width:20%;">123</li>
+                        <li style="width:20%;">123</li>
+                    </ul> -->
+                    <div style="border-left:1px solid #000;border-right:1px solid #000;width:40%;text-align:center;">
+                        <p v-for="item in 4" class="chargeP">血压透析器（进口）FFX60</p>
+                    </div>
+                    <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                        <p v-for="item in 4" class="chargeP">次</p>
+                    </div>
+                    <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                        <p v-for="item in 4" class="chargeP">1个</p>
+                    </div>
+                    <div style="border-right:1px solid #000;width:15%;text-align:center;">
+                        <p v-for="item in 4" class="chargeP">123</p>
+                    </div>
+                    <div style="width:15%;text-align:center;">
+                        <p v-for="item in 4" class="chargeP">123</p>
+                    </div>
+                </div>
+            </div>
+            
+        </div>
+        <div class="moneyBox">
+            <p>实收金：111</p>
+            <p>记账前金额：111</p>
+            <p>扣款金额：111</p>
+            <p>记账后金额：111</p>
+            <p>找赎金：111</p>
+        </div>
+        <div class="actionBar">
+            <p>收费员：</p>
+            <p>日期：</p>
+        </div>
+    </div>
+</template>
+
+
+
+<style lang="scss" scoped>
+.printTitle{
+    font-size: 22px;
+    text-align: center;
+    font-weight: bold;
+}
+.infoMain{
+    display: flex;
+    flex-wrap: wrap;
+    padding:0 10px;
+    margin-top:10px;
+}
+.infoMain .infoP{
+    width: 33%;
+    line-height: 24px;
+}
+.chargeBox{
+    border: 1px solid #000;
+}
+.chargeUl{
+    display:flex;
+    justify-content: space-between;
+    text-align: center;
+}
+.chargeUl p{
+    height:40px;
+    line-height: 40px;
+}
+.chargeP{
+    height:40px;
+    line-height: 40px;
+}
+.moneyBox{
+    display: flex;
+    justify-content: space-between;
+    padding: 0 10px;
+    background: #eee;
+    height: 40px;
+    align-items: center;
+    border:1px solid #000;
+    border-top:none
+}
+.actionBar{
+    display: flex;
+    justify-content: space-between; 
+    line-height: 24px;
+    padding:0 10px;
+}
+.actionBar p{
+    width:150px;
+}
+</style>

src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue

     <div class="backColor"></div>
     <div class="mainCenter">
       <div class="centerLeft">
-        <el-form :model="form"  ref="form" label-width="80px">
+        <el-form :model="form" ref="form" label-width="80px">
           <el-form-item label="姓名:" prop="name">
             <el-input v-model="patientInfo.name" placeholder="" readonly></el-input>
           </el-form-item>
           <el-form-item label="挂号类型: " prop="name">
             <el-input v-model="hisPatientInfo.register_type" placeholder="" readonly></el-input>
           </el-form-item>
+          <el-form-item label="挂号类型: " prop="name">
+            <el-select style="margin-right:5px;" v-model="doctorValue" placeholder="">
+              <el-option
+                v-for="(item,index) in doctors"
+                :key="index"
+                :label="item.user_name"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
           <el-form-item label="诊断:" prop="name">
             <el-autocomplete
               style="width:100%;"
               placeholder="请输入内容"
             ></el-autocomplete>
           </el-form-item>
-          <el-form-item label="过敏及特殊病史: " prop="name">
+          <el-form-item label="特殊病史: " prop="name">
             <el-autocomplete
               style="width:100%;"
               class="inline-input"
         </el-form>
         <div class="tabsBox">
 
-          <el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>
+          <!--<el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>-->
           <el-tabs class="preTabs" v-model="editableTabsValue" type="card" closable @tab-remove="removeTab"
                    :before-leave="moreState" @tab-click="tabclickEvent">
             <el-tab-pane
             <el-tab-pane name="more" closable><span slot="label"><i class="el-icon-plus" @click="addTab"></i></span>
             </el-tab-pane>
             <div class="RP">Rp</div>
-            <prescription-table ref="prescription_tables" :prescription="curPrescriptions" :preDrugs="preDrugs" :activeType="customTabIndex"></prescription-table>
+            <prescription-table ref="prescription_tables" :prescription="curPrescriptions" :preDrugs="preDrugs"
+                                :activeType="customTabIndex"></prescription-table>
           </el-tabs>
 
         </div>
             </el-option>
           </el-select>
           <span>总计：</span>
-          <span style="color:red;">{{ total }}</span>元
+          <span style="color:red;">{{ getTotal() }}</span>元
         </div>
       </div>
       <div class='centerRight'>
           <p :class="rightTab == 2 ? 'activeP' : ''" @click="clickTab(2)">项目</p>
         </div>
         <template>
-          <div style="margin-top:5px;">
-            <el-input style="width:50%;" v-model="input" placeholder=""></el-input>
-            <el-select style="float: right;width: 49%;" 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>
+          <!--<div style="margin-top:5px;">-->
+          <!--<el-input style="width:50%;" v-model="input" placeholder=""></el-input>-->
+          <!--<el-select style="float: right;width: 49%;" 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>-->
           <div style="height:84%;overflow-y: auto;margin-bottom: 60px;" v-show="showOne">
             <el-tabs class="rightTabs" v-model="activeName">
               <el-tab-pane label="药品列表" name="1">
-                <el-table :data="drugs" border @select='selectDrugs' style="width: 100%;"
+                <el-table ref="multipleTable" :data="drugs" border @select='selectDrugs' style="width: 100%;"
                           :row-style="{ color: '#303133' }"
+                          @select-all="changeAllGoodInfoTableData"
                           :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                           highlight-current-row>
                   <el-table-column align="center" type="selection" width="40"></el-table-column>
 
               </el-tab-pane>
               <el-tab-pane label="医嘱模板" name="2">
-                <el-table :data="advices_template" border style="width: 100%;" :row-style="{ color: '#303133' }"
+                <el-table ref="multipleTableTwo" :data="advices_template" border style="width: 100%;"
+                          :row-style="{ color: '#303133' }"
                           :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                           highlight-current-row>
                   <el-table-column align="center" type="selection" width="40"></el-table-column>
             </el-tabs>
           </div>
 
-         <div style="height:84%;overflow-y: auto;margin-bottom: 60px;" v-show="showTwo">
+          <div style="height:84%;overflow-y: auto;margin-bottom: 60px;" v-show="showTwo">
             <el-tabs class="rightTabs" v-model="activeName">
               <el-tab-pane label="项目列表" name="1">
-                 <el-table :data="tabProject" border @select='selectChange' style="width: 100%;"
+                <el-table ref="tables" :data="tabProject" border @select='selectChange' style="width: 100%;"
                           :row-style="{ color: '#303133' }"
+                          @select-all="changeAllGoodInfoTableDataTwo"
                           :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
-                          highlight-current-row >
+                          highlight-current-row>
                   <el-table-column align="center" type="selection" width="40"></el-table-column>
                   <el-table-column align="center" prop="name" label="名称">
                     <template slot-scope="scope">{{ scope.row.project_name }}</template>
                 <el-table :data="tabPrjectTeam" border style="width: 100%;" :row-style="{ color: '#303133' }"
                           :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                           highlight-current-row
-                         @select='selectTeam'>
+                          @select='selectTeam'>
                   <el-table-column align="center" type="selection" width="40"></el-table-column>
                   <el-table-column align="center" prop="name" label="名称">
                     <template slot-scope="scope">{{scope.row.project_team}}</template>
 
 
 <script>
-  import { getPatientInfo, getSchedulePatientList, getInitData,createHisPrescription } from '@/api/his/his'
-  import { getDictionaryDataConfig} from "@/utils/data";
+  import {
+    createHisPrescription,
+    delHisPrescription,
+    getInitData,
+    getPatientInfo,
+    getSchedulePatientList
+  } from '@/api/his/his'
+  import { getDictionaryDataConfig } from '@/utils/data'
   import prescriptionTable from './prescriptionTable'
   import selectTemplate from './selectTemplate'
   import saveTemplate from './saveTemplate'
   import additionalCharges from './additionalCharges'
-  import { getHisProject,addProjectTeam,getAllProjectTeam,getPojectListById } from '@/api/project/project'
-  // import { getPatientInfo, getSchedulePatientList,createHisPrescription } from '@/api/his/his'
+  import { addProjectTeam, getAllProjectTeam, getHisProject, getPojectListById } from '@/api/project/project'
 
   export default {
     props: {
       patientInfo: Object,
       hisPatientInfo: Object,
       prescriptions: Array,
-      record_date:String,
+      record_date: String,
+      other_sick: {
+        type: Array,
+        default: []
+      },
+      diagnoses: {
+        type: Array,
+        default: []
+      }
     },
     components: {
       selectTemplate,
     },
     data() {
       return {
-        value:"",
+        value: '',
         form: {
           name: ''
         },
-        drugs:[],
-        allDrugs:[],
-        advices_template:[],
+        drugs: [],
+        allDrugs: [],
+        advices_template: [],
 
         editableTabsValue: '处方1',
         editableTabs: [{
           name: '1'
         }],
         tabIndex: 1,
-        currenet_inedx:0,
+        currenet_inedx: 0,
         rightTab: 1,
         activeName: '1',
         curPrescriptions: this.prescriptions[0],
         doctorValue: '',
         departmentOptions: [],
         departmentValue: '',
-        diagnoses: this.getDictionaryDataConfig('system','diagnose'),
-        other_sick:this.getDictionaryDataConfig('system','other_sick_history'),
         total: 0,
-        state1:"",
-        state2:"",
-        customTabIndex:1,
-        options:[],
-        tabProject:[],
-        strids:"",
-        showOne:true,
-        showTwo:false,
-        tableData:[],
-        tabPrjectTeam:[],
-        teamList:[],
-        doctors:[],
-        departMent:[]
+        state1: '',
+        state2: '',
+        customTabIndex: 1,
+        options: [],
+        tabProject: [],
+        strids: '',
+        showOne: true,
+        showTwo: false,
+        tableData: [],
+        tabPrjectTeam: [],
+        teamList: [],
+        doctors: [],
+        departMent: [],
+        curStatus: 0
       }
     },
     methods: {
-      createFilter (queryString) {
+      getTotal() {
+        var total = 0
+        for (let i = 0; i < this.prescriptions.length; i++) {
+          if (this.prescriptions[i].advices != null) {
+            for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
+              total = total + this.prescriptions[i].advices[a].price * this.prescriptions[i].advices[a].prescribing_number
+            }
+          }
+          if (this.prescriptions[i].project != null) {
+            for (let b = 0; b < this.prescriptions[i].project.length; b++) {
+              total = total + this.prescriptions[i].project[b].price * this.prescriptions[i].project[b].count
+            }
+          }
+        }
+        return total
+      },
+      createFilter(queryString) {
         return (restaurant) => {
           return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
         }
       },
 
-      querySearch (queryString, cb) {
+      querySearch(queryString, cb) {
         var restaurants = this.diagnoses
         console.log(restaurants)
         restaurants.map(item => {
         // 调用 callback 返回建议列表的数据
         cb(results)
       },
-      querySearch2 (queryString, cb) {
+
+      querySearch2(queryString, cb) {
         var restaurants = this.other_sick
         restaurants.map(item => {
           item.value = item.name
         // 调用 callback 返回建议列表的数据
         cb(results)
       },
-      changeKind(val){
+      changeKind(val) {
         this.drugs = []
 
         if(val == 0){
         }
       },
       getDictionaryDataConfig(module, filed_name) {
-        console.log(getDictionaryDataConfig(module, filed_name))
         return getDictionaryDataConfig(module, filed_name)
 
       },
-      getInitData(){
+      getInitData() {
         getInitData().then(response => {
           if (response.data.state == 0) {
             this.$message.error(response.data.msg)
             this.allDrugs = response.data.data.drugs
             this.advices_template = response.data.data.advices_template
             this.doctors = response.data.data.doctors
-            this.departMent =  response.data.data.department
-           
+            this.departMent = response.data.data.department
+
           }
         })
 
       },
-      tabclickEvent(val){
-        for (let i= 0; i<this.prescriptions.length; i++){
+      tabclickEvent(val) {
+        for (let i = 0; i < this.prescriptions.length; i++) {
           console.log(this.prescriptions[i].name)
-            if(this.prescriptions[i].name == val.name){
-              this.curPrescriptions = this.prescriptions[i]
-
-              //用来区分处方属于项目还是药品
-              if(this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0){
-                this.customTabIndex = 1
-              }
-              if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0){
+          if (this.prescriptions[i].name == val.name) {
+            this.curPrescriptions = this.prescriptions[i]
 
-                this.customTabIndex = 2
-              }
+            //用来区分处方属于项目还是药品
+            if (this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0) {
+              this.customTabIndex = 1
+              this.curStatus = 1
+            }
+            if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0) {
 
-              if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length == 0){
-                this.customTabIndex = this.rightTab
-              }
+              this.customTabIndex = 2
+              this.curStatus = 2
+            }
 
+            if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length == 0) {
+              this.customTabIndex = this.rightTab
             }
 
+          }
 
         }
+      }, clearData() {
+
+        this.curPrescriptions = []
       },
-      setData(data){
+      setData(data) {
         this.prescriptions = data
         console.log(this.$refs)
         this.$nextTick(() => {
-         this.$refs.prescription_tables.setNewData(this.prescriptions[0])
-        });
+          this.$refs.prescription_tables.setNewData(this.prescriptions[0])
+        })
       },
       moreState(tab, event) {
         if (tab == 'more') {
       },
       open(index) {
         if (index == 1) {
-          let params ={
+          let params = {
             patient_id: this.patientInfo.id,
             diagnose: this.state1,
             sick_history: this.state2,
             record_date: this.record_date,
             his_patient_id: this.hisPatientInfo.id
           }
-         
-          for (let i = 0; i < this.prescriptions.length; i++){
-            if(this.prescriptions[i].advices.length > 0 && this.prescriptions[i].project.length == 0){
+
+          for (let i = 0; i < this.prescriptions.length; i++) {
+            if (this.prescriptions[i].advices.length > 0 && this.prescriptions[i].project.length == 0) {
               this.prescriptions[i]['type'] = 1
             }
-            if(this.prescriptions[i].advices.length == 0 && this.prescriptions[i].project.length > 0){
+            if (this.prescriptions[i].advices.length == 0 && this.prescriptions[i].project.length > 0) {
               this.prescriptions[i]['type'] = 2
             }
-            for (let b = 0; b < this.prescriptions[i].advices.length; b++){
+            for (let b = 0; b < this.prescriptions[i].advices.length; b++) {
               this.prescriptions[i].advices[b].single_dose = this.prescriptions[i].advices[b].single_dose.toString()
               this.prescriptions[i].advices[b].prescribing_number = this.prescriptions[i].advices[b].prescribing_number.toString()
               this.prescriptions[i].advices[b].retail_price = this.prescriptions[i].advices[b].retail_price.toString()
 
             }
           }
-          let data={
-            "prescriptions":this.prescriptions
+          let data = {
+            'prescriptions': this.prescriptions
           }
-           console.log("data",data)
-           console.log("params",params)
-          createHisPrescription(data,params).then(response=>{
-            if(response.data.state == 1){
+          createHisPrescription(data, params).then(response => {
+            if (response.data.state == 1) {
               this.prescriptions = []
-              this.$message.success("保存成功")
+              this.$message.success('保存成功')
             }
           })
-          localStorage.setItem('drugs', JSON.stringify(this.preDrugs))
-          // this.$message({ message: '保存成功', type: 'success' })
         } else if (index == 2) {
           this.$router.push('/outpatientDoctorStation/print')
         } else if (index == 4) {
         ++this.tabIndex
         let newTabName = '处方' + this.tabIndex
         this.prescriptions.push({
+          id: 0,
           name: newTabName,
           advices: [],
-          project:[],
-          projects:[]
+          project: []
 
         })
         this.editableTabsValue = newTabName
-        this.curPrescriptions = this.prescriptions[this.prescriptions.length-1]
+        this.curPrescriptions = this.prescriptions[this.prescriptions.length - 1]
+        this.curStatus = 0
       },
       removeTab(targetName) {
+        let id = 0
+        for (let i = 0; i < this.prescriptions.length; i++) {
+          if (this.prescriptions[i].name == targetName) {
+            id = this.prescriptions[i].id
+          }
+        }
+
+        if (id == 0) {
+          let tabs = this.prescriptions
+          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
+
+                }
+              }
+            })
+          }
+          this.editableTabsValue = activeName
+          this.prescriptions = tabs.filter(tab => tab.name !== targetName)
 
-        let tabs = this.prescriptions
-        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
+          for (let i = 0; i < this.prescriptions.length; i++) {
+            if (activeName == this.prescriptions[i].name) {
+              this.curPrescriptions = this.prescriptions[i]
+              if(this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0){
+                this.curStatus = 1
               }
+              if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0){
+                this.curStatus = 2
+              }
+            }
+          }
+          if (this.prescriptions.length == 0) {
+            this.curPrescriptions = []
+            this.curStatus = 0
+          }
+        } else {
+          let params = {
+            'id': id
+          }
+          delHisPrescription(params).then(response => {
+            if (response.data.state == 1) {
+              this.$message.success('删除成功')
+            } else {
+              this.$message.success(response.data.msg)
             }
           })
         }
-
-        this.editableTabsValue = activeName
-        this.prescriptions = tabs.filter(tab => tab.name !== targetName)
-        console.log(this.prescriptions)
       },
       clickTab(index) {
-        if(index == 1){
+        if (index == 1) {
           this.showOne = true
           this.showTwo = false
           this.$nextTick(() => {
-            this.$refs.prescription_tables.setNewData(this.prescriptions[this.prescriptions.length-1])
-          });
-         this.customTabIndex = 1
+            this.$refs.prescription_tables.setNewData(this.prescriptions[this.prescriptions.length - 1])
+          })
+          this.customTabIndex = 1
         }
-        if(index == 2){
+        if (index == 2) {
           this.showTwo = true
           this.showOne = false
-           this.$nextTick(() => {
-            this.$refs.prescription_tables.setNewData(this.prescriptions[this.prescriptions.length-1])
-          });
-         this.customTabIndex = 2
+          this.$nextTick(() => {
+            this.$refs.prescription_tables.setNewData(this.prescriptions[this.prescriptions.length - 1])
+          })
+          this.customTabIndex = 2
         }
         this.rightTab = index
 
-
         //用来区分处方属于项目还是药品
-        if(this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0){
+        if (this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0) {
 
           this.customTabIndex = 1
         }
-        if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0){
+        if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0) {
 
           this.customTabIndex = 2
         }
-        if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length == 0){
+        if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length == 0) {
           // this.customTabIndex = this.rightTab
           this.customTabIndex = index
         }
-
-
-
-
-      },
-      addCharges() {
+      }, changeAllGoodInfoTableData: function(selection) {
+        this.curDrugs = selection
+      }, addCharges() {
         this.$refs.additionalCharges.show()
       },
       selectDrugs(selection, row) {
         this.curDrugs = selection
       },
       comfirm() {
-        this.preDrugs = this.curDrugs
+        console.log(this.curStatus)
+        console.log(this.rightTab)
+        console.log(this.curPrescriptions)
+
+
+        if (this.curStatus == 1  && this.rightTab == 2) {
+          this.$message.error('改处方是药品，无法添加项目')
+          this.teamList = []
+          this.$refs.tables.clearSelection()
+          return
+        }
+
+        if (this.curStatus ==2 && this.rightTab == 1) {
+          this.$message.error('改处方是项目，无法添加药品')
+          this.curDrugs = []
+          this.$refs.multipleTable.clearSelection()
+          return
+        }
 
-        for (let i = 0; i < this.prescriptions.length; i++){
-          console.log("名称",this.prescriptions[i].name)
-          console.log("名称2",this.editableTabsValue)
-          if(this.prescriptions[i].name == this.editableTabsValue){
-           var temp =  this.deepClone(this.preDrugs)
-            var temp2 =  this.deepClone(this.teamList)
+        for (let i = 0; i < this.prescriptions.length; i++) {
+          if (this.prescriptions[i].name == this.editableTabsValue) {
+            var temp = this.deepClone(this.curDrugs)
+            var temp2 = this.deepClone(this.teamList)
+
+            if (temp.length > 0) {
+              for (let b = 0; b < temp.length; b++) {
+                let obj = {
+                  advice_id: 0,
+                  drug_name: temp[b].drug_name,
+                  single_dose: temp[b].single_dose,
+                  delivery_way: temp[b].delivery_way,
+                  execution_frequency: temp[b].execution_frequency,
+                  retail_price: temp[b].retail_price.toString(),
+                  remark: '',
+                  prescribing_number: temp[b].prescribing_number,
+                  single_dose_unit: temp[b].min_unit,
+                  prescribing_number_unit: temp[b].min_unit,
+                  min_unit: temp[b].min_unit
+
+                }
+                this.prescriptions[i].advices.push(obj)
+              }
+              this.curStatus = 1
+            }
 
-            this.prescriptions[i].advices = temp
-            this.prescriptions[i].project = temp2
+            if (temp2.length > 0) {
+              for (let b = 0; b < temp2.length; b++) {
+                this.prescriptions[i].project.push(temp2[b])
+              }
+              this.curStatus = 2
+            }
             this.curPrescriptions = this.prescriptions[i]
-            // this.$refs.prescription_tables.setNewData(this.prescriptions[i])
+            this.$refs.multipleTable.clearSelection()
+            this.$refs.tables.clearSelection()
+
           }
         }
-        console.log("222222",this.prescriptions)
+        this.curDrugs = []
+        this.preDrugs = []
+        this.teamList = []
+
+      }, changeAllGoodInfoTableDataTwo(row) {
+        this.teamList = row
       },
-      selectChange(row){
+      selectChange(row) {
         this.teamList = row
       },
-      getlist(){
-        getHisProject().then(response=>{
-          if(response.data.state == 1){
+      getlist() {
+        getHisProject().then(response => {
+          if (response.data.state == 1) {
             var project = response.data.data.project
-            console.log("project",project)
+            console.log('project', project)
             this.tabProject = project
           }
         })
-      },
-      querySearch(){
-
-      },deepClone(source) {
+      }, deepClone(source) {
         if (!source && typeof source !== 'object') {
           throw new Error('error arguments', 'shallowClone')
         }
         })
         return targetObj
       },
-      getAllProjectTeam(){
-        getAllProjectTeam().then(response=>{
-          if(response.data.state == 1){
-            var team =  response.data.data.team
-            console.log("team",team)
+      getAllProjectTeam() {
+        getAllProjectTeam().then(response => {
+          if (response.data.state == 1) {
+            var team = response.data.data.team
+            console.log('team', team)
             this.tabPrjectTeam = team
           }
         })
       },
-      selectTeam(row){
-          var arr = []
-          for(let i=0;i<row.length;i++){
-             arr.push(row[i].project_id)
-          }
-        var ids =  arr.join(",")
-        console.log("ids",ids)
-        var strArr = ids.split(",")
-        var res = [];//接收不重复的数据
-
-        for (var i = 0; i<strArr.length; i++){
-        var flag = true;
-
-        for (var j = 0; j<i; j++){
-          if(strArr[i]===strArr[j]){
-            flag = false;
-            break;
-           }
-         }
-        if(flag){
-          res.push(strArr[i])
-         }
+      selectTeam(row) {
+        var arr = []
+        for (let i = 0; i < row.length; i++) {
+          arr.push(row[i].project_id)
         }
-        console.log("res",res)
+        var ids = arr.join(',')
+        var strArr = ids.split(',')
+        var res = []//接收不重复的数据
+
+        for (var i = 0; i < strArr.length; i++) {
+          var flag = true
 
-        var idstr =  res.join(",")
-        console.log("idstr",idstr)
+          for (var j = 0; j < i; j++) {
+            if (strArr[i] === strArr[j]) {
+              flag = false
+              break
+            }
+          }
+          if (flag) {
+            res.push(strArr[i])
+          }
+        }
+        var idstr = res.join(',')
         const params = {
-           project_id:idstr
+          project_id: idstr
         }
-        getPojectListById(params).then(response=>{
-           if(response.data.state == 1){
-             var project =  response.data.data.project
-             console.log("project222",project)
-             this.teamList = []
-             this.teamList = project
-           }
+        getPojectListById(params).then(response => {
+          if (response.data.state == 1) {
+            var project = response.data.data.project
+            console.log('project222', project)
+            this.teamList = []
+            this.teamList = project
+          }
         })
       }
     },
-    created(){
+    created() {
       this.getInitData()
       //获取所有项目
       this.getlist()
       //获取所以项目组套
       this.getAllProjectTeam()
 
-
     }
   }
 </script>

src/xt_pages/outpatientDoctorStation/components/deskRecord.vue

       <el-form-item label="联系电话: " prop="name">
         <el-input v-model="patientInfo.phone" placeholder="" readonly></el-input>
       </el-form-item>
-
-      <el-form-item label="关系联系人电话: " prop="name">
-        <el-input v-model="patientInfo.relative_phone" placeholder="" readonly></el-input>
+      <el-form-item label="医保类型: " prop="name">
+        <!-- <el-select v-model="scope.row.delivery_way" placeholder="请选择">
+          <el-option
+            v-for="(item,index) in arr"
+            :key="index"
+            :label="item.name"
+            :value="item.name">
+          </el-option>
+        </el-select> -->
+      </el-form-item>
+      <el-form-item label="医保证号: " prop="name">
+        <el-input v-model="patientInfo.home_address" placeholder="" readonly></el-input>
       </el-form-item>
       <el-form-item label="家庭住址: " prop="name">
         <el-input v-model="patientInfo.home_address" placeholder="" readonly></el-input>
         <el-input v-model="case_history.temperature" placeholder=""></el-input>
         <span>℃</span>
       </el-form-item>
-      <el-form-item label="血糖: " prop="name">
-        <el-input v-model="case_history.blood_sugar" placeholder=""></el-input>
-        mmol/L
-      </el-form-item>
       <el-form-item label="脉搏: " prop="name">
         <el-input v-model="case_history.pulse" placeholder=""></el-input>
         (次/分)
       </el-form-item>
+      <el-form-item label="呼吸: " prop="name">
+        <el-input v-model="case_history.pulse" placeholder=""></el-input>
+        (次/分)
+      </el-form-item>
       <el-form-item label="血压:" prop="name">
         <el-input v-model="case_history.sbp" placeholder=""></el-input>
         /
         <el-input v-model="case_history.dbp" placeholder=""></el-input>
         mmHg
       </el-form-item>
-      <el-form-item label="身高: " prop="name">
-        <el-input v-model="case_history.height" placeholder=""></el-input>
-        cm
-      </el-form-item>
-      <el-form-item label="血脂: " prop="name">
-        <el-input v-model="case_history.blood_fat" placeholder=""></el-input>
-        mmol/L
-      </el-form-item>
     </el-form>
     <div class="mainTitle">病历信息：</div>
     <el-form class="recordForm" :model="case_history" :rules="rules" ref="form" label-width="80px">
-      <el-form-item label="疾病分类:" prop="name">
-        <el-select style="width:100%;" v-model="case_history.sick_type" placeholder="">
-          <el-option
-            v-for="item,index in getDictionaryDataConfig('system','sick_type')"
-            :key="index"
-            :label="item.name"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="症状: " prop="name">
-        <el-input v-model="case_history.symptom" placeholder=""></el-input>
-      </el-form-item>
       <el-form-item label="发病日期: " prop="name">
         <el-date-picker
           style="width:100%;"
             }
           })
         } else if (index == 2) {
-
+          this.$router.push('/outpatientDoctorStation/recordPrint')
         } else if (index == 3) {
           this.$refs.medicalRecord.show()
         } else if (index == 4) {
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 10px;
+    color:#409EFF;
   }
 
   .backColor {

src/xt_pages/outpatientDoctorStation/components/medicalRecord.vue

                         <el-table-column align="center" prop="name" label="病历编号">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="诊断信息">
+                        <el-table-column align="center" prop="name" label="名称">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="医生">
+                        <el-table-column align="center" prop="name" label="创建人">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
                         <el-table-column align="center" prop="name" label="创建日期">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="操作">
+                        <el-table-column align="center" prop="name" label="模板说明">
+                            <template slot-scope="scope">{{ scope.row.date }}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" label="操作" width='200'>
                             <template slot-scope="scope">
                                 <el-button type="primary" size="mini">调用</el-button>
                                 <el-button type="primary" size="mini" @click="toHistoryDetail">详情</el-button>
                         <el-table-column align="center" prop="name" label="病历编号">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="诊断信息">
+                        <el-table-column align="center" prop="name" label="名称">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="医生">
+                        <el-table-column align="center" prop="name" label="创建人">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
                         <el-table-column align="center" prop="name" label="创建日期">
                             <template slot-scope="scope">{{ scope.row.date }}</template>
                         </el-table-column>
-                        <el-table-column align="center" prop="name" label="操作">
+                        <el-table-column align="center" prop="name" label="模板说明">
+                            <template slot-scope="scope">{{ scope.row.date }}</template>
+                        </el-table-column>
+                        <el-table-column align="center" prop="name" label="操作" width='200'>
                             <template slot-scope="scope">
                                 <el-button type="primary" size="mini">调用</el-button>
                                 <el-button type="primary" size="mini" @click="totemplateDetail">详情</el-button>
                             </template>
                         </el-table-column>
-                    </el-table> 
+                    </el-table>
                 </el-tab-pane>
             </el-tabs>
         </div>

src/xt_pages/outpatientDoctorStation/components/prescriptionTable.vue

 <template>
   <div class="prescriptionTable">
-    <el-table v-if="activeType  == 1" :data="prescription.advices" border style="width: 98%;" :row-style="{ color: '#303133' }"
+    <el-table v-if="activeType  == 1" :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" prop="name" label="名称">
         <template slot-scope="scope">{{ scope.row.drug_name }}</template>
         <template slot-scope="scope">
           <el-select v-model="scope.row.delivery_way" placeholder="请选择">
             <el-option
-              v-for="item,index in drugways"
+              v-for="(item,index) in drugways"
               :key="index"
               :label="item.name"
               :value="item.name">
       </el-table-column>
       <el-table-column align="center" prop="name" width="50" label="频率">
         <template slot-scope="scope">
-          <el-select v-model="scope.row.execution_frequency" placeholder="请选择">
+          <el-select v-model="scope.row.execution_frequency" placehold er="请选择">
             <el-option
-              v-for="item in efs"
+              v-for="item,index in efs"
               :key="index"
               :label="item.name"
               :value="item.name">
       </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.row)"></i>
+          <i class="el-icon-delete" @click="deleteDrug(scope.$index, scope.row)"></i>
         </template>
       </el-table-column>
     </el-table>
 
-    <el-table v-if="activeType == 2" :data="prescription.project" border style="width: 98%;" :row-style="{ color: '#303133' }"
+    <el-table v-if="activeType == 2" :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="selection" width="40"></el-table-column>
       <el-table-column align="center" type="index" width="40" label="序号">
             {{scope.$index + 1}}
          </template>
       </el-table-column>
-      <el-table-column align="center" prop="project_name" label="名称">
+      <el-table-column align="center" prop="project_name" width="50" label="名称">
         <template slot-scope="scope">{{ scope.row.project_name }}</template>
       </el-table-column>
       <el-table-column align="center" prop="statistical_classification" width="50" label="组">
           {{getGroup(scope.row.statistical_classification)}}
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="single_dose" width="130" :label="'单次\n用量'">
+      <el-table-column align="center" prop="single_dose" :label="'单次\n用量'">
         <template slot-scope="scope">
           <el-input v-model="scope.row.single_dose" placeholder=""></el-input>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="delivery_way" width="130" label="用法">
+      <el-table-column align="center" prop="delivery_way" width="50" label="用法">
         <template slot-scope="scope">
           <el-input v-model="scope.row.delivery_way" placeholder=""></el-input>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="execution_frequency" width="130" label="频率">
+      <el-table-column align="center" prop="execution_frequency" width="50" 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="130" label="天数">
+      <el-table-column align="center" prop="number_days" width="50" label="天数">
         <template slot-scope="scope">
           <el-input v-model="scope.row.number_days" placeholder=""></el-input>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="total" width="100" label="总量">
+      <el-table-column align="center" prop="total" width="50" label="总量">
         <template slot-scope="scope">
           <div style="display:flex;">
             <el-input v-model="scope.row.total" style="width:50" placeholder=""></el-input>
           <el-input v-model="scope.row.price" placeholder=""></el-input>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="name" width="120" label="备注">
+      <el-table-column align="center" prop="name" width="50" label="备注">
         <template slot-scope="scope">
            <el-input v-model="scope.row.remark"></el-input>
         </template>
       </el-table-column>
     </el-table>
 
+    <!--<div class="additionalBox">-->
+      <!--<div class="additionalOne" v-for="(item,index) in 8" :key="index">-->
+        <!--<span>治疗费</span>-->
+        <!--<el-input v-model="input" placeholder="" style="width:50px;"></el-input>-->
+        <!--共-->
+        <!--<el-input v-model="input" placeholder="" style="width:50px;"></el-input>-->
+        <!--次-->
+        <!--<i class="el-icon-delete deleteIcon"></i>-->
+      <!--</div>-->
+    <!--</div>-->
 
 
 
 
 <script>
   import { getDictionaryDataConfig} from "@/utils/data";
-  import { getInitData } from '@/api/his/his'
+  import { getInitData,delHisAdvice,delHisProject } from '@/api/his/his'
 
   export default {
     props: {
           }
         })
 
-      },deleteDrug:function(row){
-        for (let i = 0; i < this.prescription.advices.length; i++){
-          if(this.prescription.advices[i].id == row.id){
-              this.prescription.advices.splice(i, 1)
+      },deleteDrug:function(index, row){
+        console.log(row)
+       console.log(index)
+
+       if(row.advice_id == 0){
+          this.prescription.advices.splice(index, 1)
+        }else{
+          let params = {
+            'id': row.advice_id,
           }
+          delHisAdvice(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)
+            }
+          })
+
+
         }
-      },
-    
+
+      },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
       },
          return name
       },
       deleteProject(row){
-       
-        for (let i = 0; i < this.prescription.project.length; i++){
-          if(this.prescription.project[i].id == row.id){
-              this.prescription.project.splice(i, 1)
+        if(row.id == 0){
+          this.prescription.project.splice(i, 1)
+
+        }else{
+          let params = {
+            'id': row.id,
           }
+          delHisProject(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.error(response.data.data.msg)
+            }
+          })
+
+
         }
+
       },
     },mounted(){
       this.getInitData()
     },
-    watch:{
-      prescription:function(){
-        console.log("8888888",this)
-        console.log("9999999",this.prescription)
-      }
-    }
   }
 </script>
 
 <style lang="scss">
   .prescriptionTable {
+    .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:60px;
+          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-table th .cell, .el-table td .cell {
-    padding: 0 2px;
-    white-space: pre-line;
-  }
-
-  .el-icon-delete {
-    color: red;
-  }
+    .el-icon-delete {
+      color: red;
+    }
 
   }
 </style>

src/xt_pages/outpatientDoctorStation/components/recordTemplateDetail.vue

         append-to-body
     >
         <el-form class="recordForm" :model="form" :rules="rules" ref="form" label-width="80px">
-            <el-form-item label="模板名称: " prop="name" style="width:49%;">
+            <el-form-item label="模板名称: " prop="name" style="width:100%;">
                 <el-input v-model="form.name" placeholder=""></el-input>
             </el-form-item>
-            <el-form-item label="" prop="name" style="width:49%;">
-                <el-radio v-model="radio" label="1">私人模板</el-radio>
-                <el-radio v-model="radio" label="2">公共模板</el-radio>
-            </el-form-item>
             <el-form-item label="模板说明: " prop="name" style="width:100%;">
                 <el-input v-model="form.name" placeholder=""></el-input>
             </el-form-item>
-            <el-form-item label="病历分类:" prop="name">
-                <el-select style="width:100%;" 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-form-item>
-            <el-form-item label="症状: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>
-            </el-form-item>
-            <el-form-item label="发病日期: " prop="name">
-                <el-date-picker
-                style="width:100%;"
-                v-model="value1"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-            </el-form-item>
-            <el-form-item label="" prop="name">
-                <el-checkbox v-model="checked">是否传染</el-checkbox>
-            </el-form-item>
             <el-form-item label="主诉:" prop="name" style="width:100%;">
                 <el-input
                 type="textarea"

src/xt_pages/outpatientDoctorStation/components/saveRecordTemplate.vue

                 v-model="textarea">
                 </el-input>
             </el-form-item>
-            <el-form-item label="创建人:" prop="name" style="width:100%;">
+            <el-form-item label="创建人:" prop="name" style="width:49%;">
+            </el-form-item>
+            <el-form-item label="创建时间:" prop="name" style="width:49%;">
             </el-form-item>
         </el-form>
         <div slot="footer" class="dialog-footer">

src/xt_pages/outpatientDoctorStation/doctorDesk.vue

           <el-table :data="patientTableData" @row-click='choosePatient' border style="width: 100%;"
                     :row-style="{ color: '#303133' }"
                     :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
-                     highlight-current-row
+                    highlight-current-row
                     ref="tab"
-                   >
+          >
             <el-table-column align="center" prop="name" label="患者姓名">
-              <template slot-scope="scope">{{ scope.row.patients.name }}</template>
+              <template slot-scope="scope">{{scope.row.patients?scope.row.patients.name:''}}</template>
             </el-table-column>
             <el-table-column align="center" prop="name" label="就诊号" width="90">
-              <template slot-scope="scope">{{ scope.row.his_patient.number }}</template>
+              <template slot-scope="scope">{{ scope.row.his_patient ?scope.row.his_patient.number:''}}</template>
             </el-table-column>
           </el-table>
         </div>
           </el-radio-group>
         </div>
         <!--<desk-prescription ref="prescriptions"   :prescriptions="prescriptions" :patientInfo="patientInfo" :hisPatientInfo="hisPatientInfo"-->
-                   <!--v-if="titleType == '处方'" style="flex:1;"></desk-prescription>-->
-        <desk-prescription :record_date="record_date" ref="prescriptions"  :prescriptions="prescriptions" :patientInfo="patientInfo" :hisPatientInfo="hisPatientInfo"
+        <!--v-if="titleType == '处方'" style="flex:1;"></desk-prescription>-->
+        <desk-prescription :diagnoses="diagnoses" :other_sick="other_sick" :record_date="record_date"
+                           ref="prescriptions" :prescriptions="prescriptions" :patientInfo="patientInfo"
+                           :hisPatientInfo="hisPatientInfo"
                            v-if="titleType == '处方'" style="flex:1;"></desk-prescription>
         <desk-record :record_date="record_date" :case_history="case_history" :patientInfo="patientInfo"
                      :hisPatientInfo="hisPatientInfo" v-if="titleType == '病历'"></desk-record>
   import deskPrescription from './components/deskPrescription'
   import deskRecord from './components/deskRecord'
   import { getPatientInfo, getSchedulePatientList } from '@/api/his/his'
+  import { getDictionaryDataConfig } from '@/utils/data'
 
   import { uParseTime } from '@/utils/tools'
 
         patientInfo: {},
         hisPatientInfo: {},
         case_history: {},
-        patient_id:0,
+        patient_id: 0,
+        diagnoses: [],
+        other_sick: []
+
       }
     },
     methods: {
+      getDictionaryDataConfig(module, filed_name) {
+        console.log(getDictionaryDataConfig(module, filed_name))
+        return getDictionaryDataConfig(module, filed_name)
+
+      },
       changeTab(val) {
 
       },
             return false
           } else {
             this.patientTableData = response.data.data.list
-            console.log("222",this.patientTableData)
+            console.log('222', this.patientTableData)
             // this.$refs.tab.setCurrentRow(this.patientTableData[0])
             let cal_one = 0
             let cal_two = 0
                 cal_two = cal_two + 1
               }
             }
-
+            this.$refs.tab.setCurrentRow(this.patientTableData[0])
+            console.log(this.patientTableData[0])
+            this.choosePatient(this.patientTableData[0])
             this.cal_one = cal_one
             this.cal_two = cal_two
           }
           'record_date': this.record_date,
           'patient_id': val.patients.id
         }
+        console.log("-------")
         getPatientInfo(params).then(response => {
           if (response.data.state == 0) {
             this.$message.error(response.data.msg)
             return false
           } else {
+            console.log("999888811111")
+
+            this.prescriptions = []
+            this.$refs.prescriptions.clearData()
             this.patientInfo = response.data.data.xt_info
             this.hisPatientInfo = response.data.data.his_info
             this.case_history = response.data.data.case_history
             } else {
               this.case_history.is_infect = false
             }
-            this.prescriptions = []
             if (response.data.data.prescription.length > 0) {
               for (let i = 0; i < response.data.data.prescription.length; i++) {
                 var prescription = response.data.data.prescription[i]
+                let tempAdvice = []
+                for (let b = 0; b < prescription.advices.length; b++) {
+                  let obj = {
+                    advice_id: prescription.advices[b].id,
+                    drug_name: prescription.advices[b].advice_name,
+                    single_dose: prescription.advices[b].single_dose,
+                    delivery_way: prescription.advices[b].delivery_way,
+                    execution_frequency: prescription.advices[b].execution_frequency,
+                    retail_price: prescription.advices[b].price.toString(),
+                    remark: prescription.advices[b].remark,
+                    prescribing_number:prescription.advices[b].prescribing_number,
+                    single_dose_unit:prescription.advices[b].single_dose_unit,
+                    prescribing_number_unit:prescription.advices[b].prescribing_number_unit,
+                    min_unit:prescription.advices[b].single_dose_unit
+
+                  }
+                  tempAdvice.push(obj)
+                }
                 let index = i + 1
                 let obj = {
-                  name: "处方" + index,
-                  advices: prescription.advices,
-                  projects: prescription.project,
+                  id: prescription.id,
+                  name: '处方' + index,
+                  advices: tempAdvice,
+                  project: prescription.project
                 }
                 this.prescriptions.push(obj)
               }
-            }else{
+            } else {
               let obj = {
-                name: "处方" + 1,
+                id:0,
+                name: '处方' + 1,
                 advices: [],
-                projects: [],
+                project: []
               }
               this.prescriptions.push(obj)
             }
-           
+
             this.$refs.prescriptions.setData(this.prescriptions)
           }
         })
         //     psn_name:"杨美英",
         //     age:60.7
         // }
-      },
+      }
       // changePatient(val){
       //   console.log("患者val",val)
       //   this.hisPatientInfo = val.hisPatientInfo
         (nowDay < 10 ? '0' + nowDay : nowDay)
       this.getList()
 
+      this.diagnoses = this.getDictionaryDataConfig('system', 'diagnose')
+      this.other_sick = this.getDictionaryDataConfig('system', 'other_sick_history')
+
+
+
     }
   }
 </script>

src/xt_pages/outpatientDoctorStation/print.vue

   <div class="main-contain">
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
-       <template v-if="org_template_info.template_id == 25">
+       <template>
         <el-button
           :loading="loading"
           size="small"
                 </el-table>
             </div>
             
-            <div class='dialysisPage' style="height: calc(100vh - 178px);overflow-x:auto;::-webkit-scrollbar:height:15px">
-            <DialysisPrintOrderOne
-                v-bind:childResponse="childResponse"
-                v-if="org_template_info.template_id == 1"
-            >
-            </DialysisPrintOrderOne>
+            <div class='dialysisPage' style="flex: 1;height: calc(100vh - 178px);overflow-x:auto;::-webkit-scrollbar:height:15px">
+              <printOne v-bind:childResponse="childResponse"></printOne>
             </div>
         </el-container>
     </div>
 import { jsGetAge, uParseTime } from "@/utils/tools";
 // import LabelBox from "./printItem/LabelBox";
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
-// import DialysisPrintOrderOne from "./template/dialysisPrintOrderOne";
-// import DialysisPrintOrderTwo from "./template/dialysisPrintOrderTwo";
-// import DialysisPrintOrderThree from "./template/dialysisPrintOrderThree";
-// import DialysisPrintOrderFour from "./template/DialysisPrintOrderFour";
-// import DialysisPrintOrderFive from "./template/DialysisPrintOrderFive";
-// import DialysisPrintOrderSix from "./template/DialysisPrintOrderSix";
-// import DialysisPrintOrderSeven from "./template/DialysisPrintOrderSeven";
-// import DialysisPrintOrderEight from "./template/DialysisPrintOrderEight";
-// import DialysisPrintOrderNine from "./template/DialysisPrintOrderNine";
 import print from "print-js";
-// import DialysisPrintOrderTen from "./template/DialysisPrintOrderTen";
-// import DialysisPrintOrderEleven from "./template/DialysisPrintOrderEleven";
-// import DialysisPrintOrderTwelve from "./template/DialysisPrintOrderTwelve";
-// import DialysisPrintOrderThirteen from "./template/DialysisPrintOrderThirteen";
-// import DialysisPrintOrderFourteen from "./template/DialysisPrintOrderFourteen";
-// import DialysisPrintOrderFifteen from "./template/DialysisPrintOrderFifteen";
-// import DialysisPrintOrderSixteen from "./template/DialysisPrintOrderSixteen";
-// import DialysisPrintOrderSeventeen from "./template/DialysisPrintOrderSeventeen";
-// import DialysisPrintOrderEighteen from "./template/DialysisPrintOrderEighteen";
-// import DialysisPrintOrderNineteen from "./template/DialysisPrintOrderNineteen";
-// import DialysisPrintOrderTwenty from "./template/DialysisPrintOrderTwenty";
-// import DialysisPrintOrderTwentyOne from "./template/DialysisPrintOrderTwentyOne";
-// import DialysisPrintOrderTwentyTwo from "./template/DialysisPrintOrderTwentyTwo";
-// import DialysisPrintOrderTwentyThree from "./template/DialysisPrintOrderTwentyThree";
-// import DialysisPrintOrderTwentyFour from "./template/DialysisPrintOrderTwentyFour";
-// import DialysisPrintOrderTwentyFive from "./template/DialysisPrintOrderTwentyFive";
+import printOne from "./template/printOne"
 export default {
   name: "dialysisPrintOrder",
   components: {
-    // DialysisPrintOrderTwentyFive,
-    // DialysisPrintOrderTwentyFour,
-    // DialysisPrintOrderTwentyThree,
-    // DialysisPrintOrderTwentyTwo,
-    // DialysisPrintOrderTwentyOne,
-    // DialysisPrintOrderTwenty,
-    // DialysisPrintOrderNineteen,
-    // DialysisPrintOrderEighteen,
-    // DialysisPrintOrderSeventeen,
-    // DialysisPrintOrderSixteen,
-    // DialysisPrintOrderFifteen,
-    // DialysisPrintOrderFourteen,
-    // DialysisPrintOrderThirteen,
-    // DialysisPrintOrderTwelve,
-    // DialysisPrintOrderEleven,
-    // DialysisPrintOrderTen,
-    // DialysisPrintOrderOne,
-    // DialysisPrintOrderTwo,
-    // DialysisPrintOrderThree,
-    // DialysisPrintOrderFour,
-    // DialysisPrintOrderFive,
-    // DialysisPrintOrderSix,
-    // DialysisPrintOrderSeven,
-    // DialysisPrintOrderEight,
-    // DialysisPrintOrderNine,
-
-    // LabelBox,
-    BreadCrumb
+    BreadCrumb,
+    printOne
   },
   data() {
     return {
       this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
 
       const style =
-        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';
-      const style2 =
-        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}.table-box1 {border: 1px solid #000;width: 100%;line-height: 30px;font-size: 14px;border-collapse: collapse;}.table-box1 tr {border-bottom: 1px solid #000;}';
-      const style3 =
-        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:16px;border-color: #000;}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #000;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}.row {font-size: 16px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line {display: inline-block;border-bottom: 1px solid #000;text-align: center;white-space: nowrap; width: 50%;}';
-      // const style3 =
-      //   '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 16px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 5px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 16px;padding: 5px 5px;line-height: 18px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:950px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top:1050px;left: 50%;}.print-yema5{position: absolute;top:1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
-      //
-
-      const style5 =
-        '@media print {.dialysis-print-order {width: 960px; margin: 0 auto;}.dialysis-print-order .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.dialysis-print-order .order-title {  margin: auto;  font-weight: 600;  text-align: center;  font-size: 22px;  padding: 10px 20px 0px 20px;}.dialysis-print-order .table-box {  width: 100%;  line-height: 18px;  font-size: 14px;}.dialysis-print-order .print-table {  width: 100%;  text-align: center;  border-collapse: collapse;  line-height: 28px;  font-size: 14px;}.dialysis-print-order .print-table-no {  width: 100%;  text-align: center;  border-collapse: collapse;  font-size: 14px;}.dialysis-print-order .under-line {  border-bottom: 1px solid #999;  width: 95%;  text-align: center;  margin-left: 2px;}.dialysis-print-order .title-box {  text-align: center;  font-size: 16px;}.dialysis-print-order .radio-lebel-box {  font-weight: 400;  cursor: pointer;}.dialysis-print-order .radio-no {  opacity: 0;  outline: none;  position: absolute;  margin: 0;  width: 0;  height: 0;  z-index: -1;}.dialysis-print-order .radio-inner {  white-space: nowrap;  cursor: pointer;  outline: none;  display: inline-block;  line-height: 1;  position: relative;  vertical-align: middle;}.dialysis-print-order .radio-fang {  display: inline-block;  position: relative;  border: 1px solid #000;  box-sizing: border-box;  width: 14px;  height: 14px;  background-color: #fff;  z-index: 1;  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);}.dialysis-print-order .is-checked-radio::after {  content: "√";  font-size: 15px;}.dialysis-print-order .print-table-no tr td {  padding: 8px 5px;  line-height: 25px;}.dialysis-print-order .print-table tr td {  padding: 1px 1px;  /*line-height: 25px;*/}.es-img {  height: 25px;}.advice-name {  text-align: left;}.advice-children {  display: flex;}.title-box-pro {  border: 0 #fff;  line-height: 25px;  height: 25px;  text-align: left;  padding-left: 10px !important;}.title-box-pro-tr {  border: 0 #fff;}.text-align-left {  text-align: left !important;  padding-left: 10px !important;  font-size: 14px !important;  line-height: 25px;}.print-table-tr-new td {line-height: 20px !important;}.border-top-solid {border: solid 1px #000;}.print-template-two tr {line-height: 30px;}}';
-      const style6 =
-        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:16px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:16px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:16px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';
-
-      if (this.org_template_info.template_id == 1) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (
-        this.org_template_info.template_id == 2 ||
-        this.org_template_info.template_id == 0
-      ) {
-        printJS({
-          printable: "dialysis-print-box-1",
-          type: "html",
-          style: style2,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 3) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 4) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 5) {
-        printJS({
-          printable: "dialysis-print-box-1",
-          type: "html",
-          style: style2,
-          scanStyles: false
-        });
-      } else if (
-        this.org_template_info.template_id == 6 ||
-        this.org_template_info.template_id == 10 ||
-        this.org_template_info.template_id == 11
-      ) {
-        printJS({
-          printable: "dialysis-print-box-1",
-          type: "html",
-          style: style2,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 7) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 8) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 9 ||  this.org_template_info.template_id==25) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style5,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 12) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 13) {
-        printJS({
-          printable: "dialysis-print-box-1",
-          type: "html",
-          style: style3,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 14){
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 15){
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 16){
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 17) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style6,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 18) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 19) {
-        printJS({
-          printable: "dialysis-print-box-1",
-          type: "html",
-          style: style2,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 20) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 21) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 22) {
-        printJS({
-          printable: "dialysis-print-box-1",
-          type: "html",
-          style: style2,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 23){
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (this.org_template_info.template_id == 24){
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      }else if (this.org_template_info.template_id == 25) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style5,
-          scanStyles: false
-        });
-      }
-    },
-    printThisOnePage() {
-      var ptime = Math.round(new Date().getTime() / 1000);
-      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
-
-      const style =
-        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';
-      const style2 =
-        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:200px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
-
-      if (this.org_template_info.template_id == 1) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (
-        this.org_template_info.template_id == 2 ||
-        this.org_template_info.template_id == 0 ||
-        this.org_template_info.template_id == 5 ||
-        this.org_template_info.template_id == 22 
-      ) {
-        printJS({
-          printable: "dialysis-print-box-1-1",
-          type: "html",
-          style: style2,
-          scanStyles: false
-        });
-      } else if(this.org_template_info.template_id == 14){
-        printJS({
-          printable: "new-dialysis-1",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if(this.org_template_info.template_id == 21){
-        printJS({
-          printable: "new-dialysis-1",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      }
-    },
-    printThisTwoPage() {
-      var ptime = Math.round(new Date().getTime() / 1000);
-      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
-
-      const style =
-        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';
-      const style2 =
-        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
+        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; padding:0 10px;}.infoTitle p{width: 200px;}.infoMain{display: flex;flex-wrap: wrap;border-bottom: 2px solid #000;padding:0 10px;}.infoMain p{width: 50%;line-height: 1px;}.prescriptionBox{padding:0 10px;height:750px;}.Rp{font-size: 22px;font-weight: bold;line-height:1px;}.drugsBox{padding-left: 40px;margin-bottom: 10px;margin-bottom: 10px;}.drugsBox p{line-height: 1px;padding-bottom:10px !important;} .drugsOne{line-height: 1px;margin-bottom:10px !important;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}';
+      printJS({
+        printable: "prescription-print",
+        type: "html",
+        style: style,
+        scanStyles: false
+      });
 
-      if (this.org_template_info.template_id == 1) {
-        printJS({
-          printable: "dialysis-print-box",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if (
-        this.org_template_info.template_id == 2 ||
-        this.org_template_info.template_id == 0 ||
-        this.org_template_info.template_id == 5 ||
-        this.org_template_info.template_id == 22 
-      ) {
-        printJS({
-          printable: "dialysis-print-box-1-2",
-          type: "html",
-          style: style2,
-          scanStyles: false
-        });
-      }else if(this.org_template_info.template_id == 14){
-        printJS({
-          printable: "new-dialysis-2",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      } else if(this.org_template_info.template_id == 21){
-        printJS({
-          printable: "new-dialysis-2",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
-      }
+      // if (this.org_template_info.template_id == 1) {
+      //   printJS({
+      //     printable: "dialysis-print-box",
+      //     type: "html",
+      //     style: style,
+      //     scanStyles: false
+      //   });
+      // }
     },
+    
     getNumber() {
       if (this.dialysisOrder != null) {
         return (
     }
   },
   created() {
-    var schedule_type_selected = this.$store.getters.schedule_type_selected
-    var zone_selected = this.$store.getters.zone_selected
-    var patient_state_selected = this.$store.getters.patient_state_selected
-    var treat_state_selected = this.$store.getters.treat_state_selected
-    var selected_date = this.$store.getters.selected_date
-    if (schedule_type_selected) {
-      this.scheduleStateVal = schedule_type_selected.schedule_type_selected
-    }
-    if (zone_selected) {
-      this.zoneVal = zone_selected.zone_selected
-    }
-    if (patient_state_selected) {
-      this.patientStateVal = patient_state_selected.patient_state_selected
-    }
-    if (treat_state_selected) {
-      this.treatStateVal = treat_state_selected.treat_state_selected
-    }
-    if (selected_date.selected_date) {
-      this.selected_date = selected_date.selected_date
-    }
-    this.getInitData();
-
-    var xtuser = this.$store.getters.xt_user;
-    this.orgname = xtuser.org.org_name;
-    // this.orgname = "遂溪方济医院";
-    this.modeOptions = this.$store.getters.treatment_mode;
-    this.replacementWays = this.$store.getters.replacement_ways;
-    this.perfusionApparatus = this.$store.getters.perfusion_apparatus;
-    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;
-
-    // this.bloodAccessParOpera = getDataConfig('hemodialysis', 'vascular_access_desc')
-
-    var bloodAccessParOpera = getDataConfig(
-      "hemodialysis",
-      "vascular_access_desc"
-    );
-    for (var key in bloodAccessParOpera) {
-      this.bloodAccessParOpera[bloodAccessParOpera[key].id] =
-        bloodAccessParOpera[key];
-    }
-
-    var dialysateFormulationOptions = getDataConfig(
-      "hemodialysis",
-      "dialysate_formulation"
-    );
-    for (var key in dialysateFormulationOptions) {
-      this.dialysateFormulationOptions[dialysateFormulationOptions[key].id] =
-        dialysateFormulationOptions[key];
-    }
-
-    const xtdate = this.$route.query && this.$route.query.xtdate;
-    const xtno = this.$route.query && this.$route.query.xtno;
-    if (
-      typeof xtdate === "string" &&
-      xtdate.length > 0 &&
-      typeof xtno === "string" &&
-      xtno.length > 0
-    ) {
-      this.queryParams.xtdate = xtdate;
-      this.queryParams.xtno = xtno;
-      this.getDialysisRecord();
-    } else {
-      this.$message.error("参数不齐");
-      return false;
-    }
   },
   computed:{
     filtedSchedules: function() {

src/xt_pages/outpatientDoctorStation/recordPrint.vue

+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
+       <template>
+        <el-button
+          :loading="loading"
+          size="small"
+          icon="el-icon-printer"
+          @click="printThisPage"
+          type="primary"
+          >打印</el-button
+        >
+      </template>
+    </div>
+    <div class="app-container" style="min-height:0;">
+        <el-container class="newContainer">
+            <div style="width:270px;margin-right:20px;">
+                <div class="cell clearfix" style="margin-bottom:10px;">
+                    <el-input size="small" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>
+                    <el-button size="small" class="filter-item" type="primary" @click="searchAction">搜索</el-button>
+                </div>
+                <el-table ref="tab" @row-click="changePatient" highlight-current-row :data="tableData" height="480" border style="width: 100%">
+                    <el-table-column prop="date"  label="患者">
+                        <template slot-scope="scope">
+                            {{ scope.row.patient.name }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="name" label="透析号">
+                        <template slot-scope="scope">
+                            {{ scope.row.patient.dialysis_no }}
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            
+            <div class='dialysisPage' style="flex: 1;height: calc(100vh - 178px);overflow-x:auto;::-webkit-scrollbar:height:15px">
+              <printOne v-bind:childResponse="childResponse"></printOne>
+            </div>
+        </el-container>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import {
+  getDialysisRecordInitData,
+  getDialysisSchedules
+} from "@/api/dialysis_record";
+import { parseTime } from "@/utils";
+import { getDialysisRecord } from "@/api/dialysis";
+import { getDataConfig } from "@/utils/data";
+import { jsGetAge, uParseTime } from "@/utils/tools";
+// import LabelBox from "./printItem/LabelBox";
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import print from "print-js";
+import printOne from "./recordTemplate/printOne"
+export default {
+  name: "dialysisPrintOrder",
+  components: {
+    BreadCrumb,
+    printOne
+  },
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: "透析管理" },
+        { path: false, name: "打印单" }
+      ],
+      childResponse: {},
+    };
+  },
+  methods: {
+    getAdminUser(id) {
+      if (id == 0) {
+        return "";
+      }
+      if (id == undefined) {
+        return "";
+      }
+      for (let i = 0; i < this.adminUser.length; i++) {
+        if (this.adminUser[i].id == id) {
+          return this.adminUser[i].name;
+        }
+      }
+    },
+    getTime(value, temp) {
+      if (value == 0) {
+        return "";
+      }
+      if (value != undefined) {
+        return uParseTime(value, temp);
+      }
+      return "";
+    },
+    printThisPage() {
+      var ptime = Math.round(new Date().getTime() / 1000);
+      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
+
+      const style =
+        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;margin-top:10px;line-height: 1px;padding:0 10px;}.infoTitle p{width: 200px;}.otherInfo{display: flex;margin-top:10px;padding:0 10px;}.otherInfo span{display:inline-block;}.recordTitle{display: flex;margin-top:10px;line-height: 24px;padding:0 10px;border-bottom: 2px solid #000;}.recordTitle p{width: 200px;}}';
+      printJS({
+        printable: "prescription-print",
+        type: "html",
+        style: style,
+        scanStyles: false
+      });
+
+      // if (this.org_template_info.template_id == 1) {
+      //   printJS({
+      //     printable: "dialysis-print-box",
+      //     type: "html",
+      //     style: style,
+      //     scanStyles: false
+      //   });
+      // }
+    },
+  },
+  created() {
+  },
+  computed:{
+    filtedSchedules: function() {
+      var search_keyword = this.search_keyword
+      if (search_keyword.length > 0) {
+        var schedules = []
+        for (let o_i = 0; o_i < this.zone_schedules.length; o_i++) {
+        const scheduleInfo = this.zone_schedules[o_i]
+        var originSchedules = scheduleInfo.schedules
+        if (originSchedules.length == 0) {
+            continue
+        }
+        var filtedSchedules = []
+        for (let s_i = 0; s_i < originSchedules.length; s_i++) {
+            const schedule = originSchedules[s_i]
+            if (schedule.patient.name.indexOf(search_keyword) != -1) {
+            filtedSchedules.push(schedule)
+            // break
+            }
+        }
+        if (filtedSchedules.length > 0) {
+            schedules.push({ zone_id: scheduleInfo.zone_id, zone_name: scheduleInfo.zone_name, schedules: filtedSchedules })
+        }
+        }
+        return schedules
+      }
+    }
+  },
+};
+</script>
+
+<style>
+.dialysis-print-order {
+  width: 960px;
+  margin: 0 auto;
+}
+
+.dialysis-print-order .order-yy-name {
+  margin: auto;
+  text-align: center;
+  font-size: 20px;
+  letter-spacing: 5px;
+}
+
+.dialysis-print-order .order-title {
+  margin: auto;
+  font-weight: 600;
+  text-align: center;
+  font-size: 22px;
+  padding: 10px;
+}
+
+.dialysis-print-order .table-box {
+  width: 100%;
+  line-height: 23px;
+  font-size: 14px;
+}
+
+.dialysis-print-order .print-table {
+  width: 100%;
+  text-align: center;
+  border-collapse: collapse;
+  line-height: 40px;
+  font-size: 14px;
+  border-color: #000;
+}
+
+.dialysis-print-order .print-table-no {
+  width: 100%;
+  text-align: center;
+  border-collapse: collapse;
+  font-size: 14px;
+}
+
+.dialysis-print-order .under-line {
+  border-bottom: 1px solid #999;
+  width: 95%;
+  text-align: center;
+  margin-left: 2px;
+}
+
+.dialysis-print-order .title-box {
+  text-align: center;
+  font-size: 16px;
+}
+
+.dialysis-print-order .radio-lebel-box {
+  font-weight: 400;
+  cursor: pointer;
+}
+
+.dialysis-print-order .radio-no {
+  opacity: 0;
+  outline: none;
+  position: absolute;
+  margin: 0;
+  width: 0;
+  height: 0;
+  z-index: -1;
+}
+
+.dialysis-print-order .radio-inner {
+  white-space: nowrap;
+  cursor: pointer;
+  outline: none;
+  display: inline-block;
+  line-height: 1;
+  position: relative;
+  vertical-align: middle;
+}
+
+.dialysis-print-order .radio-fang {
+  display: inline-block;
+  position: relative;
+  border: 1px solid #000;
+  box-sizing: border-box;
+  width: 14px;
+  height: 14px;
+  background-color: #fff;
+  z-index: 1;
+  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
+    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
+}
+
+.dialysis-print-order .is-checked-radio::after {
+  content: "√";
+  font-size: 15px;
+}
+
+.dialysis-print-order .print-table-no tr td {
+  padding: 8px 5px;
+  line-height: 25px;
+}
+
+.dialysis-print-order .print-table tr td {
+  padding: 1px 1px;
+  /*line-height: 25px;*/
+}
+
+.es-img {
+  height: 30px;
+}
+
+.advice-name {
+  text-align: left;
+}
+
+.advice-children {
+  display: flex;
+}
+
+.title-box-pro {
+  border: 0 #fff;
+  line-height: 25px;
+  height: 25px;
+  text-align: left;
+  padding-left: 10px !important;
+}
+.title-box-pro-tr {
+  border: 0 #fff;
+}
+.text-align-left {
+  text-align: left !important;
+  padding-left: 10px !important;
+  font-size: 14px !important;
+  line-height: 25px;
+}
+.print-table-tr-new td {
+  line-height: 20px !important;
+}
+.border-top-solid {
+  border: solid 1px #000;
+}
+.print-template-two tr {
+  line-height: 30px;
+}
+
+.table-box1 {
+  border: 1px solid #000;
+  width: 100%;
+  line-height: 30px;
+  font-size: 14px;
+  border-collapse: collapse;
+}
+.table-box1 tr {
+  border-bottom: 1px solid #000;
+}
+</style>
+
+<style lang="scss">
+
+.newContainer{
+  .dialysisPage::-webkit-scrollbar {
+    height: 15px;
+  }
+  
+  .el-date-editor{
+    .el-input__inner{
+      padding-right:0px;
+    }
+  }
+  .el-table td, .el-table th{
+    text-align: center;
+  }
+}
+.newContainer::-webkit-scrollbar{
+  height: 15px !important;
+}
+</style>

src/xt_pages/outpatientDoctorStation/recordTemplate/printOne.vue

+<template>
+    <div id='prescription-print' class="prescription-print">
+        <div class="printTitle">门诊病历</div>
+        <div class="infoTitle">
+            <p>姓名：阿萨德</p>
+            <p>性别：男</p>
+            <p>年龄：12岁</p>
+        </div>
+        <div class="infoTitle">
+            <p>婚姻状况：婚姻状况保密</p>
+            <p>职业：未分类</p>
+        </div>
+        <div class="otherInfo">
+            <p>医保号：</p>
+            <p style="flex:1;">7938749234</p>
+        </div>
+        <div class="otherInfo">
+            <p>联系电话：</p>
+            <p style="flex:1;">23234343234</p>
+        </div>
+        <div class="otherInfo">
+            <p>通讯地址：</p>
+            <p style="flex:1;">奥数都我阿苏do一按实际的福克斯</p>
+        </div>
+        <div class="otherInfo">
+            <p>药物过敏史：</p>
+            <p style="flex:1;">奥数都我阿苏do一按实际的福克斯</p>
+        </div>
+        <div class="otherInfo">
+            <p>病历编号：</p>
+            <p style="flex:1;">2020110300002525</p>
+        </div>
+        <div style="page-break-after:always;margin-top:50px;"></div>
+
+
+        <div class="printTitle">病历内容</div>
+        <div class="recordTitle">
+            <p>科别：全科</p>
+            <p>姓名：阿萨德</p>
+            <p>性别：男</p>
+            <p>年龄：12岁</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">主诉：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">现病史：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">既往史：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">药物过敏史：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">个人史：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">家族史：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">体格检查：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">门诊诊断：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div class="otherInfo">
+            <p class="otherName">门诊医嘱：</p>
+            <p style="flex:1;">爱神的箭了卡萨建档立卡加上来得及阿斯利康的</p>
+        </div>
+        <div style="margin-top:20px;text-align:right;">
+            医生签名：阿斯加德
+        </div>
+    </div>
+</template>
+
+
+
+<style lang="scss" scoped>
+.printTitle{
+    font-size: 22px;
+    text-align: center;
+    font-weight: bold;
+}
+.infoTitle{
+    display: flex;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+}
+.infoTitle p{
+    width: 200px;
+}
+.otherInfo{
+    display: flex;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+}
+.recordTitle{
+    display: flex;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+    border-bottom: 2px solid #000;
+}
+.recordTitle p{
+    width: 200px;
+}
+
+</style>

src/xt_pages/outpatientDoctorStation/template/printOne.vue

+<template>
+    <div id='prescription-print' class="prescription-print">
+        <div class="printTitle">血液透析中心处方笺</div>
+        <div class="infoTitle">
+            <p>姓名：阿萨德</p>
+            <p>性别：男</p>
+            <p>年龄：12岁</p>
+        </div>
+        <div class="infoMain">
+            <p style="margin-bottom: 10px;">门诊号：111111111111</p>
+            <p style="margin-bottom: 10px;">科室：全科</p>
+            <p style="margin-bottom: 10px;">医保卡号：111111111111</p>
+            <p style="margin-bottom: 10px;">电话：111111111111</p>
+            <p>地址：加上来看待就卢萨卡的及拉丝机的了</p>
+            <p>临床诊断：拉胯手机上的拉丝机的</p>
+        </div>
+        <div class="prescriptionBox">
+            <p class="Rp">Rp:</p>
+            <div class="drugsBox">
+                <p class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</p>
+                <p style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></p>
+            </div>
+            <div class="drugsBox">
+                <p class="drugsOne">重组人促红素（CHO细胞）注射液&nbsp;&nbsp;0.5毫升&nbsp;×&nbsp; 2支</p>
+                <p style="margin-left:100px;"><span>用法：0.5毫升</span>&nbsp;&nbsp;<span>一天一次</span>&nbsp;&nbsp;<span>静脉注射</span></p>
+            </div>
+        </div>
+        <div class="doctorBox">
+            <p>医师：高华</p>
+            <p>日期：2020-11-14 09:12:32</p>
+        </div>
+        <div class="actionBar">
+            <p>审核：</p>
+            <p>配对：</p>
+            <p>核对：</p>
+            <p>发药：</p>
+            <p>药费：</p>
+        </div>
+    </div>
+</template>
+
+
+
+<style lang="scss" scoped>
+.printTitle{
+    font-size: 22px;
+    text-align: center;
+    font-weight: bold;
+}
+.infoTitle{
+    display: flex;
+    border-bottom: 2px solid #000;
+    margin-top:10px;
+    line-height: 24px;
+    padding:0 10px;
+}
+.infoTitle p{
+    width: 200px;
+}
+.infoMain{
+    display: flex;
+    flex-wrap: wrap;
+    border-bottom: 2px solid #000;
+    padding:0 10px;
+}
+.infoMain p{
+    width: 50%;
+    line-height: 24px;
+}
+.prescriptionBox{
+    padding:0 10px;
+    height:600px;
+}
+.Rp{
+    font-size: 22px;
+    font-weight: bold;
+}
+.drugsBox{
+    padding-left: 40px;
+    margin-bottom: 10px;
+}
+.drugsBox p{
+    line-height: 30px;
+}
+.drugsOne{
+    line-height: 24px;
+}
+.drugsOne span{
+    margin-right: 20px;
+}
+.doctorBox{
+    display: flex;
+    justify-content: space-between;
+    padding:0 10px;
+    line-height: 24px;
+    border-bottom: 2px solid #000;
+}
+.actionBar{
+    display: flex;
+    justify-content: space-between; 
+    line-height: 24px;
+    padding:0 10px;
+}
+.actionBar p{
+    width:150px;
+}
+</style>

src/xt_pages/outpatientRegistration/index.vue

                         </el-select>
                     </el-form-item>
                     <el-form-item class="specialFormItem" label="医保卡号：">
-                        <el-input v-model="form.medicalInsuranceCard"></el-input>
-                        <el-button type="primary" @click="reading">读卡</el-button>
+                        <div style="display:flex;">
+                            <el-input v-model="form.medicalInsuranceCard"></el-input>
+                            <el-button style="margin-left:10px;" type="primary" @click="reading">读卡</el-button>
+                        </div>
                     </el-form-item>
                     <el-form-item label="患者姓名：">
                         <el-input v-model="form.name"></el-input>
     flex-wrap: wrap;
     justify-content: space-between;
     .el-form-item{
-        width: 260px;
+        width: 33%;
     }
     .specialFormItem{
-        width:625px;
+        width:67%;
         .el-input{
             min-width: 150px;
         }
     }
     .el-select{
-        width: 180px;
+        width: 100%;
     }
     .el-input{
-        width: 180px;
+        width: 100%;
     }
 }
     .el-form-item__error{