1

src/lang/zh.js

@@ -230,7 +230,8 @@ export default {
     dictionaryManagement:'字典管理',
     templateManagement:'模板管理',
     drugStockUserDetail:"出库人明细",
-    DepartManage:"部门管理"
+    DepartManage:"部门管理",
+    basicConfig:'基础配置'
 
   },
   navbar: {

src/router/index.js

@@ -43,6 +43,7 @@ import bedManagement from './modules/bedManagement'
 import dictionaryManagement from './modules/dictionaryManagement'
 import templateManagement from './modules/templateManagement'
 import DepartManage from './modules/DepartManage'
+import basicConfig from './modules/basicConfig'
 
 Vue.use(Router)
 
@@ -170,6 +171,7 @@ var _asy_router_map = [
   outpatientPharmacy,
   // kuyiShopping,
   integration,
+  basicConfig
 ]
 
 var is_asy_router = process.env.NODE_ENV === 'production' // true; 设置为 true 强制进行路由验证

src/router/modules/basicConfig.js

@@ -0,0 +1,16 @@
+import Layout from '@/views/layout/Layout'
+
+export default {
+    path: '/data/basicConfig',
+    component: Layout,
+    name:'basicConfig',
+    redirct: '/data/basicConfig',
+    children: [{
+        path: '/data/basicConfig',
+        component: () => import('@/xt_pages/data/basicConfig'),
+        name: 'basicConfig',
+        meta: {
+          title: 'basicConfig'
+        }
+      },]
+}

src/views/layout/Layout.vue

@@ -127,7 +127,7 @@ export default {
     let bingli = ['User','createPatient']
     let touxi = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control']
     let kucun = ['stockManage','stockDrugs','selfPreparedMedicine','otherManagement']
-    let peizhi = ['system','roleManage','DepartManage', 'bedManagement', 'dictionaryManagement', 'templateManagement','showconfig','printTemplate','integration_config']
+    let peizhi = ['system','roleManage','DepartManage', 'bedManagement', 'dictionaryManagement', 'templateManagement','showconfig','printTemplate','integration_config','basicConfig']
     let kuyishopping = ['kuyiShopping']
     let menzhenArr = []
     let bingliArr = []

src/views/layout/components/Sidebar/index.vue

@@ -138,7 +138,7 @@ export default {
             this.$emit('func',a)
           }
         }else if(newVal == '配置管理'){
-          let nameArr = ['system','roleManage','DepartManage', 'bedManagement', 'dictionaryManagement', 'templateManagement','showconfig','printTemplate','integration_config']
+          let nameArr = ['system','roleManage','DepartManage', 'bedManagement', 'dictionaryManagement', 'templateManagement','showconfig','printTemplate','integration_config','basicConfig']
           // console.log('permission_routers',this.permission_routers)
           let routerArr = []
           this.permission_routers.map(item => {

src/xt_pages/data/basicConfig.vue

@@ -0,0 +1,87 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
+    </div>
+    <div class="app-container">
+        <p style="font-size:18px">开关配置</p>
+        <div class="configBox">
+            <p>收费发药</p>
+            <p style="font-size:14px;margin-top:5px;">开启收费发药分离后，处方发药的工作需要到收费发药页面完成</p>
+            <p style="margin-top:20px;">收费，发药分离：
+                <el-switch v-model="value"></el-switch>
+            </p>
+        </div>
+        <div class="configBox">
+            <p>药品，耗材出库</p>
+            <p style="font-size:14px;margin-top:5px;">开启药品，耗材出库自动扣减则医生开完医嘱或处方可直接出库，不开启则由发药动作或出库按钮手动出库</p>
+            <div style="display:flex;margin-top:20px;">
+                <p style="margin-right:20px;">药品出库：
+                    <el-switch v-model="value"></el-switch>
+                </p>
+                <p>耗材出库：
+                    <el-switch v-model="value"></el-switch>
+                </p>
+            </div>
+        </div>
+        <div class="configBox">
+            <p style="margin-bottom:20px;">药品有效期预警设置(药品即将失效的预警提示)</p>
+            <el-select v-model="value" placeholder="请选择">
+                <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+                </el-option>
+            </el-select>
+        </div>
+        <div class="configBox">
+            <p>处方单价锁定</p>
+            <p style="font-size:14px;margin-top:5px;">开启处方单价锁定后，开处方是无法修改药品或者诊疗项目以及附加费用单价</p>
+            <p style="margin-top:20px;">收费单价锁定：
+                <el-switch v-model="value"></el-switch>
+            </p>
+        </div>
+        <div class="configBox">
+            <p>打印预览设置</p>
+            <p style="font-size:14px;margin-top:5px;">开启直接打印后，处方单，售药单，收费发票等打印时跳过预览</p>
+            <p style="margin-top:20px;">直接打印：
+                <el-switch v-model="value"></el-switch>
+            </p>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+
+export default {
+  name: "printTemplate",
+  components: { BreadCrumb},
+  data() {
+    return {
+      showViewer:false,
+      crumbs: [
+        { path: false, name: "管理中心" },
+        { path: false, name: "基础配置" }
+      ],
+      value:false
+    };
+  },
+  methods: {
+    
+  },
+  created() {
+    
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.configBox{
+    margin-top:20px;
+}
+</style>
+
+

src/xt_pages/data/printTemplate.vue

@@ -3,332 +3,56 @@
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
     </div>
-    <div
-      v-loading="loading"
-      element-loading-text="服务器处理数据中，请稍候......."
-      element-loading-spinner="el-icon-loading"
-      element-loading-background="rgba(0, 0, 0, 0.8)"
-    >
-      <div class="app-container app-print" style="text-align: center">
-        <p style="margin-top: 10px;margin-bottom: 30px">
-          请选择你需要打印的血液透析护理记录单样式
-        </p>
-        <el-row :gutter="20" type="flex" justify="center">
-          <el-col :span="6" style="text-align: center">
-            <div
-              @click="imgClick('https://images.shengws.com/fangji.jpg')"
-            >
-              <el-tooltip
-                class="item"
-                effect="dark"
-                :hide-after="2000"
-                content="点击查看大图"
-                placement="top-start"
-              >
-                <!--<el-image-->
-                  <!--style="width: 200px; height: 200px"-->
-                  <!--:src="require('@/assets/home/1.jpg')"-->
-                  <!--:preview-src-list="imgs_one"-->
-                <!--&gt;</el-image>-->
-
-                <el-image
-                  style="width: 200px; height: 200px"
-                  :src="require('@/assets/home/1.jpg')"
-                ></el-image>
-
-              </el-tooltip>
-            </div>
-            <el-radio v-model="radio" label="1" @change="change"
-              >模版一</el-radio
-            >
-          </el-col>
-          <el-col
-            :span="6"
-            style="margin-left: 100px;margin-right: 100px;text-align: center"
-          >
-            <div
-              @click="imgClick('https://images.shengws.com/template_two.jpg')"
-
-            >
-              <el-tooltip
-                class="item"
-                effect="dark"
-                content="点击查看大图"
-                placement="top-start"
-                :hide-after="2000"
-              >
-                <!--<el-image-->
-                  <!--style="width: 200px; height: 200px"-->
-                  <!--:src="require('@/assets/home/2.jpg')"-->
-                  <!--:preview-src-list="imgs_two"-->
-                <!--&gt;</el-image>-->
-
-                <el-image
-                  style="width: 200px; height: 200px"
-                  :src="require('@/assets/home/2.jpg')"
-                ></el-image>
-              </el-tooltip>
-            </div>
-            <el-radio v-model="radio" label="2" @change="change"
-              >模版二</el-radio
-            >
-          </el-col>
-          <el-col :span="6" style="text-align: center">
-            <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/template_five.jpg')">
-              <el-tooltip
-                class="item"
-                effect="dark"
-                content="点击查看大图"
-                placement="top-start"
-                :hide-after="2000"
-              >
-                <!--<el-image-->
-                  <!--style="width: 200px; height: 200px"-->
-                  <!--:src="require('@/assets/home/5.jpg')"-->
-                  <!--:preview-src-list="imgs_five"-->
-                <!--&gt;</el-image>-->
-
-                <el-image
-                  style="width: 200px; height: 200px"
-                  :src="require('@/assets/home/5.jpg')"
-                ></el-image>
-
-              </el-tooltip>
-            </div>
-            <el-radio v-model="radio" label="5" @change="change"
-              >模版三</el-radio
-            >
-          </el-col>
-          <el-col :span="6" style="text-align: center">
-            <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/serven.png')">
-              <el-tooltip
-                class="item"
-                effect="dark"
-                content="点击查看大图"
-                placement="top-start"
-                :hide-after="2000"
-              >
-                <!--<el-image-->
-                  <!--style="width: 200px; height: 200px"-->
-                  <!--:src="require('@/assets/home/serven.png')"-->
-                  <!--:preview-src-list="imgs_seven"-->
-                <!--&gt;</el-image>-->
-
-                <el-image
-                  style="width: 200px; height: 200px"
-                  :src="require('@/assets/home/serven.png')"
-                ></el-image>
-              </el-tooltip>
-            </div>
-            <el-radio v-model="radio" label="7" @change="change"
-              >模版四</el-radio
-            >
-          </el-col>
-        </el-row>
-        <el-row :gutter="20" type="flex">
-          <el-col :span="6" style="text-align: center">
-            <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/eight.png')">
-              <el-tooltip
-                class="item"
-                effect="dark"
-                content="点击查看大图"
-                placement="top-start"
-                :hide-after="2000"
-              >
-                <!--<el-image-->
-                  <!--style="width: 200px; height: 200px;margin-left:-60px"-->
-                  <!--:src="require('@/assets/home/eight.png')"-->
-                  <!--:preview-src-list="imgs_six"-->
-                <!--&gt;</el-image>-->
-
-                <el-image
-                  style="width: 200px; height: 200px;margin-left:-60px"
-                  :src="require('@/assets/home/eight.png')"
-                ></el-image>
-              </el-tooltip>
-            </div>
-            <el-radio
-              v-model="radio"
-              label="8"
-              @change="change"
-              style="margin-left:-60px"
-              >模版五</el-radio
-            >
-          </el-col>
-          <el-col :span="6" style="text-align: center">
-            <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/template_six.png')">
-              <el-tooltip
-                class="item"
-                effect="dark"
-                content="点击查看大图"
-                placement="top-start"
-                :hide-after="2000"
-              >
-                <!--<el-image-->
-                  <!--style="width: 200px; height: 200px;margin-left:30px"-->
-                  <!--:src="require('@/assets/home/template_six.png')"-->
-                  <!--:preview-src-list="imgs_eight"-->
-                <!--&gt;</el-image>-->
-
-                <el-image
-                  style="width: 200px; height: 200px;margin-left:30px"
-                  :src="require('@/assets/home/template_six.png')"
-                ></el-image>
-              </el-tooltip>
-            </div>
-            <el-radio v-model="radio" label="6" @change="change"
-              >模版六</el-radio
-            >
-          </el-col>
-
-          <!--<el-col :span="6" style="text-align: center">-->
-          <!--<div class="demo-image__preview">-->
-          <!--<el-tooltip-->
-          <!--class="item"-->
-          <!--effect="dark"-->
-          <!--content="点击查看大图"-->
-          <!--placement="top-start"-->
-          <!--:hide-after="2000"-->
-          <!--&gt;-->
-          <!--<el-image-->
-          <!--style="width: 200px; height: 200px;margin-left:30px"-->
-          <!--:src="require('@/assets/home/template_ten.jpg')"-->
-          <!--:preview-src-list="imgs_ten"-->
-          <!--&gt;</el-image>-->
-          <!--</el-tooltip>-->
-          <!--</div>-->
-          <!--<el-radio v-model="radio" label="10" @change="change"-->
-          <!--&gt;模版十</el-radio-->
-          <!--&gt;-->
-          <!--</el-col>-->
-        </el-row>
-      </div>
-
-
-      <el-image-viewer
-        v-if="showViewer"
-        :on-close="closeViewer"
-        :url-list="imgs"
-      ></el-image-viewer>
-
+    <div class="app-container app-print" style="text-align: center">
+      <el-tabs v-model="activeName">
+        <el-tab-pane label="电子病历模板" name="1">
+          <record-print></record-print>
+        </el-tab-pane>
+        <el-tab-pane label="处方模板" name="2">
+          <prescription-print></prescription-print>
+        </el-tab-pane>
+        <el-tab-pane label="处方治疗模板" name="3">
+          <treat-print></treat-print>
+        </el-tab-pane>
+        <el-tab-pane label="透析记录模板" name="4">
+          <dialysis-print></dialysis-print>
+        </el-tab-pane>
+        <el-tab-pane label="门诊收费明细模板" name="5">
+          <charge-print></charge-print>
+        </el-tab-pane>
+      </el-tabs>
     </div>
   </div>
 </template>
 
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
-import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
-import { getPrintTemplate, postPrintTemplate } from "@/api/data";
-import store from "@/store";
+import recordPrint from './printTemplate/recordPrint'
+import prescriptionPrint from './printTemplate/prescriptionPrint'
+import treatPrint from './printTemplate/treatPrint'
+import dialysisPrint from './printTemplate/dialysisPrint'
+import chargePrint from './printTemplate/chargePrint'
 
 export default {
   name: "printTemplate",
-  components: { ElImageViewer, BreadCrumb },
+  components: { BreadCrumb,recordPrint,prescriptionPrint,treatPrint,dialysisPrint,chargePrint },
   data() {
     return {
       showViewer:false,
       crumbs: [
         { path: false, name: "管理中心" },
-        { path: "data/print", name: "打印模版" }
-      ],
-      imgUrl_One: require("@/assets/home/1.jpg"),
-      imgUrl_Two: require("@/assets/home/2.jpg"),
-      imgUrl_Five: require("@/assets/home/5.jpg"),
-
-      imgs:[],
-
-      imgs_one: [
-        // 'https://images.shengws.com/template_one.jpg'
-        "https://images.shengws.com/fangji.jpg"
+        { path: "data/print", name: "模版" }
       ],
-      imgs_two: ["https://images.shengws.com/template_two.jpg"],
-      imgs_five: ["https://images.shengws.com/template_five.jpg"],
-      imgs_seven: ["https://images.shengws.com/serven.png"],
-      imgs_six: ["https://images.shengws.com/eight.png"],
-      imgs_eight: ["https://images.shengws.com/template_six.png"],
-      imgs_ten: ["https://kuyi.shengws.com/template_ten.jpg"],
-
-      delay: 500,
-      radio: 0,
-      tempRadio: 0,
-      loading: false
+      activeName: '1'
     };
   },
   methods: {
-    imgClick(val){
-      this.imgs = []
-      this.imgs.push(val)
-      this.showViewer = true
-
-    },
-    closeViewer() {
-      this.showViewer = false
-    },
-    change: function(val) {
-      console.log("val是什么", val);
-      this.$confirm(
-        "切换模版后，透析记录的字段会根据打印单来显示与隐藏，是否确定切换模版",
-        "提示",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "info"
-        }
-      )
-        .then(() => {
-          this.loading = true;
-          postPrintTemplate(val).then(response => {
-            if (response.data.state == 1) {
-              var template_id = response.data.data.template_id;
-              this.radio = template_id.toString();
-              this.tempRadio = template_id.toString();
-              // 同步
-              // console.log(response.data.data.fileds)
-              this.loading = false;
-              store.dispatch("updateAllFiledConfigList", response.data.data.fileds).then(() => {});
-              this.$message({
-                type: "success",
-                message: "切换成功"
-              });
-            }
-          });
-        })
-        .catch(() => {
-          this.radio = this.tempRadio;
-        });
-    }
+    
   },
   created() {
-    getPrintTemplate().then(response => {
-      if (response.data.state == 0) {
-        this.$message.error(response.data.msg);
-        return false;
-      } else {
-        var template = response.data.data.template;
-        this.radio = template.template_id.toString();
-        this.tempRadio = template.template_id.toString();
-      }
-    });
+    
   }
 };
 </script>
 
-<style scoped>
-.el-row {
-  margin-bottom: 20px;
 
-  & :last-child {
-    margin-bottom: 0;
-  }
-}
-.el-col {
-  border-radius: 4px;
-}
-</style>
-<style lang="scss">
-.app-print {
-  .el-radio__label {
-    padding-left: 10px;
-  }
-}
-</style>

src/xt_pages/data/printTemplate/chargePrint.vue

@@ -0,0 +1,328 @@
+<template>
+    <div
+      v-loading="loading"
+      element-loading-text="服务器处理数据中，请稍候......."
+      element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+    >
+    <p style="margin-top: 10px;margin-bottom: 30px">
+        请选择你需要打印的血液透析护理记录单样式
+    </p>
+    <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="6" style="text-align: center">
+        <div
+            @click="imgClick('https://images.shengws.com/fangji.jpg')"
+        >
+            <el-tooltip
+            class="item"
+            effect="dark"
+            :hide-after="2000"
+            content="点击查看大图"
+            placement="top-start"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/1.jpg')"-->
+                <!--:preview-src-list="imgs_one"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/1.jpg')"
+            ></el-image>
+
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="1" @change="change"
+            >模版一</el-radio
+        >
+        </el-col>
+        <el-col
+        :span="6"
+        style="margin-left: 100px;margin-right: 100px;text-align: center"
+        >
+        <div
+            @click="imgClick('https://images.shengws.com/template_two.jpg')"
+
+        >
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/2.jpg')"-->
+                <!--:preview-src-list="imgs_two"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/2.jpg')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="2" @change="change"
+            >模版二</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/template_five.jpg')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/5.jpg')"-->
+                <!--:preview-src-list="imgs_five"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/5.jpg')"
+            ></el-image>
+
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="5" @change="change"
+            >模版三</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/serven.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/serven.png')"-->
+                <!--:preview-src-list="imgs_seven"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/serven.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="7" @change="change"
+            >模版四</el-radio
+        >
+        </el-col>
+    </el-row>
+    <el-row :gutter="20" type="flex">
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/eight.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px;margin-left:-60px"-->
+                <!--:src="require('@/assets/home/eight.png')"-->
+                <!--:preview-src-list="imgs_six"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px;margin-left:-60px"
+                :src="require('@/assets/home/eight.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio
+            v-model="radio"
+            label="8"
+            @change="change"
+            style="margin-left:-60px"
+            >模版五</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/template_six.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px;margin-left:30px"-->
+                <!--:src="require('@/assets/home/template_six.png')"-->
+                <!--:preview-src-list="imgs_eight"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px;margin-left:30px"
+                :src="require('@/assets/home/template_six.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="6" @change="change"
+            >模版六</el-radio
+        >
+        </el-col>
+
+        <!--<el-col :span="6" style="text-align: center">-->
+        <!--<div class="demo-image__preview">-->
+        <!--<el-tooltip-->
+        <!--class="item"-->
+        <!--effect="dark"-->
+        <!--content="点击查看大图"-->
+        <!--placement="top-start"-->
+        <!--:hide-after="2000"-->
+        <!--&gt;-->
+        <!--<el-image-->
+        <!--style="width: 200px; height: 200px;margin-left:30px"-->
+        <!--:src="require('@/assets/home/template_ten.jpg')"-->
+        <!--:preview-src-list="imgs_ten"-->
+        <!--&gt;</el-image>-->
+        <!--</el-tooltip>-->
+        <!--</div>-->
+        <!--<el-radio v-model="radio" label="10" @change="change"-->
+        <!--&gt;模版十</el-radio-->
+        <!--&gt;-->
+        <!--</el-col>-->
+    </el-row>
+
+
+      <el-image-viewer
+        v-if="showViewer"
+        :on-close="closeViewer"
+        :url-list="imgs"
+      ></el-image-viewer>
+
+    </div>
+  </div>
+</template>
+
+<script>
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
+import { getPrintTemplate, postPrintTemplate } from "@/api/data";
+import store from "@/store";
+
+export default {
+  name: "printTemplate",
+  components: { ElImageViewer, BreadCrumb },
+  data() {
+    return {
+      showViewer:false,
+      crumbs: [
+        { path: false, name: "管理中心" },
+        { path: "data/print", name: "打印模版" }
+      ],
+      imgUrl_One: require("@/assets/home/1.jpg"),
+      imgUrl_Two: require("@/assets/home/2.jpg"),
+      imgUrl_Five: require("@/assets/home/5.jpg"),
+
+      imgs:[],
+
+      imgs_one: [
+        // 'https://images.shengws.com/template_one.jpg'
+        "https://images.shengws.com/fangji.jpg"
+      ],
+      imgs_two: ["https://images.shengws.com/template_two.jpg"],
+      imgs_five: ["https://images.shengws.com/template_five.jpg"],
+      imgs_seven: ["https://images.shengws.com/serven.png"],
+      imgs_six: ["https://images.shengws.com/eight.png"],
+      imgs_eight: ["https://images.shengws.com/template_six.png"],
+      imgs_ten: ["https://kuyi.shengws.com/template_ten.jpg"],
+
+      delay: 500,
+      radio: 0,
+      tempRadio: 0,
+      loading: false
+    };
+  },
+  methods: {
+    imgClick(val){
+      this.imgs = []
+      this.imgs.push(val)
+      this.showViewer = true
+
+    },
+    closeViewer() {
+      this.showViewer = false
+    },
+    change: function(val) {
+      console.log("val是什么", val);
+      this.$confirm(
+        "切换模版后，透析记录的字段会根据打印单来显示与隐藏，是否确定切换模版",
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "info"
+        }
+      )
+        .then(() => {
+          this.loading = true;
+          postPrintTemplate(val).then(response => {
+            if (response.data.state == 1) {
+              var template_id = response.data.data.template_id;
+              this.radio = template_id.toString();
+              this.tempRadio = template_id.toString();
+              // 同步
+              // console.log(response.data.data.fileds)
+              this.loading = false;
+              store.dispatch("updateAllFiledConfigList", response.data.data.fileds).then(() => {});
+              this.$message({
+                type: "success",
+                message: "切换成功"
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.radio = this.tempRadio;
+        });
+    }
+  },
+  created() {
+    getPrintTemplate().then(response => {
+      if (response.data.state == 0) {
+        this.$message.error(response.data.msg);
+        return false;
+      } else {
+        var template = response.data.data.template;
+        this.radio = template.template_id.toString();
+        this.tempRadio = template.template_id.toString();
+      }
+    });
+  }
+};
+</script>
+
+<style scoped>
+.el-row {
+  margin-bottom: 20px;
+
+  & :last-child {
+    margin-bottom: 0;
+  }
+}
+.el-col {
+  border-radius: 4px;
+}
+</style>
+<style lang="scss">
+.app-print {
+  .el-radio__label {
+    padding-left: 10px;
+  }
+}
+</style>

src/xt_pages/data/printTemplate/dialysisPrint.vue

@@ -0,0 +1,328 @@
+<template>
+    <div
+      v-loading="loading"
+      element-loading-text="服务器处理数据中，请稍候......."
+      element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+    >
+    <p style="margin-top: 10px;margin-bottom: 30px">
+        请选择你需要打印的血液透析护理记录单样式
+    </p>
+    <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="6" style="text-align: center">
+        <div
+            @click="imgClick('https://images.shengws.com/fangji.jpg')"
+        >
+            <el-tooltip
+            class="item"
+            effect="dark"
+            :hide-after="2000"
+            content="点击查看大图"
+            placement="top-start"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/1.jpg')"-->
+                <!--:preview-src-list="imgs_one"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/1.jpg')"
+            ></el-image>
+
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="1" @change="change"
+            >模版一</el-radio
+        >
+        </el-col>
+        <el-col
+        :span="6"
+        style="margin-left: 100px;margin-right: 100px;text-align: center"
+        >
+        <div
+            @click="imgClick('https://images.shengws.com/template_two.jpg')"
+
+        >
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/2.jpg')"-->
+                <!--:preview-src-list="imgs_two"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/2.jpg')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="2" @change="change"
+            >模版二</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/template_five.jpg')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/5.jpg')"-->
+                <!--:preview-src-list="imgs_five"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/5.jpg')"
+            ></el-image>
+
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="5" @change="change"
+            >模版三</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/serven.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/serven.png')"-->
+                <!--:preview-src-list="imgs_seven"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/serven.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="7" @change="change"
+            >模版四</el-radio
+        >
+        </el-col>
+    </el-row>
+    <el-row :gutter="20" type="flex">
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/eight.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px;margin-left:-60px"-->
+                <!--:src="require('@/assets/home/eight.png')"-->
+                <!--:preview-src-list="imgs_six"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px;margin-left:-60px"
+                :src="require('@/assets/home/eight.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio
+            v-model="radio"
+            label="8"
+            @change="change"
+            style="margin-left:-60px"
+            >模版五</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/template_six.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px;margin-left:30px"-->
+                <!--:src="require('@/assets/home/template_six.png')"-->
+                <!--:preview-src-list="imgs_eight"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px;margin-left:30px"
+                :src="require('@/assets/home/template_six.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="6" @change="change"
+            >模版六</el-radio
+        >
+        </el-col>
+
+        <!--<el-col :span="6" style="text-align: center">-->
+        <!--<div class="demo-image__preview">-->
+        <!--<el-tooltip-->
+        <!--class="item"-->
+        <!--effect="dark"-->
+        <!--content="点击查看大图"-->
+        <!--placement="top-start"-->
+        <!--:hide-after="2000"-->
+        <!--&gt;-->
+        <!--<el-image-->
+        <!--style="width: 200px; height: 200px;margin-left:30px"-->
+        <!--:src="require('@/assets/home/template_ten.jpg')"-->
+        <!--:preview-src-list="imgs_ten"-->
+        <!--&gt;</el-image>-->
+        <!--</el-tooltip>-->
+        <!--</div>-->
+        <!--<el-radio v-model="radio" label="10" @change="change"-->
+        <!--&gt;模版十</el-radio-->
+        <!--&gt;-->
+        <!--</el-col>-->
+    </el-row>
+
+
+      <el-image-viewer
+        v-if="showViewer"
+        :on-close="closeViewer"
+        :url-list="imgs"
+      ></el-image-viewer>
+
+    </div>
+  </div>
+</template>
+
+<script>
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
+import { getPrintTemplate, postPrintTemplate } from "@/api/data";
+import store from "@/store";
+
+export default {
+  name: "printTemplate",
+  components: { ElImageViewer, BreadCrumb },
+  data() {
+    return {
+      showViewer:false,
+      crumbs: [
+        { path: false, name: "管理中心" },
+        { path: "data/print", name: "打印模版" }
+      ],
+      imgUrl_One: require("@/assets/home/1.jpg"),
+      imgUrl_Two: require("@/assets/home/2.jpg"),
+      imgUrl_Five: require("@/assets/home/5.jpg"),
+
+      imgs:[],
+
+      imgs_one: [
+        // 'https://images.shengws.com/template_one.jpg'
+        "https://images.shengws.com/fangji.jpg"
+      ],
+      imgs_two: ["https://images.shengws.com/template_two.jpg"],
+      imgs_five: ["https://images.shengws.com/template_five.jpg"],
+      imgs_seven: ["https://images.shengws.com/serven.png"],
+      imgs_six: ["https://images.shengws.com/eight.png"],
+      imgs_eight: ["https://images.shengws.com/template_six.png"],
+      imgs_ten: ["https://kuyi.shengws.com/template_ten.jpg"],
+
+      delay: 500,
+      radio: 0,
+      tempRadio: 0,
+      loading: false
+    };
+  },
+  methods: {
+    imgClick(val){
+      this.imgs = []
+      this.imgs.push(val)
+      this.showViewer = true
+
+    },
+    closeViewer() {
+      this.showViewer = false
+    },
+    change: function(val) {
+      console.log("val是什么", val);
+      this.$confirm(
+        "切换模版后，透析记录的字段会根据打印单来显示与隐藏，是否确定切换模版",
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "info"
+        }
+      )
+        .then(() => {
+          this.loading = true;
+          postPrintTemplate(val).then(response => {
+            if (response.data.state == 1) {
+              var template_id = response.data.data.template_id;
+              this.radio = template_id.toString();
+              this.tempRadio = template_id.toString();
+              // 同步
+              // console.log(response.data.data.fileds)
+              this.loading = false;
+              store.dispatch("updateAllFiledConfigList", response.data.data.fileds).then(() => {});
+              this.$message({
+                type: "success",
+                message: "切换成功"
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.radio = this.tempRadio;
+        });
+    }
+  },
+  created() {
+    getPrintTemplate().then(response => {
+      if (response.data.state == 0) {
+        this.$message.error(response.data.msg);
+        return false;
+      } else {
+        var template = response.data.data.template;
+        this.radio = template.template_id.toString();
+        this.tempRadio = template.template_id.toString();
+      }
+    });
+  }
+};
+</script>
+
+<style scoped>
+.el-row {
+  margin-bottom: 20px;
+
+  & :last-child {
+    margin-bottom: 0;
+  }
+}
+.el-col {
+  border-radius: 4px;
+}
+</style>
+<style lang="scss">
+.app-print {
+  .el-radio__label {
+    padding-left: 10px;
+  }
+}
+</style>

src/xt_pages/data/printTemplate/prescriptionPrint.vue

@@ -0,0 +1,328 @@
+<template>
+    <div
+      v-loading="loading"
+      element-loading-text="服务器处理数据中，请稍候......."
+      element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+    >
+    <p style="margin-top: 10px;margin-bottom: 30px">
+        请选择你需要打印的血液透析护理记录单样式
+    </p>
+    <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="6" style="text-align: center">
+        <div
+            @click="imgClick('https://images.shengws.com/fangji.jpg')"
+        >
+            <el-tooltip
+            class="item"
+            effect="dark"
+            :hide-after="2000"
+            content="点击查看大图"
+            placement="top-start"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/1.jpg')"-->
+                <!--:preview-src-list="imgs_one"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/1.jpg')"
+            ></el-image>
+
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="1" @change="change"
+            >模版一</el-radio
+        >
+        </el-col>
+        <el-col
+        :span="6"
+        style="margin-left: 100px;margin-right: 100px;text-align: center"
+        >
+        <div
+            @click="imgClick('https://images.shengws.com/template_two.jpg')"
+
+        >
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/2.jpg')"-->
+                <!--:preview-src-list="imgs_two"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/2.jpg')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="2" @change="change"
+            >模版二</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/template_five.jpg')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/5.jpg')"-->
+                <!--:preview-src-list="imgs_five"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/5.jpg')"
+            ></el-image>
+
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="5" @change="change"
+            >模版三</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/serven.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/serven.png')"-->
+                <!--:preview-src-list="imgs_seven"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/serven.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="7" @change="change"
+            >模版四</el-radio
+        >
+        </el-col>
+    </el-row>
+    <el-row :gutter="20" type="flex">
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/eight.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px;margin-left:-60px"-->
+                <!--:src="require('@/assets/home/eight.png')"-->
+                <!--:preview-src-list="imgs_six"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px;margin-left:-60px"
+                :src="require('@/assets/home/eight.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio
+            v-model="radio"
+            label="8"
+            @change="change"
+            style="margin-left:-60px"
+            >模版五</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/template_six.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px;margin-left:30px"-->
+                <!--:src="require('@/assets/home/template_six.png')"-->
+                <!--:preview-src-list="imgs_eight"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px;margin-left:30px"
+                :src="require('@/assets/home/template_six.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="6" @change="change"
+            >模版六</el-radio
+        >
+        </el-col>
+
+        <!--<el-col :span="6" style="text-align: center">-->
+        <!--<div class="demo-image__preview">-->
+        <!--<el-tooltip-->
+        <!--class="item"-->
+        <!--effect="dark"-->
+        <!--content="点击查看大图"-->
+        <!--placement="top-start"-->
+        <!--:hide-after="2000"-->
+        <!--&gt;-->
+        <!--<el-image-->
+        <!--style="width: 200px; height: 200px;margin-left:30px"-->
+        <!--:src="require('@/assets/home/template_ten.jpg')"-->
+        <!--:preview-src-list="imgs_ten"-->
+        <!--&gt;</el-image>-->
+        <!--</el-tooltip>-->
+        <!--</div>-->
+        <!--<el-radio v-model="radio" label="10" @change="change"-->
+        <!--&gt;模版十</el-radio-->
+        <!--&gt;-->
+        <!--</el-col>-->
+    </el-row>
+
+
+      <el-image-viewer
+        v-if="showViewer"
+        :on-close="closeViewer"
+        :url-list="imgs"
+      ></el-image-viewer>
+
+    </div>
+  </div>
+</template>
+
+<script>
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
+import { getPrintTemplate, postPrintTemplate } from "@/api/data";
+import store from "@/store";
+
+export default {
+  name: "printTemplate",
+  components: { ElImageViewer, BreadCrumb },
+  data() {
+    return {
+      showViewer:false,
+      crumbs: [
+        { path: false, name: "管理中心" },
+        { path: "data/print", name: "打印模版" }
+      ],
+      imgUrl_One: require("@/assets/home/1.jpg"),
+      imgUrl_Two: require("@/assets/home/2.jpg"),
+      imgUrl_Five: require("@/assets/home/5.jpg"),
+
+      imgs:[],
+
+      imgs_one: [
+        // 'https://images.shengws.com/template_one.jpg'
+        "https://images.shengws.com/fangji.jpg"
+      ],
+      imgs_two: ["https://images.shengws.com/template_two.jpg"],
+      imgs_five: ["https://images.shengws.com/template_five.jpg"],
+      imgs_seven: ["https://images.shengws.com/serven.png"],
+      imgs_six: ["https://images.shengws.com/eight.png"],
+      imgs_eight: ["https://images.shengws.com/template_six.png"],
+      imgs_ten: ["https://kuyi.shengws.com/template_ten.jpg"],
+
+      delay: 500,
+      radio: 0,
+      tempRadio: 0,
+      loading: false
+    };
+  },
+  methods: {
+    imgClick(val){
+      this.imgs = []
+      this.imgs.push(val)
+      this.showViewer = true
+
+    },
+    closeViewer() {
+      this.showViewer = false
+    },
+    change: function(val) {
+      console.log("val是什么", val);
+      this.$confirm(
+        "切换模版后，透析记录的字段会根据打印单来显示与隐藏，是否确定切换模版",
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "info"
+        }
+      )
+        .then(() => {
+          this.loading = true;
+          postPrintTemplate(val).then(response => {
+            if (response.data.state == 1) {
+              var template_id = response.data.data.template_id;
+              this.radio = template_id.toString();
+              this.tempRadio = template_id.toString();
+              // 同步
+              // console.log(response.data.data.fileds)
+              this.loading = false;
+              store.dispatch("updateAllFiledConfigList", response.data.data.fileds).then(() => {});
+              this.$message({
+                type: "success",
+                message: "切换成功"
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.radio = this.tempRadio;
+        });
+    }
+  },
+  created() {
+    getPrintTemplate().then(response => {
+      if (response.data.state == 0) {
+        this.$message.error(response.data.msg);
+        return false;
+      } else {
+        var template = response.data.data.template;
+        this.radio = template.template_id.toString();
+        this.tempRadio = template.template_id.toString();
+      }
+    });
+  }
+};
+</script>
+
+<style scoped>
+.el-row {
+  margin-bottom: 20px;
+
+  & :last-child {
+    margin-bottom: 0;
+  }
+}
+.el-col {
+  border-radius: 4px;
+}
+</style>
+<style lang="scss">
+.app-print {
+  .el-radio__label {
+    padding-left: 10px;
+  }
+}
+</style>

src/xt_pages/data/printTemplate/recordPrint.vue

@@ -0,0 +1,328 @@
+<template>
+    <div
+      v-loading="loading"
+      element-loading-text="服务器处理数据中，请稍候......."
+      element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+    >
+    <p style="margin-top: 10px;margin-bottom: 30px">
+        请选择你需要打印的血液透析护理记录单样式
+    </p>
+    <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="6" style="text-align: center">
+        <div
+            @click="imgClick('https://images.shengws.com/fangji.jpg')"
+        >
+            <el-tooltip
+            class="item"
+            effect="dark"
+            :hide-after="2000"
+            content="点击查看大图"
+            placement="top-start"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/1.jpg')"-->
+                <!--:preview-src-list="imgs_one"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/1.jpg')"
+            ></el-image>
+
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="1" @change="change"
+            >模版一</el-radio
+        >
+        </el-col>
+        <el-col
+        :span="6"
+        style="margin-left: 100px;margin-right: 100px;text-align: center"
+        >
+        <div
+            @click="imgClick('https://images.shengws.com/template_two.jpg')"
+
+        >
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/2.jpg')"-->
+                <!--:preview-src-list="imgs_two"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/2.jpg')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="2" @change="change"
+            >模版二</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/template_five.jpg')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/5.jpg')"-->
+                <!--:preview-src-list="imgs_five"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/5.jpg')"
+            ></el-image>
+
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="5" @change="change"
+            >模版三</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/serven.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/serven.png')"-->
+                <!--:preview-src-list="imgs_seven"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/serven.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="7" @change="change"
+            >模版四</el-radio
+        >
+        </el-col>
+    </el-row>
+    <el-row :gutter="20" type="flex">
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/eight.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px;margin-left:-60px"-->
+                <!--:src="require('@/assets/home/eight.png')"-->
+                <!--:preview-src-list="imgs_six"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px;margin-left:-60px"
+                :src="require('@/assets/home/eight.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio
+            v-model="radio"
+            label="8"
+            @change="change"
+            style="margin-left:-60px"
+            >模版五</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/template_six.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px;margin-left:30px"-->
+                <!--:src="require('@/assets/home/template_six.png')"-->
+                <!--:preview-src-list="imgs_eight"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px;margin-left:30px"
+                :src="require('@/assets/home/template_six.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="6" @change="change"
+            >模版六</el-radio
+        >
+        </el-col>
+
+        <!--<el-col :span="6" style="text-align: center">-->
+        <!--<div class="demo-image__preview">-->
+        <!--<el-tooltip-->
+        <!--class="item"-->
+        <!--effect="dark"-->
+        <!--content="点击查看大图"-->
+        <!--placement="top-start"-->
+        <!--:hide-after="2000"-->
+        <!--&gt;-->
+        <!--<el-image-->
+        <!--style="width: 200px; height: 200px;margin-left:30px"-->
+        <!--:src="require('@/assets/home/template_ten.jpg')"-->
+        <!--:preview-src-list="imgs_ten"-->
+        <!--&gt;</el-image>-->
+        <!--</el-tooltip>-->
+        <!--</div>-->
+        <!--<el-radio v-model="radio" label="10" @change="change"-->
+        <!--&gt;模版十</el-radio-->
+        <!--&gt;-->
+        <!--</el-col>-->
+    </el-row>
+
+
+      <el-image-viewer
+        v-if="showViewer"
+        :on-close="closeViewer"
+        :url-list="imgs"
+      ></el-image-viewer>
+
+    </div>
+  </div>
+</template>
+
+<script>
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
+import { getPrintTemplate, postPrintTemplate } from "@/api/data";
+import store from "@/store";
+
+export default {
+  name: "printTemplate",
+  components: { ElImageViewer, BreadCrumb },
+  data() {
+    return {
+      showViewer:false,
+      crumbs: [
+        { path: false, name: "管理中心" },
+        { path: "data/print", name: "打印模版" }
+      ],
+      imgUrl_One: require("@/assets/home/1.jpg"),
+      imgUrl_Two: require("@/assets/home/2.jpg"),
+      imgUrl_Five: require("@/assets/home/5.jpg"),
+
+      imgs:[],
+
+      imgs_one: [
+        // 'https://images.shengws.com/template_one.jpg'
+        "https://images.shengws.com/fangji.jpg"
+      ],
+      imgs_two: ["https://images.shengws.com/template_two.jpg"],
+      imgs_five: ["https://images.shengws.com/template_five.jpg"],
+      imgs_seven: ["https://images.shengws.com/serven.png"],
+      imgs_six: ["https://images.shengws.com/eight.png"],
+      imgs_eight: ["https://images.shengws.com/template_six.png"],
+      imgs_ten: ["https://kuyi.shengws.com/template_ten.jpg"],
+
+      delay: 500,
+      radio: 0,
+      tempRadio: 0,
+      loading: false
+    };
+  },
+  methods: {
+    imgClick(val){
+      this.imgs = []
+      this.imgs.push(val)
+      this.showViewer = true
+
+    },
+    closeViewer() {
+      this.showViewer = false
+    },
+    change: function(val) {
+      console.log("val是什么", val);
+      this.$confirm(
+        "切换模版后，透析记录的字段会根据打印单来显示与隐藏，是否确定切换模版",
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "info"
+        }
+      )
+        .then(() => {
+          this.loading = true;
+          postPrintTemplate(val).then(response => {
+            if (response.data.state == 1) {
+              var template_id = response.data.data.template_id;
+              this.radio = template_id.toString();
+              this.tempRadio = template_id.toString();
+              // 同步
+              // console.log(response.data.data.fileds)
+              this.loading = false;
+              store.dispatch("updateAllFiledConfigList", response.data.data.fileds).then(() => {});
+              this.$message({
+                type: "success",
+                message: "切换成功"
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.radio = this.tempRadio;
+        });
+    }
+  },
+  created() {
+    getPrintTemplate().then(response => {
+      if (response.data.state == 0) {
+        this.$message.error(response.data.msg);
+        return false;
+      } else {
+        var template = response.data.data.template;
+        this.radio = template.template_id.toString();
+        this.tempRadio = template.template_id.toString();
+      }
+    });
+  }
+};
+</script>
+
+<style scoped>
+.el-row {
+  margin-bottom: 20px;
+
+  & :last-child {
+    margin-bottom: 0;
+  }
+}
+.el-col {
+  border-radius: 4px;
+}
+</style>
+<style lang="scss">
+.app-print {
+  .el-radio__label {
+    padding-left: 10px;
+  }
+}
+</style>

src/xt_pages/data/printTemplate/treatPrint.vue

@@ -0,0 +1,328 @@
+<template>
+    <div
+      v-loading="loading"
+      element-loading-text="服务器处理数据中，请稍候......."
+      element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+    >
+    <p style="margin-top: 10px;margin-bottom: 30px">
+        请选择你需要打印的血液透析护理记录单样式
+    </p>
+    <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="6" style="text-align: center">
+        <div
+            @click="imgClick('https://images.shengws.com/fangji.jpg')"
+        >
+            <el-tooltip
+            class="item"
+            effect="dark"
+            :hide-after="2000"
+            content="点击查看大图"
+            placement="top-start"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/1.jpg')"-->
+                <!--:preview-src-list="imgs_one"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/1.jpg')"
+            ></el-image>
+
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="1" @change="change"
+            >模版一</el-radio
+        >
+        </el-col>
+        <el-col
+        :span="6"
+        style="margin-left: 100px;margin-right: 100px;text-align: center"
+        >
+        <div
+            @click="imgClick('https://images.shengws.com/template_two.jpg')"
+
+        >
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/2.jpg')"-->
+                <!--:preview-src-list="imgs_two"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/2.jpg')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="2" @change="change"
+            >模版二</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/template_five.jpg')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/5.jpg')"-->
+                <!--:preview-src-list="imgs_five"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/5.jpg')"
+            ></el-image>
+
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="5" @change="change"
+            >模版三</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview"  @click="imgClick('https://images.shengws.com/serven.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px"-->
+                <!--:src="require('@/assets/home/serven.png')"-->
+                <!--:preview-src-list="imgs_seven"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px"
+                :src="require('@/assets/home/serven.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="7" @change="change"
+            >模版四</el-radio
+        >
+        </el-col>
+    </el-row>
+    <el-row :gutter="20" type="flex">
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/eight.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px;margin-left:-60px"-->
+                <!--:src="require('@/assets/home/eight.png')"-->
+                <!--:preview-src-list="imgs_six"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px;margin-left:-60px"
+                :src="require('@/assets/home/eight.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio
+            v-model="radio"
+            label="8"
+            @change="change"
+            style="margin-left:-60px"
+            >模版五</el-radio
+        >
+        </el-col>
+        <el-col :span="6" style="text-align: center">
+        <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/template_six.png')">
+            <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击查看大图"
+            placement="top-start"
+            :hide-after="2000"
+            >
+            <!--<el-image-->
+                <!--style="width: 200px; height: 200px;margin-left:30px"-->
+                <!--:src="require('@/assets/home/template_six.png')"-->
+                <!--:preview-src-list="imgs_eight"-->
+            <!--&gt;</el-image>-->
+
+            <el-image
+                style="width: 200px; height: 200px;margin-left:30px"
+                :src="require('@/assets/home/template_six.png')"
+            ></el-image>
+            </el-tooltip>
+        </div>
+        <el-radio v-model="radio" label="6" @change="change"
+            >模版六</el-radio
+        >
+        </el-col>
+
+        <!--<el-col :span="6" style="text-align: center">-->
+        <!--<div class="demo-image__preview">-->
+        <!--<el-tooltip-->
+        <!--class="item"-->
+        <!--effect="dark"-->
+        <!--content="点击查看大图"-->
+        <!--placement="top-start"-->
+        <!--:hide-after="2000"-->
+        <!--&gt;-->
+        <!--<el-image-->
+        <!--style="width: 200px; height: 200px;margin-left:30px"-->
+        <!--:src="require('@/assets/home/template_ten.jpg')"-->
+        <!--:preview-src-list="imgs_ten"-->
+        <!--&gt;</el-image>-->
+        <!--</el-tooltip>-->
+        <!--</div>-->
+        <!--<el-radio v-model="radio" label="10" @change="change"-->
+        <!--&gt;模版十</el-radio-->
+        <!--&gt;-->
+        <!--</el-col>-->
+    </el-row>
+
+
+      <el-image-viewer
+        v-if="showViewer"
+        :on-close="closeViewer"
+        :url-list="imgs"
+      ></el-image-viewer>
+
+    </div>
+  </div>
+</template>
+
+<script>
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
+import { getPrintTemplate, postPrintTemplate } from "@/api/data";
+import store from "@/store";
+
+export default {
+  name: "printTemplate",
+  components: { ElImageViewer, BreadCrumb },
+  data() {
+    return {
+      showViewer:false,
+      crumbs: [
+        { path: false, name: "管理中心" },
+        { path: "data/print", name: "打印模版" }
+      ],
+      imgUrl_One: require("@/assets/home/1.jpg"),
+      imgUrl_Two: require("@/assets/home/2.jpg"),
+      imgUrl_Five: require("@/assets/home/5.jpg"),
+
+      imgs:[],
+
+      imgs_one: [
+        // 'https://images.shengws.com/template_one.jpg'
+        "https://images.shengws.com/fangji.jpg"
+      ],
+      imgs_two: ["https://images.shengws.com/template_two.jpg"],
+      imgs_five: ["https://images.shengws.com/template_five.jpg"],
+      imgs_seven: ["https://images.shengws.com/serven.png"],
+      imgs_six: ["https://images.shengws.com/eight.png"],
+      imgs_eight: ["https://images.shengws.com/template_six.png"],
+      imgs_ten: ["https://kuyi.shengws.com/template_ten.jpg"],
+
+      delay: 500,
+      radio: 0,
+      tempRadio: 0,
+      loading: false
+    };
+  },
+  methods: {
+    imgClick(val){
+      this.imgs = []
+      this.imgs.push(val)
+      this.showViewer = true
+
+    },
+    closeViewer() {
+      this.showViewer = false
+    },
+    change: function(val) {
+      console.log("val是什么", val);
+      this.$confirm(
+        "切换模版后，透析记录的字段会根据打印单来显示与隐藏，是否确定切换模版",
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "info"
+        }
+      )
+        .then(() => {
+          this.loading = true;
+          postPrintTemplate(val).then(response => {
+            if (response.data.state == 1) {
+              var template_id = response.data.data.template_id;
+              this.radio = template_id.toString();
+              this.tempRadio = template_id.toString();
+              // 同步
+              // console.log(response.data.data.fileds)
+              this.loading = false;
+              store.dispatch("updateAllFiledConfigList", response.data.data.fileds).then(() => {});
+              this.$message({
+                type: "success",
+                message: "切换成功"
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.radio = this.tempRadio;
+        });
+    }
+  },
+  created() {
+    getPrintTemplate().then(response => {
+      if (response.data.state == 0) {
+        this.$message.error(response.data.msg);
+        return false;
+      } else {
+        var template = response.data.data.template;
+        this.radio = template.template_id.toString();
+        this.tempRadio = template.template_id.toString();
+      }
+    });
+  }
+};
+</script>
+
+<style scoped>
+.el-row {
+  margin-bottom: 20px;
+
+  & :last-child {
+    margin-bottom: 0;
+  }
+}
+.el-col {
+  border-radius: 4px;
+}
+</style>
+<style lang="scss">
+.app-print {
+  .el-radio__label {
+    padding-left: 10px;
+  }
+}
+</style>

src/xt_pages/outpatientRegistration/registrationHistory.vue

@@ -52,9 +52,6 @@
             </div>
             <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>
                 <el-table-column align="center" type="index" label="序号" width="60">
-                    <template slot-scope="scope">
-                        {{scope.$index+1}}
-                    </template>
                 </el-table-column>
                 <el-table-column align="center" prop="name" label="时间" width="100">
                     <template slot-scope="scope">{{getTime(scope.row.record_date,"{y}-{m}-{d}")}}</template>
@@ -79,10 +76,10 @@
                         {{scope.row.number}}
                     </template>
                 </el-table-column>
-                <el-table-column align="center" prop="name" label="证件号">
+                <el-table-column align="center" prop="name" label="证件号" width='180'>
                     <template slot-scope="scope">{{ scope.row.id_card_no }}</template>
                 </el-table-column>
-                <el-table-column align="center" label="患者保险类型" width="80">
+                <el-table-column align="center" label="患者保险类型">
                     <template slot-scope="scope">{{getMedicalTreatment(scope.row.medical_treatment_type)}}</template>
                 </el-table-column>
                 <el-table-column align="center" prop="name" label="医生" width="80">