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

src/lang/zh.js

     system_prescription: '透析方案模版',
     integration_config: '集成配置',
     his_config: 'HIS集成配置',
-
+    medical_template:'门诊模版',
     slow: '慢病管理',
     scrm: 'SCRM',
     shop: '分销商城',

src/router/modules/templateManagement.js

         title: 'histemplate'
       }
     },
+    {
+      path:'/data/medicaltemplate',
+      component:() => import('@/xt_pages/data/medicalTemplate'),
+      name:'medical_template',
+      meta:{
+        title:'medical_template'
+      }
 
+    },
   ]
 }

src/xt_pages/outpatientCharges/components/prescriptionTable.vue

     <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" type="index" width="40" label="序号"></el-table-column>
       <el-table-column align="center" prop="name" label="名称">
         <template slot-scope="scope"><span :title='scope.row.drug_name'>{{ scope.row.drug_name }}</span></template>
       </el-table-column>
     <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" type="index" width="40" label="序号"></el-table-column>
       <el-table-column align="center" prop="project_name" label="名称">
         <template slot-scope="scope">{{ scope.row.project_name }}</template>
       </el-table-column>
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
-          width:60px;
+          width:80px;
           display: inline-block;
           font-size: 14px;
         }

src/xt_pages/outpatientCharges/treatTemplate/printOne.vue

 <template>
     <div id='prescription-print' class="prescription-print">
-        <div class="printTitle">血液透析中心医药费收据及收费项目清单</div>
+        <div class="printTitle">{{orgname}}&nbsp;&nbsp; 血液透析中心医药费收据及收费项目清单</div>
         <div class="infoMain">
             <p class="infoP">医院(药店)编号：</p>
             <p class="infoP">名称：血液透析中心</p>
           list:{},
           prescription:[],
           patient:{},
+          orgname:""
       } 
     },
     methods:{
        console.log("patient_id",patient_id)
        var prescription_id = this.$route.query.prescription_id
        this.getChargePrint(record_date,patient_id,prescription_id)
+       var xtuser = this.$store.getters.xt_user
+       this.orgname = xtuser.org.org_name
 
     }
 }

src/xt_pages/outpatientDoctorStation/components/additionalCharges.vue

 <template>
   <el-dialog
     title="附加收费"
-    width="300px"
+    width="600px"
     :visible.sync="visible"
     :before-close="_close"
   >
-    <el-table :data="chargeTable" border style="width: 100%;" height="300" :row-style="{ color: '#303133' }"
+    <el-table :data="chargeTable" border style="width: 100%;" height="350" :row-style="{ color: '#303133' }"
               :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row
               @select-all="handleSelectionChange"
               @select='selectDrugs'>
-      <el-table-column align="center" type="selection" width="40"></el-table-column>
-      <el-table-column align="center" prop="name" label="名称" width="100">
+      <el-table-column align="center" type="selection" width="60"></el-table-column>
+      <el-table-column align="center" prop="name" label="名称" width="160">
         <template slot-scope="scope">{{ scope.row.item_name }}</template>
       </el-table-column>
       <el-table-column align="center" prop="name" label="金额(元)">

src/xt_pages/outpatientDoctorStation/components/deskRecord.vue

     <div class="mainTitle">基本信息：</div>
     <el-form class="basicForm" :model="patientInfo" ref="form" label-width="120px">
       <el-form-item label="姓名:" prop="name">
-        <el-input v-model="patientInfo.name" placeholder="" readonly></el-input>
+        <el-input v-model="patientInfo.name" placeholder="" :disabled="true"></el-input>
       </el-form-item>
       <el-form-item label="性别: " prop="name">
-        <el-input v-model="patientInfo.gender" placeholder="" readonly></el-input>
+        <el-input v-model="patientInfo.gender" placeholder="" :disabled="true"></el-input>
       </el-form-item>
       <el-form-item label="年龄: " prop="name">
-        <el-input v-model="patientInfo.age" placeholder="" readonly></el-input>
+        <el-input v-model="patientInfo.age" placeholder="" :disabled="true"></el-input>
       </el-form-item>
       <el-form-item label="证件号:" prop="name">
-        <el-input v-model="patientInfo.id_card_no" placeholder="" readonly></el-input>
+        <el-input v-model="patientInfo.id_card_no" placeholder="" :disabled="true"></el-input>
       </el-form-item>
       <el-form-item label="出生日期: " prop="name">
         <el-date-picker
           style="width:100%;"
           v-model="patientInfo.birth"
           type="date"
-          readonly
+          :disabled="true"
           placeholder="选择日期">
         </el-date-picker>
       </el-form-item>
       <el-form-item label="联系电话: " prop="name">
-        <el-input v-model="patientInfo.phone" placeholder="" readonly></el-input>
+        <el-input v-model="patientInfo.phone" placeholder="" :disabled="true"></el-input>
       </el-form-item>
       <el-form-item label="医保类型: " prop="name">
-        <el-select v-model="delivery_way" placeholder="请选择">
+        <el-select v-model="delivery_way" style="width:100%;" placeholder="请选择">
          <el-option
             v-for="item in wayOptions"
            :key="item.id"
         </el-select>
       </el-form-item>
       <el-form-item label="医保证号: " prop="name">
-        <el-input v-model="patientInfo.health_care_no" placeholder="" readonly></el-input>
+        <el-input v-model="patientInfo.health_care_no" placeholder="" :disabled="true"></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="patientInfo.home_address" placeholder="" :disabled="true"></el-input>
       </el-form-item>
     </el-form>
     <div class="mainTitle">体格信息：</div>

src/xt_pages/outpatientDoctorStation/components/inquiriesDetail.vue

       <el-button v-if="activeName == 'second'" @click="open(2)" type="primary">打印</el-button>
     </div>
     <el-tabs v-model="activeName">
-      
+
       <el-tab-pane label="处方详情" name="first">
         <el-tabs class="preTabs" v-model="editableTabsValue" type="card" @tab-click="tabclickEvent">
           <el-tab-pane
             <span style="width:240px;">证件号：{{order.patient.id_card_no}}</span>
             <span style="width:180px;">联系电话：{{order.patient.phone}}</span>
             <span style="width:260px;">医生：{{order.doctor}}</span>
-            <span style="width:180px;">科室：{{order.departments}}</span>
+            <span style="width:180px;">科室：{{getDepartMent(order.departments)}}</span>
             <span style="width:240px;">创建时间： {{getTimes(order.ctime,"{y}-{m}-{d} {h}:{i}")}}</span>
             <!-- <span style="width:180px;">疾病名称：{{case_history.diagnostic}}</span>
             <span style="width:180px;">症状：{{case_history.diagnostic}}</span> -->
-            
+
 
           </div>
         </div>
     methods: {
       open(index){
         if(index == 1){
+           var arr= []
+           for(let i=0;i<this.prescriptions.length;i++){
+              arr.push(this.prescriptions[i].id)
+           }
+           var prescription_id = arr[0]
+           var record_date = this.format(this.order.record_date)
+           var ids = arr.toString()
+           this.$router.push("/outpatientDoctorStation/print?record="+record_date+"&prescription_id="+prescription_id+"&ids="+ids+"&patient_id="+this.patientInfo.id)
 
-          //  /outpatientDoctorStation/print?record=2020-12-11&prescription_id=157&ids=157,159&patient_id=1064
         }else if(index == 2){
-           var record_date = this.format(this.case_history.sick_date)    
+           var record_date = this.format(this.case_history.sick_date)
           this.$router.push("/outpatientDoctorStation/recordPrint?record="+record_date+"&patient_id="+this.case_history.patient_id)
         }
       },
             return false
           } else {
             this.patientInfo = response.data.data.order.patient
+            console.log("患者信息",this.patientInfo)
             this.hisPatientInfo = response.data.data.order.his_patient
             this.case_history = response.data.data.order.case_history
             console.log("历史详情",this.case_history)
      getAllDoctorList(){
       getAllDoctorList().then(response=>{
         if(response.data.state == 1){
-            var doctor =  response.data.data.doctor 
+            var doctor =  response.data.data.doctor
             this.doctorList = doctor
              var department = response.data.data.department
              console.log("department",department)
              this.departmentList = department
             }
-         })   
+         })
       },
       getDepartMent(id){
          var name = ""

src/xt_pages/outpatientDoctorStation/components/prescriptionTable.vue

 
     <div class="additionalBox">
       <div class="additionalOne" v-for="(item,index) in prescription.addition" :key="index">
-        <span>{{item.item_name}}</span>
+        <span :title="item.item_name">{{item.item_name}}</span>
         <el-input v-model="item.price" placeholder="" style="width:50px;"></el-input>
         共
         <el-input v-model="item.count" placeholder="" style="width:50px;"></el-input>
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
-          width:60px;
+          width:80px;
           display: inline-block;
           font-size: 14px;
         }

src/xt_pages/outpatientDoctorStation/doctorDesk.vue

 
       @selection-change="handleSelectionChange">
       <el-table-column
+        align='center'
         type="selection"
         width="50">
       </el-table-column>
       <el-table-column
+        align='center'
         label="处方编号"
         width="120">
         <template  slot-scope="scope">
           <span>处方编号</span>
         </template>
       </el-table-column>
-      <el-table-column
-        label="处方号"
-        width="200">
+      <el-table-column label="处方号">
         <template slot-scope="scope">
           <span>
            <el-input v-model="scope.row.prescription_number" :disabled="true"></el-input>
         </template>
       </el-table-column>
     </el-table>
+    <el-dialog
+      class="centerDialog"
+      width="560px"
+      title="打印"
+      :visible.sync="innerVisible"
+      append-to-body>
+      
+      <print :paramsObj='paramsObj'></print>
+    </el-dialog>
       <span slot="footer" class="dialog-footer">
         <el-button @click="centerDialogVisible = false">取 消</el-button>
         <el-button type="primary" @click="savePrint">确 定</el-button>
   import saveRecordTemplate from './components/saveRecordTemplate'
   import { uParseTime } from '@/utils/tools'
   import { getPrescriptionList } from "@/api/project/project"
+  import print from './print'
   export default {
     components: {
       BreadCrumb,
       deskPrescription,
       deskRecord,
       medicalRecord,
-      saveRecordTemplate
+      saveRecordTemplate,
+      print
     },
     data() {
       return {
         index:0,
         admin_info:{},
         saveLoading:false,
+        innerVisible:false,
+        paramsObj:{}
 
       }
     },
          var ids = arr.join(",")
          console.log("ids",ids)
          if(this.index == 2){
-           this.$router.push("/outpatientDoctorStation/print?record="+this.record_date+"&prescription_id="+this.prescription_id+"&ids="+ids+"&patient_id="+this.patientid)
+           let obj = {
+             record:this.record_date,
+             prescription_id:this.prescription_id,
+             ids:ids,
+             patient_id:this.patientid
+           }
+           this.paramsObj = obj
+           this.innerVisible = true
+           
+          //  this.$router.push("/outpatientDoctorStation/print?record="+this.record_date+"&prescription_id="+this.prescription_id+"&ids="+ids+"&patient_id="+this.patientid)
          }
          if(this.index == 6){
             this.$router.push("/outpatientDoctorStation/treatPrint?record="+this.record_date+"&prescription_id="+this.prescription_id+"&ids="+ids+"&patient_id="+this.patientid)
   }
 
   }
+  .centerDialog{
+    .el-dialog__body{
+      max-height: calc(100vh - 100px) !important;
+    }
+  }
 </style>

src/xt_pages/outpatientDoctorStation/print.vue

 <template>
-  <div class="main-contain">
-    <div class="position">
-      <bread-crumb :crumbs="crumbs"></bread-crumb>
+  <div>
        <template>
         <el-button
           :loading="loading"
           >打印</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"  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"   @current-change="changePatient" highlight-current-row :data="patientTableData" 
-                 height="480" border style="width: 100%">
-                    <el-table-column prop="date"  label="患者">   
-                      <template slot-scope="scope">{{scope.row.patients?scope.row.patients.name:''}}</template> 
-                    </el-table-column>
-                    <el-table-column prop="name" label="就诊号">
-                        <template slot-scope="scope">{{ scope.row.his_patient ?scope.row.his_patient.number:''}}</template>
-                    </el-table-column>
-                </el-table>
-            </div> -->
             
-            <div class='dialysisPage' style="flex: 1;height: calc(100vh - 178px);overflow-x:auto;::-webkit-scrollbar:height:15px;margin：0 auto；width：960px;">
-              <printOne v-bind:childResponse="childResponse" :advicePrint="advicePrint" :patient="patient" :hisPatient="hisPatient" :doctorPorject="doctorPorject" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id"></printOne>
-            </div>
-        </el-container>
+    <div class='dialysisPage'>
+      <printOne v-bind:childResponse="childResponse" :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :doctorPorject="doctorPorject" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id"></printOne>
     </div>
   </div>
 </template>
     BreadCrumb,
     printOne
   },
+  props:{
+    paramsObj:Object
+  },
   data() {
     return {
       crumbs: [
        search_input:"",
        loading:false,
        patient_id:"",
-       prescription_id:""
+       prescription_id:"",
+       ids:'',
+       paramsObj:{}
     };
   },
   methods:{
                 cal_two = cal_two + 1
               }
             }
-            this.$refs.tab.setCurrentRow(this.patientTableData[0])
-            console.log(this.patientTableData[0])
-            this.choosePatient(this.patientTableData[0])
+            // 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   
          }
 
   created() {
     this.getAllDoctorList()
-    var record_date = this.$route.query.record
+    var record_date = this.paramsObj.record
     this.record_date = record_date
     console.log("record_date",record_date)
-    var prescription_id = this.$route.query.prescription_id
+    var prescription_id = this.paramsObj.prescription_id
     this.prescription_id = prescription_id
+    this.patient_id = this.paramsObj.patient_id
+    this.ids = this.paramsObj.ids
+    // var record_date = this.$route.query.record
+    // this.record_date = record_date
+    // console.log("record_date",record_date)
+    // var prescription_id = this.$route.query.prescription_id
+    // this.prescription_id = prescription_id
     this.getAllHisPatientList(record_date)
   },
+  watch:{
+    paramsObj:{//深度监听，可监听到对象、数组的变化
+      handler(val, oldVal){
+        this.paramsObj = val
+        this.patient_id = this.paramsObj.patient_id
+        var record_date = this.paramsObj.record
+        this.record_date = record_date
+        console.log("record_date",record_date)
+        var prescription_id = this.paramsObj.prescription_id
+        this.prescription_id = prescription_id
+        this.ids = this.paramsObj.ids
+      },
+      deep:true
+    }
+  }
 
 };
 </script>

src/xt_pages/outpatientDoctorStation/recordTemplate/printOne.vue

 <template>
     <div id='prescription-print' class="prescription-print">
-        <div class="printTitle">门诊病历</div>
+        <div class="printTitle">{{orgname}} &nbsp;&nbsp; 门诊病历</div>
         <div class="infoTitle">
             <div>姓名：{{patient.name?patient.name:''}}</div>
             <div>性别：
     data(){
         return{
             educationOptions:[],
-            departmentList:[]
+            departmentList:[],
+            orgname:''
         }                   
     },
     methods:{
       getPatientCaseHistory(params).then(response=>{
          if(response.data.state == 1){
            var patient = response.data.data.patient
-           console.log("patinet",patient)
+        //    console.log("patinet",patient)
            this.patient = patient
            var history = response.data.data.history
-           console.log("history",history)
+           console.log("中国history222222",history)
            this.history = history
            var hispatient = response.data.data.hispatient
-           console.log("hispatient",hispatient)
+        //    console.log("hispatient",hispatient)
            this.hispatient = hispatient
          }
       })
     },
     getDeparment(id){
-    console.log("id---",id)
+  
      var name = ''
      for(let i=0;i<this.departmentList.length;i++){
          if(id == this.departmentList[i].id){
       console.log("22222",this.educationOptions)
       this.getAllDoctorList()
       this.getPatientCaseHistory()
+
+     var xtuser = this.$store.getters.xt_user
+     this.orgname = xtuser.org.org_name
     }
 }
 </script>

src/xt_pages/outpatientDoctorStation/template/printOne.vue

   <div id='prescriptionPrint'>
     <div v-for="(item,index) in advicePrint" :key="index">
       <div id='prescription-print' class="prescription-print" style="page-break-after: always;">
-          <div class="printTitle">血液透析中心处方笺</div>
+          <div class="printTitle">{{orgname}} &nbsp;&nbsp; 血液透析中心处方笺</div>
           <div class="infoTitle">
               <p>姓名：{{item.patient.name?item.patient.name:""}}</p>
               <p>性别：
     props:{
       patient_id:Number,
       record_date:String,
-      prescription_id:Number
+      prescription_id:Number,
+      ids:String
     }, 
     data(){
       return {
         prescriptionInfo:[],
         hisPatient:{},
         department:[],
-        prescriptions:[]
-
+        prescriptions:[],
+        orgname:""
       }
     },
    methods:{
           // patient_id:this.patient_id,
           // record_date:this.record_date,
           // prescription_id:this.prescription_id,
-          patient_id:this.$route.query.patient_id,
-          record_date:this.$route.query.record,
-          prescription_id:this.$route.query.prescription_id,
-          ids:this.$route.query.ids
+          patient_id:this.patient_id,
+          record_date:this.record_date,
+          prescription_id:this.prescription_id,
+          ids:this.ids
         }
         console.log("params",params)
        getPrescriptionPrint(params).then(response=>{
        return name
      },
      getTotalOne(id) {
-        console.log("处方数据",this.prescriptions)
         var total = 0
         var addtotal = 0
         for (let i = 0; i < this.prescriptions.length; i++) {
             }
           
             if (this.prescriptions[i].additionalcharge != null) {
-              for (let a = 0; a < this.prescriptions[i].additionalcharge.length; a++) {
-                addtotal = addtotal + this.prescriptions[i].additionalcharge[a].price * this.prescriptions[i].additionalcharge[a].count
+              for (let b = 0; b < this.prescriptions[i].additionalcharge.length; b++) {
+                addtotal = addtotal + this.prescriptions[i].additionalcharge[b].price * this.prescriptions[i].additionalcharge[b].count
               }
             }
               addtotal =  Math.floor(addtotal * 100) / 100
         }
-        
-        return total + addtotal
        }
+       return total + addtotal
       }, 
 
 
       this.getInitData()
       this.getPrescriptionPrint()
       this.getHisPatientDetail()
-
+      var xtuser = this.$store.getters.xt_user
+      this.orgname = xtuser.org.org_name
      
    },
   //  watch:{
 
 
 <style lang="scss" scoped>
+.prescription-print{
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding:20px 0px;
+}
 .printTitle{
     font-size: 22px;
     text-align: center;

src/xt_pages/outpatientDoctorStation/treatTemplate/printOne.vue

             <p>就诊日期：{{getTime(item.ctime)}}</p>
         </div>
 
-        <div class="printTitle">血液透析中心</div>
+        <div class="printTitle">{{orgname}} &nbsp;&nbsp; 血液透析中心处方、治疗单</div>
 
-        <div class="printTitle">处方、治疗单</div>
+        <!-- <div class="printTitle">处方、治疗单</div> -->
 
         <div class="infoTitle">
             <p>门诊编号：</p>
    created(){
       this.getAllDoctorList()
       this.getPrescriptionPrint()
+      var xtuser = this.$store.getters.xt_user
+      this.orgname = xtuser.org.org_name
    },
    watch:{
      patient_id:function(val){

src/xt_pages/outpatientRegistration/registrationHistory.vue

                 <el-table-column align="center" prop="name" label="操作人" width="70">
                     <template slot-scope="scope">{{creator}}</template>
                 </el-table-column>
-                <el-table-column align="center" prop="name" label="操作" width="80">
+                <el-table-column align="center" prop="name" label="操作" width="180">
                     <template slot-scope="scope">
-                        <el-button size="mini" type="primary" v-if="scope.row.is_return == 1 && scope.row.record_date < startUnix" :disabled="true">已过号</el-button> 
-                        <el-button size="mini" type="primary" v-if="scope.row.is_return == 1 && scope.row.record_date >= startUnix" @click ="toReturnPatient(scope.row.id)">退号</el-button> 
-                        <el-button size="mini" type="primary" v-if="scope.row.is_return == 2" :disabled="true">已退号</el-button>
-                        <el-button size="mini" type="primary" v-if="scope.row.is_return == 3" >已就诊</el-button>  
+                      <el-button size="mini" type="primary" v-if="scope.row.is_return == 1 && scope.row.record_date < startUnix" :disabled="true">已过号</el-button> 
+                      <el-button size="mini" type="primary" v-if="scope.row.is_return == 1 && scope.row.record_date >= startUnix" @click ="toReturnPatient(scope.row.id)">退号</el-button> 
+                      <el-button size="mini" type="primary" v-if="scope.row.is_return == 2" :disabled="true">已退号</el-button>
+                      <el-button size="mini" type="primary" v-if="scope.row.is_return == 3" >已就诊</el-button>  
+                      <el-button size="mini" type="primary" @click="open(scope.row)">详情</el-button>
                     </template>
                 </el-table-column>
             </el-table>
                 :total="total"
             >
             </el-pagination>
+            <el-dialog
+              title="挂号历史详情"
+              :visible.sync="dialogVisible"
+              width="1100px"
+              :before-close="handleClose">
+              <div>
+                <div class="formMain">
+                  <el-form class="basicForm" :model="form"  ref="form"  label-width="130px">
+                    <el-form-item label="患者姓名："  prop="name">
+                       <div>{{ form.name }}</div>
+                    </el-form-item>
+
+                    <el-form-item label="性别：" prop="gender">
+                      <div v-if="form.gender == 1">男</div>
+                      <div v-if="form.gender == 2">女</div>
+                    </el-form-item>
+
+                    <el-form-item label="年龄：" prop="age">
+                      <div>{{ form.age }}</div>
+                    </el-form-item>
+
+
+                    <el-form-item label="出生日期：" prop="birthday">
+                      <div>{{ getTime(form.birthday,"{y}-{m}-{d}") }}</div>
+                    </el-form-item>
+
+                    <el-form-item label="手机号码：" prop="phone">
+                      <div>{{ form.phone }}</div>
+                    </el-form-item>
+
+
+                    <el-form-item label="医疗类别：">
+                      <div>{{ getDictionaryDataConfig(form.medical_treatment_type) }}</div>
+                    </el-form-item>
+
+
+                    <el-form-item label="证件类型：">
+                      <div>{{ getCertificates(form.id_type) }}</div>
+                    </el-form-item>
+
+                    <el-form-item label="证件号码：" prop="idCard">
+                      {{ form.id_card_no }}
+                    </el-form-item>
+
+
+                      <el-form-item label="结算类型：">
+                        {{ getSettlement(form.balance_accounts_type) }}
+                      </el-form-item>
+
+
+                    <el-form-item label="社保类型：">
+                      <div>{{ getMedicalCare(form.social_type) }}</div>
+                    </el-form-item>
+                    <el-form-item class="specialFormItem" style="width:66.5%;" label="医保卡号：">
+                      <div>{{ form.medical_insurance_number }}</div>
+                    </el-form-item>
+                    <el-form-item label="挂号类型："  prop="register"  :validate-event="is_Name">
+                      <div>{{ getRegister(form.register_type) }}</div>
+                    </el-form-item>
+                    <el-form-item label="医生："  prop="doctor" :validate-event="is_Name" >
+                      <div>{{ getDoctor(form.admin_user_id) }}</div>
+                    </el-form-item>
+                    <el-form-item label="科室："  prop="department" :validate-event="is_Name">
+                      <div>{{ getDepartMent(form.departments) }}</div>
+                    </el-form-item>
+                    <el-form-item label="是否需要工本费："> 
+                      <div v-if="form.is_need_cost_of_production == 1">是</div>
+                      <div v-else>否</div>
+                    </el-form-item>
+                    <el-form-item label="挂号费：">
+                      <div>{{ form.register_cost }}</div>
+                    </el-form-item>
+                    <el-form-item label="诊疗费：">
+                      <div>{{ form.treatment_cost }}</div>
+                    </el-form-item>
+                    <el-form-item label="工本费：">
+                      <div>{{ form.cost_of_production }}</div>
+                    </el-form-item>
+                    <el-form-item label="合计：">
+                      <div>{{ form.total }}</div>
+                    </el-form-item>
+                    <el-form-item>
+                        <!-- <el-input v-model="form.name"></el-input> -->
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </div>
+              <span slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+              </span>
+            </el-dialog>
         </div>
     </div>
 </template>
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
 import { getHisPatientHistory,changePatient,getHisPatient } from "@/api/project/project"
 import { uParseTime } from "@/utils/tools";
+import { getDictionaryDataConfig } from '@/utils/data'
 
 export default {
     components:{
                 id: 7,
                 name: "生育保险"
             }],
+            certificates: [{
+              value: 1,
+              label: '内地身份证'
+              }, {
+              value: 2,
+              label: "社保卡"
+              },{
+              value: 3,
+              label: "护照"
+              },{
+              value: 4,
+              label: "军官证"
+              },{
+              value: 5,
+              label: "台胞证"
+              },{
+              value: 6,
+              label: "港澳地区身份证"
+            }],
+            settlement: 
+            [
+              {value: 1,label: '医保'},
+              {value: 2,label: '自费'},
+              {value: 3,label:'公费'},
+              {value: 4,label:'农保'},
+              {value: 5,label:'会员'},
+              {value: 6,label:'职工'},
+              {value: 7,label:'合同'}
+            ],
+            medicalCare: [{
+              value: 1,
+              label: '职工基本医疗保险'
+              }, {
+              value: 2,
+              label: "公务员医疗补助"
+              },{
+              value: 3,
+              label: "大额医疗费用补助"
+              },{
+              value: 4,
+              label: "离休人员医疗"
+              },{
+              value: 5,
+              label: "城乡居民基本医疗保险"
+              },{
+              value: 6,
+              label: "城乡居民大病医疗保险"
+              },
+              {
+              value: 7,
+              label: "生育保险"
+            }],
+            newRegister: [{
+              value: 1,
+              label: '普通'
+              }, {
+              value: 2,
+              label: "主治"
+              },{
+              value: 3,
+              label: "主任"
+              },{
+              value: 4,
+              label: "免收诊金"
+              },{
+              value: 5,
+              label: "专家"
+            }],
             
             tablePatient:[],
             creator:"",
-            startUnix:''
+            startUnix:'',
+
+            dialogVisible:false,
+            form:{}
         }
     },
     created(){
        this.startUnix = todayUnix - 28800
       
        this.getlist()
+       this.getDictionaryDataConfig()
     },
     methods:{
         searchAction(){
       },
 
       handleSelect(val){   
-          this.search_input = val.name
-          this.getlist()
-       },
+        this.search_input = val.name
+        this.getlist()
+      },
+      handleClose(done){
+        done()
+      },
+      open(obj){
+        this.dialogVisible = true
+        this.form = obj
+        console.log(obj)
+      },
+      getDictionaryDataConfig(type){
+        let arr = getDictionaryDataConfig('system','social_type')
+        let str = ''
+        arr.map(item => {
+          if(item.id == type)
+          str = item.name
+        })
+        return str
+      },
+      getCertificates(type){
+        let arr = this.certificates
+        let str = ''
+        arr.map(item => {
+          if(item.value == type)
+          str = item.label
+        })
+        return str
+      },
+      getSettlement(type){
+        let arr = this.settlement
+        let str = ''
+        arr.map(item => {
+          if(item.value == type)
+          str = item.label
+        })
+        return str
+      },
+      getMedicalCare(type){
+        let arr = this.medicalCare
+        let str = ''
+        arr.map(item => {
+          if(item.value == type)
+          str = item.label
+        })
+        return str
+      },
+      getRegister(type){
+        let arr = this.newRegister
+        let str = ''
+        arr.map(item => {
+          if(item.value == type)
+          str = item.label
+        })
+        return str
+      },
+      getDepartMent(type){
+        let arr = this.departMent
+        let str = ''
+        arr.map(item => {
+          if(item.id == type)
+          str = item.name
+        })
+        return str
+      },
 
     }
 }
 </script>
 
 <style lang="scss" scoped>
+.basicForm{
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  .el-form-item{
+    width: 33%;
+  }
+}
 </style>

src/xt_pages/stock/stockPrint.vue

             <div id="print_content">
                 <div class="print_main_content">
                     <div class="order_title_panl">
-                        <span class="main_title">自备药查询表</span>
+                        <span class="main_title">耗材管理查询表</span>
                     </div>
                     <div style="text-align:right;margin-bottom:20px;font-size: 18px;">
                       打印时间：{{time_now}}

src/xt_pages/stock/stockQuery.vue

           <el-select v-model="type_name" style="width:140px;margin-right:10px;" placeholder="请选择"
           @change="changeTypeName">
             <el-option
-              v-for="item in goodType"
+              v-for="item in types"
               :key="item.id"
               :label="item.type_name"
               :value="item.id">
       },
       options:[],
       value:"",
-      type_name:""
+      type_name:"",
+      types:[],
     };
   },
   methods: {
           this.$message.error(response.data.msg);
           return false;
         } else {
+           var obj = {
+            id:0,
+            type_name:'全部'
+          }
+          this.types.push(obj)
           for (let i = 0; i < response.data.data.goodType.length; i++) {
             this.goodType.push(response.data.data.goodType[i]);
+            this.types.push(response.data.data.goodType[i])
           }
-          console.log("商品类型",this.goodType)
+          console.log("商品类型",this.types)
         }
       });
     },