elizebeth/src/xt_pages/user/components/PatientForm.vue

<template>
  <div class="main-contain">
    <el-dialog
      title="新增传染病检查"
      :visible.sync="dialogFormVisible"
      width="1000px"
      id="user-inspection-form"
      v-loading="formLoading"
    >
      <el-form :model="form" ref="form" label-position="top">
        <el-row>
          <el-col :span="1">&nbsp;</el-col>

          <template v-for="(item, index) in form.formItem">
            <el-col :span="7" :key="index">
              <el-form-item
                :label="item.item_name"
                v-if="item.range_type == 1"
                :key="item.item_id"
                :prop="'formItem.' + index + '.value'"
              >
                <el-input
                  placeholder="请填入"
                  v-model="item.value"
                  style="width:95%"
                  type="number"
                >
                  <template slot="append">{{ item.unit }}</template>
                </el-input>
              </el-form-item>
              <el-form-item
                :label="item.item_name"
                v-else
                :key="item.item_id"
                :prop="'formItem.' + index + '.value'"
              >
                <el-select
                  v-model="item.value"
                  placeholder="请选择"
                  style="width:95%"
                >
                  <el-option
                    v-for="(optionItem, oidex) in item.select_options"
                    :key="oidex"
                    :label="optionItem"
                    :value="optionItem"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="1" :key="'form-col' + index">&nbsp;</el-col>
          </template>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitNew('form')">保 存</el-button>
      </div>
    </el-dialog>

    <div v-if="!isEdit" class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
      <div class style="float:right;color: white">
        <el-button
          :disabled="
            $store.getters.xt_user.subscibe.state == 3 || !subscibeFlag
              ? true
              : false
          "
          type="primary"
          v-if="this.isEdit == false"
          @click="resetForm('form')"
          icon="el-icon-circle-plus-outline"
          size="small"
          >新增</el-button
        >
      </div>
    </div>

    <div
      v-if="isEdit"
      class
      style="float:right;margin-right: 35px;margin-top: 10px"
    >
      <!-- <el-button @click="$router.back(-1)" icon="el-icon-refresh" size="small">取消</el-button>
      <el-button :disabled="$store.getters.xt_user.subscibe.state==3||!subscibeFlag?true:false" type="primary" v-if="this.isEdit==false" @click="resetForm('form')"  icon="el-icon-circle-plus-outline" size="small">新增</el-button>
      <el-button :disabled="$store.getters.xt_user.subscibe.state==3||!subscibeFlag?true:false" @click="onSubmit('form')"  size="small" type="success" icon="el-icon-setting" >保存</el-button>
      <el-button v-if="isEdit==false" @click="onReSubmit('form')" :disabled="$store.getters.xt_user.subscibe.state==3||!subscibeFlag?true:false" icon="el-icon-document-add" size="small" type="warning" >保存并继续新增</el-button>-->
    </div>

    <div class="app-container" v-loading="pageLoad">
      <el-form
        ref="form"
        :rules="rules"
        :model="form"
        label-width="124px"
        class="clearfix"
        popper-append-to-body="false"
      >
        <div class="dataTitle">一般资料</div>
        <el-row>
          <el-col :span="20" class="form-table">
            <el-row :span="20">
              <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                <el-form-item label="姓名 : " class="is-required" prop="name">
                  <el-input v-model="form.name"></el-input>
                </el-form-item>
              </el-col>
              <el-col
                :span="8"
                :style="isEdit ? 'width:360px' : ''"
                style="height:59px;"
              >
                <el-form-item label="性别 : " class="is-required" prop="gender">
                  <el-radio-group v-model="form.gender" @change="changeGender">
                    <el-radio
                      v-for="item in sexOptions"
                      :key="item.value"
                      :label="item.value"
                      :value="item.value"
                      >{{ item.label }}</el-radio
                    >
                  </el-radio-group>
                </el-form-item>
              </el-col>

              <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                <el-form-item
                  label="身份证号 : "
                  class="is-required"
                  prop="idCardNo"
                >
                  <el-input
                    v-model="form.idCardNo"
                    @blur="checkIdCardNo"
                  ></el-input>
                </el-form-item>
              </el-col>

              <el-col
                :span="8"
                :style="isEdit ? 'width:360px' : ''"
                style="height:59px;"
              >
                <el-form-item label="年龄 : " class="is-required" prop="age">
                  <el-input
                    v-model="form.age"
                    placeholder="请填写年龄"
                  ></el-input>
                </el-form-item>
              </el-col>
              <template v-if="isEdit">
                <!-- <el-col  :span="8" :style="isEdit?'width:360px':''">
                  <el-form-item label="患者类型 : " class="is-required" >
                    <el-select v-model="form.patientType"  placeholder="请选择患者类型" disabled >
                      <el-option v-for="item in styleOptions" :key="item.id" :label="item.name" :value="item.id"/>
                    </el-select>
                  </el-form-item>
                </el-col>-->

                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="透析号 : " class="is-required">
                    <el-input
                      v-model="form.dialysisNo"
                      placeholder="填写或自动生成"
                      style="width:62%;float:left;margin-right: 2%;"
                    ></el-input>
                    <!-- <el-button style="width:36%;padding:10px 0;" disabled type="primary">自动生成</el-button> -->
                  </el-form-item>
                </el-col>
              </template>
              <template v-else>
                <!-- <el-col :span="8" >
                  <el-form-item label="患者类型 : " class="is-required" prop="patientType">
                    <el-select v-model="form.patientType"  placeholder="请选择患者类型"  >
                      <el-option v-for="item in styleOptions" :key="item.id" :label="item.name" :value="item.id"/>
                    </el-select>
                  </el-form-item>
                </el-col>-->

                <el-col :span="8">
                  <el-form-item
                    label="透析号 : "
                    class="is-required"
                    prop="dialysisNo"
                  >
                    <el-input
                      v-model="form.dialysisNo"
                      placeholder="填写或自动生成"
                      style="width:62%;float:left;margin-right: 2%;"
                    ></el-input>
                    <el-button
                      style="width:35%;padding:10px 0;"
                      :disabled="
                        $store.getters.xt_user.subscibe.state == 3 ||
                        !subscibeFlag
                          ? true
                          : false
                      "
                      type="primary"
                      @click="generatedialysisno"
                      >自动生成</el-button
                    >
                  </el-form-item>
                </el-col>
              </template>

              <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                <el-form-item
                  label="出生日期 : "
                  class="is-required"
                  prop="birth"
                >
                  <el-date-picker
                    v-model="form.birth"
                    type="date"
                    placeholder="选择日期"
                    :suffix-icon="'el-icon-menu'"
                    @change="hadSelectBirth"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                  ></el-date-picker>
                </el-form-item>
              </el-col>

              <el-col :span="6" :style="isEdit ? 'width:380px' : ''">
                <el-form-item
                  label="首次肾脏治疗时间:"
                  prop="firstDialysisDate"
                  label-width="150px"
                >
                  <el-date-picker
                    v-model="form.firstDialysisDate"
                    type="date"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                  ></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                <el-form-item
                  label="本人电话 : "
                  class="is-required"
                  prop="phone"
                >
                  <el-input v-model="form.phone" maxlength="20"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                <el-form-item label="家属姓名 : ">
                  <el-input
                    v-model="form.contact_name"
                    maxlength="20"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                <el-form-item label="家属电话 : " prop="homeTelephone">
                  <el-input
                    v-model="form.homeTelephone"
                    maxlength="20"
                  ></el-input>
                </el-form-item>
              </el-col>

              <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                <el-form-item
                  label="患者来源 : "
                  class="is-required"
                  prop="source"
                >
                  <el-radio-group v-model="form.source">
                    <el-radio
                      v-for="item in sourceOptions"
                      :key="item.value"
                      :label="item.value"
                      :value="item.value"
                      >{{ item.label }}</el-radio
                    >
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="8" :style="isEdit ? 'width:360px' : ''" v-show="showLapseto">
                <el-form-item
                  label="治疗状态(转归) : "
                  class="is-required"
                  prop="lapseto"
                >
                  <el-radio-group v-model="form.lapseto">
                    <el-radio
                      v-for="item in lapsetoOptions"
                      :key="item.value"
                      :label="item.value"
                      :value="item.value"
                      >{{ item.label }}</el-radio
                    >
                  </el-radio-group>
                </el-form-item>
              </el-col>

              <el-col :span="24">
                <el-form-item label="传染病 : " prop="contagions">
                  <el-radio-group v-model="form.is_infectious">
                    <el-radio :label="1">阴性</el-radio>
                    <el-radio :label="2">阳性</el-radio>
                  </el-radio-group>
                  <el-checkbox-group
                    v-model="form.contagions"
                    v-if="form.is_infectious == '2'"
                  >
                    <el-checkbox
                      v-for="item in contagionList"
                      v-if="item.type == 2"
                      :label="item.id"
                      :key="item.id"
                      name="contagions"
                      :value="item.id"
                      >{{ item.name }}</el-checkbox
                    >
                  </el-checkbox-group>
                </el-form-item>
              </el-col>

              <el-col :span="16" v-if="!isEdit">
                <el-form-item label="检查结果日期 : ">
                  <!--<el-date-picker v-model="form.record_date" type="date" placeholder="选择日期" :suffix-icon="'el-icon-menu'"-->
                  <!--format="yyyy-MM-dd"-->
                  <!--style="width: 200px;"-->
                  <!--disabled-->
                  <!--value-format="yyyy-MM-dd" v-if="isEdit"></el-date-picker>-->

                  <el-date-picker
                    v-model="form.record_date"
                    type="date"
                    placeholder="选择日期"
                    :suffix-icon="'el-icon-menu'"
                    format="yyyy-MM-dd"
                    style="width: 200px;"
                    value-format="yyyy-MM-dd"
                    v-if="!isEdit"
                  ></el-date-picker>
                  <el-button
                    type="primary"
                    @click="recordCheck()"
                    v-if="!isEdit"
                    >录入检验检查</el-button
                  >
                  <!--<el-button type="primary"  v-if="isEdit">查看检验检查</el-button>-->
                </el-form-item>
              </el-col>

              <el-col :span="24">
                <el-form-item label="传染病周期提醒: ">
                  <el-radio-group
                    v-model="form.remind_cycle"
                    @change="changeCycle()"
                  >
                    <el-radio :label="1">一月一次</el-radio>
                    <el-radio :label="2">两月一次</el-radio>
                    <el-radio :label="3">三月一次</el-radio>
                    <el-radio :label="4">半年一次</el-radio>
                    <el-radio :label="5">一年一次</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="诊断 : " prop="diagnose">
                  <el-input
                    type="textarea"
                    :rows="3"
                    v-model="form.diagnose"
                    resize="none"
                    placeholder
                  ></el-input>
                </el-form-item>
              </el-col>

              <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                <el-form-item label="民族 : " prop="nation">
                  <el-input v-model="form.nation" maxlength="30"></el-input>
                </el-form-item>
              </el-col>

              <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                <el-form-item label="籍贯 : " prop="native_place">
                  <el-input
                    v-model="form.native_place"
                    maxlength="30"
                  ></el-input>
                </el-form-item>
              </el-col>

              <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                <el-form-item label="家庭住址 : " prop="homeAddress">
                  <el-input v-model="form.homeAddress"></el-input>
                </el-form-item>
              </el-col>

              <div v-show="!generic_info_fold">
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="别名 : " prop="alias">
                    <el-input v-model="form.alias"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="身高(cm) : " prop="height">
                    <el-input
                      maxlength="5"
                      v-model="form.height"
                      @change="checkHeight"
                    ></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="婚姻状况 : " prop="maritalStatus">
                    <el-select
                      v-model="form.maritalStatus"
                      placeholder="请选择婚姻状况"
                    >
                      <el-option
                        v-for="item in maritalOptions"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col
                  :span="8"
                  style="clearfix"
                  :style="isEdit ? 'width:360px' : ''"
                >
                  <el-form-item label="子女情况(个) : " prop="children">
                    <el-input maxlength="5" v-model="form.children"></el-input>
                  </el-form-item>
                  <!-- <el-form-item label=" " style="float:left;" label-width="30px">
                  </el-form-item>-->
                </el-col>
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="住院(门诊)号 : ">
                    <el-input v-model="form.admissionNumber"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="医保类型 : " prop="reimbursementWayID">
                    <el-select v-model="form.reimbursementWayID">
                      <el-option
                        v-for="item in wayOptions"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="医保号 : " prop="healthCareNo">
                    <el-input v-model="form.healthCareNo"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="教育程度 : " prop="educationOptions">
                    <el-select v-model="form.education">
                      <el-option
                        v-for="item in educationOptions"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>

                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="固定电话 : ">
                    <el-input
                      v-model="form.tell_phone"
                      maxlength="20"
                    ></el-input>
                  </el-form-item>
                </el-col>

                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="费别 : ">
                    <el-select v-model="form.expense_kind">
                      <el-option
                        v-for="item in expenseOptions"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>

                <el-col
                  :span="8"
                  :style="isEdit ? 'width:360px' : ''"
                  style="height:59px;"
                >
                  <el-form-item label="透析龄(月): ">
                    <el-input v-model="form.dialysis_age"></el-input>
                  </el-form-item>
                </el-col>

                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="亲友电话 : " prop="relative_phone">
                    <el-input
                      v-model="form.relative_phone"
                      maxlength="20"
                    ></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="亲友关系 : " prop="relative_relations">
                    <el-input
                      v-model="form.relative_relations"
                      maxlength="20"
                    ></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="职业 : " prop="profession">
                    <el-select v-model="form.profession">
                      <el-option
                        v-for="item in professionOptions"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="工作单位 : " prop="work">
                    <el-input v-model="form.work"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" :style="isEdit ? 'width:360px' : ''">
                  <el-form-item label="单位地址 : " prop="unit_address">
                    <el-input v-model="form.unit_address"></el-input>
                  </el-form-item>
                </el-col>
              </div>
              <el-col :span="24">
                <el-form-item>
                  <el-button
                    type="text"
                    @click="generic_info_fold = !generic_info_fold"
                  >
                    {{ generic_info_fold ? "更多资料" : "收起" }}
                    <i class="el-icon--right" :class="generic_fold_icon"></i>
                  </el-button>
                </el-form-item>
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="4" align="center">
            <el-upload
              style="width:100%;"
              :disabled="
                $store.getters.xt_user.subscibe.state == 3 || !subscibeFlag
                  ? true
                  : false
              "
              :data="uploadData"
              class="uploadHead"
              :multiple="false"
              action="https://upload.qiniup.com"
              :show-file-list="false"
              :on-error="handleAvatarError"
              :on-success="handleAvatarSuccess"
              list-type="picture-card"
              :before-upload="beforeAvatarUpload"
            >
              <img
                width="100%"
                height="100%"
                v-if="form.avatar"
                :src="form.avatar"
                class="avatar"
              />
              <i class="el-icon-plus" v-else></i>
            </el-upload>
            <el-dialog :visible.sync="dialogVisible">
              <img width="100%" :src="dialogImageUrl" alt />
            </el-dialog>
            <el-upload
              :disabled="
                $store.getters.xt_user.subscibe.state == 3 || !subscibeFlag
                  ? true
                  : false
              "
              :data="uploadData"
              :multiple="false"
              action="https://upload.qiniup.com"
              :show-file-list="false"
              :on-error="handleAvatarError"
              :on-success="handleAvatarSuccess"
              :before-upload="beforeAvatarUpload"
            >
              <el-button
                :disabled="
                  $store.getters.xt_user.subscibe.state == 3 || !subscibeFlag
                    ? true
                    : false
                "
                class="uploadHeadBtn"
                type="primary"
                >上传头像</el-button
              >
            </el-upload>
            <el-form-item>
              <el-input
                v-model="form.avatar"
                type="hidden"
                placeholder
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <div class="dataTitle">治疗信息</div>
        <el-row :span="24">
          <el-col :span="12">
            <el-form-item label="主诉 : " prop="patient_complains">
              <el-input
                type="textarea"
                :rows="3"
                v-model="form.patient_complains"
                resize="none"
                placeholder
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="现病史 : " prop="present_history">
              <el-input
                type="textarea"
                :rows="3"
                v-model="form.present_history"
                resize="none"
                placeholder
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="既往史 : " prop="past_history">
              <el-input
                type="textarea"
                :rows="3"
                v-model="form.past_history"
                resize="none"
                placeholder
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :span="24">
          <el-col>
            <el-form-item label="体格检查">
              <el-input v-model="form.temperature" style="width: 200px;">
                <template slot="prepend"
                  >体温:</template
                >
                <template slot="append"
                  >℃</template
                >
              </el-input>
              <el-input v-model="form.pulse" style="width: 220px;">
                <template slot="prepend"
                  >脉搏:</template
                >
                <template slot="append"
                  >次/分</template
                >
              </el-input>
              <el-input v-model="form.respiratory" style="width: 220px;">
                <template slot="prepend"
                  >呼吸:</template
                >
                <template slot="append"
                  >次/分</template
                >
              </el-input>
              <!-- </el-form-item>
              <el-form-item>-->
              <el-input v-model="form.sbp" style="width: 240px;">
                <template slot="prepend"
                  >收缩压:</template
                >
                <template slot="append"
                  >mmHg</template
                >
              </el-input>
              <el-input v-model="form.dbp" style="width: 240px;">
                <template slot="prepend"
                  >舒张压:</template
                >
                <template slot="append"
                  >mmHg</template
                >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col></el-col>
          <el-col :span="24">
            <el-form-item label prop="remark">
              <el-input
                type="textarea"
                :rows="3"
                v-model="form.remark"
                resize="none"
                placeholder
              ></el-input>
            </el-form-item>
          </el-col>
          <!--<el-col :span="24">-->
          <!--<el-form-item label="传染病 : " prop="checkContagions">-->
          <!--<el-checkbox-group v-model="form.contagions">-->
          <!--<el-checkbox v-for="item in contagionList" v-if="item.type==2" :label="item.id" :key="item.id"-->
          <!--:value="item.id">{{item.name}}-->
          <!--</el-checkbox>-->
          <!--</el-checkbox-group>-->
          <!--</el-form-item>-->
          <!--</el-col>-->
          <el-col :span="24">
            <el-form-item label="慢性病 : " prop="diseases">
              <el-checkbox-group v-model="form.diseases">
                <el-checkbox
                  v-for="item in checkDisease"
                  :label="item.id"
                  :key="item.id"
                  :value="item.id"
                  >{{ item.name }}</el-checkbox
                >
              </el-checkbox-group>
            </el-form-item>
          </el-col>

          <div v-show="!treat_info_fold">
            <el-col :span="6" :style="isEdit ? 'width:360px' : ''">
              <el-form-item
                label="本院首次透析 : "
                prop="is_hospital_first_dialysis"
              >
                <el-radio-group v-model="form.is_hospital_first_dialysis">
                  <el-radio
                    v-for="item in isHospitalFirstDialysisOptions"
                    :key="item.value"
                    :label="item.value"
                    :value="item.value"
                    >{{ item.label }}</el-radio
                  >
                </el-radio-group>
              </el-form-item>
            </el-col>

            <el-col :span="6" :style="isEdit ? 'width:360px' : ''">
              <el-form-item
                label="系统前透析次数 : "
                prop="user_sys_before_count"
              >
                <el-input v-model="form.user_sys_before_count"></el-input>
              </el-form-item>
            </el-col>

            <el-col :span="6" :style="isEdit ? 'width:360px' : ''">
              <el-form-item label="首次诊治时间 : ">
                <el-date-picker
                  v-model="form.first_treatment_date"
                  type="date"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                ></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6" :style="isEdit ? 'width:360px' : ''">
              <el-form-item
                label="首次透析医院 : "
                prop="first_dialysis_hospital"
              >
                <el-input v-model="form.first_dialysis_hospital"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item
                label="透析之前情况 : "
                prop="predialysis_condition"
              >
                <el-checkbox-group v-model="form.predialysis_condition">
                  <el-checkbox
                    v-for="item in predialysisConditionOptions"
                    :label="item.label"
                    :key="item.value"
                    :value="item.label"
                    >{{ item.label }}</el-checkbox
                  >
                </el-checkbox-group>
              </el-form-item>
            </el-col>
            <el-col :span="6" :style="isEdit ? 'width:360px' : ''">
              <el-form-item
                label="本院前透析频率 : "
                prop="pre_hospital_dialysis_frequency"
              >
                <el-input
                  v-model="form.pre_hospital_dialysis_frequency"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6" :style="isEdit ? 'width:360px' : ''">
              <el-form-item
                label="本院前透析次数 : "
                prop="pre_hospital_dialysis_times"
              >
                <el-input v-model="form.pre_hospital_dialysis_times"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6" :style="isEdit ? 'width:360px' : ''">
              <el-form-item
                label="本院首次透析 : "
                prop="hospital_first_dialysis_date"
              >
                <el-date-picker
                  v-model="form.hospital_first_dialysis_date"
                  type="date"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                ></el-date-picker>
              </el-form-item>
            </el-col>
          </div>
          <el-col :span="24">
            <el-form-item>
              <el-button
                type="text"
                @click="treat_info_fold = !treat_info_fold"
              >
                {{ treat_info_fold ? "更多治疗信息" : "收起" }}
                <i class="el-icon--right" :class="treat_fold_icon"></i>
              </el-button>
            </el-form-item>
          </el-col>

          <el-col :span="24">
            <el-form-item label="登记人员 : ">
              <span>{{ adminusername }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="24" align="right" class="newCol">
            <el-form-item>
              <el-button
                @click="$router.back(-1)"
                icon="el-icon-refresh"
                size="small"
                >取消</el-button
              >
              <el-button
                :disabled="
                  $store.getters.xt_user.subscibe.state == 3 || !subscibeFlag
                    ? true
                    : false
                "
                @click="onSubmit('form')"
                size="small"
                type="primary"
                icon="el-icon-setting"
                >保存</el-button
              >
              <el-button
                v-if="isEdit == false"
                @click="onReSubmit('form')"
                :disabled="
                  $store.getters.xt_user.subscibe.state == 3 || !subscibeFlag
                    ? true
                    : false
                "
                icon="el-icon-document-add"
                size="small"
                type="success"
                >保存并继续新增</el-button
              >
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </div>
</template>

<script>
import { getToken } from "@/api/qiniu";
import BreadCrumb from "@/xt_pages/components/bread-crumb";
import {
  dialysisAge,
  getFileExtension,
  isCardNo,
  isPositiveInteger,
  jsGetAge,
  uParseTime
} from "@/utils/tools";
import {
  createPatient,
  editPatient,
  fetchPatient,
  generateDialysisNo,
  GetPatientTotal
} from "@/api/patient";
// import { fetchAllDoctorAndNurse } from "@/api/doctor";
import { getDataConfig } from "@/utils/data";

const defaultForm = {
  avatar: "https://images.shengws.com/201809182128111.png",
  name: "",
  alias: "",
  idCardNo: "",
  dialysisNo: "",
  gender: "",
  birth: "",
  nation: "",
  native_place: "",
  height: "",
  maritalStatus: "",
  children: "",
  admissionNumber: "",
  reimbursementWayID: "",
  healthCareNo: "",
  phone: "",
  homeTelephone: "",
  relative_phone: "",
  relative_relations: "",
  lapseto: "",
  homeAddress: "",
  work: "",
  unit_address: "",
  profession: "",
  education: "",
  source: "",
  is_hospital_first_dialysis: "",
  firstDialysisDate: "",
  first_dialysis_hospital: "",
  predialysis_condition: [],
  pre_hospital_dialysis_frequency: "",
  pre_hospital_dialysis_times: "",
  hospital_first_dialysis_date: "",
  contagions: [],
  diseases: [],
  remark: "",
  diagnose: "",
  is_infectious: 1,
  age: "",

  response_result: "",
  remind_cycle: 0,
  record_date: "",

  tell_phone: "",
  first_treatment_date: "",
  dialysis_age: "",
  expense_kind: "",
  contact_name: "",
  user_sys_before_count: "",

  formItem: [
    {
      id: 0,
      item: "",
      item_id: 60,
      item_name: "丙型肝炎病毒核心抗体(AntiHCV)",
      project_id: 14,
      project_name: "传染病检查",
      range_type: 2,
      select_options: ["阴性", "阳性", "弱阳性"],
      unit: "",
      value: ""
    },
    {
      id: 0,
      item: "",
      item_id: 62,
      item_name: "乙型肝炎病毒表面抗原(HBsAg)",
      project_id: 14,
      project_name: "传染病检查",
      range_type: 2,
      select_options: ["阴性", "阳性", "弱阳性"],
      unit: "",
      value: ""
    },
    {
      id: 0,
      item: "",
      item_id: 63,
      item_name: "乙型肝炎病毒表面抗体(AntiHBs）",
      project_id: 14,
      project_name: "传染病检查",
      range_type: 2,
      select_options: ["阴性", "阳性", "弱阳性"],
      unit: "",
      value: ""
    },
    {
      id: 0,
      item: "",
      item_id: 64,
      item_name: "乙型肝炎病毒E抗原(HBeAg）",
      project_id: 14,
      project_name: "传染病检查",
      range_type: 2,
      select_options: ["阴性", "阳性", "弱阳性"],
      unit: "",
      value: ""
    },
    {
      id: 0,
      item: "",
      item_id: 65,
      item_name: "乙型肝炎病毒E抗体(AntiHBe)",
      project_id: 14,
      project_name: "传染病检查",
      range_type: 2,
      select_options: ["阴性", "阳性", "弱阳性"],
      unit: "",
      value: ""
    },
    {
      id: 0,
      item: "",
      item_id: 66,
      item_name: "乙型肝炎病毒核心抗体(AntiHBc)",
      project_id: 14,
      project_name: "传染病检查",
      range_type: 2,
      select_options: ["阴性", "阳性", "弱阳性"],
      unit: "",
      value: ""
    },
    {
      id: 0,
      item: "",
      item_id: 111,
      item_name: "HIV抗体",
      project_id: 14,
      project_name: "传染病检查",
      range_type: 2,
      select_options: ["阴性", "阳性", "弱阳性"],
      unit: "",
      value: ""
    },
    {
      id: 0,
      item: "",
      item_id: 112,
      item_name: "梅毒",
      project_id: 14,
      project_name: "传染病检查",
      range_type: 2,
      select_options: ["阴性", "阳性", "弱阳性"],
      unit: "",
      value: ""
    },
    {
      id: 0,
      item: "",
      item_id: 178,
      item_name: "乙型病毒DNA测定(HBVDNH）",
      project_id: 14,
      project_name: "传染病检查",
      range_type: 1,
      select_options: 0,
      unit: "",
      value: ""
    },
    {
      id: 0,
      item: "",
      item_id: 179,
      item_name: "丙型病毒DNA测定(HCVDNH",
      project_id: 14,
      project_name: "传染病检查",
      range_type: 1,
      select_options: 0,
      unit: "",
      value: ""
    }
  ],

  //  patientType: "",
  //   partition: "",
  //   bed: "",
  //   age: "",
  //   healthCareDueDate: "",
  //   blood: "",
  //   rh: "",
  //   healthCareDueAlertDate: "",
  //   receivingDate: "",
  //   dialysisAge: "",
  //   induction: "",
  //   initial: "",
  //   dialysisTotal: "",
  //   doctor: "",
  //   nurse: "",
  //   assessment: "",

  patient_complains: "",
  present_history: "",
  past_history: "",
  temperature: "",
  pulse: "",
  respiratory: "",
  sbp: "",
  dbp: ""
};

export default {
   name: "patientForm",
  props: {
    isEdit: {
      type: Boolean,
      default: false
    }
  },
  data() {
    var checkContagions = (rule, value, callback) => {
      if (this.form.is_infectious == 0) {
        return callback(new Error("至少选择一项传染病"));
      }
      if (this.form.is_infectious == "2" && value.length == 0) {
        return callback(new Error("至少选择一项传染病"));
      }
      callback();
    };

    var checkPhone = (rule, value, callback) => {
      if (value.length == 0) {
        return callback(new Error("本人电话不能为空"));
      }
      if (
        !value.match(
          /^1\d{10}$/
        )
      ) {
        return callback(new Error("请填写正确的电话（手机号码）"));
      }
      callback();
    };
    var checkFamilyPhone = (rule, value, callback) => {
      if (value.length == 0) {
        return callback(new Error("家属电话不能为空"));
      }
      if (
        !value.match(
          /^1\d{10}$/
        )
      ) {
        return callback(new Error("请填写正确的电话（手机号码）"));
      }
      callback();
    };

    return {
      crumbs: [
        { path: false, name: "病人管理" },
        { path: false, name: "新增病人" }
      ],
      generic_info_fold: true,
      treat_info_fold: true,

      patientTotal: 0,
      pageLoad: true,
      avatarFlag: false,
      subscibeFlag: false,
      orgname: "",
      adminusername: "",
      form: Object.assign({}, defaultForm),
      formSubmit: true,
      submitMethod: "",
      uploadData: { token: "", key: "" },
      dialogImageUrl: "",
      qiniuDomain: "https://images.shengws.com/",
      dialogVisible: false,
      // typeOptions: null,
      // styleOptions: null,
      sourceOptions: [{ value: 1, label: "门诊" }, { value: 2, label: "住院" }],
      lapsetoOptions: [
        { value: 1, label: "留治" },
        { value: 2, label: "转出" }
      ],

      // partitionOptions: null,
      sexOptions: [{ value: 1, label: "男" }, { value: 2, label: "女" }],
      isHospitalFirstDialysisOptions: [
        { value: 1, label: "是" },
        { value: 2, label: "否" }
      ],
      predialysisConditionOptions: [
        { value: 1, label: "腹膜透析" },
        { value: 2, label: "肾移植" }
      ],
      maritalOptions: null,
      wayOptions: null,
      educationOptions: null,
      professionOptions: null,
      // inductionOptions: null,
      // doctorOptions: null,
      // nurseOptions: null,
      // rhOptions: null,
      checkDisease: null,
      contagionList: null,
      dialogFormVisible: false,
      loading: null,
      submitMsg: "",
      patientID: 0,
      formLoading: false,
      expenseOptions: [
        { id: 1, name: "基本医保" },
        { id: 2, name: "新农合" },
        { id: 3, name: "自费医疗" },
        { id: 4, name: "公费医疗" },
        { id: 5, name: "商业保险" },
        { id: 6, name: "军队医疗" },
        { id: 7, name: "其他" }
      ],

      subscibe: {},
      showLapseto:true,
      rules: {
        contagions: [
          {
            type: "array",
            required: true,
            trigger: "change",
            validator: checkContagions
          }
        ],
        patientType: [
          { required: true, message: "请选择患者类型", trigger: "blur" }
        ],
        dialysisNo: [
          { required: true, message: "请填写透析号", trigger: "blur" }
        ],
        phone: [{ validator: checkPhone, trigger: "blur" }],
        source: [
          { required: true, message: "请选择患者来源", trigger: "blur" }
        ],
        lapseto: [
          { required: true, message: "请选择治疗状态", trigger: "blur" }
        ],
        name: [{ required: true, message: "请填写姓名", trigger: "blur" }],
        gender: [{ required: true, message: "请选择性别", trigger: "blur" }],
        idCardNo: [
          { required: true, message: "请填写身份证号", trigger: "blur" }
        ],
        birth: [{ required: true, message: "请填写生日", trigger: "blur" }],
        age: [{ required: true, message: "请填写年龄", trigger: "blur" }],
        firstDialysisDate: [
          { required: true, message: "请选择日期", trigger: "blur" }
        ]

        // homeTelephone: [{ validator: checkFamilyPhone, trigger: "blur" }],
        // homeAddress: [{ required: true, message: "请填写住址", trigger: "blur" }],
      }
    };
  },
  components: {
    BreadCrumb
  },
  computed: {
    generic_fold_icon: function() {
      return this.generic_info_fold ? "el-icon-arrow-down" : "el-icon-arrow-up";
    },
    treat_fold_icon: function() {
      return this.treat_info_fold ? "el-icon-arrow-down" : "el-icon-arrow-up";
    }
  },
  created() {
    if(this.isEdit == true){
       this.showLapseto = false
    }
    // this.styleOptions = this.$store.getters.patient_types;
    // this.partitionOptions = this.$store.getters.partitions;
    this.maritalOptions = getDataConfig("patient", "marital_options");
    this.wayOptions = getDataConfig("patient", "reimbursement_ways");
    // this.typeOptions = this.$store.getters.blood_types;
    // this.rhOptions = this.$store.getters.rh;
    this.educationOptions = getDataConfig("patient", "education_types");
    this.professionOptions = getDataConfig("patient", "profession_options");
    // this.inductionOptions = this.$store.getters.induction_options;
    this.contagionList = this.$store.getters.contagions;
    this.checkDisease = this.$store.getters.disease;

    this.subscibe = this.$store.getters.xt_user.subscibe;
    this.GetPatientTotal();

    // this.fetchAllDoctorAndNurse();
    this.pageLoad = false;

    var xtuser = this.$store.getters.xt_user;
    this.orgname = xtuser.org.org_name;
    this.adminusername = xtuser.user.user_name;


    if (this.isEdit) {
      this.submitMsg = "修改患者信息成功";
      const id = this.$route.params && this.$route.params.id;
      this.patientID = parseInt(id);
      if (isNaN(this.patientID) || this.patientID <= 0) {
        this.$notify.error({
          title: "错误",
          message: "无效的id"
        });
        this.$router.back(-1);
      }
      this.fetchPatient(id);
      this.avatarFlag = true;
    } else {
      this.submitMsg = "新增患者成功";
      this.form = Object.assign({}, defaultForm);
      this.form.lapseto  = 1
    }
  },
  watch: {
    "form.record_date": function(val) {
      console.log(val);
      if (val == null || val == "") {
        console.log("111111");
        this.form.remind_cycle = "";
      }
    }
  },
  methods: {
    recordCheck() {
      if (this.form.record_date == "") {
        this.$message.error("请先选择检验检查日期");
        return;
      } else {
        this.dialogFormVisible = true;
      }
    },
    GetPatientTotal() {
      GetPatientTotal()
        .then(response => {
          if (response.data.state == 1) {
            this.patientTotal = response.data.data.total;
            this.subscibeFlag = true;
            // if ((this.subscibe.state == 2 && this.patientTotal >= 100) || (this.subscibe.state == 1 && this.patientTotal >= 200)) {
            //   this.$alert('患者数已达到当前服务版本病人数，需要升级到更高的版本', '提示', {
            //     confirmButtonText: '确定',
            //     showClose: false,
            //     callback: action => {
            //       this.$router.push('/service/buy')
            //     }
            //   })
            // } else {
            //   this.subscibeFlag = true
            // }
          } else {
            this.$message.error(response.data.msg);
          }
        })
        .catch(e => {});
    },

    changeGender(value) {
      if (this.avatarFlag) {
        return false;
      }
      if (value == 1) {
        this.form.avatar = "https://images.shengws.com/201809182128111.png";
      } else if (value == 2) {
        this.form.avatar = "https://images.shengws.com/201809182128222.png";
      } else {
      }
    },
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
    onReSubmit(formName) {
      this.submitForm(formName, "renew");
    },
    onSubmit(formName) {
      this.submitForm(formName, "redict");
    },
    submitForm(formName, action) {
      if (!this.formSubmit) {
        return false;
      }
      this.form.user_sys_before_count =  this.form.user_sys_before_count.toString()
      this.$refs[formName].validate(valid => {
        if (valid) {
          this.formSubmit = false;
          if (this.isEdit) {
            this.form.age = parseInt(this.form.age);
            this.form.user_sys_before_count = this.form.user_sys_before_count.toString();
            if(this.form.avatar.indexOf('?imageView2/2/w/500/h/500/q/90')!=-1){
               this.form.avatar = this.form.avatar
            }else{
              this.form.avatar = this.form.avatar + "?imageView2/2/w/500/h/500/q/90"
            }
            console.log("form---",this.form)
            editPatient(this.patientID, this.form)

              .then(response => {
                if (response.data.state == 0) {
                  this.$message.error(response.data.msg);
                  this.formSubmit = true;
                  return false;
                } else {
                  this.formSubmit = false;
                  this.$notify({
                    title: "成功",
                    message: this.submitMsg,
                    type: "success",
                    duration: 2000
                  });
                  this.$refs[formName].resetFields();
                  if (action !== "renew") {
                    this.$router.back(-1);
                  }
                  this.formSubmit = true;
                  return false;
                }
              })
              .catch(err => {
                this.$message.error("网络异常");
                this.formSubmit = true;
                return false;
              });
          } else {
            this.form.age = parseInt(this.form.age);
            createPatient(this.form)
              .then(response => {
                if (response.data.state == 0) {
                  this.$message.error(response.data.msg);
                  this.formSubmit = true;
                  return false;
                } else {
                  this.formSubmit = true;
                  this.$notify({
                    title: "成功",
                    message: this.submitMsg,
                    type: "success",
                    duration: 2000
                  });
                  this.$refs[formName].resetFields();
                  this.$store.dispatch("SetSubscibePatients");
                  var sub = this.$store.getters.xt_user.subscibe;
                  if (action !== "renew") {
                    this.$router.back(-1);
                  }
                  return false;
                }
              })
              .catch(err => {
                this.$message.error("网络异常");
                this.formSubmit = true;
                return false;
              });
          }
        } else {
          this.formSubmit = true;
          return false;
        }
      });
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogVisible = true;
    },
    handleAvatarError(err, file, fileList) {
      this.$message.error(err);
      this.loading.close();
      return false;
    },
    handleAvatarSuccess(res, file) {
      // this.imageUrl = URL.createObjectURL(file.raw);
      this.form.avatar = this.qiniuDomain + res.url +"?imageView2/2/w/500/h/500/q/90";
      console.log("上传成功地址",this.form.avatar)
      this.avatarFlag = true;
      this.loading.close();
    },
    beforeAvatarUpload(file) {
      // const isJPG = file.type === "image/jpeg";
      var fileType = file.type;
      const isJPG = fileType.indexOf("image") > -1;
      const isLt2M = file.size / 1024 / 1024 < 6;

      if (!isJPG) {
        this.$message.error("只能上传图片");
        return false;
      }
      if (!isLt2M) {
        this.$message.error("上传头像图片大小不能超过 6MB!");
        return false;
      }

      var date = new Date();
      var ext = getFileExtension(file.name);
      var key =
        date.getFullYear() +
        "/" +
        (date.getMonth() + 1) +
        "/" +
        date.getDate() +
        "/" +
        date.getHours() +
        "/" +
        date.getMinutes() +
        "/" +
        date.getSeconds() +
        "/" +
        "_s_" +
        file.uid +
        "." +
        ext;
      this.loading = this.$loading({
        lock: true,
        text: "上传中...",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });

      const _self = this;
      return new Promise((resolve, reject) => {
        getToken()
          .then(response => {
            const token = response.data.data.uptoken;
            _self._data.uploadData.token = token;
            _self._data.uploadData.key = key;
            resolve(true);
          })
          .catch(err => {
            console.log(err);
            reject(false);
            this.loading.close();
          });
      });
    },
    generatedialysisno() {
      generateDialysisNo().then(response => {
        this.form.dialysisNo = response.data.data.no + "";
      });
    },
    checkIdCardNo() {
      console.log(this.form.idCardNo);
      if (!isCardNo(this.form.idCardNo)) {
        this.$message.error("身份证号码信息有误!");
        this.form.birth = "";
        return false;
      }
      var thisLen = this.form.idCardNo.length;
      var birth = "";
      if (thisLen == 15) {
        birth = "19" + this.form.idCardNo.substr(6, 6);
      } else {
        birth = this.form.idCardNo.substr(6, 8);
      }
      this.form.birth =
        birth.substr(0, 4) +
        "-" +
        birth.substr(4, 2) +
        "-" +
        birth.substr(6, 2);

      this.form.age = jsGetAge(this.form.birth, "-");
    },
    hadSelectBirth() {
      this.form.age = jsGetAge(this.form.birth, "-");
    },
    checkHeight() {
      if (!isPositiveInteger(this.form.height)) {
        this.$message.error("身高请填写正整数!");
        return false;
      }
    },
    selectFirstDialysisDate() {
      this.form.dialysisAge = dialysisAge(this.form.firstDialysisDate);
    },
    fetchPatient(id) {
      fetchPatient(id)
        .then(response => {
          if (response.data.state == 1) {
            this.$emit("tran-patient-info", response.data.data.patient);
            var patietInfo = response.data.data.patient;
            this.form.avatar = patietInfo.avatar;
            this.form.name = patietInfo.name;
            this.form.alias = patietInfo.alias;
            this.form.idCardNo = patietInfo.id_card_no;
            this.form.dialysisNo = patietInfo.dialysis_no;
            this.form.gender = patietInfo.gender;
            if (patietInfo.gender == 1 || patietInfo.gender == 2) {
              this.form.gender = patietInfo.gender;
            }
            this.form.birth = uParseTime(patietInfo.birthday, "{y}-{m}-{d}");
            this.form.nation = patietInfo.nation;
            this.form.native_place = patietInfo.native_place;
            this.form.height = patietInfo.height + "";
            console.log(this.form.birth);
            if (patietInfo.marital_status > 0) {
              this.form.maritalStatus = patietInfo.marital_status;
            }
            this.form.children = patietInfo.children;
            this.form.admissionNumber = patietInfo.admission_number;
            if (patietInfo.reimbursement_way_id > 0) {
              this.form.reimbursementWayID = patietInfo.reimbursement_way_id;
            }
            this.form.healthCareNo = patietInfo.health_care_no;
            this.form.phone = patietInfo.phone;
            this.form.homeTelephone = patietInfo.home_telephone;
            this.form.relative_phone = patietInfo.relative_phone;
            this.form.relative_relations = patietInfo.relative_relations;
            this.form.homeAddress = patietInfo.home_address;
            this.form.work = patietInfo.work_unit;
            this.form.unit_address = patietInfo.unit_address;
            this.form.user_sys_before_count = patietInfo.user_sys_before_count;

            if (patietInfo.profession > 0) {
              this.form.profession = patietInfo.profession;
            }
            if (patietInfo.education_level > 0) {
              this.form.education = patietInfo.education_level;
            }
            if (patietInfo.source == 1 || patietInfo.source == 2) {
              this.form.source = patietInfo.source;
            }
            if (patietInfo.lapseto == 1 || patietInfo.lapseto == 2) {
              this.form.lapseto = patietInfo.lapseto;
            }
            if (
              patietInfo.is_hospital_first_dialysis == 1 ||
              patietInfo.is_hospital_first_dialysis == 2
            ) {
              this.form.is_hospital_first_dialysis =
                patietInfo.is_hospital_first_dialysis;
            }
            if (patietInfo.first_dialysis_date != 0) {
              this.form.firstDialysisDate = uParseTime(
                patietInfo.first_dialysis_date,
                "{y}-{m}-{d}"
              );
            }
            this.form.first_dialysis_hospital =
              patietInfo.first_dialysis_hospital;
            if (patietInfo.predialysis_condition.length > 0) {
              this.form.predialysis_condition = patietInfo.predialysis_condition.split(
                ","
              );
            }
            this.form.pre_hospital_dialysis_frequency =
              patietInfo.pre_hospital_dialysis_frequency;
            this.form.pre_hospital_dialysis_times =
              patietInfo.pre_hospital_dialysis_times;
            if (patietInfo.hospital_first_dialysis_date != 0) {
              this.form.hospital_first_dialysis_date = uParseTime(
                patietInfo.hospital_first_dialysis_date,
                "{y}-{m}-{d}"
              );
            }
            this.form.contagions = response.data.data.contagions;
            this.form.diseases = response.data.data.diseases;
            this.form.remark = patietInfo.remark;
            this.form.diagnose = patietInfo.diagnose;

            this.form.patient_complains = patietInfo.patient_complains;
            this.form.present_history = patietInfo.present_history;
            this.form.past_history = patietInfo.past_history;
            this.form.temperature = patietInfo.temperature;
            this.form.pulse = patietInfo.pulse;
            this.form.respiratory = patietInfo.respiratory;
            this.form.sbp = patietInfo.sbp;
            this.form.dbp = patietInfo.dbp;

            this.form.response_result = patietInfo.response_result;
            this.form.remind_cycle = patietInfo.remind_cycle;
            this.form.is_infectious = patietInfo.is_infectious;

            this.form.tell_phone = patietInfo.tell_phone;
            this.form.dialysis_age = patietInfo.dialysis_age;
            this.form.contact_name = patietInfo.contact_name;
            if (patietInfo.expense_kind == 0) {
              this.form.expense_kind = "";
            } else {
              this.form.expense_kind = patietInfo.expense_kind;
            }

            this.form.first_treatment_date = uParseTime(
              patietInfo.first_treatment_date,
              "{y}-{m}-{d}"
            );

            if (patietInfo.age == 0) {
              this.form.age = jsGetAge(this.form.birth, "-");
            } else {
              this.form.age = patietInfo.age;
            }

            // this.form.initial = patietInfo.initial_dialysis + "";
            // this.form.dialysisTotal = patietInfo.total_dialysis + "";
            // this.form.assessment = patietInfo.evaluate;
            // if (patietInfo.patient_type > 0) {
            //   this.form.patientType = patietInfo.patient_type;
            // }
            // if (patietInfo.partition_id > 0) {
            //   this.form.partition = patietInfo.partition_id;
            // }
            // if (patietInfo.bed_id > 0) {
            //   this.form.bed = patietInfo.bed_id;
            // }
            // this.form.healthCareDueDate = uParseTime(
            //   patietInfo.health_care_due_date,
            //   "{y}-{m}-{d}"
            // );
            // if (patietInfo.blood_type > 0) {
            //   this.form.blood = patietInfo.blood_type;
            // }
            // if (patietInfo.rh > 0) {
            //   this.form.rh = patietInfo.rh;
            // }
            // this.form.healthCareDueAlertDate = uParseTime(
            //   patietInfo.health_care_due_alert_date,
            //   "{y}-{m}-{d}"
            // );
            // this.form.receivingDate = uParseTime(
            //   patietInfo.receiving_date,
            //   "{y}-{m}-{d}"
            // );
            // this.form.dialysisAge = dialysisAge(
            //   this.form.firstDialysisDate,
            //   "-"
            // );
            // if (patietInfo.induction_period > 0) {
            //   this.form.induction = patietInfo.induction_period;
            // }
            // if (patietInfo.attending_doctor_id > 0) {
            //   this.form.doctor = patietInfo.attending_doctor_id;
            // }
            // if (patietInfo.head_nurse_id > 0) {
            //   this.form.nurse = patietInfo.head_nurse_id;
            // }
            // if (patietInfo.registrars_id > 0) {
            //   this.form.registrars = patietInfo.registrars_id;
            // }
            this.checkIdCardNo();
          } else {
            this.$notify.error({
              title: "错误",
              message: "网络异常"
            });
            this.$router.back(-1);
          }

          // this.postForm = response.data
          // // Just for test
          // this.postForm.title += `   Article Id:${this.postForm.id}`
          // this.postForm.content_short += `   Article Id:${this.postForm.id}`
        })
        .catch(err => {
          this.$notify.error({
            title: "错误",
            message: "网络异常"
          });
          this.$router.back(-1);
        });
    },
    submitNew(formName) {
      this.dialogFormVisible = false;
    },
    changeCycle(val) {
      if (!this.isEdit) {
        if (this.form.record_date == "" || this.form.record_date == null) {
          this.$message.error("请先选择检查结果日期");
          this.form.remind_cycle = "";
          return;
        }
      }
    }

    // fetchAllDoctorAndNurse() {
    // fetchAllDoctorAndNurse().then(response => {
    //   if (response.data.state == 1) {
    // this.doctorOptions = response.data.data.doctors;
    // this.nurseOptions = response.data.data.nursers;
    //   }
    // });
    // }
  }
};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.uploadHeadBtn {
  width: 148px;
  margin-top: 10px;
}

.el-form {
  .el-col-6,
  .el-col-8 {
    width: 430px;
    height: 59px !important;
  }

  .el-form-item {
    .el-select {
      width: 100%;
    }

    .el-date-editor.el-input {
      width: 100%;
    }

    .textarea {
      width: 100%;
      height: 70px;
      border-color: #dcdfe6;
      padding: 5px;
    }
  }
}
.el-select-dropdown {
  z-index: 998 !important;
}
.newCol {
  position: fixed;
  bottom: 0;
  right: 50px;
}
</style>