mz-cloud/ruoyi-ui-gljt/src/views/gljt/gljtBg/index.vue

<template>
  <div class="app-container">
    <el-row :gutter="20">
      <!--      <el-col :span="4" :xs="24">-->
      <!--        <span class="sxzd">行政区划</span>-->
      <!--        <dept-tree :userId="user.userData.dept.parentId" @handleNodeClick="handleNodeClick"></dept-tree>-->
      <!--      </el-col>-->
      <!--部门数据-->
      <el-col :span="4" :xs="24">
        <dept-tree-one
          :userId="user.userData.dept.parentId"
          :isFive="true"
          :isJl="true"
          :expandOnClickNode="false"
          :showCheckbox="false"
          @handleNodeClick="handleNodeClick"
        >
        </dept-tree-one>
      </el-col>
      <el-col :span="20" :xs="24">
        <el-form
          :model="queryParams"
          ref="queryForm"
          size="small"
          :inline="true"
          v-show="showSearch"
          label-width="90px"
        >
          <!--<el-form-item label="行政区划" prop="xzqh">-->
          <!--<RegionCascaderSelect v-model="xzqh" style="width: 100%" valueProp="code" :isDataRoot="true">-->
          <!--</RegionCascaderSelect>-->
          <!--</el-form-item>-->
          <el-form-item label="姓名" prop="sqrXm">
            <el-input
              v-model="queryParams.sqrXm"
              placeholder="请输入申请人姓名"
              clearable
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <el-form-item
            label="身份证号"
            prop="sqrZjhm"
          >
            <el-input
              v-model="queryParams.sqrZjhm"
              placeholder="请输入申请人身份证号"
              clearable
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <!--<el-form-item label="申请人联系电话" prop="sqrLxdh" label-width="110px">-->
          <!--<el-input-->
          <!--v-model="queryParams.sqrLxdh"-->
          <!--placeholder="请输入申请人联系电话"-->
          <!--clearable-->
          <!--@keyup.enter.native="handleQuery"-->
          <!--/>-->
          <!--</el-form-item>-->
          <el-form-item label="申请流程" prop="state">
            <el-select
              v-model="queryParams.state"
              placeholder="请选择申请流程"
              clearable
            >
              <el-option
                v-for="dict in dict.type.GL009"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value"
              >
              </el-option>
            </el-select>
          </el-form-item>

          <el-form-item class="different-item" label="申请日期" prop="ffrq">
            <el-date-picker
              style="width: 215px"
              v-model="queryParams.glsqsjRange"
              value-format="yyyyMMdd"
              type="daterange"
              align="right"
              unlink-panels
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="pickerOptions"
            >
            </el-date-picker>
          </el-form-item>

          <el-form-item>
            <el-button
              type="primary"
              icon="el-icon-search"
              size="mini"
              @click="handleQuery"
              >搜索</el-button
            >
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
              >重置</el-button
            >
          </el-form-item>
        </el-form>

        <el-row :gutter="10" class="mb8">
          <el-col :span="1.5" v-if="!iscx">
            <el-button
              type="primary"
              plain
              icon="el-icon-plus"
              size="mini"
              @click="handleAdd"
              v-hasPermi="['gljt:gljtBg:add']"
              >新增
            </el-button>
          </el-col>
          <!--      <el-col :span="1.5">-->
          <!--        <el-button-->
          <!--          type="warning"-->
          <!--          plain-->
          <!--          icon="el-icon-download"-->
          <!--          size="mini"-->
          <!--          @click="handleExport"-->
          <!--          v-hasPermi="['gljt:gljtBg:export']"-->
          <!--        >导出-->
          <!--        </el-button>-->
          <!--      </el-col>-->
          <right-toolbar
            :showSearch.sync="showSearch"
            @queryTable="getList"
          ></right-toolbar>
        </el-row>

        <el-table v-loading="loading" :data="gljtBgList">
          <el-table-column label="序号" align="center" width="50">
            <template slot-scope="scope">
              {{
                (queryParams.pageNum - 1) * queryParams.pageSize +
                scope.$index +
                1
              }}
            </template>
          </el-table-column>
          <el-table-column label="姓名" align="center" prop="sqrXm" />
          <el-table-column
            label="身份证号"
            align="center"
            prop="sqrZjhm"
            width="180"
          />
          <el-table-column label="年龄" align="center" prop="age" />
          <el-table-column
            label="行政区划"
            align="center"
            prop="xzqhName"
            width="320"
          />
          <el-table-column label="审核状态" align="center" prop="status" width="140">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.GL002" :value="scope.row.status" />
            </template>
          </el-table-column>
          <el-table-column label="申请流程" align="center" prop="state">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.GL009" :value="scope.row.state" />
            </template>
          </el-table-column>
          <el-table-column
            label="申请时间"
            align="center"
            prop="sqsj"
            width="150"
          >
            <template slot-scope="scope">
              {{ special(scope.row.sqsj, "time") }}
            </template>
          </el-table-column>
          <el-table-column
            v-if="iscx"
            label="操作"
            align="center"
            class-name="small-padding fixed-width"
            fixed="right"
          >
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleXq(scope.row)"
                >详情
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleDy(scope.row)"
              >打印
              </el-button>
            </template>
          </el-table-column>
          <el-table-column
            v-else
            label="操作"
            align="center"
            class-name="small-padding fixed-width"
            fixed="right"
            width="200"
          >
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                v-show="
                  (scope.row.status == '10' || scope.row.status == '14') &&
                  scope.row.state != '99'
                "
                @click="handleUpdate(scope.row)"
                v-hasPermi="['gljt:gljtBg:editSq']"
              >
                {{ scope.row.status == "14" ? "再次申请" : "审核" }}
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                v-show="scope.row.status == '11' && scope.row.state != '99'"
                @click="handleUpdate(scope.row)"
                v-hasPermi="['gljt:gljtBg:editJd']"
              >
                审核
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                v-show="scope.row.status == '12' && scope.row.state != '99'"
                @click="handleUpdate(scope.row)"
                v-hasPermi="['gljt:gljtBg:editMz']"
              >
                审核
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleXq(scope.row)"
                v-hasPermi="['gljt:gljtBg:edit']"
                >详情
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleDy(scope.row)"
                v-hasPermi="['gljt:gljtBg:edit']"
                >打印
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-delete"
                v-show="scope.row.status == '14' && scope.row.state != '99'"
                @click="handleDelete(scope.row, 'end')"
                v-hasPermi="['gljt:gljtBg:editSq']"
                >删除
              </el-button>
            </template>
          </el-table-column>
        </el-table>

        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getList"
        />
      </el-col>
    </el-row>
    <!-- 添加或修改高龄津贴申请银行账户变更信息对话框 -->
    <el-dialog
      v-dialog-drag
      :title="title"
      :visible.sync="open"
      width="1000px"
      append-to-body
    >
      <el-scrollbar wrapClass="scrollbar-wrap">
        <el-form ref="form" :model="form" :rules="rules" label-width="98px">
          <el-form-item
            label="申请人身份证号"
            label-width="155px"
            v-if="!status"
          >
            <div style="display: flex">
              <el-input v-model="sqrZjhm" placeholder="请输入申请人身份证号" />
              <el-button
                type="primary"
                @click="lookOld(sqrZjhm)"
                style="margin-left: 10px"
                >查找</el-button
              >
            </div>
          </el-form-item>
          <sqXq v-if="status == '11' || status == '12'" :form="formXq" :isBgnr="true"></sqXq>
          <div v-else>
            <h3>证件图片信息</h3>
            <div style="display: flex">
              <div style="flex: 1; display: flex; flex-direction: column">
                <div class="flexCount" style="margin-bottom: 25px">
                  <!--<el-form-item prop="sqrZjzm" label-width="0" class="uploadStyle" v-if="form.sqrZjzm">-->
                  <!---->
                  <!--</el-form-item>-->
                  <image-preview
                    class="imgStyle"
                    :src="form.sqrZjzm"
                  ></image-preview>
                  <span style="margin-top: 10px">证件人像面</span>
                </div>
                <div class="flexCount">
                  <!--<el-form-item label="" label-width="0" prop="hkbzm" class="uploadStyleFx"  :rules="form.isImport&&form.isImport=='1'?norules.hkbzm:rules.hkbzm">-->
                  <!--<image-upload-gljt  v-model="form.hkbzm" :limit="form.lrId?1:0" :isShowTip="false"></image-upload-gljt>-->
                  <image-preview
                    class="imgStyleHk"
                    :src="form.hkbzm"
                  ></image-preview>
                  <span style="margin-top: 10px">户口首页</span>
                  <!--</el-form-item>-->
                </div>
              </div>
              <div style="flex: 1; display: flex; flex-direction: column">
                <div class="flexCount" style="margin-bottom: 25px">
                  <image-preview
                    class="imgStyle"
                    :src="form.sqrZjbm"
                  ></image-preview>
                  <span style="margin-top: 10px">证件国徽面</span>
                </div>
                <div class="flexCount">
                  <!--<el-form-item label="" label-width="0" prop="hkbbm" class="uploadStyleFx" :rules="form.isImport&&form.isImport=='1'?norules.hkbbm:rules.hkbbm">-->
                  <!--<image-upload-gljt :isShowTip="false" v-model="form.hkbbm" :limit="form.lrId?1:0"></image-upload-gljt>-->
                  <image-preview
                    class="imgStyleHk"
                    :src="form.hkbbm"
                  ></image-preview>
                  <span style="margin-top: 10px">户口本人页</span>
                  <!--</el-form-item>-->
                </div>
              </div>
              <div style="flex: 1" class="flexCount">
                <el-form-item
                  label=""
                  label-width="0"
                  prop="tx"
                  class="uploadStyleBig"
                  :rules="
                    form.isImport && form.isImport == '1'
                      ? norules.tx
                      : rules.tx
                  "
                >
                  <image-upload-gljt
                    :isShowTip="false"
                    :limit="form.lrId ? 1 : 0"
                    v-model="form.tx"
                  />
                  <span> 老人照片 </span>
                </el-form-item>
              </div>
            </div>
            <h3>基本信息</h3>
            <div class="grid3">
              <el-form-item label="姓名" prop="sqrXm">
                <label slot="label"
                  >姓<span style="opacity: 0">姓名</span>名</label
                >
                <el-input
                  disabled
                  v-model="form.sqrXm"
                  placeholder="请输入申请人姓名"
                />
              </el-form-item>
              <el-form-item label="性别" prop="xb">
                <label slot="label"
                  >性<span style="opacity: 0">性别</span>别</label
                >
                <el-select disabled v-model="form.xb" placeholder="请选择性别">
                  <el-option
                    v-for="dict in dict.type.C0007"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="出生日期" prop="csrq">
                <el-date-picker
                  disabled
                  clearable
                  v-model="form.csrq"
                  type="date"
                  value-format="yyyyMMdd"
                  placeholder="请选择出生日期"
                >
                </el-date-picker>
              </el-form-item>
              <el-form-item label="民族" prop="mz">
                <label slot="label"
                  >民<span style="opacity: 0">民族</span>族</label
                >
                <el-select v-model="form.mz" placeholder="请选择民族">
                  <el-option
                    v-for="dict in dict.type.C0009"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>

              <el-form-item label="身份证号" prop="sqrZjhm">
                <el-input
                  disabled
                  v-model="form.sqrZjhm"
                  placeholder="请输入申请人身份证号"
                />
              </el-form-item>
              <el-form-item label="发证机关" prop="fzjg">
                <el-input
                  disabled
                  v-model="form.fzjg"
                  placeholder="请输入发证机关"
                />
              </el-form-item>
              <el-form-item label="户籍社区" prop="xzqh">
                <RegionCascaderSelect
                  disabled
                  v-model="form.xzqh"
                  style="width: 100%"
                  valueProp="code"
                  :isDataRoot="true"
                >
                </RegionCascaderSelect>
                <!--<el-input disabled v-model="form.xzqhName" />-->
              </el-form-item>
              <el-form-item label="护理等级" prop="sndj">
                <el-select v-model="form.sndj" placeholder="请选择护理等级">
                  <el-option
                    v-for="dict in dict.type.GL021"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="邮编" prop="yb">
                <label slot="label"
                  >邮<span style="opacity: 0">邮编</span>编</label
                >
                <el-input v-model="form.yb" placeholder="请输入邮编" />
              </el-form-item>
              <el-form-item label="联系电话" prop="sqrLxdh">
                <el-input
                  v-model="form.sqrLxdh"
                  placeholder="请输入申请人联系电话"
                />
              </el-form-item>
              <el-form-item label="联系电话2" prop="sqrLxdh2 ">
                <el-input
                  :disabled="form.lrId ? false : true"
                  v-model="form.sqrLxdh2"
                  placeholder="请输入申请人联系电话"
                />
              </el-form-item>
              <el-form-item label="居住区划" prop="xjdxzqh">
                <RegionCascaderSelect
                  :disabled="form.lrId ? false : true"
                  v-model="form.xjdxzqh"
                  style="width: 100%"
                  valueProp="code"
                  :isJl="false"
                  :isDataRoot="false"
                >
                </RegionCascaderSelect>
              </el-form-item>
              <el-form-item
                label="户籍地址"
                prop="hjdz"
                style="grid-column: 1 / span 3"
              >
                <el-input
                  disabled
                  v-model="form.hjdz"
                  placeholder="请输入户籍地址"
                />
              </el-form-item>
              <el-form-item
                label="现居地址"
                prop="jzdz"
                style="grid-column: 1 / span 3"
                :rules="
                  form.isImport && form.isImport == '1'
                    ? norules.jzdz
                    : rules.jzdz
                "
              >
                <el-input
                  :disabled="form.lrId ? false : true"
                  v-model="form.jzdz"
                  placeholder="请输入详情居住地址"
                />
              </el-form-item>
            </div>
            <h3>银行卡信息</h3>
            <div style="display: flex">
              <div style="flex: 1; display: flex">
                <!--<div class="labelStyle">银行卡正面照</div>-->
                <el-form-item
                  label="银行卡正面照"
                  style="display: flex"
                  label-width="98"
                  prop="yhzjz"
                  class="uploadStyle"
                  :rules="
                    form.isImport && form.isImport == '1'
                      ? norules.yhzjz
                      : rules.yhzjz
                  "
                >
                  <image-upload-gljt
                    :isShowTip="false"
                    v-model="form.yhzjz"
                    :accessToken="accessToken"
                    :isOcr="true"
                    ocrType="bankcard"
                    :limit="form.lrId ? 1 : 0"
                    @getCard="getCardYhk"
                  ></image-upload-gljt>
                </el-form-item>
              </div>
              <div style="flex: 2" class="grid2">
                <el-form-item
                  label="开户银行"
                  prop="khyh"
                  :rules="
                    form.isImport && form.isImport == '1'
                      ? norules.khyh
                      : rules.khyh
                  "
                >
                  <!--<el-cascader-->
                    <!--:disabled="form.lrId ? false : true"-->
                    <!--:props="props"-->
                    <!--:options="dict.tree.C0044"-->
                    <!--v-model="form.khyh"-->
                    <!--placeholder="请选择开户银行"-->
                    <!--clearable-->
                  <!--/>-->
                  <el-select v-model="form.khyh" placeholder="请选择开户银行">
                    <el-option
                      v-for="dict in khyhOpt"
                      :key="dict.dictValue"
                      :label="dict.dictLabel"
                      :value="dict.dictValue"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="银行网点" prop="khwd">
                  <el-input
                    :disabled="form.lrId ? false : true"
                    v-model="form.khwd"
                    placeholder="请输入银行网点"
                  />
                </el-form-item>
                <el-form-item
                  label="账号"
                  prop="yhzh"
                  :rules="
                    form.isImport && form.isImport == '1'
                      ? norules.yhzh
                      : rules.yhzh
                  "
                >
                  <label slot="label"
                    >账<span style="opacity: 0">账号</span>号</label
                  >
                  <el-input
                    :disabled="form.lrId ? false : true"
                    v-model="form.yhzh"
                    placeholder="请输入银行账号"
                  />
                </el-form-item>
                <el-form-item
                  label="户名"
                  prop="khmc"
                  :rules="
                    form.isImport && form.isImport == '1'
                      ? norules.khmc
                      : rules.khmc
                  "
                >
                  <label slot="label"
                    >户<span style="opacity: 0">户名</span>名</label
                  >
                  <el-input
                    disabled
                    v-model="form.khmc"
                    placeholder="请输入户名"
                  />
                </el-form-item>
              </div>
            </div>
            <h3>监护人信息</h3>
            <div style="display: flex">
              <div style="flex: 1; display: flex; flex-direction: column">
                <el-form-item
                  label="证件人像面"
                  style="display: flex"
                  prop="jhrZjzm"
                  label-width="98"
                  class="uploadStyle"
                >
                  <image-upload-gljt
                    :isShowTip="false"
                    v-model="form.jhrZjzm"
                    :accessToken="accessToken"
                    @getCard="getCardJh"
                    @clear="clearJh"
                    :limit="form.lrId ? 1 : 0"
                    :isOcr="true"
                    ocrType="front"
                  ></image-upload-gljt>
                </el-form-item>
                <el-form-item
                  label="证件国徽面"
                  style="display: flex"
                  prop="jhrZjbm"
                  label-width="98"
                  class="uploadStyle"
                >
                  <image-upload-gljt
                    :isShowTip="false"
                    v-model="form.jhrZjbm"
                    :limit="form.lrId ? 1 : 0"
                    ocrType="back"
                    :accessToken="accessToken"
                    :isOcr="true"
                  ></image-upload-gljt>
                </el-form-item>
              </div>
              <div style="flex: 2" class="grid2">
                <el-form-item
                  label="姓名"
                  prop="jhrXm"
                  :rules="
                    form.isImport && form.isImport == '1'
                      ? norules.jhrXm
                      : rules.jhrXm
                  "
                >
                  <label slot="label"
                    >姓<span style="opacity: 0">姓名</span>名</label
                  >
                  <el-input
                    :disabled="form.lrId ? false : true"
                    v-model="form.jhrXm"
                    placeholder="请输入监护人姓名"
                  />
                </el-form-item>
                <el-form-item
                  label="身份证号"
                  prop="jhrZjhm"
                  :rules="
                    form.isImport && form.isImport == '1'
                      ? norules.jhrZjhm
                      : rules.jhrZjhm
                  "
                >
                  <el-input
                    :disabled="form.lrId ? false : true"
                    v-model="form.jhrZjhm"
                    placeholder="请输入监护人身份证号"
                  />
                </el-form-item>
                <el-form-item
                  label="联系电话"
                  prop="jhrLxdh"
                  :rules="
                    form.isImport && form.isImport == '1'
                      ? norules.jhrLxdh
                      : rules.jhrLxdh
                  "
                >
                  <el-input
                    :disabled="form.lrId ? false : true"
                    v-model="form.jhrLxdh"
                    placeholder="请输入监护人联系电话"
                  />
                </el-form-item>
                <el-form-item label="与老人关系" prop="jhrGx">
                  <el-select
                    :disabled="form.lrId ? false : true"
                    v-model="form.jhrGx"
                    placeholder="请选择监护人与申请人关系"
                    clearable
                  >
                    <el-option
                      v-for="dict in dict.type.C0032"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item
                  label="居住地址"
                  prop="jhrJzdz"
                  style="grid-column: 1 / span 2"
                  :rules="
                    form.isImport && form.isImport == '1'
                      ? norules.jhrJzdz
                      : rules.jhrJzdz
                  "
                >
                  <el-input
                    :disabled="form.lrId ? false : true"
                    v-model="form.jhrJzdz"
                    maxlength="200"
                    placeholder="请输入监护人居住地址"
                  />
                </el-form-item>
              </div>
            </div>
            <!-- <h3>代办人信息</h3>
            <div style="display: flex">
              <div style="flex: 1; display: flex; flex-direction: column">
                <el-form-item
                  label="证件人像面"
                  label-width="98"
                  class="uploadStyle"
                  style="display: flex"
                  prop="dbrZjzm"
                  :rules="form.gx ? itemRules.dbrZjzm : []"
                >
                  <image-upload-gljt
                    :isShowTip="false"
                    v-model="form.dbrZjzm"
                    :accessToken="accessToken"
                    @getCard="getCard2"
                    @clear="clear2"
                    :limit="form.lrId ? 1 : 0"
                    :isOcr="true"
                    ocrType="front"
                  ></image-upload-gljt>
                </el-form-item>
                <el-form-item
                  label="证件国徽面"
                  label-width="98"
                  class="uploadStyle"
                  style="display: flex"
                  prop="dbrZjbm"
                  :rules="form.gx ? itemRules.dbrZjbm : []"
                >
                  <image-upload-gljt
                    :isShowTip="false"
                    v-model="form.dbrZjbm"
                    :accessToken="accessToken"
                    :limit="form.lrId ? 1 : 0"
                    :isOcr="true"
                    ocrType="back"
                  ></image-upload-gljt>
                </el-form-item>
              </div>

              <div style="flex: 2" class="grid2">
                <el-form-item
                  label="姓名"
                  prop="dbrXm"
                  :rules="form.gx ? itemRules.dbrXm : []"
                >
                  <label slot="label"
                    >姓<span style="opacity: 0">姓名</span>名</label
                  >
                  <el-input
                    disabled
                    v-model="form.dbrXm"
                    placeholder="请输入代办人姓名"
                  />
                </el-form-item>
                <el-form-item
                  label="身份证号"
                  prop="dbrZjhm"
                  :rules="form.gx ? itemRules.dbrZjhm : []"
                >
                  <el-input
                    disabled
                    v-model="form.dbrZjhm"
                    placeholder="请输入代办人身份证号"
                  />
                </el-form-item>
                <el-form-item
                  label="联系电话"
                  prop="dbrLxdh"
                  :rules="form.gx ? itemRules.dbrLxdh : []"
                >
                  <el-input
                    :disabled="form.lrId ? false : true"
                    v-model="form.dbrLxdh"
                    placeholder="请输入代办人联系电话"
                  />
                </el-form-item>
                <el-form-item label="与老人关系" prop="gx">
                  <el-select
                    :disabled="form.lrId ? false : true"
                    v-model="form.gx"
                    placeholder="请选择代办人与申请人关系"
                    @clear="clearDbr"
                    clearable
                  >
                    <el-option
                      v-for="dict in dict.type.C0032"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item
                  label="居住地址"
                  prop="dbrJzdz"
                  style="grid-column: 1 / span 2"
                  :rules="form.gx ? itemRules.dbrJzdz : []"
                >
                  <el-input
                    :disabled="form.lrId ? false : true"
                    v-model="form.dbrJzdz"
                    maxlength="200"
                    placeholder="请输入代办人居住地址"
                  />
                </el-form-item>
              </div>
            </div> -->
            <h3>低保信息</h3>
            <div style="display: flex">
              <div style="flex: 1; display: flex; flex-direction: column">
                <el-form-item label="是否低保" prop="isdb">
                  <el-radio-group
                    v-model="form.isdb"
                    @change="getQxDfPz('clear')"
                  >
                    <el-radio
                      v-for="dict in dict.type.CZ035"
                      :key="dict.value"
                      :label="dict.value"
                      >{{ dict.label }}
                    </el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item
                  label="低保证号"
                  prop="dbzh"
                  v-if="form.isdb == '1'"
                >
                  <el-input v-model="form.dbzh" placeholder="请输入低保证号" />
                </el-form-item>
              </div>
              <div style="flex: 2">
                <el-form-item
                  label="低保证明"
                  prop="dbzm"
                  v-if="form.isdb == '1'"
                  class="uploadStyle"
                >
                  <image-upload-gljt
                    :limit="form.lrId ? 1 : 0"
                    :isShowTip="false"
                    v-model="form.dbzm"
                  />
                </el-form-item>
              </div>
            </div>
            <!-- <h3>其他信息</h3>
            <div>
              <el-form-item label="其他材料">
                <file-upload
                  :isFile="form.lrId ? true : false"
                  v-model="form.fj"
                  :fileType="[
                    'doc',
                    'xls',
                    'ppt',
                    'txt',
                    'pdf',
                    'png',
                    'jpg',
                    'jpeg',
                  ]"
                />
              </el-form-item>
              <el-form-item label="备注信息">
                <el-input
                  :disabled="form.lrId ? false : true"
                  v-model="form.sqms"
                  placeholder="请输入备注信息"
                  type="textarea"
                  maxlength="200"
                  show-word-limit
                />
              </el-form-item>
            </div> -->
            <h3>津贴标准信息</h3>
            <div class="grid2">
              <el-form-item label="申请标准">
                <!--{{pc}}111-->
                <dict-tag :options="dict.type.GL013" :value="pc" />
                <!--<el-input disabled v-model="form.sqbfys" placeholder="请输入补发月数"/>-->
              </el-form-item>
              <el-form-item label="始发年月" prop="ffyf">
                <el-date-picker
                  clearable
                  v-model="form.ffyf"
                  disabled
                  type="month"
                  value-format="yyyyMM"
                  placeholder="请输入始发年月"
                  :picker-options="ffyfPickerOptions"
                >
                </el-date-picker>
              </el-form-item>
              <el-form-item label="补发月数" prop="sqbfys">
                <el-input
                  disabled
                  v-model="form.sqbfys"
                  placeholder="请输入补发月数"
                />
              </el-form-item>
              <el-form-item label="补发金额" prop="sqbfje">
                <el-input
                  disabled
                  v-model="form.sqbfje"
                  placeholder="请输入补发金额"
                />
              </el-form-item>
            </div>
            <h3 v-if="form.bdbz">变更内容信息</h3>
            <table v-if="form.bdbz" style="margin-bottom: 25px">
              <tr>
                <td style="width: 1.7%;">
                  <span style="width: 73px;display: inline-block;">变更内容</span>
                </td>
                <td><pre style="color: red;font-weight: bold">{{ form.bdbz }}</pre></td>
              </tr>
            </table>

            <div>
              <h3 style="margin-top: 20px">信息变更社区(村)审核</h3>
              <div class="grid2">
                <el-form-item label="审核结果" prop="bgsqShjg">
                  <el-select
                    v-model="form.bgsqShjg"
                    placeholder="请选择审核结果">
                    <el-option
                      v-for="dict in dict.type.GL007"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="审批人" prop="bgsqShrxm">
                  <el-input
                    v-model="form.bgsqShrxm"
                    placeholder="请输入审批人"
                  />
                </el-form-item>
                <el-form-item label="审核意见" prop="bgsqShyj" style="grid-column: 1 / span 2">
                  <el-input
                    v-model="form.bgsqShyj"
                    placeholder="请输入审核意见"
                  />
                </el-form-item>
              </div>
                  <!--<td>-->
                  <!--<el-form-item label="申请社区(村)审核时间" prop="sqShsj">-->
                  <!--<el-date-picker clearable-->
                  <!--v-model="form.sqShsj"-->
                  <!--type="datetime"-->
                  <!--value-format="yyyyMMddHHmmss"-->
                  <!--placeholder="请选择申请社区(村)审核时间">-->
                  <!--</el-date-picker>-->
                  <!--</el-form-item>-->
                  <!--</td>-->
            </div>
          </div>
          <div v-if="status == '11'">
            <h3 style="margin-top: 20px">信息变更街道(乡镇)审核</h3>
            <div class="grid2">
              <el-form-item label="审核结果" prop="bgjdShjg">
                <el-select
                  v-model="form.bgjdShjg"
                  placeholder="请选择信息变更街道(乡镇)审核结果"
                >
                  <el-option
                    v-for="dict in dict.type.GL007"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="审批人" prop="bgjdShrxm">
                <el-input
                  v-model="form.bgjdShrxm"
                  placeholder="请输入审批人"
                />
              </el-form-item>
              <el-form-item label="审核意见" prop="bgjdShyj" style="grid-column: 1 / span 2">
                <el-input
                  v-model="form.bgjdShyj"
                  placeholder="请输入信息变更街道(乡镇)审核意见"
                />
              </el-form-item>
            </div>
          </div>
          <div v-if="status == '12'">
            <h3 style="margin-top: 20px">区民政局审核</h3>
            <div class="grid2">
              <el-form-item label="审核结果" prop="bgmzShjg">
                <el-select
                  v-model="form.bgmzShjg"
                  placeholder="请选择审核结果"
                >
                  <el-option
                    v-for="dict in dict.type.GL007"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="审批人" prop="bgmzShrxm">
                <el-input
                  v-model="form.bgmzShrxm"
                  placeholder="请输入审批人"
                />
              </el-form-item>
              <el-form-item label="审核意见" prop="bgmzShyj" style="grid-column: 1 / span 2">
                <el-input
                  v-model="form.bgmzShyj"
                  placeholder="请输入审核意见"
                />
              </el-form-item>
            </div>
          </div>
        </el-form>
      </el-scrollbar>
      <div slot="footer" class="dialog-footer">
        <el-button
          type="primary"
          @click="submitForm"
          :loading="submitFormLoading"
          >确 定</el-button
        >
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 高龄补贴详情对话框 -->
    <el-dialog
      v-dialog-drag
      :title="title"
      :visible.sync="openXq"
      width="1000px"
      append-to-body
      custom-class="custom"
    >
      <el-scrollbar wrapClass="scrollbar-wrap1">
        <sqXq :form="formXq" :isBgnr="true"></sqXq>
      </el-scrollbar>
    </el-dialog>
  </div>
</template>

<script>
import {
  addGljtBg,
  delGljtBg,
  getGljtBg,
  listGljtBg,
  updateGljtBg,
  endGljtBg,
} from "@/api/gljt/gljtBg";
import { chineseOne, idCard, Regular, Mobile } from "@/utils/regular";
import { getQxDfPz } from "@/api/gljt/gljtSq";
import {
  getKhyh
} from "@/api/gljt/qxpz";
import { getAccessToken, idcard } from "../../../api/lnst/baiduUtil";
import { getLrByZjhm } from "@/api/gljt/gljtLr";
import sqXq from "../gljtSq/sqXq";
import { mapState } from "vuex";
import { encrypt_ECBdef,decrypt_ECBdef } from "@/api/tool/sm4";
import { Constant } from "@/utils/constant";
export default {
  name: "GljtBg",
  dicts: [
    "C0009",
    "GL021",
    "GL007",
    "C0007",
    "C0032",
    "C0044",
    "GL002",
    "GL003",
    "CZ035",
    "GL009",
    "GL013",
  ],
  components: {
    sqXq,
  },
  props: {
    iscx: {
      type: Boolean,
      default: false,
    },
  },
  computed: {
    ...mapState(["user"]),
  },
  data() {
    return {
      oldData: null,
      glsqsjRange: [],
      khyhOpt:[],
      pickerOptions: {
        shortcuts: [
          {
            text: "最近一周",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近一个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近三个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit("pick", [start, end]);
            },
          },
        ],
      },
      // 遮罩层
      loading: true,
      submitFormLoading: false,
      // 选中数组
      ids: [],
      pc: null,
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 高龄津贴申请银行账户变更信息表格数据
      gljtBgList: [],
      status: "",
      accessToken: "",
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      openXq: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        state: "0",
        sqrXm: null,
        sqrZjhm: null,
      },
      // 表单参数
      form: {},
      formXq: {},
      sqrZjhm: null,
      itemRules: {

        sndj: [
          { required: true, message: "护理等级不能为空", trigger: "blur" },
        ],
        mz: [{ required: true, message: "民族不能为空", trigger: "blur" }],
        yb: [
          {
            pattern: /^\d{6}$/,
            message: "邮政编码必须是6位数字",
            trigger: "blur",
          },
        ],
        dbrZjzm: [
          {
            required: true,
            message: "代办人证件照正面不能为空",
            trigger: "blur",
          },
        ],
        dbrZjbm: [
          {
            required: true,
            message: "代办人证件照背面不能为空",
            trigger: "blur",
          },
        ],
        dbrXm: [
          { required: true, message: "代办人姓名不能为空", trigger: "blur" },
          { max: 72, message: "代办人姓名不能超过72个字符", trigger: "blur" },
          { validator: chineseOne, trigger: "blur" },
        ],
        dbrZjhm: [
          {
            required: true,
            message: "代办人身份证号不能为空",
            trigger: "blur",
          },
          { validator: idCard, trigger: "blur" },
        ],
        dbrLxdh: [
          {
            required: true,
            message: "代办人联系电话不能为空",
            trigger: "blur",
          },
          { validator: Mobile, trigger: "blur" },
        ],
        dbrJzdz: [
          {
            required: true,
            message: "代办人居住地址不能为空",
            trigger: "blur",
          },
        ],
        bfys: [
          { required: true, message: "补发月数不能为空", trigger: "blur" },
        ],
      },
      norules: {
        sqrLxdh: [
          {
            required: false,
            message: "申请人联系电话不能为空",
            trigger: "blur",
          },
          { validator: Mobile, trigger: "blur" },
          {
            max: 64,
            message: "申请人联系电话不能超过64个字符",
            trigger: "blur",
          },
        ],
        jhrLxdh: [
          {
            required: false,
            message: "监护人联系电话不能为空",
            trigger: "blur",
          },
          { validator: Mobile, trigger: "blur" },
          {
            max: 64,
            message: "监护人联系电话不能超过64个字符",
            trigger: "blur",
          },
        ],
        jhrXm: [
          { required: false, message: "监护人姓名不能为空", trigger: "blur" },
          { max: 72, message: "监护人姓名不能超过72个字符", trigger: "blur" },
          { validator: chineseOne, trigger: "blur" },
        ],
        jhrZjhm: [
          {
            required: false,
            message: "监护人身份证号不能为空",
            trigger: "blur",
          },
          {
            max: 72,
            message: "监护人身份证号不能超过72个字符",
            trigger: "blur",
          },
          { validator: idCard, trigger: "blur" },
        ],
        jzdz: [
          {
            required: false,
            message: "申请人居住地址不能为空",
            trigger: "blur",
          },
        ],
        jhrJzdz: [
          {
            required: false,
            message: "监护人详情居住地址不能为空",
            trigger: "blur",
          },
        ],
        yhzjz: [
          { required: false, message: "银行卡照片不能为空", trigger: "blur" },
        ],
        hkbzm: [
          { required: false, message: "户口本首页不能为空", trigger: "blur" },
        ],
        hkbbm: [
          { required: false, message: "户口本本人页不能为空", trigger: "blur" },
        ],
        tx: [
          { required: false, message: "申请人照片不能为空", trigger: "blur" },
          { max: 100, message: "申请人头像不能超过100个字符", trigger: "blur" },
        ],
        khyh: [
          { required: false, message: "开户银行不能为空", trigger: "blur" },
        ],
        yhzh: [
          { required: false, message: "银行账号不能为空", trigger: "blur" },
          // {max: 72, message: '银行账号不能超过72个字符', trigger: 'blur'},
        ],
        khmc: [
          { required: false, message: "开户名称不能为空", trigger: "blur" },
          // {max: 72, message: '开户名称不能超过72个字符', trigger: 'blur'},
        ],
        // jhrGx: [
        //   {required: false, message: "请选择监护人与申请人的关系", trigger: "change"},
        // ],
      },
      // 表单校验
      rules: {
        xjdxzqh:[
          { required: true, message: "居住区划不能为空", trigger: "blur" }
        ],
        lrId: [
          { required: true, message: "老人主键不能为空", trigger: "blur" },
        ],
        xzqh: [
          { required: true, message: "行政区划不能为空", trigger: "blur" },
          // {max: 12, message: '行政区划不能超过12个字符', trigger: 'blur'},
        ],
        // jhrGx: [
        //   {required: true, message: "请选择监护人与申请人的关系", trigger: "change"},
        // ],
        sqrZjzm: [
          {
            required: true,
            message: "申请人证件照正面不能为空",
            trigger: "blur",
          },
          {
            max: 100,
            message: "申请人证件照正面不能超过100个字符",
            trigger: "blur",
          },
        ],
        sqrZjbm: [
          {
            required: true,
            message: "申请人证件照背面不能为空",
            trigger: "blur",
          },
          {
            max: 100,
            message: "申请人证件照背面不能超过100个字符",
            trigger: "blur",
          },
        ],
        sqrXm: [
          { required: true, message: "申请人姓名不能为空", trigger: "blur" },
          { max: 72, message: "申请人姓名不能超过72个字符", trigger: "blur" },
          { validator: chineseOne, trigger: "blur" },
        ],
        sqrZjhm: [
          {
            required: true,
            message: "申请人身份证号不能为空",
            trigger: "blur",
          },
          {
            max: 72,
            message: "申请人身份证号不能超过72个字符",
            trigger: "blur",
          },
        ],
        sqrLxdh: [
          {
            required: true,
            message: "申请人联系电话不能为空",
            trigger: "blur",
          },
          { validator: Mobile, trigger: "blur" },
          {
            max: 64,
            message: "申请人联系电话不能超过64个字符",
            trigger: "blur",
          },
        ],
        tx: [
          { required: true, message: "申请人照片不能为空", trigger: "blur" },
          { max: 100, message: "申请人头像不能超过100个字符", trigger: "blur" },
        ],
        xb: [
          { required: true, message: "申请人性别不能为空", trigger: "change" },
        ],
        csrq: [
          {
            required: true,
            message: "申请人出生日期不能为空",
            trigger: "blur",
          },
        ],
        hjdz: [
          // {required: true, message: "申请人户籍地址地址不能为空", trigger: "blur"},
        ],
        jzdz: [
          {
            required: true,
            message: "申请人居住地址不能为空",
            trigger: "blur",
          },
        ],
        jhrXm: [
          { required: true, message: "监护人姓名不能为空", trigger: "blur" },
          { max: 72, message: "监护人姓名不能超过72个字符", trigger: "blur" },
          { validator: chineseOne, trigger: "blur" },
        ],
        jhrZjhm: [
          {
            required: true,
            message: "监护人身份证号不能为空",
            trigger: "blur",
          },
          {
            max: 72,
            message: "监护人身份证号不能超过72个字符",
            trigger: "blur",
          },
          { validator: idCard, trigger: "blur" },
        ],
        jhrLxdh: [
          {
            required: true,
            message: "监护人联系电话不能为空",
            trigger: "blur",
          },
          { validator: Mobile, trigger: "blur" },
          {
            max: 64,
            message: "监护人联系电话不能超过64个字符",
            trigger: "blur",
          },
        ],
        jhrJzdz: [
          {
            required: true,
            message: "监护人详情居住地址不能为空",
            trigger: "blur",
          },
        ],
        ffyf: [
          { max: 8, message: "开始发放月份不能超过8个字符", trigger: "blur" },
        ],
        dbrZjzm: [
          {
            max: 100,
            message: "代办人证件照正面不能超过100个字符",
            trigger: "blur",
          },
        ],
        dbrZjbm: [
          {
            max: 100,
            message: "代办人证件照背面不能超过100个字符",
            trigger: "blur",
          },
        ],
        dbrXm: [
          { max: 72, message: "代办人姓名不能超过72个字符", trigger: "blur" },
          { validator: chineseOne, trigger: "blur" },
        ],
        dbrZjhm: [
          {
            max: 72,
            message: "代办人身份证号不能超过72个字符",
            trigger: "blur",
          },
        ],
        dbrLxdh: [
          {
            max: 64,
            message: "代办人联系电话不能超过64个字符",
            trigger: "blur",
          },
        ],
        yhzjz: [
          { required: true, message: "银行卡照片不能为空", trigger: "blur" },
          // {max: 4, message: '银行卡照片不能超过4个字符', trigger: 'blur'},
        ],
        hkbzm: [
          { required: true, message: "户口本首页不能为空", trigger: "blur" },
        ],
        hkbbm: [
          { required: true, message: "户口本本人页不能为空", trigger: "blur" },
        ],
        khyh: [
          { required: true, message: "开户银行不能为空", trigger: "blur" },
          // {max: 4, message: '开户银行不能超过4个字符', trigger: 'blur'},
        ],
        dbzh: [
          { required: true, message: "低保证号不能为空", trigger: "blur" },
          // {max: 4, message: '开户银行不能超过4个字符', trigger: 'blur'},
        ],
        zczm: [
          { required: true, message: "重残证明不能为空", trigger: "blur" },
        ],
        tkzm: [
          { required: true, message: "特困证明不能为空", trigger: "blur" },
        ],
        yhzh: [
          { required: true, message: "银行账号不能为空", trigger: "blur" },
          // {max: 72, message: '银行账号不能超过72个字符', trigger: 'blur'},
        ],
        khmc: [
          { required: true, message: "开户名称不能为空", trigger: "blur" },
          // {max: 72, message: '开户名称不能超过72个字符', trigger: 'blur'},
        ],
        bgsqShyj: [
          {
            max: 100,
            message: "信息变更社区(村)审核意见不能超过100个字符",
            trigger: "blur",
          },
          {
            required: true,
            message: "信息变更社区(村)审核意见不能为空",
            trigger: "blur",
          },
        ],
        bgsqShjg: [
          {
            required: true,
            message: "信息变更社区(村)审核结果不能为空",
            trigger: "blur",
          },
        ],
        bgjdShyj: [
          {
            required: true,
            message: "信息变更街道(乡镇)审核意见不能为空",
            trigger: "blur",
          },
          {
            max: 100,
            message: "信息变更街道(乡镇)审核意见不能超过100个字符",
            trigger: "blur",
          },
        ],
        bgjdShjg: [
          {
            required: true,
            message: "信息变更街道(乡镇)审核结果不能为空",
            trigger: "blur",
          },
        ],
        bgmzShyj: [
          {
            required: true,
            message: "信息变更区民政局审核意见不能为空",
            trigger: "blur",
          },
          {
            max: 100,
            message: "信息变更区民政局审核意见不能超过100个字符",
            trigger: "blur",
          },
        ],
        bgmzShjg: [
          {
            required: true,
            message: "信息变更区民政局审核结果不能为空",
            trigger: "blur",
          },
        ],
        status: [
          { required: true, message: "数据状态不能为空", trigger: "blur" },
        ],
      },
      props: {
        emitPath: false,
        checkStrictly: false,
      },
      ffyfPickerOptions: {
        disabledDate: (time) => {
          if (this.upper) {
            return time.getTime() < this.upper;
          }
          return false;
        },
      },
    };
  },
  created() {
    getAccessToken().then((res) => {
      if (res.access_token) {
        this.accessToken = res.access_token;
      }
    });
    this.getList();
  },
  methods: {
    async getKhyh(){
      let xzqh='';
      if (this.form.xzqh !== null) {
        if (Array.isArray(this.form.xzqh)) {
          xzqh = this.form.xzqh[this.form.xzqh.length - 1];
        } else {
          let data = JSON.parse(this.form.xzqh);
          xzqh = data[data.length - 1];
        }
      }
      if(xzqh){
        let res= await getKhyh({xzqh:xzqh})
        this.khyhOpt=res.data;
        // getKhyh({xzqh:xzqh}).then(res=>{
        //   // console.log(res)
        //   this.khyhOpt=res.data;
        // })
      }else{
        this.khyhOpt=[];
      }

    },
    getCardYhk(data) {
      if (data && data.yhzh) {
        this.form.yhzh = data.yhzh;
      }
    },
    // 节点单击事件
    handleNodeClick(data) {
      if (data && data.code) {
        this.queryParams.xzqh = data.code;
      } else {
        this.queryParams.xzqh = null;
      }
      // this.queryParams.xzqhId = data.code
      // this.queryParams.name = data.name;
      this.handleQuery();
    },
    async getQxDfPz(is) {
      if (is) {
        this.form.dbzh = "";
        this.form.dbzm = "";
      }
      if (!this.form.csrq) {
        return;
      }
      let res = await getQxDfPz({ csrq: this.form.csrq, isdb: this.form.isdb });
      this.pc = res.data.pc;
    },
    lookOld(sqrZjhm) {
      if (sqrZjhm) {
        getLrByZjhm({ sqrZjhm: sqrZjhm }).then((response) => {
          if (response.data) {
            this.form = {
              ...this.form,
              ...response.data,
              lrId: response.data.id,
              id: null,
              xzqh: response.data.xzqhCode
                ? JSON.stringify(response.data.xzqhCode.split(","))
                : [],
              xjdxzqh: response.data.xjdxzqhCode
                ? JSON.stringify(response.data.xjdxzqhCode.split(","))
                : [],
            };
            this.oldData = JSON.parse(JSON.stringify(response.data));
            this.copyForm = this.deepCopy(this.form);
            this.getKhyh();
            this.getQxDfPz();
          } else {
            // this.$modal.msgSuccess("修改成功");
            this.$modal.msgError("未查到此人");
          }
        });
      }
    },
    clearDbr() {
      this.form.dbrZjzm = "";
      this.form.dbrZjbm = "";
      this.form.dbrXm = "";
      this.form.dbrZjhm = "";
      this.form.dbrLxdh = "";
      this.form.dbrJzdz = "";
    },
    getCard2(data) {
      if (data && data.sqrZjhm) {
        this.form.dbrZjhm = data.sqrZjhm;
        this.form.dbrXm = data.sqrXm;
        this.form.dbrJzdz = data.hjdz;
      }
    },
    getCardJh(data) {
      if (data && data.sqrZjhm) {
        this.form.jhrZjhm = data.sqrZjhm;
        this.form.jhrXm = data.sqrXm;
        this.form.jhrJzdz = data.hjdz;
      }
    },
    clearJh() {
      this.form.jhrXm = "";
      this.form.jhrZjhm = "";
    },
    clear2() {
      this.form.dbrXm = "";
      this.form.dbrZjhm = "";
    },
    getTime() {
      // 获取当前年月日时分秒
      // 获取当前日期和时间
      const now = new Date();
      // 获取年份
      const year = now.getFullYear();
      // 获取月份（注意：月份是从0开始的，1月是0，12月是11）
      const month = String(now.getMonth() + 1).padStart(2, "0");
      // 获取日期
      const day = String(now.getDate()).padStart(2, "0");
      // 获取小时
      const hours = String(now.getHours()).padStart(2, "0");
      // 获取分钟
      const minutes = String(now.getMinutes()).padStart(2, "0");
      // 获取秒数
      const seconds = String(now.getSeconds()).padStart(2, "0");
      return year + month + day + hours + minutes + seconds;
    },
    /** 查询高龄津贴申请银行账户变更信息列表 */
    getList() {
      this.loading = true;
      listGljtBg(this.queryParams).then((response) => {
        this.gljtBgList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.submitFormLoading = false;
      this.sqrZjhm = null;
      this.form = {
        id: null,
        lrId: null,
        xzqh: null,
        sqrZjzm: null,
        sqrZjbm: null,
        sqrXm: null,
        sqrZjhm: null,
        sqrLxdh: null,
        tx: null,
        xb: null,
        csrq: null,
        jzdz: null,
        fzjg: null,
        ffyf: null,
        dbrZjzm: null,
        dbrZjbm: null,
        dbrXm: null,
        dbrZjhm: null,
        dbrLxdh: null,
        gx: null,
        dbrJzdz: null,
        yhzjz: null,
        hkbzm: null,
        hkbbm: null,
        khyh: null,
        yhzh: null,
        khmc: null,
        fj: null,
        bgsqShjg: null,
        bgsqShyj: null,
        bgsqShsj: null,
        bgsqShrxm:null,
        bgjdShjg: null,
        bgjdShyj: null,
        bgjdShsj: null,
        bgjdShrxm:null,
        bgmzShjg: null,
        bgmzShyj: null,
        bgmzShsj: null,
        bgmzShrxm:null,
        status: "0",
        istk: "0",
        isdb: "0",
        iszc: "0",
        dbzh: null, //低保证号
        sqms: null, //申请描述
        sqbfj: null,
        jhrXm: null, // 监护人姓名
        jhrZjhm: null, // 监护人证件号码
        jhrLxdh: null, // 监护人联系电话
        jhrJzdz: null, // 监护人居住地址
        jhrZjzm: null, // 监护人证件照正面
        jhrZjbm: null, // 监护人证件照背面
        xjdxzqh: null, // 现居地行政区划
        khwd: null, // 开户网点
        pc: null,
      };
      this.pc = null;
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.queryParams.jkzkDjzt = "";
      this.queryParams.glsqsjRange = "";
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map((item) => item.id);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.getSqShrxm();
      this.status = null;
      this.title = "添加高龄津贴变更信息";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.status = row.status;
      this.reset();
      const id = row.id || this.ids;
      if (this.status == "14") {
        this.getAccessToken();
      }
      this.getInfo(id, 1);
      // getGljtBg(id).then(response => {
      //   this.form = response.data;
      //   /****** sks 需要改动的地方 start ******/
      //   // this.copyForm=this.deepCopy(response.data)
      //   /****** sks 需要改动的地方 end ******/
      //   this.open = true;
      //   this.title = "修改高龄津贴申请银行账户变更信息";
      // });
    },
    handleXq(row) {
      this.reset();
      const id = row.id || this.ids;
      this.getInfo(id, 2);
    },
    handleDy(row) {
      this.reset();
      const id = row.id;
      const tj = JSON.parse(JSON.stringify({ id: id}));
      const sss1 = {
        tab: {
          tab: "jtbg",
          qh: this.user.userData.dept.locationCode.substring(0, 6),
        },
        sys: {
          dpt:
            this.user.userData.dept.deptName + "高龄老年人生活津贴变更信息表",
          dt: Date.now(),
        },
        tj: tj,
      };
      let ssss = encrypt_ECBdef(JSON.stringify(sss1));
      let para = encodeURIComponent(ssss);
      // window.open(Constant.DY_URL + "?tj=" + para, "_blank");
      window.open(Constant.DY_URL+"/getprint?tj="+para,"_blank");
    },
    getInfo(id, type) {
      getGljtBg(id).then((response) => {
        this.formXq = {
          ...response.data,
          isdb: this.translateDict("CZ035", response.data.isdb),
          iszc: this.translateDict("CZ035", response.data.iszc),
          istk: this.translateDict("CZ035", response.data.istk),
          gx: this.translateDict("C0032", response.data.gx),
          jhrGx: this.translateDict("C0032", response.data.jhrGx),
          khyh: this.translateDict("C0044", response.data.khyh),
          xb: this.translateDict("C0007", response.data.xb),
          bgsqShjg: this.translateDict("GL007", response.data.bgsqShjg),
          bgjdShjg: this.translateDict("GL007", response.data.bgjdShjg),
          bgmzShjg: this.translateDict("GL007", response.data.bgmzShjg),
          pc: this.translateDict("GL013", response.data.pc),
          mz: this.translateDict("C0009", response.data.mz),
          sndj: this.translateDict("GL021", response.data.sndj),
          bdbz:this.toms(response.data.bdbz)
        };
        /****** sks 需要改动的地方 start ******/
        this.oldData = JSON.parse(JSON.stringify(response.data));
        /****** sks 需要改动的地方 end ******/
        if (type === 1) {
          this.form = response.data;
          this.form.xzqh = this.form.xzqhCode
            ? this.form.xzqhCode.split(",")
            : [];
          this.form.xjdxzqh = this.form.xjdxzqhCode
            ? JSON.stringify(this.form.xjdxzqhCode.split(","))
            : [];
          this.getQxDfPz();
          //街道审核
          if(this.status == "11"){
            this.getJdShrxm();
          }
          //区县审核
          if(this.status == "12"){
            this.getMzShrxm();
          }

          this.getSqShrxm();
          this.open = true;
        }
        if (type === 2) {
          this.openXq = true;
        }
        this.title = "高龄津贴变更信息";
      });
    },
    getAccessToken() {
      getAccessToken().then((res) => {
        if (res.access_token) {
          this.accessToken = res.access_token;
        }
      });
    },
    toms(ins)
    {
      if(!ins)
      {
        return ins;
      }
      let dls=ins;
      let os="";
      for (let i = 0; i < dls.split("\n").length; i++) {
        let s=dls.split("\n")[i];
        let ts='';
        if ((s.includes("<<")) && (s.includes(">>")))
        {
          ts=s;
          if (s.indexOf('由【<<')>3)
          {
            let myts=s.substr(s.indexOf('由【<<')+3,2000);
            let myhead=s.substr(0,s.indexOf('由【<<')+1);
            myts=myts.replaceAll(">>】变更为【<<","*wlslxh*").replaceAll(">>","").replaceAll(";","");
            let tss=myts.split("*wlslxh*")
            if (tss.length==2)
            {
              let a=tss[0];
              let b=tss[1];
              if (tss[0].length>3)
              {
                a=decrypt_ECBdef(tss[0]);
              }
              if (tss[1].length>3)
              {
                b=decrypt_ECBdef(tss[1]);
              }
              if (a=="<") a="";
              ts=myhead+"【"+a+"】"+"变更为"+"【"+b+"】;"
            }
          }
        }
        else
        {
          ts=s;
        }
        if (i==0)os=ts;
        else os=os+'\n'+ts;

      }
      return os;
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(async (valid) => {
        if (valid) {
          if(this.copyForm){
            let dbzh1= this.form.dbzh?this.form.dbzh:'';
            let dbzh2= this.copyForm.dbzh?this.copyForm.dbzh:'';
            let formData = this.comparisonObject({...this.form,bgsqShjg:null,bgsqShyj:null,dbzh:dbzh1},{...this.copyForm,dbzh:dbzh2} );
            // console.log(this.form,'<------this.form');
            // console.log(this.copyForm,'<------this.copyForm');
            // console.log(formData,'<-----formData');
            if(!formData){
              this.$modal.msgError("信息没有任何变动,不能进行变更申请");
              return false;
            }
          }
          if (
            this.oldData.yhzh != this.form.yhzh &&
            this.oldData.isdb != this.form.isdb
          ) {
            this.$modal.msgError("银行卡信息和低保信息不能同时修改");

            return false;
          }

          let xzqh = "";
          let xjdxzqh = "";
          let qur = {};
          if (this.form.xzqh !== null) {
            if (Array.isArray(this.form.xzqh)) {
              xzqh = this.form.xzqh[this.form.xzqh.length - 1];
            } else {
              let data = JSON.parse(this.form.xzqh);
              xzqh = data[data.length - 1];
            }
          }
          if (this.form.xjdxzqh !== null) {
            if (Array.isArray(this.form.xjdxzqh)) {
              xjdxzqh = this.form.xjdxzqh[this.form.xjdxzqh.length - 1];
            } else {
              let data = JSON.parse(this.form.xjdxzqh);
              xjdxzqh = data[data.length - 1];
            }
          }
          qur = {
            ...this.form,
            xzqh: xzqh,
            xjdxzqh: xjdxzqh,
          };
          // if(this.status=='10'){
          //   qur={
          //     id:this.form.id,
          //     bgsqShjg:this.form.bgsqShjg,
          //     bgsqShyj:this.form.bgsqShyj,
          //     bgsqShsj:this.getTime()
          //   }
          // }
          if (this.status == "11") {
            qur = {
              id: this.form.id,
              bgjdShjg: this.form.bgjdShjg,
              bgjdShyj: this.form.bgjdShyj,
              bgjdShsj: this.getTime(),
              bgjdShrxm: this.form.bgjdShrxm,
            };
          }
          if (this.status == "12") {
            qur = {
              id: this.form.id,
              bgmzShjg: this.form.bgmzShjg,
              bgmzShyj: this.form.bgmzShyj,
              bgmzShsj: this.getTime(),
              bgmzShrxm: this.form.bgmzShrxm,
            };
          }
          if (this.status == "14") {
            await endGljtBg({ id: this.form.id });
            this.form.id = null;
            qur.id = null;
            qur.bgjdShjg = null;
            qur.bgjdShyj = null;
            qur.bgjdShsj = null;
            qur.bgmzShjg = null;
            qur.bgmzShyj = null;
            qur.bgmzShsj = null;
            qur.bgjdShrxm= null;
            qur.bgmzShrxm= null;
          }

          this.submitFormLoading = true;
          if (this.form.id != null) {
            if (this.status == "10") {
              qur.bgsqShsj = this.getTime();
            }
            /****** sks 需要改动的地方 start ******/
            // let formData=this.comparisonObject(this.form,this.copyForm);
            // if(formData) {
            updateGljtBg(qur)
              .then((response) => {
                this.$modal.msgSuccess("修改成功");
                this.open = false;
                this.saveSpr();
                // this.gljtBgList=this.dataReplacement(this.gljtBgList,this.form.id,formData);
                this.getList();
              })
              .finally(() => (this.submitFormLoading = false));
            // }else{
            //   this.$modal.msgSuccess("修改成功");
            //   this.open = false;
            //   this.submitFormLoading = false;
            // }
            /****** sks 需要改动的地方 end ******/
          } else {
            addGljtBg({ ...qur, bgsqShsj: this.getTime() })
              .then((response) => {
                this.$modal.msgSuccess("新增成功");
                this.open = false;
                this.saveSpr();
                this.getList();
                /****** sks 需要改动的地方 start ******/
                // if (this.queryParams.pageSize===this.gljtBgList.length)
                // {
                //   this.gljtBgList.pop();
                // }
                // this.gljtBgList.unshift({...this.form,id:response.data});
                // this.total++;
                /****** sks 需要改动的地方 end ******/
              })
              .finally(() => (this.submitFormLoading = false));
          }
        }
      });
    },
    //缓存各级的审批人
    saveSpr(){
      if(this.form.bgsqShrxm){
        localStorage.setItem('bgsqShrxm', this.form.bgsqShrxm);
      }
      if(this.form.bgjdShrxm){
        localStorage.setItem('bgjdShrxm', this.form.bgjdShrxm);
      }
      if(this.form.bgmzShrxm){
        localStorage.setItem('bgmzShrxm', this.form.bgmzShrxm);
      }
    },
    getSqShrxm(){
      if(localStorage.getItem('bgsqShrxm')&&!this.form.bgsqShrxm){
        this.form.bgsqShrxm=localStorage.getItem('bgsqShrxm')
      }
    },
    getJdShrxm(){
      if(localStorage.getItem('bgjdShrxm')&&!this.form.bgjdShrxm){
        this.form.bgjdShrxm =localStorage.getItem('bgjdShrxm')
      }
    },
    getMzShrxm(){
      if(localStorage.getItem('bgmzShrxm')&&!this.form.bgmzShrxm){
        this.form.bgmzShrxm=localStorage.getItem('bgmzShrxm')
      }
    },
    translateDict(type, value) {
      return this.selectDictLabel(this.dict.type[type], value);
    },
    /** 删除按钮操作 */
    handleDelete(row, index) {
      const ids = row.id || this.ids;
      this.$modal
        .confirm("确认删除此记录吗？")
        .then(function () {
          return endGljtBg({ id: ids });
        })
        .then(() => {
          this.getList();
          /****** sks 需要改动的地方 ind参数需要传进来 start ******/
          // this.gljtBgList.splice(index,1);
          // if(this.gljtBgList.length===0)
          // {
          //   this.getList();
          // }else {
          //   this.total--;
          // }
          this.$modal.msgSuccess("删除成功");
          /****** sks 需要改动的地方 end ******/
        })
        .catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download(
        "gljt/gljtBg/export",
        {
          ...this.queryParams,
        },
        `gljtBg_${new Date().getTime()}.xlsx`
      );
    },
  },
};
</script>
<style scoped lang="scss">
@import "@/assets/styles/common/common.scss";

.imgStyle {
  width: 260px;
  height: 148px;
}
.imgStyleHk {
  width: 260px;
  height: 180px;
}
.tableStyle {
  width: 100%;
  border: none;

  tr {
    td {
      /*height: 70px;*/
      /*width: auto;*/
      border: none;
      padding: 0;
      vertical-align: initial;
    }

    td:nth-child(odd) {
      text-align: left;
      background: transparent;
    }
  }

  ::v-deep .el-form-item {
    margin-bottom: 0;
    margin-right: 0;

    .el-date-editor {
      .el-input__suffix-inner {
        width: 8px;
      }
    }

    .tx-error {
      color: #ff4949;
      font-size: 12px;
      line-height: 1;
      padding-top: 2px;
      position: absolute;
      top: 100%;
      left: 36%;
    }

    .el-cascader {
      width: 100%;
    }
  }

  ::v-deep .el-form-item2 {
    .el-upload--picture-card {
      height: 250px;
      width: 250px;
      line-height: 250px;
    }

    .component-upload-image {
      width: 100%;
      text-align: center;
    }

    .el-upload-list--picture-card {
      height: 250px;
      width: 250px;

      .el-upload-list__item {
        height: 250px;
        width: 250px;
        margin: 0;
      }
    }
  }
}

.flexCount {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

::v-deep .uploadStyle {
  .component-upload-image {
    line-height: 0;
  }
  .el-upload--picture-card {
    width: 260px;
    height: 148px;
    line-height: 108px;
  }

  .el-upload-list--picture-card {
    width: 260px;
    height: 148px;

    .el-upload-list__item {
      width: 260px;
      height: 148px;
      margin: 0;
    }
  }
}
::v-deep .uploadStyleFx {
  .component-upload-image {
    line-height: 0;
  }
  .el-upload--picture-card {
    width: 260px;
    height: 180px;
    line-height: 180px;
  }

  .el-upload-list--picture-card {
    width: 260px;
    height: 180px;

    .el-upload-list__item {
      width: 260px;
      height: 180px;
      margin: 0;
    }
  }
}
::v-deep .uploadStyleBig {
  .component-upload-image {
    line-height: 0;
  }
  .el-upload--picture-card {
    width: 289px;
    height: 389px;
    line-height: 389px;
  }

  .el-upload-list--picture-card {
    width: 246px;
    height: 389px;

    .el-upload-list__item {
      width: 246px;
      height: 389px;
      margin: 0;
    }
  }
}
.grid3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /*grid-template-rows: 50px 50px;*/
}
.grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*grid-template-rows: 50px 50px;*/
}
.labelStyle {
}
</style>