<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.planName"
                  placeholder="请输入"
                  style="width:168px;"
                >
                </el-input>
              </el-form-item>
              <el-form-item label="计划实施时间">
                <el-date-picker style="width:200px;" v-model="plan_Time" value-format="yyyy-MM-dd HH:mm:ss" prefix-icon="none"
                  type="datetimerange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
                >
                </el-date-picker>
              </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="planName"
                  min-width="300"
                />
                <el-table-column
                  label="规划方案名称"

                  min-width="300"
                >
                <template slot-scope="scope">
                  {{scope.row.cereInvestmentPlanningManagement.planningName}}
                </template>
                </el-table-column>
                <el-table-column
                  label="计划实施时间"

                  min-width="250"
                >
                <template slot-scope="scope">
                  {{scope.row.cereInvestmentPlanningManagement.implementationStartTime}} - {{scope.row.cereInvestmentPlanningManagement.implementationEndTime}}
                </template>
                </el-table-column>
                <el-table-column
                  label="涵盖资源数"
                  min-width="120"
      >
          <template slot-scope="scope">
              {{ scope.row.cereResourceStrategy.length }}
            </template>
                </el-table-column>

                <el-table-column
                  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="启用状态"
                  prop="enableStatus"
                  min-width="150"
                   v-if="this.$btnFlax" >
                <template slot-scope="scope">
        {{scope.row.enableStatus =='0'?'启用':'禁用'}}
                </template>
                 </el-table-column>
          <el-table-column label="操作" width="180" fixed="right">
            <template slot-scope="scope">
              <div class="tableBtn greens" @click="handleEditForm(scope.row,false)">
                查看
              </div>
              <div class="tableBtn greens" @click="handleEditForm(scope.row,true)" v-if="scope.row.auditStatus =='1'">
                审核
              </div>

            </template>
          </el-table-column>
        </el-table>
        <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>
    <el-dialog :close-on-click-modal="false" title="执行过程新增" :visible.sync="zhixing" custom-class='XDD_css' width="65%">
        <div style="padding:20px;">
          <el-form ref="form" :model="form"  label-width="120px">
            <el-form-item label="关键节点" prop="name">
              <el-input v-model="form.name" />
            </el-form-item>
            <el-form-item label="进展描述" prop="name">
              <wang-editor v-model="form.solutionEditor" ref="editor"></wang-editor>
            </el-form-item>

          </el-form>
        </div>
        <div slot="footer" class="dialog-footer">
          <el-button  @click="doCancel" class="buttonHover"
              style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</el-button>
          <el-button  @click="doSubmit"  style="background-color: #3F9B6A;color: #fff">确认</el-button>
        </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%">方案名称 {{itemXiang.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>
                              </div>
                              <div style="padding:20px 0;display:flex;justify-content:flex-end;" v-if="itemXiang.state != '5'">
                                <el-button icon="el-icon-edit"  @click="LiuYes(1)"
                                  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%"
                                   title="审批信息"
                                   custom-class='liucheng_css'
                                   :visible.sync="MsgSp"
                                   append-to-body
                                   :show-close="false"
                                   :close-on-press-escape ="false"
                                   :close-on-click-modal="false">
                                   <div style="padding:30px 20px 0 20px">
                                         <div style="border: 1px solid #E5E5E5;padding: 1px" v-if="index == 1">
                                           <div style="padding: 10px 13px;font-size: 12px;border-bottom: 1px solid #E5E5E5;">
                                            基本信息
                                           </div>
                                           <div style="padding: 15px;">
                                            <el-form label-position="right" :model="itemXiang" label-width="140px"
                                                      style="position: relative">
                                                          <el-form-item label="招商方案名称" class="grid-content bg-purple device-from" prop="planName" >
                                                            <el-input v-model="itemXiang.planName" placeholder="请输入" disabled/>
                                                          </el-form-item>
                                                          <el-form-item label="规划方案" class="grid-content bg-purple device-from" prop="planningScheme">
                                                            <el-select v-model="itemXiang.planningScheme"  style="width: 100%" disabled>
                                                              <el-option :label="item.planningName" :value="item.id" v-for="(item,index) in guihuaDate "></el-option>
                                                            </el-select>
                                                          </el-form-item>

                                                          <el-form-item label="招商政策与条件" class="grid-content bg-purple" prop="investmentPolicy">

                                                            <div style="border: 1px solid #dddfe5;padding:20px;" v-html="itemXiang.investmentPolicy"></div>
                                                          </el-form-item>
                                                          <el-form-item label="方案概述" prop="summary" class="grid-content bg-purple">

                                                            <div style="border: 1px solid #dddfe5;padding:20px;" v-html="itemXiang.summary"></div>
                                                          </el-form-item>
                                                            <el-form-item label="财务分析与投资回报" prop="financialAnalysis" class="grid-content bg-purple">

                                                              <div style="border: 1px solid #dddfe5;padding:20px;" v-html="itemXiang.financialAnalysis"></div>
                                                            </el-form-item>
                                                    <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
                                                      <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
                                                        <div>招商内容</div>

                                                      </div>
                                                      <div style="padding: 15px;">
                                                        <div style="padding: 0px 20px 0px 0px">
                                                          <el-table :data="itemXiang.cereResourceStrategy"
                                                            :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
                                                             style="width: 100%">
                                                            <el-table-column label="序号" width="auto" min-width="8%" >
                                                                              <template slot-scope="scope">
                                                                                {{scope.$index + 1}}
                                                                              </template>
                                                                            </el-table-column>
                                                                            <el-table-column label="资源编号" prop="id" width="auto" min-width="22%">

                                                                            </el-table-column>
                                                                            <el-table-column label="资源名称" width="auto" min-width="15%">
                                                            <template slot-scope="scope">
                                                                                              {{scope.row.resources.shopIds[0]?scope.row.resources.shopIds[0].shopName:scope.row.resources.siteIds[0]?scope.row.resources.siteIds[0].venueName:scope.row.resources.advIds[0].advertisingName}}
                                                                                            </template>
                                                                            </el-table-column>
                                                                            <el-table-column label="资源类型" width="auto" min-width="15%">
                                                                              <template slot-scope="scope">
                                                                               {{scope.row.resources.shopIds[0]?'商铺':scope.row.resources.siteIds[0]?'场地':'广告位'}}
                                                                              </template>
                                                                            </el-table-column>
                                                                            <el-table-column prop="notes" label="策略描述" width="auto" min-width="15%">
                                                                            </el-table-column>
                                                                            <el-table-column  label="策略名称" width="auto" min-width="15%">
                                                                              <template slot-scope="scope">
                                                                                              {{scope.row.resources.cereRentalPolicies.policyName}}
                                                                                            </template>
                                                                            </el-table-column>
                                                          </el-table>
                                                        </div>
                                                      </div>
                                                    </div>
                                                        <el-form-item label="附件信息" prop="mainPurpose" class="grid-content bg-purple">

                                             <div style="padding:10px 0;line-height:20px;color:#3F9B6A" v-if="shenhe.attachmentInfo.name">{{shenhe.attachmentInfo.name}}</div>

                                                        </el-form-item>


                                                     </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="shenhe" label-width="120px"
                                        style="position: relative">
                                        <el-form-item label="处理意见" class="grid-content bg-purple" prop="name">
                                          <el-input type="textarea"  v-model="shenhe.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="shenhe.state!=5? shenhe.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">

                                         </template>
                                   </el-step>
                                   <el-step  class="step_buen">
                                     <template slot="icon">
                                       <div >
                                          <div>部门领导审批</div>
                                       </div>
                                         </template>
                                   </el-step>
                                   <el-step  class="step_buen">
                                     <template slot="icon">
                                       <div>
                                          <div>公司领导审批</div>
                                       </div>
                                         </template>
                                   </el-step>
                                   <el-step  class="step_buen">
                                     <template slot="icon">
                                       <div>
                                          <div>其他审批</div>
                                       </div>
                                         </template>
                                   </el-step>
                                   <el-step class="step_start">
                                    <template slot="icon">

                                         </template>
                                   </el-step>
                                 </el-steps>
                              </div>
                            </el-tab-pane>
                          </el-tabs>
                    </div>
            </div>
        </el-dialog> -->
        <el-dialog title="审批" :visible.sync="MsgSp" custom-class='' style="padding: 0;" width="75%"
            center :close-on-click-modal="false">
            <div style="margin: 0 10px 20px 15px;" class="xinFrom">
   <el-form label-position="right" :model="itemXiang" label-width="140px"
             style="position: relative">
                 <el-form-item label="招商方案名称" class="grid-content bg-purple device-from" prop="planName" >
                   <el-input v-model="itemXiang.planName" placeholder="请输入" disabled/>
                 </el-form-item>
                 <el-form-item label="规划方案" class="grid-content bg-purple device-from" prop="planningScheme">
                   <el-select v-model="itemXiang.planningScheme"  style="width: 100%" disabled>
                     <el-option :label="item.planningName" :value="item.id" v-for="(item,index) in guihuaDate "></el-option>
                   </el-select>
                 </el-form-item>

                 <el-form-item label="招商政策与条件" class="grid-content bg-purple" prop="investmentPolicy">

                   <div style="border: 1px solid #dddfe5;padding:20px;" v-html="itemXiang.investmentPolicy"></div>
                 </el-form-item>
                 <el-form-item label="方案概述" prop="summary" class="grid-content bg-purple">

                   <div style="border: 1px solid #dddfe5;padding:20px;" v-html="itemXiang.summary"></div>
                 </el-form-item>
                   <el-form-item label="财务分析与投资回报" prop="financialAnalysis" class="grid-content bg-purple">

                     <div style="border: 1px solid #dddfe5;padding:20px;" v-html="itemXiang.financialAnalysis"></div>
                   </el-form-item>
           <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
             <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
               <div>招商内容</div>

             </div>
             <div style="padding: 15px;">
               <div style="padding: 0px 20px 0px 0px">
                 <el-table :data="itemXiang.cereResourceStrategy"
                   :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
                    style="width: 100%">
                   <el-table-column label="序号" width="auto" min-width="8%" >
                                     <template slot-scope="scope">
                                       {{scope.$index + 1}}
                                     </template>
                                   </el-table-column>
                                   <el-table-column label="资源编号" prop="id" width="auto" min-width="22%">

                                   </el-table-column>
                                   <el-table-column label="资源名称" width="auto" min-width="15%">
                   <template slot-scope="scope">
                                                     {{scope.row.resources.shopIds[0]?scope.row.resources.shopIds[0].shopName:scope.row.resources.siteIds[0]?scope.row.resources.siteIds[0].venueName:scope.row.resources.advIds[0].advertisingName}}
                                                   </template>
                                   </el-table-column>
                                   <el-table-column label="资源类型" width="auto" min-width="15%">
                                     <template slot-scope="scope">
                                      {{scope.row.resources.shopIds[0]?'商铺':scope.row.resources.siteIds[0]?'场地':'广告位'}}
                                     </template>
                                   </el-table-column>
                                   <el-table-column prop="notes" label="策略描述" width="auto" min-width="15%">
                                     <template slot-scope="scope">
                                      {{'租金:'+scope.row.resources.cereRentalPolicies.rentalPrice || 0}}
                                     </template>
                                   </el-table-column>
                                   <el-table-column  label="策略名称" width="auto" min-width="15%">
                                     <template slot-scope="scope">
                                                     {{scope.row.resources.cereRentalPolicies.policyName}}
                                                   </template>
                                   </el-table-column>
                 </el-table>
               </div>
             </div>
           </div>
               <el-form-item label="附件信息" prop="mainPurpose" class="grid-content bg-purple">


    <a style="padding:10px 0;line-height:20px;color:#3F9B6A" class="tableBtn greens"   v-if="shenhe.attachmentInfo" :href="shenhe.attachmentInfo.url" target="_blank" download>{{shenhe.attachmentInfo.name}}</a>

               </el-form-item>

                <el-form-item label="审核状态" prop="solutionEditor" style="margin-bottom:20px;" >
                  <el-radio-group v-model="liuYe">
                      <el-radio label="1">通过</el-radio>
                      <el-radio label="2">不通过</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="审核意见" prop="yijian">
                  <el-input v-model="itemXiang.yijian" type="textarea" :rows="4"  placeholder="请输入"></el-input>
                </el-form-item>
              </el-form>
            </div>
            <span slot="footer" class="dialog-footer">
              <el-button @click="OAshen"
                style="background-color: #3F9B6A;color: #fff" >确定</el-button>
              <el-button @click="MsgSp =false"  class="buttonHover"
                    style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">返回</el-button>
            </span>
          </el-dialog>
    <xiang :showBian="banAct"  :steat='steatqie' :list='itemXiang' @bianClose='bianClose'></xiang>
  </div>
</template>

<script>
import { uploadUrl,token } from '@/utils/request'
import {
  fangGetAll,
  fangGetId,
  fangAdd,
  fangEdit,
  fangDel,
}from '../../../api/fangli';
  import {
   contractGetAll
  } from '../../../api/planningBz.js'
import upimg from "@/components/ImageUpload/index";
import xiang from "./bianform"
import wangEditor from "@/components/editor/index";
export default {
  components: {upimg,xiang,wangEditor},
  data() {
    return {
      detbox: false, // 详情
      edit: true, // 编辑
      formInline: {
        shopName: '',
        positionInformation: '',
        shopArea: '',
        useTo: '',
        rent: '',
        locationImage: '',
        locationDescription: '',
        temporaryPavingId: ''
      }, // 临铺新增数据
      action: uploadUrl, // 上传图片
      ggXin: false, // 新增
      formSel: {
      planName:'',
      },
      secondData: {
        card: 'first', // 切换
      },
      currentPage: 1,
      total: 0,
      flag: false,
      pageSize: 10,
      tableData: [],
      msgid: '',
      pageindex: {
        pageNumber: 1,
        pageSize: 10,

      },
      chart: null,
      chart1: null,
      editor: null,
      shenhe: {},
      banAct:false,//详情
      steatqie:false,//编辑详情切换
      itemXiang:{},
      form:{

      },
      zhixing:false,
      actSpye:false,//审核框
      actCard:'1',
      MsgSp:false,
      index:0,
      MsgSp:false,
        liuYe:'1',//通过or驳回
      Liunie:false,
      ziyaunData:[],
      guihuaDate:[],
      fileData:[],
      plan_Time:[]
    };
  },

  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 fangGetAll(this.pageindex);
    this.tableData = res.data.content
    this.total = res.data.content.length
   const ziyuan =  await contractGetAll(this.pageindex)
   this.guihuaDate = ziyuan.data.content
    },
    // 查询
    async onSubmit() {
        let forms ={
          pageNumber: 1,
          pageSize: 10,
        }
        if(this.formSel.planName !=''){
          forms.planName = this.formSel.planName
        }
        if(this.plan_Time.length!=0){
         this.tableData = []
         this.total = 0
         return
        }
        const res = await fangGetAll(forms)
        this.tableData = res.data.content
        this.total = res.data.content.length

    },
    // 执行过程跟踪
    geng(){
    this.zhixing = true
    },
    doCancel(){
       this.zhixing = false
    },
    doSubmit(){

    },
    // 详情点击
    handleEditForm(item,ste) {
        if(ste){
          this.MsgSp = true
          this.actSpye = true
        }else{
          this.steatqie = false
          this.banAct = true
        }
        this.itemXiang = item

 if ( item.attachmentInfo != '') {
                item.attachmentInfo = JSON.parse(item.attachmentInfo)
                this.fileData.push(item.attachmentInfo)
            }

this.shenhe = item

    },
    bianClose(msg){
      this.banAct = msg
      this.steatqie = false
      this.getAll()
    },
    handleCurrentChange(val) {
      this.currentPage = val;
    },
    handleSizeChange(val) {
      this.pageSize = val;
    },

    handleClick() {},
    // 上传
    handlePreview(file) {
      console.log(file);
    },
    handleRemove(file, fileList) {
      console.log(file, fileList);
    },

    // 重置按钮
    resetting() {
      this.formSel = {
      planName:''
      }
      this.plan_Time = []
      this.getAll()
    },
    MsgShen(val){
       this.index = val
       this.MsgSp =true
    },
    LiuYes(val){
      this.liuYe = val
      this.Liunie = true
    },
   async OAshen(){
         if(this.liuYe == '1'){
             await fangEdit({id:this.itemXiang.id,auditStatus:'2'})
             this.$message({
               message: '审核通过',
               type: 'success'
             })
         }else{
           this.$message({
             message: '审核不通过',
             type: 'error'
           })
           await fangEdit({id:this.itemXiang.id,auditStatus:'3'})
         }
         this.Liunie = false
         this.actSpye = false
         this.MsgSp =    false
         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;

  }



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

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

.greens {
  color: #3f9b6a;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.dialog_css {
  padding: 0px;
}

.dialog_xin {
  padding: 0px;
}

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

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


.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 .el-step__icon-inner {
  line-height: 0;
}



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

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

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

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

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

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

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

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

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

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


::v-deep .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;
}
}
     .el-dialog__title {
       font-size: 14px;
       color: #000000e6;
     }
</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 .XDD_css {
     margin-top: 10vh;
     margin-left: 20%;
  max-height:550px;
  overflow-y: auto; /* 当内容超出容器高度时，显示垂直滚动条 */
     .el-dialog__body {
       padding: 0px;
       background-color: #fff;
     }

     .el-dialog__header {
       background-color: #fff;
       padding: 10px 20px 10px 20px;
       border-bottom: 1px solid #EFEFEF;
     }

     .el-dialog__title {
       font-size: 14px;
       color: #000000e6;
     }
   }
   ::v-deep .souTabs {
       padding:0 15px 0 12px;
       .el-submenu{
         padding:0px;
       }
       .el-menu-item:focus, .el-menu-item:hover{
         background-color: #3F9B6A !important;
       }
       .el-menu-item:hover{
         background-color:#3f9b6a1a !important;
         color:#000 !important;
       }
       .el-tabs--left .el-tabs__header.is-left {
         width: 100%;
         margin-right: 0px;
       }

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

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

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

   }

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

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

        }
    .is-process{
         border: none;
          color: #000;
          .el-step__icon{
             background-color: #fff;
          }
          .el-step__icon .is-text{
            border: 2px solid #000;
          }
          .el-step__icon-inner{
            display: none;
          }
          .el-step__line{
            background-color: #000;
          }
        }
     }
     .step_buen{
       flex-basis:25% !important;
         .is-process{
           .el-step__icon{
             padding: 10px;
               border-radius:10px;
               width:120px;
               height:70px;
               margin-top:-24px;
               position: relative;
             border: 2px solid #FABB41;
             font-size: 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>
