<!--
 * @Description: 更新党员发展
 * @Author: Rockery
 * @Date: 2021-12-15 17:54:05
 * @LastEditors: Rockery
 * @LastEditTime: 2022-01-24 16:26:55
 * @FilePath: \party_construct_web\src\components\UpdatePartyDevelop\index.vue
 * @Copyright: Copyright (c) 2016~2021 Rockery(1113269755@qq.com)
-->

<template>
  <div class="updatepartydevelop">
    <el-form
      ref="updatePartyDevelopFormRef"
      :model="formObj.formModel"
      :rules="formObj.formRules"
      label-width="170px"
      class="situationdesc-addpage-form"
    >
      <div class="updatepartydevelop-basic">
        <el-row>
          <!-- 个人基本情况 -->
          <el-col :span="24">
            <div class="updatepartydevelop-title">
              <div>
                <img
                  :src="require('@/assets/logo/home-main-title-logo.png')"
                  @error="imgViewerOnerror"
                />
              </div>
              <div>个人基本情况</div>
            </div>
          </el-col>
          <el-col :span="24">
            <div class="updatepartydevelop-line"></div>
          </el-col>
          <el-col :span="24">
            <el-row>
              <!-- 姓名 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="姓名：" prop="name">
                  <el-input
                    v-model="formObj.formModel.name"
                    :disabled="currentOperateType === 'EDIT'"
                    placeholder="请输入姓名"
                    clearable
                  />
                </el-form-item>
              </el-col>

              <!-- 性别 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="性别：" prop="sex">
                  <el-select
                    v-model="formObj.formModel.sex"
                    placeholder="请选择性别"
                    clearable
                    size="small"
                    style="width: 100%;"
                  >
                    <el-option label="男" value="男"></el-option>
                    <el-option label="女" value="女"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>

              <!-- 民族 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="民族：" prop="nation">
                  <el-input v-model="formObj.formModel.nation" placeholder="请输入民族" clearable />
                </el-form-item>
              </el-col>

              <!-- 出生年月 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="出生年月：" prop="birthday">
                  <el-date-picker
                    v-model="formObj.formModel.birthday"
                    type="date"
                    clearable
                    format="yyyy年MM月dd日"
                    value-format="yyyy-MM-dd"
                    style="width: 100%;"
                    placeholder="请选择出生年月"
                  ></el-date-picker>
                </el-form-item>
              </el-col>

              <!-- 籍贯 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="籍贯：" prop="placeList">
                  <area-cascader
                    type="text"
                    v-model="formObj.formModel.placeList"
                    :level="0"
                    :data="areaDataObj.pca"
                    separator="-"
                    placeholder="请选择籍贯"
                  ></area-cascader>
                </el-form-item>
              </el-col>

              <!-- 学历 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="学历：" prop="education">
                  <el-select
                    v-model="formObj.formModel.education"
                    placeholder="请选择学历"
                    clearable
                    size="small"
                    style="width: 100%;"
                  >
                    <el-option
                      v-for="educationOption in educationOptions"
                      :key="educationOption.dictValue"
                      :label="educationOption.dictLabel"
                      :value="educationOption.dictValue"
                    />
                  </el-select>
                </el-form-item>
              </el-col>

              <!-- 入团时间 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="入团时间：" prop="addTeamTime">
                  <el-date-picker
                    v-model="formObj.formModel.addTeamTime"
                    type="date"
                    clearable
                    format="yyyy年MM月dd日"
                    value-format="yyyy-MM-dd"
                    style="width: 100%;"
                    placeholder="请选择入团时间"
                  ></el-date-picker>
                </el-form-item>
              </el-col>

              <!-- 单位、职务或职务 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="单位、职务或职务：" prop="workJob">
                  <el-input
                    v-model="formObj.formModel.workJob"
                    placeholder="请输入单位、职务或职务"
                    clearable
                  />
                </el-form-item>
              </el-col>

              <!-- 参加工作时间 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="参加工作时间：" prop="workTime">
                  <el-date-picker
                    v-model="formObj.formModel.workTime"
                    type="date"
                    clearable
                    format="yyyy年MM月dd日"
                    value-format="yyyy-MM-dd"
                    style="width: 100%;"
                    placeholder="请选择参加工作时间"
                  ></el-date-picker>
                </el-form-item>
              </el-col>

              <!-- 居民身份证号码 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="居民身份证号码：" prop="cardNo">
                  <el-input v-model="formObj.formModel.cardNo" placeholder="请输入居民身份证号码" clearable />
                </el-form-item>
              </el-col>

              <!-- 现居地 -->
              <el-col :span="24">
                <el-form-item label="现居地：" prop="addressList">
                  <el-row>
                    <el-col :span="8">
                      <area-cascader
                        type="text"
                        v-model="formObj.formModel.addressList"
                        :level="1"
                        :data="areaDataObj.pcaa"
                        separator="-"
                        placeholder="请选择地区"
                      ></area-cascader>
                    </el-col>
                    <el-col :span="16">
                      <el-input
                        v-model="formObj.formModel.detailedAddress"
                        placeholder="请输入详细街道地址"
                        clearable
                      />
                    </el-col>
                  </el-row>
                </el-form-item>
              </el-col>

              <!-- 手机号 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="手机号：" prop="mobile">
                  <el-input v-model="formObj.formModel.mobile" placeholder="请输入手机号" clearable />
                </el-form-item>
              </el-col>

              <!-- 本人简历（包括学历） -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="本人简历（包括学历）：" prop="resume">
                  <div
                    v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.resume"
                    class="updatepartydevelop-viewuploadpdffile"
                  >
                    <div
                      @click="handleViewPageCheckClick(formObj.formModel.resume, '党建管理-录入数据-0-本人简历（包括学历）')"
                    >查看</div>
                    <div
                      class="updatepartydevelop-viewuploadpdffile-update"
                      @click="handleUpdatePdfFileClick(formObj.formModel.resume, 'resume','更新本人简历（包括学历）信息')"
                    >更新</div>
                    <div
                      @click="handleViewPageDownloadClick(formObj.formModel.resume, '党建管理-录入数据-0-本人简历（包括学历）')"
                    >下载</div>
                  </div>
                  <roc-pdf-file-upload
                    v-else
                    key="ROCPDFFILEUPLOADMYRESUMEKEY"
                    v-model="formObj.formModel.resume"
                    upload-file-title="本人简历（包括学历"
                  ></roc-pdf-file-upload>
                </el-form-item>
              </el-col>

              <!-- 其他情况 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="其他情况：" prop="other">
                  <div
                    v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.other"
                    class="updatepartydevelop-viewuploadpdffile"
                  >
                    <div
                      @click="handleViewPageCheckClick(formObj.formModel.other, '党建管理-录入数据-0-其他情况')"
                    >查看</div>
                    <div
                      class="updatepartydevelop-viewuploadpdffile-update"
                      @click="handleUpdatePdfFileClick(formObj.formModel.other, 'other','更新其他情况信息')"
                    >更新</div>
                    <div
                      @click="handleViewPageDownloadClick(formObj.formModel.other, '党建管理-录入数据-0-其他情况')"
                    >下载</div>
                  </div>
                  <roc-pdf-file-upload
                    v-else
                    key="ROCPDFFILEUPLOADOTHERKEY"
                    v-model="formObj.formModel.other"
                    upload-file-title="其他情况"
                  ></roc-pdf-file-upload>
                </el-form-item>
              </el-col>

              <!-- 两寸正面免冠照片 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                <el-form-item label="两寸正面免冠照片：" prop="personPhoto">
                  <div
                    v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.personPhoto"
                    class="updatepartydevelop-viewuploadimgfile"
                  >
                    <div v-viewer class="updatepartydevelop-viewuploadimgfile-img">
                      <img
                        :src="viewPdfFileUrlPrefix + formObj.formModel.personPhoto"
                        :alt="formObj.formModel.personPhoto"
                        @error="imgViewerOnerror"
                      />
                    </div>
                    <div class="updatepartydevelop-viewuploadimgfile-btn">
                      <div
                        @click="handleUpdateImgFileClick(formObj.formModel.personPhoto, 'personPhoto','更新两寸正面免冠照片信息')"
                      >更新</div>
                      <div
                        @click="handleViewPageDownloadClick(formObj.formModel.personPhoto, '党建管理-录入数据-0-两寸正面免冠照片')"
                      >下载</div>
                    </div>
                  </div>
                  <roc-img-file-upload
                    v-else
                    key="ROCIMGFILEUPLOADPERSONPHOTOKEY"
                    v-model="formObj.formModel.personPhoto"
                    upload-file-title="两寸正面免冠照片"
                  ></roc-img-file-upload>
                </el-form-item>
              </el-col>

              <!-- 备注 -->
              <el-col :span="24">
                <el-form-item label="备注：" prop="remark">
                  <el-input
                    type="textarea"
                    clearable
                    maxlength="300"
                    show-word-limit
                    :autosize="{ minRows: 6}"
                    placeholder="请输入内容"
                    v-model="formObj.formModel.remark"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </div>
      <div class="updatepartydevelop-situation">
        <el-row>
          <el-col :span="24">
            <div class="updatepartydevelop-title">
              <div>
                <img
                  :src="require('@/assets/logo/home-main-title-logo.png')"
                  @error="imgViewerOnerror"
                />
              </div>
              <div>党员发展情况</div>
            </div>
          </el-col>
          <el-col :span="24">
            <div class="updatepartydevelop-line"></div>
          </el-col>
          <el-col :span="24">
            <el-tabs
              type="border-card"
              v-model="tabsModel"
              class="updatepartydevelop-situation-tabs"
              @tab-click="handleTabsClick"
            >
              <!-- 一、申请入党 -->
              <el-tab-pane label="一、申请入党" name="APPLY">
                <div class="roc-tabpane">
                  <el-row>
                    <el-col :span="24">
                      <div class="roc-tabpane-head">
                        <div class="tabpane-head-left">
                          <div class="tabpane-head-left-title">一</div>
                        </div>
                        <div class="tabpane-head-right">申请入党</div>
                      </div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-line"></div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-step">
                        <el-row>
                          <!-- 1 入党申请书 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">1</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">入党申请书</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 递交入党申请书时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="递交入党申请书时间："
                                            prop="submitAddPartyPageTime"
                                            label-width="151px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.submitAddPartyPageTime"
                                              :disabled="((currentOperateType === 'EDIT') && !(!viewFullPartyInfoObj.submitAddPartyPageTime)) || getEleIsDisabled(disabledDataObj['submitAddPartyPageTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择递交入党申请书时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 入党申请书 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="入党申请书："
                                            prop="addPartyPageFile"
                                            label-width="96px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.addPartyPageFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.addPartyPageFile, '党建管理-录入数据-1-入党申请书')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.addPartyPageFile, '党建管理-录入数据-1-入党申请书')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADAPPLICATIONKEY"
                                              v-model="formObj.formModel.addPartyPageFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['addPartyPageFile'])"
                                              upload-file-title="入党申请书"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [ formObj.formModel.addPartyPageFile ],  (currentOperateType === 'EDIT') ? {defaultHeight: 54, noDefaultHeight: 112,defaultMarginTop: 54, noDefaultMarginTop: 112} : {defaultHeight: 64, noDefaultHeight: 122,defaultMarginTop: 64, noDefaultMarginTop: 122}, null, [], 'addPartyPageFile', (innerWidth > 1200 ? 1 : 2))"
                            ></div>
                          </el-col>

                          <!-- 2 党组织派人与入党申请人谈话的记录 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">2</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">党组织派人与入党申请人谈话的记录</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 组织派人谈话时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="组织派人谈话时间："
                                            prop="partyArrangeTalkTime"
                                            label-width="126px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.partyArrangeTalkTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.partyArrangeTalkTime)) || getEleIsDisabled(disabledDataObj['partyArrangeTalkTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择组织派人谈话时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 谈话记录 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="谈话记录："
                                            prop="talkPageFile"
                                            label-width="96px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.talkPageFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.talkPageFile, '党建管理-录入数据-2-谈话记录')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.talkPageFile, '党建管理-录入数据-2-谈话记录')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADCHATHISTORYKEY"
                                              v-model="formObj.formModel.talkPageFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['talkPageFile'])"
                                              upload-file-title="谈话记录"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [ formObj.formModel.talkPageFile ], (currentOperateType === 'EDIT') ? {defaultHeight: 54, noDefaultHeight: 112, defaultMarginTop: 54, noDefaultMarginTop: 112} : {defaultHeight: 64, noDefaultHeight: 122,defaultMarginTop: 64, noDefaultMarginTop: 122}, '','', 'talkPageFile', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>

                          <!-- 3 身份证或户口本复印件 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">3</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">身份证或户口本复印件</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 身份证或户口本 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="身份证或户口本："
                                            prop="cardOrRegisterBookFile"
                                            label-width="116px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.cardOrRegisterBookFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.cardOrRegisterBookFile, '党建管理-录入数据-3-身份证或户口本')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.cardOrRegisterBookFile, '党建管理-录入数据-3-身份证或户口本')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADIDENTITYINFOKEY"
                                              v-model="formObj.formModel.cardOrRegisterBookFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['cardOrRegisterBookFile'])"
                                              upload-file-title="身份证或户口本"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [ formObj.formModel.cardOrRegisterBookFile ], (currentOperateType === 'EDIT') ? {defaultHeight: 195, noDefaultHeight: 185,defaultMarginTop: 54, noDefaultMarginTop: 54} : {defaultHeight: 165, noDefaultHeight: 165,defaultMarginTop: 65, noDefaultMarginTop: 65}, '3','', 'cardOrRegisterBookFile', 1)"
                            ></div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </div>
              </el-tab-pane>

              <!-- 二、入党积极分子的确定和考察 -->
              <el-tab-pane label="二、入党积极分子的确定和考察" name="POSITIVE">
                <div class="roc-tabpane">
                  <el-row>
                    <el-col :span="24">
                      <div class="roc-tabpane-head">
                        <div class="tabpane-head-left">
                          <div class="tabpane-head-left-title">二</div>
                        </div>
                        <div class="tabpane-head-right">入党积极分子的确定和培养</div>
                      </div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-line"></div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-step">
                        <el-row>
                          <!-- 4 党员（群团组织）推荐入党积极分子登记表 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">4</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">党员（群团组织）推荐入党积极分子登记表</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 推荐人 -->
                                        <el-col :span="24">
                                          <el-row :gutter="20">
                                            <el-col :span="12">
                                              <el-form-item
                                                label="推荐人："
                                                prop="referrer"
                                                label-width="65px"
                                              >
                                                <el-input
                                                  v-model="formObj.formModel.referrer"
                                                  :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.referrer)) || getEleIsDisabled(disabledDataObj['referrer'])"
                                                  placeholder="请输入推荐人"
                                                  clearable
                                                />
                                              </el-form-item>
                                            </el-col>
                                          </el-row>
                                        </el-col>

                                        <!-- 推荐入党积极分子时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="推荐入党积极分子时间："
                                            prop="referreTime"
                                            label-width="161px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.referreTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.referreTime)) || getEleIsDisabled(disabledDataObj['referreTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择推荐入党积极分子时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 推荐入党积极分子登记表 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="推荐入党积极分子登记表："
                                            prop="referrePageFile"
                                            label-width="171px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.referrePageFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.referrePageFile, '党建管理-录入数据-4-推荐入党积极分子登记表')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.referrePageFile, '党建管理-录入数据-4-推荐入党积极分子登记表')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADACTIVISTSREGISTKEY"
                                              v-model="formObj.formModel.referrePageFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['referrePageFile'])"
                                              upload-file-title="推荐入党积极分子登记表"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.referrePageFile], (currentOperateType === 'EDIT') ? {defaultHeight: 88, noDefaultHeight: 134,defaultMarginTop: 88, noDefaultMarginTop: 134} : {defaultHeight: 122, noDefaultHeight: 181,defaultMarginTop: 122, noDefaultMarginTop: 181}, '','', 'referrePageFile', innerWidth > 1200 ? 2 : 3)"
                            ></div>
                          </el-col>

                          <!-- 5 确定为入党积极分子的支委会会议记录、备案请示和批复 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">5</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">确定为入党积极分子的支委会会议记录、备案请示和批复</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 会议结果 -->
                                        <el-col :span="24">
                                          <el-form-item
                                            label="会议结果："
                                            prop="meetingResult"
                                            label-width="76px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.meetingResult"
                                              :disabled="((currentOperateType === 'EDIT') && (viewFullPartyInfoObj.meetingResult === 1) || (viewFullPartyInfoObj.meetingResult === 2)) || getEleIsDisabled(disabledDataObj['meetingResult'])"
                                            >
                                              <el-radio :label="1">通过</el-radio>
                                              <el-radio :label="0">未通过</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 支委会会议时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="支委会会议时间："
                                            prop="branchPartyMeetingTime"
                                            label-width="126px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.branchPartyMeetingTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.branchPartyMeetingTime)) || getEleIsDisabled(disabledDataObj['branchPartyMeetingTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择支委会会议时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 确定为入党积极分子的支委会会议记录 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="确定为入党积极分子的支委会会议记录："
                                            prop="branchPartyMeetingFile"
                                            label-width="256px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.branchPartyMeetingFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.branchPartyMeetingFile, '党建管理-录入数据-5-确定为入党积极分子的支委会会议记录')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.branchPartyMeetingFile, '党建管理-录入数据-5-确定为入党积极分子的支委会会议记录')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADIDENTIFYPARTYACTIVISTSKEY"
                                              v-model="formObj.formModel.branchPartyMeetingFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['branchPartyMeetingFile'])"
                                              upload-file-title="确定为入党积极分子的支委会会议记录"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 递交备案请示时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="递交备案请示时间："
                                            prop="submitRecordRequestTime"
                                            label-width="126px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.submitRecordRequestTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.submitRecordRequestTime)) ||getEleIsDisabled(disabledDataObj['submitRecordRequestTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择递交备案请示时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 确定为入党积极分子的备案请示 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="确定为入党积极分子的备案请示："
                                            prop="submitRecordRequestFile"
                                            label-width="216px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.submitRecordRequestFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.submitRecordRequestFile, '党建管理-录入数据-5-确定为入党积极分子的备案请示')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.submitRecordRequestFile, '党建管理-录入数据-5-确定为入党积极分子的备案请示')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADACTIVISTSREQUESTRECORDKEY"
                                              v-model="formObj.formModel.submitRecordRequestFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['submitRecordRequestFile'])"
                                              upload-file-title="确定为入党积极分子的备案请示"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 批复结果 -->
                                        <el-col :span="24">
                                          <el-form-item
                                            label="批复结果："
                                            prop="replyResult"
                                            label-width="76px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.replyResult"
                                              :disabled="(currentOperateType === 'EDIT'  && (viewFullPartyInfoObj.replyResult === 1) || (viewFullPartyInfoObj.replyResult === 2)) || getEleIsDisabled(disabledDataObj['replyResult'])"
                                            >
                                              <el-radio :label="1">通过</el-radio>
                                              <el-radio :label="0">未通过</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 获得批复的时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="获得批复的时间："
                                            prop="replyTime"
                                            label-width="126px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.replyTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.replyTime)) || getEleIsDisabled(disabledDataObj['replyTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择获得批复的时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 确定为入党积极分子的批复 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="确定为入党积极分子的批复："
                                            prop="replyFile"
                                            label-width="186px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.replyFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.replyFile, '党建管理-录入数据-5-确定为入党积极分子的批复')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.replyFile, '党建管理-录入数据-5-确定为入党积极分子的批复')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADACTIVISTSAPPROVALKEY"
                                              v-model="formObj.formModel.replyFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['replyFile'])"
                                              upload-file-title="确定为入党积极分子的批复"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [ formObj.formModel.branchPartyMeetingFile, formObj.formModel.submitRecordRequestFile, formObj.formModel.replyFile], (currentOperateType === 'EDIT') ? {defaultHeight: 224, noDefaultHeight: 362,defaultMarginTop: 224, noDefaultMarginTop: 362} : {defaultHeight: 319, noDefaultHeight: 493,defaultMarginTop: 319, noDefaultMarginTop: 493}, '5','', 'branchPartyMeetingFile,submitRecordRequestFile,replyFile', innerWidth > 1200 ? 5 : 8)"
                            ></div>
                          </el-col>

                          <!-- 6 《入党积极分子、发展对象培养教育考察登记表》 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">6</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">《入党积极分子、发展对象培养教育考察登记表》</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 确定为积极分子的时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="确定为积极分子的时间："
                                            prop="confirmActiveMemberTime"
                                            label-width="156px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.confirmActiveMemberTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.confirmActiveMemberTime)) || getEleIsDisabled(disabledDataObj['confirmActiveMemberTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择确定为积极分子的时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 培养教育考察登记表 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="培养教育考察登记表："
                                            prop="cultivateEducationRecordFile"
                                            label-width="146px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.cultivateEducationRecordFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.cultivateEducationRecordFile, '党建管理-录入数据-6-培养教育考察登记表')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.cultivateEducationRecordFile, '党建管理-录入数据-6-培养教育考察登记表')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADTRAINACTIVISTSREGISTKEY"
                                              v-model="formObj.formModel.cultivateEducationRecordFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['cultivateEducationRecordFile'])"
                                              upload-file-title="培养教育考察登记表"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [ formObj.formModel.cultivateEducationRecordFile], (currentOperateType === 'EDIT') ? {defaultHeight: 42, noDefaultHeight: 88,defaultMarginTop: 42, noDefaultMarginTop: 88} : {defaultHeight: 64, noDefaultHeight: 123,defaultMarginTop: 64, noDefaultMarginTop: 123}, '', '', 'cultivateEducationRecordFile', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>

                          <!-- 7 入党积极分子思想汇报与参加短期集中培训的结业证书 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">7</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">入党积极分子思想汇报与参加短期集中培训的结业证书</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 结业时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="结业时间："
                                            prop="courseCompletionTime"
                                            label-width="76px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.courseCompletionTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.courseCompletionTime)) || getEleIsDisabled(disabledDataObj['courseCompletionTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择结业时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 结业证书 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="结业证书："
                                            prop="courseCompletionFile"
                                            label-width="76px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.courseCompletionFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.courseCompletionFile, '党建管理-录入数据-7-结业证书')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.courseCompletionFile, '党建管理-录入数据-7-结业证书')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADCERTIFICATEOFCOMPLETIONKEY"
                                              v-model="formObj.formModel.courseCompletionFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['courseCompletionFile'])"
                                              upload-file-title="结业证书"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 思想汇报 thoughtReportRecord -->
                                        <el-col
                                          v-for="(item, index) in formObj.formModel.thoughtReportRecordList"
                                          :key="'THOUGHTREPORTRECORD_' + index"
                                          :span="24"
                                        >
                                          <el-row :gutter="20">
                                            <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                              <el-form-item
                                                :label="'思想汇报递交时间' + (index + 1) + '：'"
                                                prop="submitTime"
                                                label-width="156px"
                                              >
                                                <el-date-picker
                                                  v-model="item['submitTime']"
                                                  :disabled="disabledSubmitTime(index,'submitTime')"
                                                  type="date"
                                                  clearable
                                                  format="yyyy年MM月dd日"
                                                  value-format="yyyy-MM-dd"
                                                  style="width: 100%;"
                                                  :placeholder="'请选择思想汇报递交时间' + (index + 1)"
                                                ></el-date-picker>
                                              </el-form-item>
                                            </el-col>
                                            <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                              <el-form-item
                                                :label="'思想汇报' + (index + 1) + '：'"
                                                prop="filePath"
                                                label-width="106px"
                                              >
                                                <div
                                                  v-if="(currentOperateType === 'EDIT') && disabledSubmitTime(index,'filePath')"
                                                  class="updatepartydevelop-viewuploadpdffile"
                                                >
                                                  <div
                                                    @click="handleViewPageCheckClick(item['filePath'], '党建管理-录入数据-7-思想汇报' + (index + 1))"
                                                  >查看</div>
                                                  <div
                                                    @click="handleViewPageDownloadClick(item['filePath'], '党建管理-录入数据-7-思想汇报' + (index + 1))"
                                                  >下载</div>
                                                </div>
                                                <roc-pdf-file-upload
                                                  v-else
                                                  :key="'ROCPDFFILEUPLOADIDEOLOGICALREPORT1KEY_' + index"
                                                  v-model="item['filePath']"
                                                  :is-disabled="getEleIsDisabled(disabledDataObj['filePath'])"
                                                  :upload-file-title="'思想汇报' + (index + 1)"
                                                ></roc-pdf-file-upload>
                                              </el-form-item>
                                            </el-col>
                                          </el-row>
                                        </el-col>
                                        <el-col :span="24">
                                          <el-form-item label-width="0px">
                                            <template
                                              v-if="!getEleIsDisabled(disabledDataObj['thoughtReportBtn'])"
                                            >
                                              <div
                                                class="step-item-right-form-addthoughtreport"
                                                @click="handleAddThoughtReportClick"
                                              >
                                                <i class="el-icon-plus" />
                                                &nbsp;&nbsp;&nbsp;&nbsp;添加思想汇报（思想汇报每三月需要递交一次）
                                              </div>
                                            </template>
                                            <template v-else>
                                              <div class="step-item-right-form-noaddthoughtreport">
                                                <i class="el-icon-plus" />
                                                &nbsp;&nbsp;&nbsp;&nbsp;添加思想汇报（思想汇报每三月需要递交一次）
                                              </div>
                                            </template>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.courseCompletionFile], (currentOperateType === 'EDIT') ? {defaultHeight: 105, noDefaultHeight: 155 +  + formObj.formModel.thoughtReportRecordList.length * 44,defaultMarginTop: 85, noDefaultMarginTop: 135 +  + formObj.formModel.thoughtReportRecordList.length * 44} : {defaultHeight: 140 + formObj.formModel.thoughtReportRecordList.length * 69, noDefaultHeight: 198 + formObj.formModel.thoughtReportRecordList.length * 127,defaultMarginTop: 120 + formObj.formModel.thoughtReportRecordList.length * 69, noDefaultMarginTop: 178 + formObj.formModel.thoughtReportRecordList.length * 127}, '7', formObj.formModel.thoughtReportRecordList, 'courseCompletionFile,thoughtReportRecordList', innerWidth > 1200 ? (1 + formObj.formModel.thoughtReportRecordList.length) : (2 + formObj.formModel.thoughtReportRecordList.length * 2))"
                            ></div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </div>
              </el-tab-pane>

              <!-- 三、发展对象的确定和考察 -->
              <el-tab-pane label="三、发展对象的确定和考察" name="DEVELOP">
                <div class="roc-tabpane">
                  <el-row>
                    <el-col :span="24">
                      <div class="roc-tabpane-head">
                        <div class="tabpane-head-left">
                          <div class="tabpane-head-left-title">三</div>
                        </div>
                        <div class="tabpane-head-right">发展对象的确定和考察</div>
                      </div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-line"></div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-step">
                        <el-row>
                          <!-- 8 讨论确定发展对象前听取意见记录 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">8</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">讨论确定发展对象前听取意见记录</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 听取意见时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="听取意见时间："
                                            prop="listenToTime"
                                            label-width="100px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.listenToTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.listenToTime)) || getEleIsDisabled(disabledDataObj['listenToTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择听取意见时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 听取意见记录 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="听取意见记录："
                                            prop="listenToFile"
                                            label-width="100px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.listenToFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.listenToFile, '党建管理-录入数据-8-听取意见记录')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.listenToFile, '党建管理-录入数据-8-听取意见记录')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADHEAROPINIONRECORDKEY"
                                              v-model="formObj.formModel.listenToFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['listenToFile'])"
                                              upload-file-title="听取意见记录"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.listenToFile], (currentOperateType === 'EDIT') ? {defaultHeight: 54, noDefaultHeight: 112,defaultMarginTop: 54, noDefaultMarginTop: 112} : {defaultHeight: 64, noDefaultHeight: 122,defaultMarginTop: 64, noDefaultMarginTop: 122}, '', '', 'listenToFile', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>

                          <!-- 9 确定为发展对象的支委会会议记录 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">9</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">确定为发展对象的支委会会议记录</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 支委会会议结果 -->
                                        <el-col :span="24">
                                          <el-form-item
                                            label="支委会会议结果："
                                            prop="branchPartyMeetingResult1"
                                            label-width="120px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.branchPartyMeetingResult1"
                                              :disabled="(currentOperateType === 'EDIT' && (viewFullPartyInfoObj.branchPartyMeetingResult1 === 1) || (viewFullPartyInfoObj.branchPartyMeetingResult1 === 2)) ||  getEleIsDisabled(disabledDataObj['branchPartyMeetingResult1'])"
                                            >
                                              <el-radio :label="1">通过</el-radio>
                                              <el-radio :label="0">未通过</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 支委会会议时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="支委会会议时间："
                                            prop="branchPartyMeetingTime1"
                                            label-width="120px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.branchPartyMeetingTime1"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.branchPartyMeetingTime1)) || getEleIsDisabled(disabledDataObj['branchPartyMeetingTime1'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择支委会会议时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 支委会会议记录 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="支委会会议记录："
                                            prop="branchPartyMeetingFile1"
                                            label-width="120px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.branchPartyMeetingFile1"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.branchPartyMeetingFile1, '党建管理-录入数据-9-支委会会议记录')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.branchPartyMeetingFile1, '党建管理-录入数据-9-支委会会议记录')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADDETDEVTARRECORDKEY"
                                              v-model="formObj.formModel.branchPartyMeetingFile1"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['branchPartyMeetingFile1'])"
                                              upload-file-title="支委会会议记录"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.branchPartyMeetingFile1], (currentOperateType === 'EDIT') ? {defaultHeight: 88, noDefaultHeight: 134,defaultMarginTop: 88, noDefaultMarginTop: 134} : {defaultHeight: 122, noDefaultHeight: 182, defaultMarginTop: 122, noDefaultMarginTop: 182}, '', '', 'branchPartyMeetingFile1', innerWidth > 1200 ? 2 : 3)"
                            ></div>
                          </el-col>

                          <!-- 10 确定为发展对象相关公示材料及备案请示、报告、批复 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">10</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">确定为发展对象相关公示材料及备案请示、报告、批复</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 公示时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="公示时间："
                                            prop="publicTimeRange"
                                            label-width="76px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.publicTimeRange"
                                              :disabled="(currentOperateType === 'EDIT' && viewFullPartyInfoObj.publicTimeRange && viewFullPartyInfoObj.publicTimeRange.length > 0 ) || getEleIsDisabled(disabledDataObj['publicTimeRange'])"
                                              type="daterange"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              range-separator="至"
                                              start-placeholder="开始日期"
                                              end-placeholder="结束日期"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 公示材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="公示材料："
                                            prop="publicMaterialsFile"
                                            label-width="76px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.publicMaterialsFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.publicMaterialsFile, '党建管理-录入数据-10-公示材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.publicMaterialsFile, '党建管理-录入数据-10-公示材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPUBLICDEVTARRECORDKEY"
                                              v-model="formObj.formModel.publicMaterialsFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['publicMaterialsFile'])"
                                              upload-file-title="公示材料"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 备案请示时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="备案请示时间："
                                            prop="recordsRequestTime"
                                            label-width="100px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.recordsRequestTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.recordsRequestTime)) || getEleIsDisabled(disabledDataObj['recordsRequestTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择备案请示时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 备案请示材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="备案请示："
                                            prop="recordsRequestFile"
                                            label-width="76px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.recordsRequestFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.recordsRequestFile, '党建管理-录入数据-10-备案请示材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.recordsRequestFile, '党建管理-录入数据-10-备案请示材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADDEVTARFILINGREQUESTRECORDKEY"
                                              v-model="formObj.formModel.recordsRequestFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['recordsRequestFile'])"
                                              upload-file-title="备案请示"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 备案批复结果 -->
                                        <el-col :span="24">
                                          <el-form-item
                                            label="备案批复结果："
                                            prop="recordsReplyResult"
                                            label-width="100px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.recordsReplyResult"
                                              :disabled="(currentOperateType === 'EDIT' && (viewFullPartyInfoObj.recordsReplyResult === 1) || (viewFullPartyInfoObj.recordsReplyResult === 2)) || getEleIsDisabled(disabledDataObj['recordsReplyResult'])"
                                            >
                                              <el-radio :label="1">通过</el-radio>
                                              <el-radio :label="0">未通过</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 备案批复时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="备案批复时间："
                                            prop="recordsReplyTime"
                                            label-width="100px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.recordsReplyTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.recordsReplyTime)) || getEleIsDisabled(disabledDataObj['recordsReplyTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择备案批复时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 备案批复材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="备案批复："
                                            prop="recordsReplyFile"
                                            label-width="76px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.recordsReplyFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.recordsReplyFile, '党建管理-录入数据-10-备案批复材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.recordsReplyFile, '党建管理-录入数据-10-备案批复材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADDEVTARFILINGAPPROVALRECORDKEY"
                                              v-model="formObj.formModel.recordsReplyFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['recordsReplyFile'])"
                                              upload-file-title="备案批复"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.publicMaterialsFile, formObj.formModel.recordsRequestFile, formObj.formModel.recordsReplyFile], (currentOperateType === 'EDIT') ? {defaultHeight: 178, noDefaultHeight: 316,defaultMarginTop: 178, noDefaultMarginTop: 316} : {defaultHeight: 261, noDefaultHeight: 435,defaultMarginTop: 261, noDefaultMarginTop: 435}, '10', '', 'publicMaterialsFile,recordsRequestFile,recordsReplyFile', innerWidth > 1200 ? 4 : 7)"
                            ></div>
                          </el-col>

                          <!-- 11 综合性政审报告和相关材料 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">11</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">综合性政审报告和相关材料</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 综合性政审时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="综合性政审时间："
                                            prop="syntheticalPoliticalTime"
                                            label-width="116px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.syntheticalPoliticalTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.syntheticalPoliticalTime)) || getEleIsDisabled(disabledDataObj['syntheticalPoliticalTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择综合性政审时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 综合性政审报告 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="综合性政审报告："
                                            prop="syntheticalPoliticalReportFile"
                                            label-width="116px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.syntheticalPoliticalReportFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.syntheticalPoliticalReportFile, '党建管理-录入数据-11-综合性政审报告')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.syntheticalPoliticalReportFile, '党建管理-录入数据-11-综合性政审报告')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPOLITICALTRIALREPORTKEY"
                                              v-model="formObj.formModel.syntheticalPoliticalReportFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['syntheticalPoliticalReportFile'])"
                                              upload-file-title="综合性政审报告"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 政审人 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="政审人："
                                            prop="politicalChecker"
                                            label-width="76px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.politicalChecker"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.politicalChecker)) || getEleIsDisabled(disabledDataObj['politicalChecker'])"
                                            >
                                              <el-radio label="本人">本人</el-radio>
                                              <el-radio label="直系亲属">直系亲属</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 政审相关材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="相关材料："
                                            prop="politicalCheckFile"
                                            label-width="86px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.politicalCheckFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.politicalCheckFile, '党建管理-录入数据-11-政审相关材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.politicalCheckFile, '党建管理-录入数据-11-政审相关材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPOLITICALTRIALRECORDKEY"
                                              v-model="formObj.formModel.politicalCheckFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['politicalCheckFile'])"
                                              upload-file-title="相关材料"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.syntheticalPoliticalReportFile, formObj.formModel.politicalCheckFile], (currentOperateType === 'EDIT') ? {defaultHeight: 88, noDefaultHeight: 180,defaultMarginTop: 88, noDefaultMarginTop: 180} : {defaultHeight: 134, noDefaultHeight: 250, defaultMarginTop: 134, noDefaultMarginTop: 250}, '', '', 'syntheticalPoliticalReportFile,politicalCheckFile', innerWidth > 1200 ? 2 : 4)"
                            ></div>
                          </el-col>

                          <!-- 12 发展对象参加短期集中培训的结业证书 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">12</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">发展对象参加短期集中培训的结业证书</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 结业时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="结业时间："
                                            prop="courseCompletionTime1"
                                            label-width="76px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.courseCompletionTime1"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.courseCompletionTime1)) || getEleIsDisabled(disabledDataObj['courseCompletionTime1'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择结业时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 结业证书 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="结业证书："
                                            prop="courseCompletionFile1"
                                            label-width="76px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.courseCompletionFile1"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.courseCompletionFile1, '党建管理-录入数据-12-结业证书')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.courseCompletionFile1, '党建管理-录入数据-12-结业证书')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADDETDEVTARGRADRECORDKEY"
                                              v-model="formObj.formModel.courseCompletionFile1"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['courseCompletionFile1'])"
                                              upload-file-title="结业证书"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.courseCompletionFile1], (currentOperateType === 'EDIT') ? {defaultHeight: 62, noDefaultHeight: 108,defaultMarginTop: 42, noDefaultMarginTop: 88} : {defaultHeight: 85, noDefaultHeight: 143, defaultMarginTop: 65, noDefaultMarginTop: 123}, '12', '', 'courseCompletionFile1', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </div>
              </el-tab-pane>

              <!-- 四、发展党员的预审 -->
              <el-tab-pane label="四、发展党员的预审" name="PRETRIAL">
                <div class="roc-tabpane">
                  <el-row>
                    <el-col :span="24">
                      <div class="roc-tabpane-head">
                        <div class="tabpane-head-left">
                          <div class="tabpane-head-left-title">四</div>
                        </div>
                        <div class="tabpane-head-right">发展党员的预审</div>
                      </div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-line"></div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-step">
                        <el-row>
                          <!-- 13 支委会拟接收预备党员审查会议记录和上报的预审请示 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">13</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">支委会拟接收预备党员审查会议记录和上报的预审请示</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 审查结果 -->
                                        <el-col :span="24">
                                          <el-form-item
                                            label="审查结果："
                                            prop="checkResult"
                                            label-width="120px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.checkResult"
                                              :disabled="(currentOperateType === 'EDIT' && (viewFullPartyInfoObj.checkResult === 1) || (viewFullPartyInfoObj.checkResult === 2)) || getEleIsDisabled(disabledDataObj['checkResult'])"
                                            >
                                              <el-radio :label="1">通过</el-radio>
                                              <el-radio :label="0">未通过</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 审查会议时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="审查会议时间："
                                            prop="checkMeetingTime"
                                            label-width="100px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.checkMeetingTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.checkMeetingTime)) || getEleIsDisabled(disabledDataObj['checkMeetingTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择审查会议时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 审查会议记录 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="审查会议记录："
                                            prop="checkMeetingFile"
                                            label-width="100px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.checkMeetingFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.checkMeetingFile, '党建管理-录入数据-13-审查会议记录')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.checkMeetingFile, '党建管理-录入数据-13-审查会议记录')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADDEVPARTYPRETRIALREVMEETRECORDKEY"
                                              v-model="formObj.formModel.checkMeetingFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['checkMeetingFile'])"
                                              upload-file-title="审查会议记录"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 上报预审请示时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="上报预审请示时间："
                                            prop="reportRequestTime"
                                            label-width="130px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.reportRequestTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.reportRequestTime)) || getEleIsDisabled(disabledDataObj['reportRequestTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择上报预审请示时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 预审请示材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="预审请示："
                                            prop="reportRequestFile"
                                            label-width="100px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.reportRequestFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.reportRequestFile, '党建管理-录入数据-13-预审请示材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.reportRequestFile, '党建管理-录入数据-13-预审请示材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADSUBMITDEVPARTYPRETRIALRECORDKEY"
                                              v-model="formObj.formModel.reportRequestFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['reportRequestFile'])"
                                              upload-file-title="预审请示"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.checkMeetingFile, formObj.formModel.reportRequestFile], (currentOperateType === 'EDIT') ? {defaultHeight: 132, noDefaultHeight: 224,defaultMarginTop: 132, noDefaultMarginTop: 224} : {defaultHeight: 192, noDefaultHeight: 308,defaultMarginTop: 192, noDefaultMarginTop: 308}, '', '', 'checkMeetingFile,reportRequestFile', innerWidth > 1200 ? 3 : 5)"
                            ></div>
                          </el-col>

                          <!-- 14 基层党委预审会议记录及预审批复 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">14</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">基层党委预审会议记录及预审批复</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 预审批复结果  -->
                                        <el-col :span="24">
                                          <el-form-item
                                            label="预审批复结果："
                                            prop="readyCheckReplyResult"
                                            label-width="120px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.readyCheckReplyResult"
                                              :disabled="(currentOperateType === 'EDIT' && (viewFullPartyInfoObj.readyCheckReplyResult === 1) || (viewFullPartyInfoObj.readyCheckReplyResult === 2)) || getEleIsDisabled(disabledDataObj['readyCheckReplyResult'])"
                                            >
                                              <el-radio :label="1">通过</el-radio>
                                              <el-radio :label="0">未通过</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 基层党委预审会议时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="基层党委预审会议时间："
                                            prop="basicReadyCheckMeetingTime"
                                            label-width="160px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.basicReadyCheckMeetingTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.basicReadyCheckMeetingTime)) || getEleIsDisabled(disabledDataObj['basicReadyCheckMeetingTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择基层党委预审会议时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 基层党委预审会议记录 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="基层党委预审会议记录："
                                            prop="basicReadyCheckMeetingFile"
                                            label-width="160px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.basicReadyCheckMeetingFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.basicReadyCheckMeetingFile, '党建管理-录入数据-14-基层党委预审会议记录')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.basicReadyCheckMeetingFile, '党建管理-录入数据-14-基层党委预审会议记录')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADDEVPARTYPRETRIALAPPROVALRECORDKEY"
                                              v-model="formObj.formModel.basicReadyCheckMeetingFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['basicReadyCheckMeetingFile'])"
                                              upload-file-title="基层党委预审会议记录"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.basicReadyCheckMeetingFile], (currentOperateType === 'EDIT') ? {defaultHeight: 88, noDefaultHeight: 134,defaultMarginTop: 88, noDefaultMarginTop: 134} : {defaultHeight: 123, noDefaultHeight: 181,defaultMarginTop: 123, noDefaultMarginTop: 181}, '', '', 'basicReadyCheckMeetingFile', innerWidth > 1200 ? 2 : 3)"
                            ></div>
                          </el-col>

                          <!-- 15 发展党员工作有关工作部门征求意见情况 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">15</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">发展党员工作有关工作部门征求意见情况</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 征求意见时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="征求意见时间："
                                            prop="consultationTime"
                                            label-width="110px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.consultationTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.consultationTime)) || getEleIsDisabled(disabledDataObj['consultationTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择征求意见时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 征求意见情况的材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="征求意见情况的材料："
                                            prop="consultationConditionFile"
                                            label-width="140px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.consultationConditionFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.consultationConditionFile, '党建管理-录入数据-15-征求意见情况的材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.consultationConditionFile, '党建管理-录入数据-15-征求意见情况的材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADSOLICITOPINIONSRECORDKEY"
                                              v-model="formObj.formModel.consultationConditionFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['consultationConditionFile'])"
                                              upload-file-title="征求意见情况的材料"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.consultationConditionFile], (currentOperateType === 'EDIT') ? {defaultHeight: 42, noDefaultHeight: 88,defaultMarginTop: 42, noDefaultMarginTop: 88} : {defaultHeight: 64, noDefaultHeight: 123,defaultMarginTop: 64, noDefaultMarginTop: 123}, '', '', 'consultationConditionFile', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>

                          <!-- 16 《中国共产党入党志愿书》 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">16</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">《中国共产党入党志愿书》</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 递交志愿书时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="递交志愿书时间："
                                            prop="submitVolunteerBookTime"
                                            label-width="116px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.submitVolunteerBookTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.submitVolunteerBookTime)) || getEleIsDisabled(disabledDataObj['submitVolunteerBookTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择递交志愿书时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 《中国共产党入党志愿书》文件 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="《中国共产党入党志愿书》："
                                            prop="submitVolunteerBookFile"
                                            label-width="190px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.submitVolunteerBookFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.submitVolunteerBookFile, '党建管理-录入数据-16-《中国共产党入党志愿书》')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.submitVolunteerBookFile, '党建管理-录入数据-16-《中国共产党入党志愿书》')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADVOLUNTEERRECORDKEY"
                                              v-model="formObj.formModel.submitVolunteerBookFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['submitVolunteerBookFile'])"
                                              upload-file-title="《中国共产党入党志愿书》"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 支委会接收预备党员的时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="支委会接收预备党员的时间："
                                            prop="branchPartyAcceptReadyMemberTime"
                                            label-width="190px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.branchPartyAcceptReadyMemberTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.branchPartyAcceptReadyMemberTime)) || getEleIsDisabled(disabledDataObj['branchPartyAcceptReadyMemberTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择支委会接收预备党员的时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 关于预备党员基层党委审批意见的时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="关于预备党员基层党委审批意见的时间："
                                            prop="aboutReadyMemberCheckIdeaTime"
                                            label-width="260px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.aboutReadyMemberCheckIdeaTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.aboutReadyMemberCheckIdeaTime)) ||  getEleIsDisabled(disabledDataObj['aboutReadyMemberCheckIdeaTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择关于预备党员基层党委审批意见的时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 预备期 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="预备期："
                                            prop="readyDeadlineRange"
                                            label-width="56px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.readyDeadlineRange"
                                              :disabled="(currentOperateType === 'EDIT' && viewFullPartyInfoObj.readyDeadlineRange && viewFullPartyInfoObj.readyDeadlineRange.length > 0) || getEleIsDisabled(disabledDataObj['readyDeadlineRange'])"
                                              type="daterange"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              range-separator="至"
                                              start-placeholder="请选择开始预备期"
                                              end-placeholder="请选择结束预备期"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 支委会转正的时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="支委会转正的时间："
                                            prop="branchPartyConfirmTime"
                                            label-width="130px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.branchPartyConfirmTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.branchPartyConfirmTime)) || getEleIsDisabled(disabledDataObj['branchPartyConfirmTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择支委会转正的时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 转正基层党委审批意见的时间 -->
                                        <el-col :span="24">
                                          <el-row :gutter="20">
                                            <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                              <el-form-item
                                                label="转正基层党委审批意见的时间："
                                                prop="confirmBasicPartyCheckIdeaTime"
                                                label-width="200px"
                                              >
                                                <el-date-picker
                                                  v-model="formObj.formModel.confirmBasicPartyCheckIdeaTime"
                                                  :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.confirmBasicPartyCheckIdeaTime)) || getEleIsDisabled(disabledDataObj['confirmBasicPartyCheckIdeaTime'])"
                                                  type="date"
                                                  clearable
                                                  format="yyyy年MM月dd日"
                                                  value-format="yyyy-MM-dd"
                                                  style="width: 100%;"
                                                  placeholder="请选择转正基层党委审批意见的时间"
                                                ></el-date-picker>
                                              </el-form-item>
                                            </el-col>
                                          </el-row>
                                        </el-col>

                                        <!-- 是否延期转为正式党员 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="是否延期转为正式党员："
                                            prop="isPostponeConfirmMember"
                                            label-width="180px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.isPostponeConfirmMember"
                                              :disabled="((currentOperateType === 'EDIT') && (viewFullPartyInfoObj.isPostponeConfirmMember === 1) || (viewFullPartyInfoObj.isPostponeConfirmMember === 2)) || getEleIsDisabled(disabledDataObj['isPostponeConfirmMember'])"
                                            >
                                              <el-radio :label="1">是</el-radio>
                                              <el-radio :label="0">否</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 延期转正基层党委审批意见的时间 -->
                                        <template
                                          v-if="formObj.formModel.isPostponeConfirmMember === 1"
                                        >
                                          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                            <el-form-item
                                              label="延期转正基层党委审批意见的时间："
                                              prop="postponeConfirmMemberParthCheckIdeaTime"
                                              label-width="230px"
                                            >
                                              <el-date-picker
                                                v-model="formObj.formModel.postponeConfirmMemberParthCheckIdeaTime"
                                                type="date"
                                                clearable
                                                format="yyyy年MM月dd日"
                                                value-format="yyyy-MM-dd"
                                                style="width: 100%;"
                                                placeholder="请选择延期转正基层党委审批意见的时间"
                                              ></el-date-picker>
                                            </el-form-item>
                                          </el-col>
                                        </template>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.submitVolunteerBookFile], (currentOperateType === 'EDIT') ? {defaultHeight: 244, noDefaultHeight: 430,defaultMarginTop: 224, noDefaultMarginTop: (formObj.formModel.isPostponeConfirmMember === 1) ? 410 : 364} : {defaultHeight: 316, noDefaultHeight: 549, defaultMarginTop: 296, noDefaultMarginTop: (formObj.formModel.isPostponeConfirmMember === 1) ? 529 : 471}, '16', '', 'submitVolunteerBookFile', innerWidth > 1200 ? 5 : 8)"
                            ></div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </div>
              </el-tab-pane>

              <!-- 五、预备党员的接收 -->
              <el-tab-pane label="五、预备党员的接收" name="TAKEOVER">
                <div class="roc-tabpane">
                  <el-row>
                    <el-col :span="24">
                      <div class="roc-tabpane-head">
                        <div class="tabpane-head-left">
                          <div class="tabpane-head-left-title">五</div>
                        </div>
                        <div class="tabpane-head-right">预备党员的接收</div>
                      </div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-line"></div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-step">
                        <el-row>
                          <!-- 17 支部大会接收为中共预备党员的会议记录和票决结果 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">17</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">支部大会接收为中共预备党员的会议记录和票决结果</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 支部大会的会议时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="支部大会的会议时间："
                                            prop="branchPartyBigMeetingTime"
                                            label-width="140px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.branchPartyBigMeetingTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.branchPartyBigMeetingTime)) || getEleIsDisabled(disabledDataObj['branchPartyBigMeetingTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择支部大会的会议时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 支部大会的会议记录 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="支部大会的会议记录："
                                            prop="branchPartyBigMeetingRecordFile"
                                            label-width="140px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.branchPartyBigMeetingRecordFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.branchPartyBigMeetingRecordFile, '党建管理-录入数据-17-支部大会的会议记录')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.branchPartyBigMeetingRecordFile, '党建管理-录入数据-17-支部大会的会议记录')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADBRANCHASSEMBLYRECORDKEY"
                                              v-model="formObj.formModel.branchPartyBigMeetingRecordFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['branchPartyBigMeetingRecordFile'])"
                                              upload-file-title="支部大会的会议记录"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.branchPartyBigMeetingRecordFile], (currentOperateType === 'EDIT') ? {defaultHeight: 42, noDefaultHeight: 88,defaultMarginTop: 42, noDefaultMarginTop: 88} : {defaultHeight: 64, noDefaultHeight: 123,defaultMarginTop: 64, noDefaultMarginTop: 123}, '', '', 'branchPartyBigMeetingRecordFile', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>

                          <!-- 18 接收为中共预备党员审批请示 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">18</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">接收为中共预备党员审批请示</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 审批请示时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="审批请示时间："
                                            prop="checkRequestTime"
                                            label-width="100px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.checkRequestTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.checkRequestTime)) || getEleIsDisabled(disabledDataObj['checkRequestTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择审批请示时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 审批请示材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="审批请示材料："
                                            prop="checkRequestFile"
                                            label-width="100px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.checkRequestFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.checkRequestFile, '党建管理-录入数据-18-审批请示材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.checkRequestFile, '党建管理-录入数据-18-审批请示材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADCOMMUNISTPREPMEMBERRECORDKEY"
                                              v-model="formObj.formModel.checkRequestFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['checkRequestFile'])"
                                              upload-file-title="审批请示材料"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.checkRequestFile], (currentOperateType === 'EDIT') ? {defaultHeight: 42, noDefaultHeight: 88,defaultMarginTop: 42, noDefaultMarginTop: 88} : {defaultHeight: 64, noDefaultHeight: 123, defaultMarginTop: 64, noDefaultMarginTop: 123}, '', '', 'checkRequestFile', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>

                          <!-- 19 基层党委审批会议记录、会议纪要和批复 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">19</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">基层党委审批会议记录、会议纪要和批复</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 批复结果 -->
                                        <el-col :span="24">
                                          <el-form-item
                                            label="批复结果："
                                            prop="replyResult1"
                                            label-width="90px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.replyResult1"
                                              :disabled="(currentOperateType === 'EDIT' && (viewFullPartyInfoObj.replyResult1 === 1) || (viewFullPartyInfoObj.replyResult1 === 2)) || getEleIsDisabled(disabledDataObj['replyResult1'])"
                                            >
                                              <el-radio :label="1">通过</el-radio>
                                              <el-radio :label="0">未通过</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 基层党委审批会议时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="基层党委审批会议时间："
                                            prop="basicPartyCheckMeetingTime"
                                            label-width="160px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.basicPartyCheckMeetingTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.basicPartyCheckMeetingTime)) || getEleIsDisabled(disabledDataObj['basicPartyCheckMeetingTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择基层党委审批会议时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 基层党委审批会议记录、会议纪要 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="基层党委审批会议记录、会议纪要："
                                            prop="basicPartyCheckMeetingRecordFile"
                                            label-width="230px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.basicPartyCheckMeetingRecordFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.basicPartyCheckMeetingRecordFile, '党建管理-录入数据-19-基层党委审批会议记录、会议纪要')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.basicPartyCheckMeetingRecordFile, '党建管理-录入数据-19-基层党委审批会议记录、会议纪要')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPREPPARTYAPPROVALMEETRECORDKEY"
                                              v-model="formObj.formModel.basicPartyCheckMeetingRecordFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['basicPartyCheckMeetingRecordFile'])"
                                              upload-file-title="基层党委审批会议记录、会议纪要"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 批复时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="批复时间："
                                            prop="replyTime1"
                                            label-width="76px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.replyTime1"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.replyTime1)) || getEleIsDisabled(disabledDataObj['replyTime1'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择批复时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 批复材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="批复材料："
                                            prop="replyMaterialsFile1"
                                            label-width="76px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.replyMaterialsFile1"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.replyMaterialsFile1, '党建管理-录入数据-19-批复材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.replyMaterialsFile1, '党建管理-录入数据-19-批复材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPREPPARTYAPPROVALRECORDKEY"
                                              v-model="formObj.formModel.replyMaterialsFile1"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['replyMaterialsFile1'])"
                                              upload-file-title="批复材料"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.basicPartyCheckMeetingRecordFile, formObj.formModel.replyMaterialsFile1], (currentOperateType === 'EDIT') ? {defaultHeight: 132, noDefaultHeight: 224,defaultMarginTop: 132, noDefaultMarginTop: 224} : {defaultHeight: 192, noDefaultHeight: 308, defaultMarginTop: 192, noDefaultMarginTop: 308}, '19', '', 'basicPartyCheckMeetingRecordFile,replyMaterialsFile1', innerWidth > 1200 ? 3 : 5)"
                            ></div>
                          </el-col>

                          <!-- 20 向上级党委组织部门的备案报告和批复 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">20</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">向上级党委组织部门的备案报告和批复</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 批复结果 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="批复结果："
                                            prop="replyResult2"
                                            label-width="90px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.replyResult2"
                                              :disabled="(currentOperateType === 'EDIT' && (viewFullPartyInfoObj.replyResult2 === 1) || (viewFullPartyInfoObj.replyResult2 === 2)) || getEleIsDisabled(disabledDataObj['replyResult2'])"
                                            >
                                              <el-radio :label="1">通过</el-radio>
                                              <el-radio :label="0">未通过</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [], (currentOperateType === 'EDIT') ? {defaultHeight: 74, noDefaultHeight: 74,defaultMarginTop: 54, noDefaultMarginTop: 54} : {defaultHeight: 74, noDefaultHeight: 74, defaultMarginTop: 54, noDefaultMarginTop: 54}, '20', '', '', 1)"
                            ></div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </div>
              </el-tab-pane>

              <!-- 六、预备党员的考察和转正 -->
              <el-tab-pane label="六、预备党员的考察和转正" name="TURNPOSITIVE">
                <div class="roc-tabpane">
                  <el-row>
                    <el-col :span="24">
                      <div class="roc-tabpane-head">
                        <div class="tabpane-head-left">
                          <div class="tabpane-head-left-title">六</div>
                        </div>
                        <div class="tabpane-head-right">预备党员的考察和转正</div>
                      </div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-line"></div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-step">
                        <el-row>
                          <!-- 21 《预备党员培养考察教育登记表》 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">21</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">《预备党员培养考察教育登记表》</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 预备期 readyDeadline1 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="预备期："
                                            prop="readyDeadline1Range"
                                            label-width="60px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.readyDeadline1Range"
                                              :disabled="(currentOperateType === 'EDIT' && viewFullPartyInfoObj.readyDeadline1Range && viewFullPartyInfoObj.readyDeadline1Range.length > 0) || getEleIsDisabled(disabledDataObj['readyDeadline1Range'])"
                                              type="daterange"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              range-separator="至"
                                              start-placeholder="请选择开始预备期"
                                              end-placeholder="请选择结束预备期"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 《预备党员培养考察教育登记表》文件 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="《预备党员培养考察教育登记表》："
                                            prop="readyMemberTeachRecordFile"
                                            label-width="230px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.readyMemberTeachRecordFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.readyMemberTeachRecordFile, '党建管理-录入数据-21-《预备党员培养考察教育登记表》')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.readyMemberTeachRecordFile, '党建管理-录入数据-21-《预备党员培养考察教育登记表》')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPREPPARTYEDUREGISTRECORDKEY"
                                              v-model="formObj.formModel.readyMemberTeachRecordFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['readyMemberTeachRecordFile'])"
                                              upload-file-title="《预备党员培养考察教育登记表》"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.readyMemberTeachRecordFile], (currentOperateType === 'EDIT') ? {defaultHeight: 42, noDefaultHeight: 88,defaultMarginTop: 42, noDefaultMarginTop: 88} : {defaultHeight: 64, noDefaultHeight: 123,defaultMarginTop: 64, noDefaultMarginTop: 123}, '', '', 'readyMemberTeachRecordFile', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>

                          <!-- 22 转正申请书 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">22</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">转正申请书</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 转正申请书递交时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="转正申请书递交时间："
                                            prop="submitConfirmBookTime"
                                            label-width="140px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.submitConfirmBookTime"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.submitConfirmBookTime)) || getEleIsDisabled(disabledDataObj['submitConfirmBookTime'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择转正申请书递交时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 转正申请书文件 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="转正申请书："
                                            prop="submitConfirmBookFile"
                                            label-width="90px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.submitConfirmBookFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.submitConfirmBookFile, '党建管理-录入数据-22-转正申请书')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.submitConfirmBookFile, '党建管理-录入数据-22-转正申请书')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADREGULARAPPLICATIONRECORDKEY"
                                              v-model="formObj.formModel.submitConfirmBookFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['submitConfirmBookFile'])"
                                              upload-file-title="转正申请书："
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.submitConfirmBookFile], (currentOperateType === 'EDIT') ? {defaultHeight: 42, noDefaultHeight: 88,defaultMarginTop: 42, noDefaultMarginTop: 88} : {defaultHeight: 64, noDefaultHeight: 123,defaultMarginTop: 64, noDefaultMarginTop: 123}, '', '', 'submitConfirmBookFile', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>

                          <!-- 23 预备期思想汇报 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">23</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">预备期思想汇报</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item label-width="0px">
                                            <div class="step-item-twenty_third">与第7步的思想汇报合并</div>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="{height: ((innerWidth > 1200) ? '50px' : '50px'), marginTop: ((innerWidth > 1200) ? '-50px' : '-50px')}"
                            ></div>
                          </el-col>

                          <!-- 24 预备党员转正征求党内外群众意见谈话记录 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">24</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">预备党员转正征求党内外群众意见谈话记录</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 征求意见时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="征求意见时间："
                                            prop="consultationTime1"
                                            label-width="116px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.consultationTime1"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.consultationTime1)) || getEleIsDisabled(disabledDataObj['consultationTime1'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择征求意见时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 征求意见的谈话记录 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="征求意见的谈话记录："
                                            prop="consultationTalkRecordFile"
                                            label-width="190px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.consultationTalkRecordFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.consultationTalkRecordFile, '党建管理-录入数据-24-征求意见的谈话记录')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.consultationTalkRecordFile, '党建管理-录入数据-24-征求意见的谈话记录')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPREPPARTYPUBLICOPINIONRECORDKEY"
                                              v-model="formObj.formModel.consultationTalkRecordFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['consultationTalkRecordFile'])"
                                              upload-file-title="征求意见的谈话记录"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.consultationTalkRecordFile], (currentOperateType === 'EDIT') ? {defaultHeight: 42, noDefaultHeight: 88,defaultMarginTop: 42, noDefaultMarginTop: 88} : {defaultHeight: 65, noDefaultHeight: 123, defaultMarginTop: 65, noDefaultMarginTop: 123}, '', '', 'consultationTalkRecordFile', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>

                          <!-- 25 转为正式党员的支部大会会议记录、票决结果及公示情况 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">25</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">转为正式党员的支部大会会议记录、票决结果及公示情况</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 支部大会的会议时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="支部大会的会议时间："
                                            prop="branchPartyBigMeetingTime1"
                                            label-width="140px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.branchPartyBigMeetingTime1"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.branchPartyBigMeetingTime1)) || getEleIsDisabled(disabledDataObj['branchPartyBigMeetingTime1'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择支部大会的会议时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 支部大会的会议记录 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="支部大会的会议记录："
                                            prop="branchPartyBigMeetingRecordFile1"
                                            label-width="190px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.branchPartyBigMeetingRecordFile1"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.branchPartyBigMeetingRecordFile1, '党建管理-录入数据-25-支部大会的会议记录')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.branchPartyBigMeetingRecordFile1, '党建管理-录入数据-25-支部大会的会议记录')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPARTYMEETINGRECORDKEY"
                                              v-model="formObj.formModel.branchPartyBigMeetingRecordFile1"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['branchPartyBigMeetingRecordFile1'])"
                                              upload-file-title="支部大会的会议记录"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 公示时间 publicTime1 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="公示时间："
                                            prop="publicTime1Range"
                                            label-width="116px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.publicTime1Range"
                                              :disabled="(currentOperateType === 'EDIT' && viewFullPartyInfoObj.publicTime1Range && viewFullPartyInfoObj.publicTime1Range.length > 0) || getEleIsDisabled(disabledDataObj['publicTime1Range'])"
                                              type="daterange"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              range-separator="至"
                                              start-placeholder="请选择开始公示时间"
                                              end-placeholder="请选择结束公示时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 公示材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="公示材料："
                                            prop="publicMaterialsFile1"
                                            label-width="190px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.publicMaterialsFile1"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.publicMaterialsFile1, '党建管理-录入数据-25-公示材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.publicMaterialsFile1, '党建管理-录入数据-25-公示材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPARTYPUBLICITYRECORDKEY"
                                              v-model="formObj.formModel.publicMaterialsFile1"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['publicMaterialsFile1'])"
                                              upload-file-title="公示材料"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.branchPartyBigMeetingRecordFile1, formObj.formModel.publicMaterialsFile1], (currentOperateType === 'EDIT') ? {defaultHeight: 88, noDefaultHeight: 180,defaultMarginTop: 88, noDefaultMarginTop: 180} : {defaultHeight: 134, noDefaultHeight: 250, defaultMarginTop: 134, noDefaultMarginTop: 250}, '', '', 'branchPartyBigMeetingRecordFile1,publicMaterialsFile1', innerWidth > 1200 ? 2 : 4)"
                            ></div>
                          </el-col>

                          <!-- 26 转为中共正式党员审批请示 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">26</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">转为中共正式党员审批请示</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 审批请示递交时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="审批请示递交时间："
                                            prop="checkRequestTime1"
                                            label-width="140px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.checkRequestTime1"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.checkRequestTime1)) || getEleIsDisabled(disabledDataObj['checkRequestTime1'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择审批请示递交时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 审批请示材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="审批请示材料："
                                            prop="checkRequestMaterialsFile1"
                                            label-width="190px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.checkRequestMaterialsFile1"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.checkRequestMaterialsFile1, '党建管理-录入数据-26-审批请示材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.checkRequestMaterialsFile1, '党建管理-录入数据-26-审批请示材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPARTYAPPROVERECORDKEY"
                                              v-model="formObj.formModel.checkRequestMaterialsFile1"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['checkRequestMaterialsFile1'])"
                                              upload-file-title="审批请示材料"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.checkRequestMaterialsFile1], (currentOperateType === 'EDIT') ? {defaultHeight: 42, noDefaultHeight: 88,defaultMarginTop: 42, noDefaultMarginTop: 88} : {defaultHeight: 64, noDefaultHeight: 123, defaultMarginTop: 64, noDefaultMarginTop: 123}, '', '', 'checkRequestMaterialsFile1', innerWidth > 1200 ? 1 : 2)"
                            ></div>
                          </el-col>

                          <!-- 27 基层党委审批会议记录、会议纪要和批复 -->
                          <el-col :span="24">
                            <div class="roc-tabpane-step-item">
                              <div class="step-item-left">27</div>
                              <div class="step-item-right">
                                <el-row>
                                  <el-col :span="24">
                                    <div class="step-item-right-title">基层党委审批会议记录、会议纪要和批复</div>
                                    <div class="step-item-right-form">
                                      <el-row :gutter="20">
                                        <!-- 批复结果 -->
                                        <el-col :span="24">
                                          <el-form-item
                                            label="批复结果："
                                            prop="replyResult3"
                                            label-width="90px"
                                          >
                                            <el-radio-group
                                              v-model="formObj.formModel.replyResult3"
                                              :disabled="(currentOperateType === 'EDIT' && (viewFullPartyInfoObj.replyResult3 === 1) || (viewFullPartyInfoObj.replyResult3 === 2)) || getEleIsDisabled(disabledDataObj['replyResult3'])"
                                            >
                                              <el-radio :label="1">通过</el-radio>
                                              <el-radio :label="0">未通过</el-radio>
                                            </el-radio-group>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 基层党委审批会议时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="基层党委审批会议时间："
                                            prop="basicPartyCheckMeetingTime1"
                                            label-width="160px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.basicPartyCheckMeetingTime1"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.basicPartyCheckMeetingTime1)) || getEleIsDisabled(disabledDataObj['basicPartyCheckMeetingTime1'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择基层党委审批会议时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 基层党委审批会议记录、会议纪要 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="基层党委审批会议记录、会议纪要："
                                            prop="basicPartyCheckMeetingRecordFile1"
                                            label-width="230px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.basicPartyCheckMeetingRecordFile1"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.basicPartyCheckMeetingRecordFile1, '党建管理-录入数据-27-基层党委审批会议记录、会议纪要')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.basicPartyCheckMeetingRecordFile1, '党建管理-录入数据-27-基层党委审批会议记录、会议纪要')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPARTYGRASSROOTSMEETRECORDKEY"
                                              v-model="formObj.formModel.basicPartyCheckMeetingRecordFile1"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['basicPartyCheckMeetingRecordFile1'])"
                                              upload-file-title="基层党委审批会议记录、会议纪要"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 批复时间 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="批复时间："
                                            prop="replyTime2"
                                            label-width="140px"
                                          >
                                            <el-date-picker
                                              v-model="formObj.formModel.replyTime2"
                                              :disabled="(currentOperateType === 'EDIT' && !(!viewFullPartyInfoObj.replyTime2)) || getEleIsDisabled(disabledDataObj['replyTime2'])"
                                              type="date"
                                              clearable
                                              format="yyyy年MM月dd日"
                                              value-format="yyyy-MM-dd"
                                              style="width: 100%;"
                                              placeholder="请选择批复时间"
                                            ></el-date-picker>
                                          </el-form-item>
                                        </el-col>

                                        <!-- 批复材料 -->
                                        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
                                          <el-form-item
                                            label="批复材料："
                                            prop="replyMaterialsFile"
                                            label-width="190px"
                                          >
                                            <div
                                              v-if="(currentOperateType === 'EDIT') && viewFullPartyInfoObj.replyMaterialsFile"
                                              class="updatepartydevelop-viewuploadpdffile"
                                            >
                                              <div
                                                @click="handleViewPageCheckClick(formObj.formModel.replyMaterialsFile, '党建管理-录入数据-27-批复材料')"
                                              >查看</div>
                                              <div
                                                @click="handleViewPageDownloadClick(formObj.formModel.replyMaterialsFile, '党建管理-录入数据-27-批复材料')"
                                              >下载</div>
                                            </div>
                                            <roc-pdf-file-upload
                                              v-else
                                              key="ROCPDFFILEUPLOADPARTYGRASSROOTSAPPROVERECORDKEY"
                                              v-model="formObj.formModel.replyMaterialsFile"
                                              :is-disabled="getEleIsDisabled(disabledDataObj['replyMaterialsFile'])"
                                              upload-file-title="批复材料"
                                            ></roc-pdf-file-upload>
                                          </el-form-item>
                                        </el-col>
                                      </el-row>
                                    </div>
                                  </el-col>
                                </el-row>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="24">
                            <div
                              class="roc-tabpane-step-tail"
                              :style="getNodeTabpaneStepTailStyle(innerWidth, [formObj.formModel.basicPartyCheckMeetingRecordFile1, formObj.formModel.replyMaterialsFile], (currentOperateType === 'EDIT') ? {defaultHeight: 152, noDefaultHeight: 254,defaultMarginTop: 132, noDefaultMarginTop: 224} : {defaultHeight: 242, noDefaultHeight: 358, defaultMarginTop: 192, noDefaultMarginTop: 308}, '27', '', 'basicPartyCheckMeetingRecordFile1,replyMaterialsFile', innerWidth > 1200 ? 3 : 5)"
                            ></div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </div>
              </el-tab-pane>

              <!-- 未通过 -->
              <el-tab-pane label="未通过" name="DIDNOTPASS">
                <div class="roc-tabpane">
                  <el-row>
                    <el-col :span="24">
                      <div class="roc-tabpane-head">
                        <div class="tabpane-head-left">
                          <div class="tabpane-head-left-title">OK</div>
                        </div>
                        <div class="tabpane-head-right">成为正式党员</div>
                      </div>
                    </el-col>
                    <el-col :span="24">
                      <div class="roc-tabpane-didnotpass-btngroup">
                        <el-button
                          type="rocpartyprimaryplainbtn"
                          @click="handleCheckProcessDataIntegrityClick"
                        >检查过程与资料完整性</el-button>
                        <el-button
                          :disabled="getEleIsDisabled(disabledDataObj['becomeFullPartyMemberBtn'])"
                          type="rocpartyprimarybtn"
                          @click="handleBecomeFullPartyMemberClick"
                        >转为正式党员</el-button>
                      </div>
                    </el-col>
                  </el-row>
                </div>
              </el-tab-pane>
            </el-tabs>
          </el-col>
        </el-row>
      </div>
    </el-form>
    <div class="pagefooter-btngroup">
      <el-button
        type="rocpartyprimaryplainbtn"
        icon="el-icon-circle-close"
        class="mr20"
        @click="handlePageCloseClick"
      >取 消</el-button>
      <el-popover placement="top" trigger="hover" title="温馨提示" width="100">
        <p>已填内容保存以后不能再修改，不符合要求的数据不保存！</p>
        <el-button
          slot="reference"
          :disabled="(!formObj.formModel.name) || (!formObj.formModel.submitAddPartyPageTime) ||(!formObj.formModel.addPartyPageFile)"
          type="rocpartyprimarybtn"
          icon="el-icon-circle-check"
          @click="handlePageSubmitClick"
        >保 存</el-button>
      </el-popover>
    </div>

    <!-- PDF 文件预览对话框 -->
    <roc-vue-pdf-dialog
      v-if="pdfDialogVisible"
      :visible.sync="pdfDialogVisible"
      :dialog-title="viewPdfFileObj.fileName"
      :pdfUrl="viewPdfFileObj.filePath"
    ></roc-vue-pdf-dialog>

    <!-- 更新 PDF 文件对话框 -->
    <el-dialog
      :title="updatePdfFileDialogObj.title"
      :visible.sync="updatePdfFileDialogObj.visible"
      width="600px"
    >
      <div class="updatepartydevelop-updatepdffiledialog">
        <roc-pdf-file-upload
          :key="updatePdfFileDialogObj.key"
          v-model="updatePdfFileDialogObj.fieldValue"
          :upload-file-title="updatePdfFileDialogObj.title"
        ></roc-pdf-file-upload>
      </div>

      <div slot="footer" class="dialog-footer">
        <el-button type="rocpartyprimaryplainbtn" @click="handleUpdatePdfFileCancelClick">取 消</el-button>
        <el-button
          type="rocpartyprimarybtn"
          :disabled="!updatePdfFileDialogObj.fieldValue"
          @click="handleUpdatePdfFileSubmitClick"
        >确 定</el-button>
      </div>
    </el-dialog>

    <!-- 更新图片文件对话框 -->
    <el-dialog
      :title="updateImgFileDialogObj.title"
      :visible.sync="updateImgFileDialogObj.visible"
      width="600px"
    >
      <div class="updatepartydevelop-updateimgfiledialog">
        <roc-img-file-upload
          :key="updateImgFileDialogObj.key"
          v-model="updateImgFileDialogObj.fieldValue"
          :upload-file-title="updateImgFileDialogObj.title"
        ></roc-img-file-upload>
      </div>

      <div slot="footer" class="dialog-footer">
        <el-button type="rocpartyprimaryplainbtn" @click="handleUpdateImgFileCancelClick">取 消</el-button>
        <el-button
          type="rocpartyprimarybtn"
          :disabled="!updateImgFileDialogObj.fieldValue"
          @click="handleUpdateImgFileSubmitClick"
        >确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import IsDisabledDataObj from './JsonData/IsDisabledDataObj';
import Vue from 'vue';
import { pca, pcaa } from 'area-data';
import 'vue-area-linkage/dist/index.css';
import VueAreaLinkage from 'vue-area-linkage';
Vue.use(VueAreaLinkage);
import Viewer from 'v-viewer';
import 'viewerjs/dist/viewer.css';
Vue.use(Viewer, {
  defaultOptions: {
    zIndex: 9999
  }
});
import {
  addFullPartyMemberBasicInfo,
  addFullPartyMemberProgressInfo,
  updateFullPartyMemberBasicInfo,
  viewDetailFullPartyMember,
  checkProgressAndCompletion,
  changeOfficialFullPartyMember,
  reactivateFullPartyMember
} from "@/api/PartyBuildingMgr/FullPartyMember";
import { regularDownloadPdfFile } from "@/utils/rockeryutil";

export default {
  name: "Updatepartydevelop",
  components: {
    'roc-pdf-file-upload': () => import('@/components/RocPdfFileUpload'),
    'roc-img-file-upload': () => import('@/components/RocImgFileUpload'),
    'roc-vue-pdf-dialog': () => import('@/components/RocVuePdfDialog')
  },
  props: {
    // 操作类型
    operateType: {
      type: String,
      required: true
    },
    // 编辑类型
    updateType: {
      type: String,
      required: false,
      default: ''
    },
    id: {
      type: [String, Number],
      default: null
    }
  },
  data() {
    return {
      // 学历选项列表
      educationOptions: [],
      formObj: {
        formModel: {
          confirmActiveMemberTime: undefined,
          branchPartyBigMeetingTime: undefined,
          basicPartyCheckMeetingTime: undefined,
          readyDeadline1Range: undefined,
          basicPartyCheckMeetingTime1: undefined,
          thoughtReportRecordList: [
            {
              submitTime: null,
              filePath: null
            }
          ]
        },
        formRules: {
          name: [
            { required: true, message: "姓名不能为空", trigger: 'blur' }
          ],
          cardNo: [
            {
              pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
              message: "请输入正确居民身份证号码",
              trigger: 'blur'
            }
          ],
          submitAddPartyPageTime: [
            { required: true, message: "递交入党申请书时间不能为空", trigger: ['change', 'blur'] },
            { validator: this.validateSubmitAddPartyPageTime, trigger: ['change', 'blur'] }
          ],
          addPartyPageFile: [
            { required: true, message: "入党申请书不能为空", trigger: 'blur' }
          ]
        }
      },
      // 数据保存以后的主键信息
      currentMemberId: undefined,
      // 取详情信息
      viewFullPartyInfoObj: {
        thoughtReportRecordList: []
      },
      areaDataObj: {
        pca: pca,
        pcaa: pcaa
      },
      tabsModel: 'APPLY',
      innerWidth: window.innerWidth,
      viewPdfFileObj: {},
      pdfDialogVisible: false,
      // isFormDataSave: false
      disabledDataObj: IsDisabledDataObj,
      viewPdfFileUrlPrefix: `${window.origin}${process.env.VUE_APP_FILE_VIEW_API}`,
      updatePdfFileDialogObj: {
        title: '',
        visible: false,
        field: '',
        fieldValue: '',
        key: ''
      },
      updateImgFileDialogObj: {
        title: '',
        visible: false,
        field: '',
        fieldValue: '',
        key: ''
      }
    };
  },
  watch: {
    innerWidth: {
      immediate: true,
      handler(newValue) { }
    },
    // 第1步 入党申请书
    'formObj.formModel.addPartyPageFile'(newValue, oldValue) {
      if (newValue) {
        this.$refs['updatePartyDevelopFormRef'].clearValidate('addPartyPageFile');
      } else {
        this.$refs["updatePartyDevelopFormRef"].validate('addPartyPageFile');
      }
    },
    // 第6步 确定为积极分子的时间
    'formObj.formModel.confirmActiveMemberTime'(newValue, oldValue) {
      if (newValue && (newValue !== oldValue) && (newValue !== this.formObj.formModel.branchPartyMeetingTime) && (this.currentOperateType !== 'EDIT' || (this.currentOperateType === 'EDIT' && oldValue !== undefined))) {
        this.$alert('第6步确定为积极分子的时间与第5步支委会会议时间不相同！', '温馨提示', { type: 'warning' });
      }
    },
    // 第17步 支部大会的会议时间
    'formObj.formModel.branchPartyBigMeetingTime'(newValue, oldValue) {
      if (newValue && (newValue !== oldValue) && (newValue !== this.formObj.formModel.branchPartyAcceptReadyMemberTime) && (this.currentOperateType !== 'EDIT' || (this.currentOperateType === 'EDIT' && oldValue !== undefined))) {
        this.$alert('第17步支部大会的会议时间与第16步支委会接收预备党员的时间不相同！', '温馨提示', { type: 'warning' });
      }
    },
    // 第19步 基层党委审批会议时间
    'formObj.formModel.basicPartyCheckMeetingTime'(newValue, oldValue) {
      if (newValue && (newValue !== oldValue) && (newValue !== this.formObj.formModel.branchPartyAcceptReadyMemberTime) && (this.currentOperateType !== 'EDIT' || (this.currentOperateType === 'EDIT' && oldValue !== undefined))) {
        this.$alert('第19步基层党委审批会议时间与第16步关于预备党员基层党委审批意见的时间不相同！', '温馨提示', { type: 'warning' });
      }
    },
    // 第21步 预备期
    'formObj.formModel.readyDeadline1Range'(newValue, oldValue) {
      if (newValue) {
        // 初始化数据
        const [comparedArr, newValueStr, oldValueStr] = [this.formObj.formModel.readyDeadlineRange, (newValue && newValue.length === 2) ? newValue.join(',') : '', (oldValue && oldValue.length === 2) ? oldValue.join(',') : ''];
        let comparedStr = (comparedArr && comparedArr.length === 2) ? comparedArr.join(',') : '';

        if ((newValueStr !== oldValueStr) && (newValueStr != comparedStr) && (this.currentOperateType !== 'EDIT' || (this.currentOperateType === 'EDIT' && oldValue !== undefined))) {
          this.$alert('第21步预备期与第16步预备期的时间不相同！', '温馨提示', { type: 'warning' });
        }
      }
    },
    // 第27步 基层党委审批会议时间
    'formObj.formModel.basicPartyCheckMeetingTime1'(newValue, oldValue) {
      if (newValue && (newValue !== oldValue) && (newValue != this.formObj.formModel.confirmBasicPartyCheckIdeaTime) && (this.currentOperateType !== 'EDIT' || (this.currentOperateType === 'EDIT' && oldValue !== undefined))) {
        this.$alert('第27步基层党委审批会议时间与第16步转正基层党委审批意见的时间不相同！', '温馨提示', { type: 'warning' });
      }
    }
  },
  computed: {
    currentOperateType: {
      get() {
        return this.operateType;
      },
      set(val) {
        this.$emit('update:operateType', val);
      }
    },
    currentUpdateType: {
      get() {
        return this.updateType;
      },
      set(val) {
        this.$emit('update:updateType', val);
      }
    },
    currentId() {
      return this.id;
    }
  },
  created() {
    this.initData();
  },
  mounted() {
    window.addEventListener(
      "resize",
      () => {
        return (() => {
          this.innerWidth = window.innerWidth;
        })();
      }
    );
  },
  methods: {
    /**
    * 初始化数据
    */
    async initData() {
      await this.getMainOptions();
      if (this.currentOperateType === 'EDIT') {
        this.getViewDetailDataByEdit();
      }
    },
    /**
     * 编辑模式获取信息详情
     */
    getViewDetailDataByEdit() {
      this.currentMemberId = this.currentId;
      viewDetailFullPartyMember({ memberId: this.currentMemberId }).then((viewResp) => {
        // 初始化数据
        let tempFormModel = {};

        // 分离数据
        const { partyMember, flowPointPo } = viewResp.data || {};
        const { place, address, ...otherPartyMember } = partyMember || {};
        const { thoughtReportRecord, publicTime, readyDeadline, readyDeadline1, publicTime1, ...otherFlowPointPo } = flowPointPo || {};

        // 籍贯数据
        if (place) {
          let placeArr = place.split(',') || [];
          (placeArr.length === 2) && (tempFormModel.placeList = [placeArr[0], placeArr[1]]);
        }

        // 现居地数据
        if (address) {
          let addressArr = address.split(',') || [];
          if (addressArr.length >= 3) {
            tempFormModel.addressList = [
              addressArr[0],
              addressArr[1],
              addressArr[2]
            ];
            tempFormModel.detailedAddress = addressArr[3];
          }
        }

        // 第7步 思想汇报数据
        let thoughtReportRecordList = [
          {
            submitTime: null,
            filePath: null
          }
        ];
        if (thoughtReportRecord && thoughtReportRecord?.length > 0) {
          thoughtReportRecordList = [...thoughtReportRecord];
          this.viewFullPartyInfoObj.thoughtReportRecordList = [...thoughtReportRecord];
        } else {
          this.viewFullPartyInfoObj.thoughtReportRecordList = null;
        }

        // 第10步 公示时间数据
        if (publicTime) {
          let publicTimeArr = publicTime.split('~') || [];
          (publicTimeArr.length === 2) && (tempFormModel.publicTimeRange = [publicTimeArr[0], publicTimeArr[1]]);
        }

        // 第16步 预备期数据
        if (readyDeadline) {
          let readyDeadlineArr = readyDeadline.split('~') || [];
          (readyDeadlineArr.length === 2) && (tempFormModel.readyDeadlineRange = [readyDeadlineArr[0], readyDeadlineArr[1]]);
        }

        // 第21步 预备期数据
        if (readyDeadline1) {
          let readyDeadline1Arr = readyDeadline1.split('~') || [];
          (readyDeadline1Arr.length === 2) && (tempFormModel.readyDeadline1Range = [readyDeadline1Arr[0], readyDeadline1Arr[1]]);
        }

        // 第25步 公示时间数据
        if (publicTime1) {
          let publicTime1Arr = publicTime1.split('~') || [];
          (publicTime1Arr.length === 2) && (tempFormModel.publicTime1Range = [publicTime1Arr[0], publicTime1Arr[1]]);
        }

        tempFormModel = {
          ...tempFormModel,
          ...otherPartyMember,
          ...otherFlowPointPo
        };

        // 移除tempFormModel对象的属性没有值的元素
        Object.keys(tempFormModel).forEach(item => {
          ((tempFormModel[item] !== 0) && (!tempFormModel[item] || JSON.stringify(tempFormModel[item]) === '{}' || JSON.stringify(tempFormModel[item]) === '[]')) && (delete tempFormModel[item]);
        });

        this.viewFullPartyInfoObj = {
          ...this.viewFullPartyInfoObj,
          ...tempFormModel
        };

        const { confirmActiveMemberTime, branchPartyBigMeetingTime, basicPartyCheckMeetingTime, basicPartyCheckMeetingTime1, readyDeadline1Range, ...tempEditFormModel } = tempFormModel;

        // 重激活编辑操作改变当前步骤未通过的结果为通过
        if (this.currentUpdateType === 'REACTIVATE') {
          if (tempEditFormModel.flowStatus === 27) { // 27
            tempEditFormModel.replyResult3 = undefined;
          } else if (tempEditFormModel.flowStatus === 20) { // 20 
            tempEditFormModel.replyResult2 = undefined;
          } else if (tempEditFormModel.flowStatus === 19) { // 19
            tempEditFormModel.replyResult1 = undefined;
          } else if (tempEditFormModel.flowStatus === 14) { // 14
            tempEditFormModel.readyCheckReplyResult = undefined;
          } else if (tempEditFormModel.flowStatus === 13) { // 13
            tempEditFormModel.checkResult = undefined;
          } else if (tempEditFormModel.flowStatus === 10) { // 10
            tempEditFormModel.recordsReplyResult = undefined;
          } else if (tempEditFormModel.flowStatus === 9) { // 9
            tempEditFormModel.branchPartyMeetingResult1 = undefined;
          } else if (tempEditFormModel.flowStatus === 5) { // 5
            if (tempEditFormModel.replyResult === 0) { // 批复结果
              tempEditFormModel.replyResult = undefined;
            } else if (tempEditFormModel.meetingResult === 0) { // 会议结果
              tempEditFormModel.meetingResult = undefined;
            } else { }
          } else { }
        }

        this.formObj.formModel = {
          confirmActiveMemberTime: confirmActiveMemberTime || null,
          branchPartyBigMeetingTime: branchPartyBigMeetingTime || null,
          basicPartyCheckMeetingTime: basicPartyCheckMeetingTime || null,
          basicPartyCheckMeetingTime1: basicPartyCheckMeetingTime1 || null,
          readyDeadline1Range: readyDeadline1Range || null,
          ...tempEditFormModel,
          thoughtReportRecordList: [...thoughtReportRecordList]
        };
      });
    },
    /**
     * 获取主要选项列表
     */
    async getMainOptions() {
      // 学历选项列表
      await this.getDicts('party_full_education').then(response => {
        this.educationOptions = response?.data || [];
      });
    },
    /**
     * 标签页点击事件
     */
    handleTabsClick() {

    },
    /**
     * 检查过程与资料完整性点击事件
     */
    handleCheckProcessDataIntegrityClick() {
      this.$confirm('此操作，会进行先保存页面配置数据，最后进行检查操作，请问是否继续?', "警告", {
        confirmButtonText: "是",
        cancelButtonText: "否",
        type: "warning"
      }).then(() => {
        this.handlePageSubmitClick('CHECKPROCESS');
      }).catch(() => { });
    },
    /**
     * 检查过程与资料完整性成功
     */
    checkProcessDataIntegritySuccess() {
      this.$confirm('所有过程与资料完整、齐全！', '过程与资料完整性检查结果', {
        confirmButtonText: '好 的',
        type: 'success',
        center: true,
        showClose: false,
        showCancelButton: false,
        customClass: 'didnotpass-confirm-success',
        confirmButtonClass: 'didnotpass-btngroup-tipsbtn'
      }).then(() => { }).catch(() => { });
    },
    /**
     * 检查过程与资料完整性失败
     */
    checkProcessDataIntegrityFail(param = []) {
      // 组装消息内容
      let messageInfo = `<div class="didnotpass-dialog-title">以下节点存在缺失或校验不符的情况！</div>`;
      for (let item of param) {
        messageInfo += `<div class="didnotpass-dialog-content"><div class="didnotpass-dialog-content-left">${item.errorId}</div><div class="didnotpass-dialog-content-right">&nbsp;${item.errorMsg}</div></div>`;
      }

      this.$confirm(
        messageInfo,
        '过程与资料完整性检查结果',
        {
          confirmButtonText: '好 的',
          type: 'warning',
          center: true,
          showClose: false,
          showCancelButton: false,
          dangerouslyUseHTMLString: true,
          customClass: 'didnotpass-confirm-warning',
          confirmButtonClass: 'didnotpass-btngroup-tipsbtn'
        }
      ).then(() => { }).catch(() => { });
    },
    /**
     * 转为正式党员点击事件
     */
    handleBecomeFullPartyMemberClick() {
      this.$confirm('是否确认转为正式党员?', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        this.handlePageSubmitClick('CHANGEOFFICIAL');
      }).catch(() => { });
    },
    /**
     * 页面添加思想汇报按钮事件
     */
    handleAddThoughtReportClick() {
      (!this.formObj.formModel.thoughtReportRecordList) && (this.formObj.formModel.thoughtReportRecordList = []);
      this.formObj.formModel.thoughtReportRecordList.push({
        submitTime: null,
        filePath: null
      });
    },
    /**
     * 页面确定按钮事件
     */
    handlePageSubmitClick(eventFlag) {
      this.$refs["updatePartyDevelopFormRef"].validate(valid => {
        if (valid) {
          // this.$confirm('已填内容保存以后不能再修改，不符合要求的数据不保存，是否确认保存?', "警告", {
          //   confirmButtonText: "确定",
          //   cancelButtonText: "取消",
          //   type: "warning"
          // }).then(() => {

          // 初始化数据
          let [basicInfoReq, progressInfoReq] = [{}, {}];
          const {
            id,
            name,
            sex,
            nation,
            birthday,
            placeList,
            education,
            addTeamTime,
            workJob,
            workTime,
            cardNo,
            addressList,
            detailedAddress,
            mobile,
            resume,
            other,
            personPhoto,
            remark,
            thoughtReportRecordList,
            publicTimeRange,
            readyDeadlineRange,
            readyDeadline1Range,
            publicTime1Range,
            ...reqData
          } = this.formObj.formModel;

          // 籍贯数据
          (placeList?.length > 0) && (basicInfoReq.place = placeList.join(','));

          // 现居地数据
          (addressList?.length > 0) && (basicInfoReq.address = addressList.join(','));
          detailedAddress && (basicInfoReq.address += `,${detailedAddress}`);

          // 基本信息入参对象
          basicInfoReq = {
            name,
            sex,
            nation,
            birthday,
            education,
            addTeamTime,
            workJob,
            workTime,
            cardNo,
            mobile,
            resume,
            other,
            personPhoto,
            remark,
            ...basicInfoReq
          };

          // 移除basicInfoReq对象的属性没有值的元素
          Object.keys(basicInfoReq).forEach(item => {
            ((basicInfoReq[item] !== 0) && (!basicInfoReq[item] || JSON.stringify(basicInfoReq[item]) === '{}' || JSON.stringify(basicInfoReq[item]) === '[]')) && (delete basicInfoReq[item]);
          });

          if (this.currentOperateType === 'EDIT') { // 编辑操作模式
            basicInfoReq.id = this.currentMemberId;

            // 保存基本信息
            updateFullPartyMemberBasicInfo(basicInfoReq).then((basicResp) => {
              if (basicResp.code === 200) {
                progressInfoReq.memberId = this.currentMemberId;

                // 第7步 思想汇报数据
                let thoughtReportRecord = [];
                for (let i = 0; i < thoughtReportRecordList?.length; i++) {
                  if (thoughtReportRecordList[i].submitTime && thoughtReportRecordList[i].filePath) {
                    thoughtReportRecord.push(thoughtReportRecordList[i]);
                  }
                }
                (thoughtReportRecord?.length > 0) && (progressInfoReq.thoughtReportRecord = thoughtReportRecord);

                // 第10步 公示时间数据
                (publicTimeRange?.length === 2) && (progressInfoReq.publicTime = publicTimeRange.join('~'));

                // 第16步 预备期数据
                (readyDeadlineRange?.length === 2) && (progressInfoReq.readyDeadline = readyDeadlineRange.join('~'));

                // 第21步 预备期数据
                (readyDeadline1Range?.length === 2) && (progressInfoReq.readyDeadline1 = readyDeadline1Range.join('~'));

                // 第25步 公示时间数据
                (publicTime1Range?.length === 2) && (progressInfoReq.publicTime1 = publicTime1Range.join('~'));

                // 判断当前流程属于第几步
                progressInfoReq.step = this.getProgressNum(name, reqData, progressInfoReq);

                if (progressInfoReq.step === 0) { // 不存在流程步骤信息
                  this.msgSuccess("保存成功！");
                  this.$emit("page-close", 'LIST');
                  this.formObj = {
                    ...this.formObj,
                    formModel: {
                      thoughtReportRecordList: []
                    }
                  };

                  // 获取详情信息
                  // this.getViewDetailFullPartyMember(this.currentMemberId);
                } else if (progressInfoReq.step === -1) {
                  this.msgError('不存在的流程步骤！');
                } else { // 其他流程步骤

                  // 流程对象参数
                  progressInfoReq = {
                    ...progressInfoReq,
                    ...this.getProgressInfoReqData({ ...reqData })
                  };

                  // 移除progressInfoReq对象的属性没有值的元素
                  Object.keys(progressInfoReq).forEach(item => {
                    ((progressInfoReq[item] !== 0) && (!progressInfoReq[item] || JSON.stringify(progressInfoReq[item]) === '{}' || JSON.stringify(progressInfoReq[item]) === '[]')) && (delete progressInfoReq[item]);
                  });

                  // 保存流程步骤信息
                  addFullPartyMemberProgressInfo(progressInfoReq).then(async (progressResp) => {
                    if (progressResp.code === 200) {

                      if (this.currentUpdateType === 'REACTIVATE' && this.getReactivateFlag({ ...this.viewFullPartyInfoObj })) {
                        await this.getReactivateFullPartyMember(progressInfoReq.memberId);
                      }

                      // 检查过程与资料完整性
                      if (eventFlag === 'CHECKPROCESS') {
                        checkProgressAndCompletion({ memberId: this.currentMemberId }).then((checkResp) => {
                          if (checkResp.code === 200) {
                            if (checkResp.data && checkResp.data.length > 0) {
                              this.checkProcessDataIntegrityFail(checkResp.data);
                            } else {
                              this.checkProcessDataIntegritySuccess();
                            }
                          }
                        });
                      } else if (eventFlag === 'CHANGEOFFICIAL') {
                        changeOfficialFullPartyMember({ memberId: this.currentMemberId }).then((changeResp) => {
                          if (changeResp.code === 200) {
                            this.msgSuccess('转为正式党员成功！');
                          }
                        });
                      } else {
                        this.msgSuccess("保存成功！");
                        this.$emit("page-close", 'LIST');
                        this.formObj = {
                          ...this.formObj,
                          formModel: {
                            thoughtReportRecordList: []
                          }
                        };
                      }
                    }
                  });
                }
              }
            });
          } else { // 非编辑操作模式
            // 保存基本信息
            addFullPartyMemberBasicInfo(basicInfoReq).then((basicResp) => {
              if (basicResp.code === 200) {
                progressInfoReq.memberId = basicResp.data ?? undefined;
                if (progressInfoReq.memberId === undefined && progressInfoReq.memberId === null) {
                  this.msgSuccess("基本信息保存成功！");
                  return;
                }

                // 数据保存以后的主键信息
                this.currentMemberId = progressInfoReq.memberId;

                // 第7步 思想汇报数据
                let thoughtReportRecord = [];
                for (let i = 0; i < thoughtReportRecordList?.length; i++) {
                  if (thoughtReportRecordList[i].submitTime && thoughtReportRecordList[i].filePath) {
                    thoughtReportRecord.push(thoughtReportRecordList[i]);
                  }
                }
                (thoughtReportRecord?.length > 0) && (progressInfoReq.thoughtReportRecord = thoughtReportRecord);

                // 第10步 公示时间数据
                (publicTimeRange?.length === 2) && (progressInfoReq.publicTime = publicTimeRange.join('~'));

                // 第16步 预备期数据
                (readyDeadlineRange?.length === 2) && (progressInfoReq.readyDeadline = readyDeadlineRange.join('~'));

                // 第21步 预备期数据
                (readyDeadline1Range?.length === 2) && (progressInfoReq.readyDeadline1 = readyDeadline1Range.join('~'));

                // 第25步 公示时间数据
                (publicTime1Range?.length === 2) && (progressInfoReq.publicTime1 = publicTime1Range.join('~'));

                // 判断当前流程属于第几步
                progressInfoReq.step = this.getProgressNum(name, reqData, progressInfoReq);

                // 变更操作模式
                this.currentOperateType = 'EDIT';

                if (progressInfoReq.step === 0) { // 不存在流程步骤信息
                  this.msgSuccess("保存成功！");
                  this.$emit("page-close", 'LIST');
                  this.formObj = {
                    ...this.formObj,
                    formModel: {
                      thoughtReportRecordList: []
                    }
                  };
                } else if (progressInfoReq.step === -1) {
                  this.msgError('不存在的流程步骤！');
                } else { // 其他流程步骤
                  // 流程对象参数
                  progressInfoReq = {
                    ...progressInfoReq,
                    ...reqData
                  };

                  // 移除progressInfoReq对象的属性没有值的元素
                  Object.keys(progressInfoReq).forEach(item => {
                    ((progressInfoReq[item] !== 0) && (!progressInfoReq[item] || JSON.stringify(progressInfoReq[item]) === '{}' || JSON.stringify(progressInfoReq[item]) === '[]')) && (delete progressInfoReq[item]);
                  });

                  // 保存流程步骤信息
                  addFullPartyMemberProgressInfo(progressInfoReq).then((progressResp) => {
                    if (progressResp.code === 200) {

                      // 检查过程与资料完整性
                      if (eventFlag === 'CHECKPROCESS') {
                        checkProgressAndCompletion({ memberId: this.currentMemberId }).then((checkResp) => {
                          if (checkResp.code === 200) {
                          }
                        });
                      } else if (eventFlag === 'CHANGEOFFICIAL') {
                        changeOfficialFullPartyMember({ memberId: this.currentMemberId }).then((changeResp) => {
                          if (changeResp.code === 200) {
                            this.msgSuccess('转为正式党员成功！');
                          }
                        });
                      } else {
                        this.msgSuccess("保存成功！");
                        this.$emit("page-close", 'LIST');
                        this.formObj = {
                          ...this.formObj,
                          formModel: {
                            thoughtReportRecordList: []
                          }
                        };
                      }
                    }
                  });
                }
              }
            });
          }
          // }).catch(() => { });
        } else {
          this.msgError('存在数据配置错误，请修改后再保存！');
        }
      });
    },
    /**
     * 页面取消按钮事件
     */
    handlePageCloseClick() {
      this.$confirm('已配置数据还未保存，是否确认当前操作?', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        this.formObj = {
          ...this.formObj,
          formModel: {
            thoughtReportRecordList: []
          }
        };
        this.$emit("page-close", 'LIST');
      }).catch(() => { });
    },
    /**
     * 编辑模式PDF文件查看按钮事件
     */
    handleViewPageCheckClick(pdfFilePath, pdfFileName = 'pdf-file') {
      if (!pdfFilePath) return;
      const filePath = `${window.origin}${process.env.VUE_APP_FILE_VIEW_API}${pdfFilePath}`;
      const fileName = `${pdfFileName}-PDF文件预览`;
      this.viewPdfFileObj = {
        filePath,
        fileName
      };
      this.pdfDialogVisible = true;
    },
    /**
     * 更新PDF文件按钮事件
     */
    handleUpdatePdfFileClick(viewPdfFileValue, pdfFileField, pdfFileName = 'pdf-file') {
      if (!viewPdfFileValue) return;
      this.updatePdfFileDialogObj = {
        title: pdfFileName,
        visible: true,
        field: pdfFileField,
        fieldValue: '',
        key: `${pdfFileField}-${new Date().getTime()}`
      };
    },
    /**
     * 更新PDF文件对话框的确定按钮事件
     */
    handleUpdatePdfFileSubmitClick() {
      this.formObj.formModel[this.updatePdfFileDialogObj.field] = this.updatePdfFileDialogObj.fieldValue;
      this.$alert(`已确定更新${this.updatePdfFileDialogObj.title}PDF文件，待进行保存操作！`, '提示消息', { type: 'success' });
      this.updatePdfFileDialogObj.visible = false;
    },
    /**
     * 更新PDF文件对话框的取消按钮事件
     */
    handleUpdatePdfFileCancelClick() {
      this.updatePdfFileDialogObj.visible = false;
      this.$nextTick(() => {
        this.updatePdfFileDialogObj = {
          ...this.updatePdfFileDialogObj,
          field: '',
          fieldValue: '',
          key: ''
        };
      });
    },
    /**
     * 更新图片文件按钮事件
     */
    handleUpdateImgFileClick(viewImgFileValue, imgFlieField, imgFileName = 'pdf-file') {
      if (!viewImgFileValue) return;
      this.updateImgFileDialogObj = {
        title: imgFileName,
        visible: true,
        field: imgFlieField,
        fieldValue: '',
        key: `${imgFlieField}-${new Date().getTime()}`
      };
    },
    /**
     * 更新图片文件对话框的确定按钮事件
     */
    handleUpdateImgFileSubmitClick() {
      this.formObj.formModel[this.updateImgFileDialogObj.field] = this.updateImgFileDialogObj.fieldValue;
      this.$alert(`已确定更新${this.updateImgFileDialogObj.title}PDF文件，待进行保存操作！`, '提示消息', { type: 'success' });
      this.updateImgFileDialogObj.visible = false;
    },
    /**
     * 更新图片文件对话框的取消按钮事件
     */
    handleUpdateImgFileCancelClick() {
      this.updateImgFileDialogObj.visible = false;
      this.$nextTick(() => {
        this.updateImgFileDialogObj = {
          ...this.updateImgFileDialogObj,
          field: '',
          fieldValue: '',
          key: ''
        };
      });
    },
    /**
     * 编辑模式PDF文件下载按钮事件
     */
    handleViewPageDownloadClick(pdfFilePath, pdfFileName = 'pdf-file') {
      if (!pdfFilePath) return;
      regularDownloadPdfFile(`${window.origin}${process.env.VUE_APP_FILE_VIEW_API}${pdfFilePath}`, pdfFileName);
    },
    /**
     * 获取详情信息
     */
    getViewDetailFullPartyMember(id) {
      viewDetailFullPartyMember({ memberId: id }).then((viewResp) => {
        this.viewFullPartyInfoObj = viewResp.data || {};
      });
    },
    /**
     * 获取节点纵向线的高度
     * @innerWidth [String] 页面当前可视宽度
     * @stepitemObj [Array] 当前节点文件上传字段
     * @defaultValueObj [Object] 默认值对象 {defaultHeight, noDefaultHeight,defaultMarginTop, noDefaultMarginTop}
     * @baseNum [Strng, Number] 当前步骤标志或基础基数
     * @list [Array] 动态表单列表数据
     * @checkFieldStr [String] 编辑模式需要校验的字段信息，多个字段用英文逗号隔开
     * @dataViewNum [Number] 表单数据展示行数
     */
    getNodeTabpaneStepTailStyle(innerWidth, stepitemObj, defaultValueObj, baseNum, list = [], checkFieldStr, dataViewNum) {
      // 判断操作模式
      if (this.currentOperateType === 'EDIT') { // 编辑模式

        // 校验当前节点数据是否保存
        if (checkFieldStr) {

          // 初始化编辑模式的数据变量
          let [hasValueFlag, noHasValueFlag, checkFieldStrArr, uploadNotEnableFlag, uploadEnableFlag, incrementBase, heightBase, thoughtEmptyValueFlag, thoughtHasValueFlag, thoughtNoHasValueFlag, viewThoughtHasValueFlag, viewThoughtNoHasValueFlag] = [0, 0, checkFieldStr.split(','), 0, 0, 0, 0, 0, 0, 0, 0, 0];

          // 校验是否是已保存数据
          for (let checkItem of checkFieldStrArr) {
            if (checkItem === 'thoughtReportRecordList') {
              const thoughtReportItem = this.viewFullPartyInfoObj[checkItem];
              if (thoughtReportItem) {
                for (let thoughtIndex = 0; thoughtIndex < thoughtReportItem.length; thoughtIndex++) {
                  if (thoughtReportItem[thoughtIndex]) {
                    if (thoughtReportItem[thoughtIndex].filePath) {
                      viewThoughtHasValueFlag += 1;
                    } else {
                      viewThoughtNoHasValueFlag += 1;
                    }
                  } else {
                    continue;
                  }
                }
              } else {
                continue;
              }
            } else {
              if (!this.viewFullPartyInfoObj[checkItem]) {
                noHasValueFlag += 1;
                continue;
              }

              hasValueFlag += 1;
            }
          }

          // 过滤上传控件存在值或不存在值的字段个数
          for (let field of stepitemObj) {
            if (!field) {
              continue;
            } else if (field === 'ROCPDFUPLOADSELECT') {
              uploadNotEnableFlag += 1;
            } else {
              uploadEnableFlag += 1;
            }
          }

          // 排除已保存上传控件字段数据
          uploadEnableFlag -= hasValueFlag;

          // 第3步增加高度基数
          if (baseNum === '3') {
            if (uploadEnableFlag === 1) {
              heightBase += 30;
            } else {
              if (hasValueFlag === 1) {
                heightBase += 150;
              } else {
                heightBase += 120;
              }
            }
          }

          // 第5、10步增加增量基数
          if (['5', '10'].includes(baseNum)) {
            incrementBase += (uploadNotEnableFlag + uploadEnableFlag);
          }

          // 第5步增加增量基数
          if (baseNum === '7') {
            incrementBase += 55;
            heightBase += 20;

            // 校验思想汇报表单
            const thoughtFromArr = this.formObj.formModel.thoughtReportRecordList || [];
            for (let t = 0; t < thoughtFromArr.length; t++) {
              if (thoughtFromArr[t]) {
                if (!thoughtFromArr[t].filePath) {
                  thoughtEmptyValueFlag += 1;
                } else if (thoughtFromArr[t].filePath === 'ROCPDFUPLOADSELECT') {
                  thoughtNoHasValueFlag += 1;
                } else {
                  thoughtHasValueFlag += 1;
                }
              } else {
                continue;
              }
            }

            // 排除已保存思想汇报内容上传控件字段数据
            thoughtHasValueFlag -= viewThoughtHasValueFlag;
          }

          // 第12步增加高度基数
          if (baseNum === '12') {
            if (uploadEnableFlag === 1) {
              heightBase += 30;
            } else {
              if (hasValueFlag === 1) {
                heightBase += 60;
              } else {
                heightBase += 40;
              }
            }
          }

          // 第16、27步增加高度基数
          if (['16', '27'].includes(baseNum)) {
            heightBase += 50;
          }

          // 第19步增加增量基数
          if (baseNum === '19' && (uploadNotEnableFlag + uploadEnableFlag) === 2) {
            incrementBase += 2;
          }

          // 浏览器可视化宽度大于1200
          if (innerWidth > 1200) {
            return {
              height: `${46 + hasValueFlag * 58 + noHasValueFlag * 69 - 50 + (thoughtEmptyValueFlag + thoughtHasValueFlag) * 69 + (dataViewNum - hasValueFlag - noHasValueFlag - thoughtEmptyValueFlag - thoughtHasValueFlag) * 58 + uploadNotEnableFlag * 60 + (uploadEnableFlag + thoughtHasValueFlag) * 115 + incrementBase + heightBase}px`,
              marginTop: `-${46 + hasValueFlag * 58 + noHasValueFlag * 69 - 50 + (thoughtEmptyValueFlag + thoughtHasValueFlag) * 69 + (dataViewNum - hasValueFlag - noHasValueFlag - thoughtEmptyValueFlag - thoughtHasValueFlag) * 58 + uploadNotEnableFlag * 60 + (uploadEnableFlag + thoughtHasValueFlag) * 115 + incrementBase}px`
            };
          }

          // 浏览器可视化宽小于等于1200
          return {
            height: `${46 + (dataViewNum - noHasValueFlag) * 58 + noHasValueFlag * 69 - 50 + uploadEnableFlag * 115 + incrementBase + heightBase}px`,
            marginTop: `-${46 + (dataViewNum - noHasValueFlag) * 58 + noHasValueFlag * 69 - 50 + uploadEnableFlag * 115 + incrementBase}px`
          };
        }

        // 浏览器可视化宽度大于1200
        if (innerWidth > 1200) {
          return {
            height: `${defaultValueObj['defaultHeight']}px`,
            marginTop: `-${defaultValueObj['defaultMarginTop']}px`
          };
        }

        // 浏览器可视化宽小于等于1200
        return {
          height: `${defaultValueObj['noDefaultHeight']}px`,
          marginTop: `-${defaultValueObj['noDefaultMarginTop']}px`
        };
      } else { // 非编辑模式

        // 初始化变量数据
        let [
          emptyBase, // 上传控件未上传的基数
          enableBase, // 上传控件完成上传的基数
          notEnableBase, // 上传控件等待上传的基数
          incrementBase, // 增量基数
          enableFlag,  // 传控件完成上传的个数
          notEnableFlag // 传控件等待上传的个数
        ] = [0, 115, 60, 0, 0, 0];

        // 过滤上传控件存在值或不存在值的字段个数
        for (let field of stepitemObj) {
          if (!field) {
            // emptyBase += 1;
            continue;
          } else if (field === 'ROCPDFUPLOADSELECT') {
            notEnableFlag += 1;
          } else {
            enableFlag += 1;
          }
        }

        if (['5', '10'].includes(baseNum)) {
          if ((enableFlag + notEnableFlag) === 3) {
            incrementBase += 3;
          } else if ((enableFlag + notEnableFlag) === 2) {
            incrementBase += 2;
          } else { }
        } else if (baseNum === '27') {
          if (enableFlag === 2) {
            incrementBase += 2;
          }
        } else if (baseNum && (enableFlag + notEnableFlag) === 3) {
          incrementBase += baseNum;
        } else { }

        // 校验：在第7步，思想汇报内容动态变动
        if (baseNum === '7' && list.length > 0) {
          for (let baseItem of list) {
            if (!baseItem.filePath) {
              continue;
            } else if (baseItem.filePath === 'ROCPDFUPLOADSELECT') {
              notEnableFlag += 1;
            } else {
              enableFlag += 1;
            }
          }

          if ((notEnableFlag + enableFlag) === 0) {
            incrementBase = 0;
          } else {
            incrementBase += notEnableFlag + enableFlag;
          }
        }

        // 校验：在第19步，上传控件存在值和不存在值校验
        if (baseNum === '19' && (enableFlag + notEnableFlag) === 2) {
          incrementBase += 2;
        }

        // 默认
        if (innerWidth > 1200) {
          if (baseNum === '7') {
            return {
              height: `${defaultValueObj['defaultHeight'] + emptyBase * 57 + notEnableFlag * notEnableBase + enableFlag * enableBase + incrementBase}px`,
              marginTop: `-${defaultValueObj['defaultMarginTop'] + emptyBase * 57 + notEnableFlag * notEnableBase + enableFlag * enableBase + incrementBase}px`
            };
          }

          return {
            height: `${defaultValueObj['defaultHeight'] + notEnableFlag * notEnableBase + enableFlag * enableBase + incrementBase}px`,
            marginTop: `-${defaultValueObj['defaultMarginTop'] + notEnableFlag * notEnableBase + enableFlag * enableBase + incrementBase}px`
          };
        }

        // 非默认
        if (baseNum === '7') {
          return {
            height: `${defaultValueObj['noDefaultHeight'] + emptyBase * 46 + emptyBase * 57 + notEnableFlag * notEnableBase + enableFlag * enableBase + incrementBase}px`,
            marginTop: `-${defaultValueObj['noDefaultMarginTop'] + emptyBase * 46 + emptyBase * 57 + notEnableFlag * notEnableBase + enableFlag * enableBase + incrementBase}px`
          };
        }

        return {
          height: `${defaultValueObj['noDefaultHeight'] + notEnableFlag * notEnableBase + enableFlag * enableBase + incrementBase}px`,
          marginTop: `-${defaultValueObj['noDefaultMarginTop'] + notEnableFlag * notEnableBase + enableFlag * enableBase + incrementBase}px`
        };
      }
    },
    /**
     * 校验递交入党申请书时间
     */
    validateSubmitAddPartyPageTime(rule, value, callback) {
      if (value) {
        // 获取校验结果
        const validateResult = this.getAgeByBirthdaySpecifyDate(this.formObj.formModel.birthday, value);

        // 校验是否满足条件
        if (validateResult === -2) {
          callback(new Error('【出生年月】没有选择！'));
          this.$alert(`【出生年月】没有选择！`, '警告', { type: 'warning' });
        } else if (validateResult < 18) {
          callback(new Error('入党申请书递交时必需年满18岁!'));
        } else {
          callback();
        }
      } else {
        callback();
      }
    },
    /**
     * 根据出生日期和指定日期计算年龄
     * @strBirthday [String] 出生日期，格式为"1990-01-01"
     * @strSpecifyDate [String] 指定日期，格式为"1990-01-01"
     */
    getAgeByBirthdaySpecifyDate(strBirthday, strSpecifyDate) {
      // 不存在数据
      if (!strBirthday) {
        return -2;
      }

      // 初始化数据
      const [strBirthdayArr, strSpecifyDateArr] = [strBirthday.split("-"), strSpecifyDate.split("-")];

      // 出生日期数据
      const [birthYear, birthMonth, birthDay] = strBirthdayArr;

      // 指定日期数据
      const [specifyYear, specifyMonth, specifyDay] = strSpecifyDateArr;

      if (specifyYear == birthYear) {
        return 0; // 同年 则为0岁
      } else {
        // 年之差
        const ageDiff = specifyYear - birthYear;

        if (ageDiff > 0) {

          // 月份相等
          if (specifyMonth == birthMonth) {

            // 日之差
            const dayDiff = specifyDay - birthDay;

            // 日之差小于0
            if (dayDiff < 0) {
              return ageDiff - 1;
            }

            return ageDiff; // 日之差大于等于0
          }

          // 月之差
          const monthDiff = specifyMonth - birthMonth;

          // 月之差小于0
          if (monthDiff < 0) {
            return ageDiff - 1;
          }

          return ageDiff; // 月之差大于等于0
        }

        return -1;// 返回-1 表示出生日期输入错误或晚于今天
      }
    },
    /**
     * 获取当前元素是否禁用
     */
    getEleIsDisabled(param = []) {
      // 参数不存在时禁用
      if (param.length <= 0) return true;

      let flag = false;
      for (let i = 0; i < param.length; i++) {
        if (param[i] === 'isPostponeConfirmMember') {
          continue;
          // if (this.formObj.formModel[param[i]] === 1) {
          //   flag = true;
          //   break;
          // }
        } else {
          // 不存在
          if (!this.formObj.formModel[param[i]]) {
            flag = true;
            break;
          }
        }
      }

      if (flag) {
        return true;
      }

      return false;
    },
    /**
     * 判断当前流程属于第几步
     */
    getProgressNum(name, reqData, progressInfoReq) {
      if (reqData.checkRequestMaterialsFile1 && ((reqData.replyResult3 === 0) || (reqData.replyResult3 === 1))) { // 27
        return 27;
      } else if (reqData.publicMaterialsFile1 && reqData.checkRequestTime1) { // 26
        return 26;
      } else if (reqData.consultationTalkRecordFile && reqData.branchPartyBigMeetingTime1) { // 25
        return 25;
      } else if (reqData.submitConfirmBookFile && reqData.consultationTime1) { // 24
        return 24;
      } else if (reqData.readyMemberTeachRecordFile && reqData.submitConfirmBookTime) { // 22
        return 22;
      } else if (((reqData.replyResult2 === 0) || (reqData.replyResult2 === 1)) && progressInfoReq.readyDeadline1) { // 21
        return 21;
      } else if (reqData.replyMaterialsFile1 && ((reqData.replyResult2 === 0) || (reqData.replyResult2 === 1))) { // 20
        return 20;
      } else if (reqData.checkRequestFile && ((reqData.replyResult1 === 0) || (reqData.replyResult1 === 1))) { // 19
        return 19;
      } else if (reqData.branchPartyBigMeetingRecordFile && reqData.checkRequestTime) { // 18
        return 18;
      } else if (reqData.isPostponeConfirmMember && reqData.branchPartyBigMeetingTime) { // 17
        return 17;
      } else if (reqData.consultationConditionFile && reqData.submitVolunteerBookTime) { // 16
        return 16;
      } else if (reqData.basicReadyCheckMeetingFile && reqData.consultationTime) { // 15
        return 15;
      } else if (reqData.reportRequestFile && ((reqData.readyCheckReplyResult === 0) || (reqData.readyCheckReplyResult === 1))) { // 14
        return 14;
      } else if (reqData.courseCompletionFile1 && ((reqData.checkResult === 0) || (reqData.checkResult === 1))) { // 13
        return 13;
      } else if (reqData.politicalCheckFile && reqData.courseCompletionTime1) { // 12
        return 12;
      } else if (reqData.recordsReplyFile && reqData.syntheticalPoliticalTime) { // 11
        return 11;
      } else if (reqData.branchPartyMeetingFile1 && progressInfoReq.publicTime) { // 10
        return 10;
      } else if (reqData.listenToFile && ((reqData.branchPartyMeetingResult1 === 0) || (reqData.branchPartyMeetingResult1 === 1))) { // 9
        return 9;
      } else if (progressInfoReq.thoughtReportRecord && progressInfoReq.thoughtReportRecord.length > 0 && reqData.listenToTime) { // 8
        return 8;
      } else if (reqData.cultivateEducationRecordFile && reqData.courseCompletionTime) { // 7
        return 7;
      } else if (reqData.replyFile && reqData.confirmActiveMemberTime) { // 6
        return 6;
      } else if (reqData.referrePageFile && ((reqData.meetingResult === 0 || reqData.meetingResult === 1))) { // 5
        return 5;
      } else if (reqData.cardOrRegisterBookFile && reqData.referrer) { // 4
        return 4;
      } else if (reqData.talkPageFile && reqData.cardOrRegisterBookFile) { // 3
        return 3;
      } else if (reqData.addPartyPageFile && reqData.partyArrangeTalkTime) { // 2
        return 2;
      } else if (name && reqData.submitAddPartyPageTime) { // 1
        return 1;
      } else if (name) { // 0
        return 0;
      } else {
        return -1;
      }
    },
    /**
     * 获取流程入参对象数据
     */
    getProgressInfoReqData(reqData) {
      // 初始化返回结果对象
      let resultObj = {};
      let fieldObjArr = [
        'submitAddPartyPageTime', // 1 递交入党申请书时间
        'addPartyPageFile', // 1 入党申请书
        'partyArrangeTalkTime', // 2 组织派人谈话时间
        'talkPageFile', // 2 谈话记录
        'cardOrRegisterBookFile', // 3 身份证或户口本
        'referrer', // 4 推荐人
        'referreTime', // 4 推荐入党积极分子时间
        'referrePageFile', // 4 推荐入党积极分子登记表
        'meetingResult', // 5 会议结果
        'branchPartyMeetingTime', // 5 支委会会议时间
        'branchPartyMeetingFile', // 5 确定为入党积极分子的支委会会议记录
        'submitRecordRequestTime', // 5 递交备案请示时间
        'submitRecordRequestFile', // 5 确定为入党积极分子的备案请示
        'replyResult', // 5 批复结果
        'replyTime', // 5 获得批复的时间
        'replyFile', // 5 确定为入党积极分子的批复
        'confirmActiveMemberTime', // 6 确定为积极分子的时间
        'cultivateEducationRecordFile', // 6 培养教育考察登记表
        'courseCompletionTime', // 7 结业时间
        'courseCompletionFile', // 7 结业证书
        'listenToTime', // 8 听取意见时间
        'listenToFile', // 8 听取意见记录
        'branchPartyMeetingResult1', // 9 支委会会议结果
        'branchPartyMeetingTime1', // 9 支委会会议时间
        'branchPartyMeetingFile1', // 9 支委会会议记录
        'publicMaterialsFile', // 10 公示材料
        'recordsRequestTime', // 10 备案请示时间
        'recordsRequestFile', // 10 备案请示材料
        'recordsReplyResult', // 10 备案批复结果
        'recordsReplyTime', // 10 备案批复时间
        'recordsReplyFile', // 10 备案批复材料
        'syntheticalPoliticalTime', // 11 综合性政审时间
        'syntheticalPoliticalReportFile', // 11 综合性政审报告
        'politicalChecker', // 11 政审人
        'politicalCheckFile', // 11 政审相关材料
        'courseCompletionTime1', // 12 结业时间
        'courseCompletionFile1', // 12 结业证书
        'checkResult', // 13 审查结果
        'checkMeetingTime', // 13 审查会议时间
        'checkMeetingFile', // 13 审查会议记录
        'reportRequestTime', // 13 上报预审请示时间
        'reportRequestFile', // 13 上报预审请示材料
        'readyCheckReplyResult', // 14 预审批复结果
        'basicReadyCheckMeetingTime', // 14 基层党委预审会议时间
        'basicReadyCheckMeetingFile', // 14 基层党委预审会议记录
        'consultationTime', // 15 征求意见时间
        'consultationConditionFile', // 15 征求意见情况的材料
        'submitVolunteerBookTime', // 16 递交志愿书时间
        'submitVolunteerBookFile', // 16 《中国共产党入党志愿书》文件
        'branchPartyAcceptReadyMemberTime', // 16 支委会接收预备党员的时间
        'aboutReadyMemberCheckIdeaTime', // 16 关于预备党员基层党委审批意见的时间
        'branchPartyConfirmTime', // 16 支委会转正的时间
        'confirmBasicPartyCheckIdeaTime', // 16 转正基层党委审批意见的时间
        'isPostponeConfirmMember', // 16 是否延期转为正式党员
        'postponeConfirmMemberParthCheckIdeaTime', // 16 延期转正基层党委审批意见的时间
        'branchPartyBigMeetingTime', // 17 支部大会的会议时间
        'branchPartyBigMeetingRecordFile', // 17 支部大会的会议记录
        'checkRequestTime', // 18 审批请示时间
        'checkRequestFile', // 18 审批请示材料
        'replyResult1', // 19 批复结果
        'basicPartyCheckMeetingTime', // 19 基层党委审批会议时间
        'basicPartyCheckMeetingRecordFile', // 19 基层党委审批会议记录、会议纪要
        'replyTime1', // 19 批复时间
        'replyMaterialsFile1', // 19 批复材料
        'replyResult2', // 20 批复结果
        'readyMemberTeachRecordFile', // 21 《预备党员培养考察教育登记表》文件
        'submitConfirmBookTime', // 22 转正申请书递交时间
        'submitConfirmBookFile', // 22 转正申请书文件
        'consultationTime1', // 24 征求意见时间
        'consultationTalkRecordFile', // 24 征求意见的谈话记录
        'branchPartyBigMeetingTime1', // 25 支部大会的会议时间
        'branchPartyBigMeetingRecordFile1', // 25 支部大会的会议记录
        'publicMaterialsFile1', // 25 公示材料
        'checkRequestTime1', // 26 审批请示递交时间
        'checkRequestMaterialsFile1', // 26 审批请示材料
        'replyResult3', // 27 批复结果
        'basicPartyCheckMeetingTime1', // 27 基层党委审批会议时间
        'basicPartyCheckMeetingRecordFile1', // 27 基层党委审批会议记录、会议纪要
        'replyTime2', // 27 批复时间
        'replyMaterialsFile', // 27 批复材料
      ];

      for (let fieldStr of fieldObjArr) {
        !this.getIsEmpty(reqData[fieldStr]) && (resultObj[fieldStr] = reqData[fieldStr]);
      }

      return resultObj;
    },
    /**
     * 判断指定变量的值是否为null，空字符串，undefined, {}, []
     */
    getIsEmpty(param) {
      return (param !== 0) && (!param || JSON.stringify(param) === '{}' || JSON.stringify(param) === '[]');
    },
    /**
     * 是否禁用思想汇报递交时间
     */
    disabledSubmitTime(index, fieldStr) {
      // 编辑模式
      if (this.currentOperateType === 'EDIT') {
        // 获取保存的思想汇报内容
        let thoughtReportRecordList = this.viewFullPartyInfoObj.thoughtReportRecordList;

        // 此项数据后端已保存
        if (thoughtReportRecordList && thoughtReportRecordList.length >= 1 && thoughtReportRecordList[index] && thoughtReportRecordList[index][fieldStr]) {
          return true;
        }

        // 此项数据为保存
        return false;
      }

      // 非编辑模式
      return this.getEleIsDisabled(this.disabledDataObj['submitTime']);
    },
    /**
     * 重新激活操作
     */
    async getReactivateFullPartyMember(memberId) {
      await reactivateFullPartyMember({ memberId: memberId });
    },
    /**
     * 获取重新激活标志
     */
    getReactivateFlag(param) {
      if ((param.step === 27 && param.replyResult3 === 0) || (param.step === 20 && param.replyResult2 === 0) || (param.step === 19 && param.replyResult1 === 0) || (param.step === 14 && param.readyCheckReplyResult === 0) || (param.step === 13 && param.checkResult === 0) || (param.step === 10 && param.recordsReplyResult === 0) || (param.step === 9 && param.branchPartyMeetingResult1 === 0) || (param.step === 5 && param.replyResult === 0) || (param.step === 5 && param.meetingResult === 0)) {
        return true;
      }

      return false;
    }
  }
}
</script>

<style lang="scss" scoped>
@import "./scss/UpdatePartyDevelop.scss";
</style>

<style lang="scss">
.updatepartydevelop {
  &-updatepdffiledialog {
    .rocpdffileupload {
      &-attachment {
        &-fileupload {
          &-content {
            display: flex;
            align-items: center;
            justify-content: center;
          }
        }
      }
    }
  }
  &-updateimgfiledialog {
    .rocimgfileupload {
      &-attachment {
        &-fileupload {
          &-content {
            display: flex;
            align-items: center;
            justify-content: center;
          }
        }
      }
    }
  }
}
</style>