Vue_New/src/xt_pages/user/courseOfDisease.vue

<template>
  <!-- <div class="main-contain">
      <div class="position">
         <bread-crumb></bread-crumb>
      </div> -->
  <div class="patient-container">
    <patient-sidebar :id="patient_id" defaultActive="1-2"></patient-sidebar>
    <!-- <div class="app-container"> -->
    <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" v-show="selectingRows.length > 0" type="danger"
                                   @click="deleteAction">删除</el-button>
                    </span>
          <!--<span class="filter_title">日期查询</span>-->
          <!--<el-date-picker size="small" v-model="date" type="daterange" range-separator="至" start-placeholde="开始日期" end-placeholde="结束日期" value-format="timestamp" :clearable="false" @change="requestCourseRecords()"></el-date-picker>-->
        </div>
        <!--<div></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="9">
              <el-table :header-cell-style="{
                  backgroundColor: 'rgb(245, 247, 250)',
                  color: '#606266'
                }"
                :row-style="{ color: '#303133' }" ref="record_table" :data="records"
                        border highlight-current-row @current-change="didChangeCurrentRecord"
                        @selection-change="didSelectionChange"
                        :row-class-name="tableRow"
                        @row-click="onRowClick"
              >
                <el-table-column
                  type="selection"
                  width="55">
                </el-table-column>
                <el-table-column label="病程标题" align="center">
                  <template slot-scope="scope">
                    {{ scope.row.title}}
                  </template>
                </el-table-column>
                <el-table-column label="记录时间" align="center">
                  <template slot-scope="scope">
                    {{ recordTime(scope.row.record_time) }}
                  </template>
                </el-table-column>
                <el-table-column label="记录医生" align="center">
                  <template slot-scope="scope">
                    {{ doctorName(scope.row.recorder) }}
                  </template>
                </el-table-column>
              </el-table>
            </el-col>
            <el-col :span="15">
              <div class="record_content_panel">
                <div style="background-color:rgb(245, 247, 250)" class="title">病程内容</div>

                <div class="content" style='word-break: break-all;word-wrap: break-word'>
                  <span v-if="current_select_record" v-html="current_select_record.content"></span>
                  <span v-else></span>
                </div>
                <!-- <el-form>
                  <el-row style="margin-top: 20px;">
                    <el-col :span="6" style="margin-left: 20px;">
                      <el-form-item label="日期：">
                        <el-date-picker
                          v-model="start_time"
                          type="date"
                          placeholder="选择日期"
                          style="width: 145px;">
                        </el-date-picker>
                      </el-form-item>
                    </el-col>
                    <el-col :span="6" >
                      <el-form-item label="医生：">

                        <el-select v-model="doctor" placeholder="请选择" style="width: 145px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="5" style="margin-left: 20px;">
                      <el-form-item label="T:">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 65px;"></el-input>
                        <span >ºC</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="P:">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 65px;"></el-input>
                        <span >次/分</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="R:">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 65px;"></el-input>
                        <span >次/分</span>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8" >
                      <el-form-item label="BP:">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 65px;"></el-input>
                        <span >/</span>
                        <el-input v-model="input" placeholder="请输入内容" style="width: 65px;"></el-input>
                        <span >mmHg</span>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="6" style="margin-left: 20px;">
                      <el-form-item label="贫血容貌：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 90px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="体位：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 90px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="浮肿：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 90px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="7" >
                      <el-form-item label="出血点/瘀斑/血肿：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 90px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

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

                  <el-row >
                    <el-col :span="6" style="margin-left: 20px;">
                      <el-form-item label="发育：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 90px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="营养：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 90px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="神志：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 90px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                    <el-col style="text-align: center;">
                      <span style="">-------------------------------------------------------------------------------</span>
                      <span style="color: aqua;">皮肤黏膜</span>
                      <span style="">-------------------------------------------------------------------------------</span>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="6" style="margin-left: 20px;">
                      <el-form-item label="皮肤黏膜：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="部位：">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="程度：">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>
                      </el-form-item>

                    </el-col>
                    <el-col :span="7" >
                      <el-form-item label="皮下出血点：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="6" style="margin-left: 20px;">
                      <el-form-item label="紫癜：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="6" >
                      <el-form-item label="皮肤温度：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="9" >
                      <el-form-item label="其它：">
                        <el-input type="textarea" v-model="input" placeholder="请输入内容" style="width: 210px;"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                    <el-col style="text-align: center;">
                      <span style="">-------------------------------------------------------------------------------</span>
                      <span style="color: aqua;">淋巴结</span>
                      <span style="">-------------------------------------------------------------------------------</span>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="8"  style="margin-left: 20px;">
                      <el-form-item label="浅表淋巴肿大：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="12" >
                      <el-form-item label="其它：">
                        <el-input type="textarea" v-model="input" placeholder="请输入内容" style="width: 210px;"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                    <el-col style="text-align: center;">
                      <span style="">-------------------------------------------------------------------------------</span>
                      <span style="color: aqua;">头部</span>
                      <span style="">-------------------------------------------------------------------------------</span>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="6" style="margin-left: 20px;">
                      <el-form-item label="眼睑：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="6" >
                      <el-form-item label="瞳孔(等大等圆)：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="左(mm)：">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>
                      </el-form-item>

                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="右(mm)：">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="6" style="margin-left: 20px;">
                      <el-form-item label="对光反射：">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>
                      </el-form-item>

                    </el-col>
                    <el-col :span="6" >
                      <el-form-item label="扁桃体：">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="9" >
                      <el-form-item label="咽部：">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                    <el-col style="margin-left: 20px;">
                      <el-form-item label="其它：">
                        <el-input type="textarea" v-model="input" placeholder="请输入内容" style="width: 300px;"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>


                  <el-row>
                    <el-col style="text-align: center;">
                      <span style="">-------------------------------------------------------------------------------</span>
                      <span style="color: aqua;">肺脏</span>
                      <span style="">-------------------------------------------------------------------------------</span>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="7" style="margin-left: 20px;">
                      <el-form-item label="呼吸音：">
                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>
                      </el-form-item>

                    </el-col>
                    <el-col :span="6" >
                      <el-form-item label="胸膜摩擦音：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="部位：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="5" >
                      <el-form-item label="啰音：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                      <el-col style="margin-left: 20px;">
                      <el-form-item label="描述：">
                        <el-input type="textarea" v-model="input" placeholder="请输入内容" style="width: 300px;"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>

                   <el-row>
                    <el-col style="text-align: center;">
                      <span style="">-------------------------------------------------------------------------------</span>
                      <span style="color: aqua;">心脏</span>
                      <span style="">-------------------------------------------------------------------------------</span>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="6" style="margin-left: 20px;">
                      <el-form-item label="心脏大小：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="6" >
                      <el-form-item label="心律：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>

                    </el-col>
                    <el-col :span="6" >
                      <el-form-item label="心包摩擦声：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="6" style="margin-left: 20px;">
                      <el-form-item label="杂音：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="6" >
                      <el-form-item label="附加音：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                      <el-col style="margin-left: 20px;">
                      <el-form-item label="描述：">
                        <el-input type="textarea" v-model="input" placeholder="请输入内容" style="width: 300px;"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>


                  <el-row>
                    <el-col style="text-align: center;">
                      <span style="">-------------------------------------------------------------------------------</span>
                      <span style="color: aqua;">腹部</span>
                      <span style="">-------------------------------------------------------------------------------</span>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="6" style="margin-left: 20px;">
                      <el-form-item label="腹水征：">
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="12" >
                      <el-form-item label="肝颈静脉返流征：">
                        <el-input type="textarea" v-model="input" placeholder="请输入内容" style="width: 300px;"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="10" style="margin-left: 20px;">
                      <el-form-item label="肝脏：">
                        <span>压痛</span>
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                        <span>叩痛</span>
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="10" >
                      <el-form-item label="脾脏：">
                        <span>压痛</span>
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                        <span>叩痛</span>
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row >
                    <el-col :span="10" style="margin-left: 20px;">
                      <el-form-item label="肾脏：">
                        <span>压痛</span>
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                        <span>叩痛</span>
                        <el-select v-model="doctor" placeholder="请选择" style="width: 100px;">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                      <el-col style="margin-left: 20px;">
                      <el-form-item label="描述：">
                        <el-input type="textarea" autosize v-model="input" placeholder="请输入内容" style="width: 300px;"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <div style="background-color:aquamarine" class="title">其他</div>
                  <div>
                    双下肢无水肿
                  </div>
                </el-form> -->

              </div>
            </el-col>
          </el-row>
        </div>
      </div>
      <!-- </div> -->
      <el-dialog title="新增病程记录" width="50%" 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-date-picker v-model="course_of_disease_time" prefix-icon="el-icon-date" :editable="false"
                              style="width: 250px;"
                              type="datetime" placeholder="选择日期时间" align="right" format="yyyy-MM-dd HH:mm:ss"
                              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>

              <label class="title"><span class="name">日常病程</span> : </label>
              <el-select v-model="select_template" placeholder="可选择病程模板" @change="didSelectTemplate">
                <el-option v-for="(option, index) in templates" :key="index" :label="option.title"
                           :value="option.content"></el-option>
              </el-select>
            </div>

            <div class="cell clearfix" style="margin-top: 10px">
              <label class="title"><span class="name">病程标题</span> : </label>
              <el-input v-model="title" style="width: 420px"></el-input>
            </div>

            <div style="margin-top: 10px;">
              <el-button type="primary" size="small" @click="toAuto" v-if="org_id == 3877 || org_id == 10440" >自动生成</el-button>
            </div>
            <div class="textarea_panel">
              <keep-alive>
                <editor ref="editor"
                        id="editors"
                        style="width: 600px"
                        v-bind:r_content="new_content"
                        >
                </editor>
              </keep-alive>
            </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 :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="primary"
                         @click="createAction" :loading="uploading_new_record">保存
              </el-button>
            </div>
          </div>
        </div>
      </el-dialog>


      <el-dialog title="修改病程记录" width="50%" top="5vh" :visible.sync="show_edit_dialog">
        <div>
          <div class="new_record_form">
            <div class="cell clearfix">
              <label class="title"><span class="name">病程日期</span> : </label>
              <el-date-picker v-model="edit_course_of_disease_time" prefix-icon="el-icon-date" :editable="false"
                              style="width: 200px;"
                              type="datetime"
                              placeholder="选择日期时间" align="right" format="yyyy-MM-dd HH:mm:ss"
                              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>

              <label class="title"><span class="name">日常病程</span> : </label>
              <el-select v-model="select_template" placeholder="可选择病程模板" @change="didEditSelectTemplate">
                <el-option v-for="(option, index) in templates" :key="index" :label="option.title"
                           :value="option.content"></el-option>
              </el-select>
            </div>


            <div class="cell clearfix" style="margin-top: 10px">
              <label class="title"><span class="name">病程标题</span> : </label>
              <el-input v-model="edit_title" style="width: 420px"></el-input>
            </div>

            <div class="textarea_panel">
              <!--<el-input v-model="edit_new_content" type="textarea" rows="6" resize="none"></el-input>-->
              <keep-alive>
                <editor ref="edit_neditor"
                        id="edit_editor"
                        style="width: 600px"
                        v-bind:r_content="edit_new_content">
                </editor>
              </keep-alive>
            </div>

            <div style="text-align: right; padding-right: 0px; padding-top: 10px; padding-bottom: 10px;">
              <el-button @click="show_edit_dialog = false">取消</el-button>
              <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="primary"
                         @click="modifyAction" :loading="uploading_new_record">保存
              </el-button>
            </div>
          </div>
        </div>
      </el-dialog>
    </div>
  </div>

  <!-- </div> -->
</template>

<script>
  import PatientSidebar from './components/PatientSidebar'
  import Editor from '@/components/Editor'
  const moment = require('moment')
  import { getDataConfig } from "@/utils/data";
  import {
    createCourseOfDiseaseRecord,
    deleteCourseOfDiseaseRecords,
    getCourseOfDiseaseRecords,
    modifyCourseOfDiseaseRecord,
    GetCoursePrintData,
    getPatientDialysisInfor
  } from '@/api/patient'
  import { parseTime } from '@/utils'
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import { uParseTime } from '@/utils/tools'
  export default {
    name: 'CourseOfDisease',
    components: {
      PatientSidebar,
      BreadCrumb,
      Editor
    },
    data() {
      return {
        loading: false,
        title: '',
        patient_id: 0,
        date: [],
        start_time: '',
        end_time: '',
        course_of_disease_time: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
        records: [],
        doctors: [],
        current_select_record: null,
        show_dialog: false,
        show_edit_dialog: false,
        uploading_new_record: false,
        templates: this.$store.getters.configlist.course_disease,
        select_template: '',
        new_content: '',
        edit_new_content: '',
        edit_course_of_disease_time: '',
        selectingRows: [],
        table_current_index: -1,
        edit_current_id: 0,
        edit_title: '',
        ids:"",
        idArr:[],
        org_id:0
      }
    },
    created() {
      this.patient_id = parseInt(this.$route.query.id)
      this.org_id = this.$store.getters.xt_user.template_info.org_id;
      if (isNaN(this.patient_id) || this.patient_id <= 0) {
        this.$notify.error({
          title: '错误',
          message: '无效的id'
        })
        this.$router.push('/patients/patients')
        return
      }
      // 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() -1
      // nowMonth = nowDate.getMonth() + 1
      // nowDay = nowDate.getDate()
      // this.start_time = nowYear +'-' +(nowMonth < 10 ? '0' + nowMonth : nowMonth) +'-' +(nowDay < 10 ? '0' + nowDay : nowDay)
      this.start_time = moment().month(moment().month() - 6).startOf('month').format('YYYY-MM-DD');
      console.log("start_time",this.start_time)
      this.end_time = moment().endOf('month').format('YYYY-MM-DD');
      console.log("end_time",this.end_time)
      this.requestCourseRecords()

    },
    methods: {
      requestCourseRecords: function() {
        this.loading = true
        getCourseOfDiseaseRecords(this.patient_id, this.start_time, this.end_time).then(rs => {
          this.loading = false
          var resp = rs.data
          if (resp.state == 1) {
            this.current_select_record = null
            this.records = resp.data.records
            console.log("records232322332323232323223",this.records)
            this.doctors = resp.data.doctors

          } else {
            this.$message.error(resp.msg)
          }
        }).catch(error => {
          this.loading = false
          this.$message.error(error)
        })
      },

      didChangeCurrentRecord: function(record) {
        this.current_select_record = record
      },
      recordTime: function(timestamp) {
        var time = new Date(timestamp * 1000)
        return parseTime(time, '{y}-{m}-{d} {h}:{i}:{s}')
      },
      doctorName: function(doctor_id) {
        for (let index = 0; index < this.doctors.length; index++) {
          const doctor = this.doctors[index]
          if (doctor.id == doctor_id) {
            return doctor.name
          }
        }
        return ''
      },
      modifyAction: function() {

        this.edit_new_content = this.$refs.edit_neditor.content
        if (this.edit_new_content.length == 0) {
          this.$message.error('请填写病程内容')
          return
        }
        this.uploading_new_record = true
        modifyCourseOfDiseaseRecord(this.patient_id, this.edit_new_content, this.edit_course_of_disease_time, this.edit_current_id, this.edit_title).then(rs => {
          this.uploading_new_record = false
          var resp = rs.data
          if (resp.state == 1) {
            this.records[this.table_current_index].content = resp.data.record.content
            this.records[this.table_current_index].record_time = resp.data.record.record_time
            this.records[this.table_current_index].recorder = resp.data.record.recorder
            this.records[this.table_current_index].title = resp.data.record.title

            this.show_edit_dialog = false
            this.edit_new_content = ''
            this.table_current_index = -1

          } else {
            this.table_current_index = -1
            this.$message.error(resp.msg)
          }

        }).catch(error => {
          this.table_current_index = -1
          this.uploading_new_record = false
          this.$message.error(error)
        })

      },

      createAction: function() {
        this.new_content = this.$refs.editor.content
        console.log("hhhhh2h3h232323232",this.new_content)
        if (this.new_content.length == 0) {
          this.$message.error('请填写病程内容')
          return
        }
        this.uploading_new_record = true

        createCourseOfDiseaseRecord(this.patient_id, this.new_content, this.course_of_disease_time, this.title).then(rs => {
          this.uploading_new_record = false
          var resp = rs.data
          if (resp.state == 1) {
            this.records.unshift(resp.data.record)
            // this.$refs.record_table.setCurrentRow()
            // this.$refs.record_table.setCurrentRow(this.records[0])
            // this.current_select_record = this.records[0]
            this.show_dialog = false
            this.new_content = ''
            this.title = ''

          } else {
            this.$message.error(resp.msg)
          }

        }).catch(error => {
          this.uploading_new_record = false
          this.$message.error(error)
        })
      },
      didSelectTemplate: function(templateContent) {
        this.new_content = this.new_content.length > 0 ? (this.new_content + templateContent) : templateContent

      }, didEditSelectTemplate: function(templateContent) {
        this.edit_new_content = this.edit_new_content.length > 0 ? (this.edit_new_content + templateContent) : templateContent
      },

      didSelectionChange: function(selectRows) {

        var arr = []
        for(let i=0;i<selectRows.length;i++){
           arr.push(selectRows[i].id)
        }
        var newArr = arr.join(',')
        this.ids = newArr
        console.log("select23322332",this.ids)
        this.selectingRows = selectRows
      },
      deleteAction: function() {
        if (this.selectingRows.length == 0) {
          return
        }
        var ids = []
        for (let index = 0; index < this.selectingRows.length; index++) {
          const row = this.selectingRows[index]
          ids.push(row.id)
        }
        var ids_str = ids.join(',')
        this.loading = true
        deleteCourseOfDiseaseRecords(this.patient_id, ids_str).then(rs => {
          var resp = rs.data
          if (resp.state == 1) {
            for (let id_index = 0; id_index < ids.length; id_index++) {
              for (let record_index = 0; record_index < this.records.length; record_index++) {
                if (ids[id_index] == this.records[record_index].id) {
                  this.records.splice(record_index, 1)
                  break
                }
              }
            }
            this.selectingRows = []
            this.$message.success('已删除')

          } else {
            this.$message.error(resp.msg)
          }
          this.loading = false
        }).catch(err => {
          this.loading = false
          this.$message.error(err)
        })
      }, startTimeChange(val) {
        this.requestCourseRecords()
      }, endTimeChange(val) {
        this.requestCourseRecords()
      }, showEdit() {
        if (this.table_current_index == -1) {
          this.$message.error('请选择要修改的病程内容')
          return
        }
        this.show_edit_dialog = true
        this.edit_course_of_disease_time = this.recordTime(this.records[this.table_current_index].record_time)
        this.edit_new_content = this.records[this.table_current_index].content
        this.edit_current_id = this.records[this.table_current_index].id
        this.edit_title = this.records[this.table_current_index].title
        this.$refs.record_table.setCurrentRow(null)

      }, tableRow({ row, rowIndex }) {
        // 把每一行的索引放进row
        row.index = rowIndex
      }, onRowClick(row, event, column) {
        this.table_current_index = row.index
      },
      print(){
        if(this.ids.length == 0){
          this.$message.error('请选择要打印的病程')
          return
        }
        this.$router.push({ path: "/course/print?ids="+this.ids+"&patient_id="+this.patient_id});
       
      },
      toAuto(){
       
         var params=  {
           patient_id:parseInt(this.$route.query.id),
           record_date:this.course_of_disease_time.slice(0,10),
         }
         console.log("param2222owoowwow",params)
        getPatientDialysisInfor(params).then(response=>{
          if(response.data.state== 1){
            var patient = response.data.data.patient
            var prescription = response.data.data.prescription
            var predialysis_evaluation =  response.data.data.assessmentBefor
            var dialysis_order =  response.data.data.order
            var monitors = response.data.data.monitor
            var doctor_advices = response.data.data.advice
            var assessment_after_dislysis =  response.data.data.afterDislysis
           
           var str_one = ""
          if(dialysis_order!=null){
            if(dialysis_order.puncture_nurse_id >0){
              str_one = "护士穿刺成功!"
            }
          }
        
          var total =0 
          if(predialysis_evaluation!=null){
            total = (predialysis_evaluation.weight_before - predialysis_evaluation.dry_weight).toFixed(1)
          }
  

        var monitor_one =[]
        var monitor_two = []
        var monitor_three = []

        if(monitors!=null && monitors.length > 0){
          var monitor_one =  monitors.sort(function (a,b) {
            return b.systolic_bp - a.systolic_bp
          })
          var monitor_two =  monitors.sort(function (a,b) {
            return b.diastolic_bp - a.diastolic_bp
          })

          var monitor_three = monitors.sort(function (a,b) {
            return b.pulse_frequency - a.pulse_frequency
          })

        }
  
        var doc_str = ""
      
        if(doctor_advices!=null && doctor_advices.length > 0){
        
          
          for(let i=0;i<doctor_advices.length;i++){
            doc_str +=doctor_advices[i].advice_name +" "+doctor_advices[i].prescribing_number+doctor_advices[i].prescribing_number_unit+" "+doctor_advices[i].delivery_way
          }
        }

        if(predialysis_evaluation.blood_access_part_id == -2){
          predialysis_evaluation.blood_access_part_id = ""
        }
      
        var str = " 患者今日来我科行血液透析治疗,血管通路选择:"+predialysis_evaluation.blood_access_part_id+ " "+this.QueryOperaById(predialysis_evaluation.blood_access_part_opera_id) +",透析模式:"+this.getModeId(prescription.mode_id)+
        ",透前检查:"+predialysis_evaluation.internal_fistula +predialysis_evaluation.catheter + str_one +" "+ ",透析器:"+prescription.dialyzer_perfusion_apparatus + ",抗凝剂:"+this.GetAnticoagulant(prescription.anticoagulant) +",总量:"+prescription.anticoagulant_zongliang+"iu"+
        ",透前体重:"+predialysis_evaluation.weight_before+"kg"+",间期体重增长:"+total +"kg"+",目标脱水量:"+prescription.target_ultrafiltration +"ml" +",血流量:"+prescription.blood_flow_volume+"ml/min" + ",透析开始时间:"+this.getTime(dialysis_order.start_time) +",透析过程中血压波动,"+"最大收缩压:"+monitor_one[0].systolic_blood_pressure+"mmHg"+",最小收缩压:"+monitor_one[monitor_one.length-1].systolic_blood_pressure
        +"mmHg" +",最小舒张压:" +monitor_two[0].diastolic_blood_pressure+"mmHg" + ",最大舒张压:" + monitor_two[monitor_two.length-1].diastolic_blood_pressure +"mmHg" + ",最大脉搏:"+monitor_three[0].pulse_frequency+"次/分"+",最小脉搏:"+monitor_three[monitor_three.length-1].pulse_frequency+"次/分"+",透析结束时间:"+this.getTime(dialysis_order.end_time) +
        ",实际治疗时长:"+ assessment_after_dislysis.actual_treatment_hour +"时"+assessment_after_dislysis.actual_treatment_minute+"分" +",实际超滤量:"+assessment_after_dislysis.actual_ultrafiltration+"ml"+",透后体重:"+assessment_after_dislysis.weight_after+"kg"+",透析过程顺利，安全下机" + " "
        +",今日使用药品:"+doc_str +",患者下机后测血压,"+"收缩压:"+assessment_after_dislysis.systolic_blood_pressure+"mmHg"+",舒张压:"+assessment_after_dislysis.diastolic_blood_pressure+"mmHg"+",脉搏:"+assessment_after_dislysis.pulse_frequency +"次/分"

        console.log("str000000000000000000222o2o2",str)
           this.new_content =str
          }
        })

      },

    QueryOperaById(val){
       var blood_access_part_opera = getDataConfig('hemodialysis', 'vascular_access_desc')
       var name = ""
       for(let i=0;i<blood_access_part_opera.length;i++){
         if(val == blood_access_part_opera[i].id){
            name = blood_access_part_opera[i].name
         }
       }
       return name
    },
    getModeId(mode_id){
      var mode_name = ""
      if(mode_id == 1){
         mode_name ="HD"
      }
      if(mode_id == 2){
         mode_name ="HDF"
      }
      if(mode_id == 3){
         mode_name ="HD+HP"
      }
      if(mode_id == 4){
         mode_name ="HP"
      }
      if(mode_id == 5){
         mode_name ="HF"
      }
      if(mode_id == 6){
         mode_name ="SCUF"
      }
      if(mode_id == 7){
         mode_name ="IUF"
      }
      if(mode_id == 8){
         mode_name ="HFHD"
      }
      if(mode_id == 9){
         mode_name ="HFHD+HP"
      }
      if(mode_id == 10){
         mode_name ="PHF"
      }
      if(mode_id == 11){
         mode_name ="HFR"
      }
      if(mode_id == 12){
         mode_name ="HDF+HP"
      }
      if(mode_id == 13){
         mode_name ="CRRT"
      }
      if(mode_id == 14){
         mode_name ="腹水回输"
      }
      if(mode_id == 19){
         mode_name ="IUF+HD"
      }
      if(mode_id == 20){
         mode_name ="UF"
      }
      if(mode_id == 21){
         mode_name ="HD+"
      }
      if(mode_id == 22){
         mode_name ="血浆胆红素吸附+HDF"
      }
      if(mode_id == 23){
         mode_name ="血浆胆红素吸附"
      }
      if(mode_id == 24){
         mode_name ="I-HDF"
      }
      if(mode_id == 25){
         mode_name ="HD高通"
      }
      if(mode_id == 26){
         mode_name ="CVVH"
      }
      if(mode_id == 27){
         mode_name ="CVVHD"
      }
      if(mode_id == 28){
         mode_name ="CVVHDF"
      }
      if(mode_id == 29){
         mode_name ="PE"
      }
      if(mode_id == 30){
         mode_name ="血浆胆红素吸附+HP"
      }
      if(mode_id == 31){
         mode_name ="HPD"
      }
      if(mode_id == 32){
         mode_name ="HDP"
      }
      return mode_name
    },
    GetAnticoagulant(id){
      var  anticoagulant_name = ""
      if(id == 1){
       anticoagulant_name = "无肝素"
      }
      if(id == 2){
         anticoagulant_name = "普通肝素"
      }
      if(id == 3){
        anticoagulant_name = "低分子肝素"
      } 
      if(id == 4){
        anticoagulant_name = "阿加曲班"
      } 

      if(id == 5){
       anticoagulant_name = "枸橼酸钠"
      }
      if(id == 6){
         anticoagulant_name = "低分子肝素钙"
      }
      if(id == 7){
        anticoagulant_name = "低分子肝素钠"
      } 
      if(id == 8){
        anticoagulant_name = "依诺肝素"
      } 

      if(id == 9){
        anticoagulant_name = "达肝素"
      } 
      if(id == 10){
        anticoagulant_name = "体外抗凝"
      } 

      if(id == 11){
        anticoagulant_name = "那屈肝素"
      } 
      if(id == 12){
        anticoagulant_name = "无抗凝剂"
      } 

      if(id == 13){
        anticoagulant_name = "那屈肝素钙"
      } 
      if(id == 14){
        anticoagulant_name = "肝素钙注射液"
      } 
      if(id == 15){
        anticoagulant_name = "甲磺酸萘莫司他"
      } 

      return anticoagulant_name
    },
    getTime (time) {
     return uParseTime(time, '{y}-{m}-{d} {h}:{i}')
    },
    }
  }
</script>

<style rel="stylesheet/css" lang="scss" scoped>
  .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;
}
</style>