<template>
  <div style="background-color:#f7f7f7;padding:10px 10px;">
    <div class="zhuti">
      <div style="height:58px;line-height:58px;">
        <div style="color:#0006"> <span>商户寻租管理</span> <span style="padding:0 5px;">></span> <span
            style="color:#000000e6">寻租申请管理</span></div>
      </div>
      <div>
        <!-- 搜索 -->
        <div class="formSearch">
          <el-form :inline="true" :model="formSel">
            <el-form-item label="意向客户名称">
              <el-input v-model="formSel.intentCustomerName" placeholder="请输入" class="moren" style="width:168px" />
            </el-form-item>
            <el-form-item label="意向资源名称">
              <el-input v-model="formSel.intentionalStoreName" placeholder="请输入" class="moren" style="width:168px" />
            </el-form-item>
            <!-- <el-form-item label="编号">
              <el-input v-model="formSel.id" placeholder="请输入" class="moren" style="width:168px" />
            </el-form-item> -->
            <el-form-item label="意向资源类型">
              <el-select v-model="formSel.intentionalBusinessType" placeholder="请选择" style="width:168px">
                <el-option label="商铺" value="商铺" />
                <el-option label="广告位" value="广告位" />
                <el-option label="场地" value="场地" />
              </el-select>
            </el-form-item>
            <el-form-item label="状态">
              <el-select v-model="formSel.auditStatus" placeholder="请选择" style="width:168px">
                <el-option label="未提交" value="1" />
                <el-option label="已提交" value="2" />
                <el-option label="已通过" value="3" />
                <el-option label="已驳回" value="4" />
              </el-select>
            </el-form-item>

          </el-form>
          <div style="width: 15%;">
            <el-button style="background-color: #3F9B6A;color: #fff" @click="onSubmit">查询
            </el-button>
            <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
              @click="resetting">重置
            </el-button>
          </div>

        </div>
        <div style="margin-bottom:20px;">
          <el-button style="background-color: #3F9B6A;color: #fff;padding:8px 15px;" icon="el-icon-circle-plus-outline"
            @click="addbuss">新增</el-button>
        </div>
        <!-- 表格 -->
        <el-table :data="
            tableData.slice(
              (currentPage - 1) * pageSize,
              currentPage * pageSize
            )
          " :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
          <el-table-column label="序号" min-width="80">
            <template slot-scope="scope">
              {{scope.$index+1}}
            </template>
          </el-table-column>
          <el-table-column label="意向客户名称" prop="intentCustomerName" min-width="150" />
          <el-table-column label="意向资源名称" prop="intentionalStoreName" min-width="150" />
          <el-table-column label="编号" prop="id" min-width="150" />
          <el-table-column label="意向资源类型" prop="intentionalBusinessType" min-width="150" />
          <el-table-column label="开始日期" prop="businessStartTime" min-width="200" />
          <el-table-column label="意向租期" prop="leaseTerm" min-width="150" />
          <el-table-column label="意向租金单价(元/平方)" prop="rent" min-width="250" />
          <el-table-column prop="auditStatus" label="状态" min-width="150">
            <template slot-scope="scope">
              {{ scope.row.auditStatus == "1" ? "未提交" :scope.row.auditStatus == "2" ?'已提交' :scope.row.auditStatus == "3" ?'已通过' :'已驳回' }}
            </template>
          </el-table-column>
          <el-table-column label="操作" min-width="350">
            <template slot-scope="scope">
              <div class="tableBtn greens" @click="handleEditForm(scope.row)">
                查看
              </div>
              <div class="tableBtn greens" @click="bianjilist(scope.row)" v-if="scope.row.auditStatus =='1'">
                编辑
              </div>
<!-- v-if="scope.row.auditStatus =='1'" -->
              <div class="tableBtn greens" @click="delGuan(scope.row)" >
                删除
              </div>
              <div class="tableBtn greens" @click="chehui(scope.row)" v-if="scope.row.auditStatus =='2'">
                撤回
              </div>
              <div class="tableBtn greens" @click="getshen(scope.row)" v-if="scope.row.auditStatus =='1'">
                提交审核
              </div>
              <div class="tableBtn greens" @click="shengRenwu(scope.row)" v-if="scope.row.auditStatus =='3'">
                生成任务跟进单
              </div>
              <div class="tableBtn greens" @click="pipei(scope.row)" v-if="scope.row.auditStatus =='1'">
                一键匹配
              </div>
            </template>
          </el-table-column>
        </el-table>
        <!-- 详情框  :visible.sync="detbox" -->
        <!-- <div  v-show="detbox" class="dialog_css_Xq " style="padding: 0;width:85%"> -->
        <el-dialog :visible.sync="detbox" custom-class="tongyong_css" style="padding: 0" width="55%" center
          :close-on-click-modal="false" class="dialog_css_Xq" :show-close="false">
          <div style="
              background-color: #fafafa;
              border: 1px solid #eaeaea;
              height: 42px;
              width: 100%;
              padding: 0 20px;
              line-height: 42px;
            ">
            {{edit==true?'详情':'编辑'}}
          </div>
          <div style="padding: 0 20px">
            <div style="
                display: flex;
                justify-content: space-between;
                font-size: 14px;
                margin-bottom: 20px;
              ">
              <el-tabs v-model="card" >
                <el-tab-pane label="意向信息" name="first">
                  <el-form ref="form" label-width="150px">
                    <el-form-item label="租用时段">
                      <el-date-picker style="width: 100%;" v-model="rentalPeriodTime"
                       value-format="yyyy-MM-dd" type="datetimerange" range-separator="至"
                        start-placeholder="开始日期" end-placeholder="结束日期" align="right" :disabled="edit?true:false">
                      </el-date-picker>
                    </el-form-item>
                    <el-form-item label="租期">
                   <el-select v-model="secondData.leaseTerm"  :disabled="edit?true:false">
                       <el-option label="年" value="年" />
                       <el-option label="月" value="月" />
                       <el-option label="日" value="日" />
                      </el-select>
                    </el-form-item>
                    <el-form-item label="租金">
                      <el-input v-model="secondData.rent" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="意向经营类型">
                      <el-select v-model="secondData.intentionalBusinessType" placeholder="请选择" :disabled="edit?true:false">
                       <el-option label="商铺" value="商铺" />
                       <el-option label="场地" value="场地" />
                       <el-option label="广告位" value="广告位" />
                      </el-select>
                    </el-form-item>
                    <el-form-item label="意向区域（如有）">
                      <el-input v-model="secondData.intendedArea" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="意向商铺位置（如有）">
                      <el-input v-model="secondData.intentionalStoreLocation" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="意向商铺名称（如有）">
                      <el-input v-model="secondData.intentionalStoreName" :disabled="edit?true:false"></el-input>
                    </el-form-item>

                  </el-form>

                </el-tab-pane>
                <el-tab-pane label="主体信息" name="second">
                  <el-form ref="form" label-width="140px">
                    <el-form-item label="主体名称">
                      <el-input v-model="secondData.subjectName" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="统一社会信用代码">
                      <el-input v-model="secondData.unifiedSocialCreditCode" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="类型">
                      <el-select v-model="secondData.type" placeholder="请选择" :disabled="edit?true:false">
                        <el-option label="个人" value="个人" />
                        <el-option label="企业" value="企业" />
                      </el-select>
                    </el-form-item>
                    <el-form-item label="法定代表人">
                      <el-input v-model="secondData.legalRepresentative" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="经营范围">
                      <el-input type="textarea" v-model="secondData.businessScope" :rows="4"
                        :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="注册资本">
                      <el-input v-model="secondData.registeredCapital" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="成立日期">
                      <el-input v-model="secondData.establishmentDate" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="住所">
                      <el-input v-model="secondData.address" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="邮箱地址">
                      <el-input v-model="secondData.emailAddress" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="营业期限">
                      <el-date-picker style="width: 100%;" v-model="businessStartTime"
                       value-format="yyyy-MM-dd" type="datetimerange" range-separator="至"
                        start-placeholder="开始日期" end-placeholder="结束日期" align="right" :disabled="edit?true:false">
                      </el-date-picker>
                    </el-form-item>
                    <el-form-item label="营业执照">
                      <upimg v-model="secondData.businessLicense" :limit="1" :fileSize="1" :isShowTip="false"
                        v-if="edit==false"></upimg>
                      <img :src="secondData.businessLicense" alt="" v-else>
                    </el-form-item>
                  </el-form>

                </el-tab-pane>

                <el-tab-pane label="申请人信息" name="there">
                  <el-form ref="form" label-width="140px">
                    <el-form-item label="申请人">
                      <el-input v-model="secondData.intentCustomerName" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="联系电话">
                      <el-input v-model="secondData.contactPhone" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="证件类型">
                      <el-select v-model="ruleForm.idCardType" placeholder="请选择" :disabled="edit?true:false">
                        <el-option label="身份证" value="身份证" />
                      </el-select>
                    </el-form-item>
                    <el-form-item label="身份证号码">
                      <el-input v-model="secondData.idCardNumber" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="身份证有效期">
                      <el-date-picker style="width: 100%;" v-model="idCardValidStart" value-format="yyyy-MM-dd"
                        type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
                        align="right" :disabled="edit?true:false">
                      </el-date-picker>
                    </el-form-item>
                    <el-form-item label="身份证照片(正面)">
                      <upimg v-model="secondData.idCardPhotoFront" :limit="1" :fileSize="1" :isShowTip="false"
                        v-if="edit==false"></upimg>
                      <img :src="secondData.idCardPhotoFront" alt="" v-else style="width:150px;height:150px">
                    </el-form-item>
                    <el-form-item label="身份证照片(反面)">
                      <upimg v-model="secondData.idCardPhotoBack" :limit="1" :fileSize="1" :isShowTip="false"
                        v-if="edit==false"></upimg>
                      <img :src="secondData.idCardPhotoBack" alt="" v-else style="width:150px;height:150px">
                    </el-form-item>
                    <el-form-item label="是否为法人">
                      <el-select v-model="ruleForm.isLegalPerson" placeholder="请选择" :disabled="edit?true:false">
                        <el-option label="否" value="0" />
                        <el-option label="是" value="1" />

                      </el-select>
                    </el-form-item>
                    <el-form-item label="企业授权书">
                      <upimg v-model="secondData.enterpriseAuthorization" :limit="1" :fileSize="1" :isShowTip="false"
                        v-if="edit==false"></upimg>
                      <img :src="secondData.enterpriseAuthorization" alt="" style="width:150px;height:150px" v-else>
                    </el-form-item>
                  </el-form>
                  <!-- <div style="padding: 0 20px 20px 20px">
                    <div style="margin-top: 20px;">
                      <div style="width: 100%;border:1px solid #EAEAEA;">
                        <div
                          style="display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 10px;width: 100%;border-top:1px solid #EAEAEA;background-color: #FAFAFA;border-right:1px solid #EAEAEA;border-left:1px solid #EAEAEA;">
                          <div style="line-height: 28px;">意向资源</div>
                          <div style="" class="leixingSel" v-if="edit == false">
                            <div class="tableBtn greens" >添加</div>

                          </div>
                        </div>
                        <div style="padding:15px">
                          <el-table :data="selshop"
                            :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
                            :border="true" style="width: 100%">
                            <el-table-column label="序号" prop="id" min-width="6%" />
                            <el-table-column label="资源名称" prop="shopName" min-width="10%" />
                            <el-table-column label="资源编号" prop="detailedLocation" min-width="10%" />
                            <el-table-column label="资源类型" prop="actualUsableArea" min-width="10%" />
                            <el-table-column label="意向租期" prop="belongingRegion" min-width="10%" />
                            <el-table-column label="意向租金(元)" prop="belongingDepartment" min-width="10%" />
                            <el-table-column label="操作" prop="head" min-width="10%">
                              <template slot-scope="scope" v-if="edit == false">
                                <div class="tableBtn greens" @click="bianjilist(scope.row)">
                                  编辑
                                </div>
                                <div class="tableBtn greens" @click="delGuan(scope.row)">
                                  删除
                                </div>
                              </template>
                            </el-table-column>
                          </el-table>
                        </div>
                      </div>
                    </div>

                  </div>-->
                </el-tab-pane>
              </el-tabs>
            </div>

            <div style="
                width: 99%;
                padding: 10px;
                display: flex;
                justify-content: flex-end;
              ">
              <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
                @click="closeFn(1)">取消</el-button>
              <!--         <el-button
               style="background-color: #3F9B6A;color: #fff"
                @click="bianji"
                v-if="edit"
                >编辑</el-button
              > -->

              <el-button style="background-color: #3F9B6A;color: #fff" @click="msgeditS"
                v-if="edit == false">确定</el-button>
            </div>
          </div>
        </el-dialog>
        <!-- 一键匹配 -->
        <el-dialog :visible.sync="pip" custom-class="tongyong_css" style="padding: 0" width="55%" center
          :close-on-click-modal="false" class="dialog_css_Xq" >
          <div style="
              background-color: #fafafa;
              border: 1px solid #eaeaea;
              height: 42px;
              width: 100%;
              padding: 0 20px;
              line-height: 42px;
            ">
           匹配记录
          </div>
          <div style="padding: 0 20px">
            <div style="
                display: flex;
                justify-content: space-between;
                font-size: 14px;

              ">
              <el-form ref="form"  :inline="true" :model="pipeiSel" style="padding-top: 10px;">
                <el-form-item label="意向资源类型">
                  <el-select v-model="pipeiSel.resources.cereRentalPolicies.businessType" placeholder="请选择"  style="width:168px">
                    <el-option label="商铺" value="sp" />
                    <el-option label="广告位" value="gg" />
                    <el-option label="场地" value="cd" />
                  </el-select>

                </el-form-item>
                <el-form-item label="租期">
                  <el-select v-model="pipeiSel.resources.cereRentalPolicies.leaseTerm" style="width:168px"  >
                      <el-option label="年" value="年" />
                      <el-option label="月" value="月" />
                      <el-option label="日" value="日" />
                     </el-select>
                </el-form-item>
                <el-form-item label="租金范围">
                  <el-select v-model="pipeiSel.resources.cereRentalPolicies.rentalPrice" placeholder="请选择" style="width:168px">
                    <el-option label="0-10000" value="0-10000" />
                    <el-option label="10000-20000" value="10000-20000" />
                    <el-option label="20000-50000" value="20000-50000" />
                    <el-option label="50000-100000" value="50000-100000" />
                  </el-select>
                </el-form-item>
              </el-form>
                <div style="
                    padding-top: 15px;
                  ">
                  <el-button style="background-color: #3F9B6A;color: #fff"
                @click="pipeiBtn"  >查询</el-button>
                  <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
                  @click="pipeiClose"   >重置</el-button>
                </div>
            </div>
            <!-- <div style="margin-bottom:20px;">
              <el-button style="background-color: #3F9B6A;color: #fff"
              >导出</el-button>
            </div> -->
            <el-table :data="
                pipData.slice(
                  (currentPage - 1) * pageSize,
                  currentPage * pageSize
                )
              " :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
              <el-table-column label="序号" min-width="80">
                <template slot-scope="scope">
                  {{scope.$index+1}}
                </template>
              </el-table-column>
              <el-table-column label="资源名称" prop="intentCustomerName" min-width="150" />
              <el-table-column label="编号" prop="resourcesId" min-width="150" />
              <el-table-column label="意向资源类型" prop="shopName" min-width="150" />
              <el-table-column label="最近释放日期" prop="businessStartTime" min-width="150" />
              <el-table-column label="最短租期" prop="contactInformation" min-width="150" />
              <el-table-column label="意向租金单价(元/平方)" prop="contactInformation" min-width="250" />
              <el-table-column prop="auditStatus" label="资源状态" min-width="150">
                <template slot-scope="scope">

                </template>
              </el-table-column>

            </el-table>
          </div>
        </el-dialog>
        <!-- ******************************************************弹框开始****************************************************** -->
        <!-- 新增弹框 -->
        <el-dialog :visible.sync="ggXin" custom-class="tongyong_css" style="padding: 0" width="65%" center
          :close-on-click-modal="false" class="dialog_css_Xq" :show-close="false">
          <div style="
              background-color: #fafafa;
              border: 1px solid #eaeaea;
              height: 42px;
              width: 100%;
              margin-bottom: 20px;
              padding: 0 20px;
              line-height: 42px;
            ">
            新增
          </div>
          <div class="setup">
            <el-steps :space="200" :active="stepNum">
              <el-step title="意向信息" />
              <el-step title="主体信息" />
              <el-step title="申请人信息" />
            </el-steps>
          </div>
          <div v-if="stepNum == 0" style="padding: 0 20px 20px 20px">
            <el-form ref="ruleForm" :model="ruleForm" label-width="150px">
              <el-form-item label="租用时段" prop="idCardPhotoBack">
                <el-date-picker v-model="rentalPeriodTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" value-format="yyyy-MM-dd" />
              </el-form-item>
              <el-form-item label="租期" prop="leaseTerm">
                <el-select v-model="ruleForm.leaseTerm" placeholder="请选择" >
                    <el-option label="年" value="年" />
                    <el-option label="月" value="月" />
                    <el-option label="日" value="日" />
                   </el-select>
              </el-form-item>

              <el-form-item label="租金" prop="rent">
                <el-input v-model="ruleForm.rent" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="意向经营类型" prop="intentionalBusinessType">
                <el-select v-model="ruleForm.intentionalBusinessType" placeholder="请选择" style="width: 100%;">
                  <el-option label="商铺" value="商铺" />
                  <el-option label="场地" value="场地" />
                  <el-option label="广告位" value="广告位" />
                </el-select>
              </el-form-item>

<el-form-item label="意向区域(如有)" prop="intendedArea">
                                <el-input v-model="ruleForm.intendedArea" placeholder="请输入" />
              </el-form-item>
<el-form-item label="意向商铺位置(如有)" prop="intentionalStoreLocation">
                                <el-input v-model="ruleForm.intentionalStoreLocation" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="意向商铺名称(如有)" prop="intentionalStoreName">
                                              <el-input v-model="ruleForm.intentionalStoreName" placeholder="请输入" />
                            </el-form-item>
            </el-form>
          </div>
          <div v-if="stepNum == 1" style="padding: 0 20px 20px 20px">

            <el-form ref="ruleForm" :model="ruleForm" label-width="130px">
              <el-form-item label="主体名称" prop="subjectName">
                <el-input v-model="ruleForm.subjectName" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
                <el-input v-model="ruleForm.unifiedSocialCreditCode" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="类型" prop="type">
                <el-select v-model="ruleForm.type" placeholder="请选择" style="width: 100%;">
                  <el-option label="个人" value="个人" />
                  <el-option label="企业" value="企业" />
                </el-select>
              </el-form-item>
              <el-form-item label="法定代表人" prop="legalRepresentative">
                <el-input v-model="ruleForm.legalRepresentative" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="经营范围" prop="businessScope">
                <el-input type="textarea" v-model="ruleForm.businessScope" :rows="4"></el-input>
              </el-form-item>
              <el-form-item label="注册资本" prop="registeredCapital">
                <el-input v-model="ruleForm.registeredCapital" placeholder="请输入" />

              </el-form-item>
              <el-form-item label="成立日期" prop="establishmentDate">
                <el-input v-model="ruleForm.establishmentDate" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="住所" prop="address">
                <el-input v-model="ruleForm.address" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="邮箱地址" prop="emailAddress">
                <el-input v-model="ruleForm.emailAddress" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="营业期限" prop="idCardPhotoBack">
                <el-date-picker v-model="businessStartTime" type="daterange" range-separator="至"
                  start-placeholder="开始时间" end-placeholder="结束时间" value-format="yyyy-MM-dd" />
              </el-form-item>
              <el-form-item label="营业执照" prop="businessLicense">
                <upimg v-model="ruleForm.businessLicense" :limit="1" :fileSize="1"></upimg>
              </el-form-item>

            </el-form>
          </div>
          <div v-if="stepNum == 2" style="padding: 0 20px 20px 20px">
            <el-form ref="ruleForm" :model="ruleForm" label-width="130px">
              <el-form-item label="申请人" prop="intentCustomerName">
                <el-input v-model="ruleForm.intentCustomerName" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="联系电话" prop="contactPhone">
                <el-input v-model="ruleForm.contactPhone" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="证件类型" prop="idCardType">
                <el-select v-model="ruleForm.idCardType" placeholder="请选择" style="width:100%">
                  <el-option label="身份证" value="身份证" />
                </el-select>
              </el-form-item>
              <el-form-item label="身份证号" prop="idCardNumber">
                <el-input v-model="ruleForm.idCardNumber" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="身份证有效期" prop="idCardNumber">
                <el-date-picker v-model="idCardValidStart" type="daterange" range-separator="至" start-placeholder="开始时间"
                  end-placeholder="结束时间" value-format="yyyy-MM-dd" />
              </el-form-item>
              <el-form-item label="身份证照片(正面)" prop="idCardPhotoFront">
                <upimg v-model="ruleForm.idCardPhotoFront" :limit="1" :fileSize="1"></upimg>
              </el-form-item>
              <el-form-item label="身份证照片(反面)" prop="idCardPhotoBack">
                <upimg v-model="ruleForm.idCardPhotoBack" :limit="1" :fileSize="1"></upimg>
              </el-form-item>
              <el-form-item label="是否为法人" prop="isLegalPerson">
                <el-select v-model="ruleForm.isLegalPerson" placeholder="请选择" style="width:100%">
                  <el-option label="否" value="0" />
                  <el-option label="是" value="1" />
                </el-select>
              </el-form-item>
              <el-form-item label="企业授权书" prop="enterpriseAuthorization">
                <upimg v-model="ruleForm.enterpriseAuthorization" :limit="1" :fileSize="1"></upimg>
              </el-form-item>
            </el-form>
            <!-- <div style="margin-top: 20px;">
              <div style="width: 100%;border:1px solid #EAEAEA;">
                <div
                  style="display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 10px;width: 100%;border-top:1px solid #EAEAEA;background-color: #FAFAFA;border-right:1px solid #EAEAEA;border-left:1px solid #EAEAEA;">
                  <div style="line-height: 28px;">意向资源</div>
                  <div style="" class="leixingSel">
                    <div class="tableBtn greens" @click="addMing=true">添加</div>
                  </div>
                </div>
                <div style="padding:15px">
                  <el-table :data="selshop"
                    :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
                    :border="true" style="width: 100%">
                    <el-table-column label="序号" prop="id" min-width="6%" />
                    <el-table-column label="资源名称" prop="shopName" min-width="10%" />
                    <el-table-column label="资源编号" prop="detailedLocation" min-width="10%" />
                    <el-table-column label="资源类型" prop="actualUsableArea" min-width="10%" />
                    <el-table-column label="意向租期" prop="belongingRegion" min-width="10%" />
                    <el-table-column label="意向租金(元)" prop="belongingDepartment" min-width="10%" />
                    <el-table-column label="操作" prop="head" min-width="10%">
                      <template slot-scope="scope">
                        <div class="tableBtn greens" @click="bianjilist(scope.row)">
                          编辑
                        </div>
                        <div class="tableBtn greens" @click="delGuan(scope.row)">
                          删除
                        </div>
                      </template>
                    </el-table-column>
                  </el-table>
                </div>
              </div>
            </div>-->

          </div>
          <span slot="footer" class="dialog-footer">
            <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
              @click="closeFn(2)">取 消</el-button>
            <el-button v-if="stepNum != 2" style="background-color: #3F9B6A;color: #fff"
              @click="lextStep(1)">下一步</el-button>
            <el-button v-if="stepNum != 0" style="background-color: #3F9B6A;color: #fff"
              @click="lextStep(0)">上一步</el-button>
            <el-button v-if="stepNum == 2" style="background-color: #3F9B6A;color: #fff" @click="addCheck('ruleForm')">确
              定</el-button>
          </span>

          <!-- <el-dialog :visible.sync="addMing" custom-class='XDD_css' style="padding: 0;" width="50%"
            append-to-body center :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
            <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
              <div>添加</div>
            </div>
            <div style="padding: 15px;width:100%">
              <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
                <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
                  <div>选择资源</div>
                </div>
                <div style="padding: 15px;">
                  <div style="padding: 0px 20px 0px 0px">
                    <el-table :data="ziyuanData"
                    @selection-change="handleSelectionChange" tooltip-effect="dark"
                      :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
                      >
                       <el-table-column
                              label="选择"
                             type="selection"
                             width="55">
                           </el-table-column>
                      <el-table-column label="序号"  min-width="8%" >
                        <template slot-scope="scope">
                          {{scope.$index + 1}}
                        </template>
                      </el-table-column>
                      <el-table-column label="编号" prop="id" min-width="22%">

                      </el-table-column>
                      <el-table-column label="资源名称"  min-width="15%">
                      <template slot-scope="scope">
                        {{scope.row.shopName ? scope.row.shopName :  scope.row.advertisingName}}
                      </template>
                      </el-table-column>
                      <el-table-column label="资源类型" min-width="15%">
                        <template slot-scope="scope">
                          {{scope.row.advertisingType ?scope.row.advertisingType:'商铺'}}
                        </template>
                      </el-table-column>
                      <el-table-column prop="notes" label="对应策略" min-width="15%">
                      </el-table-column>
                    </el-table>
                  </div>
                </div>
              </div>
            </div>
            <div style="display: flex;justify-content: flex-end;padding: 10px 20px 10px 0">
              <el-button  @click="mingClose" class="buttonHover"
                    style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消
              </el-button>
              <el-button  @click="minSev" style="background-color: #3F9B6A;color: #fff;">确定
              </el-button>

            </div>
          </el-dialog> -->
        </el-dialog>
        <div class="fenye">
          <el-pagination class="pagination" :hide-on-single-page="flag" background small :current-page="currentPage"
            layout="prev, pager, next,total" :total="total" @size-change="handleSizeChange"
            @current-change="handleCurrentChange" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import {
    uploadUrl,
    token
  } from '@/utils/request'
  import {
    rsaManAll,
    rsaManAdd,
    rsaManEdit,
    rsaManDel,
    ziyuanduiy,
  } from '../../../api/rsaManagement'
  import {
   genAdd,
  } from '../../../api/followup.js'
  import {
   getAlls
  } from '../../../api/information.js'
  import {
    getAlls as map1
  } from '../../../api/map1'
  import upimg from "@/components/ImageUpload/index"
  export default {
    components: {
      upimg
    },

    data() {
      return {
        detbox: false, // 详情
        edit: true, // 编辑
        addMing: false,//资源
        selshop: [], //意向资源列表
        action: uploadUrl, // 上传图片
        myHeaders: {
          'Authorization-admin': token
        },
        ggXin: false, // 新增
        sel: [], // 选择资源
        stepNum: 0, // 切换
        linShop: [], // 临铺列表
        isAdd: false, //添加铺位弹框
        formSel: {
         intentCustomerName:'',
         region:'',
         id:'',
          auditStatus:'',
          pageNumber: 1,
          pageSize: 10,
        },
        ruleForm: {
          intentCustomerName: '', //意向客户名称
          contactPhone: '', //联系电话
          entityType: '', //主体类型
          customerLevel: '', //客户级别
          isLegalPerson: '', //是否为法人(0:否,1:是)
          enterpriseAuthorization: '', //企业授权书
          idCardNumber: '', //身份证号
          idCardType: '', //证件类型
          idCardValidStart: '', //身份证有效开始时间
          idCardValidEnd: '', //身份证有效结束时间
          idCardPhotoFront: '', //身份证照片(正面)
          idCardPhotoBack: '', //身份证照片(反面)
          subjectName: '', //主体名称
          unifiedSocialCreditCode: '', //统一社会信用代码
          type: '', //类型(可能是企业类型等)
          legalRepresentative: '', //法定代表人
          businessScope: '', //经营范围
          registeredCapital: '', //注册资本
          establishmentDate: '', //成立日期
          address: '', //住所
          emailAddress: '', //邮箱地址
          businessStartTime: '', //营业开始时间(如果为全天，则可为NULL或指定默认时
          businessEndTime: '', //营业结束时间(如果为全天，则可为NULL或指定默认时
          businessLicense: '', //营业执照(存储路径或URL)
          intendedResources: '', //意向资源
          auditStatus:'1',
          rentalPeriodStartTime:'',
          rentalPeriodEndTime:'',
          leaseTerm:'',
          rent:'',
          intentionalBusinessType:'',
          intendedArea:'',
          intentionalStoreLocation:'',
          intentionalStoreName:'',
        },
        idCardValidStart: [],
        businessStartTime: [],
        rentalPeriodTime:[],
        card: 'first', // 切换
        secondData: {},
        currentPage: 1,
        total: 10,
        flag: false,
        pageSize: 10,
        tableData: [],
        msgid: '',
        pageindex: {
          pageNumber: 1,
          pageSize: 10,
        },
        ziyuanData:[],
        multipleSelection:[],
        pip:false,
        pipData:[],
        pipeiSel:{
        resources:{
                  cereRentalPolicies:{
                      businessType:'',
                      leaseTerm:'',
                      rentalPrice:''
                  }
              },
          pageNumber:1,
          pageSize:10,
        }
      }
    },

    created() {
      this.getAll();
    },
    mounted() {},
    // beforeDestroy() {
    //   const editor = this.editor
    //   if (editor == null) return
    //   editor.destroy() // 组件销毁时，及时销毁编辑器
    // },
    methods: {
      // 获取当前时间
      updateCurrentTime() {
        const now = new Date();
        const year = now.getFullYear();
        const month = (now.getMonth() + 1).toString().padStart(2, '0');
        const day = now.getDate().toString().padStart(2, '0');
        const hours = now.getHours().toString().padStart(2, '0');
        const minutes = now.getMinutes().toString().padStart(2, '0');
        const seconds = now.getSeconds().toString().padStart(2, '0');

        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
      },
      handleSelectionChange(val) {
        this.multipleSelection = val;
      },
      lextStep(val) {
        if (val == 0) {
          this.stepNum = this.stepNum - 1;
        } else {
          this.stepNum = this.stepNum + 1;
        }
      },
      // 查询全数据
      async getAll() {
        const res = await rsaManAll(this.pageindex);
        this.tableData = res.data.content;
        this.total = res.data.content.length
        this.tableData.map(res=>{
          res.contactPhone = this.$decrypt(res.contactPhone)
          res.idCardNumber = this.$decrypt(res.idCardNumber)
          res.unifiedSocialCreditCode = this.$decrypt(res.unifiedSocialCreditCode)
          res.legalRepresentative = this.$decrypt(res.legalRepresentative)
          res.address = this.$decrypt(res.address)
          res.emailAddress = this.$decrypt(res.emailAddress)
        })
        const ziyuan =  await getAlls(this.pageindex)
         const ggw  = await map1(this.pageindex)
        this.ziyuanData = [...ziyuan.data.content,...ggw.data.content]
      },
      // 编辑确认
      async msgeditS() {
        this.secondData.id = this.msgid
        if (this.idCardValidStart.length != 0) {
          this.secondData.idCardValidStart = this.idCardValidStart[0]
          this.secondData.idCardValidEnd = this.idCardValidStart[1]
        }
        if (this.businessStartTime.length != 0) {
          this.secondData.businessStartTime = this.businessStartTime[0]
          this.secondData.businessEndTime = this.businessStartTime[1]
        }
        if (this.rentalPeriodTime.length != 0) {
           this.secondData.rentalPeriodStartTime = this.rentalPeriodTime[0]
           this.secondData.rentalPeriodEndTime = this.rentalPeriodTime[1]
         }

        const res = await rsaManEdit(this.secondData)
        this.detbox = false;
        this.getAll();
      },
      bianji() {
        if (this.edit) {
          this.edit = false;
        }

      },
      // 编辑
      bianjilist(item) {
        this.secondData = item
       this.$set(this.idCardValidStart, 0, item.idCardValidStart)
       this.$set(this.idCardValidStart, 1, item.idCardValidEnd)
       this.$set(this.businessStartTime, 0, item.businessStartTime)
       this.$set(this.businessStartTime, 1, item.businessEndTime)
       this.$set(this.rentalPeriodTime, 0, item.rentalPeriodStartTime)
       this.$set(this.rentalPeriodTime, 1, item.rentalPeriodEndTime)
        this.msgid = item.id;
        this.detbox = true
        if (this.edit) {
          this.edit = false;
        }
      },
      async chehui(item){
        await rsaManEdit({id:item.id,auditStatus:'1'})
        this.getAll()
      },
async getshen(item){
  await rsaManEdit({id:item.id,auditStatus:'2'})
  this.getAll()
},


      // 详情点击
       handleEditForm(item) {
         console.log(item.rentalPeriodEndTime)
        this.secondData = item
      this.$set(this.idCardValidStart, 0, item.idCardValidStart)
      this.$set(this.idCardValidStart, 1, item.idCardValidEnd)
      this.$set(this.businessStartTime, 0, item.businessStartTime)
      this.$set(this.businessStartTime, 1, item.businessEndTime)
      this.$set(this.rentalPeriodTime, 0, item.rentalPeriodStartTime)
      this.$set(this.rentalPeriodTime, 1, item.rentalPeriodEndTime)
        this.card = 'first'
        this.detbox = true;
        this.msgid = item.id;
      },
      // 新增
      addbuss() {
        this.ruleForm = {
            intentCustomerName: '', //意向客户名称
            contactPhone: '', //联系电话
            entityType: '', //主体类型
            customerLevel: '', //客户级别
            isLegalPerson: '', //是否为法人(0:否,1:是)
            enterpriseAuthorization: '', //企业授权书
            idCardNumber: '', //身份证号
            idCardType: '', //证件类型
            idCardValidStart: '', //身份证有效开始时间
            idCardValidEnd: '', //身份证有效结束时间
            idCardPhotoFront: '', //身份证照片(正面)
            idCardPhotoBack: '', //身份证照片(反面)
            subjectName: '', //主体名称
            unifiedSocialCreditCode: '', //统一社会信用代码
            type: '', //类型(可能是企业类型等)
            legalRepresentative: '', //法定代表人
            businessScope: '', //经营范围
            registeredCapital: '', //注册资本
            establishmentDate: '', //成立日期
            address: '', //住所
            emailAddress: '', //邮箱地址
            businessStartTime: '', //营业开始时间(如果为全天，则可为NULL或指定默认时
            businessEndTime: '', //营业结束时间(如果为全天，则可为NULL或指定默认时
            businessLicense: '', //营业执照(存储路径或URL)
            intendedResources: '', //意向资源
            auditStatus:'1',
            rentalPeriodStartTime:'',
            rentalPeriodEndTime:'',
            leaseTerm:'',
            rent:'',
            intentionalBusinessType:'',
            intendedArea:'',
            intentionalStoreLocation:'',
            intentionalStoreName:'',

        }
        this.rentalPeriodTime = []
        this.ggXin = true;
        this.getAll();
      },
      // 新增确定
      async addCheck() {
        if (this.idCardValidStart.length != 0) {
          this.ruleForm.idCardValidStart = this.idCardValidStart[0]
          this.ruleForm.idCardValidEnd = this.idCardValidStart[1]
        }
        if (this.businessStartTime.length != 0) {
          this.ruleForm.businessStartTime = this.businessStartTime[0]
          this.ruleForm.businessEndTime = this.businessStartTime[1]
        }
        if (this.rentalPeriodTime.length != 0) {
          this.ruleForm.rentalPeriodStartTime = this.rentalPeriodTime[0]
          this.ruleForm.rentalPeriodEndTime = this.rentalPeriodTime[1]
        }

       if(this.ziyuanData.length !=0){
         this.ruleForm.intendedResources = this.ziyuanData[0].id
       }
        await rsaManAdd(this.ruleForm)
        this.idCardValidStart = []
        this.businessStartTime = []
        this.rentalPeriodTime = []
        this.getAll();
        this.stepNum = 0;
        this.ggXin = false;
      },
      handleCurrentChange(val) {
        this.currentPage = val;
      },
      handleSizeChange(val) {
        this.pageSize = val;
      },
      // 取消
      closeFn(val) {
        if (val == 1) {
          this.detbox = false;
          this.edit = true;
        } else {
          this.ggXin = false;
          this.stepNum = 0;
        }
      },
      //删除管理列表
      async delGuan(item) {
        const h = this.$createElement;
        this.$msgbox({
          title: '消息',
          message: h('p', null, [
            h('span', null, '是否删除 '),
          ]),
          showCancelButton: true,
          showClose: false,
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          customClass: 'oe-dialog-btn',
          beforeClose: (action, instance, done) => {
            if (action === 'confirm') {
              rsaManDel({
                id: item.id
              }).then(res => {
                this.getAll()
                done();
              })
            } else {
              done();
            }
          }
        })

      },

      handlePreview(file) {
        console.log(file);
      },
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },

      // 重置按钮
      resetting() {
        this.formSel = {
         intentCustomerName:'',
         region:'',
         id:'',
          auditStatus:'',
          pageNumber: 1,
          pageSize: 10,
        };
        this.getAll()
      },
      // 查询
      async onSubmit() {
        const res = await rsaManAll(this.formSel)
        this.tableData = res.data.content
        this.total = res.data.content.length
        this.tableData.map(res=>{
          res.contactPhone = this.$decrypt(res.contactPhone)
          res.idCardNumber = this.$decrypt(res.idCardNumber)
          res.unifiedSocialCreditCode = this.$decrypt(res.unifiedSocialCreditCode)
          res.legalRepresentative = this.$decrypt(res.legalRepresentative)
          res.address = this.$decrypt(res.address)
          res.emailAddress = this.$decrypt(res.emailAddress)
        })
      },
      mingClose(){
        this.multipleSelection =[]
        this.addMing = false

      },
      minSev() {
        this.selshop = this.multipleSelection
        this.addMing = false
        this.multipleSelection =[]
      },
      pipei(item){
        this.pip = true
        this.pipData = []
      },
      shengRenwu(item){
         genAdd({potentialCustomer:item.id,status:'1'}).then(res=>{
           this.$message({
             message: '生成成功',
             type: 'success'
           })
         })

      },
      pipeiBtn(){
        if(this.pipeiSel.resources.cereRentalPolicies.businessType == 'sp'){
          this.pipeiSel.resourcesId = 'sp'
        }else if(this.pipeiSel.resources.cereRentalPolicies.businessType == 'cd'){
           this.pipeiSel.resourcesId = 'cd'
        }else{
           this.pipeiSel.resourcesId = 'gg'
        }
        ziyuanduiy(this.pipeiSel).then(res=>{
          this.pipData = res.data.content
        })
      },
      pipeiClose(){
        this.pipeiSel ={
        resources:{
                  cereRentalPolicies:{
                      businessType:'',
                      leaseTerm:'',
                      rentalPrice:''
                  }
              },
           resourcesId:'',
          pageNumber:1,
          pageSize:10,
        },
        this.pipData = []
      },
    }
  }
</script>
<style src="@wangeditor/editor/dist/css/style.css"></style>
<style scoped>
  /deep/ .first-column-bg {
    background-color: #f4f4f5 !important;
  }

  .zhuti {
    padding: 0 20px 20px 20px;
    min-height: calc(100vh - 50px - 20px);
    background-color: #fff;
  }


  .tableBtn {
    display: inline-block;
    margin-right: 10px;
  }

  .formSearch {

    display: flex;
    width: 100%;
    font-size: 14px;
    justify-content: space-between;

  }

  .greens {
    color: #3f9b6a;
  }

  /deep/ .el-table__row {
    font-size: 14px;
    color: #000000e6;
    height: 42px;
  }

  .fenye {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    position: relative;
  }

  /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #3f9b6a;
  }

  :last-child {
    margin-bottom: 0;
  }

  .el-col {
    border-radius: 4px;
  }

  .bg-purple-dark {
    background: #99a9bf;
  }

  .bg-purple {
    /* background: #d3dce6; */
  }

  .bg-purple-light {
    background: #e5e9f2;
  }

  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }

  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }

  /deep/ .bg-purple[data-v-0e3fe4ec] {
    background: #fff;
    height: 50px;
  }

  /deep/ .el-form--label-top .el-form-item__label {
    padding: 0;
  }

  .demo-input-suffix {
    display: flex;
    margin-right: 20px;
  }

  .pagination {
    text-align: right;
    line-height: 20px;
  }


  .dialog_css {
    padding: 0px;
  }

  .dialog_xin {
    padding: 0px;
  }

  /deep/.el-dialog__body {
    padding: 0px;
  }

  /deep/ .el-dialog__header {
    background-color: #fff;
    padding: 0;
  }

  /deep/.el-dialog__title {
    color: #000;
  }

  .el-row {
    &:last-child {
      margin-bottom: 0;
    }
  }

  /deep/ .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }

  .avatar-uploader .el-upload:hover {
    border-color: #409eff;
  }

  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 108px;
    height: 108px;
    line-height: 108px;
    /*text-align: center;*/
  }

  .avatar {
    width: 108px;
    height: 108px;
    display: block;
  }

  ::v-deep .el-tabs__item.is-active {
    color: #3f9b6a;
    opacity: 1;
  }

  /deep/ .el-tabs__nav-wrap::after {
    background-color: #fff;
  }

  ::v-deep .el-tabs__item:hover {
    color: #3f9b6a;
    cursor: pointer;
    opacity: 1;
  }

  /deep/ .el-tabs__active-bar {
    background-color: #389865;
  }

  /deep/ .el-table_2_column_13 {
    font-weight: 100;
  }

  ::v-deep .el-input__inner:focus {
    border: #3f9b6a 1px solid;
  }

  ::v-deep .el-input__inner:hover {
    border: #3f9b6a 1px solid;
  }

  ::v-deep .el-select .el-input.is-focus .el-input__inner {
    border-color: #3f9b6a;
  }


  /* ::v-deep .el-steps .el-step__head.is-wait {
  background-color: red; /* 修改为你想要的颜色 */

  /* 修改未进行步骤的描述文字颜色 */
  ::v-deep .el-steps .el-step__description.is-wait {
    color: #999;
    /* 修改为你想要的颜色 */
  }

  /* 修改未进行步骤的图标颜色 */
  ::v-deep .el-steps .el-step__icon.is-text.is-wait {
    color: #999;
    /* 修改为你想要的颜色 */
  }

  /* 修改未进行步骤的边框色 */
  ::v-deep .el-steps .el-step__line.is-wait {
    border-color: #eee;
    /* 修改为你想要的颜色 */
  }

  ::v-deep .el-steps .is-process .el-step__line {
    background-color: #3f9b6a;
    /* 修改线的颜色 */
  }

  ::v-deep .el-steps .is-process .el-step__title {
    color: #fe7b6a;
    /* 修改进行中步骤的标题颜色 */
  }

  ::v-deep .el-steps .is-process .el-step__icon {
    color: #fff;
    /* 修改进行中步骤的图标颜色 */
    background: #3f9b6a;
    /* 修改进行中步骤图标的边框颜色 */
    border: 0px;
  }

  ::v-deep .el-step__icon-inner {
    line-height: 0;
  }

  /* 线条长度 */
  ::v-deep .el-step.is-vertical .el-step__line {
    top: 30px;
    height: 60px;
  }

  ::v-deep .moren {
    .el-input__inner {
      margin-top: 5px;
      padding: 0 20px;
    }
  }

  /deep/ .el-radio-group {
    margin-top: 11px;
  }

  /deep/ .el-radio__input.is-checked .el-radio__inner {
    border-color: #3f9b6a;
    background: #3f9b6a;
  }

  ::v-deep .el-col {
    padding: 0 !important;
  }

  /deep/ .el-radio-group {
    width: 100%;
  }

  .radio-right-side {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  /deep/ .radio-right-side .el-radio__label {
    display: flex;
    align-items: center;
  }

  /deep/ .radio-right-side .el-radio__inner {
    order: 1;
  }

  /deep/ .radio-right-side .el-radio__input {
    display: flex;
    order: 2;
  }

  /deep/ .radio-right-side {
    &:hover {
      color: #000;
    }
  }

  ::v-deep .el-dialog__wrapper {
    .dialog_css {
      margin-right: 12px;
      margin-top: 61px !important;

      .el-dialog__title {
        font-size: 16px !important;
        font-weight: 600;
        color: #000;
      }
    }
  }

  ::v-deep .setup {
    .el-steps {
      justify-content: center;
    }
  }

  ::v-deep .el-step__head.is-finish {
    color: #c0c4cc;
    border-color: #c0c4cc;
  }

  ::v-deep .el-step__title.is-finish {
    color: #c0c4cc;
  }

  ::v-deep .el-step__title.is-process {
    color: #c0c4cc;
  }

  ::v-deep .el-tabs {
    width: 100%;
  }

  ::v-deep .setup {
    .el-step__main {
      margin-left: -17px;
    }

    .el-step__title.is-process {
      color: #3f9b6a;
    }

  }

  ::v-deep .el-pagination__jump {
    margin-top: 5px;
  }

  ::v-deep .linClass {
    .el-dialog__header {
      padding: 20px 20px 10px;
      font-size: 14px;
    }
  }
</style>
<style lang="scss" scoped>
  ::v-deep .bian_css {
    .el-dialog__header {
      padding: 0px;
    }
  }

  ::v-deep .buttonHover:hover {
    color: #3f9b6a !important;
    border-color: #c5e1d2 !important;
    background-color: #ecf5f0 !important;
    outline: none;
  }

  ::v-deep .el-pagination__total {
    position: absolute;
    left: 10px;
  }

  ::v-deep .diaslog_zhong {
    .el-dialog__body {
      padding: 10px 20px 20px 20px;
    }

    .el-upload--picture-card {
      width: 130px;
      height: 130px;
    }
  }
</style>
