<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="资源名称" prop="resourceName">
                  <el-input v-model="formSel.resourceName" placeholder="请输入"
                          style="width: 168px;margin-right: 15px"/>
                </el-form-item>
                <el-form-item label="资源类型" prop="rentalResourcesId">
                  <el-select v-model="formSel.rentalResourcesId" placeholder="请选择"
                    style="width: 168px;margin-right: 15px">
                    <el-option label="商铺" value="sp" />
                    <el-option label="场地" value="cd" />
                  </el-select>
                </el-form-item>
                <el-form-item label="经营用途" prop="businessPurpose">
                  <el-select v-model="formSel.businessPurpose" placeholder="请选择"
                    style="width: 168px;margin-right: 15px">
                       <el-option :label="item" :value="item"  v-for="item in selData"/>
                  </el-select>
                </el-form-item>
                <el-form-item label="发布状态" prop="auditStatus">
                  <el-select v-model="formSel.auditStatus" placeholder="请选择"
                    style="width: 168px;margin-right: 15px">
                    <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>

          <div>
            <el-button  @click="onSubmit"
             style="background-color: #3F9B6A;color: #fff;padding:8px 15px;">查询
            </el-button>
            <el-button  @click="resetting"  class="buttonHover"
            style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置
            </el-button>
          </div>
        </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="资源编号"  min-width="150">
                    <template slot-scope="scope">
          {{scope.row.cereAdvertisingInformation.id?scope.row.cereAdvertisingInformation.id:scope.row.cereBasicInformationShop.id?scope.row.cereBasicInformationShop.id:scope.row.cereBasicInformationVenue.id?scope.row.cereBasicInformationVenue.id:''}}
                    </template>
                  </el-table-column>
                  <el-table-column label="资源名称"  min-width="250" >
                  <template slot-scope="scope">
                  {{scope.row.cereAdvertisingInformation.id?scope.row.cereAdvertisingInformation.id:scope.row.cereBasicInformationShop.shopName?scope.row.cereBasicInformationShop.shopName:scope.row.cereBasicInformationVenue.venueName?scope.row.cereBasicInformationVenue.venueName:''}}
                            </template>
                  </el-table-column>
                  <el-table-column label="资源类型"  min-width="120">
<template slot-scope="scope">
                  {{scope.row.cereAdvertisingInformation.id?'广告位':scope.row.cereBasicInformationShop.id?'商铺':scope.row.cereBasicInformationVenue.id?'场地':''}}
                            </template>
                  </el-table-column>
                  <el-table-column label="承租人姓名"   min-width="150" >
                    <template slot-scope="scope">
                       {{scope.row.operatorName?scope.row.operatorName:scope.row.lesseeName?scope.row.lesseeName:''}}
                    </template>
                  </el-table-column>

                  <el-table-column label="意向租期" prop="intendedLeaseTerm" min-width="150" >
                  </el-table-column>

                  <el-table-column label="经营用途" min-width="150"   porp='businessPurpose'>
                  <template slot-scope="scope">
                                         {{scope.row.businessPurpose}}
                                      </template>
                  </el-table-column>
                  <el-table-column label="提交时间" min-width="250" porp='applicationTime'>
                  <template slot-scope="scope">
                                         {{scope.row.applicationTime}}
                                      </template>
                  </el-table-column>
                  <el-table-column label="状态" min-width="100"  porp='auditStatus'>
                    <template slot-scope="scope">
                      {{scope.row.auditStatus =='1'?'待审核':scope.row.auditStatus =='2'?'待签约':scope.row.auditStatus =='3'?'已驳回':scope.row.auditStatus =='4'?'已签约':'已终止'}}
                    </template>
                  </el-table-column>

                  <el-table-column label="操作" min-width="200">
                    <template slot-scope="scope">
                      <div @click="handleEditForm(scope.row)" class="tableBtn greens">查看</div>
                      <div class="tableBtn greens" v-if="scope.row.auditStatus == '1'" @click="handleshenpi(scope.row)">审核</div>
                      <!-- <div class="tableBtn greens" @click="delList(scope.row)">删除</div> -->
                      <!-- v-if="scope.row.auditStatus == '3'" -->
                      <div class="tableBtn greens"  @click="luru(scope.row)" v-if="scope.row.auditStatus == '2'">录入合同</div>

                    </template>
                  </el-table-column>
                </el-table>
        <!-- 详情框  -->
       <el-dialog  :visible.sync="detbox" custom-class='XDD_css' style="padding: 0;" width="65%" center
                 :close-on-click-modal="false" :close-on-press-escape="false" :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 style="padding: 0 20px;">
                   <div style="display: flex;justify-content: space-between;font-size: 14px;margin-bottom: 20px;">
                     <div>基本信息</div>

                   </div>
                   <el-row style="border: 1px solid #EBEEF5;height: 42px;">
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">所属区域</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.district?secondData.cereBasicInformationVenue.district:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.belongingRegion?secondData.cereBasicInformationShop.belongingRegion : ''}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">建筑形式</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.architecturalForm?secondData.cereBasicInformationShop.architecturalForm : '-'}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">实际使用面积</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.actualArea?secondData.cereBasicInformationVenue.actualArea:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.actualUsableArea?secondData.cereBasicInformationShop.actualUsableArea : '-'}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>

                   </el-row>
                   <el-row style="border-right: 1px solid #EBEEF5;border-left: 1px solid #EBEEF5;height: 42px;">
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">场地编号</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">
                             {{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.id?secondData.cereBasicInformationVenue.id:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.venueNumber?secondData.cereBasicInformationShop.venueNumber : '-'}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">归属部门</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">
                            {{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.department?secondData.cereBasicInformationVenue.department:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.belongingDepartment?secondData.cereBasicInformationShop.belongingDepartment : '-'}}
                   </div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">主要设施</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">
                                 <!--   {{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.department?secondData.cereBasicInformationVenue.department:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.belongingDepartment?secondData.cereBasicInformationShop.belongingDepartment : '-'}} -->
                           </div>

                         </el-form-item>
                       </el-form>
                     </el-col>

                   </el-row>
                   <el-row style="border: 1px solid #EBEEF5;height: 42px; margin-bottom: 20px;">
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">建筑图纸</span>
                           </div>

                           <div v-if="edit" style="height: 42px;line-height: 42px;text-decoration: underline;color: #569F7B;" @click="openFullScreen(secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.planningDrawing?secondData.cereBasicInformationVenue.planningDrawing:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.architecturalDrawings?secondData.cereBasicInformationShop.architecturalDrawings:'')">+点击查看</div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">负责人</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">
                              {{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.responsiblePerson?secondData.cereBasicInformationVenue.responsiblePerson:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.head?secondData.cereBasicInformationShop.head : '-'}}
                           </div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;"></span>
                           </div>
                           <div style="height: 42px;line-height: 42px;"></div>
                         </el-form-item>
                       </el-form>
                     </el-col>
                   </el-row>
               <div style="display: flex;justify-content: space-between;font-size: 14px;margin-bottom: 20px;">
                     <div>经营信息</div>
                   </div>
                   <el-row style="border: 1px solid #EBEEF5;height: 42px;margin-bottom: 20px;">
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">经营性质</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.czqk}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">计租类型</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.zlr}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">计租面积</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.telephone}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>

                   </el-row>

                   <div style="font-size: 14px;margin-bottom: 20px;">
                     <div>租赁信息</div>
                   </div>
                   <el-row style="border: 1px solid #EBEEF5;height: 42px;">
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">租赁情况</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.czqk}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">租赁人</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.operatorName}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">联系电话</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.telephone}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>

                   </el-row>
                   <el-row style="border-right: 1px solid #EBEEF5;border-left: 1px solid #EBEEF5;border-bottom: 1px solid #EBEEF5;height: 42px; margin-bottom:20px;">
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">租期</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.intendedLeaseTerm}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">租金价格</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.ztmc}}</div>

                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">租赁合同</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;"></div>

                         </el-form-item>
                       </el-form>
                     </el-col>

                   </el-row>
                   <!-- 主图 -->
                   <div>
                     <div style="margin-bottom: 20px;">
                       <div class="" style="width:25%">
                         <div style="margin-bottom: 10px;">商铺图片/视频</div>
                         <div style="display: flex;">
                           <img :src="secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.displayImage?secondData.cereBasicInformationVenue.displayImage:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.displayMainImage?secondData.cereBasicInformationShop.displayMainImage : '../../../assets/images/empty.png'" alt=""
                             style="height: 120px;margin-right: 20px;" />
                         </div>
                       </div>
                     </div>
                   </div>



                   <!-- <div style="display: flex;justify-content: space-between;font-size: 14px;margin-bottom: 20px;">
                     <div>人流情况</div>
                   </div>
                   <el-row style="border: 1px solid #EBEEF5;height: 42px;margin-bottom: 20px;">
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">检测位置</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.htbh}}</div>
                           <el-input placeholder="请输入" class="moren" v-model="secondData.htbh" v-else></el-input>
                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">检测时段</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.bdh}}</div>
                           <el-input placeholder="请输入" class="moren" v-model="secondData.bdh" v-else></el-input>
                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">人流</span>
                           </div>
                           <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.htmc}}</div>
                           <el-input placeholder="请输入" class="moren" v-model="secondData.htmc" v-else></el-input>
                         </el-form-item>
                       </el-form>
                     </el-col>
                   </el-row> -->

                  <!-- <div style="font-size: 14px;margin-bottom: 20px;">
                     <div>物业维护记录</div>
                   </div>
                   <el-row
                     style="border-left: 1px solid #EBEEF5; border-right: 1px solid #EBEEF5;border-bottom: 1px solid #EBEEF5;height: 42px;margin-bottom: 30px;">
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">维护时间</span>
                           </div>
                           <div  style="height: 42px;line-height: 42px;">{{secondData.whsj}}</div>
                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">维护项目</span>
                           </div>
                           <div  style="height: 42px;line-height: 42px;">{{secondData.whxm}}</div>
                         </el-form-item>
                       </el-form>
                     </el-col>
                     <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                       <el-form size="small" :inline="true">
                         <el-form-item prop="name">
                           <div slot="label"
                             style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                             <span style="font-size: 14px;color: #000;">维护内容</span>
                           </div>
                           <div style="height: 42px;line-height: 42px;">{{secondData.whnr}}</div>
                         </el-form-item>
                       </el-form>
                     </el-col>
                   </el-row>
                   <div style="display: flex;justify-content: space-between;font-size: 14px;margin-bottom: 20px;">
                     <div>招商进度</div>
                   </div>
                   <div>
                     <el-table :data="jingduData.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
                      :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
                       <el-table-column label="序号" min-width="5%" prop="id">
                       </el-table-column>
                       <el-table-column label="申请编号" prop="resourceNumber" min-width="12%">
                       </el-table-column>
                       <el-table-column label="所属区域" prop="resourceName"min-width="12%" >
                       </el-table-column>
                       <el-table-column label="方案名称" prop="resourceType" min-width="10%">
                       </el-table-column>
                       <el-table-column label="商铺名称" prop="region" min-width="12%">
                       </el-table-column>
                       <el-table-column label="申请铺位" prop="region" min-width="12%">
                       </el-table-column>
                       <el-table-column label="计划时间" prop="region" min-width="12%">
                       </el-table-column>
                       <el-table-column label="状态" width="120"  min-width="8%">
                         <template slot-scope="scope">
                            {{scope.row.dataForm == '1'?'未发布':'已发布'}}
                         </template>
                       </el-table-column>
                     <el-table-column label="提交时间" width="120"  min-width="8%">
                     </el-table-column>
                       <el-table-column label="操作" width="200">
                         <template slot-scope="scope">
                           <div @click="" class="tableBtn greens">查看</div>
                           <div class="tableBtn greens" @click="">通过</div>
                           <div class="tableBtn greens" @click="">驳回</div>
                           <div class="tableBtn greens" @click="bianjilist(scope.row)">删除</div>
                         </template>
                       </el-table-column>
                     </el-table>
                   </div> -->
                   <div style="margin-top: 50px;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   @click="closemsg"
                                    style="background-color: #3F9B6A;color: #fff">删除</el-button> -->

       </div>
                   </div>
               </el-dialog>

        <div class="fenye">
          <el-pagination class="pagination" :hide-on-single-page="flag" background small :current-page="currentPage"
            :page-sizes="[10, 20, 50, 100]" layout="total,prev, pager,next" :total="total "
            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
        </div>
      </div>
    </div>
    <!-- 审核 -->
<el-dialog  :visible.sync="actSpye" custom-class='actSpye_dialog' style="padding: 0;" width="70%"
        center :close-on-click-modal="false" :show-close="false" :close-on-press-escape="false">
          <div style="padding:10px 20px;">
                  <div style="display: flex;justify-content: space-between;border-bottom: 1px solid #E5E5E5;padding: 0 0 10px 0;">
                     <div style="display: flex;align-items: center;">
                        <div style="margin-right: 10px;">代办任务</div>
                        <div style="background-color: #E8F6F3;padding: 5px;margin-right: 10px;font-size:12px;color:#56AC83;border-radius: 3px;">发起人：</div>
                        <div style="background-color: #E8F6F3;padding: 5px;margin-right: 10px;font-size:12px;color:#56AC83;border-radius: 3px;">任务节点：部门领导审批</div>
                      </div>
                      <div style="margin-right:20px ">
                        <el-button  style="background-color: #3F9B6A;color: #fff;" @click="actSpye=false">关闭</el-button>
                      </div>
                    </div>
                    <div style="padding:20px 15px 15px 15px;">
                         <el-tabs v-model="actCard"  @tab-click="handleClick">
                            <el-tab-pane label="表单信息" name='1'>
                              <div style="margin:0 0 10px 30%">方案文件 {{secondData.resourceName}}</div>
                              <div style="margin:15px 0;padding:0 20%; padding-bottom:20px;border-bottom: 1px solid #E1EEEF;">
                                <el-button @click="MsgShen(1)"  style="background-color: #3F9B6A;color: #fff;">基本信息查看</el-button>
                                <el-button  @click="MsgShen(2)"  style="background-color: #3F9B6A;color: #fff;">租赁信息查看</el-button>
                                <!-- <el-button  @click="MsgShen(3)" style="background-color: #3F9B6A;color: #fff;">合同信息查看</el-button> -->
                                <el-button  @click="MsgShen(4)" style="background-color: #3F9B6A;color: #fff;">人流情况查看</el-button>
                                <!-- <el-button  @click="MsgShen(5)" style="background-color: #3F9B6A;color: #fff;">招商进度查看</el-button> -->
                              </div>
                              <div style="padding:20px 0;display:flex;justify-content:flex-end;" v-if="secondData.state != '5'">
                                <el-button icon="el-icon-edit"  @click="LiuYes(2)"
                                  style="background-color: #3F9B6A;color: #fff;">同意</el-button>
                                  <!-- <el-button icon="el-icon-refresh-left"  @click="Liunie=true"
                                    style="background-color: #3F9B6A;color: #fff;">退回</el-button> -->
                                    <el-button icon="el-icon-circle-close"  @click="LiuYes(3)"
                                      style="background-color: #3F9B6A;color: #fff;">驳回</el-button>
                              </div>
                              <el-dialog
                                   width="60%"
                                   :visible.sync="MsgSp"
                                   append-to-body
                                   title="审批信息"
                                   custom-class='liucheng_css'
                                   :show-close="false"
                                   :close-on-press-escape ="false"
                                   :close-on-click-modal="false">
                                   <div style="padding:30px 20px 0 20px">
                                         <div style="border: 1px solid #E5E5E5;padding: 1px" v-if="index == 1">
                                           <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;">
                                            基本信息
                                           </div>
                                           <div style="padding: 15px;">
                                             <el-row style="border: 1px solid #EBEEF5;height: 42px;">
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">所属区域</span>
                                                     </div>
                                                     <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.district?secondData.cereBasicInformationVenue.district:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.belongingRegion?secondData.cereBasicInformationShop.belongingRegion : ''}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">建筑形式</span>
                                                     </div>
                                                     <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.architecturalForm?secondData.cereBasicInformationShop.architecturalForm : '-'}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">实际使用面积</span>
                                                     </div>
                                                     <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.actualArea?secondData.cereBasicInformationVenue.actualArea:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.actualUsableArea?secondData.cereBasicInformationShop.actualUsableArea : '-'}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>

                                             </el-row>
                                             <el-row style="border-right: 1px solid #EBEEF5;border-left: 1px solid #EBEEF5;height: 42px;">
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">场地编号</span>
                                                     </div>
                                                     <div v-if="edit" style="height: 42px;line-height: 42px;">
                                                       {{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.id?secondData.cereBasicInformationVenue.id:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.venueNumber?secondData.cereBasicInformationShop.venueNumber : '-'}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">归属部门</span>
                                                     </div>
                                                <div v-if="edit" style="height: 42px;line-height: 42px;">
                                                         {{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.department?secondData.cereBasicInformationVenue.department:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.belongingDepartment?secondData.cereBasicInformationShop.belongingDepartment : '-'}}
                                                </div>
                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">主要设施</span>
                                                     </div>
                                                     <div v-if="edit" style="height: 42px;line-height: 42px;"></div>
                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>

                                             </el-row>
                                             <el-row style="border: 1px solid #EBEEF5;height: 42px; margin-bottom: 20px;">
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">建筑图纸</span>
                                                     </div>
                                                   <div v-if="edit" style="height: 42px;line-height: 42px;text-decoration: underline;color: #569F7B;" @click="openFullScreen(secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.planningDrawing?secondData.cereBasicInformationVenue.planningDrawing:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.architecturalDrawings?secondData.cereBasicInformationShop.architecturalDrawings:'')">+点击查看</div>
                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">负责人</span>
                                                     </div>
                                                     <div v-if="edit" style="height: 42px;line-height: 42px;">   {{secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.responsiblePerson?secondData.cereBasicInformationVenue.responsiblePerson:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.head?secondData.cereBasicInformationShop.head : '-'}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;"></span>
                                                     </div>
                                                     <div style="height: 42px;line-height: 42px;"></div>
                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                             </el-row>
<div style="margin-bottom: 20px;">
                <div class="" style="width:25%">
                  <div style="margin-bottom: 10px;">商铺图片/视频</div>
                  <div style="display: flex;">
                    <img :src="secondData.cereBasicInformationVenue && secondData.cereBasicInformationVenue.displayImage?secondData.cereBasicInformationVenue.displayImage:secondData.cereBasicInformationShop && secondData.cereBasicInformationShop.displayMainImage?secondData.cereBasicInformationShop.displayMainImage : '../../../assets/images/empty.png'" alt=""
                      style="height: 120px;margin-right: 20px;" />
                  </div>
                </div>
              </div>

                                           </div>
                                         </div>
                                         <div style="border: 1px solid #E5E5E5;padding: 1px" v-if="index == 2">
                                           <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;">
                                           <div>租赁信息</div>
                                           </div>
                                           <div style="padding: 15px;">
                                             <el-row style="border: 1px solid #EBEEF5;height: 42px;">
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">租赁情况</span>
                                                     </div>
                                                     <div style="height: 42px;line-height: 42px;">{{secondData.czqk}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">租赁人</span>
                                                     </div>
                                                     <div  style="height: 42px;line-height: 42px;">{{secondData.zlr}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">联系电话</span>
                                                     </div>
                                                     <div  style="height: 42px;line-height: 42px;">{{secondData.telephone}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>

                                             </el-row>
                                             <el-row style="border-right: 1px solid #EBEEF5;border-left: 1px solid #EBEEF5;height: 42px;">
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">租期</span>
                                                     </div>
                                                     <div style="height: 42px;line-height: 42px;">{{secondData.zlzt}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">租金价格</span>
                                                     </div>
                                                     <div  style="height: 42px;line-height: 42px;">{{secondData.ztmc}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                               <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                 <el-form size="small" :inline="true">
                                                   <el-form-item prop="name">
                                                     <div slot="label"
                                                       style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                       <span style="font-size: 14px;color: #000;">租赁合同</span>
                                                     </div>
                                                     <div  style="height: 42px;line-height: 42px;">{{secondData.fr}}</div>

                                                   </el-form-item>
                                                 </el-form>
                                               </el-col>
                                             </el-row>
                                           </div>
                                         </div>
                                        <div style="border: 1px solid #E5E5E5;padding: 1px" v-if="index == 3">
                                          <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;">
                                          <div>合同信息</div>
                                          </div>
                                          <div style="padding: 15px;">
                                            <el-row style="border: 1px solid #EBEEF5;height: 42px;">
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">合同编号</span>
                                                                </div>
                                                                <div  style="height: 42px;line-height: 42px;">{{secondData.htbh}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">标段号</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.bdh}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">合同名称</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.htmc}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                        </el-row>
                                                        <el-row
                                                          style="border-left: 1px solid #EBEEF5; border-right: 1px solid #EBEEF5;border-bottom: 1px solid #EBEEF5;height: 42px;">
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">合同金额</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.htje}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">保证金</span>
                                                                </div>
                                                                <div  style="height: 42px;line-height: 42px;">{{secondData.bzj}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">合同签订日期</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.htqdrq}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                        </el-row>
                                                        <el-row
                                                          style="border-left: 1px solid #EBEEF5; border-right: 1px solid #EBEEF5;border-bottom: 1px solid #EBEEF5;height: 42px;">
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">合同终止日期</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.htzzrq}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">起租日期</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.qzrq}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">出租人名称</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.czrmc}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                        </el-row>
                                                        <el-row
                                                          style="border-left: 1px solid #EBEEF5; border-right: 1px solid #EBEEF5;border-bottom: 1px solid #EBEEF5;height: 42px;">
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">联系电话</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.telephone}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">银行账号</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.yhzh}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">承租人名称</span>
                                                                </div>
                                                                <div  style="height: 42px;line-height: 42px;">{{secondData.tenantName}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                        </el-row>
                                                        <el-row
                                                          style="border-left: 1px solid #EBEEF5; border-right: 1px solid #EBEEF5;border-bottom: 1px solid #EBEEF5;height: 42px;">
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">承租人联系电话</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.czrlxdh}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">承租人银行账号</span>
                                                                </div>
                                                                <div style="height: 42px;line-height: 42px;">{{secondData.czryhzh}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">商铺编号</span>
                                                                </div>
                                                                <div  style="height: 42px;line-height: 42px;">{{secondData.spbh}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                        </el-row>
                                                        <el-row
                                                          style="border-left: 1px solid #EBEEF5; border-right: 1px solid #EBEEF5;border-bottom: 1px solid #EBEEF5;height: 42px;">
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">商铺名称</span>
                                                                </div>
                                                                <div  style="height: 42px;line-height: 42px;">{{secondData.spmc}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">商铺地址</span>
                                                                </div>
                                                                <div  style="height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
                                            {{secondData.spdz}}
                                                                </div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">商铺面积</span>
                                                                </div>
                                                                <div  style="height: 42px;line-height: 42px;">{{secondData.spmj}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                        </el-row>
                                                        <el-row
                                                          style="border-left: 1px solid #EBEEF5; border-right: 1px solid #EBEEF5;border-bottom: 1px solid #EBEEF5;height: 42px;margin-bottom: 20px;">
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">商铺业态</span>
                                                                </div>
                                                                <div  style="height: 42px;line-height: 42px;">{{secondData.spyt}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">经营项目</span>
                                                                </div>
                                                                <div  style="height: 42px;line-height: 42px;">{{secondData.jyxm}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                          <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                                            <el-form size="small" :inline="true">
                                                              <el-form-item prop="name">
                                                                <div slot="label"
                                                                  style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                                  <span style="font-size: 14px;color: #000;">合同附件</span>
                                                                </div>
                                                                <div  style="height: 42px;line-height: 42px;text-decoration: underline;">{{secondData.htfj}}</div>

                                                              </el-form-item>
                                                            </el-form>
                                                          </el-col>
                                                        </el-row>
                                          </div>
                                        </div>
                                        <div style="border: 1px solid #E5E5E5;padding: 1px" v-if="index == 4">
                                          <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;">
                                          <div>人流情况</div>
                                          </div>
                                          <div style="padding: 15px;">
                                         <el-row style="border: 1px solid #EBEEF5;height: 42px;">
                                           <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                             <el-form size="small" :inline="true">
                                               <el-form-item prop="name">
                                                 <div slot="label"
                                                   style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                   <span style="font-size: 14px;color: #000;">检测位置</span>
                                                 </div>
                                                 <div style="height: 42px;line-height: 42px;">{{secondData.xxtjsj}}</div>

                                               </el-form-item>
                                             </el-form>
                                           </el-col>
                                           <el-col :span="8" style="border-right: 1px solid #EBEEF5;">
                                             <el-form size="small" :inline="true">
                                               <el-form-item prop="name">
                                                 <div slot="label"
                                                   style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                   <span style="font-size: 14px;color: #000;">检测时段</span>
                                                 </div>
                                                 <div style="height: 42px;line-height: 42px;">{{secondData.xxzje}}</div>

                                               </el-form-item>
                                             </el-form>
                                           </el-col>
                                           <el-col :span="8">
                                          <el-form size="small" :inline="true">
                                            <el-form-item prop="name">
                                              <div slot="label"
                                                style="text-align:left;border-right: 1px solid #EBEEF5;height: 42px;line-height: 42px;width: 119px;padding-left:10px;background-color:#FAFAFA">
                                                <span style="font-size: 14px;color: #000;">人流</span>
                                              </div>
                                              <div style="height: 42px;line-height: 42px;">{{secondData.xxzje}}</div>

                                            </el-form-item>
                                          </el-form>
                                           </el-col>
                                         </el-row>


                                          </div>
                                        </div>
                                        <div style="border: 1px solid #E5E5E5;padding: 1px" v-if="index == 5">
                                          <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;">
                                          <div>招商进度信息</div>
                                          </div>
                                          <div style="padding: 15px;">
                                          <el-table :data="jinduData.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
                                           :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
                                            <el-table-column label="序号" min-width="5%" prop="id">
                                            </el-table-column>
                                            <el-table-column label="申请编号" prop="resourceNumber" min-width="12%">
                                            </el-table-column>
                                            <el-table-column label="所属区域" prop="resourceName"min-width="12%" >
                                            </el-table-column>
                                            <el-table-column label="方案名称" prop="resourceType" min-width="10%">
                                            </el-table-column>
                                            <el-table-column label="商铺名称" prop="region" min-width="12%">
                                            </el-table-column>
                                            <el-table-column label="申请铺位" prop="region" min-width="12%">
                                            </el-table-column>
                                            <el-table-column label="计划时间" prop="region" min-width="12%">
                                            </el-table-column>
                                            <el-table-column label="状态" width="120"  min-width="8%">
                                              <template slot-scope="scope">
                                                 {{scope.row.dataForm == '1'?'未发布':'已发布'}}
                                              </template>
                                            </el-table-column>
                                          <el-table-column label="提交时间" width="120"  min-width="8%">
                                          </el-table-column>

                                          </el-table>


                                          </div>
                                        </div>
                                   </div>
                                   <div style="display:flex;justify-content: flex-end;padding:20px;">
                                     <el-button   @click="MsgSp=false"
                                     class="buttonHover"
                                       style="background-color: #3F9B6A;color: #fff;">返回</el-button>
                                   </div>
                                 </el-dialog>
                               <el-dialog
                                    width="40%"
                                    title="流程审批"
                                     custom-class='liucheng_css'
                                    :visible.sync="Liunie"
                                    :close-on-click-modal="false" :close-on-press-escape="false" :show-close='false'
                                    append-to-body>
                                    <div style="padding:30px 20px 0 20px">
                                      <el-form  ref="ruleFormInfo" :model="secondData" label-width="120px"
                                        style="position: relative">
                                        <el-form-item label="处理意见" class="grid-content bg-purple" prop="name">
                                          <el-input type="textarea"  v-model="secondData.yijian"
                                           placeholder="请输入处理意见" />
                                        </el-form-item>

                                      </el-form>
                                    </div>
                                    <div style="display:flex;justify-content: flex-end;padding:20px;">
                                      <el-button   @click="Liunie=false"
                                        style="background-color: #3F9B6A;color: #fff;">取消</el-button>
                                        <el-button  @click="OAshen"
                                          style="background-color: #3F9B6A;color: #fff;">确定</el-button>
                                    </div>
                                  </el-dialog>
                            </el-tab-pane>
                            <el-tab-pane label="流转记录" name="2">
                              <div style="">
                                <el-steps direction="vertical" :active="secondData.state!=5? secondData.state - 1: 1" class="shen_steps1">
                                  <el-step>
                                    <template slot="title">
                                      <div style="font-size: 14px;font-weight: 600;">部门领导审批</div>
                                         </template>
                                     <template slot="description">
                                       <div style="margin-bottom:10px;padding:10px;border:1px solid #EBEEF5;width:50%">
                                              <div>
                                                <el-descriptions class="margin-top" :column="1"  border>
                                                    <el-descriptions-item>
                                                      <template slot="label">
                                                        <i class="el-icon-user"></i>
                                                        办理人
                                                      </template>

                                                    </el-descriptions-item>
                                                    <el-descriptions-item>
                                                      <template slot="label">
                                                        <i class="el-icon-mobile-phone"></i>
                                                        接收时间
                                                      </template>

                                                    </el-descriptions-item>
                                                    <el-descriptions-item>
                                                      <template slot="label">
                                                        <i class="el-icon-mobile-phone"></i>
                                                        处理时间
                                                      </template>

                                                    </el-descriptions-item>
                                                    <el-descriptions-item>
                                                      <template slot="label">
                                                        <i class="el-icon-mobile-phone"></i>
                                                        处理意见
                                                      </template>

                                                    </el-descriptions-item>
                                                  </el-descriptions>
                                              </div>
                                       </div>
                                       </template>
                                  </el-step>
                                  <el-step>
                                    <template slot="title">
                                      <div style="font-size: 14px;font-weight: 600;">公司领导审批</div>
                                         </template>
                                    <template slot="description">
                                      <div style="margin-bottom:10px;padding:10px;border:1px solid #EBEEF5;width:50%">
                                             <div>
                                               <el-descriptions class="margin-top" :column="1"  border>
                                                   <el-descriptions-item>
                                                     <template slot="label">
                                                       <i class="el-icon-user"></i>
                                                       办理人
                                                     </template>

                                                   </el-descriptions-item>
                                                   <el-descriptions-item>
                                                     <template slot="label">
                                                       <i class="el-icon-mobile-phone"></i>
                                                       接收时间
                                                     </template>

                                                   </el-descriptions-item>
                                                   <el-descriptions-item>
                                                     <template slot="label">
                                                       <i class="el-icon-mobile-phone"></i>
                                                       处理时间
                                                     </template>

                                                   </el-descriptions-item>
                                                   <el-descriptions-item>
                                                     <template slot="label">
                                                       <i class="el-icon-mobile-phone"></i>
                                                       处理意见
                                                     </template>

                                                   </el-descriptions-item>
                                                 </el-descriptions>
                                             </div>
                                      </div>
                                      </template>
                                  </el-step>
                                  <el-step>
                                    <template slot="title">
                                      <div style="font-size: 14px;font-weight: 600;">其他审批</div>
                                         </template>
                                         <template slot="description">
                                           <div style="margin-bottom:10px;padding:10px;border:1px solid #EBEEF5;width:50%">
                                             <div>
                                               <el-descriptions class="margin-top" :column="1"  border>
                                                   <el-descriptions-item>
                                                     <template slot="label">
                                                       <i class="el-icon-user"></i>
                                                       办理人
                                                     </template>

                                                   </el-descriptions-item>
                                                   <el-descriptions-item>
                                                     <template slot="label">
                                                       <i class="el-icon-mobile-phone"></i>
                                                       接收时间
                                                     </template>

                                                   </el-descriptions-item>
                                                 </el-descriptions>
                                             </div>

                                           </div>
                                           </template>
                                  </el-step>
                                </el-steps>
                              </div>
                            </el-tab-pane>
                            <el-tab-pane label="流程图" name="3">
                              <div style="height:120px;width:70%;margin-left:18%;margin-top: 78px;">
                                 <el-steps :active="secondData.state!=5? secondData.state: 1" class="liu_steps">
                                   <el-step  class="step_start">
                                     <template slot="icon">
                                     <!--  <div style="background:green;width:150px;height:100px;">
                                       </div> -->
                                         </template>
                                   </el-step>
                                   <el-step  class="step_buen">
                                     <template slot="icon">
                                       <div >
                                          <div>部门领导审批</div>
                                       </div>
                                         </template>
                                   </el-step>
                                   <el-step  class="step_buen">
                                     <template slot="icon">
                                       <div>
                                          <div>公司领导审批</div>
                                       </div>
                                         </template>
                                   </el-step>
                                   <el-step  class="step_buen">
                                     <template slot="icon">
                                       <div>
                                          <div>其他审批</div>
                                       </div>
                                         </template>
                                   </el-step>
                                   <el-step class="step_start">
                                    <template slot="icon">

                                         </template>
                                   </el-step>
                                 </el-steps>
                              </div>
                            </el-tab-pane>
                          </el-tabs>
                    </div>
            </div>
        </el-dialog>

        <!-- 录入合同 -->
        <el-dialog :visible.sync="luheShow" custom-class='bian_css xiang_css' style="padding: 0;" width="75%" center
          :close-on-click-modal="false" :show-close="false">
          <div style="padding:20px;">
            <div style="font-size: 14px;padding-bottom: 20px;color: #000;">租赁信息</div>
            <div style="margin-bottom: 10px;" class="xinxiInput">
              <el-descriptions class="margin-top" :column="3" border :labelStyle="labelStyle"
               :contentStyle="contentStyle">
                <el-descriptions-item>
                  <template slot="label">
                    租赁人
                  </template>
                  <el-input v-model="formInline.tenant" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    意向租期
                  </template>
                  <el-input v-model="formInline.intendedLeaseTerm" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    意向租金
                  </template>
                  <el-input v-model="formInline.intentionalRent" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    租赁主体
                  </template>
                  <el-input v-model="formInline.leasingEntity" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    经营者
                  </template>
                  <el-input v-model="formInline.operator" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    订单编号
                  </template>
                  <el-input v-model="formInline.orderNumber" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    商户名称
                  </template>
                  <el-input v-model="formInline.leaseName" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    租赁类型
                  </template>
                  <el-input v-model="formInline.leaseType" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
              </el-descriptions>
            </div>
            <div class="xinxiInput">
              <el-descriptions class="margin-top" :column="3" border :labelStyle="labelStyle"
               :contentStyle="contentStyle">
               <el-descriptions-item>
                 <template slot="label">
                   合同类型
                 </template>
                 <el-input v-model="heForm.contractType" placeholder="请输入" style="width:100%;" />
               </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    合同编号
                  </template>
                  <el-input v-model="heForm.contractNumber" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    标段号
                  </template>
                  <el-input v-model="heForm.ectionNumber" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    合同名称
                  </template>
                  <el-input v-model="heForm.contractName" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    合同金额
                  </template>
                  <el-input v-model="heForm.contractAmount" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    保证金
                  </template>
                  <el-input v-model="heForm.earnestMoney" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    合同签订日期
                  </template>
                  <el-date-picker  v-model="heForm.contractSigningDate"
                    value-format="yyyy-MM-dd"    type="date"   placeholder="请选择" prefix-icon="none">
                  </el-date-picker>
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    合同终止日期
                  </template>
                  <el-date-picker  v-model="heForm.contractTerminationDate"
                    value-format="yyyy-MM-dd"    type="date"   placeholder="请选择" prefix-icon="none">
                  </el-date-picker>
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    起租日期
                  </template>
                  <el-date-picker  v-model="heForm.leaseStartDate"
                    value-format="yyyy-MM-dd"    type="date"   placeholder="请选择" prefix-icon="none">
                  </el-date-picker>
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    出租人名称
                  </template>
                  <el-input v-model="heForm.lessorName" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    联系电话
                  </template>
                  <el-input v-model="heForm.telephone" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    银行账号
                  </template>
                  <el-input v-model="heForm.bankAccount" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    承租人名称
                  </template>
                  <el-input v-model="heForm.tenantName" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    承租人联系电话
                  </template>
                  <el-input v-model="heForm.tenantTelephone" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    承租人银行账号
                  </template>
                  <el-input v-model="heForm.tenantBankAccount" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    商铺编号
                  </template>

                  <el-input v-model="heForm.shopNumber" placeholder="请输入" style="width:100%;" disabled />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    商铺名称
                  </template>
                  <el-input v-model="heForm.shopName" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    商铺地址
                  </template>
                  <el-input v-model="heForm.shopAddress" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    商铺面积
                  </template>
                  <el-input v-model="heForm.shopArea" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    商铺业态
                  </template>
                  <el-input v-model="heForm.storeFormats" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
                <el-descriptions-item>
                  <template slot="label">
                    经营项目
                  </template>
                  <el-input v-model="heForm.businessProjects" placeholder="请输入" style="width:100%;" />
                </el-descriptions-item>
              </el-descriptions>
            </div>
            <div style="font-size: 14px;padding: 20px 0;color: #000;display:flex;align-items: center;">
              合同附件
              <el-upload class="video-uploader" :action="uploadFileUrl" :on-remove="hefuRemove"
                :on-success="hefuSuccess" :auto-upload="true" :file-list="hefuData">
                <el-button style="background-color: #fff;color: #3F9B6A;border: 1px solid #dcdfe6;margin-left:10px;"  class="buttonHover" v-if="hefuData.length==0">+点击上传</el-button>
              </el-upload>
              </div>
              <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 style="color: #3F9B6A;margin-left: 10px;" @click="addMing = true">
                    添加
                  </div>
                </div>
                <div style="padding: 15px;">
                  <div style="padding: 0px 20px 0px 0px">
                    <el-table :data="ziyuanAll"
                      :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="id" min-width="150">

                      </el-table-column>
                      <el-table-column label="资源名称"  min-width="200" >
                      <template slot-scope="scope">
                        {{scope.row.shopName ? scope.row.shopName :  scope.row.advertisingName?scope.row.advertisingName:scope.row.venueName}}
                      </template>
                      </el-table-column>
                      <el-table-column label="资源类型"  min-width="150">
                        <template slot-scope="scope">
                          {{scope.row.shopName ? '商铺' : scope.row.advertisingType?scope.row.advertisingType:'场地'}}
                        </template>
                      </el-table-column>

                    </el-table>
                  </div>
                </div>
              </div>
              <div style="font-size: 14px;padding: 20px 0;color: #000;display:flex;align-items: center;">
                <span style="margin-right:30px;">月租金</span>
                <el-input v-model="heForm.yuezu" placeholder="请输入" style="width:50%;" />
                </div>
                <div style="font-size: 14px;padding: 20px 0;color: #000;display:flex;align-items: center;">
                  <span style="margin-right:20px;">付款周期</span>
                  <el-input v-model="heForm.zhouqi" placeholder="请输入付款日1-30" style="width:50%;" />
                  </div>
            <div style="padding-top:20px;display:flex;justify-content: flex-end;">
              <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
                @click="heClose">返回</el-button>
              <el-button @click="hecheck" style="background-color: #3F9B6A;color: #fff"
              >确定</el-button>
            </div>
          </div>

          <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"
                 highlight-current-row
                    @current-change="handleSelectionChange"
                      :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
                      >

                      <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?scope.row.advertisingName:scope.row.venueName}}
                      </template>
                      </el-table-column>
                      <el-table-column label="资源类型" min-width="15%">
                        <template slot-scope="scope">
                          {{scope.row.shopName ? '商铺' : 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>
</template>

<script>

  import {
    GetAll,
    queryGetAll,
    msgadd,
    msgedit,
    close,
  } from '../../../api/cereBusinessInfo'
  import {
   getAlls,
   changAlls
  } from '../../../api/information.js'
  // import {
  //   getAlls as map1
  // } from '../../../api/map1'
  import {
    contractAdd,
    cereLeasingAdd
  } from '@/api/manage'
  import {
    uploadUrl
  } from '@/utils/request'
  export default {
    data() {
      return {
        uploadFileUrl: uploadUrl, // 请求地址
        detbox: false, //详情
        edit: true, //编辑
        actSpye: false, //审核
        formInline: {},
        formSel: {
         resourceName:'',
         rentalResourcesId:'',
         businessPurpose:'',
         auditStatus:'',

        },
        secondData: {},
        shenheMsg:{
          resourceName:'',
          resourceType:'',
          yijian:'',
          zt:'3'
        },

        currentPage: 1,
        total: 100,
        flag: false,
        pageSize: 10,
        tableData: [],
        msgid:'',
        pageindex: {
          pageNumber: 1,
          pageSize: 10,
        },
        actCard:'1',
        MsgSp:false,
        index:0,
        MsgSp:false,
          liuYe:1,//通过or驳回
        Liunie:false,
        jingduData:[],
        jinduData:[],
        luheShow:false,//录入合同框
        hefuData:[],//录入合同附件
        heForm:{
contractNumber: '', //合同对应的ID
            ectionNumber: '',
            contractName: '',
            contractAmount: '',
            earnestMoney: '',
            contractSigningDate: '',
            contractTerminationDate: '',
            leaseStartDate: '',
            lessorName: '',
            shopNumber:'',
            telephone: '',
            bankAccount: '',
            tenantName: '',
            tenantTelephone: '',
            tenantBankAccount: '',
            contractType:'',
            relatedMerchants:'',
            contractStatus: '', //合同状态
            dataStatus: '1', //数据状态（1.使用中  2.往期合同 3.已终止）
        },
        contentStyle:{
          width:'20%',
          height:'42px',
        },
        labelStyle:{
          width:'150px',
          height:'42px',
          color:'#000',
        },
        addMing:false,//添加资源框
        ziyuanAll:[],
        ziyuanData:[],
        multipleSelection:[],
        selData:[],

      }
    },

    created() {
      this.getAll()


    },
    mounted() {


    },
    // beforeDestroy() {
    //   const editor = this.editor
    //   if (editor == null) return
    //   editor.destroy() // 组件销毁时，及时销毁编辑器
    // },
    methods: {
      async delList(item){
        await close({id:item.id})
        this.getAll()
      },
      //获取当前时间
       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}`;
          },


      //查询全数据
      async getAll() {
        const res =  await GetAll(this.pageindex)
        this.tableData = res.data.content
        this.total = res.data.content.length
        this.tableData.map(item=>{
          if (!this.selData.includes(item.businessPurpose)) {
             this.selData.push(item.businessPurpose);
           }
        })

      },
      //编辑
      bianji() {
        if(this.edit){
          this.edit = false
        }
      },
      //删除
    async  closemsg(){
      const res=  await close({id:this.msgid})
        this.detbox = false
        this.getAll()
      },
     async handleDelete(val){
        const res =  await close({id:val.id})
          this.getAll()
      },
      bianjilist(item){
        this.detbox = true
        this.secondData.region = item.region
        this.secondData.resourceNumber = item.resourceNumber
        if(this.edit){
          this.edit = false
        }
      },
      //审批
      handleshenpi(item){
        this.msgid = item.id
        this.shenheMsg.resourceName = item.resourceName
         this.shenheMsg.resourceType = item.resourceType
        this.secondData = item
        this.actSpye = true
      },

      //详情点击
      handleEditForm(item) {
        this.detbox = true
        this.msgid = item.id
        this.secondData = item
      },

      handleCurrentChange(val) {
        this.currentPage = val
      },
      handleSizeChange(val) {
        this.pageSize = val
      },
      //取消
      closeFn(val) {
        if(val == 1){
          this.detbox = false
          this.actSpye = false
        }else{
          this.ggXin = false
          this.edit = true
          this.ruleForm={
           resourceNumber:'', // 资源编号
            resourceName:'', // 资源名称
            resourceType:'商铺', // 资源类型
            tenantName:'', // 承租人姓名
            telephone:'',//联系电话
            intendedLeaseTerm:'', // 意向租期
            businessPurpose:'', // 经营用途
           submissionTime:'',//提交时间
            dataForm:'1',//数据形式(1.发布 2.审核)
            createDate:'', //创建时间
            region:'' // 区域
          }
        }
      },
      handleClick() {

      },
      //上传

      handlePreview(file) {
        console.log(file);
      },
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      //查询
     onSubmit() {
      let page = {
    pageNumber:1,
    pageSize:10,
    rentalResourcesId:this.formSel.rentalResourcesId,
    businessPurpose:this.formSel.businessPurpose,
    auditStatus:this.formSel.auditStatus,
    cereBasicInformationShop:{
        shopName:this.formSel.resourceName
    },
    cereBasicInformationVenue:{
        venueName:this.formSel.resourceName
    }
}

   GetAll(page).then(res=>{
     this.tableData = res.data.content
     this.total = res.data.content.length

   })


      },

      //重置按钮
      resetting() {
        this.formSel = {
         resourceName:'',
         rentalResourcesId:'',
         businessPurpose:'',
         auditStatus:'',
        },
          this.getAll()

      },
      MsgShen(val){
         this.index = val
         this.MsgSp =true
      },
      LiuYes(val){
        this.liuYe = val
        this.Liunie = true
      },
     async luru(item){
     this.secondData = item
       this.heForm ={
           contractNumber: '', //合同对应的ID
           ectionNumber: '',
           contractName: '',
           contractAmount: '',
           earnestMoney: '',
           contractSigningDate: '',
           contractTerminationDate: '',
           leaseStartDate: '',
           lessorName: '',
           telephone: '',
           bankAccount: '',
           tenantName: '',
           shopNumber:'',
           contractType:'',
           tenantTelephone: '',
           tenantBankAccount: '',
           relatedMerchants:'',
           contractStatus: '', //合同状态
           dataStatus: '1', //数据状态（1.使用中  2.往期合同 3.已终止）
       }
       this.heForm.shopNumber = item.cereBasicInformationShop.venueNumber  || item.cereBasicInformationVenue.venueNumber
       this.heForm.relatedMerchants = item.applicant

        this.luheShow = true
        this.hefuData = []
        this.ziyuanAll  =[]
        const ziyuan =  await getAlls(this.pageindex)
         // const ggw  = await map1(this.pageindex)
         const changdi = await changAlls(this.pageindex)
        this.ziyuanData = [...ziyuan.data.content,...changdi.data.content]
      },
      hefuRemove() {
        this.hefuData = []
      },
      hefuSuccess(response, file, fileList) {
        const fileMsg = {
          name: file.name,
          url: file.response.data.url,
        }
        // 将文件地址存储在 uploadedFiles 数组中
        this.hefuData.push(fileMsg)
      },
      heClose(){
         this.luheShow = false
      },
      hecheck(){
       if(this.hefuData.length !=0){
          this.heForm.appendicesContract = JSON.stringify(this.hefuData[0])
       }

       contractAdd(this.heForm).then(res => {
          msgedit({auditStatus:'4',id:this.secondData.id,contractNumber:res.data.contractNumber})
         this.formInline.contractNumber = res.data.contractNumber
         this.formInline.createDate = this.currentTime()
         this.formInline.rentalCondition = '1'
         cereLeasingAdd(this.formInline).then(res => {
           this.getAll()
         })
       })
           // await contractAdd(this.heForm)
          this.luheShow = false
      },
      mingClose(){
        this.multipleSelection =[]
        this.addMing = false
      },
      minSev(){
        this.ziyuanAll = this.multipleSelection
        this.addMing = false
        this.multipleSelection =[]
      },
      handleSelectionChange(val) {
        this.multipleSelection.push(val)
      },
     async OAshen(){
          await msgedit({auditStatus:this.liuYe,id:this.secondData.id})
          this.Liunie = false
          this.actSpye = false
          this.getAll()
      },
      openFullScreen(src){
         // 获取图片元素
              const image = this.$refs.previewImage;
              // 创建一个新的窗口
              const w = window.open('', '_blank');
              // 设置新窗口的尺寸为全屏
              w.document.write(`<img src="${src}" style="width:50%; height:auto;" />`);
              w.document.close();
      },
      currentTime() {
          let date = new Date();
          let year = date.getFullYear();
          let month = date.getMonth() + 1; // 月份从0~11，所以加一
          let day = date.getDate();
          let hours = date.getHours();
          let minutes = date.getMinutes();
          let seconds = date.getSeconds();

          // 为月、日、时、分、秒添加前导零（如果需要）
          month = month < 10 ? '0' + month : month;
          day = day < 10 ? '0' + day : day;
          hours = hours < 10 ? '0' + hours : hours;
          minutes = minutes < 10 ? '0' + minutes : minutes;
          seconds = seconds < 10 ? '0' + seconds : seconds;

          // 拼接日期和时间字符串
          let strDate = `${year}-${month}-${day} ${hours}:${minutes}`;
          return strDate;
      },
    }
  }
</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;

  }

  /deep/ .el-form-item__content {
    line-height: 0;
  }

  ::v-deep .xinForm .el-form-item__content {
    line-height: 3;
  }

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

  .formSearch {
    display: flex;
    width: 100%;
    font-size: 14px;
    justify-content: space-between;
    align-items: center;
  }

  .greens {
    color: #3F9B6A;
  }


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

  /deep/ .el-pagination__total {
    margin-top: 4px;
  }



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

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

  /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-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 .moren {
    .el-input__inner {
      border: none;
      margin-top: 5px;
      padding: 0;
    }
  }
/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;
  }

  ::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 .shenhe_css{
 .el-dialog__header {
    border-bottom:1px solid rgb(234, 234, 234);
    padding: 10px 15px;
  }
  .el-dialog__title {
    font-size: 16px !important;
    font-weight: 600;
    color: #000;

  }
}
</style>
<style lang="scss" scoped>
  ::v-deep .bian_css {
    .el-dialog__header {
     padding: 10px 20px 20px 20px;
    }
  .el-dialog__body{
    padding:5px;
  }
  }

  ::v-deep .xinFrom{
    .el-input--mini .el-input__inner{
      height:36px;
      line-height:36px;
    }
    .el-range-editor--mini.el-input__inner{
        height:36px;
        width:100%;
    }
  }
  ::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 .souTabs {
       padding:0 15px 0 12px;
       .el-submenu{
         padding:0px;
       }
       .el-menu-item:focus, .el-menu-item:hover{
         background-color: #3F9B6A !important;
       }
       .el-menu-item:hover{
         background-color:#3f9b6a1a !important;
         color:#000 !important;
       }
       .el-tabs--left .el-tabs__header.is-left {
         width: 100%;
         margin-right: 0px;
       }

       .el-tabs--left .el-tabs__item.is-left {
         text-align: center;
       }

       .el-tabs__item.is-active {
         background-color: #DEEBE2;
       }
     }
     ::v-deep .shen_steps1 {
      .is-process { /* 待执行步骤颜色 */
        color: #3F9B6A;
        border:none;
         .el-step__icon{
            background-color: #3F9B6A;
         }
         .el-step__icon-inner{
           color:#fff;
         }
         .el-step__line{
           background-color: #3F9B6A;
         }

     }
    .is-finish{
       color: #3F9B6A;
       border:none;
       .el-step__icon{
          background-color: #3F9B6A;
       }
       .el-step__icon-inner{
         color:#fff;
       }
       .el-step__line{
         background-color: #3F9B6A;
       }
     }

   }

   ::v-deep .liu_steps{
     .step_start{
       flex-basis:15% !important;
       .is-finish{
         border: none;
          color: #3F9B6A;
          .el-step__icon{
             background-color: #D3E6CC;
          }
          .el-step__icon .is-text{
            border: 2px solid #3F9B6A;
          }
          .el-step__icon-inner{
            display: none;
          }
          .el-step__line{
            border-color: #3F9B6A;
          }
        }
        .is-wait{

               border: none;
                color: #000;
                .el-step__icon{
                   background-color: #fff;
                }
                .el-step__icon .is-text{
                  border: 2px solid #000;
                }
                .el-step__icon-inner{
                  display: none;
                }
                .el-step__line{
                  background-color: #000;
                }

        }
    .is-process{
         border: none;
          color: #000;
          .el-step__icon{
             background-color: #fff;
          }
          .el-step__icon .is-text{
            border: 2px solid #000;
          }
          .el-step__icon-inner{
            display: none;
          }
          .el-step__line{
            background-color: #000;
          }
        }
     }
     .step_buen{
       flex-basis:25% !important;
         .is-process{
           .el-step__icon{
             padding: 10px;
               border-radius:10px;
               width:120px;
               height:70px;
               margin-top:-24px;
               position: relative;
             border: 2px solid #FABB41;
             font-size: 14px;
           }
           .el-step__icon .is-text{
               padding: 10px;
               border-radius:10px;
             border: 2px solid #FABB41;
             font-size: 14px;
           }
         }
         .is-wait{
           .el-step__icon{
             padding: 10px;
               border-radius:10px;
               width:120px;
               height:70px;
               margin-top:-24px;
               position: relative;
             border: 2px solid #C0C4CC;
             font-size: 14px;
           }
           .el-step__icon .is-text{
               padding: 10px;
               border-radius:10px;
             border: 2px solid #C0C4CC;
             font-size: 14px;
           }
         }
          .is-finish{
            .el-step__icon{
              padding: 10px;
                border-radius:10px;
                width:120px;
                height:70px;
                margin-top:-24px;
                position: relative;
              border: 2px solid #3F9B6A;
              background-color: #D3E6CC;
              font-size: 14px;
              color: #3F9B6A;
            }
            .el-step__icon .is-text{
                padding: 10px;
                border-radius:10px;
              border: 2px solid #3F9B6A;
              font-size: 14px;
            }
            .el-step__line{
              background-color: #3F9B6A;
            }
          }
     }
     ::v-deep .xiang_steps{
      .is-process{ /* 待执行步骤颜色 */
        color: #3F9B6A;
        border:none;
         .el-step__icon{
            background-color: #3F9B6A;
         }
         .el-step__icon-inner{
           color:#fff;
         }
         .el-step__line{
           background-color: #3F9B6A;
         }

     }
    .is-finish{
       color: #3F9B6A;
       border:none;
       .el-step__icon{
          background-color: #3F9B6A;
       }
       .el-step__icon-inner{
         color:#fff;
       }
       .el-step__line{
         border-color: #3F9B6A;
       }
     }


     }
   }

 ::v-deep .xiang_css {
    height: auto;
    margin-left: 15%;

    .el-dialog__header {
      padding: 0px;
    }



  }

::v-deep .xinxiInput{
  .el-input__inner {
    height: 18px;
    border: 0px;
    margin-top: 0px;
  }

  .el-input__inner:hover {
    border: 0px;
  }

  .el-input__inner:focus {
    border: 0px;
  }
}
  ::v-deep .bian_css {
    .el-dialog__header {
      padding: 0px;
    }
  }
  ::v-deep  .XDD_css {
    .el-dialog__header{
      padding:0px;
      border-bottom :0px;
    }
  }
</style>
