elizebeth/src/xt_pages/user/hospitalSummary.vue

<template>
  <div class="patient-container">
    <patient-sidebar :id="patient_id" defaultActive="1-9"></patient-sidebar>
    <div v-loading="loading">
      <div class="patient-app-container advice-container app-container">

        <div>
                    <span style="margin-left: 10px;float:right;">
                        <el-button type="primary" icon="el-icon-circle-plus-outline" size="small"
                                   @click="show_dialog = true">新增</el-button>

                        <el-button type="primary" icon="el-icon-edit-outline" size="small"
                                   @click="showEdit">修改</el-button>
                      <el-button type="primary" icon="el-icon-printer" size="small"
                                 @click="print">打印</el-button>
                      <el-button size="small"  type="danger" @click="deleteAction">删除</el-button>
                    </span>
        </div>
      
        <div class="cell clearfix">
          <label class="title"><span class="name">日期查询</span> : </label>
          <el-date-picker v-model="start_time" prefix-icon="el-icon-date" :editable="false" style="width: 196px;"
                          type="date" placeholder="选择日期时间" align="right" format="yyyy-MM-dd"
                          value-format="yyyy-MM-dd" @change="startTimeChange"></el-date-picker>
          <span class="">-</span>
          <el-date-picker v-model="end_time" prefix-icon="el-icon-date" :editable="false" style="width: 196px;"
                          type="date" placeholder="选择日期时间" align="right" format="yyyy-MM-dd"
                          value-format="yyyy-MM-dd" @change="endTimeChange"></el-date-picker>
        </div>
        <div class="record">
          <el-row :gutter="15">
            <el-col :span="10">
              <el-table :header-cell-style="{
                  backgroundColor: 'rgb(245, 247, 250)',
                  color: '#606266'
                }"
                :row-style="{ color: '#303133' }" ref="inspection_table" :data="tableData"
                        border highlight-current-row @current-change="changeCurrentRecordTwo"
                        @selection-change="selectSummary"
                        :row-class-name="tableRow"
              >
                <el-table-column type="selection" width="60" align="center"></el-table-column>
                <el-table-column label="住院小结名称" align="center">
                  <template slot-scope="scope">
                   
                  </template>
                </el-table-column>
                <el-table-column label="记录时间" align="center">
                  <template slot-scope="scope">
                    
                  </template>
                </el-table-column>
                <el-table-column label="记录医生" align="center">
                  <template slot-scope="scope">
                   
                  </template>
                </el-table-column>
              </el-table>
            </el-col>
            <el-col :span="14">
              <div class="record_content_panel">
                <div style="background-color:rgb(245, 247, 250)" class="title">住院小结内容</div>
                <div style="padding:10px;border-bottom:1px solid #DCDFE6;">住院小结时间:

                </div>
            
                 <div style="padding:10px;border-bottom:1px solid #DCDFE6;line-height:20px;">阶段小结总结:
                  
                 </div>
                <div style="padding:10px;border-bottom:1px solid #DCDFE6;line-height:20px;">阶段小结化验结果:
                  <div>
                 
                  </div>
                </div>

               
              </div>
            </el-col>
          </el-row>
        </div>
      </div>

  
     
        <el-dialog title="新增住院小结" width="60%" top="5vh" :visible.sync="show_dialog">
        <div>
          <div class="new_record_form">
            <div class="cell clearfix">
              <label class="title"><span class="name">标题</span> : </label>
               <el-input v-model="form.title" style="width:200px"></el-input>
            
             
              <label class="title"><span class="name">入院时间</span> : </label>
              <el-date-picker v-model="form.admission_time" 
                    prefix-icon="el-icon-date" 
                    style="width: 200px;"
                    type="date" placeholder="选择日期时间" align="right" format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd">
              </el-date-picker>

            
              <label class="title"><span class="name">出院时间</span> : </label>
              <el-date-picker v-model="form.discharge_time"
                    prefix-icon="el-icon-date" 
                    style="width: 200px;"
                    type="date" placeholder="选择日期时间" align="right" format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd">
              </el-date-picker>

            
            </div>
            <div  class="cell clearfix" style="margin-top:10px">
              <label class="title"><span class="name">上级医师签名</span>:</label>
               <el-select v-model="form.dean" placeholder="请选择">
                  <el-option
                  v-for="item in docList"
                  :key="item.admin_user_id"
                  :label="item.user_name"
                  :value="item.admin_user_id">
                  </el-option>
              </el-select>
              <label class="title"><span class="name">住院医师签名</span>:</label>
              <el-select v-model="form.doctor" placeholder="请选择">
                  <el-option
                  v-for="item in docList"
                  :key="item.admin_user_id"
                  :label="item.user_name"
                  :value="item.admin_user_id">
                  </el-option>
              </el-select>    
              <label class="title"><span class="name">记录日期</span> : </label>
              <el-date-picker v-model="form.record_date"
                    prefix-icon="el-icon-date" 
                    style="width: 200px;"
                    type="date" placeholder="选择日期时间" align="right" format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd">
              </el-date-picker>   
            </div>
            <div class="cell clearfix" style="margin-top:10px">
              <label class="title"><span class="name">病案号:</span> : </label>
              <el-input v-model="form.sick_personnel" style="width:200px"></el-input>
            
              <label class="title"><span class="name">X线</span> : </label>
              <el-input v-model="form.xray" style="width:200px"></el-input>

              <label class="title"><span class="name">CT</span> : </label>
              <el-input v-model="form.connecticut" style="width:200px"></el-input>
            </div>

            <div class="cell clearfix" style="margin-top:10px">
              <label class="title"><span class="name">MRI</span> : </label>
              <el-input v-model="form.nuclear_magnetic_resonance" style="width:200px"></el-input>
            
              <label class="title"><span class="name">超声</span> : </label>
              <el-input v-model="form.ultrasound" style="width:200px"></el-input>

              <label class="title"><span class="name">病理</span> : </label>
              <el-input v-model="form.pathology" style="width:200px"></el-input>
            </div>
            
            <div class="cell clearfix" style="margin-top:10px">
              <label class="title"><span class="name">入院诊断</span> : </label>
                <el-select v-model="form.admitting_diagnosis_id" placeholder="可选择病程模板" @change="changeAmittDiagnosis">
                  <el-option v-for="(option, index) in templates" :key="index" :label="option.title"
                            :value="option.content"></el-option>
                </el-select>
                
                 <div class="textarea_panel">
                    <keep-alive>
                      <editor ref="editor"
                              id="editors"
                              style="width: 800px"
                              v-bind:r_content="form.admitting_diagnosis">
                      </editor>
                    </keep-alive>
                </div>
            </div>

            <div class="cell clearfix" style="margin-top:10px">
              <label class="title"><span class="name">出院诊断</span> : </label>
                <el-select v-model="form.discharge_diagnosis_id" placeholder="可选择病程模板" @change="changeDischargeDiagnosis">
                  <el-option v-for="(option, index) in templatesOne" :key="index" :label="option.title"
                            :value="option.content"></el-option>
                </el-select>

               <div class="textarea_panel">
                    <keep-alive>
                      <editor ref="editorOne"
                              id="editorsOne"
                              style="width: 800px"
                              v-bind:r_content="form.discharge_diagnosis">
                      </editor>
                    </keep-alive>
                </div>

            </div>

             <div class="cell clearfix" style="margin-top:10px">
              <label class="title"><span class="name">入院时病情</span> : </label>
                <el-select v-model="form.diagnosis_admission_id" placeholder="可选择病程模板" @change="changeDiagnosisAdmission">
                  <el-option v-for="(option, index) in templatesTwo" :key="index" :label="option.title"
                            :value="option.content"></el-option>
                </el-select>

                <div class="textarea_panel">
                    <keep-alive>
                      <editor ref="editorTwo"
                              id="editorsTwo"
                              style="width: 800px"
                              v-bind:r_content="form.diagnosis_admission">
                      </editor>
                    </keep-alive>
                </div>
            </div>

            <div class="cell clearfix" style="margin-top:10px">
              <label class="title"><span class="name">诊断经过</span> : </label>
                <el-select v-model="form.treatment_id" placeholder="可选择病程模板" @change="changeTreatment">
                  <el-option v-for="(option, index) in templatesThree" :key="index" :label="option.title"
                            :value="option.content"></el-option>
                </el-select>

               <div class="textarea_panel">
                    <keep-alive>
                      <editor ref="editorFour"
                              id="editorsFour"
                              style="width: 800px"
                              v-bind:r_content="form.treatment">
                      </editor>
                    </keep-alive>
                </div>

            </div>

            <div class="cell clearfix" style="margin-top:10px">
              <label class="title"><span class="name">出院时病情</span> : </label>
                <el-select v-model="form.illness_discharge_id" placeholder="可选择病程模板" @change="changeillnessDisCharge">
                  <el-option v-for="(option, index) in templatesFour" :key="index" :label="option.title"
                            :value="option.content"></el-option>
                </el-select>

               <div class="textarea_panel">
                    <keep-alive>
                      <editor ref="editorFive"
                              id="editorsFive"
                              style="width: 800px"
                              v-bind:r_content="form.illness_discharge">
                      </editor>
                    </keep-alive>
                </div>
            </div>

            <div class="cell clearfix" style="margin-top:10px">
              <label class="title"><span class="name">出院医嘱</span> : </label>
                <el-select v-model="form.discharge_advice_id" placeholder="可选择病程模板" @change="changeDischargeAdvice">
                  <el-option v-for="(option, index) in templatesFive" :key="index" :label="option.title"
                            :value="option.content"></el-option>
                </el-select>

                <div class="textarea_panel">
                    <keep-alive>
                      <editor ref="editorSix"
                              id="editorsSix"
                              style="width: 800px"
                              v-bind:r_content="form.discharge_advice">
                      </editor>
                    </keep-alive>
                </div>
            </div>
         
            <div style="text-align: right; padding-right: 0px; padding-top: 10px; padding-bottom: 10px;">
              <el-button @click="show_dialog = false">取消</el-button>
              <el-button type="primary"
                         @click="createAction" :loading="uploading_new_record">保存
              </el-button>
            </div>
          </div>
        </div>
      </el-dialog>

    

    
      <multi-select-box
        :propsForm="InnerDialogProps"
        v-on:dialog-comfirm="innerDialogComfirm"
        v-on:dialog-cancle="innerDialogCancle"
      ></multi-select-box>

    </div>
  </div>
</template>

<script>
  import PatientSidebar from './components/PatientSidebar'
  import Editor from '@/components/Editor'

  import {  } from '@/api/patient'
  import { parseTime } from '@/utils'
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import { uParseTime } from '@/utils/tools'
  import { getDataConfig } from '@/utils/data'
  import multiSelectBox from '../dialysis/details/dialog/MultiSelectBox'
 import MsgTip from '../dialysis/details/dialog/MsgTip'

  const moment = require('moment')
  export default {
    name: 'hospitalSummary',
    components: {
      PatientSidebar,
      BreadCrumb,
      Editor,
      MsgTip,
      multiSelectBox,
    },
    data() {
      return {
        InnerDialogProps: {
          values: [],
          visibility: false,
          isShowTextArea: true,
          customContent: '',
          titles: '',
          type: '' // 不同弹框类型，用来匹配数据
        },
        loading: false,
        title: '',
        patient_id: 0,
        date: [],
        start_time: '',
        end_time: '',
        course_of_disease_time: '',
        records: [],
        doctors: [],
        current_select_record: null,
        show_dialog: false,
        show_edit_dialog: false,
        uploading_new_record: false,
        templates: this.$store.getters.configlist.admitting_diagnosis,
        templatesOne:this.$store.getters.configlist.discharge_diagnosis,
        templatesTwo:this.$store.getters.configlist.diagnosis_admission,
        templatesThree:this.$store.getters.configlist.treatment,
        templatesFour:this.$store.getters.configlist.illness_discharge,
        templatesFive:this.$store.getters.configlist.discharge_advice,
        select_template: '',
        new_content: '',
        edit_new_content: '',
        edit_course_of_disease_time: '',
        selectingRows: [],
        table_current_index: -1,
        edit_current_id: 0,
        edit_title: '',
        value:'',
        form:{
          id:0,
          title:"",
          admission_time:new Date(),
          discharge_time:new Date(),
          sick_personnel:"",
          xray:"",
          admitting_diagnosis_id:"",
          admitting_diagnosis:"",
          discharge_diagnosis_id:"",
          discharge_diagnosis:"",
          treatment:"",
          treatment_id:"",
          diagnosis_admission_id:"",
          diagnosis_admission:"",
          illness_discharge_id:"",
          illness_discharge:"",
          dean:"",
          doctor:"",
          record_date:new Date(),
          discharge_advice_id:"",
          discharge_advice:"",
        },
       tableData:[],
       docList:[],
      }
    },
    created() {
     
      console.log("this.$store.getters.xt_user.user.id",this.$store.getters.xt_user.user.id)
      this.patient_id = this.$route.params && this.$route.params.id
      var now = new Date()
      this.date = [now.getTime() - (7 * 24 * 60 * 60 * 1000), now.getTime()]

      var nowDate = new Date()
      var nowYear = nowDate.getFullYear()
      var nowMonth = nowDate.getMonth() + 1

      var nowDay = nowDate.getDate()
      this.end_time =
        nowYear +
        '-' +
        (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
        '-' +
        (nowDay < 10 ? '0' + nowDay : nowDay)
      nowDate.setMonth(nowDate.getMonth() - 1)
      nowYear = nowDate.getFullYear()
      nowMonth = nowDate.getMonth() + 1
      nowDay = nowDate.getDate()
      this.start_time =
        nowYear +
        '-' +
        (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
        '-' +
        (nowDay < 10 ? '0' + nowDay : nowDay)
      this.other_start_time = nowYear +'-' +(nowMonth < 10 ? '0' + nowMonth : nowMonth) +'-' + (nowDay < 10 ? '0' + nowDay : nowDay)
      


    },
    methods: {
      getTime(val) {
         if(val == "" || val == undefined){
          return ""
         }else {
          return uParseTime(val, '{y}-{m}-{d}')
         }
      },
      getTimeTwo(val) {
         if(val == ""){
          return ""
         }else {
          return uParseTime(val, '{y}-{m}-{d} {h}:{i}:{s}')
         }
      },
      getTimeOne(val) {
         if(val < 0){
           return ""
         }
         if(val == ""){
          return ""
         }else {
          return uParseTime(val, '{m}')
         }
      },
     
      
      startTimeChange(val){
       console.log("val",val)
       this.start_time = val
       this.getTemplateSummaryList()
      },
      endTimeChange(val){
       this.end_time = val
       this.getTemplateSummaryList()
      },
      print(){
        this.$router.push({path:"/patient/patient/templateSummary/print?id="+this.form.id})
      },
      tableRow(){

       },
       getTime(val) {
         if(val < 0){
           return ""
         }
         if(val == ""){
          return ""
         }else {
          return uParseTime(val, '{y}-{m}-{d}')
         }
      },
      changeCurrentRecordTwo(){
      },
      changeAmittDiagnosis(content){
        this.form.admitting_diagnosis = content
      },
      changeDischargeDiagnosis(content){
         this.form.discharge_diagnosis = content
      },
      changeDiagnosisAdmission(content){
       this.form.diagnosis_admission = content
      },
      changeTreatment(content){
        this.form.treatment = content
      },
      changeillnessDisCharge(content){
        this.form.illness_discharge = content
      },
      changeDischargeAdvice(content){
        this.form.discharge_advice = content
      },
     
          // title:"",
          // admission_time:new Date(),
          // discharge_time:new Date(),
          // sick_personnel:"",
          // xray:"",
          // admitting_diagnosis_id:"",
          // admitting_diagnosis:"",
          // discharge_diagnosis_id:"",
          // discharge_diagnosis:"",
          // treatment:"",
          // treatment_id:"",
          // diagnosis_admission_id:"",
          // diagnosis_admission:"",
          // illness_discharge_id:"",
          // illness_discharge:"",
          // dean:"",
          // doctor:"",
          // record_date:new Date(),
      //  discharge_advice_id:"",
      //     discharge_advice:"",
      createAction(){
          var admitting_diagnosis_id = 0
          var discharge_diagnosis_id = 0
          var diagnosis_admission_id = 0
          var  illness_discharge_id = 0
          for(let i=0;i<this.templates.length;i++){
             if(this.templates[i].content == this.form.admitting_diagnosis){
                admitting_diagnosis_id = this.templates[i].value
             }
          }
          for(let i=0;i<this.templatesOne.length;i++){
           if(this.templates[i].content == this.form.discharge_diagnosis){
                discharge_diagnosis_id = this.templates[i].value
             }
          }
          for(let i=0;i<this.templatesTwo.length;i++){
             if(this.templates[i].content == this.form.diagnosis_admission){
                diagnosis_admission_id = this.templates[i].value
             }
          }
         var params = {
           title:this.form.title,
           admission_time:this.form.admission_time,
           discharge_time:this.form.discharge_time,
           sick_personnel:this.form.sick_personnel,
           xray:this.form.xray,
           admitting_diagnosis_id:admitting_diagnosis_id,
         }
         createHospitalSummary().then(response=>{

         })
      }
    }
  
    
  }
</script>

<style rel="stylesheet/css" lang="scss" scoped>
  .borderBox{
    border: 1px solid #DCDFE6;
    padding: 10px;
    margin-top: 10px;
    border-radius: 4px;
    p{
      font-weight: bold;
      font-size: 20px;
      margin: 10px 0;
    }
  }
  .container {
    margin-left: 180px;
    padding: 20px;
    background: #fff;
    min-height: calc(100vh - 173px);
    margin-bottom: 15px;

  .record {
    padding-top: 20px;
  }

  }
  .record_content_panel {
    border-width: 1px;
    border-style: solid;
    border-color: #ebeef5;
    min-height: 200px;

  .title {
    font-size: 14px;
    font-weight: 500;
    color: #909399;
    line-height: 44px;
    height: 44px;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ebeef5;
  }

  .content {
    padding: 12px 15px;
    font-size: 15px;
    color: gray;
    line-height: 22px;
  }

  }

  .new_record_form {

  /*/ / padding: 10 px, 25 px;*/

  .textarea_panel {
    margin-top: 10px;
  }

  }
</style>
<style>
.el-table td,
.el-table th.is-leaf,
.el-table--border,
.el-table--group {
  border-color: #d0d3da;
}
.el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: #d0d3da;
}
.el-select-dropdown {
  max-width: 1000px !important;
}
</style>