Merge branch '20200710_pc_vue_new_branch' into 20200916_pc_vue_new_branch

src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue

@@ -13,13 +13,13 @@
             <div class="centerLeft">
                 <el-form :model="form" :rules="rules" ref="form" label-width="80px">
                     <el-form-item label="姓名:" prop="name">
-                        <el-input v-model="patientInfo.psn_name" placeholder=""></el-input>
+                        <el-input v-model="patientInfo.name" placeholder=""></el-input>
                     </el-form-item>
                     <el-form-item label="证件号: " prop="name">
-                        <el-input v-model="patientInfo.certno" placeholder=""></el-input>
+                        <el-input v-model="patientInfo.id_card_no" placeholder=""></el-input>
                     </el-form-item>
                     <el-form-item label="挂号类型: " prop="name">
-                        <el-input v-model="form.name" placeholder=""></el-input>
+                        <el-input v-model="hisPatientInfo.register_type" placeholder=""></el-input>
                     </el-form-item>
                     <el-form-item label="诊断:" prop="name">
                         <el-autocomplete
@@ -46,17 +46,17 @@
                     </el-form-item>
                 </el-form>
                 <div class="tabsBox">
-                    
+
                     <el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>
                     <el-tabs class="preTabs" v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" :before-leave="moreState">
                         <el-tab-pane
-                            v-for="(item, index) in editableTabs"
+                            v-for="(item, index) in prescriptions"
                             :key="index"
-                            :label="item.title"
+                            :label="item.name"
                             :name="item.name"
                         >
                             <div class="RP">Rp</div>
-                            <prescription-table :preDrugs="preDrugs"></prescription-table>
+                            <prescription-table :preDrugs="preDrugs" :activeType="activeName"></prescription-table>
                         </el-tab-pane>
                         <el-tab-pane name="more" closable><span slot="label"><i class="el-icon-plus" @click="addTab"></i></span></el-tab-pane>
                     </el-tabs>
@@ -168,9 +168,13 @@ import prescriptionTable from './prescriptionTable'
 import selectTemplate from './selectTemplate'
 import saveTemplate from './saveTemplate'
 import additionalCharges from './additionalCharges'
+import { getPatientInfo, getSchedulePatientList } from '@/api/his/his'
+
 export default {
     props:{
-        patientInfo:Object
+        patientInfo:Object,
+        hisPatientInfo:Object,
+        prescriptions:Array,
     },
     components:{
         selectTemplate,
@@ -183,67 +187,6 @@ export default {
             form:{
                 name:''
             },
-            tableData: [{
-            date: '2016-05-02',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1518 弄'
-            }, {
-            date: '2016-05-04',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1517 弄'
-            }, {
-            date: '2016-05-01',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1519 弄'
-            }, {
-            date: '2016-05-03',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1516 弄'
-            },{
-            date: '2016-05-02',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1518 弄'
-            }, {
-            date: '2016-05-04',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1517 弄'
-            }, {
-            date: '2016-05-01',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1519 弄'
-            }, {
-            date: '2016-05-03',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1516 弄'
-            },{
-            date: '2016-05-02',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1518 弄'
-            }, {
-            date: '2016-05-04',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1517 弄'
-            }, {
-            date: '2016-05-01',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1519 弄'
-            }, {
-            date: '2016-05-03',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1516 弄'
-            }, {
-            date: '2016-05-04',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1517 弄'
-            }, {
-            date: '2016-05-01',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1519 弄'
-            }, {
-            date: '2016-05-03',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1516 弄'
-            }],
             editableTabsValue: '1',
             editableTabs: [{
             title: '处方1',
@@ -254,71 +197,12 @@ export default {
             rightTab:1,
             activeName:'1',
 
-            drugTableData:[
-                {
-                    name:'头孢氨苄甲氧苄啶',
-                    specifications:'1',
-                    stock:10,
-                    unitPrice:10
-                },
-                {
-                    name:'注射用甲磺酸齐拉西酮',
-                    specifications:'1',
-                    stock:10,
-                    unitPrice:10
-                },
-                {
-                    name:'九味羌活片',
-                    specifications:'1',
-                    stock:10,
-                    unitPrice:10
-                },
-                {
-                    name:'氟哌啶醇注射液',
-                    specifications:'1',
-                    stock:10,
-                    unitPrice:10
-                },
-                {
-                    name:'奥氮平口崩片',
-                    specifications:'1',
-                    stock:10,
-                    unitPrice:10
-                },
-                {
-                    name:'利培酮口崩片',
-                    specifications:'1',
-                    stock:10,
-                    unitPrice:10
-                },
-            ],
+            drugTableData:[],
             preDrugs:[],
             curDrugs:[],
-            doctorOptions:[
-                {
-                    value: '1',
-                    label: '刘志刚'
-                },
-                {
-                    value: '2',
-                    label: '李悦'
-                },
-                {
-                    value: '3',
-                    label: '董校含'
-                },
-            ],
+            doctorOptions:[],
             doctorValue:'',
-            departmentOptions:[
-                {
-                    value: '1',
-                    label: '血透中心'
-                },
-                {
-                    value: '2',
-                    label: '心内科'
-                },
-            ],
+            departmentOptions:[],
             departmentValue:'',
             total:0
         }
@@ -340,18 +224,20 @@ export default {
             }else if(index == 5){
                 this.$refs.saveTemplate.show()
             }
-            
+
         },
         addTab(targetName) {
             let newTabName = ++this.tabIndex + '';
-            this.editableTabs.push({
-                title: '处方' + this.tabIndex,
+            this.prescriptions.push({
                 name: newTabName,
+                advice:[],
+                project:[],
+
             });
             this.editableTabsValue = newTabName;
         },
         removeTab(targetName) {
-            let tabs = this.editableTabs;
+            let tabs = this.prescriptions;
             let activeName = this.editableTabsValue;
             if (activeName === targetName) {
             tabs.forEach((tab, index) => {
@@ -363,9 +249,9 @@ export default {
                 }
             });
             }
-            
+
             this.editableTabsValue = activeName;
-            this.editableTabs = tabs.filter(tab => tab.name !== targetName);
+            this.prescriptions = tabs.filter(tab => tab.name !== targetName);
         },
         clickTab(index){
             this.rightTab = index
@@ -381,7 +267,7 @@ export default {
             this.preDrugs.map(item => {
                 this.total += item.unitPrice
             })
-            
+
         }
     }
 }
@@ -409,7 +295,7 @@ export default {
     .el-radio{
         margin-right:5px;
     }
-    
+
 }
 .mainRight{
     margin-left:20px;
@@ -490,7 +376,7 @@ export default {
     width: 100%;
     border: 1px solid #d2d2d2;
     box-sizing: border-box;
-    
+
     p{
         width: 50%;
         height: 40px;
@@ -500,7 +386,7 @@ export default {
         float: left;
     }
     >p:last-child{
-      border-left: 1px solid #d2d2d2;  
+      border-left: 1px solid #d2d2d2;
       float: right;
     }
     .activeP{

src/xt_pages/outpatientDoctorStation/components/deskRecord.vue

@@ -1,245 +1,327 @@
 <template>
-    <div class="deskRecord">
-        <div style="overflow:hidden;border-top:1px solid #e5e5e5;margin-top:5px;">
-            <div class="mainCell" style="margin-bottom:10px;float:right">
-                <el-button size="small" @click="open(1)" type="primary" style="margin-left:10px;">保存</el-button>
-                <el-button size="small" @click="open(2)" type="primary">打印</el-button>
-                <el-button size="small" @click="open(3)" type="primary">病历调用</el-button>
-                <el-button size="small" @click="open(4)" type="primary">存模板</el-button>
-            </div>
-        </div>
-        <div class="backColor"></div>
-        <div class="mainTitle">基本信息：</div>
-        <el-form class="basicForm" :model="form" :rules="rules" ref="form" label-width="120px">
-            <el-form-item label="姓名:" prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>
-            </el-form-item>
-            <el-form-item label="性别: " prop="name">
-                <el-select style="width:100%;" v-model="value" placeholder="">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="年龄: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>
-            </el-form-item>
-            <el-form-item label="证件号:" prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>
-            </el-form-item>
-            <el-form-item label="出生日期: " prop="name">
-                <el-date-picker
-                style="width:100%;"
-                v-model="value1"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-            </el-form-item>
-            <el-form-item label="联系电话: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>
-            </el-form-item>
-            <el-form-item label="关系联系人: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>
-            </el-form-item>
-            <el-form-item label="关系联系人电话: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>
-            </el-form-item>
-            <el-form-item label="家庭住址: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>
-            </el-form-item>
-        </el-form>
-        <div class="mainTitle">体格信息：</div>
-        <el-form class="physiqueForm" :model="form" :rules="rules" ref="form" label-width="80px">
-            <el-form-item label="体温:" prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input><span>℃</span>
-            </el-form-item>
-            <el-form-item label="血糖: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>mmol/L
-            </el-form-item>
-            <el-form-item label="脉搏: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>(次/分)
-            </el-form-item>
-            <el-form-item label="血压:" prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>/
-                <el-input v-model="form.name" placeholder=""></el-input>mmHg
-            </el-form-item>
-            <el-form-item label="身高: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>cm
-            </el-form-item>
-            <el-form-item label="血脂: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>mmol/L
-            </el-form-item>
-            <el-form-item label="脉搏: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>(次/分)
-            </el-form-item>
-            <el-form-item label="体重: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>kg
-            </el-form-item>
-        </el-form>
-        <div class="mainTitle">病历信息：</div>
-        <el-form class="recordForm" :model="form" :rules="rules" ref="form" label-width="80px">
-            <el-form-item label="病历分类:" prop="name">
-                <el-select style="width:100%;" v-model="value" placeholder="">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="症状: " prop="name">
-                <el-input v-model="form.name" placeholder=""></el-input>
-            </el-form-item>
-            <el-form-item label="发病日期: " prop="name">
-                <el-date-picker
-                style="width:100%;"
-                v-model="value1"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-            </el-form-item>
-            <el-form-item label="" prop="name">
-                <el-checkbox v-model="checked">是否传染</el-checkbox>
-            </el-form-item>
-            <el-form-item label="主诉:" prop="name" style="width:100%;">
-                <el-input
-                type="textarea"
-                :rows="2"
-                placeholder="请输入内容"
-                v-model="textarea">
-                </el-input>
-            </el-form-item>
-            <el-form-item label="现病史:" prop="name" style="width:100%;">
-                <el-input
-                type="textarea"
-                :rows="2"
-                placeholder="请输入内容"
-                v-model="textarea">
-                </el-input>
-            </el-form-item>
-            <el-form-item label="既往史:" prop="name" style="width:100%;">
-                <el-input
-                type="textarea"
-                :rows="2"
-                placeholder="请输入内容"
-                v-model="textarea">
-                </el-input>
-            </el-form-item>
-            <el-form-item label="个人史:" prop="name" style="width:100%;">
-                <el-input
-                type="textarea"
-                :rows="2"
-                placeholder="请输入内容"
-                v-model="textarea">
-                </el-input>
-            </el-form-item>
-            <el-form-item label="家族史:" prop="name" style="width:100%;">
-                <el-input
-                type="textarea"
-                :rows="2"
-                placeholder="请输入内容"
-                v-model="textarea">
-                </el-input>
-            </el-form-item>
-            <el-form-item label="诊断信息:" prop="name" style="width:100%;">
-                <el-input
-                type="textarea"
-                :rows="2"
-                placeholder="请输入内容"
-                v-model="textarea">
-                </el-input>
-            </el-form-item>
-        </el-form>
-        <medicalRecord ref='medicalRecord'></medicalRecord>
-        <saveRecordTemplate ref='saveRecordTemplate'></saveRecordTemplate>
+  <div class="deskRecord">
+    <div style="overflow:hidden;border-top:1px solid #e5e5e5;margin-top:5px;">
+      <div class="mainCell" style="margin-bottom:10px;float:right">
+        <el-button size="small" @click="open(1)" type="primary" style="margin-left:10px;">保存</el-button>
+        <el-button size="small" @click="open(2)" type="primary">打印</el-button>
+        <el-button size="small" @click="open(3)" type="primary">病历调用</el-button>
+        <el-button size="small" @click="open(4)" type="primary">存模板</el-button>
+      </div>
     </div>
+    <div class="backColor"></div>
+    <div class="mainTitle">基本信息：</div>
+    <el-form class="basicForm" :model="patientInfo" :rules="rules" ref="form" label-width="120px">
+      <el-form-item label="姓名:" prop="name">
+        <el-input v-model="patientInfo.name" placeholder="" readonly></el-input>
+      </el-form-item>
+      <el-form-item label="性别: " prop="name">
+        <div v-if="patientInfo.gender == 1">男</div>
+        <div v-if="patientInfo.gender == 2">女</div>
+      </el-form-item>
+      <el-form-item label="年龄: " prop="name">
+        <el-input v-model="patientInfo.age" placeholder="" readonly></el-input>
+      </el-form-item>
+      <el-form-item label="证件号:" prop="name">
+        <el-input v-model="patientInfo.id_card_no" placeholder="" readonly></el-input>
+      </el-form-item>
+      <el-form-item label="出生日期: " prop="name">
+        <el-date-picker
+          style="width:100%;"
+          v-model="patientInfo.birth"
+          type="date"
+          readonly
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="联系电话: " prop="name">
+        <el-input v-model="patientInfo.phone" placeholder="" readonly></el-input>
+      </el-form-item>
+
+      <el-form-item label="关系联系人电话: " prop="name">
+        <el-input v-model="patientInfo.relative_phone" placeholder="" readonly></el-input>
+      </el-form-item>
+      <el-form-item label="家庭住址: " prop="name">
+        <el-input v-model="patientInfo.home_address" placeholder="" readonly></el-input>
+      </el-form-item>
+    </el-form>
+    <div class="mainTitle">体格信息：</div>
+    <el-form class="physiqueForm" :model="case_history" :rules="rules" ref="form" label-width="80px">
+      <el-form-item label="体温:" prop="name">
+        <el-input v-model="case_history.temperature" placeholder=""></el-input>
+        <span>℃</span>
+      </el-form-item>
+      <el-form-item label="血糖: " prop="name">
+        <el-input v-model="case_history.blood_sugar" placeholder=""></el-input>
+        mmol/L
+      </el-form-item>
+      <el-form-item label="脉搏: " prop="name">
+        <el-input v-model="case_history.pulse" placeholder=""></el-input>
+        (次/分)
+      </el-form-item>
+      <el-form-item label="血压:" prop="name">
+        <el-input v-model="case_history.sbp" placeholder=""></el-input>
+        /
+        <el-input v-model="case_history.dbp" placeholder=""></el-input>
+        mmHg
+      </el-form-item>
+      <el-form-item label="身高: " prop="name">
+        <el-input v-model="case_history.height" placeholder=""></el-input>
+        cm
+      </el-form-item>
+      <el-form-item label="血脂: " prop="name">
+        <el-input v-model="case_history.blood_fat" placeholder=""></el-input>
+        mmol/L
+      </el-form-item>
+    </el-form>
+    <div class="mainTitle">病历信息：</div>
+    <el-form class="recordForm" :model="case_history" :rules="rules" ref="form" label-width="80px">
+      <el-form-item label="疾病分类:" prop="name">
+        <el-select style="width:100%;" v-model="case_history.sick_type" placeholder="">
+          <el-option
+            v-for="item,index in getDictionaryDataConfig('system','sick_type')"
+            :key="index"
+            :label="item.name"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="症状: " prop="name">
+        <el-input v-model="case_history.symptom" placeholder=""></el-input>
+      </el-form-item>
+      <el-form-item label="发病日期: " prop="name">
+        <el-date-picker
+          style="width:100%;"
+          v-model="case_history.sick_date"
+          type="date"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="" prop="name">
+        <el-checkbox v-model="case_history.is_infect">是否传染</el-checkbox>
+      </el-form-item>
+      <el-form-item label="主诉:" prop="name" style="width:100%;">
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.chief_conplaint">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="现病史:" prop="name" style="width:100%;">
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.history_of_present_illness">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="既往史:" prop="name" style="width:100%;">
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.past_history">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="个人史:" prop="name" style="width:100%;">
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.personal_history">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="家族史:" prop="name" style="width:100%;">
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.family_history">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="诊断信息:" prop="name" style="width:100%;">
+        <el-input
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="case_history.diagnostic">
+        </el-input>
+      </el-form-item>
+    </el-form>
+    <medicalRecord ref='medicalRecord'></medicalRecord>
+    <saveRecordTemplate ref='saveRecordTemplate'></saveRecordTemplate>
+  </div>
 </template>
 
 <script>
-import medicalRecord from './medicalRecord'
-import saveRecordTemplate from './saveRecordTemplate'
-export default {
-    components:{
-       medicalRecord,
-       saveRecordTemplate 
+  import medicalRecord from './medicalRecord'
+  import saveRecordTemplate from './saveRecordTemplate'
+  import { getDictionaryDataConfig } from "@/utils/data";
+  import {  createCaseHistory } from '@/api/his/his'
+
+
+  export default {
+    props: {
+      case_history: Object,
+      patientInfo: Object,
+      hisPatientInfo: Object,
+      record_date:String,
     },
-    data(){
-        return{
-            form:{
-                name:''
-            },
+    components: {
+      medicalRecord,
+      saveRecordTemplate
+    },
+    data() {
+      return {
+        case_history:{
+          sick_type:'',
+          symptom:"",
+          sick_date:"",
+          is_infect:"",
+          chief_conplaint:"",
+          history_of_present_illness:"",
+          past_history:"",
+          diagnostic:"",
+          personal_history:"",
+          family_history:"",
+
+        },
+        formValue:{
+          temperature:"",
+          blood_sugar:"",
+          pulse:"",
+          sbp:"",
+          dbp:"",
+          height:"",
+          blood_fat:"",
+        },
+        form: {
+          name: ''
         }
+      }
     },
-    methods:{
-        open(index){
-            if(index == 1){
-                
-            }else if(index == 2){
-                
-            }else if(index == 3){
-                this.$refs.medicalRecord.show()
-            }else if(index == 4){
-                this.$refs.saveRecordTemplate.show()
+    methods: {
+      getDictionaryDataConfig(module, filed_name) {
+        return getDictionaryDataConfig(module, filed_name)
+
+      },
+      setData(case_history,patientInfo,hisPatientInfo){
+        this.form.name = patientInfo.name
+
+
+
+      },
+      open(index) {
+        if (index == 1) {
+          if(this.patientInfo.id == undefined){
+            this.$message.error("请先选择病人")
+            return
+          }
+
+          let params = {
+            "patient_id":this.patientInfo.id,
+            "temperature":this.case_history.temperature,
+            "blood_sugar":this.case_history.blood_sugar,
+            "pulse":this.case_history.pulse,
+            "sbp":this.case_history.sbp,
+            "dbp":this.case_history.dbp,
+            "blood_fat":this.case_history.blood_fat,
+            "height":this.case_history.height,
+            "sick_type":this.case_history.sick_type,
+            "symptom":this.case_history.symptom,
+            "sick_date":this.case_history.sick_date,
+            "is_infect":this.case_history.is_infect,
+            "chief_conplaint":this.case_history.chief_conplaint,
+            "history_of_present_illness":this.case_history.history_of_present_illness,
+            "past_history":this.case_history.past_history,
+            "personal_history":this.case_history.personal_history,
+            "family_history":this.case_history.family_history,
+            "record_date":this.record_date,
+
+
+          }
+          createCaseHistory(params).then(response => {
+            if (response.data.state == 0) {
+              this.$message.error(response.data.msg)
+              return false
+            } else {
+              this.$message.success("保存成功")
             }
-            
-        },
+          })
+        } else if (index == 2) {
+
+        } else if (index == 3) {
+          this.$refs.medicalRecord.show()
+        } else if (index == 4) {
+          this.$refs.saveRecordTemplate.show()
+        }
+
+      }
     }
-}
+  }
 </script>
 
 
 <style lang="scss" scoped>
-.mainTitle{
-    font-size:18px;
-    font-weight:bold;
+  .mainTitle {
+    font-size: 18px;
+    font-weight: bold;
     margin-bottom: 10px;
-}
-.backColor{
+  }
+
+  .backColor {
     background: #f6f8f9;
     height: 5px;
     margin-bottom: 5px;
-}
-.deskRecord{
-    .basicForm{
-        display: flex;
-        flex-wrap: wrap;
-        .el-form-item{
-            width:32%;
-            margin-right: 1%;
-        }
-    }
-    .physiqueForm{
-        display: flex;
-        flex-wrap: wrap;
-        .el-form-item{
-            width:24%;
-            margin-right: 1%;
-        }
-    }
-    .recordForm{
-        display: flex;
-        flex-wrap: wrap;
-        .el-form-item{
-            width:24%;
-            margin-right: 1%;
-        }
-    }
-    
-}
+  }
+
+  .deskRecord {
+
+  .basicForm {
+    display: flex;
+    flex-wrap: wrap;
+
+  .el-form-item {
+    width: 32%;
+    margin-right: 1%;
+  }
+
+  }
+  .physiqueForm {
+    display: flex;
+    flex-wrap: wrap;
+
+  .el-form-item {
+    width: 24%;
+    margin-right: 1%;
+  }
+
+  }
+  .recordForm {
+    display: flex;
+    flex-wrap: wrap;
+
+  .el-form-item {
+    width: 24%;
+    margin-right: 1%;
+  }
+
+  }
+
+  }
 </style>
 
 <style lang="scss">
-.physiqueForm{
-    .el-form-item__content{
-        display: flex;
-    }
-    .el-input{
-        width:80px;
-        margin-right:5px;
-    }
-}
+  .physiqueForm {
+
+  .el-form-item__content {
+    display: flex;
+  }
+
+  .el-input {
+    width: 80px;
+    margin-right: 5px;
+  }
+
+  }
 </style>

src/xt_pages/outpatientDoctorStation/components/prescriptionTable.vue

@@ -1,148 +1,232 @@
 <template>
-    <div class="prescriptionTable">
-        <el-table :data="preDrugs" border style="width: 98%;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-            <el-table-column align="center" type="selection" width="40"></el-table-column>
-            <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
-            <el-table-column align="center" prop="name" label="名称">
-                <template slot-scope="scope">{{ scope.row.name }}</template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="组套">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" :label="'单次\n用量'">
-                <template slot-scope="scope">
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="用法">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="频率">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="天数">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="100" label="总量">
-                <template slot-scope="scope">
-                    <div style="display:flex;">
-                        <el-input v-model="input" style="width:50%" placeholder=""></el-input>
-                        <!-- <el-select v-model="value" style="width:50%" placeholder="">
-                            <el-option
-                            v-for="item in newoptions"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value">
-                            </el-option>
-                        </el-select> -->
-                        <el-input v-model="input" style="width:50%" placeholder=""></el-input>
-                    </div>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="单价">
-                <template slot-scope="scope">
-                    <el-input v-model="scope.row.unitPrice" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="备注">
-                <template slot-scope="scope">
-                    <!-- <el-autocomplete
-                    class="inline-input"
-                    v-model="state1"
-                    :fetch-suggestions="querySearch"
-                    placeholder=""
-                    @select="handleSelect"
-                    ></el-autocomplete> -->
-                </template>
-            </el-table-column>
-            <el-table-column align="center" width="40" prop="name" label="操作">
-                <template slot-scope="scope">
-                    <i class="el-icon-delete"></i>
-                </template>
-            </el-table-column>
-        </el-table>
-    </div>
+  <div class="prescriptionTable">
+    <el-table v-if="activeType  == '1'" :data="preDrugs" border style="width: 98%;" :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+      <el-table-column align="center" type="selection" width="40"></el-table-column>
+      <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="name" label="名称">
+        <template slot-scope="scope">{{ scope.row.name }}</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="50" :label="'单次\n用量'">
+        <template slot-scope="scope">
+          <el-input v-model="input" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="用法">
+        <template slot-scope="scope">
+          <!-- <el-select v-model="value" placeholder="">
+              <el-option
+              v-for="item in newoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+              </el-option>
+          </el-select> -->
+          <el-input v-model="input" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="频率">
+        <template slot-scope="scope">
+          <!-- <el-select v-model="value" placeholder="">
+              <el-option
+              v-for="item in newoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+              </el-option>
+          </el-select> -->
+          <el-input v-model="input" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="100" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;">
+            <el-input v-model="input" style="width:50%" placeholder=""></el-input>
+            <!-- <el-select v-model="value" style="width:50%" placeholder="">
+                <el-option
+                v-for="item in newoptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+                </el-option>
+            </el-select> -->
+            <el-input v-model="input" style="width:50%" placeholder=""></el-input>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="单价">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.unitPrice" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="备注">
+        <template slot-scope="scope">
+          <!-- <el-autocomplete
+          class="inline-input"
+          v-model="state1"
+          :fetch-suggestions="querySearch"
+          placeholder=""
+          @select="handleSelect"
+          ></el-autocomplete> -->
+        </template>
+      </el-table-column>
+      <el-table-column align="center" width="40" prop="name" label="操作">
+        <template slot-scope="scope">
+          <i class="el-icon-delete"></i>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-table v-if="activeType  == '2'" :data="preDrugs" border style="width: 98%;" :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+      <el-table-column align="center" type="selection" width="40"></el-table-column>
+      <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
+      <el-table-column align="center" prop="name" label="名称">
+        <template slot-scope="scope">{{ scope.row.name }}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="组套">
+        <template slot-scope="scope">
+          <!-- <el-select v-model="value" placeholder="">
+              <el-option
+              v-for="item in newoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+              </el-option>
+          </el-select> -->
+          <el-input v-model="input" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" :label="'单次\n用量'">
+        <template slot-scope="scope">
+          <el-input v-model="input" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="用法">
+        <template slot-scope="scope">
+          <!-- <el-select v-model="value" placeholder="">
+              <el-option
+              v-for="item in newoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+              </el-option>
+          </el-select> -->
+          <el-input v-model="input" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="频率">
+        <template slot-scope="scope">
+          <!-- <el-select v-model="value" placeholder="">
+              <el-option
+              v-for="item in newoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+              </el-option>
+          </el-select> -->
+          <el-input v-model="input" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="天数">
+        <template slot-scope="scope">
+          <!-- <el-select v-model="value" placeholder="">
+              <el-option
+              v-for="item in newoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+              </el-option>
+          </el-select> -->
+          <el-input v-model="input" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="100" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;">
+            <el-input v-model="input" style="width:50%" placeholder=""></el-input>
+            <!-- <el-select v-model="value" style="width:50%" placeholder="">
+                <el-option
+                v-for="item in newoptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+                </el-option>
+            </el-select> -->
+            <el-input v-model="input" style="width:50%" placeholder=""></el-input>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="单价">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.unitPrice" placeholder=""></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="备注">
+        <template slot-scope="scope">
+          <!-- <el-autocomplete
+          class="inline-input"
+          v-model="state1"
+          :fetch-suggestions="querySearch"
+          placeholder=""
+          @select="handleSelect"
+          ></el-autocomplete> -->
+        </template>
+      </el-table-column>
+      <el-table-column align="center" width="40" prop="name" label="操作">
+        <template slot-scope="scope">
+          <i class="el-icon-delete"></i>
+        </template>
+      </el-table-column>
+    </el-table>
+
+  </div>
 </template>
 
 <script>
-export default {
-    props:{
-        preDrugs:Array,
+  export default {
+    props: {
+      preDrugs: Array,
+      activeType: String
     },
-    data(){
-        return{
-            tableData: [],
-            newoptions: [{
-            value: '1',
-            label: '1'
-            }, {
-            value: '2',
-            label: '2'
-            }, {
-            value: '3',
-            label: '3'
-            }, {
-            value: '4',
-            label: '4'
-            }, {
-            value: '5',
-            label: '5'
-            }],
-            value:'1',
-            input:1
-        }
+    data() {
+      return {
+        tableData: [],
+        newoptions: [{
+          value: '1',
+          label: '1'
+        }, {
+          value: '2',
+          label: '2'
+        }, {
+          value: '3',
+          label: '3'
+        }, {
+          value: '4',
+          label: '4'
+        }, {
+          value: '5',
+          label: '5'
+        }],
+        value: '1',
+        input: 1
+      }
     }
-}
+  }
 </script>
 
 <style lang="scss">
-.prescriptionTable{
-    .el-table th .cell, .el-table td .cell{
-        padding: 0 2px;
-        white-space: pre-line;
-    }
-    .el-icon-delete{
-        color:red;
-    }
-}
+  .prescriptionTable {
+
+  .el-table th .cell, .el-table td .cell {
+    padding: 0 2px;
+    white-space: pre-line;
+  }
+
+  .el-icon-delete {
+    color: red;
+  }
+
+  }
 </style>

src/xt_pages/outpatientDoctorStation/doctorDesk.vue

@@ -1,324 +1,419 @@
 <template>
-    <div class="main-contain new-main-contain">
-        <div class="position">
-            <bread-crumb :crumbs='crumbs'></bread-crumb>
+  <div class="main-contain new-main-contain">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+    </div>
+    <div class="app-container" style="display:flex;flex: 1;padding: 20px 20px 0px 20px;">
+      <div class="mainLeft">
+        <div class="mainCell" style="justify-content: space-between;">
+          <p>未就诊：<span>{{cal_one}}</span>人</p>
+          <p>已就诊：<span>{{cal_two}}</span>人</p>
+        </div>
+        <div class="mainCell">
+          <el-radio-group v-model="radio" @change="change">
+            <el-radio :label="1">未就诊</el-radio>
+            <el-radio :label="2">已就诊</el-radio>
+            <el-radio :label="0">全部</el-radio>
+          </el-radio-group>
+        </div>
+        <div class="mainCell" style="margin-bottom:10px;">
+          <el-input size="small" @keyup.enter.native='searchAction' v-model="search_input" class="filter-item"/>
+          <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary" @click="searchAction">
+            搜索
+          </el-button>
         </div>
-        <div class="app-container" style="display:flex;flex: 1;padding: 20px 20px 0px 20px;">
-            <div class="mainLeft">
-                <div class="mainCell" style="justify-content: space-between;">
-                    <p>未就诊：<span>1</span>人</p>
-                    <p>已就诊：<span>0</span>人</p>
-                </div>
-                <div class="mainCell">
-                    <el-radio-group v-model="radio">
-                        <el-radio :label="1">未就诊</el-radio>
-                        <el-radio :label="2">已就诊</el-radio>
-                        <el-radio :label="3">全部</el-radio>
-                    </el-radio-group>
-                </div>
-                <div class="mainCell" style="margin-bottom:10px;">
-                    <el-input size="small" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>
-                    <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary" @click="searchAction">搜索</el-button>
-                </div>
-                <div style="flex:1;overflow-y:auto;">
-                    <el-table :data="patientTableData" @row-click='choosePatient' border style="width: 100%;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-                        <el-table-column align="center" prop="name" label="患者姓名">
-                            <template slot-scope="scope">{{ scope.row.name }}</template>
-                        </el-table-column>
-                        <el-table-column align="center" prop="name" label="就诊号" width="90">
-                            <template slot-scope="scope">{{ scope.row.mdtrt_id }}</template>
-                        </el-table-column>
-                    </el-table>
-                </div>
-            </div> 
-            <div class="mainRight">
-                <div class="mainHeader">
-                    <el-radio-group v-model="titleType">
-                        <el-radio-button label="处方"></el-radio-button>
-                        <el-radio-button label="病历"></el-radio-button>
-                    </el-radio-group>
-                </div>
-                <desk-prescription :patientInfo="patientInfo" v-if="titleType == '处方'" style="flex:1;"></desk-prescription>
-                <desk-record v-if="titleType == '病历'"></desk-record>
-            </div>
-            
+        <div style="flex:1;overflow-y:auto;">
+          <el-table :data="patientTableData" @row-click='choosePatient' border style="width: 100%;"
+                    :row-style="{ color: '#303133' }"
+                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+            <el-table-column align="center" prop="name" label="患者姓名">
+              <template slot-scope="scope">{{ scope.row.patients.name }}</template>
+            </el-table-column>
+            <el-table-column align="center" prop="name" label="就诊号" width="90">
+              <template slot-scope="scope">{{ scope.row.his_patient.number }}</template>
+            </el-table-column>
+          </el-table>
         </div>
+      </div>
+      <div class="mainRight">
+        <div class="mainHeader">
+          <el-radio-group v-model="titleType" @change="changeTab">
+            <el-radio-button label="处方"></el-radio-button>
+            <el-radio-button label="病历"></el-radio-button>
+          </el-radio-group>
+        </div>
+        <desk-prescription :prescriptions="prescriptions" :patientInfo="patientInfo" :hisPatientInfo="hisPatientInfo" v-if="titleType == '处方'" style="flex:1;"></desk-prescription>
+        <desk-record :record_date="record_date" :case_history="case_history" :patientInfo="patientInfo" :hisPatientInfo="hisPatientInfo"  v-if="titleType == '病历'"></desk-record>
+      </div>
+
     </div>
+  </div>
 </template>
 
 <script>
-import BreadCrumb from '@/xt_pages/components/bread-crumb'
-import deskPrescription from './components/deskPrescription'
-import deskRecord from './components/deskRecord'
-export default {
-    components:{
-        BreadCrumb,
-        deskPrescription,
-        deskRecord
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import deskPrescription from './components/deskPrescription'
+  import deskRecord from './components/deskRecord'
+  import { getPatientInfo, getSchedulePatientList } from '@/api/his/his'
+
+  import {
+    uParseTime
+  } from "@/utils/tools";
+  export default {
+    components: {
+      BreadCrumb,
+      deskPrescription,
+      deskRecord
     },
-    data(){
-        return{
-            crumbs: [
-                { path: false, name: '门诊医生站' },
-                { path: false, name: '医生工作台' }
-            ],
-            titleType:'处方',
-            patientTableData:[{
-                name:'杨美英',
-                mdtrt_id:"1709946",
-            }],
-            tableData: [{
-            date: '2016-05-02',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1518 弄'
-            }, {
-            date: '2016-05-04',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1517 弄'
-            }, {
-            date: '2016-05-01',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1519 弄'
-            }, {
-            date: '2016-05-03',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1516 弄'
-            },{
-            date: '2016-05-02',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1518 弄'
-            }, {
-            date: '2016-05-04',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1517 弄'
-            }, {
-            date: '2016-05-01',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1519 弄'
-            }, {
-            date: '2016-05-03',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1516 弄'
-            },{
-            date: '2016-05-02',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1518 弄'
-            }, {
-            date: '2016-05-04',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1517 弄'
-            }, {
-            date: '2016-05-01',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1519 弄'
-            }, {
-            date: '2016-05-03',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1516 弄'
-            }, {
-            date: '2016-05-04',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1517 弄'
-            }, {
-            date: '2016-05-01',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1519 弄'
-            }, {
-            date: '2016-05-03',
-            name: '王小虎',
-            address: '上海市普陀区金沙江路 1516 弄'
-            }],
-            patientInfo:{}
-        }
+    data() {
+      return {
+        prescriptions:[
+          {
+            name:"处方1",
+            advice:[],
+            project:[],
+          }
+        ],
+        search_input: '',
+        cal_one: 0,
+        cal_two: 0,
+        radio: 0,
+        record_date: '',
+        crumbs: [
+          { path: false, name: '门诊医生站' },
+          { path: false, name: '医生工作台' }
+        ],
+        titleType: '处方',
+        patientTableData: [{}],
+        patientInfo: {},
+        hisPatientInfo: {},
+        case_history:{},
+      }
     },
-    methods:{
-        choosePatient(){
-            this.patientInfo = {
-                certno:"440221195903290027",
-                psn_no:"0221201972",
-                gend:"2",
-                brdy:"1960-03-29",
-                naty:"01",
-                psn_cert_type:"01",
-                psn_name:"杨美英",
-                age:60.7
+    methods: {
+      changeTab(val){
+
+
+
+      },
+      searchAction() {
+
+      },
+      change(val) {
+        this.getList()
+
+      },
+      getList() {
+        let params = {
+          'record_date': this.record_date,
+          'type': this.radio
+        }
+        getSchedulePatientList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg)
+            return false
+          } else {
+            this.patientTableData = response.data.data.list
+
+            let cal_one = 0
+            let cal_two = 0
+            for (let i = 0; i < response.data.data.list.length; i++) {
+              if (response.data.data.list[i].prescription == null || response.data.data.list[i].prescription.length == 0) {
+                cal_one = cal_one + 1
+              }
+              if (response.data.data.list[i].prescription != null && response.data.data.list[i].prescription.length > 0) {
+                cal_two = cal_two + 1
+              }
             }
+
+            this.cal_one = cal_one
+            this.cal_two = cal_two
+          }
+        })
+      },
+      choosePatient(val) {
+        let params = {
+          'record_date': this.record_date,
+          'patient_id': val.patients.id
         }
+        getPatientInfo(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg)
+            return false
+          } else {
+            this.patientInfo = response.data.data.xt_info
+            this.hisPatientInfo = response.data.data.his_info
+            this.case_history = response.data.data.case_history
+            this.patientInfo.birth = uParseTime(this.patientInfo.birthday, "{y}-{m}-{d}");
+            if(this.case_history.temperature <= 0){
+              this.case_history.temperature = ""
+            }
+            if(this.case_history.blood_sugar <= 0){
+              this.case_history.blood_sugar = ""
+            }
+            if(this.case_history.pulse <= 0){
+              this.case_history.pulse = ""
+            }
+            if(this.case_history.sbp <= 0){
+              this.case_history.sbp = ""
+            }
+            if(this.case_history.dbp <= 0){
+              this.case_history.dbp = ""
+            }
+            if(this.case_history.height <= 0){
+              this.case_history.height = ""
+            }
+            if(this.case_history.blood_fat <= 0){
+              this.case_history.blood_fat = ""
+            }
+            if(this.case_history.sick_type <= 0){
+              this.case_history.sick_type = ""
+            }
+            this.case_history.sick_date = uParseTime(this.case_history.sick_date, "{y}-{m}-{d}");
+            if(this.case_history.is_infect == 1){
+              this.case_history.is_infect = true
+            }else{
+              this.case_history.is_infect = false
+
+            }
+
+
+          }
+        })
+
+        // this.patientInfo = {
+        //     certno:"440221195903290027",
+        //     psn_no:"0221201972",
+        //     gend:"2",
+        //     brdy:"1960-03-29",
+        //     naty:"01",
+        //     psn_cert_type:"01",
+        //     psn_name:"杨美英",
+        //     age:60.7
+        // }
+      }
+    }, created() {
+      var nowDate = new Date()
+      var nowYear = nowDate.getFullYear()
+      var nowMonth = nowDate.getMonth() + 1
+      var nowDay = nowDate.getDate()
+      this.record_date =
+        nowYear +
+        '-' +
+        (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
+        '-' +
+        (nowDay < 10 ? '0' + nowDay : nowDay)
+      this.getList()
+
     }
-}
+  }
 </script>
 
 <style lang="scss" scoped>
-.new-main-contain{
+  .new-main-contain {
     height: 100%;
     display: flex;
     flex-direction: column;
-}
-.app-container{
-    height:100%;
-}
-.mainCell{
-    height:36px;
+  }
+
+  .app-container {
+    height: 100%;
+  }
+
+  .mainCell {
+    height: 36px;
     display: flex;
     align-items: center;
-}
-.mainLeft{
-    width:200px;
+  }
+
+  .mainLeft {
+    width: 200px;
     height: 100%;
     display: flex;
     flex-direction: column;
-    .el-radio{
-        margin-right:5px;
-    }
-    
-}
-.mainRight{
-    margin-left:20px;
-    flex:1;
+
+  .el-radio {
+    margin-right: 5px;
+  }
+
+  }
+  .mainRight {
+    margin-left: 20px;
+    flex: 1;
     height: 100%;
     display: flex;
     flex-direction: column;
     overflow-y: auto;
-    .cellSpan{
-        min-width: 80px;
-        display: inline-block;
-        margin-right: 10px;
-    }
-}
-.mainCenter{
+
+  .cellSpan {
+    min-width: 80px;
+    display: inline-block;
+    margin-right: 10px;
+  }
+
+  }
+  .mainCenter {
     display: flex;
-    flex:1;
-}
-.centerLeft{
+    flex: 1;
+  }
+
+  .centerLeft {
     flex: 1;
     display: flex;
     flex-direction: column;
     position: relative;
-    .el-form-item{
-        width:32%;
-        margin-right: 1%;
-        float: left;
-    }
-    .el-form-item__label{
-        text-align: left;
-    }
-}
-.backColor{
+
+  .el-form-item {
+    width: 32%;
+    margin-right: 1%;
+    float: left;
+  }
+
+  .el-form-item__label {
+    text-align: left;
+  }
+
+  }
+  .backColor {
     background: #f6f8f9;
     height: 5px;
     margin-bottom: 5px;
-}
-.tabsBox{
+  }
+
+  .tabsBox {
     position: relative;
     height: 76%;
     overflow-y: auto;
     margin-bottom: 60px;
-    .el-tabs__item{
-        padding: 0 10px;
-    }
-}
-.preTabs{
-    height:100%;
-}
-.costBox{
-    width:100%;
-    height:60px;
-    background:#fff;
+
+  .el-tabs__item {
+    padding: 0 10px;
+  }
+
+  }
+  .preTabs {
+    height: 100%;
+  }
+
+  .costBox {
+    width: 100%;
+    height: 60px;
+    background: #fff;
     position: absolute;
-    bottom:0;
+    bottom: 0;
     display: flex;
     align-items: center;
-}
-.addTab{
+  }
+
+  .addTab {
     position: absolute;
     right: 0;
     top: 14px;
     z-index: 20;
-}
-.centerRight{
+  }
+
+  .centerRight {
     width: 300px;
     margin-left: 5px;
     display: flex;
     flex-direction: column;
     position: relative;
-}
-.rightTab{
+  }
+
+  .rightTab {
     height: 40px;
     width: 100%;
     border: 1px solid #d2d2d2;
     box-sizing: border-box;
-    
-    p{
-        width: 50%;
-        height: 40px;
-        line-height: 40px;
-        text-align: center;
-        background: #eee;
-        float: left;
-    }
-    >p:last-child{
-      border-left: 1px solid #d2d2d2;  
-      float: right;
-    }
-    .activeP{
-        background: #409EFF;
-        color:#fff;
-    }
-}
-.comfirmBox{
-    width:100%;
-    height:60px;
-    background:#fff;
+
+  p {
+    width: 50%;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    background: #eee;
+    float: left;
+  }
+
+  > p:last-child {
+    border-left: 1px solid #d2d2d2;
+    float: right;
+  }
+
+  .activeP {
+    background: #409EFF;
+    color: #fff;
+  }
+
+  }
+  .comfirmBox {
+    width: 100%;
+    height: 60px;
+    background: #fff;
     position: absolute;
-    bottom:0;
+    bottom: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
-}
+  }
 </style>
 
 <style lang="scss">
-.centerLeft{
-    .el-form-item__label{
-        text-align: left;
-    }
-}
-.tabsBox{
-    .el-tabs__item{
-        padding: 0 10px;
-    }
-    .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){
-        padding: 0 10px;
-    }
-    .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{
-        padding: 0 10px;
-    }
-    .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{
-        padding: 0 10px;
-    }
-}
-.centerRight{
-    .el-tabs__nav-scroll{
-        display: flex;
-    }
-    .el-tabs__nav{
-        margin: 0 auto;
-    }
-    .el-table th .cell, .el-table td .cell{
-        padding: 0 2px;
-    }
-}
-.preTabs{
-    // .el-tabs__content{
-    //     height:69%;
-    //     overflow-y: auto;
-    // }
-}
-.rightTabs{
+  .centerLeft {
+
+  .el-form-item__label {
+    text-align: left;
+  }
+
+  }
+  .tabsBox {
+
+  .el-tabs__item {
+    padding: 0 10px;
+  }
+
+  .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
+    padding: 0 10px;
+  }
+
+  .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
+    padding: 0 10px;
+  }
+
+  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
+    padding: 0 10px;
+  }
+
+  }
+  .centerRight {
+
+  .el-tabs__nav-scroll {
+    display: flex;
+  }
+
+  .el-tabs__nav {
+    margin: 0 auto;
+  }
+
+  .el-table th .cell, .el-table td .cell {
+    padding: 0 2px;
+  }
+
+  }
+  .preTabs {
+
+  .el-tabs__content {
+
+  }
+
+  }
+  .rightTabs {
     height: 100%;
-    // .el-tabs__content{
-    //     height:72%;
-    //     overflow-y: auto;
-    // }
-}
+
+
+  .el-tabs__content {
+
+  }
+
+  }
 </style>