1

src/xt_pages/outpatientDoctorStation/components/deskRecord.vue

@@ -11,31 +11,31 @@
     <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"
@@ -45,10 +45,10 @@
         </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/outpatientRegistration/registrationHistory.vue

@@ -97,12 +97,13 @@
                 <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>
@@ -118,6 +119,98 @@
                 :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>
@@ -127,6 +220,7 @@ const moment = require('moment')
 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:{
@@ -180,10 +274,81 @@ export default {
                 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(){
@@ -205,6 +370,7 @@ export default {
        this.startUnix = todayUnix - 28800
       
        this.getlist()
+       this.getDictionaryDataConfig()
     },
     methods:{
         searchAction(){
@@ -349,13 +515,83 @@ export default {
       },
 
       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>