yxh
2023-12-17 e95f985e2dc8178d777074dd43b4dea5658eecdf
src/views/project/donationdetails/index.vue
@@ -4,45 +4,150 @@
      <div class="postfilx">
        <div class="title">工作进程</div>
        <div style="height: 666px;">
          <el-steps direction="vertical" :active="3">
          <el-steps direction="vertical" :active="workflow">
            <el-step title="潜在捐献" icon="el-icon-user">
              <template slot="description">
                <p>提交时间:<span>2023-9-20</span></p>
                <p>审核时间:<span>2023-9-30</span></p>
              <template
                slot="description"
                v-if="Processdata.donatebaseinfo.createtime"
              >
                <p>
                  提交时间:<span>{{
                    parseTime(Processdata.donatebaseinfo.createtime)
                  }}</span>
                </p>
                <p>
                  更新时间:<span>{{
                    parseTime(Processdata.donatebaseinfo.updatetime)
                  }}</span>
                </p>
              </template>
            </el-step>
            <el-step title="医学评估" icon="el-icon-edit-outline">
              <template slot="description">
                <p>提交时间:<span>2023-9-20</span></p>
                <p>审核时间:<span>2023-9-30</span></p>
            <el-step
              title="医学评估"
              icon="el-icon-edit-outline"
              description="请先完成前部步骤"
            >
              <template
                slot="description"
                v-if="Processdata.medicalevaluation.createtime"
              >
                <p>
                  提交时间:<span>{{
                    parseTime(Processdata.medicalevaluation.createtime)
                  }}</span>
                </p>
                <p>
                  更新时间:<span>{{
                    parseTime(Processdata.medicalevaluation.updatetime)
                  }}</span>
                </p>
              </template>
            </el-step>
            <el-step
              title="捐献确认"
              description="这是一段很长很长很长的描述性文字"
              description="请先完成前部步骤"
              icon="el-icon-folder-checked"
            >
              <template
                slot="description"
                v-if="Processdata.relativesconfirmation.createtime"
              >
                <p>
                  提交时间:<span>{{
                    parseTime(Processdata.relativesconfirmation.createtime)
                  }}</span>
                </p>
                <p>
                  更新时间:<span>{{
                    parseTime(Processdata.relativesconfirmation.updatetime)
                  }}</span>
                </p>
              </template>
            </el-step>
            <el-step
              title="伦理审查"
              description="这是一段很长很长很长的描述性文字"
              description="请先完成前部步骤"
              icon="el-icon-s-order"
            ></el-step>
            >
              <template
                slot="description"
                v-if="Processdata.donateflowcharts.createtime"
              >
                <p>
                  提交时间:<span>{{
                    parseTime(Processdata.donateflowcharts.createtime)
                  }}</span>
                </p>
                <p>
                  更新时间:<span>{{
                    parseTime(Processdata.donateflowcharts.updatetime)
                  }}</span>
                </p>
              </template>
            </el-step>
            <el-step
              title="器官分配"
              description="这是一段很长很长很长的描述性文字"
              description="请先完成前部步骤"
              icon="el-icon-s-operation"
            ></el-step>
            >
              <template
                slot="description"
                v-if="Processdata.donateorgansService.createtime"
              >
                <p>
                  提交时间:<span>{{
                    parseTime(Processdata.donateorgansService.createtime)
                  }}</span>
                </p>
                <p>
                  更新时间:<span>{{
                    parseTime(Processdata.donateorgansService.updatetime)
                  }}</span>
                </p>
              </template>
            </el-step>
            <el-step
              title="获取见证"
              description="这是一段很长很长很长的描述性文字"
              description="请先完成前部步骤"
              icon="el-icon-s-management"
            ></el-step>
            >
              <template
                slot="description"
                v-if="Processdata.donationwitness.createtime"
              >
                <p>
                  提交时间:<span>{{
                    parseTime(Processdata.donationwitness.createtime)
                  }}</span>
                </p>
                <p>
                  更新时间:<span>{{
                    parseTime(Processdata.donationwitness.updatetime)
                  }}</span>
                </p>
              </template>
            </el-step>
            <el-step
              title="完成登记"
              description="这是一段很长很长很长的描述性文字"
              description="请先完成前部步骤"
              icon="el-icon-circle-check"
            ></el-step>
            >
              <template
                slot="description"
                v-if="Processdata.donatecompletioninfo.createtime"
              >
                <p>
                  提交时间:<span>{{
                    parseTime(Processdata.donatecompletioninfo.createtime)
                  }}</span>
                </p>
                <p>
                  更新时间:<span>{{
                    parseTime(Processdata.donatecompletioninfo.updatetime)
                  }}</span>
                </p>
              </template>
            </el-step>
          </el-steps>
        </div>
      </div>
@@ -51,7 +156,7 @@
    <div style="background: #fff;">
      <!-- 顶部数据 -->
      <div class="boxdiv">
        <div class="top-text">捐献者记录工作台</div>
        <div class="top-text">捐献案例信息</div>
        <el-form
          ref="form"
          :model="form"
@@ -66,32 +171,49 @@
              "
          >
            <el-row style="margin-top: 10px">
              <el-col :span="8">
              <el-col :span="6">
                <el-form-item label="捐献编号" prop="donorno">
                  <el-input v-model="form.donorno" disabled />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item
                  align="left"
                  label="医疗机构"
                  prop="treatmenthospitalno"
                >
                  <org-selecter
                    ref="addOrgSelect"
                    :org-type="'3'"
                    v-model="form.treatmenthospitalno"
                  />
              <el-col :span="6">
                <el-form-item label="报告人" prop="reporterno">
                  <el-select
                    ref="getReportname"
                    v-model="form.reporterno"
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="item in reporters"
                      :key="item.reportNo"
                      :label="item.reportName"
                      :value="item.reportNo"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="科室" prop="treatmentdeptno">
              <el-col :span="6">
                <el-form-item label="联系电话" prop="reporterphone">
                  <el-input
                    v-model="form.treatmentdeptname"
                    placeholder="请输入科室"
                    v-model="form.reporterphone"
                    placeholder="请输入联系电话"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="报告时间" align="left" prop="reporttime">
                  <el-date-picker
                    clearable
                    size="small"
                    v-model="form.reporttime"
                    type="datetime"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="选择报告时间"
                  >
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="6">
@@ -99,36 +221,6 @@
                  <el-input v-model="form.name" placeholder="必填项" />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="民族" prop="nation">
                  <el-select v-model="form.nation" placeholder="请选择民族">
                    <el-option
                      v-for="dict in dict.type.sys_nation"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="籍贯" prop="nativeplace">
                  <el-input
                    v-model="form.nativeplace"
                    placeholder="请输入国籍"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="国籍" prop="nationality">
                  <el-input
                    v-model="form.nationality"
                    placeholder="请输入国籍"
                  />
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="6">
                <el-form-item label="证件类型" prop="idcardtype">
                  <el-select
@@ -147,7 +239,6 @@
              <el-col :span="6">
                <el-form-item label="证件号码" prop="idcardno">
                  <el-input
                    style="width: 174px"
                    ref="updateBSvalue"
                    class="sfzcode"
                    v-model="form.idcardno"
@@ -155,7 +246,22 @@
                    @blur="updateMessage"
                  />
                </el-form-item>
              </el-col>
              </el-col>
              <el-col :span="6">
                <el-form-item label="出生日期" prop="birthday">
                  <el-date-picker
                    clearable
                    size="small"
                    v-model="form.birthday"
                    type="date"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="选择出生日期"
                  >
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="6">
                <el-form-item label="性别" prop="sex">
                  <el-select v-model="form.sex" placeholder="请输入性别">
@@ -173,84 +279,26 @@
                  <el-input v-model="form.age" placeholder="请输入年龄" />
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="6">
                <el-form-item label="出生日期" prop="birthday">
                  <el-date-picker
                    clearable
                    size="small"
                    v-model="form.birthday"
                    type="date"
                    style="width: 174px"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="选择出生日期"
                  >
                  </el-date-picker>
                <el-form-item
                  align="left"
                  label="医疗机构"
                  prop="treatmenthospitalno"
                >
                  <org-selecter
                    ref="addOrgSelect"
                    :org-type="'3'"
                    v-model="form.treatmenthospitalno"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="职业" prop="occupation">
                  <el-select v-model="form.occupation" placeholder="请选择职业">
                    <el-option
                      v-for="dict in dict.type.sys_occupation"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                <el-form-item label="科室" prop="treatmentdeptno">
                  <el-input
                    v-model="form.treatmentdeptname"
                    placeholder="请输入科室"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="学历" prop="education">
                  <el-select v-model="form.education" placeholder="请选择学历">
                    <el-option
                      v-for="dict in dict.type.sys_education"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="住址" prop="residenceaddress">
                  <div>
                    <li_area_select
                      ref="residenceSelect"
                      v-model="residenceAddresss"
                    ></li_area_select>
                    <!-- <div>{{defultAddress}}</div> -->
                  </div>
                </el-form-item>
              </el-col>
              <el-col :span="11" :push="1">
                <el-input
                  v-model="form.residenceaddress"
                  placeholder="请输入内容"
                />
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="现所在地" prop="registeraddress">
                  <div>
                    <li_area_select
                      ref="registerSelect"
                      v-model="registerAddresss"
                    ></li_area_select>
                    <!-- <div>{{defultAddress}}</div> -->
                  </div>
                </el-form-item>
              </el-col>
              <el-col :span="11" :push="1">
                <el-input
                  v-model="form.registeraddress"
                  placeholder="请输入内容"
                />
              </el-col>
            </el-row>
          </div>
@@ -296,7 +344,8 @@
          ></el-step>
        </el-steps>
      </div>
      <div class="Ticket-button">
      <!-- 凭证文件 -->
      <div class="Ticket-button" v-show="actives != 5 && actives != 4">
        <el-button @click.native.prevent="Filepopup" type="success"
          >凭证文件</el-button
        >
@@ -323,6 +372,95 @@
                  placeholder="请输入疾病诊断名称"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <el-form-item label="民族" prop="nation">
                <el-select v-model="form.nation" placeholder="请选择民族">
                  <el-option
                    v-for="dict in dict.type.sys_nation"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="籍贯" prop="nativeplace">
                <el-input v-model="form.nativeplace" placeholder="请输入国籍" />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="国籍" prop="nationality">
                <el-input v-model="form.nationality" placeholder="请输入国籍" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <el-form-item label="职业" prop="occupation">
                <el-select v-model="form.occupation" placeholder="请选择职业">
                  <el-option
                    v-for="dict in dict.type.sys_occupation"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="学历" prop="education">
                <el-select v-model="form.education" placeholder="请选择学历">
                  <el-option
                    v-for="dict in dict.type.sys_education"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="住址" prop="residenceaddress">
                <div>
                  <li_area_select
                    ref="residenceSelect"
                    v-model="residenceAddresss"
                  ></li_area_select>
                  <!-- <div>{{defultAddress}}</div> -->
                </div>
              </el-form-item>
            </el-col>
            <el-col :span="11" :push="1">
              <el-input
                v-model="form.residenceaddress"
                placeholder="请输入内容"
              />
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="现所在地" prop="registeraddress">
                <div>
                  <li_area_select
                    ref="registerSelect"
                    v-model="registerAddresss"
                  ></li_area_select>
                  <!-- <div>{{defultAddress}}</div> -->
                </div>
              </el-form-item>
            </el-col>
            <el-col :span="11" :push="1">
              <el-input
                v-model="form.registeraddress"
                placeholder="请输入内容"
              />
            </el-col>
          </el-row>
          <el-row>
@@ -517,6 +655,20 @@
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <el-form-item
                align="left"
                label="获取组织"
                prop="acquisitiontissuename"
              >
                <org-selecter
                  style="width: 260px"
                  ref="orgSelecter"
                  :org-type="'1'"
                  v-model="form.acquisitiontissueno"
                />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="信息员" prop="infoname">
                <el-input v-model="form.infoname" placeholder="请输入信息员" />
@@ -564,87 +716,27 @@
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-form-item
                align="left"
                label="获取组织"
                prop="acquisitiontissuename"
              >
                <org-selecter
                  style="width: 260px"
                  ref="orgSelecter"
                  :org-type="'1'"
                  v-model="form.acquisitiontissueno"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="报告人" prop="reporterno">
                <el-select
                  ref="getReportname"
                  v-model="form.reporterno"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in reporters"
                    :key="item.reportNo"
                    :label="item.reportName"
                    :value="item.reportNo"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="联系电话" prop="reporterphone">
                <el-input
                  v-model="form.reporterphone"
                  placeholder="请输入联系电话"
                />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="报告时间" align="left" prop="reporttime">
                <el-date-picker
                  clearable
                  size="small"
                  style="width: 190px"
                  v-model="form.reporttime"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  placeholder="选择报告时间"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div class="dialog-footer">
          <el-button v-show="showSaveBtn" type="primary" @click="submitForm"
            >保存捐献者信息</el-button
          <el-button
            v-show="!showTerminationBtn"
            type="primary"
            @click="submitForm"
            >保存</el-button
          >
          <el-button
            v-show="showTerminationBtn"
            type="primary"
            :type="showTerminationBtn == 0 ? 'warning' : 'success'"
            @click="Terminationcase"
            >终止案例</el-button
            >{{ showTerminationBtn == 0 ? "终止" : "恢复" }}</el-button
          >
          <el-button
            v-show="Reportforreview"
            type="primary"
            @click="Reportforreview"
            >上报审核</el-button
            >提交</el-button
          >
          <el-button
            v-show="makeastepforward"
            type="primary"
            @click="makeastepforward"
            >下一步</el-button
          >
          <el-button @click="cancel">取 消</el-button>
          <!-- <el-button @click="cancel">取 消</el-button> -->
          <!-- <el-button @click="handleapproval">提交审核</el-button> -->
        </div>
      </div>
@@ -852,22 +944,24 @@
          </el-row>
        </el-form>
        <div class="dialog-footer">
          <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
            >保存评估信息</el-button
          >
          <el-button
            v-show="showTerminationBtn"
            v-show="!showTerminationBtn"
            type="primary"
            @click="Terminationcase"
            >终止案例</el-button
            @click="Savethedetails"
            >保存</el-button
          >
          <el-button
            :type="showTerminationBtn == 0 ? 'warning' : 'success'"
            @click="Terminationcase"
            >{{ showTerminationBtn == 0 ? "终止" : "恢复" }}</el-button
          >
          <!-- <el-button
            v-show="makeastepforward"
            type="primary"
            @click="makeastepforward"
            >下一步</el-button
          >
          <el-button @click="cancel">取 消</el-button>
          > -->
          <!-- <el-button @click="cancel">取 消</el-button> -->
        </div>
      </div>
      <!-- 捐献确认 -->
@@ -879,6 +973,13 @@
          label-width="100px"
          label-position="right"
        >
          <el-form-item label-width="100px" label="选择器官">
            <el-checkbox-group v-model="organdecision">
              <el-checkbox v-for="item in organlist" :label="item">
                {{ item }}
              </el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-row>
            <el-col :span="6">
              <el-form-item label="子女数量" prop="kinshipChildrennum">
@@ -957,9 +1058,17 @@
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="其他" prop="organdecisionOther">
                <el-input
                  v-model="affirmform.organdecisionOther"
                  placeholder="请输入其他"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="18">
            <!-- <el-col :span="18">
              <el-form-item align="left" label="捐献决定">
                <el-checkbox-group v-model="affirmform.organdecision">
                  <el-checkbox
@@ -971,15 +1080,7 @@
                  </el-checkbox>
                </el-checkbox-group>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="其他" prop="organdecisionOther">
                <el-input
                  v-model="affirmform.organdecisionOther"
                  placeholder="请输入其他"
                />
              </el-form-item>
            </el-col>
            </el-col> -->
          </el-row>
          <el-row>
            <el-col :span="6">
@@ -1050,22 +1151,24 @@
          </el-row>
        </el-form>
        <div class="dialog-footer">
          <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
            >保存捐献信息</el-button
          >
          <el-button
            v-show="showTerminationBtn"
            v-show="!showTerminationBtn"
            type="primary"
            @click="Terminationcase"
            >终止案例</el-button
            @click="Savethedetails"
            >保存</el-button
          >
          <el-button
            :type="showTerminationBtn == 0 ? 'warning' : 'success'"
            @click="Terminationcase"
            >{{ showTerminationBtn == 0 ? "终止" : "恢复" }}</el-button
          >
          <!-- <el-button
            v-show="makeastepforward"
            type="primary"
            @click="makeastepforward"
            >下一步</el-button
          >
          <el-button @click="cancel">取 消</el-button>
          > -->
          <!-- <el-button @click="cancel">取 消</el-button> -->
        </div>
      </div>
      <!-- 伦理审查 -->
@@ -1116,33 +1219,39 @@
          </el-row>
        </el-form>
        <div class="dialog-footer" style="min-height: 500px; margin: 20px 0; ">
          <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
            >保存捐献信息</el-button
          >
          <el-button
            v-show="showTerminationBtn"
            v-show="!showTerminationBtn"
            type="primary"
            @click="Terminationcase"
            >终止案例</el-button
            @click="Savethedetails"
            >保存</el-button
          >
          <el-button
            :type="showTerminationBtn == 0 ? 'warning' : 'success'"
            @click="Terminationcase"
            >{{ showTerminationBtn == 0 ? "终止" : "恢复" }}</el-button
          >
          <!-- <el-button
            v-show="makeastepforward"
            type="primary"
            @click="makeastepforward"
            >下一步</el-button
          >
          <el-button @click="cancel">取 消</el-button>
          > -->
          <!-- <el-button @click="cancel">取 消</el-button> -->
        </div>
      </div>
      <!-- 器官分配 -->
      <div class="boxdiv" v-show="actives == 4">
      <div class="boxdiv" v-show="actives == 4 || actives == 5 || actives == 6">
        <el-form
          ref="allocationform"
          :model="allocationform"
          :rules="allocationrules"
          label-position="right"
        >
          <el-form-item label-width="100px" label="选择器官">
          <el-form-item
            label-width="100px"
            label="选择器官"
            v-show="actives == 4"
          >
            <el-checkbox-group v-model="organalForm.organname">
              <el-checkbox
                v-for="dict in dict.type.sys_Organ"
@@ -1159,20 +1268,42 @@
              <el-table-column
                label="器官名称"
                align="center"
                width="70"
                width="100"
                prop="organname"
              />
              <el-table-column
                label="器官编号"
                align="center"
                width="70"
                width="100"
                prop="organno"
              />
              <el-table-column
                label="分配状态"
                align="center"
                width="120"
                width="150"
                prop="allocationstatus"
                v-if="actives == 4"
              >
                <template slot-scope="scope">
                  <el-select
                    v-model="scope.row.allocationstatus"
                    placeholder="请选择器官状态"
                  >
                    <el-option
                      v-for="dict in allocationstatuslist"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </template>
              </el-table-column>
              <el-table-column
                label="获取状态"
                align="center"
                width="150"
                prop="organstate"
                v-if="actives == 5"
              >
                <template slot-scope="scope">
                  <el-select
@@ -1180,7 +1311,28 @@
                    placeholder="请选择器官状态"
                  >
                    <el-option
                      v-for="dict in dict.type.sys_organstate"
                      v-for="dict in organstatelist"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </template>
              </el-table-column>
              <el-table-column
                label="移植状态"
                align="center"
                width="150"
                prop="transplantstate"
                v-if="actives == 6"
              >
                <template slot-scope="scope">
                  <el-select
                    v-model="scope.row.transplantstate"
                    placeholder="请选择器官状态"
                  >
                    <el-option
                      v-for="dict in transplantstatelist"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
@@ -1196,9 +1348,35 @@
              >
                <template slot-scope="scope">
                  <org-selecter
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    ref="tranHosSelect"
                    :org-type="'4'"
                    v-model="scope.row.transplanthospitalno"
                    style="width: 100%"
                  />
                </template>
              </el-table-column>
              <el-table-column
                label="获取组织"
                align="center"
                width="230"
                prop="gainhospitalno"
                v-if="actives == 5"
              >
                <template slot-scope="scope">
                  <org-selecter
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    ref="tranHosSelect"
                    :org-type="'4'"
                    v-model="scope.row.gainhospitalno"
                    style="width: 100%"
                  />
                </template>
@@ -1208,9 +1386,15 @@
                align="center"
                width="120"
                prop="ageunit"
                v-if="actives == 4"
              >
                <template slot-scope="scope">
                  <el-input
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    v-model="scope.row.ageunit"
                    placeholder="系统编号"
                  />
@@ -1221,9 +1405,15 @@
                align="center"
                width="200"
                prop="applicanttime"
                v-if="actives == 4"
              >
                <template slot-scope="scope">
                  <el-date-picker
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    clearable
                    size="small"
                    style="width: 100%"
@@ -1240,9 +1430,106 @@
                align="center"
                width="120"
                prop="name"
                v-if="actives == 4"
              >
                <template slot-scope="scope">
                  <el-input v-model="scope.row.name" placeholder="受体姓名" />
                  <el-input
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    v-model="scope.row.name"
                    placeholder="受体姓名"
                  />
                </template>
              </el-table-column>
              <el-table-column
                label="移植负责人"
                align="center"
                width="120"
                prop="transplantdoct"
                v-if="actives == 6"
              >
                <template slot-scope="scope">
                  <el-input
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    v-model="scope.row.transplantdoct"
                    placeholder="医师姓名"
                  />
                </template>
              </el-table-column>
              <el-table-column
                label="移植时间"
                align="center"
                width="200"
                prop="transplanttime"
                v-if="actives == 6"
              >
                <template slot-scope="scope">
                  <el-date-picker
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    clearable
                    size="small"
                    style="width: 100%"
                    v-model="scope.row.transplanttime"
                    type="datetime"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="选择移植时间"
                  >
                  </el-date-picker>
                </template>
              </el-table-column>
              <el-table-column
                label="获取医师"
                align="center"
                width="120"
                prop="organgetdoct"
                v-if="actives == 5"
              >
                <template slot-scope="scope">
                  <el-input
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    v-model="scope.row.organgetdoct"
                    placeholder="医师姓名"
                  />
                </template>
              </el-table-column>
              <el-table-column
                label="获取时间"
                align="center"
                width="200"
                prop="organgettime"
                v-if="actives == 5"
              >
                <template slot-scope="scope">
                  <el-date-picker
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    clearable
                    size="small"
                    style="width: 100%"
                    v-model="scope.row.organgettime"
                    type="datetime"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="选择获取时间"
                  >
                  </el-date-picker>
                </template>
              </el-table-column>
              <el-table-column
@@ -1250,9 +1537,15 @@
                align="center"
                width="150"
                prop="idcardtype"
                v-if="actives == 4"
              >
                <template slot-scope="scope">
                  <el-select
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    v-model="scope.row.idcardtype"
                    placeholder="移植人证件类型"
                  >
@@ -1270,34 +1563,58 @@
                align="center"
                width="200"
                prop="idcardno"
                v-if="actives == 4"
              >
                <template slot-scope="scope">
                  <el-input
                    :disabled="
                      scope.row.allocationstatus == 2 ||
                        scope.row.organstate == 2 ||
                        scope.row.transplantstate == 2
                    "
                    v-model="scope.row.idcardno"
                    placeholder="证件号码"
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="abandonreason"
                label="弃用/作废原因"
                align="center"
                width="260"
              >
                <template slot-scope="scope">
                  <el-row>
                    <el-input
                      clearable
                      v-model="scope.row.abandonreason"
                      placeholder="请输入弃用/作废原因"
                    />
                  </el-row>
                </template>
              </el-table-column>
            </el-table>
          </el-form-item>
        </el-form>
        <div class="dialog-footer">
          <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
            >保存捐献信息</el-button
          >
        <div class="dialog-footer" v-show="actives == 4">
          <el-button
            v-show="showTerminationBtn"
            v-show="!showTerminationBtn"
            type="primary"
            @click="Terminationcase"
            >终止案例</el-button
            @click="Savethedetails"
            >保存</el-button
          >
          <el-button
            :type="showTerminationBtn == 0 ? 'warning' : 'success'"
            @click="Terminationcase"
            >{{ showTerminationBtn == 0 ? "终止" : "恢复" }}</el-button
          >
          <!-- <el-button
            v-show="makeastepforward"
            type="primary"
            @click="makeastepforward"
            >下一步</el-button
          >
          <el-button @click="cancel">取 消</el-button>
          > -->
          <!-- <el-button @click="cancel">取 消</el-button> -->
        </div>
      </div>
      <!-- 获取见证 -->
@@ -1309,22 +1626,6 @@
          label-width="100px"
          label-position="right"
        >
          <el-row>
            <el-col :span="24">
              <el-form-item align="left" label="捐献决定">
                <el-checkbox-group v-model="witnessform.organdonation">
                  <el-checkbox
                    v-for="dict in dict.type.sys_Organ"
                    :key="dict.value"
                    :label="dict.value"
                    disabled
                  >
                    {{ dict.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-form-item
@@ -1575,84 +1876,6 @@
              </el-form-item>
            </el-col>
          </el-row>
          <el-table :data="tableData" border>
            <el-table-column
              align="center"
              width="80px"
              prop="organname"
              label="器官名称"
            >
            </el-table-column>
            <el-table-column
              align="center"
              width="220px"
              prop="gainhospitalno"
              label="获取组织"
            >
              <template slot-scope="scope">
                <org-selecter
                  ref="gainhosselect"
                  :org-type="'4'"
                  v-model="scope.row.gainhospitalno"
                />
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              width="140px"
              prop="organgetdoct"
              label="获取医师"
            >
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.organgetdoct"
                  placeholder="请输入获取医师"
                ></el-input>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              width="210px"
              prop="organgettime"
              label="获取日期"
            >
              <template slot-scope="scope">
                <el-row>
                  <el-date-picker
                    clearable
                    size="small"
                    style="width: 100%"
                    v-model="scope.row.organgettime"
                    type="datetime"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="选择器官获取时间"
                  >
                  </el-date-picker>
                </el-row>
              </template>
            </el-table-column>
            <el-table-column
              label="器官状态"
              align="center"
              prop="organstate"
              width="180"
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.organstate"
                  placeholder="请选择器官状态"
                >
                  <el-option
                    v-for="dict in dict.type.sys_organstate"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </template>
            </el-table-column>
          </el-table>
          <el-row>
            <el-col :span="12">
              <el-form-item align="left" label="默哀缅怀仪式">
@@ -1679,9 +1902,7 @@
              </el-form-item></el-col
            >
          </el-row>
          <!-- <el-form-item align="left" label="死亡证明附件路径">
          <fileUpload v-model="witnessform.deathjudgeannex" />
        </el-form-item> -->
          <el-row>
            <el-col :span="8">
              <el-form-item
@@ -1731,22 +1952,25 @@
        </el-form>
        <div class="dialog-footer">
          <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
            >保存捐献信息</el-button
          >
          <el-button
            v-show="showTerminationBtn"
            v-show="!showTerminationBtn"
            type="primary"
            @click="Terminationcase"
            >终止案例</el-button
            @click="Savethedetails"
            >保存</el-button
          >
          <el-button
            :type="showTerminationBtn == 0 ? 'warning' : 'success'"
            @click="Terminationcase"
            >{{ showTerminationBtn == 0 ? "终止" : "恢复" }}</el-button
          >
          <!-- <el-button
            v-show="makeastepforward"
            type="primary"
            @click="makeastepforward"
            >下一步</el-button
          >
          <el-button @click="cancel">取 消</el-button>
          > -->
          <!-- <el-button @click="cancel">取 消</el-button> -->
        </div>
      </div>
      <!-- 完成登记 -->
@@ -1773,120 +1997,6 @@
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-form-item label="器官组织">
              <el-checkbox-group
                align="left"
                v-model="accomplishform.donateorganList"
              >
                <el-checkbox
                  v-for="dict in dict.type.sys_Organ"
                  :key="dict.value"
                  :label="dict.value"
                  disabled
                >
                  {{ dict.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-row>
          <el-row style="margin-bottom: 22px">
            <el-table v-loading="loading" border :data="tableData">
              <el-table-column
                label="器官名称"
                align="center"
                prop="organname"
                width="80"
              />
              <el-table-column
                label="移植医院(接收单位)"
                align="center"
                prop="transplanthospitalno"
                width="240"
              >
                <template slot-scope="scope">
                  <org-selecter
                    ref="transplanthosselect"
                    :org-type="'4'"
                    v-model="scope.row.transplanthospitalno"
                  />
                </template>
              </el-table-column>
              <el-table-column
                label="移植负责人"
                align="center"
                prop="transplantdoct"
                width="120"
              >
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.transplantdoct"
                    placeholder="请输入负责人"
                  ></el-input>
                </template>
              </el-table-column>
              <el-table-column
                label="移植日期"
                align="center"
                prop="transplanttime"
                width="230"
              >
                <template slot-scope="scope">
                  <el-row>
                    <el-date-picker
                      clearable
                      size="small"
                      style="width: 90%"
                      v-model="scope.row.transplanttime"
                      type="date"
                      value-format="yyyy-MM-dd HH:mm:ss"
                      placeholder="选择器官移植时间"
                    >
                    </el-date-picker>
                  </el-row>
                </template>
              </el-table-column>
              <el-table-column
                prop="abandonreason"
                label="弃用原因"
                align="center"
                width="260"
              >
                <template slot-scope="scope">
                  <el-row>
                    <el-input
                      clearable
                      v-model="scope.row.abandonreason"
                      placeholder="请输入弃用原因"
                    />
                  </el-row>
                </template>
              </el-table-column>
              <el-table-column
                label="器官状态"
                align="center"
                prop="organstate"
                width="130"
              >
                <template slot-scope="scope">
                  <el-select
                    v-model="scope.row.organstate"
                    placeholder="请选择器官状态"
                    value-key="value"
                    @change="selectOrganstate(scope.row)"
                  >
                    <el-option
                      v-for="dict in dict.type.sys_organstate"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </template>
              </el-table-column>
            </el-table>
          </el-row>
          <el-row>
@@ -1964,25 +2074,32 @@
          </el-row>
        </el-form>
        <div class="dialog-footer">
          <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
            >保存捐献者信息</el-button
          <el-button
            v-show="!showTerminationBtn"
            type="primary"
            @click="Savethedetails"
            >保存</el-button
          >
          <el-button
            v-show="showTerminationBtn"
            type="primary"
            :type="showTerminationBtn == 0 ? 'warning' : 'success'"
            @click="Terminationcase"
            >终止案例</el-button
            >{{ showTerminationBtn == 0 ? "终止" : "恢复" }}</el-button
          >
          <el-button
            v-show="Reportforreview"
            type="primary"
            @click="Reportforreview"
            >上报审核</el-button
            >提交</el-button
          >
          <el-button @click="cancel">取 消</el-button>
          <!-- <el-button @click="cancel">取 消</el-button> -->
        </div>
      </div>
      <!-- 完结流程 -->
      <div class="boxdiv" v-show="actives > 6">
        <h3>全部流程已完结!</h3>
      </div>
    </div>
    <!-- 附件弹窗 -->
    <el-dialog
      v-dialogDrags
      :modal="false"
@@ -1991,17 +2108,18 @@
      :visible.sync="pdfVisible"
      width="60%"
    >
      <!-- <div style="text-align: right;">
        <el-button type="success" @click="drawer = true"
          >文件指导目录</el-button
        >
      </div> -->
      <el-tabs
        style="margin-top: 20px;"
        v-model="activeName"
        type="card"
        @tab-click="handleClick"
      >
        <el-tab-pane label="潜在捐献" :name="0"> </el-tab-pane>
        <el-tab-pane label="医学评估" :name="1"> </el-tab-pane>
        <el-tab-pane label="捐献确认" :name="2"> </el-tab-pane>
        <el-tab-pane label="伦理审查" :name="3"> </el-tab-pane>
        <el-tab-pane label="完成登记" :name="6"> </el-tab-pane>
        <el-tab-pane :label="activetele" :name="1"> </el-tab-pane>
      </el-tabs>
      <div class="pdfimg">
        <div class="box-pdf">
@@ -2010,7 +2128,7 @@
              size="mini"
              class="upload-demo"
              :action="uploadFileUrl"
              :file-list="invoicefileList"
              :file-list="fileList"
              :show-file-list="false"
              multiple
              drag
@@ -2039,19 +2157,19 @@
              </div>
            </el-upload>
            <el-table
              :data="invoicefileListto"
              :data="fileListto"
              @row-click="downFile"
              style="width: 100%"
              height="400"
            >
              <el-table-column
                prop="name"
                prop="annexname"
                :show-overflow-tooltip="true"
                label="名称"
              >
                <template slot-scope="scope">
                  <i style="color:#409EFF" class=" el-icon-s-order" />{{
                    scope.row.name
                    scope.row.annexname
                  }}
                </template>
              </el-table-column>
@@ -2081,32 +2199,68 @@
          </div>
        </div>
        <div
          v-if="this.previewpdf && invoicepdfimgsrcList.length"
          class="pdfimgmin"
        >
        <div v-if="this.previewpdf && pdfimgsrcList.length" class="pdfimgmin">
          <!-- <img :src="pdfimg" /> -->
          <el-image
            style="width: 95%; height: 90%"
            :src="invoicepdfimg"
            :preview-src-list="invoicepdfimgsrcList"
            :src="pdfimg"
            :preview-src-list="pdfimgsrcList"
          >
            <!-- <div slot="error" class="image-slot">
              <i class="el-icon-picture-outline"></i>
            </div> -->
          </el-image>
        </div>
        <div v-else class="pdfimgmins">{{ hintitle }}</div>
      </div>
    </el-dialog>
    <!-- 批量抽屉 -->
    <el-drawer title="器官捐献相关附件" :visible.sync="drawer" direction="rtl">
      <div style="padding:20px">
        <el-button @click="clearFilter">取消筛选</el-button>
        <el-table ref="filterTable" :data="tableDatafile" style="width: 100%">
          <el-table-column prop="name" label="文件名" width="250">
          </el-table-column>
          <el-table-column
            prop="tag"
            label="类型"
            :filters="[
              { text: '中国一类(DBD)', value: '中国一类(DBD)' },
              { text: '中国二类(DCD)', value: '中国二类(DCD)' },
              { text: '中国三类(DBCD)', value: '中国三类(DBCD)' }
            ]"
            :filter-method="filterTag"
            filter-placement="bottom-end"
          >
            <template slot-scope="scope">
              <el-tag :type="scope.row.type" disable-transitions>{{
                scope.row.tag
              }}</el-tag>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <div style="margin-left: 20px;">
        <el-button @click="drawer = false">取 消</el-button>
      </div>
    </el-drawer>
  </div>
</template>
<script>
import {
  listDonateannex,
  Modifydonationattachment
} from "@/api/project/donateannex";
import { listReportname } from "@/api/project/organization";
import {
  listnewDonatecompletioninfo,
  addDonatecompletioninfo,
  updateDonatecompletioninfo
} from "@/api/project/donatecompletioninfo";
import {
  getDonatebaseinfo,
  addDonatebaseinfo,
  updateDonatebaseinfo
  updateDonatebaseinfo,
  getDonatebaseinfoflow
} from "@/api/project/donatebaseinfo";
import {
  listMedicalevaluation,
@@ -2130,6 +2284,12 @@
  updateDonateorgan
} from "@/api/project/donateorgan";
import {
  addDonationwitness,
  updateDonationwitness,
  getDonationwitness,
  getByInfoId
} from "@/api/project/donationwitness";
import {
  listRelativesconfirmation,
  getRelativesconfirmation,
  addRelativesconfirmation,
@@ -2140,6 +2300,7 @@
import AnnexUpload from "@/views/project/components/annexupload";
import ReportName from "@/views/project/components/organizationUser";
import { getToken } from "@/utils/auth";
import { formatDate } from "@/utils/index";
export default {
  name: "donationdetails",
@@ -2149,54 +2310,84 @@
    AnnexUpload,
    ReportName
  },
  dicts: [
    "sys_nation",
    "sys_occupation",
    "sys_education",
    "sys_Organ",
    "sys_organstate",
    "sys_user_sex",
    "sys_IDType",
    "sys_BloodType",
    "sys_0_1",
    "sys_patientstate",
    "sys_DonationCategory",
    "sys_Kinship",
    "sys_Infectious",
    "sys_bloodtype_rhd",
    "sys_InfoSources",
    "sys_OtherCases",
    "sys_DiseaseType",
    "sys_SelfWill",
    "sys_FamilyRelation",
    "sys_OrganDecision",
    "sys_CoreAssessConclusion",
    "sys_BaseAssessConclusion",
    "sys_EthicalReview"
  ],
  data() {
    return {
      infoid: 734,
      infoid: 736,
      drawer: false,
      form: {},
      medicineform: {},
      tableDatafile: [
        {
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          tag: "中国一类(DBD)",
          type: "success"
        }
      ],
      medicineform: {
        infoid: null
      },
      affirmform: {
        infoid: null,
        organdecision: []
      },
      ethicform: {},
      allocationform: {},
      witnessform: {},
      accomplishform: {},
      organdecision: [],
      ethicform: {
        infoid: null
      },
      organlist: [
        "心脏",
        "全肝",
        "左肝",
        "右肝",
        "左肾",
        "右肾",
        "全肾",
        "左肺",
        "右肺",
        "小肠",
        "腺体",
        "遗体",
        "左眼角膜",
        "右眼角膜",
        "其他"
      ],
      allocationstatuslist: [
        { value: 0, label: "未分配" },
        { value: 1, label: "已分配" },
        { value: 2, label: "作废" }
      ],
      organstatelist: [
        { value: "0", label: "未获取" },
        { value: "1", label: "已获取" },
        { value: "2", label: "弃用" }
      ],
      transplantstatelist: [
        { value: 0, label: "未移植" },
        { value: 1, label: "已移植" },
        { value: 2, label: "弃用" }
      ],
      allocationform: [],
      witnessform: {
        infoid: null
      },
      accomplishform: {
        infoid: null
      },
      tableData: [],
      actives: 0,
      coordinatorlist1: [],
      leaderlist: [],
      actives: 0, //进程
      workflow: 0,
      loading: false,
      //   保存、终止按钮确认
      showSaveBtn: true,
      showTerminationBtn: true,
      showTerminationBtn: 0, //终止状态 0-未终止 1-已终止
      //选择器官表单
      organalForm: {
        //器官列表
        organname: []
      },
      Processdata: {}, //流程数据
      //省市区默认值设置,可为空
      searchAddress: {
        sheng: "",
@@ -2291,21 +2482,50 @@
          { required: true, message: "请输入报告人联系电话", trigger: "blur" }
        ]
      },
      // 各级明细效验
      medicinerules: {},
      affirmrules: {},
      affirmrules: {
        name: [
          { required: true, message: "亲属姓名不能为空", trigger: "blur" }
        ],
        phone: [
          { required: true, message: "家属联系电话不为空", trigger: "blur" }
        ],
        signfamilyrelations: [
          { required: true, message: "与捐献者关系", trigger: "blur" }
        ],
        idcardno: [
          { required: true, message: "证件号不能为空", trigger: "blur" }
        ],
        organdecision: [
          { required: true, message: "捐献决定不能为空", trigger: "blur" }
        ],
        responsibleuserid: [
          { required: true, message: "负责人不能为空", trigger: "blur" }
        ],
        coordinateduserido: [
          { required: true, message: "协调员1不能为空", trigger: "blur" }
        ],
        coordinateduseridt: [
          { required: true, message: "协调员2不能为空", trigger: "blur" }
        ]
      },
      ethicrules: {},
      allocationrules: {},
      witnessrules: {},
      accomplishrules: {},
      //附件列表
      annexfilesList: [], //附件展示列
      potentiallist: [], //潜在附件
      medicinelist: [], //医学附件
      affirmlist: [], //确认附件
      ethiclist: [], //伦理附件
      registerlist: [], //完成附件
      fileList: [],
      fileListto: [],
      invoicefileList: [],
      invoicefileListto: [],
      invoicepdfimg: "",
      invoicepdfimgsrcList: [],
      invoDatatop: [],
      activeName: 1, //文件类型
      donatelist: [], //总
      activetele: "潜在捐献",
      //上传附件路径
      uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
      //文件上传token
@@ -2325,18 +2545,38 @@
    };
  },
  created() {
    this.infoid = this.$route.query.id;
  },
  mounted() {
    // this.id = this.$route.query.id;
    this.Getbasicinformation();
    this.listDonateannex();
  },
  methods: {
    // 获取主表数据
    // 获取主表及附属数据
    Getbasicinformation() {
      console.log(this.infoid);
      console.log(this.hintitle);
      // 左侧流程数据
      getDonatebaseinfoflow(this.infoid).then(res => {
        console.log(res.data);
        this.Processdata = res.data;
      });
      //获取协调员列
      listReportname("xty1").then(res => {
        this.coordinatorlist1 = res.data;
      });
      //获取负责人列
      listReportname("fzr").then(res => {
        this.leaderlist = res.data;
      });
      // 表单数据
      getDonatebaseinfo(this.infoid).then(response => {
        this.form = response.data;
        this.showTerminationBtn = response.data.terminationCase;
        this.actives = response.data.workflow;
        this.workflow = response.data.workflow;
        response.data.sex = parseInt(response.data.sex);
        this.form.id = response.data.id;
        this.form.diseasetype = this.form.diseasetype.split(",");
@@ -2354,27 +2594,42 @@
        this.residenceAddresss.shi = response.data.residencecityname;
        this.residenceAddresss.qu = response.data.residencetownname;
        this.registerAddresss.qu = response.data.registertownname;
        // 获取二级表
        this.GetAttacheddata();
      });
    },
    // 获取二级表数据
    GetAttacheddata() {
      let searchParam = {
        infoid: this.form.id
        infoid: this.infoid
      };
      if (this.actives == 1) {
        this.annexfilesList = this.medicinelist;
        this.activetele = "医学评估";
        if (this.medicineform.infoid) {
          return;
        }
        listMedicalevaluation(searchParam).then(response => {
          if (response.code == 200) {
          if (response.code == 200 && response.rows[0]) {
            this.medicineform = response.rows[0];
          } else {
            this.$modal.msgError(
              "获取医学评估记录失败:" + JSON.stringify(response)
            );
            // this.$modal.msgError(
            //   "获取医学评估记录失败:" + JSON.stringify(response)
            // );
          }
        });
      } else if (this.actives == 2) {
        this.annexfilesList = this.affirmlist;
        this.activetele = "捐献确认";
        if (this.affirmform.infoid) {
          return;
        }
        listRelativesconfirmation(searchParam).then(response => {
          if (response.code == 200) {
          if (response.code == 200 && response.rows[0]) {
            this.affirmform = response.rows[0];
            if (this.affirmform.organdecision) {
              this.organdecision = this.affirmform.organdecision.split(",");
            }
            if (!this.affirmform) {
              this.affirmform = {};
              this.affirmform.residenceprovincename = "";
@@ -2384,69 +2639,117 @@
            this.defultAddresss.sheng = this.affirmform.residenceprovincename;
            this.defultAddresss.shi = this.affirmform.residencecityname;
            this.defultAddresss.qu = this.affirmform.residencetownname;
            if (this.affirmform.kinship) {
              this.affirmform.kinship = this.affirmform.kinship.split(",");
            }
            if (this.affirmform.organdecision) {
              this.affirmform.organdecision = this.affirmform.organdecision.split(
                ","
              );
            }
            // if (this.affirmform.kinship) {
            //   this.affirmform.kinship = this.affirmform.kinship.split(",");
            // }
            // if (this.affirmform.organdecision) {
            //   this.affirmform.organdecision = this.affirmform.organdecision.split(
            //     ","
            //   );
            // }
          } else {
            this.$modal.msgError(
              "查询是否存在确认登记记录失败" + JSON.stringify(response)
            );
            // this.$modal.msgError(
            //   "查询是否存在确认登记记录失败" + JSON.stringify(response)
            // );
          }
        });
      } else if (this.actives == 3) {
        this.annexfilesList = this.ethiclist;
        this.activetele = "伦理审查";
        if (this.ethicform.infoid) {
          return;
        }
        listDonateflowchart(searchParam).then(response => {
          if (response.code == 200 && response.rows.length == 1) {
          if (response.code == 200 && response.rows.length) {
            this.ethicform = response.rows[0];
          } else {
            console.log("伦理审查数据为空");
          }
        });
      } else if (this.actives == 4) {
      } else if (this.actives == 4 && !this.medicineform[0]) {
        listDonateorgan(searchParam).then(response => {
          if (response.code == 200) {
            this.allocationform = response.rows;
            this.allocationform.infoid = this.form.id;
            if (response.rows[0]) {
              this.allocationform = response.rows;
            }
            this.organalForm.organname = [];
            for (let i = 0; i < response.rows.length; i++) {
              this.organalForm.organname.push(response.rows[i].organno);
            }
          } else {
            this.$modal.msgError(
              "获取器官分配信息失败:" + JSON.stringify(response)
            );
            // this.$modal.msgError(
            //   "获取器官分配信息失败:" + JSON.stringify(response)
            // );
          }
        });
      } else if (this.actives == 5) {
        listMedicalevaluation(searchParam).then(response => {
      } else if (this.actives == 5 && !this.witnessform.infoid) {
        // 不存在时获取器官信息
        if (!this.allocationform[0]) {
          listDonateorgan(searchParam).then(resall => {
            if (resall.code == 200) {
              if (resall.rows[0]) {
                this.allocationform = resall.rows;
              }
            } else {
              // this.$modal.msgError(
              //   "器官列表获取失败:" + JSON.stringify(resall)
              // );
            }
          });
        }
        // 获取当前见证信息
        getByInfoId(searchParam.infoid).then(response => {
          if (response.code == 200) {
            this.witnessform = response.rows[0];
            this.witnessform.infoid = this.form.id;
            if (response.data) {
              this.witnessform = response.data;
              this.witnessform.infoid = this.infoid;
            }
          } else {
            this.$modal.msgError(
              "获取医学评估记录失败:" + JSON.stringify(response)
            );
            // this.$modal.msgError(
            //   "获取见证信息拿取失败:" + JSON.stringify(response)
            // );
          }
        });
      } else if (this.actives == 6) {
        listMedicalevaluation(searchParam).then(response => {
          if (response.code == 200) {
        this.annexfilesList = this.registerlist;
        this.activetele = "完成登记";
        if (this.allocationform.infoid) {
          return;
        }
        let accpre = {
          id: searchParam.infoid
        };
        // 不存在时获取器官
        if (!this.allocationform[0]) {
          listDonateorgan(searchParam).then(resall => {
            if (resall.code == 200) {
              if (resall.rows[0]) {
                this.allocationform = resall.rows;
                this.allocationform.infoid = this.infoid;
              }
            } else {
              // this.$modal.msgError(
              //   "器官列表获取失败:" + JSON.stringify(resall)
              // );
            }
          });
        }
        // 获取完成登记信息
        listnewDonatecompletioninfo(accpre).then(response => {
          if (response.code == 200 && response.rows.length) {
            this.accomplishform = response.rows[0];
            this.accomplishform.infoid = this.form.id;
            this.open = true;
            this.accomplishform.infoid = this.infoid;
          } else {
            this.$modal.msgError(
              "获取医学评估记录失败:" + JSON.stringify(response)
            );
            // this.$modal.msgError("完成登记失败:" + JSON.stringify(response));
          }
        });
      } else if (this.actives == 0) {
        this.annexfilesList = this.potentiallist;
        this.activetele = "潜在捐献";
      }
    },
    /** 保存主表按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        console.log("提交的数据们:", this.form);
@@ -2497,23 +2800,30 @@
            this.form.redorganname = this.form.redorganno;
          }
          //尝试生成捐献编号(已经由addDonatebaseinfo接口中生成取代)
          // getdonatorno(this.form).then((response) => {
          //   // alert(JSON.stringify(response));
          //   this.reset();
          // });
          if (this.form.id != null) {
            if (this.form.workflow == 0) {
              this.form.workflow = 1;
            }
            updateDonatebaseinfo(this.form).then(response => {
              this.$modal.msgSuccess("保存成功");
              Modifydonationattachment(this.donatelist).then(res => {
                console.log(res);
              });
              this.Getbasicinformation();
              // this.Processvalidation();
              this.open = false;
            });
          } else {
            this.form.workflow = 1;
            this.form.recordstate = 0;
            addDonatebaseinfo(this.form).then(response => {
              if (response.code == 200) {
                this.$modal.msgSuccess("新增成功");
                Modifydonationattachment(this.donatelist).then(res => {
                  console.log(res);
                });
                this.Getbasicinformation();
                // this.Processvalidation();
                this.open = false;
              } else {
                this.$modal.msgError("新增失败:" + response.msg);
@@ -2525,138 +2835,172 @@
    },
    // 保存二级表按钮
    Savethedetails() {
      console.log(this.actives);
      if (this.actives == 1) {
        this.medicineform.infoid = this.form.id;
        this.medicineform.infoid = this.infoid;
        this.$refs["medicineform"].validate(valid => {
          if (valid) {
            if (this.medicineform.id != null) {
              updateMedicalevaluation(this.medicineform).then(response => {});
              updateMedicalevaluation(this.medicineform).then(response => {
                this.$modal.msgSuccess("医学评估信息修改成功");
              });
            } else {
              addMedicalevaluation(this.medicineform).then(response => {
                this.$modal.msgSuccess("医学评估信息新增成功");
              });
            }
            this.submitForm();
            this.Processvalidation();
          }
        });
      } else if (this.actives == 2) {
        this.affirmform.infoid = this.form.id;
        this.affirmform.infoid = this.infoid;
        this.affirmform.organdecision = this.organdecision.join(",");
        this.$refs["affirmform"].validate(valid => {
          if (valid) {
            if (this.affirmform.id != null) {
              updateRelativesconfirmation(this.affirmform).then(response => {});
              this.affirmform.residenceprovincename = this.defultAddresss.sheng;
              this.affirmform.residencecityname = this.defultAddresss.shi;
              this.affirmform.residencetownname = this.defultAddresss.qu;
              updateRelativesconfirmation(this.affirmform).then(response => {
                this.$modal.msgSuccess("捐献确认信息修改成功");
              });
            } else {
              addRelativesconfirmation(this.affirmform).then(response => {
                this.$modal.msgSuccess("捐献确认信息新增成功");
              });
            }
            this.submitForm();
            this.Processvalidation();
          }
        });
      } else if (this.actives == 3) {
        this.ethicform.infoid = this.form.id;
        this.ethicform.infoid = this.infoid;
        this.$refs["ethicform"].validate(valid => {
          if (valid) {
            if (this.ethicform.id != null) {
              updateDonateflowchart(this.ethicform).then(response => {});
              updateDonateflowchart(this.ethicform).then(response => {
                this.$modal.msgSuccess("伦理审查信息修改成功");
              });
            } else {
              addDonateflowchart(this.ethicform).then(response => {
                this.$modal.msgSuccess("伦理审查信息新增成功");
              });
            }
            this.submitForm();
            this.Processvalidation();
          }
        });
      } else if (this.actives == 4) {
        this.allocationform.infoid = this.form.id;
        this.allocationform.infoid = this.infoid;
        this.$refs["allocationform"].validate(valid => {
          if (valid) {
            if (this.allocationform.id != null) {
              updateOrganallocation(this.allocationform).then(response => {
                this.$modal.msgSuccess("修改成功");
              });
            } else {
              addOrganallocation(this.allocationform).then(response => {
                this.$modal.msgSuccess("新增成功");
            let arrallo = [];
            this.allocationform.map(item => {
              if (item.id) {
                item.applicanttime = formatDate(item.applicanttime);
                updateDonateorgan(item).then(response => {});
              } else {
                arrallo.push(item);
              }
            });
            if (arrallo.length) {
              addOrganallocation(arrallo).then(response => {
                this.$modal.msgSuccess("器官捐献信息新增成功");
              });
            }
            this.submitForm();
            this.Processvalidation();
          }
        });
      } else if (this.actives == 5) {
        this.witnessform.infoid = this.form.id;
        this.witnessform.infoid = this.infoid;
        this.$refs["witnessform"].validate(valid => {
          let coordinatedusernameIndex = this.coordinatorlist1.findIndex(
            item => this.witnessform.coordinateduserido == item.reportNo
          );
          if (coordinatedusernameIndex > -1) {
            this.witnessform.coordinatedusernameo = this.coordinatorlist1[
              coordinatedusernameIndex
            ].reportName;
          }
          //协调员2
          let coordinatedusernametIndex = this.coordinatorlist1.findIndex(
            item => this.witnessform.coordinateduseridt == item.reportNo
          );
          if (coordinatedusernametIndex > -1) {
            this.witnessform.coordinatedusernamet = this.coordinatorlist1[
              coordinatedusernametIndex
            ].reportName;
          }
          console.log("juanxian");
          if (valid) {
            // 保存器官分配表数据
            let arrallo = [];
            this.allocationform.map(item => {
              if (item.id) {
                item.applicanttime = formatDate(item.applicanttime);
                updateDonateorgan(item).then(response => {});
              } else {
                arrallo.push(item);
              }
            });
            if (this.witnessform.id != null) {
              // 获取捐献器官列表
              listDonateorgan(oraganqueryParam).then(response => {
                this.loading = false;
                if (response.code == 200) {
                  this.organdonation = [];
                  this.tableData = response.rows;
                  //获取医院默认是移植医院
                  for (let i = 0; i < this.tableData.length; i++) {
                    if (
                      this.tableData[i].gainhospitalname == null ||
                      this.tableData[i].gainhospitalname == ""
                    ) {
                      this.tableData[i].gainhospitalname = this.tableData[
                        i
                      ].transplanthospitalname;
                    }
                    if (
                      this.tableData[i].gainhospitalno == null ||
                      this.tableData[i].gainhospitalno == ""
                    ) {
                      this.tableData[i].gainhospitalno = this.tableData[
                        i
                      ].transplanthospitalno;
                    }
                  }
                  //this.organalForm.organname = [];
                  for (let i = 0; i < response.rows.length; i++) {
                    this.form.organdonation.push(response.rows[i].organno);
                  }
                } else {
                  this.$modal.msgError("获取捐献器官失败:" + response.msg);
                }
              console.log(456);
              updateDonationwitness(this.witnessform).then(response => {
                this.$modal.msgSuccess("获取见证信息修改成功");
              });
              // 获取信息
            } else {
              addMedicalevaluation(this.witnessform).then(response => {
                this.$modal.msgSuccess("新增成功");
              console.log(123);
              addDonationwitness(this.witnessform).then(response => {
                this.$modal.msgSuccess("获取见证信息新增成功");
              });
            }
            this.submitForm();
            this.form.donationcategory=this.witnessform.donationcategory;
            this.Processvalidation();
          }
        });
      } else if (this.actives == 6) {
        this.accomplishform.infoid = this.form.id;
        this.accomplishform.infoid = this.infoid;
        this.$refs["accomplishform"].validate(valid => {
          if (valid) {
            if (this.accomplishform.id != null) {
              updateMedicalevaluation(this.accomplishform).then(response => {
                this.$modal.msgSuccess("修改成功");
            // 保存器官分配表数据
            let arrallo = [];
            this.allocationform.map(item => {
              if (item.id) {
                item.applicanttime = formatDate(item.applicanttime);
                updateDonateorgan(item).then(response => {});
              } else {
                arrallo.push(item);
              }
            });
            // 保存确认信息
            if (this.accomplishform.id) {
              console.log(this.accomplishform);
              updateDonatecompletioninfo(this.accomplishform).then(response => {
                this.$modal.msgSuccess("完成登记信息修改成功");
              });
            } else {
              addMedicalevaluation(this.accomplishform).then(response => {
                this.$modal.msgSuccess("新增成功");
              addDonatecompletioninfo(this.accomplishform).then(response => {
                this.$modal.msgSuccess("完成登记成功");
              });
            }
            this.submitForm();
            this.Processvalidation();
          }
        });
      }
    },
    // 切换tab
    on_click(e) {
      console.log(e);
      // if (e != "" || e != null) {
      this.actives = e;
      console.log(this.form.workflow);
      console.log(e);
      let asdx = this.form.workflow + 1;
      if (asdx >= e) {
        this.actives = e;
        this.GetAttacheddata();
      } else {
        this.$modal.msgWarning("请先完成前部步骤");
      }
      // }
      this.GetAttacheddata();
    },
    // 器官分配栏目控制
    changeorganState(value) {
      let organIndex = this.allocationform.findIndex(
        item => item.organno == value
@@ -2675,9 +3019,11 @@
            organname: temporganname,
            organno: value,
            id: null,
            infoid: this.infoid,
            donorno: this.form.donorno,
            transplanthospitalname: null,
            transplanthospitalno: null,
            organstate: "2"
            organstate: 0
          });
        }
      } else {
@@ -2703,7 +3049,7 @@
                  this.$modal.msgSuccess("删除成功");
                });
              } else {
                this.allocationform.splice(deleteIndex, 1);
                this.allocationform.splice(organIndex, 1);
              }
            }
          })
@@ -2720,13 +3066,43 @@
        console.log("已到达最大值");
      }
    },
    // 更改进程效验
    Processvalidation() {
      console.log(this.form.workflow);
      console.log(this.actives);
      if (this.form.workflow + 1 == this.actives) {
        if (this.form.workflow <= 6) {
          this.form.workflow++;
        } else {
        }
        this.submitForm();
        // this.GetAttacheddata();
      } else if (this.form.workflow > this.actives) {
        // this.submitForm();
        Modifydonationattachment(this.donatelist).then(res => {
          console.log(res);
        });
        this.listDonateannex();
        this.GetAttacheddata();
      } else {
        this.submitForm();
        // this.$modal.msgWarning("请先完成前部步骤");
        return;
      }
      console.log(this.form.workflow);
    },
    // 上报审核
    Reportforreview() {},
    // 终止案例
    Terminationcase() {},
    Terminationcase() {
      this.form.terminationCase == 1
        ? (this.form.terminationCase = 0)
        : (this.form.terminationCase = 1);
      this.submitForm();
    },
    // 返回上一页
    cancel() {},
    // ------------------------票据
    // ----------------------------------文件
    // 获取请求头
    Getnetworkheader() {
      let string = window.location.href;
@@ -2738,228 +3114,225 @@
        this.Networkheader = string.slice(0, index + 4); // 截取8032及其前部字符
      }
    },
    // 获取附件数据并分类二级列
    listDonateannex() {
      let parmi = {};
      parmi.infoid = this.infoid.toString();
      listDonateannex(parmi).then(res => {
        this.donatelist = res.rows;
        const groupedArr = this.donatelist.reduce(
          (accumulator, currentValue) => {
            const key = currentValue.annexfilestype;
            if (key == 0) {
              this.potentiallist.push(currentValue);
            } else if (key == 1) {
              this.medicinelist.push(currentValue);
            } else if (key == 2) {
              this.affirmlist.push(currentValue);
            } else if (key == 3) {
              this.ethiclist.push(currentValue);
            } else if (key == 6) {
              this.registerlist.push(currentValue);
            }
            return accumulator;
          },
          {}
        );
        console.log(groupedArr);
      });
    },
    // 附件修改数据转存封装
    Newconversion(arr, delvalue, addvalue) {
      // 和各部保存同步
      if (this.actives == 0) {
        this.potentiallist = arr;
      } else if (this.actives == 1) {
        this.medicinelist = arr;
      } else if (this.actives == 2) {
        this.affirmlist = arr;
      } else if (this.actives == 3) {
        this.ethiclist = arr;
      } else if (this.actives == 6) {
        this.registerlist = arr;
      }
      // 删除时修改主列delFlag
      console.log(delvalue);
      const index = this.donatelist.indexOf(delvalue);
      console.log(index);
      if (index !== -1) {
        if (delvalue.id) {
          this.donatelist[index].delFlag = 1;
          console.log("修改老数据后", this.donatelist);
        } else {
          this.donatelist.splice(index, 1);
          console.log("删除新数据后", this.donatelist);
        }
      } else {
        console.log("查询不到可能是新数据无id");
      }
      // 新增时修改主列
      if (addvalue.annexurl) {
        this.donatelist.push(addvalue);
        console.log("新增后", this.donatelist);
      }
    },
    //文件上传
    handleUploadError() {},
    remove(file, fileList) {
      const rbDetails = [...this.rbDetails];
      if (this.activeName == 1) {
        this.fileListto.splice(this.fileListto.indexOf(file), 1);
        rbDetails[this.atpresent].annexfilesList = this.fileListto;
      } else {
        this.invoicefileListto.splice(this.invoicefileListto.indexOf(file), 1);
        rbDetails[this.atpresent].invoicefilesList = this.invoicefileListto;
      }
      this.fileListto.splice(this.fileListto.indexOf(file), 1);
      this.annexfilesList = this.fileListto;
    },
    // 上传成功
    uploadSccess(response, file, fileList) {
      this.rbDetails;
      //获取票据信息位置
      if (this.activeName == 1) {
        if (response.code == 200) {
          // this.form.filename = file.raw.name;
          this.previewpdf = true;
          this.$modal.msgSuccess(response.msg);
          this.fileListto.push({
            name: file.name,
            url: response.fileName
          });
          this.pdfimgsrcList.push(
            this.Networkheader + "/prod-api" + response.fileName
          );
          console.log(this.pdfimgsrcList);
          this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
          this.pdfimg = this.Networkheader + "/prod-api" + response.fileName;
          this.rbDetails[this.atpresent].annexfilesList = this.fileListto;
        } else {
          console.log(response.msg);
        }
      if (response.code == 200) {
        // this.form.filename = file.raw.name;
        this.previewpdf = true;
        this.$modal.msgSuccess(response.msg);
        let addvalue = {
          annexname: file.name,
          annexurl: response.fileName,
          delFlag: 0,
          infoid: this.infoid,
          annexfilestype: this.actives
        };
        this.fileListto.push(addvalue);
        this.Newconversion(this.fileListto, "", addvalue);
        this.pdfimgsrcList.push(
          this.Networkheader + "/prod-api" + response.fileName
        );
        console.log(this.pdfimgsrcList);
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
        this.pdfimg = this.Networkheader + "/prod-api" + response.fileName;
        this.annexfilesList = this.fileListto;
      } else {
        if (response.code == 200) {
          // this.form.filename = file.raw.name;
          this.previewpdf = true;
          this.$modal.msgSuccess(response.msg);
          this.invoicefileListto.push({
            name: file.name,
            url: response.fileName
          });
          this.invoicepdfimgsrcList.push(
            this.Networkheader + "/prod-api" + response.fileName
          );
          console.log(this.invoicepdfimgsrcList);
          this.pdftitle = "共" + this.invoicepdfimgsrcList.length + "项";
          this.pdfimg = this.Networkheader + "/prod-api" + response.fileName;
          this.rbDetails[
            this.atpresent
          ].invoicefilesList = this.invoicefileListto;
          console.log(this.rbDetails[this.atpresent]);
        } else {
          console.log(response.msg);
        }
        console.log(response.msg);
      }
    },
    // 点击票据
    Filepopup(index, rows, row) {
      this.tableDatatop = [];
      this.pdfimgsrcList = [];
      this.invoDatatop = [];
      this.invoicepdfimgsrcList = [];
      this.invoDatatop.push(row);
      this.tableDatatop.push(row);
      this.atpresent = index;
      this.pdfVisible = true;
      console.log(this.rbDetails[index]);
      if (this.rbDetails[index].annexfilesList) {
      if (this.annexfilesList.length) {
        this.previewpdf = true;
        this.fileListto = this.rbDetails[index].annexfilesList;
        this.fileListto = this.annexfilesList;
        console.log(this.fileListto);
        this.pdfimg = this.Networkheader + "/prod-api" + this.fileListto[0].url;
        this.pdfimg =
          this.Networkheader + "/prod-api" + this.fileListto[0].annexurl;
        this.fileListto.forEach(item => {
          this.pdfimgsrcList.push(this.Networkheader + "/prod-api" + item.url);
          this.pdfimgsrcList.push(
            this.Networkheader + "/prod-api" + item.annexurl
          );
        });
      } else {
        this.fileListto = [];
        this.pdfimg = "";
        this.pdftitle = "";
      }
      // -发票文件
      if (this.rbDetails[index].invoicefilesList) {
        this.previewpdf = true;
        this.invoicefileListto = this.rbDetails[index].invoicefilesList;
        console.log(this.invoicefileListto);
        this.invoicepdfimg =
          this.Networkheader + "/prod-api" + this.invoicefileListto[0].url;
        this.invoicefileListto.forEach(item => {
          this.invoicepdfimgsrcList.push(
            this.Networkheader + "/prod-api" + item.url
          );
        });
        console.log(this.invoicepdfimgsrcList);
        console.log(this.invoicepdfimg);
      } else {
        this.invoicefileListto = [];
        this.invoicepdfimg = "";
        this.pdftitle = "";
      }
      if (this.activeName == 1) {
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
      } else {
        this.pdftitle = "共" + this.invoicepdfimgsrcList.length + "项";
      }
      this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
    },
    // 点击已上传文件
    downFile(item) {
      if (this.activeName == 1) {
        console.log(item, "点击文件拿item");
        this.pdftitle =
          "共" + this.pdfimgsrcList.length + "项,当前选中" + item.name;
        let name = item.name.split(".");
        if (name[1] == "pdf") {
          this.$modal.msgWarning("当前文件暂不支持预览");
          this.previewpdf = false;
          this.hintitle = "当前文件暂不支持预览";
        } else if (name[1] == "jpg" || "png") {
          this.previewpdf = true;
          if (item.url) {
            this.pdfimg = this.Networkheader + "/prod-api" + item.url;
          } else {
            this.pdfimg = this.Networkheader + "/prod-api" + item.response.url;
          }
      console.log(item, "点击文件拿item");
      this.pdftitle =
        "共" + this.pdfimgsrcList.length + "项,当前选中" + item.name;
      let name = item.name.split(".");
      if (name[1] == "pdf") {
        this.$modal.msgWarning("当前文件暂不支持预览");
        this.previewpdf = false;
        this.hintitle = "当前文件暂不支持预览";
      } else if (name[1] == "jpg" || "png") {
        this.previewpdf = true;
        if (item.annexurl) {
          this.pdfimg = this.Networkheader + "/prod-api" + item.annexurl;
        } else {
          this.hintitle = "当前文件暂不支持预览";
          this.$modal.msgWarning("当前文件暂不支持预览");
          this.previewpdf = false;
          this.pdfimg =
            this.Networkheader + "/prod-api" + item.response.annexurl;
        }
      } else {
        console.log(item, "点击文件拿item");
        this.pdftitle =
          "共" + this.invoicepdfimgsrcList.length + "项,当前选中" + item.name;
        let name = item.name.split(".");
        if (name[1] == "pdf") {
          this.$modal.msgWarning("当前文件暂不支持预览");
          this.previewpdf = false;
          this.hintitle = "当前文件暂不支持预览";
        } else if (name[1] == "jpg" || "png") {
          this.previewpdf = true;
          if (item.url) {
            this.invoicepdfimg = this.Networkheader + "/prod-api" + item.url;
            console.log(this.invoicepdfimg, "pdfimg");
            console.log(this.invoicepdfimgsrcList, "imglist");
          } else {
            this.invoicepdfimg =
              this.Networkheader + "/prod-api" + item.response.url;
          }
        } else {
          this.hintitle = "当前文件暂不支持预览";
          this.$modal.msgWarning("当前文件暂不支持预览");
          this.previewpdf = false;
        }
        this.hintitle = "当前文件暂不支持预览";
        this.$modal.msgWarning("当前文件暂不支持预览");
        this.previewpdf = false;
      }
    },
    // 查询索引封装
    getIndexInArray(arr, obj) {
      return arr.indexOf(obj);
    },
    // 发票切换
    handleClick(tab, event) {
      if (this.activeName == 1) {
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
      } else {
        this.pdftitle = "共" + this.invoicepdfimgsrcList.length + "项";
      }
    },
    // 点击删除
    deletedowfile(row) {
      if (this.activeName == 1) {
        const indexlist = this.getIndexInArray(
          this.pdfimgsrcList,
          this.Networkheader + "/prod-api" + row.url
        );
        this.pdfimgsrcList.splice(indexlist, 1);
        const index = this.getIndexInArray(this.fileListto, row);
        this.fileListto.splice(index, 1);
      } else {
        const indexlist = this.getIndexInArray(
          this.invoicepdfimgsrcList,
          this.Networkheader + "/prod-api" + row.url
        );
        this.invoicepdfimgsrcList.splice(indexlist, 1);
        const index = this.getIndexInArray(this.invoicefileListto, row);
        this.invoicefileListto.splice(index, 1);
      }
      const indexlist = this.getIndexInArray(
        this.pdfimgsrcList,
        this.Networkheader + "/prod-api" + row.annexurl
      );
      this.pdfimgsrcList.splice(indexlist, 1);
      const index = this.getIndexInArray(this.fileListto, row);
      this.Newconversion(this.fileListto, this.fileListto[index], "");
      this.fileListto.splice(index, 1);
      console.log(index);
    },
    // 点击上移
    moveupdowfile(row) {
      if (this.activeName == 1) {
        const index = this.getIndexInArray(this.fileListto, row);
        const item = this.fileListto.splice(index, 1)[0]; // 移除指定索引处的元素,并保存到item变量中
        this.fileListto.splice(index - 1, 0, item); // 将item插入到索引位置的前一位
      } else {
        const index = this.getIndexInArray(this.invoicefileListto, row);
        const item = this.invoicefileListto.splice(index, 1)[0]; // 移除指定索引处的元素,并保存到item变量中
        this.invoicefileListto.splice(index - 1, 0, item); // 将item插入到索引位置的前一位
      }
      const index = this.getIndexInArray(this.fileListto, row);
      const item = this.fileListto.splice(index, 1)[0]; // 移除指定索引处的元素,并保存到item变量中
      this.fileListto.splice(index - 1, 0, item); // 将item插入到索引位置的前一位
    },
    clearFilter() {
      this.$refs.filterTable.clearFilter();
    },
    formatter(row, column) {
      return row.address;
    },
    filterTag(value, row) {
      return row.tag === value;
    }
  }
  },
  dicts: [
    "sys_nation",
    "sys_occupation",
    "sys_education",
    "sys_Organ",
    "sys_user_sex",
    "sys_IDType",
    "sys_BloodType",
    "sys_0_1",
    "sys_patientstate",
    "sys_DonationCategory",
    "sys_Kinship",
    "sys_Infectious",
    "sys_bloodtype_rhd",
    "sys_InfoSources",
    "sys_OtherCases",
    "sys_DiseaseType",
    "sys_SelfWill",
    "sys_FamilyRelation",
    "sys_OrganDecision",
    "sys_CoreAssessConclusion",
    "sys_BaseAssessConclusion",
    "sys_EthicalReview"
  ]
};
</script>
<style lang="scss" scoped>
.particularsdiv {
  display: flex;
  display: -webkit-box;
  background-color: #f5f7fa;
  height: 100%;
  .left-course {
    background: #fff;
    width: 20%;
    width: 17vw;
    text-align: center;
    margin: 20px 10px;
    padding: 10px;
    margin-top: 0;
    min-height: 888px;
    .postfilx {
      width: 15%;
      width: 15vw;
      text-align: center;
      margin: 20px 10px;
      padding: 10px;
@@ -3025,6 +3398,7 @@
  padding-right: 66px;
}
.boxdiv {
  max-width: 85vw;
  font-size: 18px;
  padding: 0 30px;
  padding-bottom: 10px;