<template>
  <div style="padding: 10px;background-color:#F2F3F5">
    <div class="zhuti">
      <div style="height:58px;line-height:58px;">
        <div style="color:#0006"> <span>招商租赁管理</span> <span style="padding:0 5px;">></span> <span
            style="color:#000000e6">招商结果查询</span></div>
      </div>
      <div>
        <!-- 搜索 -->
        <div class="formSearch">
          <el-form :inline="true" :model="formSel">
            <el-form-item label="资源类型">
              <el-select v-model="formSel.affiliation" placeholder="请选择"
                style="width: 168px;margin-right: 15px">
                <el-option label="1" value="1" />
              </el-select>
            </el-form-item>
            <el-form-item label="经营用途">
              <el-select v-model="formSel.createUser" placeholder="请选择"
                style="width: 168px;margin-right: 15px">
                <el-option label="2" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="状态">
              <el-select v-model="formSel.createDate" placeholder="请选择"
                style="width: 168px;margin-right: 15px">
                <el-option label="3" value="3" />
              </el-select>
            </el-form-item>

<!--            <el-input v-model="formSel.contacts" placeholder="请输入关键词"  suffix-icon="el-icon-search"
              style="width: 220px;margin-right: 15px" /> -->
          </el-form>
          <div>
            <el-button  @click="onSubmit"
              style="background-color: #3F9B6A;color: #fff">查询
            </el-button>
            <el-button  @click="resetting"  class="buttonHover"
              style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置
            </el-button>
          </div>
        </div>

<!-- resourceNumber: '', // 资源编号
          resourceName: '', // 资源名称
          resourceType: '', // 资源类型
          tenantName: '', // 承租人姓名
          telephone:'',//联系电话
          intendedLeaseTerm: '', // 意向租期
          businessPurpose: 1, // 经营用途
         submissionTime: 1,//提交时间
          dataForm: 1,//数据形式(1.发布 2.审核)
          createDate: '', //创建时间
          region: '' // 区域 -->
        <!-- 表格 -->
        <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="序号" width="60"  prop="id">
                  </el-table-column>
                  <el-table-column label="资源编号" prop="resourceNumber" width="150" >
                  </el-table-column>
                  <el-table-column label="资源名称" prop="resourceName" width="150">

                  </el-table-column>
                  <el-table-column label="资源类型" prop="resourceType" width="120">

                  </el-table-column>
                  <el-table-column label="承租人姓名" prop="tenantName" width="120">
                  </el-table-column>
                  <el-table-column prop="telephone" label="联系电话" width="180" >

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

                  <el-table-column label="经营用途" width="150" porp='businessPurpose'>
                  </el-table-column>
                  <el-table-column label="提交时间" width="250"  porp='submissionTime'>
                    <template slot-scope="scope">
                       {{scope.row.submissionTime}}
                    </template>
                  </el-table-column>
                  <el-table-column label="状态" width="150"  porp='dataForm'>
                    <template slot-scope="scope">
                       {{scope.row.dataForm == '1'?'已发布':scope.row.dataForm == '2'?'待审核':scope.row.dataForm == '3'?'驳回':'通过'}}
                    </template>
                  </el-table-column>

                  <el-table-column label="操作" width="200" >
                    <template slot-scope="scope">
                      <div @click="handleEditForm(scope.row)" class="tableBtn greens">详情</div>
                    </template>
                  </el-table-column>
                </el-table>
        <!-- 详情框  :visible.sync="detbox" -->
        <!-- <div  v-show="detbox" class="dialog_css_Xq " style="padding: 0;width:85%"> -->
       <el-dialog  :visible.sync="detbox"  custom-class='dialog_css' style="padding: 0;" width="85%" center
          :close-on-click-modal="false" class="dialog_css_Xq" :show-close="false">
          <div
            style="background-color: #FAFAFA;border:1px solid #EAEAEA;height: 42px;width: 100%;margin-bottom: 20px;padding: 0 20px;line-height: 42px;font-weight: 600;">
            详情
          </div>
          <div style="padding: 0 20px;">
            <div style="display: flex;justify-content: space-between;font-size: 12px;margin-bottom: 20px;">
              <div>基本信息</div>
              <div
                style="background-color: #3678D8; color: #fff;padding: 5px;border-radius: 5px;width: 100px;text-align:center;">
                业态变更信息</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: 12px;color: #000;">所属区域</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.region}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.region" 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: 12px;color: #000;">建筑形式</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.jzxs}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.jzxs" 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: 12px;color: #000;">实际使用面积</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.sjsymj}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.sjsymj" v-else></el-input>
                  </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: 12px;color: #000;">场地编号</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.resourceNumber}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.resourceNumber" 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: 12px;color: #000;">归属部门</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.gsbm}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.gsbm" 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: 12px;color: #000;">主要设施</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.zyss}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.zyss" v-else></el-input>
                  </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: 12px;color: #000;">建筑图纸</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;text-decoration: underline;color: #569F7B;">{{secondData.jztz}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.jztz" 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: 12px;color: #000;">负责人</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.fzr}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.fzr" 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: 12px;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;margin-bottom: 20px;">
              <div class="" style="width:25%">
                <div style="margin-bottom: 10px;">展示主图</div>
                <div><img src="../../../assets/images/empty.png" alt="" style="height: 120px;" /></div>
              </div>

              <div class="" style="width:25%">
                <div style="margin-bottom: 10px;">其他展示图片/视频</div>
                <div style="display: flex;"><img src="../../../assets/images/empty.png" alt=""
                    style="height: 120px;margin-right: 20px;" /><img src="../../../assets/images/empty.png" alt=""
                    style="height: 120px;" /></div>
              </div>
            </div>
            <div style="display: flex;justify-content: space-between;font-size: 12px;margin-bottom: 20px;">
              <div>租赁信息</div>
              <div
                style="background-color: #3678D8; color: #fff;padding: 5px;border-radius: 5px;width: 100px;text-align:center;">
                历史租赁信息</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: 12px;color: #000;">出租情况</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.czqk}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.czqk" 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: 12px;color: #000;">租赁人</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.zlr}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.zlr" 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: 12px;color: #000;">联系电话</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.telephone}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.telephone" v-else></el-input>
                  </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: 12px;color: #000;">租赁主体</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.zlzt}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.zlzt" 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: 12px;color: #000;">主体名称</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.ztmc}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.ztmc" 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: 12px;color: #000;">法人</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.fr}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.fr" v-else></el-input>
                  </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: 12px;color: #000;">租期</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.zq}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.zq" 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: 12px;color: #000;">租金</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.zj}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.zj" 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: 12px;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: 12px;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: 12px;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: 12px;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: 12px;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>
            <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: 12px;color: #000;">合同金额</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.htje}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.htje" 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: 12px;color: #000;">保证金</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.bzj}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.bzj" 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: 12px;color: #000;">合同签订日期</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.htqdrq}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.htqdrq" v-else></el-input>
                  </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: 12px;color: #000;">合同终止日期</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.htzzrq}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.htzzrq" 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: 12px;color: #000;">起租日期</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.qzrq}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.qzrq" 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: 12px;color: #000;">出租人名称</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.czrmc}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.czrmc" v-else></el-input>
                  </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: 12px;color: #000;">联系电话</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.telephone}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.telephone" 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: 12px;color: #000;">银行账号</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.yhzh}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.yhzh" 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: 12px;color: #000;">承租人名称</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.tenantName}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.tenantName" v-else></el-input>
                  </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: 12px;color: #000;">承租人联系电话</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.czrlxdh}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.czrlxdh" 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: 12px;color: #000;">承租人银行账号</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.czryhzh}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.czryhzh" 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: 12px;color: #000;">商铺编号</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.spbh}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.spbh" v-else></el-input>
                  </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: 12px;color: #000;">商铺名称</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.spmc}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.spmc" 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: 12px;color: #000;">商铺地址</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
{{secondData.spdz}}
                    </div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.spdz" 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: 12px;color: #000;">商铺面积</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.spmj}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.spmj" v-else></el-input>
                  </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: 12px;color: #000;">商铺业态</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.spyt}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.spyt" 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: 12px;color: #000;">经营项目</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.jyxm}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.jyxm" 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: 12px;color: #000;">合同附件</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;text-decoration: underline;">{{secondData.htfj}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.htfj" v-else></el-input>
                  </el-form-item>
                </el-form>
              </el-col>
            </el-row>
            <div style="display: flex;justify-content: space-between;font-size: 12px;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: 12px;color: #000;">线下销售统计时间</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.xxtjsj}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.xxtjsj" 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: 12px;color: #000;">线下销售总金额</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.xxzje}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.xxzje" v-else></el-input>
                  </el-form-item>
                </el-form>
              </el-col>
              <el-col :span="8">

              </el-col>
            </el-row>
            <div style="height: 1px;"></div>
            <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: 12px;color: #000;">在线商城统计时间</span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.xstjsj}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.xstjsj" 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: 12px;color: #000;">在线商城销售总金额 </span>
                    </div>
                    <div v-if="edit" style="height: 42px;line-height: 42px;">{{secondData.xszje}}</div>
                    <el-input placeholder="请输入" class="moren" v-model="secondData.xszje" v-else></el-input>
                  </el-form-item>
                </el-form>
              </el-col>
              <el-col :span="8">
              </el-col>
            </el-row>
            <!-- <div style="width: 100%;"></div> -->
            <div style="display: flex;justify-content: space-between;font-size: 12px;margin-bottom: 20px;">
              <div>经营分析报表</div>
            </div>
            <!-- 图表 -->
            <div style="display: flex;margin-bottom: 20px;">
              <div style="border: #EBEEF5 1px solid; margin-right: 20px; width: 45%;" >
                <div style="border-bottom: #EBEEF5 1px solid;background-color: #F7F7F7;padding: 10px 15px;">销售额趋势图</div>
                <!--    折线图-->

                  <div ref="container" style="width: 600px; height: 400px;"></div>

              </div>
              <div style="border: #EBEEF5 1px solid; width: 45%;">
                <div style="border-bottom: #EBEEF5 1px solid;background-color: #F7F7F7;padding: 10px 15px;">销售额增长率图表</div>
                <div ref="container1" style="width: 600px; height: 400px;"></div>
              </div>
            </div>

            <div style="display: flex;justify-content: space-between;font-size: 12px;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: 12px;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: 12px;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: 12px;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="margin-top: 50px;width: 99%;padding:10px;display:flex;justify-content: flex-end;">
              <el-button type="primary"
                style="color: #000;border-color:#D7D7D7;background-color: #fff;width: 70px;height: 35px;line-height: 0px;"
                @click="closeFn(1)">取消</el-button>
              <!-- <el-button  type="primary"  @click="closemsg"
                style="background-color: #fff;color: #000;border-color:#D7D7D7;width: 70px;height: 35px;line-height: 0px;">删除</el-button> -->
              <!-- <el-button @click="bianji"  type="primary"
                style="background-color: #3F739B;color: #fff;border-color:#3F739B;width: 70px;height: 35px;line-height: 0px;">编辑</el-button> -->

              <el-button  type="primary"  @click="msgeditS"
                style="background-color: #3F9B6A;color: #fff;border-color:#3F9B6A;width: 70px;height: 35px;line-height: 0px;">确定</el-button>


</div>
            </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>

  </div>
</template>

<script>
  import * as echarts from 'echarts';
  import {
    GetAll,
    queryGetAll,
    msgadd,
    msgedit,
    close
  } from '../../../api/publish'
  export default {
    name: 'publish',

    data() {
      return {
        detbox: false, //详情
        edit: true, //编辑
        formInline: {},
        formSel: {
          affiliation: '',
          createUser: '',
          createDate: '',
          contacts: ''
        },
        secondData: {
          region:'',
          jzxs:'',
          sjsymj:'',
          resourceNumber:'',
          gsbm:'',
          zyss:'',
          jztz:'点击查看',
          fzr:'',
          czqk:'',
          zlr:'',
          telephone:'',
          zlzt:'',
          ztmc:'',
          fr:'',
          zq:'',
          zj:'',
          htbh:'',
          bdh:'',
          htmc:'',
          htje:'',
          bzj:'',
          htqdrq:'',
          htzzrq:'',
          qzrq:'',
          tenantName:'',
          lxdh:'',
          yhzh:'',
          czrmc:'',
          czrlxdh:'',
          czryhzh:'',
          spbh:'',
          spmc:'',
          spdz:'',
          spmj:'',
          spyt:'',
          jyxm:'',
          htfj:'',
          xxtjsj:'',
          xxzje:'',
          xstjsj:'',
          xszje:'',
          whsj:'',
          whxm:'',
          whnr:'',

        },
        currentPage: 1,
        total: 100,
        flag: false,
        pageSize: 10,
        tableData: [],
        msgid:'',
        pageindex: {
          pageNumber: 1,
          pageSize: 10,
        },
        chart: null,
        chart1:null
      }
    },

    created() {
      this.getAll()


    },
    mounted() {


    },
    // beforeDestroy() {
    //   const editor = this.editor
    //   if (editor == null) return
    //   editor.destroy() // 组件销毁时，及时销毁编辑器
    // },
    methods: {
      echar(diameter) {
        this.chart = echarts.init(diameter);
        // 指定图表的配置项和数据
        const option = {

           xAxis: {
              type: 'category',
              data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {
              type: 'value'
            },
            series: [
              {
                data: [150, 230, 224, 218, 135, 147, 260],
                type: 'line'
              }
            ]
        };

        // 使用刚指定的配置项和数据显示图表。
        this.chart.setOption(option)
      },
      echar1(diameter) {
        this.chart1 = echarts.init(diameter);
        // 指定图表的配置项和数据
       const option1 = {

          series: [
            {
              name: 'Funnel',
              type: 'funnel',
              left: '10%',
              top: 60,
              bottom: 60,
              width: '80%',
              min: 0,
              max: 100,
              minSize: '0%',
              maxSize: '100%',
              sort: 'descending',
              gap: 2,
              label: {
                show: true,
                position: 'inside'
              },
              labelLine: {
                length: 10,
                lineStyle: {
                  width: 1,
                  type: 'solid'
                }
              },
              itemStyle: {
                borderColor: '#fff',
                borderWidth: 1
              },
              emphasis: {
                label: {
                  fontSize: 20
                }
              },
              data: [
                { value: 60, name: 'Visit' },
                { value: 40, name: 'Inquiry' },
                { value: 20, name: 'Order' },
                { value: 80, name: 'Click' },
                { value: 100, name: 'Show' }
              ]
            }
          ]
        };

        // 使用刚指定的配置项和数据显示图表。
        this.chart1.setOption(option1)
      },
      onCreated(editor) {
        this.editor = Object.seal(editor) // 一定要用 Object.seal() ，否则会报错
      },
      //查询全数据
      async getAll() {
        const res =  await GetAll(this.pageindex)
        this.tableData = res.data.content
        this.total = res.data.content.length
      },
      //编辑确认
     async msgeditS(){
       this.secondData.id = this.msgid
         const res =  await msgedit(this.secondData)
         this.detbox = false
         this.getAll()
      },
      // //编辑
      // bianji() {
      //   if(this.edit){
      //     this.edit = false
      //   }
      // },
      //删除
    // async  closemsg(){
    //   const res=  await close({id:this.msgid})
    //     this.detbox = false
    //     this.getAll()
    //   },

      //查询
      async onSubmit() {


      },

      //详情点击
      handleEditForm(item) {
        this.detbox = true
        this.msgid = item.id
        this.secondData.region = item.region
        this.secondData.resourceNumber = item.resourceNumber
this.$nextTick(() => {
	this.echar(this.$refs.container);
  this.echar1(this.$refs.container1);
  this.resizeChart = () => {
    try {
      this.chart.resize();
      this.chart1.resize();
    } catch (error) {
      console.log(error);
    }
  };
  window.addEventListener('resize', this.resizeChart, false); // false代表事件句柄在冒泡阶段执行
	})
      },

      handleCurrentChange(val) {
        this.currentPage = val
      },
      handleSizeChange(val) {
        this.pageSize = val
      },
      //取消
      closeFn(val) {
        if(val == 1){
          this.detbox = false
        }
      },
      handleClick() {

      },
      //上传

      handlePreview(file) {
        console.log(file);
      },
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      //重置按钮
      resetting() {
        this.formSel = {
            affiliation: '',
            createUser: '',
            createDate: '',
            contacts: ''
          },
          this.getAll()

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

  

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

  .greens {
    color: #3f9b6a;
  }

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

  /deep/ .btn-prev {
    position: absolute;
    top: 4px;
    right: 69px;
  }

  /deep/ .el-pager {
    position: absolute;
    top: 4px;
    right: 40px;
  }

  /deep/ .btn-next {
    position: absolute;
    top: 4px;
    right: 10px;
  }

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

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

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

  .el-row {


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

  ::v-deep .btn .el-button:focus,
  .el-button:hover {
    border: 1px solid #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;
      }
    }
  }

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

  }

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

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

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

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