mz-cloud/ruoyi-ui-gljt/src/views/gljt/gljtSq/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 label="是否公示" prop="isgs">
            <el-select
              v-model="queryParams.isgs"
              placeholder="请选择是否公示"
              clearable
            >
              <el-option
                v-for="dict in dict.type.CZ035"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value"
              >
              </el-option>
            </el-select>
          </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:gljtSq:add']"
              >新增
            </el-button>
            <el-button
              type="primary"
              plain
              icon="el-icon-plus"
              size="mini"
              @click="handleGs()"
              :disabled="multiple"
            >批量上传公示
            </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:gljtSq:export']"-->
          <!--            >导出-->
          <!--            </el-button>-->
          <!--          </el-col>-->
          <right-toolbar
            :showSearch.sync="showSearch"
            @queryTable="getList"
          ></right-toolbar>
        </el-row>

        <el-table v-loading="loading" :data="gljtSqList" @selection-change="handleSelectionChange">
          <el-table-column
            fixed
            type="selection"
            width="55">
          </el-table-column>
          <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="120">
            <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 label="是否公示" align="center" prop="isgs">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.CZ035" :value="scope.row.isgs" />
            </template>
          </el-table-column>
          <el-table-column
            v-if="iscx"
            label="操作"
            align="center"
            class-name="small-padding fixed-width"
            fixed="right"
            width="150"
          >
            <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="330"
          >
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                v-show="
                  (scope.row.status == '0' ||
                    scope.row.status == '50' ||
                    scope.row.status == '4') &&
                  scope.row.state != '99'
                "
                @click="handleUpdate(scope.row)"
                v-hasPermi="['gljt:gljtSq:editSq']"
              >
                {{ scope.row.status == "4" ? "再次申请" : "审核" }}
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                v-show="scope.row.status == '1' && scope.row.state != '99'"
                @click="handleUpdate(scope.row)"
                v-hasPermi="['gljt:gljtSq:editJd']"
              >
                审核
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                v-show="scope.row.status == '2' && scope.row.state != '99'"
                @click="handleUpdate(scope.row)"
                v-hasPermi="['gljt:gljtSq:editMz']"
              >
                审核
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleGs(scope.row)"
              >上传公示
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleXq(scope.row)"
                v-hasPermi="['gljt:gljtSq:edit']"
                >详情
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleFj(scope.row)"
                v-hasPermi="['gljt:gljtSq:edit']"
                >上传附件
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleDy(scope.row)"
                v-hasPermi="['gljt:gljtSq:edit']"
                >打印
              </el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-delete"
                v-show="scope.row.status == '4' && scope.row.state != '99'"
                @click="handleDelete(scope.row, 'end')"
                v-hasPermi="['gljt:gljtSq: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
      @close="endTime"
    >
      <el-scrollbar wrapClass="scrollbar-wrap">
        <el-form ref="form" :model="form" :rules="rules" label-width="98px">
          <sqXq v-if="status == '2' || status == '1'" :form="formXq"></sqXq>
          <div v-else>
            <h3>证件图片信息</h3>
            <div style="display: flex">
              <div style="flex: 1; display: flex; flex-direction: column">
                <div class="flexCount">
                  <el-form-item
                    prop="sqrZjzm"
                    label-width="0"
                    class="uploadStyle"
                  >
                    <!--<el-input v-model="form.sqrZjzm" placeholder="请输入申请人证件照正面"/>-->
                    <image-upload-gljt
                      :opt="{ cardNo: this.cardNo, hkbName: hkbName }"
                      :isShowTip="false"
                      v-model="form.sqrZjzm"
                      :accessToken="accessToken"
                      @getCard="getCard"
                      @clear="clear"
                      :limit="1"
                      :isOcr="true"
                      ocrType="front"
                    ></image-upload-gljt>
                    <span>证件人像面</span>
                    <el-image class="imgSxj"  v-if="isMqtt" @click="QRSFZ('sfz','sfz')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                    <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('sfz','sfz')"></i>-->
                  </el-form-item>
                </div>
                <div class="flexCount">
                  <el-form-item
                    label=""
                    label-width="0"
                    prop="hkbzm"
                    class="uploadStyleFx"
                  >
                    <image-upload-gljt
                      v-model="form.hkbzm"
                      :limit="1"
                      :isShowTip="false"
                      :isOcr="true"
                      ocrType="homepage"
                      :accessToken="accessToken"
                    ></image-upload-gljt>
                    <span>户口首页</span>
                    <el-image class="imgSxj"  v-if="isMqtt" @click="QRSFZ('hk','hk')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                    <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('hk','hk')"></i>-->
                  </el-form-item>
                </div>
              </div>
              <div style="flex: 1; display: flex; flex-direction: column">
                <div class="flexCount">
                  <el-form-item
                    label=""
                    label-width="0"
                    prop="sqrZjbm"
                    class="uploadStyle"
                  >
                    <image-upload-gljt
                      :isShowTip="false"
                      v-model="form.sqrZjbm"
                      :accessToken="accessToken"
                      @getCard="getBack"
                      :limit="1"
                      :isOcr="true"
                      ocrType="back"
                    ></image-upload-gljt>
                    <span>证件国徽面</span>
                    <el-image class="imgSxj"  v-if="isMqtt" @click="QRSFZ('sfz','sfz')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                    <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('sfz','sfz')"></i>-->
                  </el-form-item>
                </div>
                <div class="flexCount">
                  <el-form-item
                    label=""
                    label-width="0"
                    prop="hkbbm"
                    class="uploadStyleFx"
                  >
                    <image-upload-gljt
                      :opt="form"
                      :isShowTip="false"
                      v-model="form.hkbbm"
                      :limit="1"
                      :accessToken="accessToken"
                      @getCard="getSubpage"
                      :isOcr="isOcrHkb"
                      ocrType="subpage"
                      @clear="clearHkb"
                    ></image-upload-gljt>
                    <span>户口本人页</span>
                    <el-image class="imgSxj"  v-if="isMqtt" @click="QRSFZ('hk','hk')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                    <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('hk','hk')"></i>-->
                  </el-form-item>
                </div>
              </div>
              <div style="flex: 1" class="flexCount">
                <el-form-item
                  label=""
                  label-width="0"
                  prop="tx"
                  class="uploadStyleBig"
                >
                  <image-upload-gljt
                    :isShowTip="false"
                    :limit="1"
                    v-model="form.tx"
                  />
                  <span> 老人照片 </span>
                  <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('rx','rx')"></i>-->
                  <el-image class="imgSxj"  v-if="isMqtt" @click="QRSFZ('rx','rx')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                </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
                  v-model="form.sqrXm"
                  @change="changHm"
                  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
                  v-model="form.sqrZjhm"
                  placeholder="请输入申请人身份证号"
                />
              </el-form-item>
              <el-form-item label="发证机关" prop="fzjg">
                <el-input
                  v-model="form.fzjg"
                  placeholder="请输入发证机关"
                />
              </el-form-item>
              <el-form-item label="户籍社区" prop="xzqh">
                <RegionCascaderSelect
                  v-model="form.xzqh"
                  style="width: 100%"
                  @nodeData="changeXzqh"
                  valueProp="code"
                  :isDataRoot="true"
                >
                </RegionCascaderSelect>
              </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
                  v-model="form.sqrLxdh2"
                  placeholder="请输入申请人联系电话"
                />
              </el-form-item>
              <el-form-item label="居住区划" prop="xjdxzqh">
                <RegionCascaderSelect
                  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
                  v-model="form.hjdz"
                  placeholder="请输入户籍地址"
                />
              </el-form-item>
              <el-form-item
                label="现居地址"
                prop="jzdz"
                style="grid-column: 1 / span 3"
              >
                <el-input
                  v-model="form.jzdz"
                  placeholder="请输入详情居住地址"
                />
              </el-form-item>
              <!--是否显示是否迁入配置-->
              <el-form-item label="是否迁入" prop="isqr" v-if="user.qxpz&&user.qxpz.isqr&&user.qxpz.isqr=='1'">
              <el-radio-group v-model="form.isqr" @change="chengeIsqr">
              <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="isqr">-->
                <!--<el-radio-group v-model="form.isqr" @change="chengeIsqr">-->
                  <!--<el-radio-->
                    <!--v-for="dict in hjOpt"-->
                    <!--:key="dict.value"-->
                    <!--:label="dict.value"-->
                  <!--&gt;{{ dict.label }}-->
                  <!--</el-radio>-->
                <!--</el-radio-group>-->
              <!--</el-form-item>-->
              <el-form-item label="迁入日期" prop="qrsj" v-if="form.isqr=='1'&&user.qxpz.isqr&&user.qxpz.isqr=='1'">
                <el-date-picker
                  clearable
                  v-model="form.qrsj"
                  @change="getQxBfPz"
                  type="date"
                  value-format="yyyyMMdd"
                  placeholder="请选择迁入日期"
                >
                </el-date-picker>
              </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"
                >
                  <label slot="label"
                  ><span>银行卡正面照</span>
                    <el-image class="imgSxj2"  v-if="isMqtt" @click="QRSFZ('yhk','yhk')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                    <!--<i class="el-icon-camera-solid" v-if="isMqtt" @click="QRSFZ('yhk','yhk')"></i>-->
                  </label>
                  <image-upload-gljt
                    :isShowTip="false"
                    v-model="form.yhzjz"
                    :accessToken="accessToken"
                    :limit="1"
                    :isOcr="true"
                    ocrType="bankcard"
                    @getCard="getCardYhk"
                  ></image-upload-gljt>
                </el-form-item>
              </div>
              <div style="flex: 2" class="grid2">
                <el-form-item label="开户银行" prop="khyh">
                  <!--<el-cascader-->
                    <!--: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 v-model="form.khwd" placeholder="请输入银行网点" />
                </el-form-item>
                <el-form-item label="账号" prop="yhzh">
                  <label slot="label"
                    >账<span style="opacity: 0">账号</span>号</label
                  >
                  <el-input v-model="form.yhzh" placeholder="请输入银行账号" />
                </el-form-item>
                <el-form-item label="户名" prop="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"
                >
                  <label slot="label"
                  ><span>证件人像面</span>
                    <el-image class="imgSxj2"  v-if="isMqtt" @click="QRSFZ('sfz','jhr')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                    <!--<i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','jhr')"></i>-->
                  </label>
                  <image-upload-gljt
                    :isShowTip="false"
                    v-model="form.jhrZjzm"
                    :accessToken="accessToken"
                    @getCard="getCardJh"
                    @clear="clearJh"
                    :limit="1"
                    :isOcr="true"
                    ocrType="front"
                  ></image-upload-gljt>
                </el-form-item>
                <el-form-item
                  label="证件国徽面"
                  style="display: flex"
                  prop="jhrZjbm"
                  label-width="98"
                  class="uploadStyle"
                >
                  <label slot="label"
                  ><span>证件国徽面</span>
                    <el-image class="imgSxj2"  v-if="isMqtt" @click="QRSFZ('sfz','jhr')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                    <!--<i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','jhr')"></i>-->
                  </label>
                  <image-upload-gljt
                    :isShowTip="false"
                    v-model="form.jhrZjbm"
                    :limit="1"
                    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">
                  <label slot="label"
                    >姓<span style="opacity: 0">姓名</span>名</label
                  >
                  <el-input
                    v-model="form.jhrXm"
                    placeholder="请输入监护人姓名"
                  />
                </el-form-item>
                <el-form-item label="身份证号" prop="jhrZjhm">
                  <el-input
                    v-model="form.jhrZjhm"
                    placeholder="请输入监护人身份证号"
                  />
                </el-form-item>
                <el-form-item label="联系电话" prop="jhrLxdh">
                  <el-input
                    v-model="form.jhrLxdh"
                    placeholder="请输入监护人联系电话"
                  />
                </el-form-item>
                <el-form-item label="与老人关系" prop="jhrGx">
                  <el-select
                    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"
                >
                  <el-input
                    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 : []"
                >
                  <label slot="label"
                  ><span>证件人像面</span>
                    <!--<i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','dbr')"></i>-->
                    <el-image class="imgSxj2"  v-if="isMqtt" @click="QRSFZ('sfz','dbr')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                  </label>
                  <image-upload-gljt
                    :isShowTip="false"
                    v-model="form.dbrZjzm"
                    :accessToken="accessToken"
                    @getCard="getCard2"
                    @clear="clear2"
                    :limit="1"
                    :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 : []"
                >
                  <label slot="label"
                  ><span>证件国徽面</span>
                    <!--<i class="el-icon-camera-solid" style="display: block;" v-if="isMqtt" @click="QRSFZ('sfz','dbr')"></i>-->
                    <el-image class="imgSxj2"  v-if="isMqtt" @click="QRSFZ('sfz','dbr')" :src="require('../../../assets/images/gljt/sxj.png')"> </el-image>
                  </label>
                  <image-upload-gljt
                    :isShowTip="false"
                    v-model="form.dbrZjbm"
                    :accessToken="accessToken"
                    :limit="1"
                    :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
                    v-model="form.dbrLxdh"
                    placeholder="请输入代办人联系电话"
                  />
                </el-form-item>
                <el-form-item label="与老人关系" prop="gx">
                  <el-select
                    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
                    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="changeDb">
                    <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
                    :isShowTip="false"
                    :limit="1"
                    v-model="form.dbzm"
                  />
                </el-form-item>
              </div>
            </div>
            <h3>其他信息</h3>
            <div>
              <el-form-item label="承诺书" prop="cnstp" v-if="user.qxpz&&user.qxpz.iscns&&user.qxpz.iscns=='1'">
                <image-upload-gljt
                  :isShowTip="false"
                  v-model="form.cnstp"
                  :limit="1"
                ></image-upload-gljt>
              </el-form-item>
              <el-form-item label="其他材料">
                <file-upload
                  v-model="form.fj"
                  :fileType="[
                    'doc',
                    'xls',
                    'ppt',
                    'txt',
                    'pdf',
                    'png',
                    'jpg',
                    'jpeg',
                  ]"
                />
              </el-form-item>
              <el-form-item label="备注信息">
                <el-input
                  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="申请标准" style="grid-column: 1 / span 2">
                <dict-tag :options="dict.type.GL013" :value="form.pc" />
                <!--<el-input disabled v-model="form.sqbfys" placeholder="请输入补发月数"/>-->
              </el-form-item>
              <el-form-item label="始发年月" prop="ffyf">
                <el-date-picker
                  @change="clearBfxx"
                  clearable
                  v-model="form.ffyf"
                  :disabled="isJy"
                  type="month"
                  value-format="yyyyMM"
                  placeholder="请输入始发年月"
                  :picker-options="ffyfPickerOptions"
                >
                </el-date-picker>
              </el-form-item>
              <el-form-item label="补发开始月份" prop="bfksyf" >
                <el-date-picker
                  @change="getBfys"
                  clearable
                  v-model="form.bfksyf"
                  :disabled="isJyBf||(form.ffyf?false:true)"
                  type="month"
                  value-format="yyyyMM"
                  placeholder="请输入始发年月"
                  :picker-options="ffyfPickerOptions2"
                >
                </el-date-picker>
              </el-form-item>
              <el-form-item  label="补发详细" style="grid-column: 1 / span 2" v-if="form.jfxxList&&form.jfxxList.length>0">
                <el-table  :data="form.jfxxList" ref="multipleTable" @selection-change="handleSelectionChange2">
                  <el-table-column
                    type="selection"
                    width="55">
                  </el-table-column>
                  <el-table-column label="补贴月份" align="center" prop="ffyf" >
                    <template slot-scope="scope">
                      {{scope.row.ffyf&&scope.row.ffyf.length>=6?scope.row.ffyf.slice(0,4)+'-'+scope.row.ffyf.slice(-2):scope.row.ffyf}}
                    </template>
                  </el-table-column>
                  <el-table-column label="补发金额" align="center" prop="ffje" >
                    <template slot-scope="scope">
                      <el-form-item
                        :prop="'jfxxList.' + scope.$index + '.ffje'"
                        :rules="{ required: true, message: '金额不能为空', trigger: 'blur'}"
                      >
                        <number @changeValue="changeFfje" placeholder="补发金额" v-model.sync="scope.row.ffje" :min="0" :max="10000000000" :precision="2"/>
                        <!--<el-input v-model="scope.row.ffje"></el-input>-->
                      </el-form-item>
                    </template>
                  </el-table-column>
                </el-table>
              </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>
            <!--<tr>-->
            <!--<td>-->
            <!--<el-form-item label="是否重残" prop="iszc">-->
            <!--<el-radio-group v-model="form.iszc">-->
            <!--<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>-->
            <!--</td>-->
            <!--<td>-->
            <!--<el-form-item label="重残证明" prop="dbzm" v-if="form.iszc=='1'">-->
            <!--<image-upload-gljt :limit="1" v-model="form.zczm"/>-->
            <!--</el-form-item>-->
            <!--</td>-->
            <!--<td>-->
            <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
            <!--<td>-->
            <!--<el-form-item label="是否特困" prop="istk">-->
            <!--<el-radio-group v-model="form.istk">-->
            <!--<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>-->
            <!--</td>-->
            <!--<td>-->
            <!--<el-form-item label="特困证明" prop="tkzm" v-if="form.istk=='1'">-->
            <!--<image-upload-gljt :limit="1" v-model="form.tkzm"/>-->
            <!--</el-form-item>-->
            <!--</td>-->
            <!--<td>-->
            <!--</td>-->
            <!--</tr>-->
            <div>
              <h3 style="margin-top: 20px">社区(村)审核</h3>
              <div class="grid2">
                <el-form-item label="审核结果" prop="sqShjg">
                  <el-select
                    v-model="form.sqShjg"
                    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="sqShrxm">
                  <el-input
                    v-model="form.sqShrxm"
                    placeholder="请输入审批人"
                  />
                </el-form-item>
                <el-form-item label="审核意见" prop="sqShyj" style="grid-column: 1 / span 2">
                  <el-input
                    v-model="form.sqShyj"
                    placeholder="请输入审核意见"
                  />
                </el-form-item>
              </div>
            </div>
          </div>

          <div v-if="status == '1'">
            <h3 style="margin-top: 20px">街道(乡镇)审核</h3>
            <div class="grid2">
              <el-form-item label="审核结果" prop="jdShjg">
                <el-select
                  v-model="form.jdShjg"
                  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="jdShrxm">
                <el-input
                  v-model="form.jdShrxm"
                  placeholder="请输入审批人"
                />
              </el-form-item>
              <el-form-item label="审核意见" prop="jdShyj" style="grid-column: 1 / span 2">
                <el-input
                  v-model="form.jdShyj"
                  placeholder="请输入申请街道(乡镇)审核意见"
                />
              </el-form-item>
            </div>
            <!--<el-form-item label="申请街道(乡镇)审核时间" prop="jdShsj">-->
            <!--<el-date-picker clearable-->
            <!--v-model="form.jdShsj"-->
            <!--type="datetime"-->
            <!--value-format="yyyyMMddHHmmss"-->
            <!--placeholder="请选择申请街道(乡镇)审核时间">-->
            <!--</el-date-picker>-->
            <!--</el-form-item>-->
          </div>
          <div v-if="status == '2'">
            <h3 style="margin-top: 20px">区民政局审核</h3>
            <div class="grid2">
              <el-form-item label="审核结果" prop="mzShjg">
                <el-select
                  v-model="form.mzShjg"
                  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="jdShrxm">
                <el-input
                  v-model="form.mzShrxm"
                  placeholder="请输入审批人"
                />
              </el-form-item>
              <el-form-item label="审核意见" prop="mzShyj" style="grid-column: 1 / span 2">
                <el-input
                  v-model="form.mzShyj"
                  placeholder="请输入审核意见"
                />
              </el-form-item>
            </div>
          </div>
        </el-form>
      </el-scrollbar>
      <div slot="footer" class="dialog-footer">
        <el-button
          type="primary"
          v-hasPermi="['gljt:gljtSq:editSq']"
          @click="submitFormZc(true)"
          :loading="submitFormLoading"
          >暂 存
        </el-button>

        <el-button
          type="success"
          @click="submitForm"
          :loading="submitFormLoading"
          >提 交</el-button
        >
        <el-button
          type="danger"
          v-show="form.status === '50'"
          @click="handleDelete(form)"
          v-hasPermi="['gljt:gljtSq:editSq']"
          >删除
        </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"></sqXq>
      </el-scrollbar>
    </el-dialog>
    <el-dialog
      v-dialog-drag
      :title="title"
      :visible.sync="openFj"
      width="600px"
      append-to-body
    >
      <el-scrollbar wrapClass="scrollbar-wrap">
        <el-form ref="form2" :model="form" :rules="rules">
          <el-form-item label="附件" prop="sqbfj">
            <file-upload
              v-model="form.sqbfj"
              :fileType="[
                'doc',
                'xls',
                'ppt',
                'txt',
                'pdf',
                'png',
                'jpg',
                'jpeg',
              ]"
            />
          </el-form-item>
        </el-form>
      </el-scrollbar>
      <div slot="footer" class="dialog-footer">
        <el-button
          type="primary"
          @click="submitForm2"
          :loading="submitFormLoading"
          >确 定</el-button
        >
        <el-button @click="cancel2">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog
      v-dialog-drag
      :title="titleRwm"
      :visible.sync="openRwm"
      width="400px"
      append-to-body
      @close="clearTime"
    >
      <div style="display: flex; flex-direction: column; text-align: center">
        <span style="color: red; font-size: 20px">{{ divmsgtime }}</span>
        <div ref="qrcode" class="qrcode"></div>
        <div class="qrcodeBj" v-show="isZz">图片采集中，请稍后!</div>
        <span style="color: green; font-size: 18px">{{ divmsgfoot }}</span>
      </div>
    </el-dialog>
    <!-- 高龄补贴公示图片 -->
    <el-dialog
      v-dialog-drag
      :title="title"
      :visible.sync="openGs"
      width="400px"
      append-to-body
    >
      <el-scrollbar wrapClass="scrollbar-wrap">
        <el-form ref="form3" :model="form" :rules="rules">
          <el-form-item label="公示图片" prop="gszp">
            <image-upload-gljt
              :isShowTip="false"
              v-model="form.gszp"
              :limit="1"
            ></image-upload-gljt>
          </el-form-item>
        </el-form>
      </el-scrollbar>
      <div slot="footer" class="dialog-footer">
        <el-button
          type="primary"
          @click="submitForm3"
          :loading="submitFormLoading"
        >确 定</el-button
        >
        <el-button @click="cancel3">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {
  addGljtSq,
  delGljtSq,
  getGljtSq,
  listGljtSq,
  updateGljtSq,
  endGljtSq,
  getQxDfPz,
  getQxBfPz,
  getBfys,
  gljtSqFormList,
  addGljtSqGstp,
  editFj
} from "@/api/gljt/gljtSq";
import { chineseOne, idCard, Regular, Mobile } from "@/utils/regular";
import { getAccessToken, idcard } from "../../../api/lnst/baiduUtil";
import {
  addGljtLr,
  delGljtLr,
  getGljtLr,
  listGljtLr,
  updateGljtLr,
  ocrQuery,
} from "@/api/gljt/gljtLr";
import {
  getKhyh
} from "@/api/gljt/qxpz";
import sqXq from "./sqXq";
import { mapState } from "vuex";
import { encrypt_ECBdef } from "@/api/tool/sm4";
import mqtt from "mqtt";
import { getUuid } from "@/utils";
import QRCode from "qrcodejs2";
import { Constant } from "@/utils/constant";
import axios from 'axios'
export default {
  name: "GljtSq",
  dicts: [
    "GL007",
    "C0007",
    "C0009",
    "GL021",
    "C0032",
    "C0044",
    "GL002",
    "GL003",
    "CZ035",
    "GL009",
    "GL013",
  ],
  components: {
    sqXq,
  },
  computed: {
    ...mapState(["user"]),
  },
  props: {
    iscx: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      khyhOpt:[],
      isMqtt:false,
      hjOpt:[{label:'本地户籍',value:'0'},{label:'外地迁入',value:'1'}],
      glsqsjRange: [],
      multipleSelection: [],
      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]);
            },
          },
        ],
      },
      client: null,
      options: {
        connectTimeout: 6000, // 超时时间
        clientId: "znyl_" + getUuid(),
        // endpoint: "/mqtt",
        // host: "jdgl.ccsckj.com",
        // port: 443,
        username: "admin", // 用户名
        password: "sckj@2023", // 密码
        cleanSession: false,
        keepAlive: 60, // 心跳值，心跳值太大可能会连接不成功，这个参考文档
      },
      subscription: {
        topic: "/Radar60FL/#",
        qos: 0,
      },
      titleRwm: "",
      openRwm: false,
      countdown: "",
      divmsgfoot: "",
      timer: "",
      divmsgtime: "",
      isZz: false,
      // 遮罩层
      formXq: "",
      cardNo: "",
      hkbName: "",
      isOcrHkb: true,
      loading: true,
      submitFormLoading: false,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 高龄津贴申请信息表格数据
      gljtSqList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      openXq: false,
      openFj: false,
      openGs:false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        state: "0",
        isgs:null,
        sqrXm: null,
        sqrZjhm: null,
        glsqsjRange:null,
      },
      status: "",
      accessToken: "",
      isQxsh: false,
      xzqh: [],
      // 表单参数
      form: {},
      upper: null,
      upper2:null,
      isJy: true,
      isJyBf: true,
      itemRules: {
        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" },
        ],
      },
      // 表单校验
      rules: {
        xjdxzqh:[
          { required: true, message: "居住区划不能为空", trigger: "blur" }
        ],
        cnstp: [{ required: true, message: "承诺书不能为空", trigger: "blur" }],
        xzqh: [
          { required: true, message: "行政区划不能为空", trigger: "blur" },
          // {max: 12, message: '行政区划不能超过12个字符', trigger: 'blur'},
        ],
        sndj: [
          { required: true, message: "护理等级不能为空", trigger: "blur" },
        ],
        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" },
        ],
        fzjg: [
          { required: true, message: "发证机关不能为空", 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",
          },
        ],
        sqrLxdh2: [
          { 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" },
        ],
        jhrGx: [
          {
            required: true,
            message: "请选择监护人与申请人的关系",
            trigger: "change",
          },
        ],
        csrq: [
          {
            required: true,
            message: "申请人出生日期不能为空",
            trigger: "blur",
          },
        ],
        qrsj: [
          {
            required: true,
            message: "迁入日期不能为空",
            trigger: "blur",
          },
        ],
        mz: [{ required: true, message: "民族不能为空", trigger: "blur" }],
        hjdz: [
          {required: true, message: "申请人户籍地址不能为空", trigger: "blur"},
        ],
        yb: [
          {
            pattern: /^\d{6}$/,
            message: "邮政编码必须是6位数字",
            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: [
          { required: true, message: "始发年月不能为空", trigger: "blur" },
          { 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" },
        ],
        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'},
        ],
        tfdbrXm: [
          {
            max: 72,
            message: "停发代办人姓名不能超过72个字符",
            trigger: "blur",
          },
          { validator: chineseOne, trigger: "blur" },
        ],
        tfbdrLxdh: [
          {
            max: 64,
            message: "停发代办人联系电话不能超过64个字符",
            trigger: "blur",
          },
        ],
        tfyy: [
          { max: 100, message: "停发原因不能超过100个字符", trigger: "blur" },
        ],
        sqShyj: [
          {
            required: true,
            message: "申请社区(村)审核意见不能为空",
            trigger: "blur",
          },
          {
            max: 100,
            message: "申请社区(村)审核意见不能超过100个字符",
            trigger: "blur",
          },
        ],
        sqShjg: [
          {
            required: true,
            message: "申请社区(村)审核结果不能为空",
            trigger: "blur",
          },
          {
            max: 100,
            message: "申请社区(村)审核结果不能超过100个字符",
            trigger: "blur",
          },
        ],
        jdShyj: [
          {
            max: 100,
            message: "申请街道(乡镇)审核意见不能超过100个字符",
            trigger: "blur",
          },
          {
            required: true,
            message: "申请街道(乡镇)审核意见不能为空",
            trigger: "blur",
          },
        ],
        jdShjg: [
          {
            max: 100,
            message: "申请街道(乡镇)审核结果不能超过100个字符",
            trigger: "blur",
          },
          {
            required: true,
            message: "申请街道(乡镇)审核结果不能为空",
            trigger: "blur",
          },
        ],
        mzShyj: [
          {
            max: 100,
            message: "申请区民政局审核意见不能超过100个字符",
            trigger: "blur",
          },
          {
            required: true,
            message: "申请区民政局审核意见不能为空",
            trigger: "blur",
          },
        ],
        mzShjg: [
          {
            max: 100,
            message: "申请区民政局审核结果不能超过100个字符",
            trigger: "blur",
          },
          {
            required: true,
            message: "申请区民政局审核结果不能为空",
            trigger: "blur",
          },
        ],
        tfsqShyj: [
          {
            max: 100,
            message: "停发社区(村)审核意见不能超过100个字符",
            trigger: "blur",
          },
        ],
        tfjdShyj: [
          {
            max: 100,
            message: "停发街道(乡镇)审核意见不能超过100个字符",
            trigger: "blur",
          },
        ],
        tfmzShyj: [
          {
            max: 100,
            message: "停发区民政局审核意见不能超过100个字符",
            trigger: "blur",
          },
        ],
        bgsqShyj: [
          {
            max: 100,
            message: "账户变更社区(村)审核意见不能超过100个字符",
            trigger: "blur",
          },
        ],
        bgjdShyj: [
          {
            max: 100,
            message: "账户变更街道(乡镇)审核意见不能超过100个字符",
            trigger: "blur",
          },
        ],
        bgmzShyj: [
          {
            max: 100,
            message: "账户变更区民政局审核意见不能超过100个字符",
            trigger: "blur",
          },
        ],
        sqbfj: [{ required: true, message: "请上传附件", trigger: "blur" }],
        gszp: [{ required: true, message: "请上传公示图片", trigger: "blur" }],
      },

      props: {
        emitPath: false,
        checkStrictly: false,
      },
      ffyfPickerOptions: {
        disabledDate: (time) => {
          if (this.upper) {
            return time.getTime() < this.upper;
          }
          return false;
        },
      },
      ffyfPickerOptions2: {
        disabledDate: (time) => {
          if (this.upper2&&this.form.ffyf) {
            // this.upper =
            const date = new Date(this.form.ffyf.slice(0, 4), this.form.ffyf.slice(-2) - 1); // 注意：月份的取值范围是 0-11
            // 获取减去一个月后的时间
            const lastMonthDate = new Date(date.getFullYear(), date.getMonth() - 1);
            return time.getTime() < this.upper2||time.getTime()>lastMonthDate.getTime();
          }
          return false;
        },
      },
    };
  },
  created() {
    this.getList();
    // console.log(this.user.qxpz,'<---------qxpz');
  },
  methods: {
    changeXzqh(){
      this.form.khyh='';
      this.getKhyh();
    },
    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=[];
      }

    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.multiple = !selection.length
    },
    // 多选框选中数据
    handleSelectionChange2(selection) {
      this.multipleSelection = selection;
      this.changeFfje();
    },
    changeFfje(){
      let sum=0;
      this.multipleSelection.map(item=>{
        sum+= Number(item.ffje)
      })
      // this.form.bfjeCity=sum;
      // this.form.bfys= this.multipleSelection.length;
      this.form.sqbfje = sum;
      this.form.sqbfys = this.multipleSelection.length;
    },
    changHm() {
      this.form.khmc = this.form.sqrXm;
    },
    createConnection() {
      console.log("正在连接...");
      this.isMqtt=false;
      let that = this;
      try {
        this.client = mqtt.connect(
          // "wss://121.36.73.159:8083/mqtt",
          "wss://jdgl.ccsckj.com/mqtt",
          // "ws://121.36.73.159:8083/mqtt",
          this.options
        );
      } catch (error) {
        this.isMqtt=false;
        console.log("mqtt连接失败: ", error);
      }
      this.client.on("connect", (e) => {
        console.log("连接成功");
        this.isMqtt=true;
        this.doSubscribe(); // 订阅主题
      });
      // 接收消息处理
      this.client.on("message", this.message_str);
      // 连接错误处理
      this.client.on("error", (error) => {
        this.isMqtt=false;
        if (this.client) {
          this.client.end();
        }
        console.log("连接出错: ", error);
      });
      // 重新连接处理
      this.client.on('reconnect', () => {
        console.log('重新连接...')
      })
      this.client.on("close", () => {
        console.log("监听断开连接");
        this.isMqtt=false;
      });
    },
    endTime() {
      if (this.client) {
        this.client.end();
        this.client = null;
        console.log("断开连接");
      }
    },
    // 订阅
    doSubscribe() {
      // console.log(this.currentCode,'区划编码');
      // console.log(this.user.jgId,'this.user');
      this.subscription.topic = "/Radar60FL/" + this.options.clientId + "/#";
      // this.subscription.topic = '/Radar60FL/701D0808C9EB/sys/property/post';
      const { topic, qos } = this.subscription;
      this.client.subscribe(topic, qos, (error) => {
        if (!error) {
          console.log("订阅成功");
        } else {
          console.log("订阅失败");
        }
      });
    },
    async message_str(topic, message) {
      //监听消息函数
      console.log("收到来自主题:" + topic + "的消息:" + message.toString());
      // var messageTextArea = document.getElementById("messageTextArea");					//获取textarea元素
      // messageTextArea.value += "收到来自主题:"+topic+"的消息:"+message.toString()+"\n"; 	//将新的文本追加到 value
      if (topic.includes("sys/property/post")) {
        let msgobj = JSON.parse(message.toString());
        if (msgobj.params.picadata1) {
          this.clearTime();
          // console.log(msgobj.params.ywlx,'msgobj.params.ywlx');
          if (msgobj.params.lx === "sfz") {
             //身份证正面
             if(msgobj.params.picadata1) {
               let qur = await this.idCardIdentify(msgobj.params.picadata1, 'front')
               if (!qur.image_status || qur.image_status != 'normal' || qur.idcard_number_type != '1') {
                 this.$modal.msgError(`请上传正确的身份证正面照片`);
                 return;
               }

               if (msgobj.params.ywlx === "sfz") {
                 if (this.cardNo && (qur.words_result['公民身份号码'].words != this.cardNo)) {
                   this.$modal.msgError(`申请人证件信息与户口本信息不一致`);
                   return;
                 }

               }

               let formCard = {
                 sqrZjhm: qur.words_result['公民身份号码'].words,
                 csrq: qur.words_result['出生'].words,
                 xb: qur.words_result['性别'].words,
                 mz: qur.words_result['民族'].words,
                 sqrXm: qur.words_result['姓名'].words,
                 hjdz: qur.words_result['住址'].words,
               }
               if (msgobj.params.ywlx === "sfz") {
                 this.form.sqrZjzm = msgobj.params.picadata2;
                 this.getCard(formCard)
               }
               // console.log(qur, '身份证正面')
               if(msgobj.params.ywlx === "dbr"){
                 this.form.dbrZjzm = msgobj.params.picadata2;
                 this.getCard2(formCard)
               }
               if(msgobj.params.ywlx === "jhr"){
                 this.form.jhrZjzm = msgobj.params.picadata2;
                 this.getCardJh(formCard)
               }
             }
             //身份证背面
            if(msgobj.params.picbdata1)
            {
              let data2=  await this.idCardIdentify(msgobj.params.picbdata1,'back')
              if (!data2.image_status || data2.image_status != 'normal') {
                this.$modal.msgError(`请上传正确的身份证反面照片`);
                return;
              }
              if (msgobj.params.ywlx === "sfz") {
                this.form.sqrZjbm = msgobj.params.picbdata2;
                let formCard2 = {
                  fzjg: data2.words_result['签发机关'].words,
                  qfrq: data2.words_result['签发日期'].words,
                }
                this.getBack(formCard2)
              }
              if(msgobj.params.ywlx === "dbr"){
                this.form.dbrZjbm = msgobj.params.picbdata2;

              }
              if(msgobj.params.ywlx === "jhr"){
                this.form.jhrZjbm = msgobj.params.picbdata2;
              }
              // console.log(data2,'身份证反面')
            }
            // "picadata1":"https://jdgl.ccsckj.com/gljtUploadPath/2025/04/01/47b485800e9e11f08b479343e1_20250401100901A108.png",
            //   "picbdata1":"https://jdgl.ccsckj.com/gljtUploadPath/2025/04/01/47bbd8800e9e11f08b479343e1_20250401100901A109.png","lx":"sfz"}}
          }
          if (msgobj.params.lx === "rx") {
            this.form.tx = msgobj.params.picadata2;
            // console.log(this.form, "<-----我是form");
            // this.form.tx='/gljtUploadPath/2025/02/17/43d9cbd0ecfe11efa4fd03c1431ab362_20250217151027A056.png';

          }
          if(msgobj.params.lx === "hk"){
            //户口本首页
            if(msgobj.params.picadata1){
             let data=await this.household_registerIdentify(msgobj.params.picadata1,'homepage')
              // console.log(data,'户口本首页');
              if(!data.words_result){
                this.$modal.msgError(`请上传正确的户口本首页`);
                return;
              }
              this.form.hkbzm=msgobj.params.picadata2;
            }
            //户口本本人页
            if(msgobj.params.picbdata1){
              let qur=await this.household_registerIdentify(msgobj.params.picbdata1,'subpage')
              // console.log(qur,'户口本本人页');
              if(qur.words_result&&qur.words_result['CardNo']&&qur.words_result['Name']){
                if(this.form.sqrZjhm&&(this.form.sqrZjhm!= qur.words_result['CardNo'].words)){
                  // if(this.opt&&this.opt.sqrZjhm&&this.opt.sqrXm&&(this.opt.sqrZjhm!= qur.words_result['CardNo'].words||this.opt.sqrXm!=qur.words_result['Name'].words)){
                  this.$modal.msgError(`申请人证件信息与户口本信息不一致`);
                  return;
                }
                let formCard={
                  cardNo:qur.words_result['CardNo'].words,
                  name:qur.words_result['Name'].words,
                }
                this.form.hkbbm=msgobj.params.picbdata2;
                this.getSubpage(formCard)
              }else{
                this.$modal.msgError(`请上传正确的户口本本人页`);
                return;
              }
            }
          }
          if(msgobj.params.lx === "yhk"){
            let qur=await this.bankcardIdentify(msgobj.params.picadata1);
            if(qur.result&&qur.result.bank_card_number&&qur.result.bank_card_type!='0'){
             let formCard={
                yhzh:qur.result.bank_card_number.replace(/\s*/g,'')
              };
              this.form.yhzjz=msgobj.params.picadata2;
              this.getCardYhk(formCard)
            }else{
              this.$modal.msgError(`请上传正确的银行卡照片`);
              return ;
            }
          }
        }

        // if (msgobj.params.picbdata) {
        //   if (msgobj.params.lx === "sfz") {
        //   }
        //   var canvas = document.getElementById('SFZB');
        //   if (msgobj.params.lx=="hk") canvas = document.getElementById('HKB');
        //   if (msgobj.params.lx=="tx") canvas = document.getElementById('TX');
        //   if (msgobj.params.lx=="yhk") canvas = document.getElementById('YHK');
        //   canvas.src ="https://jdgl.ccsckj.com/resfile/"+ msgobj.params.picbdata;
        //
        //   closePopup();
        // }
        if (msgobj.params.msg) {
          this.divmsgfoot = msgobj.params.msg;
          if (msgobj.params.msg) {
            this.countdown = 60;
            if (msgobj.params.msg == "开始采集") {
              this.isZz = true;
            }
            if (msgobj.params.msg == "退出采集") {
              this.clearTime();
            }
          }
        }
      }
    },
    // 身份证文字识别
    idCardIdentify(url,type) {
      return new Promise((resolve, reject) => {
        var params = new FormData()
        params.append('url', url)//转Base64后的编码
        params.append('id\_card\_side', type)//身份证正反面参数，正：，反：back
        params.append('access\_token', this.accessToken);
        // params.append('detect_card', true);//身份证是否进行裁剪

        axios.post(
          '/baiduApi/rest/2.0/ocr/v1/idcard?', params,
          {headers: {'Content-Type': 'application/x-www-form-urlencoded'}}
        ).then((res) => {
          resolve(res.data)
          // resolve(res.data.words_result)
        })
      })
    },
    //户口本文字识别
    household_registerIdentify(household_registerImg,ocrType){
      return new Promise((resolve, reject) => {
        var params = new FormData()
        params.append('url', household_registerImg)//转Base64后的编码
        params.append('access\_token', this.accessToken);
        params.append('household\_register\_side', ocrType)
        axios.post(
          '/baiduApi/rest/2.0/ocr/v1/household_register?', params,
          {headers: {'Content-Type': 'application/x-www-form-urlencoded'}}
        ).then((res) => {
          resolve(res.data)
          // resolve(res.data.words_result)
        })
      })
    },
    //银行卡文字识别
    bankcardIdentify(bankCardImg){
      return new Promise((resolve, reject) => {
        var params = new FormData()
        params.append('url', bankCardImg)//转Base64后的编码
        params.append('access\_token', this.accessToken);
        axios.post(
          '/baiduApi/rest/2.0/ocr/v1/bankcard?', params,
          {headers: {'Content-Type': 'application/x-www-form-urlencoded'}}
        ).then((res) => {
          resolve(res.data)
          // resolve(res.data.words_result)
        })
      })
    },
    toGrayScale(canvasId) {
      const canvas = document.getElementById(canvasId);
      const ctx = canvas.getContext("2d");
      const imgData = ctx.getImageData(0, 0, canvas.width, canvas.height);
      const data = imgData.data;

      for (let i = 0; i < data.length; i += 4) {
        const avg = (data[i] + data[i + 1] + data[i + 2]) / 30; // 计算灰度值
        data[i] = avg; // R
        data[i + 1] = 58; // G
        data[i + 2] = avg; // B
      }

      ctx.putImageData(imgData, 0, 0);
      ctx.font = "40px Arial";
      ctx.fillStyle = "white";
      ctx.fillText("图片采集中，请稍后!", 120, 280);
    },
    clearTime() {
      this.openRwm = false;
      if (this.timer) {
        clearInterval(this.timer); // 停止计时器
        this.timer = null;
      }
      this.isZz = false;
      this.divmsgtime = null; // 更新页面上的显示为结束信息
      // console.log("清空");
    },
    QRSFZ(lx,ywlx) {
      this.openRwm = true;
      let starttime = new Date().valueOf();
      let tj = {
        lx: lx,
        ywlx:ywlx,
        kssj: starttime,
        jssj: starttime + 60000,
        czsc: 60000,
        clientid: this.options.clientId,
        rad: Math.random().toString(16).substr(2, 8),
        iszs:Constant.IS_ZS
      };
      let destj = encrypt_ECBdef(JSON.stringify(tj));
      const text =
        "https://jdgl.ccsckj.com/resfile/card/card2.html?tj=" +
        encodeURIComponent(destj);
      switch (ywlx) {
        case "sfz":
          this.titleRwm = "身份证图片采集";
          break;
        case "dbr":
          this.titleRwm = "代办人身份证图片采集";
          break;
        case "jhr":
          this.titleRwm = "监护人身份证图片采集";
          break;
        case "tx":
          this.titleRwm = "面部图片采集";
          break;
        case "hk":
          this.titleRwm = "户口本图片采集";
          break;
        case "yhk":
          this.titleRwm = "银行卡图片采集";
          break;
      }
      this.$nextTick(() => {
        this.$refs.qrcode.innerHTML = "";
        let qrcode = new QRCode(this.$refs.qrcode, {
          text: text,
          height: 290,
          width: 290,
          colorDark: "#000000",
          colorLight: "#ffffff",
          correctLevel: QRCode.CorrectLevel.H,
        });
      });
      this.divmsgfoot = "等待中。。。";
      this.countdown = 60;
      let that = this;
      this.timer = setInterval(() => {
        that.divmsgtime = that.countdown + "S"; // 更新页面上的倒计时显示
        that.countdown--; // 减少秒数
        if (that.countdown < 0) {
          // clearInterval(that.timer); // 停止计时器
          // that.divmsgtime = "0S"; // 更新页面上的显示为结束信息
          that.clearTime();
        }
      }, 1000);
    },
    clearDbr() {
      this.form.dbrZjzm = "";
      this.form.dbrZjbm = "";
      this.form.dbrXm = "";
      this.form.dbrZjhm = "";
      this.form.dbrLxdh = "";
      this.form.dbrJzdz = "";
    },
    // 节点单击事件
    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 (!this.form.csrq) {
        return;
      }

      let res = await getQxDfPz({ csrq: this.form.csrq, isdb: this.form.isdb});
      this.form.pc = res.data.pc;
      this.isJy = false;
      //如果是低保切换的话不需要调整补贴列表和当发月份的限制
      if (res.data.default&&!(is&&is=='true')) {
        // console.log(res.data,'res.data');
        this.form.ffyf = res.data.default;
        this.clearBfxx();
        // this.getBfys();
        if (res.data.under && res.data.under.length >= 6) {
          this.upper = new Date(
            res.data.under.slice(0, 4) + "-" + res.data.under.slice(-2)
          ).getTime();
          // console.log( this.upper,'<------ this.upper');
        }
      }
    },
    clearBfxx(){
      this.form.jfxxList=[];
      this.form.sqbfje =0;
      this.form.sqbfys = 0;
      this.form.bfksyf="";
      this.multipleSelection=[];
    },
    //补发月份的限制
    async getQxBfPz(is){
      if (!this.form.csrq) {
        return;
      }
      if(!(is&&is=='true')){
        this.clearBfxx();
      }
      let res = await getQxBfPz({ csrq: this.form.csrq, qrsj: this.form.qrsj});
      if (res.data.input&&res.data.input=='1') {
        this.isJyBf=false;
        if (res.data.under && res.data.under.length >= 6) {
          this.upper2 = new Date(
            res.data.under.slice(0, 4) + "-" + res.data.under.slice(-2)
          ).getTime();
        }
      }else {
        this.isJyBf=true;
      }
    },
    async getQxBfPz2() {
      if (!this.form.csrq) {
        return;
      }
      let res = await getQxDfPz({ csrq: this.form.csrq, isdb: this.form.isdb});
      this.form.pc = res.data.pc;
      this.isJy = false;
      if (res.data.default) {
        if (!this.form.ffyf) {
          this.form.ffyf = res.data.default;
        }
        if (res.data.under && res.data.under.length >= 6) {
          // console.log(res.data.under, "this.upper时间");
          this.upper = new Date(
            res.data.under.slice(0, 4) + "-" + res.data.under.slice(-2)
          ).getTime();
        }
      }
    },
    async changeDb() {
      this.form.dbzh = "";
      this.form.dbzm = "";
      await this.getQxDfPz('true');
      await this.getBfys();

    },
    chengeIsqr(){
      this.form.qrsj='';
      if(this.form.qfrq){
        this.form.qrsj=this.form.qfrq;
      }
      // this.getBfys()
      this.getQxBfPz();
    },
    //获取补贴的详细列表
    async getBfys() {
      this.form.jfxxList=[];
      this.form.sqbfje =0;
      this.form.sqbfys = 0;
      this.multipleSelection=[];
      if (this.form.ffyf && this.form.bfksyf) {
        let qur = {
          ffyf: this.form.ffyf,
          bfksyf:this.form.bfksyf,
          csrq: this.form.csrq,
          isdb: this.form.isdb,
        };
        // let res = await getBfys(qur);
        // this.form.sqbfje = res.data.sqbfje;
        // this.form.sqbfys = res.data.sqbfys;

        let res=await gljtSqFormList(qur);
        if(res.data.list&&res.data.list.length>0){
          this.form.sqbfys=res.data.list.length;
          let sum=0;
          res.data.list.map(item=>{
            sum+= Number(item.ffje)
          })
          this.form.sqbfje=sum;
          this.form.jfxxList=res.data.list;
          let that=this;
          this.$nextTick(()=>{
            that.form.jfxxList.forEach(row => {
              that.$refs.multipleTable.toggleRowSelection(row);
            });
          })
        }
        // console.log(res,'我是列表');
      }
    },
    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;
      listGljtSq(this.queryParams).then((response) => {
        this.gljtSqList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    getCard(data) {
      // console.log(data, "<--------身份证正面");
      if (data && data.sqrZjhm) {
        // if(this.cardNo&&this.hkbName&&(data.sqrZjhm!= this.cardNo||data.sqrXm!=this.name))
        // {
        //   this.$modal.msgError(`申请人证件信息与户口本信息不一致`);
        //   this.$nextTick(()=>{
        //   this.form.sqrZjzm='';})
        // }else{
        this.ocrSelect(data);
        // }
      }
    },
    ocrSelect(data) {
      ocrQuery({ sqrZjhm: data.sqrZjhm })
        .then(async () => {
          this.form.sqrZjhm = data.sqrZjhm;
          this.form.xb = this.dict.type.C0007.filter((e) =>
            e.label.includes(data.xb)
          )[0].value;
          this.form.mz = this.dict.type.C0009.filter((e) =>
            e.label.includes(data.mz + "族")
          )[0].value;
          this.form.csrq = data.csrq;
          this.form.sqrXm = data.sqrXm;
          this.form.khmc = data.sqrXm;
          this.form.hjdz = data.hjdz;
          await this.getQxDfPz();
          await this.getQxBfPz();
          // await this.getBfys();
        })
        .catch((e) => {
          this.form.sqrZjzm = "";
          console.log(e, "我是异常");
        });
    },
    getBack(data) {
      if (data) {
        this.form.fzjg = data.fzjg;
        this.form.qfrq = data.qfrq;
      }
    },
    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;
      }
    },
    getCardYhk(data) {
      if (data && data.yhzh) {
        this.form.yhzh = data.yhzh;
      }
    },
    getSubpage(data) {
      // console.log(data, "户口本");
      if (data && data.cardNo) {
        this.cardNo = data.cardNo;
        this.hkbName = data.name;
        // if(this.form.sqrZjhm&&this.form.sqrXm){
        //   if(this.form.sqrZjhm!= data.cardNo||this.form.sqrXm!=data.name)
        //   {
        //     this.$modal.msgError(`申请人证件信息与户口本信息不一致`);
        //     this.$nextTick(()=>{
        //       this.form.hkbbm='';
        //     })
        //
        //   }
        // }
      }
    },
    clearHkb() {
      this.cardNo = "";
      this.hkbName = "";
    },
    clear() {
      this.form.sqrZjhm = "";
      this.form.xb = "";
      this.form.csrq = "";
      this.form.sqrXm = "";
      this.form.hjdz = "";
      this.form.pc = "";
      this.form.ffyf = "";
      this.form.sqbfys = "";
      this.form.sqbfje = "";
      this.form.jfxxList=[];
      this.isJy=true;
      this.clearBfxx();
    },
    clear2() {
      this.form.dbrXm = "";
      this.form.dbrZjhm = "";
    },
    clearJh() {
      this.form.jhrXm = "";
      this.form.jhrZjhm = "";
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 取消按钮
    cancel2() {
      this.openFj = false;
      this.reset();
    },
    // 取消按钮
    cancel3() {
      this.openGs = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.submitFormLoading = false;
      this.form = {
        id: null,
        xzqh: null,
        sqrZjzm: null,
        sqrZjbm: null,
        sqrXm: null,
        fzjg: null,
        qfrq:null,
        yb: null,
        mz: null,
        sndj: null,
        sqrZjhm: null,
        sqrLxdh: null,
        sqrLxdh2: null,
        tx: null,
        xb: null,
        csrq: null,
        jzdz: null,
        hjdz: null,
        ffyf: null,
        pc: null,
        sqbfys: null,
        sqbfje: null,
        bfksyf:null,
        dbrZjzm: null,
        dbrZjbm: null,
        dbrXm: null,
        dbrZjhm: null,
        dbrLxdh: null,
        gx: null,
        jhrGx: null,
        dbrJzdz: null,
        yhzjz: null,
        hkbzm: null,
        hkbbm: null,
        khyh: null,
        yhzh: null,
        khmc: null,
        fj: null,
        tfdbrXm: null,
        tfbdrLxdh: null,
        tfsj: null,
        tfyy: null,
        tffj: null,
        sqShjg: null,
        sqShyj: null,
        sqShrxm:null,
        sqShsj: null,
        jdShjg: null,
        jdShyj: null,
        jdShsj: null,
        jdShrxm:null,
        mzShjg: null,
        mzShyj: null,
        mzShsj: null,
        mzShrxm:null,
        tfsqShjg: null,
        tfsqShyj: null,
        tfsqShsj: null,
        tfjdShjg: null,
        tfjdShyj: null,
        tfjdShsj: null,
        tfmzShjg: null,
        tfmzShyj: null,
        tfmzShsj: null,
        bgsqShjg: null,
        bgsqShyj: null,
        bgsqShsj: null,
        bgjdShjg: null,
        bgjdShyj: null,
        bgjdShsj: null,
        bgmzShjg: null,
        bgmzShyj: null,
        bgmzShsj: null,
        status: "0",
        istk: "0",
        isdb: "0",
        isqr:"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, // 开户网点
        gszp:null,
        qrsj:null,
        jfxxList:[]
      };
      this.clearHkb();
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      // if (this.xzqh) {
      //   this.queryParams.xzqh = this.xzqh[this.xzqh.length - 1];
      // } else {
      //   this.queryParams.xzqh = null;
      // }
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.queryParams.jkzkDjzt = "";
      this.queryParams.glsqsjRange = "";
      this.xzqh = [];
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      if (this.user.userData.dept.locationCode) {
        this.form.xzqh = [this.user.userData.dept.locationCode];
      }
      this.getKhyh();
      this.getAccessToken();

      // if(this.saveSpr();)
      this.getSqShrxm();
      this.status = null;
      this.open = true;
      this.title = "添加高龄津贴申请信息";
      // this.createConnection();
    },
    getSqShrxm(){
      if(localStorage.getItem('sqShrxm')&&!this.form.sqShrxm){
        this.form.sqShrxm=localStorage.getItem('sqShrxm')
      }
    },
    getJdShrxm(){
      if(localStorage.getItem('jdShrxm')&&!this.form.jdShrxm){
        this.form.jdShrxm =localStorage.getItem('jdShrxm')
      }
    },
    getMzShrxm(){
      if(localStorage.getItem('mzShrxm')&&!this.form.mzShrxm){
        this.form.mzShrxm=localStorage.getItem('mzShrxm')
      }
    },
    getAccessToken() {
      getAccessToken().then((res) => {
        if (res.access_token) {
          this.accessToken = res.access_token;
        }
      });
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.status = row.status;
      this.reset();
      const id = row.id;

      this.getInfo(id, 1);
    },
    getInfo(id, type) {
      getGljtSq(id).then((response) => {
        this.formXq = {
          ...response.data,
          isdb: this.translateDict("CZ035", response.data.isdb),
          isqr: this.translateDict('CZ035', response.data.isqr),
          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),
          sqShjg: this.translateDict("GL007", response.data.sqShjg),
          jdShjg: this.translateDict("GL007", response.data.jdShjg),
          mzShjg: this.translateDict("GL007", response.data.mzShjg),
          pc: this.translateDict("GL013", response.data.pc),
          mz: this.translateDict("C0009", response.data.mz),
          sndj: this.translateDict("GL021", response.data.sndj),
        };
        /****** sks 需要改动的地方 start ******/
        // this.copyForm=this.deepCopy(response.data)
        /****** sks 需要改动的地方 end ******/
        this.title = "高龄津贴信息";
        if (type === 1) {
          this.form = response.data;
          this.form.xzqh = this.form.xzqhCode
            ? JSON.stringify(this.form.xzqhCode.split(","))
            : [];
          this.form.xjdxzqh = this.form.xjdxzqhCode
            ? JSON.stringify(this.form.xjdxzqhCode.split(","))
            : [];
          this.getKhyh();
          //草稿、被拒绝、社区审核
          if (this.status == "4" || this.status == "0" || this.status == "50") {
            this.getSqShrxm();
            this.getAccessToken();
            this.getQxBfPz('true');
            this.getBfys();
          }
          //街道审核
          if(this.status == "1"){
            this.getJdShrxm();
          }
          //区县审核
          if(this.status == "2"){
            this.getMzShrxm();
          }

          this.getQxBfPz2();

          this.open = true;
        }
        if (type === 2) {
          this.openXq = true;
        }
        if (type === 3) {
          this.openFj = true;
          this.form.id = response.data.id;
          this.form.sqbfj = response.data.sqbfj;
          this.title = "上传附件";
        }
        //草稿、被拒绝、社区审核
        if (this.status == "4" || this.status == "0" || this.status == "50") {
          // this.createConnection();
        }
      });
    },
    //缓存各级的审批人
    saveSpr(){
      if(this.form.sqShrxm){
        localStorage.setItem('sqShrxm', this.form.sqShrxm);
      }
      if(this.form.jdShrxm){
        localStorage.setItem('jdShrxm', this.form.jdShrxm);
      }
      if(this.form.mzShrxm){
        localStorage.setItem('mzShrxm', this.form.mzShrxm);
      }
    },
    handleXq(row) {
      this.reset();
      const id = row.id;
      this.getInfo(id, 2);
    },
    handleFj(row) {
      this.reset();
      const id = row.id;
      this.getInfo(id, 3);
    },
    handleGs(row){
      if(row&&row.id)
      {
        this.ids=[row.id];
      }
      this.openGs = true;
      this.title = "上传公示";
    },
    handleDy(row) {
      this.reset();
      const id = row.id;
      const tj = JSON.parse(JSON.stringify({ lrId: id }));
      const sss1 = {
        tab: {
          tab: "jtsq",
          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 + "/getprint?tj=" + para, "_blank");
      // window.open(Constant.DY_URL + "?tj=" + para, "_blank");
    },

    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate((valid,fields) => {
        if (valid) {
          this.submitFormTj();
        }else{
          let errorMessage='';
          let numberErr=1;
          for (const field in fields) {
            if(numberErr===1)
            {
              errorMessage += fields[field][0].message;
            }
            numberErr++;
          }
          this.$modal.msgError(errorMessage)
         // this.$model   fields[0][0].message
        }
      });
    },
    submitFormZc(is) {
      // if(!this.form.sqrZjzm){
      //    this.$modal.msgError('申请人证件照正面不能为空');
      // }
      // if(!this.form.sqrLxdh){
      //   this.$modal.msgError('申请人联系电话不能为空');
      // }
      // if(!this.form.xzqh){
      //   this.$modal.msgError('户籍社区不能为空');
      // }
      let count = 0;
      let count2 = 0;
      const updateArr = ["sqrZjzm", "sqrLxdh", "xzqh"];
      let isAllowNext = false; // 是否允许下一步
      updateArr.forEach((item) => {
        this.$refs["form"].validateField(item, (errorMsg) => {
          // 返回值为空时，验证通过；返回值非空时，验证失败
          if (errorMsg){
            if(count2===0)
            {
              count2++;
              this.$modal.msgError(errorMsg)
            }
            return;
          }
          // 如果某个字段校验通过则计数+1
          ++count;
        });
      });
      // 如果当前表单必填项通过的数量与需要必填的数量相等，则进入下一步
      count === updateArr.length ? (isAllowNext = true) : "";
      if (isAllowNext) {
        // alert('必填字段均通过校验，允许进入下一步！')
        this.submitFormTj(is);
      }
    },
    async submitFormTj(is) {
      this.submitFormLoading = true;
      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=='0'){
      //   qur={
      //     id:this.form.id,
      //     sqShjg:this.form.sqShjg,
      //     sqShyj:this.form.sqShyj,
      //     sqShsj:this.getTime()
      //   }
      // }
      if (this.status == "1") {
        qur = {
          id: this.form.id,
          jdShjg: this.form.jdShjg,
          jdShyj: this.form.jdShyj,
          jdShsj: this.getTime(),
          jdShrxm: this.form.jdShrxm,
        };
      }
      if (this.status == "2") {
        qur = {
          id: this.form.id,
          mzShjg: this.form.mzShjg,
          mzShyj: this.form.mzShyj,
          mzShsj: this.getTime(),
          mzShrxm: this.form.mzShrxm,
        };
      }
      if (this.status == "4") {
        await endGljtSq({ id: this.form.id });
        this.form.id = null;
        qur.id = null;
        qur.jdShjg = null;
        qur.jdShyj = null;
        qur.jdShsj = null;
        qur.jdShrxm= null;
        qur.mzShjg = null;
        qur.mzShyj = null;
        qur.mzShsj = null;
        qur.mzShrxm= null;
      }
      if (is) {
        qur.sqShyj = null;
        qur.sqShjg = null;
        qur.sqShsj = null;
        qur.jdShjg = null;
        qur.jdShyj = null;
        qur.jdShsj = null;
        qur.jdShrxm= null;
        qur.mzShjg = null;
        qur.mzShyj = null;
        qur.mzShsj = null;
        qur.mzShrxm= null;
      }
      if (this.form.id != null) {
        if (this.status == "0" || this.status == "50") {
          qur.sqShsj = this.getTime();
          qur.jfxxList=this.multipleSelection;
        }
        updateGljtSq(qur)
          .then((response) => {
            this.$modal.msgSuccess("保存成功");
            this.open = false;
            this.saveSpr();
            this.getList();
          })
          .finally(() => (this.submitFormLoading = false));
      } else {
        addGljtSq({ ...qur, sqShsj: this.getTime(),jfxxList:this.multipleSelection })
          .then((response) => {
            this.$modal.msgSuccess("新增成功");
            this.open = false;
            this.saveSpr();
            this.getList();
            /****** sks 需要改动的地方 end ******/
          })
          .finally(() => (this.submitFormLoading = false));
      }
    },
    submitForm2() {
      this.$refs["form2"].validate((valid) => {
        if (valid) {
          editFj({ id: this.form.id, sqbfj: this.form.sqbfj })
            .then((response) => {
              this.$modal.msgSuccess("保存成功");
              this.openFj = false;
              // this.getList();
            })
            .finally(() => (this.submitFormLoading = false));
        }
      });
    },
    submitForm3() {
      // console.log(this.ids,'<---------this.ids');
      this.$refs["form3"].validate((valid) => {
        if (valid) {
          addGljtSqGstp({ gszp: this.form.gszp, idList:this.ids })
            .then((response) => {
              this.$modal.msgSuccess("保存成功");
              this.openGs = false;
              this.getList();
            })
            // .finally(() => (this.submitFormLoading = false));
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row, is) {
      const ids = row.id || this.ids;
      this.$modal
        .confirm("确认删除此记录吗？")
        .then(function () {
          if (is) {
            //被拒绝后删除
            return endGljtSq({ id: ids });
          } else {
            //暂存后删除
            return delGljtSq(ids);
          }
        })
        .then(() => {
          this.cancel();
          this.$modal.msgSuccess("删除成功");
          this.getList();
          /****** sks 需要改动的地方 ind参数需要传进来 start ******/
          // this.gljtSqList.splice(index,1);
          // if(this.gljtSqList.length===0)
          // {
          //   this.getList();
          // }else {
          //   this.total--;
          // }

          /****** sks 需要改动的地方 end ******/
        })
        .catch(() => {});
    },
    translateDict(type, value) {
      return this.selectDictLabel(this.dict.type[type], value);
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download(
        "gljt/gljtSq/export",
        {
          ...this.queryParams,
        },
        `gljtSq_${new Date().getTime()}.xlsx`
      );
    },
  },
};
</script>
<style scoped lang="scss">
@import "@/assets/styles/common/common.scss";

.qrcode {
  height: 300px;
  width: 300px;
  display: inline-block;
  border: 1px solid #dfdfdf;
  margin: 10px auto;
  padding: 5px;
}
.qrcodeBj {
  height: 300px;
  width: 300px;
  display: inline-block;
  border: 1px solid #dfdfdf;
  margin: 10px auto;
  padding: 5px;
  margin-top: -310px;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 30px;
  color: white;
  line-height: 300px;
}

.imgStyle {
  width: 171.2px;
  height: 108px;
}

.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;*/
}

.imgSxj{
  width: 30px;
  height: 30px;
  /*position: relative;*/
  /*top: 8px;*/
  /*left: 5px;*/
  position: absolute;
  display: inline-block;
  margin-top: 7px;
  margin-left: 10px;
}
.imgSxj2{
  width: 30px;
  height: 30px;
  display: inline-block;
}
</style>