修改

src/xt_pages/upload/fast/FastProvince.vue

@@ -52,7 +52,7 @@
     </div>
     
     <div style="flex:1">
-      <el-container class="newContainer">
+      <div class="newContainer">
         <div style="width:270px">
             <div class="tableTitle">患者列表</div>
             <div class="cell clearfix" style="margin-bottom:10px;">
@@ -122,12 +122,14 @@
             </el-table>
           </div>
         </div>
-        <basic-info v-if="wayType == 0"></basic-info>
-        <treat-info v-if="wayType == 1"></treat-info>
-        <dialysis-params v-if="wayType == 2"></dialysis-params>
-        <dialysis-summary v-if="wayType == 3"></dialysis-summary>
-        <rescue-record v-if="wayType == 4"></rescue-record>
-      </el-container>
+        <div style="flex:1;width:0;">
+          <basic-info v-if="wayType == 0" :patient='patient'></basic-info>
+          <treat-info v-if="wayType == 1" :patient='patient' :prescription='prescription' :predialysis_evaluation='predialysis_evaluation' :assessment_after_dislysis='assessment_after_dislysis' :monitor_records='monitor_records' :admin_users='admin_users' :dialysis_order="dialysis_order" :double_check="double_check" :selected_date='selected_date'></treat-info>
+          <dialysis-params v-if="wayType == 2" :prescription='prescription' :doctor_advices='doctor_advices' :monitor_records='monitor_records' :patient='patient'></dialysis-params>
+          <dialysis-summary v-if="wayType == 3" :treatment_summary='treatment_summary' :patient='patient'></dialysis-summary>
+          <rescue-record v-if="wayType == 4" :doctor_advices='doctor_advices' :patient='patient' :prescription='prescription'></rescue-record>
+        </div>
+      </div>
     </div>
     
 
@@ -145,7 +147,8 @@
 
   import {
   getDialysisRecordInitData,
-  getDialysisSchedules
+  getDialysisSchedules,
+  getDialysisScheduleDetail,
 } from "@/api/dialysis_record";
 import { parseTime } from "@/utils";
 
@@ -217,6 +220,49 @@ import { parseTime } from "@/utils";
         ],
         zoneVal:0,
 
+        patient: { id: 0 }, // 患者信息
+        schedual: { id: 0 }, // 患者排班信息
+        prescription: { id: 0 }, // 透析处方
+        solution: { id: 0 }, // 透析方案
+        system_prescribe: { id: 0 },
+        receiver_treatment_access: { id: 0 }, // 接诊评估
+        predialysis_evaluation: { id: 0 }, // 透前评估
+        doctor_advices: [], // 临时医嘱
+        double_check: { id: 0 }, // 双人核对
+        assessment_after_dislysis: { id: 0 }, // 透后评估
+        treatment_summary: { id: 0 }, // 治疗小结
+        monitor_records: [], // 透析监测
+        dialysis_order: { id: 0 }, // 透析记录
+        admin_users: [], // 系统用户列表
+        devices: [], // 设备
+        device_numbers: [], // 床位号
+
+        admin_user_map: {}, // {user_id: admin_user object}
+        device_map: {}, // {device_id: device}
+        device_number_map: {}, // {device_number_id: device_number}
+
+        niprocart_info: [],
+        jms_info: [],
+        fistula_needle_set_info: [],
+        fistula_needle_set_16_info: [],
+        hemoperfusion_info: [],
+        dialyser_sterilised_info: [],
+        filtryzer_info: [],
+        dialyzers_info: [],
+        injector_info: [],
+        bloodlines_info: [],
+        tubingHemodialysis_info: [],
+        safe_package_info: [],
+        aliquid_info: [],
+        config: {},
+
+        lastPredialysisEvaluation: { id: 0 },
+        lastMonitorRecord: { id: 0 },
+        lastAssessmentAfterDislysis: { id: 0 },
+        lastDryWeightDislysis: { id: 0 },
+        headNurses: [],
+        lastDialysisPrescribe: { id: 0 },
+
       }
     }, 
     computed:{
@@ -256,8 +302,8 @@ import { parseTime } from "@/utils";
       }
       
 
-      this.getInitData();
-
+      this.getInitData()
+      
     }, methods: {
       getDistricts: function() {
         GetDistrictsByUpid({ id: 0 }).then(response => {
@@ -309,24 +355,30 @@ import { parseTime } from "@/utils";
         },
         //初始化数据
         getInitData: function() {
-            getDialysisRecordInitData().then(rs => {
-                var resp = rs.data
-                if (resp.state == 1) {
-                var zones = resp.data.zones
-                var schedules = resp.data.schedules
-                var zone_options = [{ id: 0, text: '全部' }]
-                for (let z_i = 0; z_i < zones.length; z_i++) {
-                    const zone = zones[z_i]
-                    zone_options.push({ id: zone.id, text: zone.name })
-                }
-                this.zone_options = zone_options
-                this.zone_schedules = this.processedDialysisSchedules(schedules, this.zone_options)
-                this.arr = this.processedDialysisSchedules(schedules, this.zone_options)
-                this.getData()
-                } else {
-                this.$message.error(resp.msg)
-                }
-            })
+          getDialysisRecordInitData().then(rs => {
+            var resp = rs.data
+            if (resp.state == 1) {
+            var zones = resp.data.zones
+            var schedules = resp.data.schedules
+            var zone_options = [{ id: 0, text: '全部' }]
+            for (let z_i = 0; z_i < zones.length; z_i++) {
+                const zone = zones[z_i]
+                zone_options.push({ id: zone.id, text: zone.name })
+            }
+            this.zone_options = zone_options
+            this.zone_schedules = this.processedDialysisSchedules(schedules, this.zone_options)
+            this.arr = this.processedDialysisSchedules(schedules, this.zone_options)
+            this.getData()
+            setTimeout(()=>{
+              this.$refs.tab.setCurrentRow(this.tableData[0]);
+            },10)
+            let id = this.tableData[0].patient_id
+            let date = this.tableData[0].schedule_date
+            this.getScheduleDetail(id,date);
+            } else {
+              this.$message.error(resp.msg)
+            }
+          })
         },
         // 班次
         handletimeType: function(index) {
@@ -414,22 +466,9 @@ import { parseTime } from "@/utils";
             })
         },
         changePatient(schedual){
-            //   console.log(schedual)
-            //   this.patient_id = schedual.patient_id;
-            //   this.date = schedual.schedule_date;
-            //   // this.getScheduleDetail();
-            //   // this.getLongAdvice();
-            
-            //   var patient_id = schedual.patient_id;
-            //   var date = schedual.schedule_date;
-            //   this.$router.push({
-            //     path: "/dialysis/details",
-            //     query: {
-            //       patient_id: patient_id,
-            //       date: date,
-            //       patient_name: schedual.patient.name
-            //     }
-            //   });
+          let id = schedual.patient_id
+          let date = schedual.schedule_date
+          this.getScheduleDetail(id,date);
         },
         getData(){
             let patientArr = []
@@ -564,13 +603,169 @@ import { parseTime } from "@/utils";
             this.tableData = newArr
             console.log('table',this.tableData)
         },
+        getScheduleDetail: function(id,date) {
+          var dateStr = parseTime(date, '{y}-{m}-{d}')
+          this.doctor_advices = []
+          getDialysisScheduleDetail(id, dateStr).then(rs => {
+            var resp = rs.data
+            if (resp.state == 1) {
+              var patient = resp.data.patient // 患者信息
+              var schedual = resp.data.schedual // 患者排班信息
+              var prescription = resp.data.prescription // 透析处方
+              if (prescription != null) {
+                if (prescription.body_fluid == -2) {
+                  prescription.body_fluid = 0
+                }
+
+              }
+              console.log('透析处方', prescription)
+              var solution = resp.data.solution // 透析方案
+              var receiver_treatment_access = resp.data.receiver_treatment_access // 接诊评估
+              console.log('receiver_treatment_access', receiver_treatment_access)
+              var predialysis_evaluation = resp.data.predialysis_evaluation // 透前评估
+              console.log('透前评估', predialysis_evaluation)
+              if (predialysis_evaluation != null) {
+                if (predialysis_evaluation.blood_access_part_id == -2) {
+                  predialysis_evaluation.blood_access_part_id = 0
+                }
+              }
+              var doctor_advices = resp.data.doctor_advices // 临时医嘱
+              // console.log("力气-------", doctor_advices);
+              var double_check = resp.data.double_check // 双人核对
+              var assessment_after_dislysis = resp.data.assessment_after_dislysis // 透后评估
+              // console.log("透后品谷数", assessment_after_dislysis);
+              var treatment_summary = resp.data.treatment_summary // 治疗小结
+              var monitor_records = resp.data.monitor_records // 透析监测
+              var dialysis_order = resp.data.dialysis_order // 透析记录
+
+              var niprocart_info = resp.data.niprocart_info
+              var jms_info = resp.data.jms_info
+              var fistula_needle_set_info = resp.data.fistula_needle_set_info
+              var fistula_needle_set_16_info = resp.data.fistula_needle_set_16_info
+              var hemoperfusion_info = resp.data.hemoperfusion_info
+              var dialyser_sterilised_info = resp.data.dialyser_sterilised_info
+              var filtryzer_info = resp.data.filtryzer_info
+              var dialyzers_info = resp.data.dialyzers_info
+              var injector_info = resp.data.injector_info
+              var bloodlines_info = resp.data.bloodlines_info
+              var tubingHemodialysis_info = resp.data.tubingHemodialysis_info
+              var safe_package_info = resp.data.safe_package_info
+              var aliquid_info = resp.data.aliquid_info
+
+              var lastPredialysisEvaluation = resp.data.lastPredialysisEvaluation
+              console.log('上次透前评估', lastPredialysisEvaluation)
+              if (lastPredialysisEvaluation != null) {
+                if (lastPredialysisEvaluation.blood_access_part_id == -2) {
+                  lastPredialysisEvaluation.blood_access_part_id = 0
+                }
+              }
+              var lastMonitorRecord = resp.data.lastMonitorRecord
+              var lastAssessmentAfterDislysis =
+                resp.data.lastAssessmentAfterDislysis
+              var lastDialysisPrescribe = resp.data.lastDialysisPrescribe
+              var lastDryWeightDislysis = resp.data.lastDryWeightDislysis
+
+              var system_prescribe = resp.data.system_prescribe
+
+              // this.$refs.nav.setLastRecord(
+              //   lastPredialysisEvaluation,
+              //   lastMonitorRecord,
+              //   lastAssessmentAfterDislysis,
+              //   lastDialysisPrescribe,
+              //   lastDryWeightDislysis,
+              //   schedual,
+              //   system_prescribe
+              // )
+              
+
+              var headNurses = resp.data.headNurse
+
+              var config = resp.data.config
+              this.lastPredialysisEvaluation = lastPredialysisEvaluation
+              this.lastMonitorRecord = lastMonitorRecord
+              this.lastAssessmentAfterDislysis = lastAssessmentAfterDislysis
+              this.lastDialysisPrescribe = lastDialysisPrescribe
+              this.lastDryWeightDislysis = lastDryWeightDislysis
+              this.headNurses = headNurses
+              this.system_prescribe = system_prescribe
+
+              this.niprocart_info = niprocart_info
+              this.jms_info = jms_info
+              this.fistula_needle_set_info = fistula_needle_set_info
+              this.fistula_needle_set_16_info = fistula_needle_set_16_info
+              this.hemoperfusion_info = hemoperfusion_info
+              this.dialyser_sterilised_info = dialyser_sterilised_info
+              this.filtryzer_info = filtryzer_info
+              this.dialyzers_info = dialyzers_info
+              this.injector_info = injector_info
+              this.bloodlines_info = bloodlines_info
+              this.tubingHemodialysis_info = tubingHemodialysis_info
+              this.safe_package_info = safe_package_info
+              this.aliquid_info = aliquid_info
+              this.config = config
+
+              this.patient = patient
+              this.schedual = schedual == null ? { id: 0 } : schedual
+              this.prescription = prescription == null ? { id: 0 } : prescription
+              this.solution = solution == null ? { id: 0 } : solution
+              this.receiver_treatment_access =
+                receiver_treatment_access == null
+                  ? { id: 0 }
+                  : receiver_treatment_access
+              this.predialysis_evaluation =
+                predialysis_evaluation == null ? { id: 0 } : predialysis_evaluation
+              this.doctor_advices = doctor_advices == null ? [] : doctor_advices
+              this.double_check = double_check == null ? { id: 0 } : double_check
+              this.assessment_after_dislysis =
+                assessment_after_dislysis == null
+                  ? { id: 0 }
+                  : assessment_after_dislysis
+              this.treatment_summary =
+                treatment_summary == null ? { id: 0 } : treatment_summary
+              this.monitor_records = monitor_records == null ? [] : monitor_records
+              this.dialysis_order =
+                dialysis_order == null ? { id: 0 } : dialysis_order
+
+              // this.$refs.stat_order.setAdvices(this.doctor_advices)
+              // this.$refs.monitoring.setRecords(this.monitor_records)
 
+              this.admin_users = resp.data.doctors
+              this.devices = resp.data.devices
+              this.device_numbers = resp.data.device_numbers
+
+              var device_map = {}
+              for (let index = 0; index < this.devices.length; index++) {
+                const device = this.devices[index]
+                device_map[device.id] = device
+              }
+              this.device_map = device_map
+
+              var admin_map = {}
+              for (let index = 0; index < this.admin_users.length; index++) {
+                const admin = this.admin_users[index]
+                admin_map[admin.id] = admin
+              }
+              this.admin_user_map = admin_map
+
+              var device_number_map = {}
+              for (let index = 0; index < this.device_numbers.length; index++) {
+                const device_number = this.device_numbers[index]
+                device_number_map[device_number.id] = device_number
+              }
+              this.device_number_map = device_number_map
+            } else {
+              this.$message.error(resp.msg)
+            }
+
+            if (this.lastDialysisPrescribe != null) {
+              delete this.lastDialysisPrescribe.target_ultrafiltration
+            }
+            if (this.solution != null) {
+              delete this.solution.target_ultrafiltration
+            }
+          })
+        },
     },
-    mounted(){
-      setTimeout(()=>{
-        this.$refs.tab.setCurrentRow(this.tableData[0]);
-      },10)
-    }
   }
 </script>
 
@@ -599,6 +794,7 @@ import { parseTime } from "@/utils";
   // }
 }
 .newContainer{
+  display: flex;
     .el-date-editor{
         .el-input__inner{
             padding-right:0px;

src/xt_pages/upload/fast/basicInfo.vue

@@ -1,73 +1,72 @@
 <template>
-    
         <div class="page_basicInfo">
             <div class="basicOne">
                 <p class="basicLable">患者姓名:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                <el-button type="primary">复制</el-button>
+                <el-input placeholder="请输入内容" v-model="form.name" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.name" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
             </div>
             <div class="basicOne">
                 <p class="basicLable">透析编号:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                <el-button type="primary">复制</el-button>
+                <el-input placeholder="请输入内容" v-model="form.dialysis_no" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.dialysis_no" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
             </div>
             <div class="basicOne">
                 <p class="basicLable">证件类型:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-input placeholder="请输入内容" v-model="form.type" :disabled="true"></el-input>
             </div>
             <div class="basicOne">
                 <p class="basicLable">证件号码:</p>
-                <el-input style="width:190px;" placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                <el-button type="primary">复制</el-button>
+                <el-input style="width:190px;" placeholder="请输入内容" v-model="form.id_card_no" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.id_card_no" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
             </div>
             <div class="basicOne">
                 <p class="basicLable">首次透析时间:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                <el-button type="primary">复制</el-button>
+                <el-input placeholder="请输入内容" v-model="form.first_dialysis_date" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.first_dialysis_date" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
             </div>
             <div class="basicOne">
                 <p class="basicLable">性别:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-input placeholder="请输入内容" v-model="form.gender" :disabled="true"></el-input>
             </div>
             <div class="basicOne">
                 <p class="basicLable">生日:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                <el-button type="primary">复制</el-button>
+                <el-input placeholder="请输入内容" v-model="form.birthday" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.birthday" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
             </div>
             <div class="basicOne">
                 <p class="basicLable">工作:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-input placeholder="请输入内容" v-model="form.work_unit" :disabled="true"></el-input>
             </div>
             <div class="basicOne">
                 <p class="basicLable">婚姻:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-input placeholder="请输入内容" v-model="form.marital_status" :disabled="true"></el-input>
             </div>
             <div class="basicOne">
                 <p class="basicLable">学历:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-input placeholder="请输入内容" v-model="form.education_level" :disabled="true"></el-input>
             </div>
             <div class="basicOne">
                 <p class="basicLable">民族:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-input placeholder="请输入内容" v-model="form.nation" :disabled="true"></el-input>
             </div>
             <div class="basicOne">
                 <p class="basicLable">工作电话:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                <el-button type="primary">复制</el-button>
+                <el-input placeholder="请输入内容" v-model="form.relative_phone" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.relative_phone" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
             </div>
             <div class="basicOne">
                 <p class="basicLable">家庭地址:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                <el-button type="primary">复制</el-button>
+                <el-input placeholder="请输入内容" v-model="form.home_address" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.home_address" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
             </div>
             <div class="basicOne">
                 <p class="basicLable">医保类型:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-input placeholder="请输入内容" v-model="form.reimbursement_way_id" :disabled="true"></el-input>
             </div>
             <div class="basicOne">
                 <p class="basicLable">联系电话:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                <el-button type="primary">复制</el-button>
+                <el-input placeholder="请输入内容" v-model="form.phone" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.phone" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
             </div>
             <div class="basicOne">
                 <p class="basicLable">姓名输入码:</p>
@@ -79,26 +78,136 @@
             </div>
             <div class="basicOne">
                 <p class="basicLable">传染病检查结果:</p>
-                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                <el-button type="primary">复制</el-button>
+                <el-input placeholder="请输入内容" v-model="form.is_infectious" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.is_infectious" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
             </div>
         </div>
 </template>
 
 <script>
-
+import { parseTime } from "@/utils";
+import { getDataConfig } from "@/utils/data";
+import { isNumber } from 'util';
 export default {
+    props:{
+        patient:Object
+    },
     data(){
       return{
         input:'',
-        
+        form:{
+            name:'',
+            dialysis_no:'',
+            type:'身份证',
+            id_card_no:'',
+            first_dialysis_date:'',
+            gender:'',
+            birthday:'',
+            work_unit:'',
+            marital_status:'',
+            education_level:'',
+            nation:'',
+            relative_phone:'',
+            home_address:'',
+            reimbursement_way_id:'',
+            phone:'',
+            is_infectious:''
+        },
+        educationOptions:[],
+        wayOptions:[]
       }
     },
     created(){
-        
+        console.log('patient',this.patient)
+        this.form = this.patient
+        this.getUpdate()
     },
     methods:{
-        
+        getEducation(id){
+            this.educationOptions = getDataConfig("patient", "education_types")
+            let name = ''
+            this.educationOptions.map(item => {
+                if(item.id == id){
+                    name = item.name
+                }
+            })
+           
+            return name
+        },
+        getReimbursement(id){
+            this.wayOptions = getDataConfig("patient", "reimbursement_ways")
+            let name = ''
+            this.wayOptions.map(item => {
+                if(item.id == id){
+                    name = item.name
+                     
+                }
+            })
+            return name
+        },
+        getUpdate(){
+            this.$set(this.form, 'type', '身份证')
+            this.$forceUpdate()
+            if(isNumber(this.form.first_dialysis_date)){
+                this.form.first_dialysis_date = parseTime(this.form.first_dialysis_date, '{y}-{m}-{d}')
+            }
+            
+            if(this.form.gender == 1){
+                this.form.gender = '男'
+            }else if(this.form.gender == 2){
+                this.form.gender = '女'
+            }else if(this.form.gender == 0){
+                this.form.gender = ''
+            }
+            if(isNumber(this.form.birthday)){
+                this.form.birthday = parseTime(this.form.birthday, '{y}-{m}-{d}')
+            }
+            
+            if(this.form.marital_status == 1){
+                this.form.marital_status = '未婚'
+            }else if(this.form.marital_status == 2){
+                this.form.marital_status = '已婚'
+            }else if(this.form.marital_status == 3){
+                this.form.marital_status = '离异'
+            }else if(this.form.marital_status == 0){
+                this.form.marital_status = ''
+            }
+            if(isNumber(this.form.education_level)){
+                if(this.form.education_level == 0){
+                    this.form.education_level = ''
+                }else{
+                    this.form.education_level = this.getEducation(this.form.education_level)
+                }
+            }
+            if(isNumber(this.form.reimbursement_way_id)){
+                if(this.form.reimbursement_way_id == 0){
+                    this.form.reimbursement_way_id = ''
+                }else{
+                    this.form.reimbursement_way_id = this.getReimbursement(this.form.reimbursement_way_id)
+                }
+            }
+            
+        },
+        onCopy() {
+            this.$message.success("复制成功");
+        },
+        onError() {
+            this.$message.success("复制失败,请重试");
+        }
+    },
+    watch:{
+        patient:{
+            handler:function(val) {
+                console.log(1111111111111,val)
+                Object.keys(val).map((item,index) => {
+                    this.$set(this.form, item, val[item])
+                    this.$forceUpdate()
+                })
+                this.getUpdate()
+            }
+        },
+        // immediate:true,
+        deep:true,
     }
 }
 </script>

src/xt_pages/upload/fast/dialysisParams.vue

@@ -1,83 +1,177 @@
 <template>
-        <div class="page_dialysisParams">
-            <div class="cell clearfix" style="margin-top:40px;margin-left:70px;">
-                <label class="title">
-                    <span class="name">治疗日期</span> :
-                </label>
-                <div class="time">
-                    <ul class>
-                    <li
-                        :class="item.state == dayType ? 'active' : ''"
-                        @click="chooseDay(item.state)"
-                        v-for="item in day"
-                        :key="item.value"
-                    >{{ item.label }}</li>
-                    </ul>
-                </div>
-                <el-date-picker
-                    v-model="time"
-                    prefix-icon="el-icon-date"
-                    @change="changeTime"
-                    :editable="false"
-                    style="width: 150px;"
-                    type="date"
-                    placeholder="选择日期时间"
-                    align="right"
-                    format="yyyy-MM-dd"
-                    value-format="yyyy-MM-dd"
-                ></el-date-picker>
-                <label class="title" style="margin-left:10px;">
-                    <span class="name">患者信息</span> :
-                </label>
-                <div class="infoBox">
-                    <span>姓名：前蛮子</span>&nbsp;|&nbsp;<span>透析编号：001</span>
-                </div>
+    <div class="page_dialysisParams">
+        <div class="cell clearfix" style="margin-top:40px;margin-left:70px;">
+            <!-- <label class="title">
+                <span class="name">治疗日期</span> :
+            </label>
+            <div class="time">
+                <ul class>
+                <li
+                    :class="item.state == dayType ? 'active' : ''"
+                    @click="chooseDay(item.state)"
+                    v-for="item in day"
+                    :key="item.value"
+                >{{ item.label }}</li>
+                </ul>
             </div>
-            <div style="margin-left:70px;">
-                <el-table :data="tableData1" style="width: 100%" border>
-                    <el-table-column fixed prop="date" label="日期">
-                        <template slot-scope="scope">
-                            <p>{{ scope.row.date }}</p>
-                            <el-button size="mini" type="primary" @click="handleDelete(scope.$index, scope.row)">复制</el-button>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="name" label="姓名">
-                        <template slot-scope="scope">
-                            <p>{{ scope.row.name }}</p>
-                            <el-button size="mini" type="primary" @click="handleDelete(scope.$index, scope.row)">复制</el-button>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="province" label="省份">
-                        <template slot-scope="scope">
-                            <p>{{ scope.row.province }}</p>
-                            <el-button size="mini" type="primary" @click="handleDelete(scope.$index, scope.row)">复制</el-button>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="city" label="市区">
-                        <template slot-scope="scope">
-                            <p>{{ scope.row.city }}</p>
-                            <el-button size="mini" type="primary" @click="handleDelete(scope.$index, scope.row)">复制</el-button>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="address" label="地址">
-                        <template slot-scope="scope">
-                            <p>{{ scope.row.address }}</p>
-                            <el-button size="mini" type="primary" @click="handleDelete(scope.$index, scope.row)">复制</el-button>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="zip" label="邮编">
-                        <template slot-scope="scope">
-                            <p>{{ scope.row.zip }}</p>
-                            <el-button size="mini" type="primary" @click="handleDelete(scope.$index, scope.row)">复制</el-button>
-                        </template>
-                    </el-table-column>
-                </el-table>
+            <el-date-picker
+                v-model="time"
+                prefix-icon="el-icon-date"
+                @change="changeTime"
+                :editable="false"
+                style="width: 150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+            ></el-date-picker> -->
+            <label class="title" style="margin-left:10px;">
+                <span class="name">患者信息</span> :
+            </label>
+            <div class="infoBox">
+                <span>姓名：{{ patient.name }}</span>&nbsp;|&nbsp;<span>透析编号：{{ patient.dialysis_no }}</span>
             </div>
         </div>
+        <div style="margin-left:70px;">
+            <el-table :data="monitor_records" style="width: 100%" border :span-method='objectSpanMethod'>
+                <el-table-column fixed prop="date" label="时间" width="140">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.created_time ? uParseTime(scope.row.created_time, '{y}-{m}-{d} {h}:{i}') : '' }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="uParseTime(scope.row.created_time, '{y}-{m}-{d} {h}:{i}')" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="name" :label="'静脉压\nmmHg'" width="120">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.venous_pressure }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="scope.row.venous_pressure" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="province" :label="'动脉压\nmmHg'" width="120">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.arterial_pressure }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="scope.row.arterial_pressure" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="city" :label="'电导度\nms/cm'" width="120">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.conductivity }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="scope.row.conductivity" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="address" :label="'血流量\nml/min'" width="120">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.blood_flow_volume }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="scope.row.blood_flow_volume" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="zip" :label="'透析液流量\nml/min'" width="120">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.dialysate_flow }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="scope.row.dialysate_flow" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="zip" :label="'超滤率\nml/h'" width="120">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.ultrafiltration_rate }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="scope.row.ultrafiltration_rate" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="zip" :label="'抗凝剂\n单位/h'" width="120">
+                </el-table-column>
+                <el-table-column prop="zip" :label="'体温\n℃'" width="120">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.temperature }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="scope.row.temperature" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="zip" :label="'脉搏\n次/分'" width="120">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.pulse_frequency }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="scope.row.pulse_frequency" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="zip" :label="'收缩压\nmmHg'" width="120">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.systolic_blood_pressure }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="scope.row.systolic_blood_pressure" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="zip" :label="'舒张压\nmmHg'" width="120">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.diastolic_blood_pressure }}</p>
+                        <el-button size="mini" type="primary" v-clipboard:copy="scope.row.diastolic_blood_pressure" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="zip" label="症状及处理" width="300">
+                    <template slot-scope="scope">
+                        <div v-if="scope.$index == 1">
+                        <div v-for="item in doctor" :key="item">
+                            <p>{{ item }}</p>
+                            <el-button size="mini" type="primary" v-clipboard:copy="item" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+                        </div>
+                        </div>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <!-- <div class="table">
+                <table class="fixedTable" border="1">
+                    <tr>
+                        <td style="height:60px;line-height:60px;border:none;border-bottom:1px solid #d0d3da;">时间</td>
+                        <td class="fixedColumn"></td>
+                        <td >静脉压<br />mmHg</td>
+                        <td >动脉压<br />mmHg</td>
+                        <td >电导度<br />ms/cm</td>
+                        <td >血流量<br />ml/min</td>
+                        <td >透析液流量<br />ml/min</td>
+                        <td >超滤率<br />ml/h</td>
+                        <td >抗凝剂<br />单位/h</td>
+                        <td >体温<br />℃</td>
+                        <td >脉搏<br />次/分</td>
+                        <td >收缩压<br />mmHg</td>
+                        <td >舒张压<br />mmHg</td>
+                        <td :rowspan="monitor_records.length + 1" style="width:300px;height:100%">
+                            <div>
+                                <div style="height:60px;line-height:60px;border-bottom:1px solid #d0d3da;">症状及处理</div>
+                                <div :style="{height: height}">
+                                    <div v-for="item in doctor" :key="item">
+                                        <p>{{ item }}</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr v-for="(item,index) in monitor_records" :key="index">
+                        <td style="border:none">{{  uParseTime(item.created_time, '{y}-{m}-{d} {h}:{i}') }}</td>
+                        <td class="fixedColumn"></td>
+                        <td>{{ item.venous_pressure }}</td>
+                        <td>{{ item.arterial_pressure }}</td>
+                        <td>{{ item.conductivity }}</td>
+                        <td>{{ item.blood_flow_volume }}</td>
+                        <td>{{ item.dialysate_flow }}</td>
+                        <td>{{ item.ultrafiltration_rate }}</td>
+                        <td></td>
+                        <td>{{ item.temperature }}</td>
+                        <td>{{ item.pulse_frequency }}</td>
+                        <td>{{ item.systolic_blood_pressure }}</td>
+                        <td>{{ item.diastolic_blood_pressure }}</td>
+                    </tr>
+                </table>
+            </div> -->
+        </div>
+    </div>
 </template>
 
 <script>
+import { parseTime } from "@/utils";
 export default {
+    props:{
+        monitor_records:Array,
+        patient:Object,
+        doctor_advices:Array,
+        prescription:Object,
+    },
     data(){
       return{
         tableData: [
@@ -218,13 +312,175 @@ export default {
             { value: 2, label: "前天", state: 2 },
         ],
         dayType: 0,
-        time:''
+        time:'',
+        textarea:'',
+        modeId:'',
+        advices:[],
+        height:''
       }
     },
+    created(){
+       
+        if(this.monitor_records.length > 5){
+            this.monitor_records = this.monitor_records
+        }else{
+            let num = 5 - this.monitor_records.length
+            for(let i = 0; i<num;i++){
+                this.monitor_records.push({id:0})
+            }
+            console.log(22222222222222222,this.monitor_records)
+        }
+        
+        if(this.prescription.mode_id){
+            this.modeId = this.getMode(this.prescription.mode_id)
+        }
+        if(this.doctor_advices.length > 0){
+            let str = ''
+            let arr = []
+            this.advices = this.doctor_advices
+            this.advices.map(item => {
+                str = item.advice_name + (item.advice_desc ? ('(' +  item.advice_desc + item.drug_spec_unit + ')') : '' )  + '  ' + item.prescribing_number + item.prescribing_number_unit + '  ' + 
+                item.single_dose + item.single_dose_unit + '  ' + item.delivery_way + item.execution_frequency + item.remark
+                arr.push(str)
+            })
+            this.doctor = arr
+            
+            // this.textarea = ''
+            // arr.map(item => {
+            //     this.textarea += item + "\n"
+            // })
+        }else if(this.doctor_advices.length == 0){
+            this.textarea = ''
+            this.textarea = '1.开始' + this.modeId + '治疗' + '\n' +
+                            '2.结束' + this.modeId + '治疗' + '\n' +
+                            '3.患者离开血透室'
+        }
+    },
     methods:{
         chooseDay(day) {
             this.dayType = day;
+        },
+        uParseTime(time, cFormat) {
+            if (time === 0) {
+                return ''
+            }
+            
+            if (arguments.length === 0) {
+                return null
+            }
+            const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+            let date
+            if (typeof time === 'object') {
+                date = time
+            } else {
+                if (('' + time).length !== 13) time = parseInt(time) * 1000
+                date = new Date(time)
+            }
+            const formatObj = {
+                y: date.getFullYear(),
+                m: date.getMonth() + 1,
+                d: date.getDate(),
+                h: date.getHours(),
+                i: date.getMinutes(),
+                s: date.getSeconds(),
+                a: date.getDay()
+            }
+            const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
+                let value = formatObj[key]
+                if (key === 'a') {
+                return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
+                }
+                if (result.length > 0 && value < 10) {
+                value = '0' + value
+                }
+                return value || 0
+            })
+            return time_str
+        },
+        objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+            // console.log('rowIndex',rowIndex)
+            // console.log('columnIndex',columnIndex)
+            console.log('this.monitor_records.length',this.monitor_records.length)
+            if (columnIndex === 12) {
+                if (rowIndex > 0) {
+                    return {
+                    rowspan: this.monitor_records.length - 1 ,
+                    colspan: 1
+                    };
+                }else{
+                     return {
+                    rowspan: 0 ,
+                    colspan: 0
+                    };
+                }
+            }
+        },
+        getMode(id){
+            let name = ''
+            this.treatment_mode = Object.values(this.$store.getters.treatment_mode)
+            this.treatment_mode.map(item => {
+                if(item.id == id){
+                    name = item.name
+                }
+            })
+            return name
+        },
+        onCopy() {
+            this.$message.success("复制成功");
+        },
+        onError() {
+            this.$message.success("复制失败,请重试");
         }
+    },
+    watch:{
+        monitor_records:{
+            handler:function(val) {
+                if(this.monitor_records.length > 5){
+                    this.monitor_records = this.monitor_records
+                }else{
+                    let num = 5 - this.monitor_records.length
+                    for(let i =0; i<num;i++){
+                        this.monitor_records.push({id:1})
+                    }
+                    console.log(333333333333,this.monitor_records)
+                }
+            }
+        },
+        patient:{
+            handler:function(val) {
+            }
+        },
+        doctor_advices:{
+            handler:function(val) {
+                if(this.doctor_advices.length > 0){
+                    let str = ''
+                    let arr = []
+                    this.advices = this.doctor_advices
+                    this.advices.map(item => {
+                        str = item.advice_name + (item.advice_desc ? ('(' +  item.advice_desc + item.drug_spec_unit + ')') : '' )  + '  ' + item.prescribing_number + item.prescribing_number_unit + '  ' + 
+                        item.single_dose + item.single_dose_unit + '  ' + item.delivery_way + item.execution_frequency + item.remark
+                        arr.push(str)
+                    })
+                    this.textarea = ''
+                    arr.map(item => {
+                        this.textarea += item + "\n"
+                    })
+                }else if(this.doctor_advices.length == 0){
+                    this.textarea = ''
+                    this.textarea = '1.开始' + this.modeId + '治疗' + '\n' +
+                                    '2.结束' + this.modeId + '治疗' + '\n' +
+                                    '3.患者离开血透室'
+                }
+            }
+        },
+        prescription:{
+          handler:function(val) {
+                if(this.prescription.mode_id){
+                    this.modeId = this.getMode(this.prescription.mode_id)
+                }
+            }  
+        },
+        deep:true,
     }
 }
 </script>
@@ -237,7 +493,7 @@ export default {
     line-height: 40px;
 }
 .page_dialysisParams{
-    width: 100%;
+    // width: 76%;
     padding-right: 10px;
     .infoBox{
         padding: 10px 20px;
@@ -248,8 +504,43 @@ export default {
         display: flex;
         align-items: center;
     }
-    
+    .paramsTable{
+        // width: 1600px;
+        width:160%;
+        border: 1px solid #000;
+        border-spacing: 0px;
+        border-collapse: collapse;
+    }
+    .paramsTable td{
+        border:1px solid #000;
+        padding:5px;
+    }
+    .paramsTable th{
+        border:1px solid #000;
+        padding:5px;
+    }
+
+    // .paramsTable td:first-child{
+    //     position:absolute
+    // }
+    // .paramsTable th:first-child{
+    //     position:absolute
+    // }
+
+
+.table{width:100%;overflow-x: scroll;}
+
+.fixedTable{width:160%;text-align: center;color:#000;font-size:14px; border-collapse:collapse;background: #fff;}
+
+.fixedTable tr{line-height: 30px;border:1px solid #d0d3da;}
+
+// .fixedTable tr:first-child{height:40px;line-height: 40px;}
+
+.fixedTable td:first-child{position:absolute;width:140px;margin:0px 0px 0px 0px;background: #fff;}
+
+.fixedColumn{width:140px;}
 }
+
 </style>
 <style lang="scss">
 .page_dialysisParams{
@@ -260,7 +551,16 @@ export default {
         display: flex;
         align-items: center;
         flex-direction: column;
+        white-space: pre-line;
+        text-align: center;
+    }
+    ::-webkit-scrollbar{
+        height: 15px !important;
     }
 }
+html, body {
+        width: 100% !important;
+        height: 100% !important;
+    }
 
 </style>

src/xt_pages/upload/fast/dialysisSummary.vue

@@ -1,112 +1,88 @@
 <template>
-        <div class="page_summary">
-            <div class="cell clearfix" style="margin-top:40px;margin-left:70px;">
-                <label class="title">
-                    <span class="name">治疗日期</span> :
-                </label>
-                <div class="time">
-                    <ul class>
-                    <li
-                        :class="item.state == dayType ? 'active' : ''"
-                        @click="chooseDay(item.state)"
-                        v-for="item in day"
-                        :key="item.value"
-                    >{{ item.label }}</li>
-                    </ul>
-                </div>
-                <el-date-picker
-                    v-model="time"
-                    prefix-icon="el-icon-date"
-                    @change="changeTime"
-                    :editable="false"
-                    style="width: 150px;"
-                    type="date"
-                    placeholder="选择日期时间"
-                    align="right"
-                    format="yyyy-MM-dd"
-                    value-format="yyyy-MM-dd"
-                ></el-date-picker>
-                <label class="title" style="margin-left:10px;">
-                    <span class="name">患者信息</span> :
-                </label>
-                <div class="infoBox">
-                    <span>姓名：前蛮子</span>&nbsp;|&nbsp;<span>透析编号：001</span>
-                </div>
+    <div class="page_summary">
+        <div class="cell clearfix" style="margin-top:40px;margin-left:70px;">
+            <!-- <label class="title">
+                <span class="name">治疗日期</span> :
+            </label>
+            <div class="time">
+                <ul class>
+                <li
+                    :class="item.state == dayType ? 'active' : ''"
+                    @click="chooseDay(item.state)"
+                    v-for="item in day"
+                    :key="item.value"
+                >{{ item.label }}</li>
+                </ul>
             </div>
-            <div style="margin-left:70px;">
-                <el-input type="textarea" :disabled="true" :rows="4" placeholder="请输入内容" v-model="textarea"></el-input>
-                <el-button type="primary" style="margin-top:10px;float:right;">复制</el-button>
+            <el-date-picker
+                v-model="time"
+                prefix-icon="el-icon-date"
+                @change="changeTime"
+                :editable="false"
+                style="width: 150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+            ></el-date-picker> -->
+            <label class="title" style="margin-left:10px;">
+                <span class="name">患者信息</span> :
+            </label>
+            <div class="infoBox">
+                <span>姓名：{{ patient.name }}</span>&nbsp;|&nbsp;<span>透析编号：{{ patient.dialysis_no }}</span>
             </div>
         </div>
+        <div style="margin-left:70px;">
+            <el-input type="textarea" :disabled="true" :rows="4" placeholder="请输入内容" v-model="dialysis_summary"></el-input>
+            <el-button type="primary" v-clipboard:copy="dialysis_summary" v-clipboard:success="onCopy" v-clipboard:error="onError" style="margin-top:10px;float:right;">复制</el-button>
+        </div>
+    </div>
 </template>
 
 <script>
 export default {
+    props:{
+        treatment_summary:Object,
+        patient:Object
+    },
     data(){
       return{
-        tableData: [
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          }
-        ],
         day: [
             { value: 0, label: "今天", state: 0 },
             { value: 1, label: "昨天", state: 1 },
             { value: 2, label: "前天", state: 2 },
         ],
         dayType: 0,
-        time:''
+        time:'',
+        dialysis_summary:''
       }
     },
+    created(){
+        this.dialysis_summary = this.treatment_summary.dialysis_summary
+    },
     methods:{
         chooseDay(day) {
             this.dayType = day;
+        },
+        onCopy() {
+            this.$message.success("复制成功");
+        },
+        onError() {
+            this.$message.success("复制失败,请重试");
         }
+    },
+    watch:{
+        treatment_summary:{
+            handler:function(val) {
+                this.dialysis_summary = this.treatment_summary.dialysis_summary
+            }
+        },
+        patient:{
+            handler:function(val) {
+            }
+        },
+        deep:true,
     }
 }
 </script>

src/xt_pages/upload/fast/rescueRecord.vue

@@ -1,7 +1,7 @@
 <template>
         <div class="page_rescueRecord">
             <div class="cell clearfix" style="margin-top:40px;margin-left:70px;">
-                <label class="title">
+                <!-- <label class="title">
                     <span class="name">治疗日期</span> :
                 </label>
                 <div class="time">
@@ -25,88 +25,127 @@
                     align="right"
                     format="yyyy-MM-dd"
                     value-format="yyyy-MM-dd"
-                ></el-date-picker>
+                ></el-date-picker> -->
                 <label class="title" style="margin-left:10px;">
                     <span class="name">患者信息</span> :
                 </label>
                 <div class="infoBox">
-                    <span>姓名：前蛮子</span>&nbsp;|&nbsp;<span>透析编号：001</span>
+                    <span>姓名：{{ patient.name }}</span>&nbsp;|&nbsp;<span>透析编号：{{ patient.dialysis_no }}</span>
                 </div>
             </div>
             <div style="margin-left:70px;">
                 <el-input type="textarea" :disabled="true" :rows="4" placeholder="请输入内容" v-model="textarea"></el-input>
-                <el-button type="primary" style="margin-top:10px;float:right;">复制</el-button>
+                <el-button type="primary" v-clipboard:copy="textarea" v-clipboard:success="onCopy" v-clipboard:error="onError" style="margin-top:10px;float:right;">复制</el-button>
             </div>
         </div>
 </template>
 
 <script>
 export default {
+    props:{
+        doctor_advices:Array,
+        patient:Object,
+        prescription:Object,
+    },
     data(){
       return{
-        tableData: [
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          }
-        ],
         day: [
             { value: 0, label: "今天", state: 0 },
             { value: 1, label: "昨天", state: 1 },
             { value: 2, label: "前天", state: 2 },
         ],
         dayType: 0,
-        time:''
+        time:'',
+        advices:[],
+        textarea:'',
+        modeId:''
       }
+    },
+    created(){
+        console.log('patient',this.prescription)
+        if(this.prescription.mode_id){
+            this.modeId = this.getMode(this.prescription.mode_id)
+        }
+        
+        if(this.doctor_advices.length > 0){
+            let str = ''
+            let arr = []
+            this.advices = this.doctor_advices
+            this.advices.map(item => {
+                str = item.advice_name + (item.advice_desc ? ('(' +  item.advice_desc + item.drug_spec_unit + ')') : '' )  + '  ' + item.prescribing_number + item.prescribing_number_unit + '  ' + 
+                item.single_dose + item.single_dose_unit + '  ' + item.delivery_way + item.execution_frequency + item.remark
+                arr.push(str)
+            })
+            this.textarea = ''
+            arr.map(item => {
+                this.textarea += item + "\n"
+            })
+        }else if(this.doctor_advices.length == 0){
+            this.textarea = ''
+            this.textarea = '1.开始' + this.modeId + '治疗' + '\n' +
+                            '2.结束' + this.modeId + '治疗' + '\n' +
+                            '3.患者离开血透室'
+        }
+        
+        
     },
     methods:{
         chooseDay(day) {
             this.dayType = day;
+        },
+        getMode(id){
+            let name = ''
+            this.treatment_mode = Object.values(this.$store.getters.treatment_mode)
+            this.treatment_mode.map(item => {
+                if(item.id == id){
+                    name = item.name
+                }
+            })
+            return name
+        },
+        onCopy() {
+            this.$message.success("复制成功");
+        },
+        onError() {
+            this.$message.success("复制失败,请重试");
         }
+    },
+    watch:{
+        doctor_advices:{
+            handler:function(val) {
+                if(this.doctor_advices.length > 0){
+                    let str = ''
+                    let arr = []
+                    this.advices = this.doctor_advices
+                    this.advices.map(item => {
+                        str = item.advice_name + (item.advice_desc ? ('(' +  item.advice_desc + item.drug_spec_unit + ')') : '' )  + '  ' + item.prescribing_number + item.prescribing_number_unit + '  ' + 
+                        item.single_dose + item.single_dose_unit + '  ' + item.delivery_way + item.execution_frequency + item.remark
+                        arr.push(str)
+                    })
+                    this.textarea = ''
+                    arr.map(item => {
+                        this.textarea += item + "\n"
+                    })
+                }else if(this.doctor_advices.length == 0){
+                    this.textarea = ''
+                    this.textarea = '1.开始' + this.modeId + '治疗' + '\n' +
+                                    '2.结束' + this.modeId + '治疗' + '\n' +
+                                    '3.患者离开血透室'
+                }
+            }
+        },
+        patient:{
+            handler:function(val) {
+            }
+        },
+        prescription:{
+          handler:function(val) {
+                if(this.prescription.mode_id){
+                    this.modeId = this.getMode(this.prescription.mode_id)
+                }
+            }  
+        },
+        deep:true,
     }
 }
 </script>

src/xt_pages/upload/fast/treatInfo.vue

@@ -1,267 +1,397 @@
 <template>
-        <div class="page_treatInfo">
-            <div class="cell clearfix" style="margin-top:40px;margin-left:70px;">
-                <label class="title">
-                    <span class="name">治疗日期</span> :
-                </label>
-                <div class="time">
-                    <ul class>
-                    <li
-                        :class="item.state == dayType ? 'active' : ''"
-                        @click="chooseDay(item.state)"
-                        v-for="item in day"
-                        :key="item.value"
-                    >{{ item.label }}</li>
-                    </ul>
-                </div>
-                <el-date-picker
-                    v-model="time"
-                    prefix-icon="el-icon-date"
-                    @change="changeTime"
-                    :editable="false"
-                    style="width: 150px;"
-                    type="date"
-                    placeholder="选择日期时间"
-                    align="right"
-                    format="yyyy-MM-dd"
-                    value-format="yyyy-MM-dd"
-                ></el-date-picker>
-                <label class="title" style="margin-left:10px;">
-                    <span class="name">患者信息</span> :
-                </label>
-                <div class="infoBox">
-                    <span>姓名：前蛮子</span>&nbsp;|&nbsp;<span>透析编号：001</span>
-                </div>
-            </div>
-            <div class="cell clearfix" style="margin-left:70px;">
-                <div class="commonTitle">透析方案</div>
-            </div>
-            <div class="treatInfoMain">
-                <div class="basicOne">
-                    <p class="basicLable">治疗信息:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">治疗方式:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">治疗时间(小时):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">治疗次数:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">透析器:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">透析机:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">透析膜:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">膜面积(㎡):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">血管通路:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">血流量(ml/min):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">抗凝剂:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">首量:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">追加:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                
-            </div>
-            <div class="cell clearfix" style="margin-left:70px;">
-                <div class="commonTitle">透析记录与透后评估</div>
-            </div>
-            <div class="treatInfoMain">
-                <div class="basicOne">
-                    <p class="basicLable">置换液总量(L):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">滤出液实际值(L):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">透析中血浆总量(L):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">滤出血浆总量(L):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">干体重(kg):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">干体重备注:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">透前体重(kg):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">透前体重备注:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">透后体重(kg):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">预计脱水(kg):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">实际脱水(kg):</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">其他方式:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                </div>
-                <div class="basicTwo">
-                    <p class="basicTwoLable">抗凝剂使用:</p>
-                    <el-input type="textarea" style="width:550px;" :disabled="true" :rows="3" placeholder="请输入内容" v-model="textarea"></el-input>
-                </div>
-                <div class="basicTwo">
-                    <p class="basicTwoLable">特殊交代事项:</p>
-                    <el-input type="textarea" style="width:550px;" :disabled="true" :rows="3" placeholder="请输入内容" v-model="textarea"></el-input>
-                </div>
-                <div class="basicTwo">
-                    <p class="basicTwoLable">医生记录及医嘱:</p>
-                    <el-input type="textarea" style="width:550px;" :disabled="true" :rows="3" placeholder="请输入内容" v-model="textarea"></el-input>
-                </div>
-                
-            </div>
-            <div class="cell clearfix" style="margin-left:70px;">
-                <div class="commonTitle">责任签名</div>
-            </div>
-            <div class="treatInfoMain">
-                <div class="basicOne">
-                    <p class="basicLable">责任医生:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">责任护士:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
-                <div class="basicOne">
-                    <p class="basicLable">核对护士:</p>
-                    <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
-                    <el-button type="primary">复制</el-button>
-                </div>
+    <div class="page_treatInfo">
+        <div class="cell clearfix" style="margin-top:40px;margin-left:70px;">
+            <!-- <label class="title">
+                <span class="name">治疗日期</span> :
+            </label>
+            <div class="time">
+                <ul class>
+                <li
+                    :class="item.state == dayType ? 'active' : ''"
+                    @click="chooseDay(item.state)"
+                    v-for="item in day"
+                    :key="item.value"
+                >{{ item.label }}</li>
+                </ul>
             </div>
+            <el-date-picker
+                v-model="time"
+                prefix-icon="el-icon-date"
+                @change="changeTime"
+                :editable="false"
+                style="width: 150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+            ></el-date-picker> -->
+            <label class="title" style="margin-left:10px;">
+                <span class="name">患者信息</span> :
+            </label>
+            <div class="infoBox">
+                <span>姓名：{{ patient.name }}</span>&nbsp;|&nbsp;<span>透析编号：{{ patient.dialysis_no }}</span>
+            </div>
+        </div>
+        <div class="cell clearfix" style="margin-left:70px;">
+            <div class="commonTitle">透析方案</div>
+        </div>
+        <div class="treatInfoMain">
+            <div class="basicOne">
+                <p class="basicLable">治疗日期:</p>
+                <el-input placeholder="请输入内容" v-model="form.date" :disabled="true"></el-input>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">治疗方式:</p>
+                <el-input placeholder="请输入内容" v-model="form.mode_id" :disabled="true"></el-input>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">治疗时间(小时):</p>
+                <el-input placeholder="请输入内容" v-model="form.actual_treatment_hour" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.actual_treatment_hour" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">治疗次数:</p>
+                <el-input placeholder="请输入内容" v-model="form.total" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.total" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">透析器:</p>
+                <el-input placeholder="请输入内容" v-model="form.dialyzer_perfusion_apparatus" :disabled="true"></el-input>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">透析机:</p>
+                <el-input placeholder="请输入内容" v-model="form.machine_type" :disabled="true"></el-input>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">透析膜:</p>
+                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">膜面积(㎡):</p>
+                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="input" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">血管通路:</p>
+                <el-input placeholder="请输入内容" v-model="form.blood_access_part_opera_id" :disabled="true"></el-input>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">血流量(ml/min):</p>
+                <el-input placeholder="请输入内容" v-model="form.blood_flow_volume" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.blood_flow_volume" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">抗凝剂:</p>
+                <el-input placeholder="请输入内容" v-model="form.anticoagulant" :disabled="true"></el-input>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">首量:</p>
+                <el-input placeholder="请输入内容" v-model="form.anticoagulant_shouji" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.anticoagulant_shouji" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">追加:</p>
+                <el-input placeholder="请输入内容" v-model="form.anticoagulant_weichi" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.anticoagulant_weichi" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            
+        </div>
+        <div class="cell clearfix" style="margin-left:70px;">
+            <div class="commonTitle">透析记录与透后评估</div>
         </div>
+        <div class="treatInfoMain">
+            <div class="basicOne">
+                <p class="basicLable">置换液总量(L):</p>
+                <el-input placeholder="请输入内容" v-model="form.displace_liqui_value" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.displace_liqui_value" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">滤出液实际值(L):</p>
+                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="input" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">透析中血浆总量(L):</p>
+                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="input" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">滤出血浆总量(L):</p>
+                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="input" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">干体重(kg):</p>
+                <el-input placeholder="请输入内容" v-model="form.dry_weight" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.dry_weight" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">干体重备注:</p>
+                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">透前体重(kg):</p>
+                <el-input placeholder="请输入内容" v-model="form.weight_before" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.weight_before" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">透前体重备注:</p>
+                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">透后体重(kg):</p>
+                <el-input placeholder="请输入内容" v-model="form.weight_after" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.weight_after" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">预计脱水(kg):</p>
+                <el-input placeholder="请输入内容" v-model="form.target_ultrafiltration" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.target_ultrafiltration" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">实际脱水(kg):</p>
+                <el-input placeholder="请输入内容" v-model="form.actual_ultrafiltration" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.actual_ultrafiltration" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">其他方式:</p>
+                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+            </div>
+            <div class="basicTwo">
+                <p class="basicTwoLable">抗凝剂使用:</p>
+                <el-input type="textarea" style="width:550px;" :disabled="true" :rows="3" placeholder="请输入内容" v-model="textarea"></el-input>
+            </div>
+            <div class="basicTwo">
+                <p class="basicTwoLable">特殊交代事项:</p>
+                <el-input type="textarea" style="width:550px;" :disabled="true" :rows="3" placeholder="请输入内容" v-model="textarea"></el-input>
+            </div>
+            <div class="basicTwo">
+                <p class="basicTwoLable">医生记录及医嘱:</p>
+                <el-input type="textarea" style="width:550px;" :disabled="true" :rows="3" placeholder="请输入内容" v-model="textarea"></el-input>
+            </div>
+            
+        </div>
+        <div class="cell clearfix" style="margin-left:70px;">
+            <div class="commonTitle">责任签名</div>
+        </div>
+        <div class="treatInfoMain">
+            <div class="basicOne">
+                <p class="basicLable">责任医生:</p>
+                <el-input placeholder="请输入内容" v-model="form.doctor" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.doctor" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">责任护士:</p>
+                <el-input placeholder="请输入内容" v-model="form.responsibleNurse" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.responsibleNurse" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+            <div class="basicOne">
+                <p class="basicLable">核对护士:</p>
+                <el-input placeholder="请输入内容" v-model="form.checkNurse" :disabled="true"></el-input>
+                <el-button type="primary" v-clipboard:copy="form.checkNurse" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
+            </div>
+        </div>
+    </div>
 </template>
 
 <script>
+import { parseTime } from "@/utils";
+import { getDataConfig } from "@/utils/data";
+import { isNumber } from 'util';
 export default {
+    props:{
+        prescription:Object,
+        predialysis_evaluation:Object,
+        assessment_after_dislysis:Object,
+        patient:Object,
+        monitor_records:Array,
+        admin_users:Array,
+        dialysis_order:Object,
+        double_check:Object,
+        selected_date:Number
+    },
     data(){
       return{
-        tableData: [
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          },
-          {
-              date: "2016",
-              name: "王小虎"
-          }
-        ],
         day: [
             { value: 0, label: "今天", state: 0 },
             { value: 1, label: "昨天", state: 1 },
             { value: 2, label: "前天", state: 2 },
         ],
         dayType: 0,
-        time:''
+        time:'',
+
+        input:'',
+        textarea:'',
+        form:{
+            date:'',
+            mode_id:'',
+            actual_treatment_hour:'',
+            total:'',
+            dialyzer_perfusion_apparatus:'',
+            machine_type:'',
+            blood_access_part_opera_id:'',
+            blood_flow_volume:'',
+            anticoagulant:'',
+            anticoagulant_shouji:'',
+            anticoagulant_weichi:'',
+            displace_liqui_value:'',
+            dry_weight:'',
+            weight_before:'',
+            weight_after:'',
+            target_ultrafiltration:'',
+            actual_ultrafiltration:'',
+            doctor:'',
+            responsibleNurse:'',
+            checkNurse:''
+        }
       }
     },
+    created(){
+        this.prescription = this.prescription
+        this.predialysis_evaluation = this.predialysis_evaluation
+        this.assessment_after_dislysis = this.assessment_after_dislysis
+        this.patient = this.patient
+        this.monitor_records = this.monitor_records
+        this.admin_users = this.admin_users
+        this.dialysis_order = this.dialysis_order
+        this.double_check = this.double_check
+        this.getUpdate()
+        console.log(999999999,this.selected_date.getTime() / 1000)
+         
+    },
     methods:{
         chooseDay(day) {
             this.dayType = day;
+        },
+        getMode(id){
+            let name = ''
+            this.treatment_mode = Object.values(this.$store.getters.treatment_mode)
+            this.treatment_mode.map(item => {
+                if(item.id == id){
+                    name = item.name
+                }
+            })
+            return name
+        },
+        getBloodAccessPartOpera(id){
+            let name = ''
+            this.blood_access_part_opera = getDataConfig('hemodialysis', 'vascular_access_desc')
+            this.blood_access_part_opera.map(item => {
+                if(item.id == id){
+                    name = item.name
+                }
+            })
+            return name
+        },
+        getAdminUser(id) {
+            this.adminUser = this.admin_users
+            if (id == 0) {
+                return "";
+            }
+            if (id == undefined) {
+                return "";
+            }
+            for (let i = 0; i < this.adminUser.length; i++) {
+                if (this.adminUser[i].id == id) {
+                return this.adminUser[i].name;
+                }
+            }
+        },
+        getUpdate(){
+            this.form.date = parseTime(parseInt(this.selected_date.getTime() / 1000), '{y}-{m}-{d}')
+            this.form.mode_id = this.prescription.mode_id
+            this.form.actual_treatment_hour = this.assessment_after_dislysis.actual_treatment_hour
+            this.form.total = this.patient.total_dialysis + this.patient.user_sys_before_count
+            this.form.dialyzer_perfusion_apparatus = this.prescription.dialyzer_perfusion_apparatus
+            this.form.machine_type = this.predialysis_evaluation.machine_type
+            this.form.blood_access_part_opera_id = this.predialysis_evaluation.blood_access_part_opera_id
+            if(this.monitor_records.length > 0){
+                this.form.blood_flow_volume = this.monitor_records[0].blood_flow_volume
+            }else{
+                this.form.blood_flow_volume = ''
+            }
+            
+            this.form.anticoagulant = this.prescription.anticoagulant
+            this.form.anticoagulant_shouji = this.prescription.anticoagulant_shouji
+            this.form.anticoagulant_weichi = this.prescription.anticoagulant_weichi
+            this.form.mode_id = this.getMode(this.form.mode_id)
+            this.form.blood_access_part_opera_id = this.getBloodAccessPartOpera(this.form.blood_access_part_opera_id)
+
+            this.form.displace_liqui_value = this.prescription.displace_liqui_value
+            this.form.dry_weight = this.predialysis_evaluation.dry_weight
+            this.form.weight_before = this.predialysis_evaluation.weight_before
+            this.form.weight_after = this.assessment_after_dislysis.weight_after
+            this.form.target_ultrafiltration = this.prescription.target_ultrafiltration
+            this.form.actual_ultrafiltration = this.assessment_after_dislysis.actual_ultrafiltration
+            this.form.doctor = this.getAdminUser(this.prescription.creater) 
+            this.form.responsibleNurse = this.getAdminUser(this.dialysis_order.start_nurse) 
+            if(this.double_check.creater == this.dialysis_order.start_nurse){
+                this.form.checkNurse = this.getAdminUser(this.double_check.modifier)
+            }else{
+                this.form.checkNurse = this.getAdminUser(this.double_check.creater)
+            }
+        },
+        onCopy() {
+            this.$message.success("复制成功");
+        },
+        onError() {
+            this.$message.success("复制失败,请重试");
         }
+    },
+    watch:{
+        prescription:{
+            handler:function(val) {
+                console.log("处方",val)
+                this.getUpdate()
+            }
+        },
+        predialysis_evaluation:{
+           handler:function(val) {
+                console.log("处方",val)
+                this.getUpdate()
+            } 
+        },
+        assessment_after_dislysis:{
+           handler:function(val) {
+                console.log("处方",val)
+                this.getUpdate()
+            }  
+        },
+        patient:{
+           handler:function(val) {
+                console.log("处方",val)
+                this.getUpdate()
+            }  
+        },
+        monitor_records:{
+           handler:function(val) {
+                console.log("处方",val)
+                this.getUpdate()
+            }  
+        },
+        admin_users:{
+           handler:function(val) {
+                console.log("处方",val)
+                this.getUpdate()
+            }  
+        },
+        dialysis_order:{
+           handler:function(val) {
+                console.log("处方",val)
+                this.getUpdate()
+            }  
+        },
+        double_check:{
+           handler:function(val) {
+                console.log("处方",val)
+                this.getUpdate()
+            }  
+        },
+
+
+        // immediate:true,
+        deep:true,
     }
 }
 </script>