<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">
          <div>
            <el-form
              :model="formSel"
              :inline="true"
            >
              <el-form-item label="客户名称">
                <el-input v-model="formSel.contactName" placeholder="请输入" style="width:168px" />
              </el-form-item>

              <el-form-item label="主体类型">
                <el-select
                  v-model="formSel.type"
                  placeholder="请选择"
                  style="width:168px;"
                >
                  <el-option label="有限责任公司" value="有限责任公司" />
                </el-select>
              </el-form-item>
              <el-form-item label="客户级别">
               <el-select
                 v-model="formSel.customerLevel"
                 placeholder="请选择"
                 style="width:168px;"
               >
                 <el-option label="A" value="A" />
                 <el-option label="B" value="B" />
                 <el-option label="C" value="C" />
               </el-select>
              </el-form-item>
              <el-form-item label="状态">
               <el-select
                 v-model="formSel.auditStatus"
                 placeholder="请选择"
                 style="width:168px;"
               >
                 <el-option label="待审核" value="1" />
                 <el-option label="审核通过" value="2" />
                 <el-option label="已驳回" value="3" />
               </el-select>
              </el-form-item>

            </el-form>
          </div>
          <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>
        <!-- 表格 -->
        <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="60"
        >
        <template slot-scope="scope">
          {{scope.$index+1}}
        </template>
        </el-table-column>
        <el-table-column
          label="意向客户名称"
          prop="contactName"
          min-width="150"
        />
        <el-table-column
          label="联系电话"
          prop="contactPhone"
          min-width="150"
        />
        <el-table-column
          label="主体类型"
          prop="type"
          min-width="100"
        />
        <el-table-column
          label="企业名称"
          prop="subjectName"
          min-width="200"

        />
        <el-table-column
          label="注册资本"
          prop="registeredCapital"
          min-width="100"

        />
        <el-table-column
          label="成立日期"
          prop="establishmentDate"
          min-width="100"

        />
        <el-table-column
          label="客户级别"
          prop="temporaryShopsNumber"
          min-width="100"

        />
        <el-table-column prop="auditStatus" label="状态" min-width="150">
          <template slot-scope="scope">
            {{ scope.row.auditStatus == "1" ? "待审核" :scope.row.auditStatus == "2" ?'审核通过' :scope.row.auditStatus == "3" ?'已驳回' :'' }}
          </template>
        </el-table-column>
          <el-table-column label="操作" min-width="250">
            <template slot-scope="scope">
              <div class="tableBtn greens" @click="handleEditForm(scope.row)">
                查看
              </div>
              <div class="tableBtn greens" @click="addbuss(scope.row)" v-if="scope.row.auditStatus == '1'">
                审核
              </div>




            </template>
          </el-table-column>
        </el-table>
        <!-- 详情框  :visible.sync="detbox" -->
        <!-- <div  v-show="detbox" class="dialog_css_Xq " style="padding: 0;width:85%"> -->
        <el-dialog
         :visible.sync="detbox"
         custom-class="tongyong_css"
         style="padding: 0"
         width="55%"
         center
         :close-on-click-modal="false"
         class="dialog_css_Xq"
         :show-close="false"
        >
          <div
            style="
              background-color: #fafafa;
              border: 1px solid #eaeaea;
              height: 42px;
              width: 100%;
              padding: 0 20px;
              line-height: 42px;

            "
          >
            详情
          </div>
          <div style="padding: 0 20px">
            <div
              style="
                font-size: 14px;
                margin-bottom: 20px;
              "
            >
            <!-- <div>
              <div style="padding:10px 10px 10px 0;">审核信息</div>
              <el-table
                :data="
                  shenData.slice(
                    (currentPage - 1) * pageSize,
                    currentPage * pageSize
                  )
                "
                :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
              >
                <el-table-column
                  label="序号"
                  min-width="5%"
                >
                <template slot-scope="scope">
                  {{scope.$index+1}}
                </template>
                </el-table-column>
                <el-table-column
                  label="审核人"
                  prop="id"
                  min-width="8%"
                />
                <el-table-column
                  label="审核时间"
                  prop="belongingRegion"
                  min-width="10%"
                />
                <el-table-column
                  label="审核结果"
                  prop="temporaryPavingPlanName"
                  min-width="10%"
                />
                <el-table-column
                  label="意见"
                  prop="temporaryPavingPlanName"
                  min-width="20%"
                />
              </el-table>
            </div> -->
              <el-tabs v-model="secondData.card" @tab-click="handleClick">
                <el-tab-pane label="意向客户信息" name="first">
                  <el-form ref="ruleForm" :model="secondData" label-width="130px">
                    <el-form-item label="主体名称" prop="subjectName">
                      <el-input
                        v-model="secondData.subjectName"
                        :disabled="edit?true:false"
                      />
                    </el-form-item>
                    <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
                      <el-input
                        v-model="secondData.unifiedSocialCreditCode"
                        :disabled="edit?true:false"
                      />
                    </el-form-item>
                    <el-form-item label="类型"  prop="type">
                      <el-select
                        v-model="secondData.type"
                        :disabled="edit?true:false"
                        style="width: 100%;"
                      >
                        <el-option label="有限责任公司" value="有限责任公司" />
                      </el-select>
                    </el-form-item>
                    <el-form-item label="法定代表人" prop="legalRepresentative">
                      <el-input
                        v-model="secondData.legalRepresentative"
                     :disabled="edit?true:false"
                      />
                    </el-form-item>
                    <el-form-item label="经营范围" prop="businessScope">
                     <el-input type="textarea" v-model="secondData.businessScope" :rows="4" :disabled="edit?true:false"></el-input>
                    </el-form-item>
                    <el-form-item label="注册资本" prop="registeredCapital">
                      <el-input
                        v-model="secondData.registeredCapital"
                        :disabled="edit?true:false"
                      />
                    </el-form-item>
                    <el-form-item label="成立日期" prop="establishmentDate">
                      <el-input
                        v-model="secondData.establishmentDate"
                        :disabled="edit?true:false"
                      />
                    </el-form-item>
                    <el-form-item label="住所" prop="address">
                      <el-input
                        v-model="secondData.address"
                        :disabled="edit?true:false"
                      />
                    </el-form-item>
                    <el-form-item label="邮箱地址" prop="emailAddress">
                      <el-input
                        v-model="secondData.emailAddress"
                        :disabled="edit?true:false"
                      />
                    </el-form-item>
                    <el-form-item label="营业期限">
                      <el-date-picker style="width: 100%;" v-model="businessStartDate" value-format="yyyy-MM-dd"
                        type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right"  :disabled="edit?true:false">
                      </el-date-picker>
                    </el-form-item>
                    <el-form-item label="营业执照" prop="businessLicense">
                    <upimg v-model="secondData.businessLicense" :limit="1" :fileSize="1" v-if="edit==false"></upimg>
                    <img :src="secondData.businessLicense" alt="" v-if="edit" >
                    </el-form-item>
                  </el-form>
                </el-tab-pane>
                <el-tab-pane label="联系人信息" name="second">
                  <el-form ref="ruleForm" :model="secondData" label-width="130px">
                    <el-form-item label="联系人名称" prop="contactName">
                      <el-input
                        v-model="secondData.contactName"
                        :disabled="edit?true:false"
                      />

                    </el-form-item>
                    <el-form-item label=" 联系电话" prop="contactPhone">
                      <el-input
                        v-model="secondData.contactPhone"
                        :disabled="edit?true:false"
                      />
                    </el-form-item>
                    <el-form-item label="职位" prop="position">
                      <el-select
                        v-model="secondData.position"
                        :disabled="edit?true:false"
                        style="width: 100%;"
                      >
                        <el-option label="总经理" value="总经理" />
                      </el-select>
                    </el-form-item>
                  </el-form>
                </el-tab-pane>
              </el-tabs>
            </div>

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

            </div>
          </div>
        </el-dialog>
        <!-- ******************************************************弹框开始****************************************************** -->
        <!-- 审核弹框 -->
        <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.planName}}</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>
                                </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(1)"
                                    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(2)"
                                        style="background-color: #3F9B6A;color: #fff;">驳回</el-button>
                                </div>
                                <el-dialog
                                     width="60%"
                                     :visible.sync="MsgSp"
                                     append-to-body
                                     :show-close="false"
                                     title="审批信息"
                                               custom-class='liucheng_css'
                                     :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: 12px;border-bottom: 1px solid #E5E5E5;">
                                              基本信息
                                             </div>
                                             <div style="padding: 15px;">
                                               <el-form ref="ruleForm" :model="secondData" label-width="130px">
                                                 <el-row :gutter="20">
                                                   <el-col :span="8">
                                                     <el-form-item label="主体名称" prop="subjectName">
                                                       <el-input
                                                         v-model="secondData.subjectName"
                                                         :disabled="edit?true:false"
                                                       />
                                                     </el-form-item>
                                                   </el-col>
                                                   <el-col :span="8">
                                                     <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
                                                       <el-input
                                                         v-model="secondData.unifiedSocialCreditCode"
                                                         :disabled="edit?true:false"
                                                       />
                                                     </el-form-item>
                                                   </el-col>
                                                   <el-col :span="8">
                                                     <el-form-item label="类型"  prop="type">
                                                       <el-select
                                                         v-model="secondData.type"
                                                         :disabled="edit?true:false"
                                                         style="width: 100%;"
                                                       >
                                                         <el-option label="有限责任公司" value="有限责任公司" />
                                                       </el-select>
                                                     </el-form-item>
                                                   </el-col>
                                                   </el-row>
                                                   <el-row :gutter="20">
                                                     <el-col :span="8">
                                                       <el-form-item label="法定代表人" prop="legalRepresentative">
                                                         <el-input
                                                           v-model="secondData.legalRepresentative"
                                                        :disabled="edit?true:false"
                                                         />
                                                       </el-form-item>
                                                     </el-col>
                                                     <el-col :span="8">
                                                       <el-form-item label="经营范围" prop="businessScope">
                                                        <el-input type="textarea" v-model="secondData.businessScope" :rows="1" :disabled="edit?true:false"></el-input>
                                                       </el-form-item>
                                                     </el-col>
                                                     <el-col :span="8">
                                                       <el-form-item label="注册资本" prop="registeredCapital">
                                                         <el-input
                                                           v-model="secondData.registeredCapital"
                                                           :disabled="edit?true:false"
                                                         />
                                                       </el-form-item>
                                                     </el-col>
                                                     </el-row>
                                                 <el-row :gutter="20">
                                                   <el-col :span="8">
                                                     <el-form-item label="法定代表人" prop="legalRepresentative">
                                                       <el-input
                                                         v-model="secondData.legalRepresentative"
                                                      :disabled="edit?true:false"
                                                       />
                                                     </el-form-item>
                                                   </el-col>
                                                   <el-col :span="8">
                                                     <el-form-item label="成立日期" prop="establishmentDate">
                                                       <el-input
                                                         v-model="secondData.establishmentDate"
                                                         :disabled="edit?true:false"
                                                       />
                                                     </el-form-item>
                                                   </el-col>
                                                   <el-col :span="8">
                                                     <el-form-item label="住所" prop="address">
                                                       <el-input
                                                         v-model="secondData.address"
                                                         :disabled="edit?true:false"
                                                       />
                                                     </el-form-item>
                                                   </el-col>
                                                   </el-row>

                                                 <el-row :gutter="20">
                                                   <el-col :span="8">
                                                     <el-form-item label="邮箱地址" prop="emailAddress">
                                                       <el-input
                                                         v-model="secondData.emailAddress"
                                                         :disabled="edit?true:false"
                                                       />
                                                     </el-form-item>
                                                   </el-col>
                                                   <el-col :span="8">
                                                     <el-form-item label="营业期限">
                                                       <el-date-picker style="width: 100%;" v-model="businessStartDate" value-format="yyyy-MM-dd"
                                                         type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right"  :disabled="edit?true:false">
                                                       </el-date-picker>
                                                     </el-form-item>
                                                   </el-col>
                                                   <el-col :span="8">
                                                     <el-form-item label="营业执照" prop="businessLicense">
                                                     <upimg v-model="secondData.businessLicense" :limit="1" :fileSize="1" v-if="edit==false"></upimg>
                                                     <img :src="secondData.businessLicense" alt="" v-if="edit" >
                                                     </el-form-item>
                                                   </el-col>
                                                   </el-row>
                                               </el-form>

                                             </div>
                                           </div>
                                           <div style="border: 1px solid #E5E5E5;padding: 1px" v-if="index == 2">
                                             <div style="padding: 10px 13px;font-size: 12px;border-bottom: 1px solid #E5E5E5;display: flex;">
                                             <div>主体信息</div>
                                             </div>
                                             <div style="padding: 15px;">
                                               <el-form ref="ruleForm" :model="secondData" label-width="130px">
                                                 <el-row :gutter="20">
                                                   <el-col :span="8">
                                                     <el-form-item label="联系人名称" prop="contactName">
                                                       <el-input
                                                         v-model="secondData.contactName"
                                                         :disabled="edit?true:false"
                                                       />

                                                     </el-form-item>
                                                   </el-col>
                                                   <el-col :span="8">
                                                     <el-form-item label=" 联系电话" prop="contactPhone">
                                                       <el-input
                                                         v-model="secondData.contactPhone"
                                                         :disabled="edit?true:false"
                                                       />
                                                     </el-form-item>
                                                   </el-col>
                                                   <el-col :span="8">
                                                     <el-form-item label="职位" prop="position">
                                                       <el-select
                                                         v-model="secondData.position"
                                                         :disabled="edit?true:false"
                                                         style="width: 100%;"
                                                       >
                                                         <el-option label="总经理" value="总经理" />
                                                       </el-select>
                                                     </el-form-item>
                                                   </el-col>
                                                   </el-row>
                                               </el-form>
                                             </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: 12px;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: 12px;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: 12px;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>

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

<script>
import { uploadUrl,token } from '@/utils/request'
import {
icManAll,
icManAdd,
icManEdit,
icManDel,
}from '../../../api/icManagement';
import upimg from "@/components/ImageUpload/index";
export default {
  name: 'Publish',
  components: {upimg},

  data() {
    return {
      detbox: false, // 详情
      edit: true, // 编辑
      action: uploadUrl, // 上传图片
      myHeaders: {
        'Authorization-admin': token
      },
      actSpye: false, // 审核
      actCard:'1',
      MsgSp:false,
      index:0,
        liuYe:1,//通过or驳回
      Liunie:false,
      sel: [], // 选择资源
      stepNum: 0, // 切换
      formSel: {
      contactName:'',
      type:'',
      customerLevel:'',
      auditStatus:'',
        pageNumber: 1,
        pageSize: 10,
      },
      secondData: {
        card: 'first', // 切换
      },
      currentPage: 1,
      total: 100,
      flag: false,
      pageSize: 10,
      tableData: [],
      pageindex: {
        pageNumber: 1,
        pageSize: 10,
      },
      radio:3,
      shenData:[],
      businessStartDate:[]
    }
  },

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

      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    lextStep(val) {
      this.stepNum = val;
    },
    onCreated(editor) {
      this.editor = Object.seal(editor); // 一定要用 Object.seal() ，否则会报错
    },
    // 查询全数据
    async getAll() {
 const res = await icManAll(this.pageindex)
 this.tableData = res.data.content
   this.total = res.data.content.length
    },

    bianjilist(item) {
      this.detbox = true;
      this.secondData = item;
      if (this.edit) {
        this.edit = false;
      }
    },
  // 查询
    async onSubmit() {
     const res =  await icManAll(this.formSel)
       this.tableData = res.data.content
         this.total = res.data.content.length
    },
    // 详情点击
   async handleEditForm(item) {
          this.secondData = item;
        this.secondData.card =  'first'
        this.businessStartDate[0]= item.businessStartDate
          this.businessStartDate[1] =item.businessEndDate
      this.detbox = true


    },
    //审核
    addbuss(item) {
      this.secondData = item
      this.businessStartDate[0]= item.businessStartDate
        this.businessStartDate[1] =item.businessEndDate
      this.actSpye = true
    },

    handleCurrentChange(val) {
      this.currentPage = val;
    },
    handleSizeChange(val) {
      this.pageSize = val;
    },
    // 取消
    closeFn(val) {
      if (val == 1) {
        this.detbox = false;
        this.edit = true;
      } else {
        this.ggXin = false;
        this.stepNum = 0;
      }
    },

    handleClick() {},
    // 上传

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

    // 重置按钮
    resetting() {
      this.formSel = {
      contactName:'',
      type:'',
      customerLevel:'',
      auditStatus:'',
        pageNumber: 1,
        pageSize: 10,
      };
      this.getAll();
    },
    MsgShen(val){
       this.index = val
       this.MsgSp =true
    },
    LiuYes(val){
      this.liuYe = val
      this.Liunie = true
    },
    OAshen(){
        if(this.liuYe == 1){
          icManEdit({id:this.secondData.id,auditStatus:'2'}).then(res=>{
            this.getAll()
          })
        }else{
          icManEdit({id:this.secondData.id,auditStatus:'3'}).then(res=>{
            this.getAll()
          })
        }
    this.Liunie = false
    this.actSpye = false
         },
  }
}
</script>
<style src="@wangeditor/editor/dist/css/style.css"></style>
<style scoped>
/deep/ .first-column-bg {
  background-color: #f4f4f5 !important;
}

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

  }



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

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

.greens {
  color: #3f9b6a;
}

 /deep/ .el-table__row {
    font-size: 14px;
    color: #000000e6;
    height: 42px;
  }
.fenye {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

.dialog_css {
  padding: 0px;
}

.dialog_xin {
  padding: 0px;
}

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

.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 {
    margin-top: 5px;
    padding: 0 20px;
  }
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

::v-deep .el-tabs {
  width: 100%;
}
::v-deep .setup{
  .el-step__main{
    margin-left: -17px;
  }
 .el-step__title.is-process{
   color: #3f9b6a;
 }

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

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

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

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

    .el-upload--picture-card {
      width: 130px;
      height: 130px;
    }
  }
  ::v-deep .el-radio-group{
    margin-top:0px;
  }
  ::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: 12px;
          }
          .el-step__icon .is-text{
              padding: 10px;
              border-radius:10px;
            border: 2px solid #FABB41;
            font-size: 12px;
          }
        }
        .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: 12px;
          }
          .el-step__icon .is-text{
              padding: 10px;
              border-radius:10px;
            border: 2px solid #C0C4CC;
            font-size: 12px;
          }
        }
         .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: 12px;
             color: #3F9B6A;
           }
           .el-step__icon .is-text{
               padding: 10px;
               border-radius:10px;
             border: 2px solid #3F9B6A;
             font-size: 12px;
           }
           .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 .souTabs {
      .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;
      }
    }
</style>
