<template>
  <div>
    <div v-if="showDirectly&&directUnderFlag==0" class="box mb20">
      <el-row class="flexRow">
        <el-col :span="6">
          <h3 class="m0">团队会员认证</h3>
        </el-col>
        <el-col v-if="authenticationStatusa == 2" :span="6">
          <label> 有效日期至({{ parseTime(form?.validityDate, '{y}-{m}-{d}') }}) </label>
        </el-col>
        <el-col :span="6">
          <div class="fitem">
            <label>认证状态：</label>
            <span v-if="authenticationStatusa == 0 ||!authenticationStatusa" class="text-danger">未认证</span>
            <span v-if="authenticationStatusa == 1" class="text-success">认证中</span>
            <span v-if="authenticationStatusa == 2" class="text-success">已认证</span>
            <span v-if="authenticationStatusa == 3" class="text-danger">认证未通过</span>
            <span v-if="authenticationStatusa == 4" class="text-danger">即将过期</span>
            <span v-if="authenticationStatusa == 5" class="text-danger">已过期</span>
          </div>
        </el-col>
        <el-col :span="6">
          <el-button type="primary" :disabled="!result" @click="audioFN1">去缴费</el-button>
          <el-button v-if="form.deptType!=1" type="primary" @click="auditEditFN">审核详情</el-button>
        </el-col>
      </el-row>
    </div>

    <el-row class="box">
      <!-- 会员认证 -->
      <el-col :span="6" class="ping">
        <div v-if="authenticationStatusa == 2" class="text-center ">
          <div class="textFather">
            <el-image style="width: 170px; height: 234px;display: block;" :src="image" fit="cover" />
            <div class="TextSon">
              <div class="tex1">
                {{ form.name }}
                <br>
                <span v-if="form.memCode" style="font-weight: 400;">
                  会员编号：{{ form.memCode }}
                </span>
              </div>
            </div>
          </div>
          <!-- <el-link type="primary" @click="downloadFN">
            <div style="margin-top: 10px;">
              <el-icon class="el-icon--left"><Download /></el-icon>
              <span>下载证书</span>
            </div>
          </el-link> -->
        </div>
      </el-col>

      <el-col :span="18">
        <el-form class="rightForm" :model="form" label-width="160px">
          <!-- <el-form-item v-if="form.deptType!=1" label="认证类型" prop="parentId">
            <div v-for="item in deptList " v-show="form.deptType==item.value" :key="item.value" class="left">
              {{ item.label }}
            </div>
          </el-form-item> -->
          <el-form-item v-if="form.aname" label="所属协会" prop="parentId">
            <div class="left">{{ form.aname }}</div>
          </el-form-item>
          <el-form-item v-if="form.memCode" label="会员编号" prop="menCode">
            <div class="left">{{ form.memCode }}</div>
          </el-form-item>
          <el-form-item label="机构名称" prop="name">
            <div class="left">{{ form.name }}</div>
          </el-form-item>
          <el-form-item label="所属省份" prop="belongProvinceId">
            <div v-for="item in options" v-show="item.value==form.belongProvinceId" :key="item.value" class="left">
              {{ item.text }}
            </div>
          </el-form-item>
          <el-form-item label="认证地址" prop="coordinates1">
            <div class="left">{{ address }}</div>
          </el-form-item>
          <el-form-item label="认证详细地址" prop="adress">
            <div class="left">{{ form.adress }}</div>
          </el-form-item>
          <el-form-item label="社会信用代码" prop="creditCode">
            <div class="left">{{ form.creditCode }}</div>
          </el-form-item>
          <!-- <el-form-item label="租赁有效期" prop="creditCode">
            <div class="left">{{ parseTime(form.leaseValidity , '{y}-{m}-{d}') }}</div>
          </el-form-item> -->
          <el-form-item label="法人姓名" prop="legal">
            <div class="left">{{ form.legal }}</div>
          </el-form-item>
          <el-form-item label="法人身份证" prop="legal">
            <el-image
              class="left idCard" style="width: 360px; height: 225px" :src="fillImgUrl(form.legalIdcPhoto1)"
              :fit="fit"
            />
            <el-image
              class="left idCard" style="width: 360px; height: 225px" :src="fillImgUrl(form.legalIdcPhoto2)"
              :fit="fit"
            />


          </el-form-item>
          <!-- <el-form-item label="法人证件照" prop="legalPhoto">
            <el-image class="left" style="width: 220px; height: 130px" :src="fillImgUrl(form.legalPhoto)" :fit="fit" />
          </el-form-item> -->
          <el-form-item label="营业执照" prop="businessLicense">

            <el-image class="left" style="width: 220px; height: 130px" :src="fillImgUrl(form.businessLicense)" :fit="fit" />

          </el-form-item>
          <el-form-item label="机构照片" prop="pictures">
            <div class="left">
              <el-image
                v-for="item in imgList" :key="item" class="right" style="width: 220px; height: 130px" :src="fillImgUrl(item)"
                :fit="fit"
              />
            </div>

          </el-form-item>
          <el-form-item label="入会材料上传" class="FileUpload" prop="materials1" :disabled="!result">
            <a :href="`${ download +form?.materials1?.[0]?.url}`" :underline="false" target="_blank">
              <el-button class="left" type="primary" link>{{ form?.materials1?.[0]?.name }}</el-button>
            </a>
          </el-form-item>
          <el-form-item label="入会申请书" class="FileUpload" prop="applicationForMembership1" :disabled="!result">
            <a :href="`${ download +form?.applicationForMembership1?.[0]?.url}`" :underline="false" target="_blank">
              <el-button class="left" type="primary" link>{{ form?.applicationForMembership1?.[0]?.name }}</el-button>
            </a>
          </el-form-item>
          <el-form-item label="是否为自有场所" prop="ownFlag">
            <el-radio-group v-model="form.ownFlag" disabled class="left">
              <el-radio label="1">是</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item v-if="form.ownFlag==1" label="合同" class="FileUpload" prop="applicationForMembership1" :disabled="!result">
            <a :href="`${ download +form?.leaseContract?.[0]?.url}`" :underline="false" target="_blank">
              <el-button class="left" type="primary" link>{{ form?.leaseContract?.[0]?.name }}</el-button>
            </a>
          </el-form-item>
          <el-form-item v-if="form.ownFlag==0" label="租赁合同" class="FileUpload" prop="applicationForMembership1" :disabled="!result">
            <a :href="`${ download +form?.leaseContract?.[0]?.url}`" :underline="false" target="_blank">
              <el-button class="left" type="primary" link>{{ form?.leaseContract?.[0]?.name }}</el-button>
            </a>
          </el-form-item>
          <el-form-item v-if="form.ownFlag==0" label="租赁合同有效期" class="FileUpload" prop="applicationForMembership1" :disabled="!result">
            <div v-if="leaseTimeS?.length>0" class="left">{{ leaseTimeS?.replaceAll(',','--') }}</div>
          </el-form-item>
          <br>
          <br>
        </el-form>

      </el-col>
      <el-button class="saveBtn" :disabled="!result&&authenticationStatusa!=0&&legal" type="primary" @click="editFN">编辑</el-button>

    </el-row>

    <!-- 编辑 -->
    <el-dialog
      v-if="showEdit" v-model="showEdit" style="z-index: 9999;" destroy-on-close="true" align-center
      title="认证编辑"
      width="1000px"
      append-to-body
      @close="close"
    >
      <el-form
        v-if="showEdit" ref="formData" class="rightForm" :model="form" label-width="160px"
        :rules="rules"
      >
        <!-- <el-form-item v-if="form.deptType!=1" label="认证类型" prop="deptType">
          <el-select v-model="form.deptType" :disabled="type" style="width: 100%" placeholder="请选择认证类型">
            <el-option v-for=" item in deptList" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>
        </el-form-item> -->
        <el-form-item label="选择所属协会" prop="parentId" class="cas">
          <el-cascader
            v-model="form.parentId"
            :options="list"
            :props="props2"
            clearable
            style="width: 100%"
            :disabled="type&&parentId!=-1&&parentId!=0"
            filterable
            @change="changCase"
          />
        </el-form-item>
        <el-form-item v-if="form.memCode" label="会员编号" prop="menCode">
          <el-input v-model="form.memCode" :disabled="true" style="width: 100%" />
        </el-form-item>
        <el-form-item label="机构名称" prop="name">
          <el-input v-model="form.name" :disabled="type" style="width: 100%" />
        </el-form-item>
        <el-form-item label="所属省份" prop="belongProvinceId">
          <el-select
            v-model="form.belongProvinceId"
            placeholder="请选择"
            style="width: 100%"
            :disabled="type&&(belongProvinceId||belongProvinceId==0)"
          >
            <el-option label="全国" :value="0" />
            <el-option v-for=" item in options " :key="item.value" :label="item.text" :value="item.value" />
          </el-select>
        </el-form-item>
        <el-form-item label="认证地址" prop="coordinates1">
          <el-cascader
            ref="cascaderA"
            v-model="form.coordinates1"
            :disabled="type&&!!coordinates1"
            placeholder="请选择"
            :options="options"
            :props="defaultProps"
            filterable
            style="width: 100%"
            @change="changeAddress"
          />
        </el-form-item>
        <el-form-item label="认证详细地址" prop="adress">
          <el-input v-model="form.adress" :disabled="type&&!!adress" style="width: 100%" />
        </el-form-item>

        <el-form-item label="社会信用代码" prop="creditCode">
          <el-input v-model="form.creditCode" :disabled="type&&!!creditCode" style="width: 100%" />
        </el-form-item>
        <el-form-item label="法人姓名" prop="legal">
          <el-input v-model="form.legal" :disabled="!result&&authenticationStatusa!=0&&legal" style="width: 100%" />
        </el-form-item>
        <el-form-item label="法人身份证" prop="legalIdcPhoto1" class="legalCard">
          <el-row style="width: 100%;">
            <el-col :span="12">
              <ImageUpload2
                v-model="form.legalIdcPhoto1" class="card1" :disabled="!result&&authenticationStatusa!=0&&legalIdcPhoto?.[0]" :crop-width="440" :crop-height="260"
                :limit="1"
              />
            </el-col>
            <el-col :span="12">
              <ImageUpload2
                v-model="form.legalIdcPhoto2" class="card2" :disabled="!result&&authenticationStatusa!=0&&legalIdcPhoto?.[1]" :crop-width="440" :crop-height="260"
                :limit="1"
              />
            </el-col>
          </el-row>
        </el-form-item>
        <!-- <el-form-item label="法人证件照" prop="legalPhoto">
          <ImageUpload2 v-model="form.legalPhoto" :disabled="!result&&authenticationStatusa!=0&&legalPhoto?.length>0" crop-width="440" crop-height="260" :limit="1" />
        </el-form-item> -->
        <el-form-item label="上传营业执照" prop="businessLicense">
          <ImageUpload2 v-model="form.businessLicense" :disabled="!result&&authenticationStatusa!=0&&businessLicense?.length>0" crop-width="440" crop-height="260" :limit="1" />
        </el-form-item>
        <el-form-item label="上传机构照片" prop="pictures">
          <ImageUpload2 v-model="form.pictures" :disabled="!result&&authenticationStatusa!=0&&pictures?.length>0" crop-width="440" crop-height="260" :limit="3" />
        </el-form-item>
        <el-form-item label="入会材料上传" class="FileUpload" prop="materials1">
          <FileUpload v-model="form.materials1" :limit="1" class="father" :file-size="100" :disabled="flag&&materials1?.length>0" />
        </el-form-item>
        <el-form-item label="入会申请书" class="FileUpload" prop="applicationForMembership1">
          <FileUpload v-model="form.applicationForMembership1" :limit="1" class="father" :disabled="flag&&applicationForMembership1.length>0" />
          <div>
            <a
              v-if="form.deptType==6||!form.deptType"
              href="/file/application.doc" target="_blank"
            >
              <el-button class="son1" type="primary" link>入会申请书模板(道馆)</el-button>
            </a>
            <a
              v-else
              href="/file/association.doc" :underline="false" target="_blank"
            >
              <el-button class="son1" type="primary" link>入会申请书模板(协会)</el-button>
            </a>
          </div>
        </el-form-item>
        <el-form-item label="是否为自有场所" prop="ownFlag">
          <el-radio-group v-model="form.ownFlag" :disabled="flag" class="left">
            <el-radio label="1">是</el-radio>
            <el-radio label="0">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item v-if=" form.ownFlag==1" label="合同" class="FileUpload" prop="leaseContract">
          <!-- <FileUpload v-model="form.leaseContract" :limit="1" :file-size="100" /> -->
          <FileUpload v-model="form.leaseContract" :limit="1" :file-size="100" :disabled="flag&&leaseContract?.length>0" />
        </el-form-item>
        <el-form-item v-if=" form.ownFlag==0" label="租赁合同" class="FileUpload" prop="leaseContract">
          <!-- <FileUpload v-model="form.leaseContract" :limit="1" :file-size="100" /> -->
          <FileUpload v-model="form.leaseContract" :limit="1" :file-size="100" :disabled="flag&&leaseContract?.length>0" />
        </el-form-item>
        <el-form-item v-if=" form.ownFlag==0" label="租赁合同有效期" class="" prop="leaseTime">
          <el-date-picker
            v-model="form.leaseTime"
            :disabled="flag&&leaseTime"
            value-format="YYYY-MM-DD HH:mm:ss"
            type="datetimerange"
            start-placeholder="开始日期"
            end-placeholder="截止日期"
            placeholder="请选择租赁合同有效期"
            style="width: 100%;"
          />
        </el-form-item>
        <br>
        <br>
      </el-form>
      <template #footer>
        <div style="text-align: center;">
          <el-button :loading="buttonLoading" type="primary" @click="submit">确 定</el-button>
          <el-button @click="showEdit=false">取 消</el-button>
        </div>
      </template>
    </el-dialog>

    <!-- 会员认证 -->
    <el-dialog
      v-model="showDialog" destroy-on-close="true" :title="title" width="500px"
      append-to-body
    >
      <el-form ref="infoRef" :model="form" :rules="rules" label-width="80px">
        <el-form-item :label="title" prop="renewYear">
          <el-select v-model="form.renewYear" style="width: 100%;" :placeholder="'请选择'+title">
            <el-option label="一年" value="1" />
            <el-option label="两年" value="2" />
            <el-option label="三年" value="3" />
            <el-option label="四年" value="4" />
            <el-option label="五年" value="5" />
          </el-select>
        </el-form-item>
      </el-form>
      <template #footer>
        <div style="text-align: center;">
          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
          <el-button @click="showDialog=false">取 消</el-button>
        </div>
      </template>
    </el-dialog>

    <auditEdit ref="auditEditRef" />
  </div>

</template>

<script setup>
import {
  editMyMemberCertifiedInfo,
  getMyOwnMemberInfo,
  commit, regionsList
} from '@/api/system/userInfo.js'
import { deptTreeSelect } from '@/api/system/user'
import { getCurrentInstance } from '@vue/runtime-core'
import { ref, reactive, toRefs } from 'vue'
import auditEdit from './auditEdit'
// import image from '@/assets/images/certificate.png'
import { certifiedDeptTree } from '@/api/system/userInfo.js'
import { ElMessageBox } from 'element-plus'
// import type { Action } from 'element-plus'
const pr = ref([])
const baseUrl = import.meta.env.VITE_APP_BASE_API
const download = ref(baseUrl + '/upload/getFile?fileUrl=')
const { proxy } = getCurrentInstance()
const authenticationStatusa = ref()
const list = ref([])
const options = ref([])
const title = ref()
const address = ref()
const defaultProps = {
  children: 'children',
  label: 'text',
  checkStrictly: true
}
const leaseContract = ref([])
const showDirectly = ref(true)
const showDialog = ref(false)
const showEdit = ref(false)
const type = ref(false) // 第一次选择认证认证类型
const flag = ref(false)
const result = ref(false)
const materials1 = ref()
const applicationForMembership1 = ref()
const pictures = ref()
const businessLicense = ref()
// const legalPhoto = ref()
const legal = ref()
const creditCode = ref()
const adress = ref()
const coordinates1 = ref()
const belongProvinceId = ref()
const legalIdcPhoto = ref([])
const parentId = ref()
const props2 = {
  checkStrictly: true,
  children: 'children',
  value: 'id',
  emitPath: false,
  disabled: 'disabled'
}

const data = reactive({
  form: {
    type: 1
  },
  rules: {
    parentId: [{ required: true, trigger: 'blur', message: '请选择所属协会' }],
    date1: [{ required: true, trigger: 'blur', message: '请选择有效期' }],
    creditCode: [
      { required: true, trigger: 'blur', message: '请输入社会信用代码' }
    ],
    businessLicense: [
      { required: true, trigger: 'blur', message: '请上传营业执照' }
    ],
    legal: [{ required: true, trigger: 'blur', message: '请输入法人姓名' }],
    // legalPhoto: [
    //   { required: true, trigger: 'blur', message: '请上传法人证件照' }
    // ],
    pictures: [{ required: true, trigger: 'blur', message: '请上传机构照片' }],
    name: [{ required: true, trigger: 'blur', message: '请输入机构名称' }],
    materials1: [{ required: true, trigger: 'blur', message: '请上传入会材料' }],
    applicationForMembership1: [{ required: true, trigger: 'blur', message: '请上传入会申请书' }],
    renewYear: [{ required: true, trigger: 'blur', message: '请选择认证年限' }],
    deptType: [{ required: true, trigger: 'blur', message: '请选择认证类型' }],
    orgName: [{ required: true, trigger: 'blur', message: '请输入机构名称' }],
    check: [{ required: true, trigger: 'blur', message: '请勾选入会须知' }],
    adress: [{ required: true, trigger: 'blur', message: '请输入认证详细地址' }],
    coordinates1: [{ required: true, trigger: 'blur', message: '认证地址不能为空' }],
    leaseValidity: [{ required: true, trigger: 'blur', message: '请选择租赁有效期' }],
    legalIdcPhoto1: [
      { required: true, trigger: 'blur', message: '请上传身份证正反面' },
      { validator: validateID, trigger: 'blur' }
    ],
    belongProvinceId: [{ required: true, trigger: 'change', message: '请选着所属省份' }],
    leaseTime: [{ required: true, trigger: 'change', message: '请选着租赁合同有效期' }],
    leaseContract: [{ required: true, trigger: 'blur', message: '请上传租赁合同' }]
  }
})
const { form, rules } = toRefs(data)
const imgList = ref([])
const inCertProcess = ref()
const newResult = ref(false) // 认证流程至少通过一次
const leaseTime = ref()
const leaseTimeS = ref()
const directUnderFlag = ref(0)
addressFn()
async function addressFn() {
  const res = await regionsList()
  options.value = res.data
  initData()
}


// 身份证校验
function validateID(rule, value, callback) {
  if (!form.value.legalIdcPhoto1) {
    callback(new Error('请上传您的身份证国徽面'))
  }
  if (!form.value.legalIdcPhoto2) {
    callback(new Error('请上传您的身份证头像面'))
  }
  return callback()
}

async function initData() {
  const res = await getMyOwnMemberInfo()
  newResult.value = res.data.newResult//
  result.value = res.data.result// 认证缴费状态
  authenticationStatusa.value = res.data.authenticationStatus
  showDirectly.value = !res.data.memberInfo.associateId
  pr.value = res.data.pr
  directUnderFlag.value = res.data.memberInfo.directUnderFlag
  // 认证地址
  const arr = []
  for (const item of options.value) {
    if (res.data.memberInfo.provinceId == item.value) {
      arr.push(item.text)
      for (const val of item.children) {
        if (res.data.memberInfo.cityId == val.value) {
          arr.push(val.text)
          for (const inx of val.children) {
            if (res.data.memberInfo.regionId == inx.value) {
              arr.push(inx.text)
              break
            }
          }
          break
        }
      }
      break
    }
  }
  address.value = arr.join('/')


  // debugger
  // 认证信息
  if (authenticationStatusa.value == 0 || authenticationStatusa.value == 3) {
    type.value = false
  } else {
    type.value = true
  }
  console.log(newResult.value)

  // 至少审核通过一次
  if (authenticationStatusa.value != 0) {
    if (newResult.value) {
      // 至少认证过一次
      flag.value = true
    } else {
      // 没有认证
      flag.value = false
    }
  }
  inCertProcess.value = res.data.inCertProcess
  if (!res.data.memberInfo) res.data.memberInfo = {}
  if (!res.data.dept) res.data.dept = {}
  form.value = { ...res.data.dept, ...res.data.memberInfo }
  if (form.value.materials) {
    form.value.materials1 = JSON.parse(form.value.materials)
    // form.value.materials = JSON.parse(form.value.materials)
  }
  if (form.value.applicationForMembership) {
    form.value.applicationForMembership1 = JSON.parse(form.value.applicationForMembership)
    // form.value.applicationForMembership = JSON.parse(form.value.applicationForMembership)
  }
  applicationForMembership1.value = form.value.applicationForMembership || []

  form.value.coordinates1 = []
  if (form.value.provinceId)form.value.coordinates1.push(form.value.provinceId)
  if (form.value.cityId) form.value.coordinates1.push(form.value.cityId) // 省份/市/区/州 选择框中的选择
  if (form.value.regionId) form.value.coordinates1.push(form.value.regionId) // 省份/市/区/州 选择框中的选择
  imgList.value = form?.value?.pictures?.split(',')
  form.value.legalIdcPhoto1 = form.value.legalIdcPhoto?.split(',')?.[0] || ''
  form.value.legalIdcPhoto2 = form.value.legalIdcPhoto?.split(',')?.[1] || ''
  if (form.value.leaseContract) form.value.leaseContract = JSON.parse(form.value.leaseContract)
  legalIdcPhoto.value = form.value.legalIdcPhoto
  leaseContract.value = form.value.leaseContract
  belongProvinceId.value = form.value.belongProvinceId
  leaseTime.value = form.value.leaseTime
  leaseTimeS.value = form.value.leaseTime
  form.value.ownFlag ? form.value.ownFlag : form.value.ownFlag = '0'
  form.value.leaseTime = form.value.leaseTime?.split(',') || []
  let res1 = []
  if (authenticationStatusa.value == 0 || authenticationStatusa.value == 3 || authenticationStatusa.value == 1) {
    res1 = await certifiedDeptTree({ selfDeptId: '-1', webSiteShow: 1, showDisabled: 1 })
  } else {
    res1 = await deptTreeSelect({ selfDeptId: '-1', showDisabled: 1, showDirect: authenticationStatusa.value == 2 || authenticationStatusa.value == 5 || authenticationStatusa.value == 4 ? 1 : null })
  }
  form.value.deptType = res.data.dept.deptType
  list.value = res1.data
  if (typeof list.value[0].id == 'number') {
    form.value.parentId = form.value.parentId * 1
  } else {
    form.value.parentId = form.value.parentId.toString()
  }
  materials1.value = form.value.materials || []
  pictures.value = form.value.pictures
  businessLicense.value = form.value.businessLicense
  // legalPhoto.value = form.value.legalPhoto
  creditCode.value = form.value.creditCode
  legal.value = form.value.legal
  coordinates1.value = form.value.provinceId
  adress.value = form.value.adress
  parentId.value = form.value.parentId
  console.log(creditCode.value)
  console.log(form.value.parentId * 1)
  console.log(list.value)
  console.log(form.value)
}


function changeAddress(value) {
  form.value.provinceId = value?.[0]?.toString()
  form.value.cityId = value?.[1]?.toString()
  form.value.regionId = value?.[2]?.toString()
}

function submit() {
  console.log(form.value)

  proxy.$refs['formData'].validate(async(valid) => {
    if (valid) {
      form.value.duanPrice = undefined
      form.value.jiPrice = undefined
      if (form.value.parentId == -1 || form.value.parentId == 0) {
        return proxy.$modal.msgError('请选择所属协会')
      }
      let res = null
      res = await editMyMemberCertifiedInfo({
        parentId: form.value.parentId,
        creditCode: form.value.creditCode,
        legal: form.value.legal,
        // legalPhoto: form.value.legalPhoto,
        businessLicense: form.value.businessLicense,
        pictures: form.value.pictures,
        materials: JSON.stringify(form.value.materials1),
        applicationForMembership: JSON.stringify(form.value.applicationForMembership1),
        memId: form.value.memId,
        id: form.value.deptId,
        name: form.value.name,
        regionId: form.value.regionId,
        cityId: form.value.cityId,
        provinceId: form.value.provinceId,
        adress: form.value.adress,
        belongProvinceId: form.value.belongProvinceId,
        deptType: form.value.deptType,
        leaseValidity: form.value.leaseValidity,
        legalIdcPhoto: [form.value.legalIdcPhoto1, form.value.legalIdcPhoto2]?.join(','),
        leaseContract: JSON.stringify(form.value.leaseContract),
        leaseTime: form.value.leaseTime ? [...form.value.leaseTime].join() : '',
        ownFlag: form.value.ownFlag
      })
      if (res.code === 200) {
        initData()
        showEdit.value = false
        audioFN1()
        proxy.$modal.msgSuccess('操作成功！')
        // if (authenticationStatusa.value == 0 || !authenticationStatusa.value) {
        //   if (showDirectly.value && directUnderFlag.value == 0) {
        //     audioFN2()
        //   } else {
        //     proxy.$modal.msgSuccess('操作成功！')
        //   }
        // } else {
        //   if (showDirectly.value && directUnderFlag.value == 0) {
        //     audioFN1()
        //   } else {
        //     proxy.$modal.msgSuccess('操作成功！')
        //   }
        // }
      } else {
        proxy.$modal.msgError('操作失败！')
      }
    } else {
      proxy.$modal.msgError('请完善信息')
    }
  })
}

// 认证按钮
function audioFN1() {
  if (!form.value.contact) {
    return proxy.$modal.msgError('请完善团体信息！')
  } else if (!form.value.legal) {
    return proxy.$modal.msgError('请完善认证信息！')
  } else {
    showDialog.value = true
    title.value = '缴费年限'
  }
}
// 确认认证
function submitForm() {
  if (!result.value) {
    proxy.$modal.msgError('缴费时间已过期，无法缴费！')
    return
  }
  proxy.$refs['infoRef'].validate(async(valid) => {
    if (valid) {
      const res = await commit(form.value.renewYear)
      if (res.code == 200) {
        // proxy.$modal.msgSuccess('操作成功！')
        showDialog.value = false
        initData()
        ElMessageBox.alert(title.value == '认证年限' ? '认证等待审核中！' : '缴费等待审核中！', '提示', {
          confirmButtonText: '确定'
        })
      } else {
        proxy.$modal.msgError('操作失败！')
      }
      form.value.renewYear = ''
    } else {
      proxy.$modal.msgError('请完善信息')
    }
  })
}

// 审核详情
function auditEditFN() {
  proxy.$refs['auditEditRef'].open(pr.value)
}

function editFN() {
  if (!form.value.name) {
    return proxy.$modal.msgError('请先完善团体信息！')
  }
  showEdit.value = true
}

function close() {
  showEdit.value = false
  initData()
}
</script>

<style scoped lang="scss">
.box {
  padding: 30px;
}
.ping {
  display: flex;
  justify-content: center;
}
.title-header {
  border: 1px solid black;
  padding: 10px;
}
.header {
  padding-left: 40px;
}
.header-1 {
  font-size: 20px;
}
.heder-right {
  padding-left: 20px;
  padding-top: 20px;
}
.quBtn {
  background-color: #920f20;
  color: #fff;
}

.idCard{
  margin-top: 5px;
  margin-bottom: 5px;
}
.m0{margin: 0}
.mb20{margin-bottom: 20px;}
.flexRow{display: flex;align-items: center;
  label{font-size: 16px;color: #7B7F83;}
}
:deep(.el-upload--picture-card){width: 220px;height: 130px;}
:deep(.el-upload-list__item){width: 220px;height: 130px;}
:deep( .FileUpload .el-upload-list__item){width: auto;height: 32px; .el-upload-list{margin:0 0 10px 0}}
:deep( .FileUpload ){.el-upload-list{margin:0 0 10px 0}}
:deep(.el-upload-list--picture-card .el-upload-list__item){width: 220px;height: 130px;}
:deep(.component-upload-image){
  display: flex;
  .el-upload__tip{width:200px;margin-left: 20px;}
}
.father{
  position: relative;
}
// .son1{
//   position: absolute;
//   top: 6px;
//   left: 100px ;
// }
.son2{
  position: absolute;
  top: 6px;
  left: 250px ;
}
.hint{
  text-align: left;
  font-size: 12px;
  color:#f56c6c;
  margin: 0;
  padding: 0;
}
.textFather{
  position: relative;
}

.TextSon{
  position: absolute;
  top: 125px;
  z-index: 2;
  padding: 0;
  margin: 0;
  width: 100%;
}
.tex1{
  z-index: 9;
  font-size: 10px;
  font-weight: 600;
  transform: scale(0.45);
  margin: 0;
  padding: 0;
  width: 100% !important;
}
.right{
  margin-right: 10px;
}


:deep(.legalCard){
  :deep(.el-form-item__label){color: #7B7F83}

  .el-upload__tip{
    display: none;
  }
  .card1{
    .el-upload--picture-card{
    background-image: url(@/assets/images/card2.png);
    background-size: 100%;
  }
  }

  .card2{
    .el-upload--picture-card{
    background-image: url(@/assets/images/card1.png);
    background-size: 100%;
  }
  }
  .el-upload-list--picture-card{
    width: 360px;
    height: 225px;
    .el-upload--picture-card{
      width: 100%;
      height: 100%;
    }
  }
  .el-upload-list__item{
    width: 360px;
    height: 225px;
    // border-radius: 10px;
    // border: 1px dashed #4e4c4c;
  }
}
</style>