Vue_New/src/xt_pages/dialysis/details/dialog/assessmentBeforeDislysisDia...

<template>
  <div>
    <el-dialog
      class="newDialog"
      title="透前评估"
      :visible.sync="isVisibility"
      width="1010px"
      :modal = 'false'
      :modal-append-to-body="false"
      :close-on-click-modal="false"
    >
      <div class="warnTxt" v-if="showTxt != ''">{{ showTxt }}</div>
      <!--<check-box-dialog-->
      <!--:propsForm="InnerDialogProps"-->
      <!--v-on:dialog-comfirm="innerDialogComfirm"-->
      <!--v-on:dialog-cancle="innerDialogCancle"-->
      <!--&gt;</check-box-dialog>-->

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


      <el-form ref="assessmentBeforeDislysis" :model="assessmentBeforeDislysis" label-width="125px">
        <el-row :gutter="24">
          <el-col :span="8">
            <el-form-item label="透前称重(kg)： " :prop="isName('透前称重')"
              :rules="isCheckmust('透前称重')" v-if="isShow('透前称重')">
              <el-input type="number" v-model="assessmentBeforeDislysis.weight_before"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="透前体重备注:" :prop="isName('透前体重备注')"
              :rules="isCheckmust('透前体重备注')" v-if="isShow('透前体重备注')">
              <el-input v-model="assessmentBeforeDislysis.weight_befor_remake"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="干体重(kg)："
              :prop="isName('干体重')"
              :rules="isCheckmust('干体重')"
                          v-if="isShow('干体重')">
                          <!--  -->
              <el-input type="number" v-model="assessmentBeforeDislysis.dry_weight" readonly
                        @focus="showDryWeightDialog"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="身高(cm)："
              prop="height"
              :rules="isCheckmust('身高')"
                          v-if="isShow('身高')">
              <el-input  v-model="assessmentBeforeDislysis.height"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="年龄(岁)：" :prop="isName('年龄')"
              :rules="isCheckmust('年龄')" v-if="isShow('年龄')">
              <el-input  v-model="assessmentBeforeDislysis.age" ></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="衣物重(kg)：" :prop="isName('衣物重')"
              :rules="isCheckmust('衣物重')" v-if="isShow('衣物重')">
              <el-input type="number" v-model="assessmentBeforeDislysis.additional_weight"></el-input>
            </el-form-item>
          </el-col>

<!--          <el-col :span="8">-->
<!--            <el-form-item label="透析机型号:" v-if="isShow('透析机型号')">-->
<!--              <el-input v-model="assessmentBeforeDislysis.machine_type"></el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

          <el-col :span="8">
            <el-form-item label="透析机型号" :prop="isName('透析机型号')"
              :rules="isCheckmust('透析机型号')" v-if="isShow('透析机型号')">
              <el-select v-model="assessmentBeforeDislysis.machine_type">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option v-for="item in machineType" :label="item.name" :value="item.id"
                           :key="item.id"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('透析频次')">
            <el-form-item label="透析频次(次/周):" :prop="isName('透析频次')"
              :rules="isCheckmust('透析频次')" v-if="this.$store.getters.xt_user.template_info.org_id != 10243">
              <el-input v-model="assessmentBeforeDislysis.dialysis_count"></el-input>
            </el-form-item>
            <el-form-item label="透析频次:" :prop="isName('透析频次')"
              :rules="isCheckmust('透析频次')" v-else>
              <el-input v-model="assessmentBeforeDislysis.dialysis_count"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="体温(℃)：" :prop="isName('体温')"
              :rules="isCheckmust('体温')" v-if="isShow('体温')">
              <el-input type="number" v-model="assessmentBeforeDislysis.temperature"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="收缩压(mmHg)： " :prop="isName('收缩压')"
              :rules="isCheckmust('收缩压')" v-if="isShow('收缩压')">
              <el-input type="number" v-model="assessmentBeforeDislysis.systolic_blood_pressure"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="舒张压(mmHg)： " :prop="isName('舒张压')"
              :rules="isCheckmust('舒张压')" v-if="isShow('舒张压')">
              <el-input type="number" v-model="assessmentBeforeDislysis.diastolic_blood_pressure"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="呼吸频率(次/分)：" :prop="isName('呼吸频率')"
              :rules="isCheckmust('呼吸频率')" v-if="isShow('呼吸频率')">
              <el-input  v-model="assessmentBeforeDislysis.breathing_rate"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="脉搏(次/分)：" :prop="isName('脉搏')"
              :rules="isCheckmust('脉搏')" v-if="isShow('脉搏')">
              <el-input type="number" v-model="assessmentBeforeDislysis.pulse_frequency"></el-input>
            </el-form-item>
          </el-col>
<!--
          <el-col :span="8">
            <el-form-item label="体液过多症状： " v-if="isShow('体液过多症状')">
              <el-select v-model="assessmentBeforeDislysis.humor_excessive_symptom">
                <el-option :key="0" label="请选择" :value="0"></el-option>
                <el-option v-for="item in humor_excessive_symptom_array" :label="item.name" :value="item.id"
                           :key="item.id"></el-option>
              </el-select>
            </el-form-item>
          </el-col> -->

          <el-col :span="8">
            <el-form-item label="体液过多症状：" :prop="isName('体液过多症状')"
              :rules="isCheckmust('体液过多症状')" v-if="isShow('体液过多症状')">
              <el-input v-model="assessmentBeforeDislysis.humor_excessive_symptom" readonly
                        @focus="showInnerDialog('19')"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="血管通路： " :prop="isName('血管通路')"
              :rules="isCheckmust('血管通路')" v-if="isShow('血管通路')">
              <el-select v-model="assessmentBeforeDislysis.blood_access_part_opera_id">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option v-for="item in blood_access_part_opera" :label="item.name" :value="item.id"
                           :key="item.id"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="血管通路部位： " :prop="isName('血管通路部位')"
              :rules="isCheckmust('血管通路部位')" v-if="isShow('血管通路部位')">
              <!-- <el-select v-model="assessmentBeforeDislysis.blood_access_part_id">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option v-for="item in blood_access_part" :label="item.name" :value="item.id"
                           :key="item.id"></el-option>
              </el-select> -->
              <el-input v-model="assessmentBeforeDislysis.blood_access_part_id" readonly @focus="showInnerDialog('17')"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="血管通路其他部位:" :prop="isName('血管通路其他部位')"
              :rules="isCheckmust('血管通路其他部位')" v-if="isShow('血管通路其他部位')">
              <el-input v-model="assessmentBeforeDislysis.venous_catheterization_part_other"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="内瘘: " :prop="isName('内瘘')"
              :rules="isCheckmust('内瘘')" v-if="isShow('内瘘')">
              <el-input v-model="assessmentBeforeDislysis.internal_fistula" readonly
                        @focus="showInnerDialog('7')"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="assessmentBeforeDislysis.is_hemorrhage == 1&&isShow('其他出血情况')">
            <el-form-item label="其他出血情况： " prop="hemorrhage_other"
              :rules="isCheckmust('其他出血情况')">
              <!-- :prop="isName('其他出血情况')" -->
              <el-input v-model="assessmentBeforeDislysis.hemorrhage_other"></el-input>
            </el-form-item>
          </el-col>


          <el-col :span="8">
            <el-form-item label="血管通路(内瘘)其他:" :prop="isName('血管通路(内瘘)其他')"
              :rules="isCheckmust('血管通路(内瘘)其他')" v-if="isShow('血管通路(内瘘)其他')">
              <el-input v-model="assessmentBeforeDislysis.internal_fistula_other"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('血管杂音')">
            <el-form-item label="血管杂音： " :prop="isName('血管杂音')"
              :rules="isCheckmust('血管杂音')">
              <el-select v-model="assessmentBeforeDislysis.blood_access_noise">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option v-for="item in blood_access_noise" :label="item.name" :value="item.id"
                           :key="item.id"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="血管通路皮肤情况: " :prop="isName('血管通路皮肤情况')"
              :rules="isCheckmust('血管通路皮肤情况')" v-if="isShow('血管通路皮肤情况')">
              <el-input v-model="assessmentBeforeDislysis.internal_fistula_skin" readonly
                        @focus="showInnerDialog('8')"></el-input>
            </el-form-item>
          </el-col>


          <el-col :span="8">

            <el-form-item label="中心静脉置管： " :prop="isName('中心静脉置管')"
              :rules="isCheckmust('中心静脉置管')" v-if="isShow('中心静脉置管')">
              <el-select v-model="assessmentBeforeDislysis.venous_catheterization">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option v-for="item in this.$store.getters.venous_catheterization" :label="item.name"
                           :value="item.id"
                           :key="item.id"></el-option>
              </el-select>
            </el-form-item>
          </el-col>


          <el-col :span="8">
            <el-form-item label="导管： " :prop="isName('导管')"
              :rules="isCheckmust('导管')" v-if="isShow('导管')">
              <el-input v-model="assessmentBeforeDislysis.catheter" @focus="showInnerDialog('4')"></el-input>
            </el-form-item>
          </el-col>


          <el-col :span="8">
            <el-form-item label="导管维护： " :prop="isName('导管维护')"
              :rules="isCheckmust('导管维护')" v-if="isShow('导管维护')">
              <el-input v-model="assessmentBeforeDislysis.catheter_maintenance" @focus="showInnerDialog('18')"></el-input>
            </el-form-item>
          </el-col>

          <!--<el-col :span="8">-->
          <!--<el-form-item label="附加物重(kg)： ">-->
          <!--<el-input type="number" v-model="assessmentBeforeDislysis.additional_weight"></el-input>-->
          <!--</el-form-item>-->
          <!--</el-col>-->

          <!-- </el-row>

          <el-row :gutter="20"> -->
          <el-col :span="8">
            <el-form-item label="导管打折： " :prop="isName('导管打折')"
              :rules="isCheckmust('导管打折')" v-if="isShow('导管打折')">
              <el-select v-model="assessmentBeforeDislysis.catheter_bend">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option label="有" value="1"></el-option>
                <el-option label="无" value="2"></el-option>
              </el-select>

              <!-- <el-select v-model="assessmentBeforeDislysis.catheter_bend" placeholder="请选择">
                <el-option
                  v-for="item in catheters"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select> -->
            </el-form-item>
          </el-col>

          <!-- </el-row>
          <el-row :gutter="20"> -->

          <el-col :span="8">
            <el-form-item label="穿刺针： " :prop="isName('穿刺针')"
              :rules="isCheckmust('穿刺针')" v-if="isShow('穿刺针')">
              <el-input v-model="assessmentBeforeDislysis.puncture_needle" @focus="showInnerDialog('11')"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('穿刺方向')">
            <el-form-item label="穿刺方向： " :prop="isName('穿刺方向')">
              <el-select v-model="assessmentBeforeDislysis.puncture_needle_direction">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option v-for="item in punctureNeedleDireciton" :label="item.name" :value="item.name"
                           :key="item.id"></el-option>
              </el-select>
            </el-form-item>
          </el-col>


          <el-col :span="8">
            <el-form-item label="针眼: " :prop="isName('针眼')"
              :rules="isCheckmust('针眼')" v-if="isShow('针眼')">
              <el-input v-model="assessmentBeforeDislysis.pinholing" readonly
                        @focus="showInnerDialog('14')"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="穿刺方式： " :prop="isName('穿刺方式')"
              :rules="isCheckmust('穿刺方式')" v-if="isShow('穿刺方式')">
              <!-- <el-select v-model="assessmentBeforeDislysis.puncture_way">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option v-for="item in this.puncture_ways" :label="item.name" :value="item.id"
                           :key="item.id"></el-option>
              </el-select> -->
              <el-input v-model="assessmentBeforeDislysis.puncture_way" readonly
                      @focus="showInnerDialog('13')">
              </el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="穿刺点： " :prop="isName('穿刺点')"  v-if="isShow('穿刺点')&& assessmentBeforeDislysis.puncture_way.indexOf('绳梯')!==-1">
              <el-input v-model="assessmentBeforeDislysis.point_puncture" readonly
                      @focus="showInnerDialog('21')">
              </el-input>
            </el-form-item>
          </el-col>


          <el-col :span="8">
            <el-form-item label="出血： " :prop="isName('出血')"
              :rules="isCheckmust('出血')" v-if="isShow('出血')">
              <el-select v-model="assessmentBeforeDislysis.is_hemorrhage">
                <el-option :key="0" label="请选择" :value="0"></el-option>
                <el-option label="是" value="1"></el-option>
                <el-option label="否" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="assessmentBeforeDislysis.is_hemorrhage == 1&&isShow('出血选项')">
            <el-form-item label="出血选项： " :prop="isName('出血选项')"
              :rules="isCheckmust('出血选项')">
              <div>
                <el-input v-model="assessmentBeforeDislysis.hemorrhage" @focus="showInnerDialog('6')"></el-input>
              </div>
            </el-form-item>
          </el-col>

           <el-col :span="8">
            <el-form-item label="血栓：" :prop="isName('血栓')"
              :rules="isCheckmust('血栓')" v-if="isShow('血栓')">
              <el-select v-model="assessmentBeforeDislysis.thromubus_type" @change="changeThrombus">
                <el-option :key="0" label="请选择" :value="0"></el-option>
                <el-option label="有" value="1"></el-option>
                <el-option label="无" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="导管AV端约为(cm):" :prop="isName('导管AV端各约')"
              :rules="isCheckmust('导管AV端各约')" v-show="thrombuShow" label-width="150px">
              <el-input v-model="assessmentBeforeDislysis.thrombus_av" style="width:150px"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="导管A端约(cm):" :prop="isName('导管A端约')"
              :rules="isCheckmust('导管A端约')" v-show="thrombuShow">
              <el-input v-model="assessmentBeforeDislysis.thromubus_a" style="width:150px"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="导管V端约(cm):" :prop="isName('导管V端约')"
              :rules="isCheckmust('导管V端约')" v-show="thrombuShow">
              <el-input v-model="assessmentBeforeDislysis.thromubus_v" style="width:150px"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('皮肤')">
            <el-form-item label="皮肤： " :prop="isName('皮肤')"
              :rules="isCheckmust('皮肤')">
              <!-- <el-select v-model="assessmentBeforeDislysis.skin">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option v-for="item in this.$store.getters.skin" :label="item.name" :value="item.id"
                           :key="item.id"></el-option>
              </el-select> -->

              <el-input v-model="assessmentBeforeDislysis.skin" readonly
                      @focus="showInnerDialog('12')">
              </el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="并发症： " :prop="isName('并发症')"
              :rules="isCheckmust('并发症')" v-if="isShow('并发症')">

              <el-input v-model="assessmentBeforeDislysis.complication" @focus="showInnerDialog('5')"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="透析前症状： " :prop="isName('透析前症状')"
              :rules="isCheckmust('透析前症状')" v-if="isShow('透析前症状')">
              <el-input v-model="assessmentBeforeDislysis.symptom_before_dialysis"
                        @focus="showInnerDialog('3')"></el-input>
            </el-form-item>
          </el-col>



          <el-col :span="8">
            <el-form-item label="前次透析后症状：" :prop="isName('前次透析后症状')"
              :rules="isCheckmust('前次透析后症状')" v-if="isShow('前次透析后症状')">
              <el-input v-model="assessmentBeforeDislysis.last_post_dialysis" @focus="showInnerDialog('1')"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('急诊')">
            <el-form-item label="急诊： " :prop="isName('急诊')"
              :rules="isCheckmust('急诊')">
              <el-select v-model="assessmentBeforeDislysis.emergency_treatment">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option v-for="item in this.$store.getters.emergency_treatment" :label="item.name" :value="item.id"
                           :key="item.id"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('其他急诊情况')">
            <el-form-item label="其他急诊情况:" :prop="isName('其他急诊情况')"
              :rules="isCheckmust('其他急诊情况')">
              <el-input v-model="assessmentBeforeDislysis.emergency_treatment_other"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('特殊处理情况')">
            <el-form-item label="特殊处理情况:" :prop="isName('特殊处理情况')"
              :rules="isCheckmust('特殊处理情况')">
              <el-input v-model="assessmentBeforeDislysis.special_treatment"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="透析期间： " :prop="isName('透析期间')"
              :rules="isCheckmust('透析期间')" v-if="isShow('透析期间')">
              <el-input v-model="assessmentBeforeDislysis.dialysis_interphase" @focus="showInnerDialog('2')">>
              </el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">

            <el-form-item label="位置： " :prop="isName('位置')"
              :rules="isCheckmust('位置')" v-if="isShow('位置')">
              <el-select v-model="assessmentBeforeDislysis.venous_catheterization_part">
                <el-option :key="0" label="请选择" :value="0"></el-option>

                <el-option v-for="item in this.$store.getters.venous_catheterization_part" :label="item.name"
                           :value="item.id"
                           :key="item.id"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('其他中心静脉导管')">
            <el-form-item label="其他中心静脉导管:" :prop="isName('其他中心静脉导管')"
              :rules="isCheckmust('其他中心静脉导管')">
              <div>
                <el-input v-model="assessmentBeforeDislysis.ductus_arantii_other"></el-input>
              </div>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="感染： " :prop="isName('感染')"
              :rules="isCheckmust('感染')" v-if="isShow('感染')">
              <el-select v-model="assessmentBeforeDislysis.is_infect">
                <el-option :key="0" label="请选择" :value="0"></el-option>
                <el-option label="无" value="1"></el-option>
                <el-option label="有" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('其他感染情况')">
            <el-form-item label="其他感染情况:" :prop="isName('其他感染情况')"
              :rules="isCheckmust('其他感染情况')">
              <el-input v-model="assessmentBeforeDislysis.infect_other"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('外露')">
            <el-form-item label="外露(cm):" :prop="isName('外露')"
              :rules="isCheckmust('外露')">
              <el-input v-model="assessmentBeforeDislysis.exposed"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('其他皮肤情况')">
            <el-form-item label="其他皮肤情况:" :prop="isName('其他皮肤情况')"
              :rules="isCheckmust('其他皮肤情况')">
              <el-input v-model="assessmentBeforeDislysis.skin_other"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="导管缝线：" :prop="isName('导管缝线')"
              :rules="isCheckmust('导管缝线')" v-if="isShow('导管缝线')">
              <el-input v-model="assessmentBeforeDislysis.catheter_suture" @focus="showInnerDialog('15')"></el-input>
            </el-form-item>
          </el-col>


          <el-col :span="8" v-if="isShow('导管缝线(其他)')">
            <el-form-item label="导管缝线(其他):" :prop="isName('导管缝线(其他)')"
              :rules="isCheckmust('导管缝线(其他)')">
              <el-input v-model="assessmentBeforeDislysis.catheter_suture_other"></el-input>
            </el-form-item>
          </el-col>



          <el-col :span="8" v-if="isShow('尿量')">
            <el-form-item label="尿量(ml):" :prop="isName('尿量')"
              :rules="isCheckmust('尿量')">
              <el-input v-model="assessmentBeforeDislysis.urine_volume"></el-input>
            </el-form-item>
          </el-col>




          <el-col :span="8">
            <el-form-item label="水肿：" :prop="isName('水肿')"
              :rules="isCheckmust('水肿')" v-if="isShow('水肿')">
              <el-input v-model="assessmentBeforeDislysis.edema" @focus="showInnerDialog('16')"></el-input>
            </el-form-item>
          </el-col>

         <el-col :span="8">
            <el-form-item label="预增脱水量(L):" :prop="isName('预增脱水量')"
              :rules="isCheckmust('预增脱水量')" v-if="isShow('预增脱水量')">
             <el-input v-model="assessmentBeforeDislysis.dehydration"></el-input>
            </el-form-item>
          </el-col>


          <el-col :span="8">
            <el-form-item label="透析前药物:" :prop="isName('透析前药物')"
              :rules="isCheckmust('透析前药物')" v-if="isShow('透析前药物')">
             <el-input v-model="assessmentBeforeDislysis.pre_dialysis_drugs"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="围手术期:" :prop="isName('围手术期')"
              :rules="isCheckmust('围手术期')" v-if="isShow('围手术期')">
              <el-select v-model="assessmentBeforeDislysis.period">
                <el-option :key="0" label="请选择" :value="0"></el-option>
                <el-option label="无" value="1"></el-option>
                <el-option label="有" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="预计进食量(g):" :prop="isName('预计进食量')"
              :rules="isCheckmust('预计进食量')" v-if="isShow('预计进食量')">
             <el-input v-model="assessmentBeforeDislysis.estimated_food_intake"></el-input>
            </el-form-item>
          </el-col>

         <el-col :span="8">
            <el-form-item label="透析期间血压:" :prop="isName('透析期间血压')"
              :rules="isCheckmust('透析期间血压')" v-if="isShow('透析期间血压')">
             <el-input v-model="assessmentBeforeDislysis.blood_pressure_during_dialysis"></el-input>
            </el-form-item>
          </el-col>



           <el-col :span="8" v-if="isShow('透前尿素')">
            <el-form-item label="透前尿素(mmol/L):" :prop="isName('透前尿素')"
              :rules="isCheckmust('透前尿素')" label-width="150px">
              <el-input v-model="assessmentBeforeDislysis.urea_befor"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('住院科室')">
            <el-form-item label="住院科室:" :prop="isName('住院科室')"
              :rules="isCheckmust('住院科室')" label-width="150px">
              <el-input v-model="assessmentBeforeDislysis.his_department"></el-input>
            </el-form-item>
          </el-col>

         <el-col :span="8" v-if="isShow('住院床位')">
            <el-form-item label="住院床位:" :prop="isName('住院床位')"
              :rules="isCheckmust('住院床位')" label-width="150px">
              <el-input v-model="assessmentBeforeDislysis.his_bed"></el-input>
            </el-form-item>
          </el-col>


          <el-col :span="8">
            <el-form-item label="抽吸:" :prop="isName('抽吸')"
              :rules="isCheckmust('抽吸')" v-if="isShow('抽吸')">
              <el-input v-model="assessmentBeforeDislysis.suction" @focus="showInnerDialog('20')"></el-input>
            </el-form-item>
          </el-col>


           <el-col :span="8">
            <el-form-item label="透前净体重:"
              v-if="this.$store.getters.xt_user.template_info.template_id == 6">
              <el-input v-model="body_weight_before" readonly></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">

            <el-form-item label="导管评估项目: " :prop="isName('导管评估项目')"
              :rules="isCheckmust('导管评估项目')" v-if="isShow('导管评估项目')">
              <el-input v-model="assessmentBeforeDislysis.catheter_evaluation_program" readonly
                        @focus="showInnerDialog('22')"></el-input>
            </el-form-item>

          </el-col>

          <el-col :span="8">
            <el-form-item label="置管部位皮肤:" :prop="isName('置管部位皮肤')"
              :rules="isCheckmust('置管部位皮肤')" v-if="isShow('置管部位皮肤')">

              <el-input v-model="assessmentBeforeDislysis.skin_site_catheterization" readonly
                        @focus="showInnerDialog('23')"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="是否通畅:" :prop="isName('是否通畅')"
              :rules="isCheckmust('是否通畅')" v-if="isShow('是否通畅')">
              <el-select v-model="assessmentBeforeDislysis.whether_unobstructed" @change="changeThrombus">
                <el-option :key="0" label="请选择" :value="0"></el-option>
                <el-option label="是" value="1"></el-option>
                <el-option label="否" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="留置必要:" :prop="isName('留置必要')"
              :rules="isCheckmust('留置必要')" v-if="isShow('留置必要')">
              <el-select v-model="assessmentBeforeDislysis.lien_necessary" @change="changeThrombus">
                <el-option :key="0" label="请选择" :value="0"></el-option>
                <el-option label="是" value="1"></el-option>
                <el-option label="否" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="通路形成时间:" :prop="isName('通路形成时间')"
              :rules="isCheckmust('通路形成时间')" v-if="isShow('通路形成时间')">
              <el-date-picker
              v-model="assessmentBeforeDislysis.pathway_formation_time"
              type="date"
              style="width:200px"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              placeholder="通路形成时间">
              </el-date-picker>
            </el-form-item>
          </el-col>


        </el-row>
        <el-row :gutter="20">
          <el-col :span="24" v-if="isShow('透前症状')">
              <el-form-item
                label="透前症状："
                :prop="isName('透前症状')"
                :rules="isCheckmust('透前症状')"
              >
                <el-select @change="dialysisSummarySelectChange" v-model="value2">
                  <el-option
                    v-for="(item, index) in summary"
                    :label="item.text"
                    :value="item.value"
                    :key="index"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col v-if="isShow('透前症状')">
              <el-form-item
                :prop="isName('透前症状')"
                :rules="isCheckmust('透前症状')"
              >
                <el-input
                  type="textarea"
                  v-model="assessmentBeforeDislysis.befor_symptoms"
                  :rows="4"
                ></el-input>
              </el-form-item>
            </el-col>

           <el-col :span="8">
            <el-form-item label="Ns冲洗量(ml):" :prop="isName('冲洗量')" v-if="isShow('冲洗量')">
              <el-input v-model="assessmentBeforeDislysis.warsh_count"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="q(h):" :prop="isName('冲洗时间')" v-if="isShow('冲洗时间')">
              <el-input v-model="assessmentBeforeDislysis.washing_time"></el-input>
            </el-form-item>
          </el-col>



              <el-col :span="24">
                <el-form-item label="备注： " :prop="isName('备注')"
                  :rules="isCheckmust('备注')">
                  <el-input type="textarea" v-model="assessmentBeforeDislysis.remark" :rows="5"></el-input>
                </el-form-item>
              </el-col>


            </el-row>


      </el-form>
      <span slot="footer" class="dialog-footer">
                <el-button @click="handleCancle">取 消</el-button>
                 <!--v-if="hasPermission"  -->
                <el-button type="primary"  @click="handleComfirm('assessmentBeforeDislysis')">保 存</el-button>
            </span>
    </el-dialog>


    <el-dialog title="调整干体重  " :visible.sync="dialogFormVisible" width="50%"   @close="cancleDryWeight()">
      <el-form :model="weight_adjust" ref="weight_adjust">
        <el-form-item label="干体重 :" label-width="80px" >
          <el-input style="width: 200px" v-model="weight_adjust.weight" auto-complete="off"></el-input>
        </el-form-item>
        <el-form-item label="医生 : " label-width="80px">
          <el-select v-model="weight_adjust.doctor" placeholder="请选择医生">
            <el-option v-for="(item,index) in doctorOptions" :label="item.name" :value="item.id" :key="index"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="备注 : " label-width="80px">
          <el-input
            type="textarea"
            :rows="2"
            style="width:200px;"
            placeholder="请输入内容"
            v-model="weight_adjust.remark">
          </el-input>
        </el-form-item>
      </el-form>
      <!-- 六次干体重调整记录 -->
      <div  style="margin: 10px 50px;"><span style="font-weight: bold;">近六次干体重调整记录</span></div>
      <div class="gantizhong">
        <el-table :data="dryWeightList" stripe style="width: 100%">
          <el-table-column prop="" label="时间"  width="180">
            <template slot-scope="scope">
                {{ getTime(scope.row.ctime) }}
            </template>
          </el-table-column>
          <el-table-column prop="" label="干体重" width="180">
            <template slot-scope="scope">
              {{scope.row.dry_weight }}
            </template>
          </el-table-column>
          <el-table-column  prop=""  label="医生"  width="180">
            <template slot-scope="scope">
              {{getUserName(scope.row.creator) }}
            </template>
          </el-table-column>
          <el-table-column prop="" label="备注">
            <template slot-scope="scope">
              {{scope.row.remakes }}
            </template>
          </el-table-column>
        </el-table>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancleDryWeight()">取 消</el-button>
        <el-button type="primary" @click="submitDryWeight()">保 存</el-button>
      </div>
    </el-dialog>


    <el-dialog
          title="提示"
          :visible.sync="infoDialogVisible"
          width="30%">
          <span>
           <el-form>
             <el-row>
               <span>申请日期:</span>
                <span>
                    <el-date-picker
                      type="datetime"
                      format="yyyy-MM-dd HH:mm"
                      value-format="yyyy-MM-dd HH:mm"
                      placeholder="选择时间"
                      v-model="selected_date"
                  ></el-date-picker>
                </span>
             </el-row>
             <el-row>
               <span>备注:</span>
                <span>
                   <el-input v-model="remark" style="width:200px"></el-input>
                </span>
             </el-row>
           </el-form>

          </span>
          <span slot="footer" class="dialog-footer">
            <el-button @click="infoDialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="saveInformation">确 定</el-button>
          </span>
        </el-dialog>
  </div>


</template>

<script>
  import axios from 'axios'
  import multiSelectBox from './MultiSelectBox'
  import { getDataConfig } from '@/utils/data'
  import { postAssessmentBeforeDislysis, CreateDryWeight,saveInformation } from '@/api/dialysis'
  import store from '@/store'
  import { uParseTime } from '@/utils/tools'
  import { parseTime } from '@/utils'

  import request from '@/utils/request'
  const moment = require('moment')
  export default {
    components: {
      multiSelectBox
    },
    name: 'assessment-after-dislysis-dialog',
    data() {
      return {
        hemorrhages:[
          {value:0,label:'请选择'},
          {value:1,label: '是'},
          {value:2,label: '否'},
        ],
        catheters:[
          {value:0,label:'请选择'},
          {value:1,label:'有'},
          {value:2,label:'无'}
          ],
        showTxt: '',
        hasPermission: true,
        weight_adjust: {
          weight: '',
          doctor: '',
          remark: ''

        },
        lastPredialysisEvaluation: null,
        lastDryWeightDislysis: null,
        doctorOptions: [],
        isVisibility: false,
        dialogFormVisible: false,
        actualTreatmentHourShow: new Date(2018, 1, 1, 3, 0),
        record_date: '',
        cruorOptions: [],
        last_dialysis_after: [],
        dialysis_interphase: [],
        symptom_before_dialysis: [],
        blood_access_noise: [],
        catheter_suture:[],
        edema:[],
        catheter: [],
        complication: [],
        hemorrhage: [],
        blood_access_part: [],
        blood_access_part_opera: [],
        humor_excessive_symptom_array: [],
        internal_fistula: [],
        internal_fistula_skin: [],
        puncture_method: [],
        suctionList:[],
        isVisibiltyForCruorDialog: false,
        assessmentBeforeDislysis: {
          puncture_needle: '',
          catheter_bend: '',
          internal_fistula_skin: '',
          weight_before: '',
          additional_weight: '',
          temperature: '',
          dry_weight: '',
          systolic_blood_pressure: '',
          diastolic_blood_pressure: '',
          symptom_before_dialysis: '',
          pulse_frequency: '',
          last_post_dialysis: '',
          dialysis_interphase: '',
          catheter: '',
          complication: '',
          remark: '',
          humor_excessive_symptom: '',
          blood_access_part_id: '',
          blood_access_part_opera_id: '',
          internal_fistula: '',
          is_hemorrhage: '',
          hemorrhage: '',
          hemorrhage_other: '',
          puncture_method: '',
          breathing_rate: '',
          dialysis_count: '',
          emergency_treatment: '',
          emergency_treatment_other: '',
          ductus_arantii_other: '',
          ductus_arantii: '',
          venous_catheterization_part_other: '',
          venous_catheterization_part: '',
          venous_catheterization: '',
          puncture_way: '',
          blood_access_noise: '',
          internal_fistula_other: '',
          blood_access_internal_fistula: '',
          is_infect: '',
          exposed: '',
          skin: '',
          skin_other: '',
          infect_other: '',
          machine_type: '',
          pinholing:'',
          catheter_suture:'',
          catheter_suture_other:'',
          urine_volume:'',
          edema:'',
          special_treatment:'',
          catheter_maintenance:"",
          thromubus_type:"",
          thrombus_av:"",
          thromubus_a:"",
          thromubus_v:"",
          dehydration:"",
          pre_dialysis_drugs:"",
          period:"",
          estimated_food_intake:"",
          blood_pressure_during_dialysis:"",
          urea_befor:"",
          suction:"",
          weight_befor_remake:"",
          height:"",
          age:"",
          his_department:"",
          his_bed:"",
          point_puncture:"",
          catheter_evaluation_program:"",
          skin_site_catheterization:"",
          pathway_formation_time:"",
          lien_necessary:"",
          befor_symptoms:"",
          washing_time:"",
          warsh_count:"",
          puncture_needle_direction:"",
        },

        InnerDialogProps: {
          values: [],
          visibility: false,
          isShowTextArea: true,
          customContent: '',
          titles: '',
          type: '' // 不同弹框类型，用来匹配数据
        },
        machineType: [],
        puncture_ways: '',
        skins:[],
        pinholings:[],
        catheter_maintenancelist:[],
        thrombuShow:false,
        body_weight_before:"",
        point_punctures:[],
        infoDialogVisible:false,
        selected_date:"",
        remark:"",
        catheter_evaluation_program_list:[],
        skin_site_catheterization_list:[],
        summary:[],
        value2:"",
        punctureNeedleDireciton:[]
      }
    },
    props: {

      predialysis_evaluation: { // 透前评估
        type: Object,
        default: () => {
          return { id: 0 }
        }
      },
      patient: { // 患者信息
        type: Object,
        default: () => {
          return { id: 0 }
        }
      },
      admin_users: { // 系统用户列表
        type: Array,
        default: () => {
          return []
        }
      },
      lastAssessment:{
        type:Object,
         default: () => {
          return []
        }
      },

       prescription: {
        // 透析处方
        type: Object,
        default: () => {
          return { id: 0 }
        }
      },
      dryWeightList:{
        type:Array,
        default:()=>{
          return [];
        }
       },
      docList:{
        type:Array,
        default:()=>{
          return [];
        }
       }

    },
    methods: {
      isName(name) {
        let filedList = store.getters.xt_user.fileds;
        for (let i = 0; i < filedList.length; i++) {
          if (filedList[i].module == 3 && filedList[i].filed_name_cn == name) {
            return filedList[i].filed_name;
          }
        }
      },

      isCheckmust(name) {
        let filedList = store.getters.xt_user.fileds;

        for (let i = 0; i < filedList.length; i++) {
          if (
            filedList[i].module == 3 &&
            filedList[i].filed_name_cn == name &&
            filedList[i].is_write == 1&&
            filedList[i].is_show == 1
          ) {
            // console.log(filedList[i],'false')
            if (name == "血管通路"||name == "导管打折"||name == '出血'||name == '血栓'||
            name == '围手术期'||name=='血管杂音'||name=='急诊'||name=='中心静脉导置管'
            ) {
            return [
              { required: true, message: `请输入${name}` },
              // {
              //   required: true,
              //   pattern: /^[1-9]\d*$/,
              //   message: `请输入${name}`,
              // },
            ];
          }
            return [{ required: true ,message:`请输入${name}`, trigger: ['blur','change'] }];

          }
        }
      },

      setLastRecord(lastPredialysisEvaluation, lastDryWeightDislysis) {
        this.lastPredialysisEvaluation = lastPredialysisEvaluation
        this.lastDryWeightDislysis = lastDryWeightDislysis
      },
      isShow(name) {

        var filedList = store.getters.xt_user.fileds
        for (let i = 0; i < filedList.length; i++) {
          if (filedList[i].module == 3 && filedList[i].filed_name_cn == name && filedList[i].is_show == 1) {
            // console.log("filedList",filedList)
            return true
          }
        }
        return false
      },

      show(assessment, lastDryWeightDislysis,last_predialysis_evaluation,lastAssessment,record_date) {

        let filedList = store.getters.xt_user.fileds;

        this.lastPredialysisEvaluation = last_predialysis_evaluation
        console.log("获取上次数据",this.lastPredialysisEvaluation, this.$store.getters.xt_user.org.id )

        if(record_date!=null && record_date!=undefined){
           this.record_date = record_date
        }

        if(this.lastPredialysisEvaluation != null) {
        // if(this.lastPredialysisEvaluation.remark == "" && this.$store.getters.xt_user.org.id == 10307){
        //     console.log("2o2o3232o23o2o3o23")
        //     this.assessmentBeforeDislysis.remark = "患者已确认无发热,无流行病学接触史"
        // }
         if(this.lastPredialysisEvaluation.thromubus_type == 1){
          this.assessmentBeforeDislysis.thromubus_type = this.lastPredialysisEvaluation.thromubus_type.toString()
           this.thrombuShow = true
        }

        if(this.lastPredialysisEvaluation.thromubus_type == 2){
          this.assessmentBeforeDislysis.thromubus_type = this.lastPredialysisEvaluation.thromubus_type.toString()
        }

          if (this.lastPredialysisEvaluation.is_hemorrhage == 1) {
            this.lastPredialysisEvaluation.is_hemorrhage = "1"
          }
          if (this.lastPredialysisEvaluation.is_hemorrhage == 2) {
            this.lastPredialysisEvaluation.is_hemorrhage = "2"
          }
          if (this.lastPredialysisEvaluation.catheter_bend == 1) {
            this.lastPredialysisEvaluation.catheter_bend = "1"
          }
          if (this.lastPredialysisEvaluation.catheter_bend == 2) {
            this.lastPredialysisEvaluation.catheter_bend = "2"
          }
          if (this.lastPredialysisEvaluation.is_infect == 1) {
            this.lastPredialysisEvaluation.is_infect = "1"
          }
          if (this.lastPredialysisEvaluation.is_infect == 2) {
            this.lastPredialysisEvaluation.is_infect = "2"
          }
          if(this.lastPredialysisEvaluation.period == 1){
             this.lastPredialysisEvaluation.period = "1"
          }
          if(this.lastPredialysisEvaluation.period == 2){
             this.lastPredialysisEvaluation.period = "2"
          }

        }

        this.assessmentBeforeDislysis.pathway_formation_time = moment(new Date()).format('YYYY-MM-DD')
        
        if(assessment!=null){
          if(assessment.pathway_formation_time >0){
            this.assessmentBeforeDislysis.pathway_formation_time =  this.getTimeOne(assessment.pathway_formation_time)
          }else{
            this.assessmentBeforeDislysis.pathway_formation_time = ""
          }

          if(assessment.whether_unobstructed >0){
            this.assessmentBeforeDislysis.whether_unobstructed = assessment.whether_unobstructed.toString()
          }
          if(assessment.lien_necessary>0){
            this.assessmentBeforeDislysis.lien_necessary = assessment.lien_necessary.toString()
          }
        }
       






        this.assessment = assessment
        this.getPermission()
        this.isVisibility = true
        for (let i = 0; i < this.admin_users.length; i++) {
          if (this.admin_users[i].user_type != 3) {
            this.doctorOptions.push(this.admin_users[i])
          }
        }
        if (this.$store.getters.xt_user.user.user_type == 1 || this.$store.getters.xt_user.user.user_type == 2) {
          this.weight_adjust.doctor = this.$store.getters.xt_user.user.id
        }





        if (this.predialysis_evaluation.id == 0) {

          if (lastDryWeightDislysis != null) {
            this.weight_adjust.weight = lastDryWeightDislysis.dry_weight

            this.$set(
              this.assessmentBeforeDislysis,
              'dry_weight',
              lastDryWeightDislysis.dry_weight.toString()
            )

          } else {
            if (this.lastPredialysisEvaluation != null) {
              this.weight_adjust.weight = this.lastPredialysisEvaluation.dry_weight
              this.assessmentBeforeDislysis.dry_weight = this.lastPredialysisEvaluation.dry_weight
            }
          }




          if (this.lastPredialysisEvaluation != null) {
            for (var key in this.lastPredialysisEvaluation){
              if (key != 'systolic_blood_pressure' && key != 'diastolic_blood_pressure' && key != 'pulse_frequency' && key != 'dry_weight' && key != 'weight_before'){
                this.$set(
                  this.assessmentBeforeDislysis,
                  key,
                  this.lastPredialysisEvaluation[key]
                )

              }
            }
          }

         //最后一次血管通路

         if(this.lastAssessment!=null){
           var blood_id = 0
           for(let i= 0;i<this.blood_access_part_opera.length;i++){
              if(this.lastAssessment.blood_access_part_opera_id == this.blood_access_part_opera[i].name){
                 blood_id = this.blood_access_part_opera[i].id
              }
           }
            this.assessmentBeforeDislysis.blood_access_part_opera_id = blood_id
            this.assessmentBeforeDislysis.blood_access_part_id = this.lastAssessment.blood_access_part_id
            
            if(this.$store.getters.xt_user.template_info.org_id == 10375  || this.$store.getters.xt_user.template_info.org_id == 10571  || this.$store.getters.xt_user.template_info.org_id == 0 || this.$store.getters.xt_user.template_info.org_id == 10480){
              console.log("尽量",last_predialysis_evaluation)
              console.log("正常",this.assessmentBeforeDislysis.blood_access_part_opera_id)
              if(this.assessmentBeforeDislysis.blood_access_part_opera_id == 0 || this.assessmentBeforeDislysis.blood_access_part_opera_id==""){

                // var blood_id = 0
                // console.log("SHJU232323",this.blood_access_part_opera)
                // for(let i= 0;i<this.blood_access_part_opera.length;i++){
                //     if(last_predialysis_evaluation.blood_access_part_opera_id == this.blood_access_part_opera[i].id){
                //       blood_id = this.blood_access_part_opera[i].name
                //     }
                // }
                // console.log("blood_id-----",blood_id)
                if(last_predialysis_evaluation.blood_access_part_opera_id >0){
                  this.assessmentBeforeDislysis.blood_access_part_opera_id = last_predialysis_evaluation.blood_access_part_opera_id
                }
              
                this.assessmentBeforeDislysis.blood_access_part_id = last_predialysis_evaluation.blood_access_part_id
              }
             
            }

          } else {
            if (this.lastPredialysisEvaluation != null) {
               var blood_id = 0
                for(let i= 0;i<this.blood_access_part_opera.length;i++){
                    if(this.lastAssessment.blood_access_part_opera_id == this.blood_access_part_opera[i].name){
                      blood_id = this.blood_access_part_opera[i].id
                    }
                }
              this.assessmentBeforeDislysis.blood_access_part_opera_id = blood_id
              this.assessmentBeforeDislysis.blood_access_part_id = this.lastPredialysisEvaluation.blood_access_part_id
            }
          }

        console.log("hhahhahahah",lastAssessment)
        console.log("旭哥通路---",this.assessmentBeforeDislysis.blood_access_part_opera_id)
        // if (lastAssessment !=null) {
        //   this.assessmentBeforeDislysis.blood_access_part_opera_id = lastAssessment.blood_access_part_opera_id
        //   this.assessmentBeforeDislysis.blood_access_part_id = lastAssessment.blood_access_part_id
           
        // }

        

        } else {
          console.log("为首务2322323",this.assessmentBeforeDislysis.period)
          this.assessmentBeforeDislysis.period = this.assessmentBeforeDislysis.period.toString()

          // this.assessmentBeforeDislysis.dry_weight = this.predialysis_evaluation['dry_weight']
          this.weight_adjust.weight = this.predialysis_evaluation['dry_weight']
        }

      },
      hide() {
        this.isVisibility = false
      },
      showInnerDialog: function(val) {
        this.InnerDialogProps.visibility = true
        switch (val) {
          case '1': // 前次透析后

            this.InnerDialogProps.values = this.last_dialysis_after
            this.InnerDialogProps.titles = '前次透析后'
            this.InnerDialogProps.type = 'last_dialysis_after'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.last_post_dialysis
            this.InnerDialogProps.isShowTextArea = false

            break
          case '2': // 透析期间

            this.InnerDialogProps.values = this.dialysis_interphase
            this.InnerDialogProps.titles = '透析期间'
            this.InnerDialogProps.type = 'dialysis_interphase'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.dialysis_interphase
            this.InnerDialogProps.isShowTextArea = false
            break

            break
          case '3': // 透析前症状

            this.InnerDialogProps.values = this.symptom_before_dialysis
            this.InnerDialogProps.titles = '透析前症状'
            this.InnerDialogProps.type = 'symptom_before_dialysis'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.symptom_before_dialysis
            this.InnerDialogProps.isShowTextArea = false
            break

          case '4': // 导管

            this.InnerDialogProps.values = this.catheter
            this.InnerDialogProps.titles = '导管'
            this.InnerDialogProps.type = 'catheter'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.catheter
            this.InnerDialogProps.isShowTextArea = false
            break

            break
          case '5': // 并发症

            this.InnerDialogProps.values = this.complication
            this.InnerDialogProps.titles = '并发症'
            this.InnerDialogProps.type = 'complication'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.complication
            this.InnerDialogProps.isShowTextArea = false

            break

          case '6': // 出血选项

            this.InnerDialogProps.values = this.hemorrhage
            this.InnerDialogProps.titles = '出血选项'
            this.InnerDialogProps.type = 'hemorrhage'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.hemorrhage
            this.InnerDialogProps.isShowTextArea = false

            break
          case '7': // 内瘘

            this.InnerDialogProps.values = this.internal_fistula
            this.InnerDialogProps.titles = '内瘘'
            this.InnerDialogProps.type = 'internal_fistula'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.internal_fistula
            this.InnerDialogProps.isShowTextArea = false

            break
          case '8': // 内瘘皮肤情况
            this.InnerDialogProps.values = this.internal_fistula_skin
            this.InnerDialogProps.titles = '血管通路皮肤情况'
            this.InnerDialogProps.type = 'internal_fistula_skin'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.internal_fistula_skin
            this.InnerDialogProps.isShowTextArea = false

            break
          case '9': //

            this.InnerDialogProps.values = this.$store.getters.blood_access_internal_fistula
            this.InnerDialogProps.titles = '血管通路(内瘘)'
            this.InnerDialogProps.type = 'blood_access_internal_fistula'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.blood_access_internal_fistula
            this.InnerDialogProps.isShowTextArea = false

            break
          case '10': //
            this.InnerDialogProps.values = this.$store.getters.ductus_arantii
            this.InnerDialogProps.titles = '中心静脉导管'
            this.InnerDialogProps.type = 'ductus_arantii'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.ductus_arantii
            this.InnerDialogProps.isShowTextArea = false

            break
          case '11': //
            this.InnerDialogProps.values =getDataConfig('hemodialysis', 'puncture_needle')
            this.InnerDialogProps.titles = '穿刺针'
            this.InnerDialogProps.type = 'puncture_needle'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.puncture_needle
            this.InnerDialogProps.isShowTextArea = false

            break
            case '12': // 皮肤
            this.InnerDialogProps.values = this.skins
            this.InnerDialogProps.titles = '皮肤'
            this.InnerDialogProps.type = 'skin'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.skin
            this.InnerDialogProps.isShowTextArea = false

            break
            case '13': // 穿刺方式
            this.InnerDialogProps.values =  this.puncture_ways
            this.InnerDialogProps.titles = '穿刺方式'
            this.InnerDialogProps.type = 'puncture_way'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.puncture_way
            this.InnerDialogProps.isShowTextArea = false

            break
            case '14': // 针眼
            this.InnerDialogProps.values = this.pinholings
            this.InnerDialogProps.titles = '针眼'
            this.InnerDialogProps.type = 'pinholing'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.pinholing
            this.InnerDialogProps.isShowTextArea = false

            break
          case '15': // 导管缝线
            this.InnerDialogProps.values = this.catheter_suture
            this.InnerDialogProps.titles = '导管缝线'
            this.InnerDialogProps.type = 'catheter_suture'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.catheter_suture
            this.InnerDialogProps.isShowTextArea = false

            break
          case '16': // 水肿
            this.InnerDialogProps.values = this.edema
            this.InnerDialogProps.titles = '水肿'
            this.InnerDialogProps.type = 'edema'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.edema
            this.InnerDialogProps.isShowTextArea = false

            break
          case '17': // 水肿
            this.InnerDialogProps.values = this.blood_access_part
            this.InnerDialogProps.titles = '血管通路部位'
            this.InnerDialogProps.type = 'blood_access_part_id'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.blood_access_part_id
            this.InnerDialogProps.isShowTextArea = false

            break

           case '18': // 导管维护
            this.InnerDialogProps.values = this.catheter_maintenancelist
            this.InnerDialogProps.titles = '导管维护'
            this.InnerDialogProps.type = 'catheter_maintenance'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.catheter_maintenance
            this.InnerDialogProps.isShowTextArea = false

            break

           case '19': // 内瘘

            this.InnerDialogProps.values = this.humor_excessive_symptom_array
            this.InnerDialogProps.titles = '体液过多症状'
            this.InnerDialogProps.type = 'humor_excessive_symptom'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.humor_excessive_symptom
            this.InnerDialogProps.isShowTextArea = false

            break
            case '20': // 抽吸
            this.InnerDialogProps.values = this.suctionList
            this.InnerDialogProps.titles = '抽吸'
            this.InnerDialogProps.type = 'suction'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.suction
            this.InnerDialogProps.isShowTextArea = false

            case '21': // 穿刺点
            this.InnerDialogProps.values =  this.point_punctures
            this.InnerDialogProps.titles = '穿刺点'
            this.InnerDialogProps.type = 'point_puncture'
            this.InnerDialogProps.selected = this.assessmentBeforeDislysis.point_puncture
            this.InnerDialogProps.isShowTextArea = false

            break

            case '22': // 导管评估项目

              this.InnerDialogProps.values = this.catheter_evaluation_program_list
              this.InnerDialogProps.titles = '导管评估项目'
              this.InnerDialogProps.type = 'catheter_evaluation_program'
              this.InnerDialogProps.selected = this.assessmentBeforeDislysis.catheter_evaluation_program
              this.InnerDialogProps.isShowTextArea = false

            break

            case '23': // 置管部位皮肤

              this.InnerDialogProps.values = this.skin_site_catheterization_list
              this.InnerDialogProps.titles = '置管部位皮肤'
              this.InnerDialogProps.type = 'skin_site_catheterization'
              this.InnerDialogProps.selected = this.assessmentBeforeDislysis.skin_site_catheterization
              this.InnerDialogProps.isShowTextArea = false

            break

        }
      },
      innerDialogComfirm: function(val) {
        this.InnerDialogProps.visibility = false
        switch (val.type) {
          case 'last_dialysis_after':
            this.assessmentBeforeDislysis.last_post_dialysis = val.value.join(',')
            break
          case 'dialysis_interphase':
            this.assessmentBeforeDislysis.dialysis_interphase = val.value.join(',')

            break
          case 'symptom_before_dialysis':
            this.assessmentBeforeDislysis.symptom_before_dialysis = val.value.join(',')

            break
          case 'catheter':
            this.assessmentBeforeDislysis.catheter = val.value.join(',')

            break
          case 'complication':
            this.assessmentBeforeDislysis.complication = val.value.join(',')

            break
          case 'hemorrhage':
            this.assessmentBeforeDislysis.hemorrhage = val.value.join(',')
            break
          case 'internal_fistula':
            this.assessmentBeforeDislysis.internal_fistula = val.value.join(',')
            break
          case 'internal_fistula_skin':
            this.assessmentBeforeDislysis.internal_fistula_skin = val.value.join(',')
            break
          case 'blood_access_internal_fistula':
            this.assessmentBeforeDislysis.blood_access_internal_fistula = val.value.join(',')
            break
          case 'ductus_arantii':
            this.assessmentBeforeDislysis.ductus_arantii = val.value.join(',')
            break
          case 'puncture_needle':
            this.assessmentBeforeDislysis.puncture_needle = val.value.join(',')
            break
          case 'skin':
            this.assessmentBeforeDislysis.skin = val.value.join(',')
            break
          case 'puncture_way':
            this.assessmentBeforeDislysis.puncture_way = val.value.join(',')
            break
          case 'pinholing':
            this.assessmentBeforeDislysis.pinholing = val.value.join(',')
            break
          case 'catheter_suture':
            this.assessmentBeforeDislysis.catheter_suture = val.value.join(',')
            break
          case 'edema':
            this.assessmentBeforeDislysis.edema = val.value.join(',')
            break
          case 'blood_access_part_id':
            this.assessmentBeforeDislysis.blood_access_part_id = val.value.join(',')
           break
          case 'catheter_maintenance':
           this.assessmentBeforeDislysis.catheter_maintenance = val.value.join(',')
           break
          case 'humor_excessive_symptom':
           this.assessmentBeforeDislysis.humor_excessive_symptom = val.value.join(',')
           break
          case 'suction':
           this.assessmentBeforeDislysis.suction = val.value.join(',')
           break
           case 'point_puncture':
            this.assessmentBeforeDislysis.point_puncture = val.value.join(',')
            break
           case 'catheter_evaluation_program':
            this.assessmentBeforeDislysis.catheter_evaluation_program = val.value.join(',')
            break
          case 'skin_site_catheterization':
            this.assessmentBeforeDislysis.skin_site_catheterization = val.value.join(',')
            break

        }
      },
      innerDialogCancle: function() {
        this.InnerDialogProps.visibility = false
      },
      handleComfirm(formName) {
        console.log("提交日期",this.record_date)
        var arr = this.assessmentBeforeDislysis
        for (let i = 0; i < this.machineType.length; i++) {
          if (arr.machine_type == this.machineType[i].id) {
            arr.machine_type = this.machineType[i].name
          }
        }
        const ParamsQuery = arr
        
         this.$refs.assessmentBeforeDislysis.validate((valid) => {
          if (valid) {
           
          console.log("hhahdhahfhhadf",this.patient.id )
          console.log("this.$route.query.patient_id",this.$route.query.patient_id)

          if(this.patient.id != undefined && this.patient.id >0){
            ParamsQuery['patient'] = parseInt(this.$route.query.patient_id) 
          }
          if(this.patient.id == 'undefined' || this.patient.id ==0){
          
            ParamsQuery['patient'] = parseInt(this.$route.query.patient_id) 
          }
          if(this.$route.query.patient_id == undefined || this.$route.query.patient_id == 0 ){
             
              ParamsQuery['patient'] = this.patient.id
          }

         
       
        // ParamsQuery['patient'] = this.patient.id
        
        ParamsQuery['record_date'] = this.record_date
        ParamsQuery['mode'] = '1'


        if (this.predialysis_evaluation.id == 0) {
          ParamsQuery['mode'] = '1'
        } else {
          if (this.predialysis_evaluation.creater == 0) {
            ParamsQuery['mode'] = '1'
          } else {
            ParamsQuery['mode'] = '2'
            if (this.predialysis_evaluation.creater != this.$store.getters.xt_user.user.id) {
              ParamsQuery['mode'] = '3'
            }
          }
        }
         console.log("params",ParamsQuery)

         ParamsQuery.whether_unobstructed = parseInt(ParamsQuery.whether_unobstructed)
         ParamsQuery.lien_necessary =  parseInt(ParamsQuery.lien_necessary)

         if(ParamsQuery.additional_weight >=30){
             this.$message.error("衣物重异常,请重新填写!")
         }

        postAssessmentBeforeDislysis(ParamsQuery).then(response => {

          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            if(response.data.code == 600000008){
              this.infoDialogVisible = true
            }
            return false
          } else {
            this.$notify({
              title: '成功',
              message: '提交成功',
              type: 'success',
              duration: 2000
            })

            if(this.$store.getters.xt_user.template_info.org_id == 9671 || this.$store.getters.xt_user.template_info.org_id==3877 || this.$store.getters.xt_user.template_info.org_id ==10469){
              this.$parent.getParentMethods()
            }

            const assessment_before_dislysis_resp = response.data.data.assessmentBeforeDislysis

            var predialysis_evaluation = this.predialysis_evaluation
            for (var index in assessment_before_dislysis_resp) {
              // predialysis_evaluation[index] = assessment_before_dislysis_resp[index];
              this.$set(predialysis_evaluation, index, assessment_before_dislysis_resp[index])
            }


            let orgId = parseInt(sessionStorage.getItem("org_id"));
            axios.get('/api/index/patientsign/'+ orgId + '/'+ this.patient.id).then((res) => {
              console.log('res',res.data)

            })
            this.hide()
            console.log("hhh23h3h223h23h23h23h2h3")
          }
        })
          } else {
            return false;
          }
        });



      },
       handleCancle: function() {
        this.isVisibility = false
      },
      showDryWeightDialog: function() {
        if (this.$store.getters.xt_user.user.user_type == 3) {
          this.$message.error('您没有权限调整干体重')
          return
        }
        this.dialogFormVisible = true
        this.isVisibility = false
      },
     submitDryWeight() {
        const params = {
          id: this.patient.id,
          dry_weight: this.weight_adjust.weight,
          remark: this.weight_adjust.remark,
          doctor_id: this.weight_adjust.doctor,
          mode: '1'
        }
        CreateDryWeight(params).then(response => {
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            return false
          } else {
            this.$message.success('提交成功')
            this.assessmentBeforeDislysis.dry_weight = this.weight_adjust.weight
            this.dialogFormVisible = false
            this.isVisibility = true
          }
        })
      },
     cancleDryWeight() {
        this.dialogFormVisible = false
        this.isVisibility = true
      },
      getPermission() {
        request.get('/api/func_per/get', {
          params: {
            create_url: '/api/dialysis/assessmentbeforedislysis?mode=1',
            modify_url: '/api/dialysis/assessmentbeforedislysis?mode=2',
            modify_other_url: '/api/dialysis/assessmentbeforedislysis?mode=3',
            module: 3
          }
        }).then(res => {
          // console.log(res)
          // console.log('透前', this.patient_prop)

          if (res.data.state == 0) {
            this.hasPermission = false
          } else if (res.data.state == 1) {
            if (this.assessment.id != '' && this.assessment.creater != 0) { // 有数据
              if (this.assessment.creater == this.$store.getters.xt_user.user.id) { // 创建人是自己
                if (res.data.data.is_has_modify == false) {
                  this.hasPermission = false
                  this.showTxt = '你没有修改透前评估权限'
                }
              } else { // 创建人不是自己
                if (res.data.data.is_has_modify_other == false) {
                  this.hasPermission = false
                  this.showTxt = '你没有修改他人透前评估权限'
                }
              }
            } else if (this.assessment.id == '' || this.assessment.creater == 0) {
              if (res.data.data.is_has_create == false) {
                this.hasPermission = false
                this.showTxt = '你没有新增透前评估权限'
              }
            }
          }
        })
      },

      changeThrombus(val){
        if(val == 1){
          this.thrombuShow = true
        }
        if(val == 2){
         this.thrombuShow = false
        }
      },

      getTime(value, temp) {
        if (value != undefined) {
          return uParseTime(value, temp)
        }
        return ''
      },
      getUserName(admin_user_id){
        var user_name = ""
        for(let i=0;i<this.docList.length;i++){
          if(admin_user_id == this.docList[i].admin_user_id){
            user_name = this.docList[i].user_name
          }
        }
        return user_name
      },

      saveInformation(){
        var params = {
          selected_date:this.selected_date,
          patient_id:this.$route.query.patient_id,
          record_date:this.$route.query.date,
          module:3,
          remark:this.remark,
        }
        saveInformation(params).then(response=>{
           if(response.data.state == 1){
             var information = response.data.data.information
             this.$message.success("提交成功!")
             this.infoDialogVisible = false
           }
        })
      },
      getTimeOne(val) {
        if(val == ""){
        return ""
        }else {
        return uParseTime(val, '{y}-{m}-{d}')
        }
     },
     dialysisSummarySelectChange: function (values) {

      if (this.assessmentBeforeDislysis.befor_symptoms == "") {
        this.assessmentBeforeDislysis.befor_symptoms = values;
      } else {

        if (this.assessmentBeforeDislysis.befor_symptoms.indexOf(values) == -1) {
          if (
            this.assessmentBeforeDislysis.befor_symptoms
              .charAt(this.assessmentBeforeDislysis.befor_symptoms.length - 1)
              .indexOf("。") == -1
          ) {
            this.assessmentBeforeDislysis.befor_symptoms =
            this.assessmentBeforeDislysis.befor_symptoms+ "," + values;
          } else {
            this.assessmentBeforeDislysis.befor_symptoms =
            this.assessmentBeforeDislysis.befor_symptoms+ "," + values;
            this.assessmentBeforeDislysis.befor_symptoms =
            this.assessmentBeforeDislysis.befor_symptoms + values;
          }
        }
      }
    },

    },
    created() {

      this.last_dialysis_after = getDataConfig('hemodialysis', 'last_dialysis_after')
      this.dialysis_interphase = getDataConfig('hemodialysis', 'dialysis_duration')
      this.symptom_before_dialysis = getDataConfig('hemodialysis', 'dialysis_before')
      this.catheter = getDataConfig('hemodialysis', 'catheter')
      this.complication = getDataConfig('hemodialysis', 'complication')
      this.hemorrhage = getDataConfig('hemodialysis', 'hemorrhage')
      this.puncture_ways = getDataConfig('hemodialysis', 'puncture_method')
      this.blood_access_part = getDataConfig('hemodialysis', 'vascular_access')
      this.blood_access_part_opera = getDataConfig('hemodialysis', 'vascular_access_desc')
      this.humor_excessive_symptom_array = getDataConfig('hemodialysis', 'humor_excessive_symptom')
      // console.log("血管通路部位",this.blood_access_part_opera)
      this.internal_fistula = getDataConfig('hemodialysis', 'internal_fistula')
      // console.log("内瘘222222",this.internal_fistula)
      this.internal_fistula_skin = getDataConfig('hemodialysis', 'internal_fistula_skin')
      this.puncture_method = getDataConfig('hemodialysis', 'puncture_method')
      this.machineType = getDataConfig('hemodialysis', 'machine_type')

      this.catheter_suture = getDataConfig('hemodialysis', 'catheter_suture')
      this.edema = getDataConfig('hemodialysis', 'edema')
      this.suctionList = getDataConfig('hemodialysis', 'suction')

      this.blood_access_noise = this.$store.getters.blood_access_noise
      var date = this.$route.query && this.$route.query.date
      this.record_date = date ? uParseTime(date, "{y}-{m}-{d}") : parseTime(new Date(), '{y}-{m}-{d}')
      //获取皮肤
      this.skins = getDataConfig('hemodialysis','skin')

      this.pinholings = getDataConfig('hemodialysis','pinholing')
      console.log("针眼",this.pinholings)
      this.catheter_maintenancelist = getDataConfig('hemodialysis','catheter_maintenance')
      console.log("导管维护",this.catheter_maintenancelist)

      this.catheter_evaluation_program_list = getDataConfig('hemodialysis','catheter_evaluation_program')

      this.skin_site_catheterization_list = getDataConfig('hemodialysis','skin_site_catheterization')

      this.punctureNeedleDireciton = getDataConfig('hemodialysis','puncture_needle_direction')
      console.log("穿刺方向",this.punctureNeedleDireciton)

      console.log("predialysis_evaluation2332323323222323",this.predialysis_evaluation)

      this.point_punctures = getDataConfig('hemodialysis','point_puncture')

      this.summary = getDataConfig("befor_symptoms", "befor_symptoms");

      console.log("hhh32h323h23h23h23h23h23h",getDataConfig("befor_symptoms", "befor_symptoms"))

      // this.weight_adjust.weight = this.dry_weight.dry_weight

      // if(this.predialysis_evaluation.id == 0){
      //
      //
      //
      // }els

      // if(this.dry_weight == null){
      //   if (this.predialysis_evaluation['dry_weight'] == 0) {
      //     this.assessmentBeforeDislysis['dry_weight'] = ''
      //   }
      //
      // }
    },
    watch: {
      isVisibility(val) {

      },
      'predialysis_evaluation.id': function() {
        console.log("hhahahahhaah",this.predialysis_evaluation)
       if(this.predialysis_evaluation.thromubus_type == 1){
             this.predialysis_evaluation.thromubus_type = this.predialysis_evaluation.thromubus_type.toString()
             this.thrombuShow = true
        }

        if (this.predialysis_evaluation.id > 0) {
          for (var index in this.assessmentBeforeDislysis) {
            this.assessmentBeforeDislysis[index] = this.predialysis_evaluation[index]
          }

          if (this.predialysis_evaluation['catheter_bend'] == 0) {
            this.assessmentBeforeDislysis['catheter_bend'] = ''
          } else {
            this.assessmentBeforeDislysis['catheter_bend'] = this.predialysis_evaluation['catheter_bend'] + ''
          }
          if (this.predialysis_evaluation['is_hemorrhage'] == 0) {
            this.assessmentBeforeDislysis['is_hemorrhage'] = ''
          } else {
            this.assessmentBeforeDislysis['is_hemorrhage'] = this.predialysis_evaluation['is_hemorrhage'] + ''
          }

          if (this.predialysis_evaluation['is_infect'] == 0) {
            this.assessmentBeforeDislysis['is_infect'] = ''
          } else {
            this.assessmentBeforeDislysis['is_infect'] = this.predialysis_evaluation['is_infect'] + ''
          }


          if (this.predialysis_evaluation['blood_access_part_id'] == 0) {
            this.assessmentBeforeDislysis['blood_access_part_id'] = ''
          }
          if (this.predialysis_evaluation['blood_access_part_opera_id'] == 0) {
            this.assessmentBeforeDislysis['blood_access_part_opera_id'] = ''
          }
          if (this.predialysis_evaluation['weight_before'] == 0) {
            this.assessmentBeforeDislysis['weight_before'] = ''
          }

          if (this.predialysis_evaluation['temperature'] == 0) {
            this.assessmentBeforeDislysis['temperature'] = ''
          }
          if (this.predialysis_evaluation['systolic_blood_pressure'] == 0) {
            this.assessmentBeforeDislysis['systolic_blood_pressure'] = ''
          }
          if (this.predialysis_evaluation['diastolic_blood_pressure'] == 0) {
            this.assessmentBeforeDislysis['diastolic_blood_pressure'] = ''
          }
          if (this.predialysis_evaluation['pulse_frequency'] == 0) {
            this.assessmentBeforeDislysis['pulse_frequency'] = ''
          }
          if (this.predialysis_evaluation['pulse_frequency'] == 0) {
            this.assessmentBeforeDislysis['pulse_frequency'] = ''
          }

        }
      },
      'assessmentBeforeDislysis.weight_before': {
        handler (newWeight, oldWeight) {
          let weight = parseFloat(
            newWeight - this.assessmentBeforeDislysis.additional_weight
          ).toFixed(1)
          if (weight > 0) {
            this.body_weight_before = weight
          } else {
            this.body_weight_before = ''
          }
        },
        deep: true,
        immediate: true
      },

    'assessmentBeforeDislysis.additional_weight': {
      handler (newWeight, oldWeight) {
        if (newWeight > 0) {
          let weight = parseFloat(
            this.assessmentBeforeDislysis.weight_before - newWeight
          ).toFixed(1)
          if (weight > 0) {
            this.body_weight_before = weight
          } else {
            this.body_weight_before = ''
          }
        }
      },
      deep: true,
      immediate: true,
      data: []
    },
    }
  }

</script>

<style scoped>
  .warnTxt{
    text-align: center;
    margin: 0 auto;
    background: #faa331;
    max-width: 240px;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 10px;
    color:#fff;
  }
  .gantizhong{
    text-align: center;
  }
</style>
<style lang="scss">
  .newDialog{
  .el-dialog__body{
    padding: 10px 20px 30px;
  }
  }
</style>