<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-option label="已驳回" value="4" />
                </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>
        <div style="margin-bottom:20px;">
          <el-button style="background-color: #3F9B6A;color: #fff;padding:8px 15px;" icon="el-icon-circle-plus-outline"
            @click="addbuss">新增</el-button>
        </div>
        <!-- 表格 -->
        <el-table :data="
            tableData.slice(
              (currentPage - 1) * pageSize,
              currentPage * pageSize
            )
          " :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
          <el-table-column label="序号" min-width="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="customerLevel" min-width="100" />
          <el-table-column prop="auditStatus" label="状态" min-width="150" v-if="this.$btnFlax">
            <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" fixed="right">
            <template slot-scope="scope">
              <div class="tableBtn greens" @click="handleEditForm(scope.row)">
                查看
              </div>
              <div class="tableBtn greens" @click="bianjilist(scope.row)" v-if="scope.row.auditStatus == '1'">
                编辑
              </div>
          <!--    <div class="tableBtn greens" @click="tijiao(scope.row,2)" v-if="scope.row.auditStatus == '1'">
                提交审核
              </div>
              <div class="tableBtn greens" @click="tijiao(scope.row,1)" v-if="scope.row.auditStatus == '2'">
                撤回
              </div> -->
              <div class="tableBtn greens" @click="delGuan(scope.row)" v-if="scope.row.auditStatus == '1'">
                删除
              </div>
              <!--  <div
                v-if="scope.row.dataForm == '1'"
                class="tableBtn greens"
                @click="fabu(scope.row)"
              >
                沟通记录
              </div>
              <div class="tableBtn greens" >
                招商人员分配
              </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>
        <!-- 详情框  :visible.sync="detbox" -->
        <!-- <div  v-show="detbox" class="dialog_css_Xq " style="padding: 0;width:85%"> -->
        <el-dialog :visible.sync="detbox" custom-class="tongyong_css" style="padding: 0" width="55%" center
          :close-on-click-modal="false" class="dialog_css_Xq" :show-close="false">
          <div style="
              background-color: #fafafa;
              border: 1px solid #eaeaea;
              height: 42px;
              width: 100%;
              padding: 0 20px;
              line-height: 42px;

            ">
            {{edit == true?'详情':'编辑'}}
          </div>
          <div style="padding: 0 20px">
            <div style="
                display: flex;
                justify-content: space-between;
                font-size: 14px;
                margin-bottom: 20px;
              ">
              <el-tabs v-model="card" @tab-click="handleClick">
                <el-tab-pane label="意向客户信息" name="first">
                  <el-form ref="ruleForm" :model="secondData" label-width="150px">
                    <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-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-item label="审核状态" prop="auditStatus"  v-if="edit">
                    <div style="line-height:40px;">  {{ secondData.auditStatus == "1" ? "待提交" :secondData.auditStatus == "2" ?'待审核' :secondData.auditStatus == "3" ?'已通过' :'已驳回' }}</div>
                    </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-input v-model="secondData.position" :disabled="edit?true:false" />

                    </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>
              <!--  <el-button
                 style="background-color: #3F9B6A;color: #fff"
                @click="bianji"
                v-if="edit"
                >编辑</el-button
              > -->

              <el-button style="background-color: #3F9B6A;color: #fff" @click="msgeditS"
                v-if="edit==false">确定</el-button>
            </div>
          </div>
        </el-dialog>
        <!-- ******************************************************弹框开始****************************************************** -->
        <!-- 新增弹框 -->
        <el-dialog :visible.sync="ggXin" custom-class="Xintongyong_css" style="padding: 0" width="65%" center
          :close-on-click-modal="false" append-to-body>
          <div style="padding: 20px;max-height: calc(100vh - 200px);
        overflow-y: auto;">
            <div style="font-size: 14px;padding-bottom: 20px;color: #000;">新增页</div>
            <div class="setup">
              <el-steps :space="200" :active="stepNum">
                <el-step title="意向客户信息" />
                <el-step title="联系人信息" />
              </el-steps>
            </div>


            <el-form ref="AddFromOne"  v-show="stepNum == 0"  :model="ruleForm" :rules="rulesOne" label-width="150px">
              <div style="padding: 0 20px 20px 20px">

                <el-form-item label="主体名称" prop="subjectName">
                  <el-input v-model="ruleForm.subjectName" placeholder="请输入" maxlength="50" />
                </el-form-item>
                <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
                  <el-input v-model="ruleForm.unifiedSocialCreditCode" placeholder="请输入" />
                </el-form-item>
                <el-form-item label="类型" prop="type">
                  <el-select v-model="ruleForm.type" placeholder="请选择" style="width: 100%;">
                    <el-option label="有限责任公司" value="有限责任公司" />
                  </el-select>
                </el-form-item>
                <el-form-item label="法定代表人" prop="legalRepresentative">
                  <el-input v-model="ruleForm.legalRepresentative" placeholder="请输入" />
                </el-form-item>
                <el-form-item label="经营范围" prop="businessScope">
                  <el-input type="textarea" v-model="ruleForm.businessScope" :rows="4"></el-input>
                </el-form-item>
                <el-form-item label="注册资本" prop="registeredCapital">
                  <el-input v-model="ruleForm.registeredCapital" placeholder="请输入" />
                </el-form-item>
                <el-form-item label="成立日期" prop="establishmentDate">
                  <el-input v-model="ruleForm.establishmentDate" placeholder="请输入YYYY-MM-dd" />
                </el-form-item>
                <el-form-item label="住所" prop="address">
                  <el-input v-model="ruleForm.address" placeholder="请输入" />
                </el-form-item>
                <el-form-item label="邮箱地址" prop="emailAddress">
                  <el-input v-model="ruleForm.emailAddress" placeholder="请输入" />
                </el-form-item>
                <el-form-item label="营业期限" prop="yytime">
                  <el-date-picker style="width: 100%;" v-model="ruleForm.yytime" value-format="yyyy-MM-dd"
                    type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right">
                  </el-date-picker>
                </el-form-item>
                <el-form-item label="营业执照" prop="businessLicense">
                  <upimg v-model="ruleForm.businessLicense" :limit="1" :fileSize="1"></upimg>
                </el-form-item>

              </div>

            </el-form>
            <el-form ref="AddFromTwo" v-show="stepNum != 0" :model="ruleForm" :rules="rulesTwo" label-width="150px">

              <div  style="padding: 0 20px 20px 20px">
                <el-form-item label="联系人名称" prop="contactName">
                  <el-input v-model="ruleForm.contactName" placeholder="请输入" />

                </el-form-item>
                <el-form-item label=" 联系电话" prop="contactPhone">
                  <el-input v-model="ruleForm.contactPhone" placeholder="请输入" />
                </el-form-item>
                <el-form-item label="职位" prop="position">
                  <el-select v-model="ruleForm.position" placeholder="请选择" style="width: 100%;">
                    <el-option label="总经理" value="总经理" />
                  </el-select>
                </el-form-item>

              </div>
            </el-form>
          </div>

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

      </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 {
    components: {
      upimg
    },
    data() {
      return {
        detbox: false, // 详情
        edit: true, // 编辑
        formInline: {
          shopName: '',
          positionInformation: '',
          shopArea: '',
          useTo: '',
          rent: '',
          locationImage: '',
          locationDescription: '',
          temporaryPavingId: ''
        }, // 临铺新增数据
        LinID: '', //添加临铺ID
        Ids: '', //查询新增的临铺列表
        action: uploadUrl, // 上传图片
        myHeaders: {
          'Authorization-admin': token
        },
        ggXin: false, // 新增

        formSel: {
          contactName: '',
          type: '',
          customerLevel: '',
          auditStatus: '',
          pageNumber: 1,
          pageSize: 10,
        },
        ruleForm: {
          subjectName: '', //主体名称
          unifiedSocialCreditCode: '', //统一社会信用代码
          type: '', //类型
          legalRepresentative: '', //法定代表人
          businessScope: '', //经营范围
          registeredCapital: '', //注册资本
          establishmentDate: '', //成立日期
          address: '', //住所
          emailAddress: '', //邮箱地址
          businessStartDate: '', //营业开始日期
          businessEndDate: '', //营业结束日期
          businessLicense: '', //营业执照
          contactName: '', //联系人名称
          contactPhone: '', //联系电话
          position: '', //职位
          auditStatus: '1',
          yytime: []
        },
        card: 'first', // 切换
        stepNum: 0,
        businessStartDate: [],
        secondData: {},
        currentPage: 1,
        total: 10,
        flag: false,
        pageSize: 10,
        tableData: [],
        msgid: '',
        pageindex: {
          pageNumber: 1,
          pageSize: 10,
        },
        rulesTwo:{
          contactName: [{
            required: true,
            message: '请输入联系人名称',
            trigger: 'blur'
          }, ],
          contactPhone: [{
            required: true,
            message: '请输入联系电话',
            trigger: 'blur'
          }, ],
          position: [{
            required: true,
            message: '请选择职位',
            trigger: 'change'
          }, ],
        },
        rulesOne: {
          subjectName: [{
            required: true,
            message: '请输入主体名称',
            trigger: 'blur'
          }, ],
          unifiedSocialCreditCode: [{
              required: true,
              message: '请输入统一社会信用代码',
              trigger: 'blur'
            },
            // { validator: this.validateUnifiedSocialCreditCode(), trigger: 'blur' }
          ],
          type: [{
            required: true,
            message: '请选择类型',
            trigger: 'change'
          }],
          legalRepresentative: [{
            required: true,
            message: '请输入法定代表人',
            trigger: 'blur'
          }, ],
          businessScope: [{
            required: true,
            message: '请输入经营范围',
            trigger: 'blur'
          }, ],
          registeredCapital: [{
            required: true,
            message: '请输入注册资本',
            trigger: 'blur'
          }, ],
          establishmentDate: [{
            required: true,
            message: '请输入成立日期',
            trigger: 'blur'
          }, ],
          yytime: [{
            required: true,
            message: '请选择营业期限',
            trigger: 'change'
          }, ],
          businessLicense: [{
            required: true,
            message: '请选择营业执照',
            trigger: 'change'
          }, ],
        },
        miList:['unifiedSocialCreditCode','legalRepresentative','address','emailAddress','contactName','contactPhone'],
        dataIntegrity:''
      }
    },

    created() {
      this.getAll();
    },
    mounted() {},

    methods: {
      // validateUnifiedSocialCreditCode(rule, value, callback){
      //     const regex = /^[A-Z0-9]{18}$/;
      //     if (!value) {
      //       callback(new Error('请输入统一社会信用代码'));
      //     } else if (!regex.test(value)) {
      //       callback(new Error('统一社会信用代码必须为18位数字和大写字母'));
      //     } else {
      //       callback();
      //     }
      // },
      // 获取当前时间
      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}`;
      },
      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
        this.tableData.map(res=>{
          res.unifiedSocialCreditCode = this.$decrypt(res.unifiedSocialCreditCode)
          res.legalRepresentative = this.$decrypt(res.legalRepresentative)
          res.address = this.$decrypt(res.address)
          res.emailAddress = this.$decrypt(res.emailAddress)
          res.contactName = this.$decrypt(res.contactName)
          res.contactPhone = this.$decrypt(res.contactPhone)
        })
      },
      // 编辑确认
      async msgeditS() {
        if (this.businessStartDate.length != 0) {
          this.secondData.businessStartDate = this.businessStartDate[0]
          this.secondData.businessEndDate = this.businessStartDate[1]
        }
        let newinfo =  this.$decryptall(this.secondData,this.miList)
        newinfo.dataIntegrity  =  this.dataIntegrity
        await icManEdit(newinfo);
        this.detbox = false
        this.getAll();
      },
      // 编辑
      bianji() {
        if (this.edit) {
          this.edit = false;
        }
      },
      bianjilist(item) {
        this.detbox = true;
        this.secondData = item;
        let c1 =JSON.parse((JSON.stringify(this.secondData)))
        this.businessStartDate[0] = item.businessStartDate
        this.businessStartDate[1] = item.businessEndDate
        this.msgid = item.id;
        let newinfo =  this.$decryptall(c1,this.miList)
            let arr = [newinfo.contactPhone,newinfo.idCardNumber,newinfo.unifiedSocialCreditCode,newinfo.legalRepresentative,newinfo.address,newinfo.emailAddress]
                   arr = arr.join(',')
                this.dataIntegrity  =  this.$encrypt(arr)
        if (this.edit) {
          this.edit = false;
        }
      },
      tijiao(item,val){
        let c1 =JSON.parse((JSON.stringify(item)))
        let newinfo =  this.$decryptall(c1,this.miList)
            let arr = [newinfo.contactPhone,newinfo.idCardNumber,newinfo.unifiedSocialCreditCode,newinfo.legalRepresentative,newinfo.address,newinfo.emailAddress]
                   arr = arr.join(',')
        if(val == 2){
          const h = this.$createElement;
                    this.$msgbox({
                      title: '消息',
                      message: h('p', null, [
                        h('span', null, '是否提交审核 '),
                      ]),
                      showCancelButton: true,
                      showClose:false,
                      confirmButtonText: '确定',
                      cancelButtonText: '取消',
                      customClass:'oe-dialog-btn',
                      beforeClose: (action, instance, done) => {
                        if (action === 'confirm') {
                          icManEdit({id: item.id,auditStatus:val,dataIntegrity:newinfo.dataIntegrity}).then(res=>{
                            this.$message({
                              message: '提交成功',
                              type: 'success'
                            })
                             this.getAll()
                            done();
                          })
                        } else {
                          done();
                        }
          }
          })
        }else{
          const h = this.$createElement;
                    this.$msgbox({
                      title: '消息',
                      message: h('p', null, [
                        h('span', null, '是否撤回 '),
                      ]),
                      showCancelButton: true,
                      showClose:false,
                      confirmButtonText: '确定',
                      cancelButtonText: '取消',
                      customClass:'oe-dialog-btn',
                      beforeClose: (action, instance, done) => {
                        if (action === 'confirm') {
                          icManEdit({id: item.id,auditStatus:val,dataIntegrity:newinfo.dataIntegrity}).then(res=>{
                            this.$message({
                              message: '撤回成功',
                              type: 'success'
                            })
                             this.getAll()
                            done();
                          })
                        } else {
                          done();
                        }
          }
          })
        }




      },
      // 发布
      async fabu(item) {
        const upTime = this.updateCurrentTime();
        await EditLinAn({
          id: item.id,
          dataForm: '2',
          submissionTime: upTime
        });
        this.getAll();
      },
      // 查询
      async onSubmit() {
        let c1 =JSON.parse((JSON.stringify(this.formSel)))
        c1.contactName = this.$encrypt(c1.contactName)
        const res = await icManAll(c1)
        this.tableData = res.data.content
        this.total = res.data.content.length
        this.tableData.map(res=>{
          res.unifiedSocialCreditCode = this.$decrypt(res.unifiedSocialCreditCode)
          res.legalRepresentative = this.$decrypt(res.legalRepresentative)
          res.address = this.$decrypt(res.address)
          res.emailAddress = this.$decrypt(res.emailAddress)
          res.contactName = this.$decrypt(res.contactName)
          res.contactPhone = this.$decrypt(res.contactPhone)
        })
      },

      // 详情点击
      async handleEditForm(item) {
        this.secondData = item;
        this.businessStartDate[0] = item.businessStartDate
        this.businessStartDate[1] = item.businessEndDate
        this.card = 'first'
        this.detbox = true
      },
      // 新增
      addbuss() {
        this.ruleForm = {
          subjectName: '', //主体名称
          unifiedSocialCreditCode: '', //统一社会信用代码
          type: '', //类型
          legalRepresentative: '', //法定代表人
          businessScope: '', //经营范围
          registeredCapital: '', //注册资本
          establishmentDate: '', //成立日期
          address: '', //住所
          emailAddress: '', //邮箱地址
          businessStartDate: '', //营业开始日期
          businessEndDate: '', //营业结束日期
          businessLicense: '', //营业执照
          contactName: '', //联系人名称
          contactPhone: '', //联系电话
          position: '', //职位
          auditStatus: '1',
          yytime: []
        }
        this.ggXin = true;

      },
      // 新增确定
      addCheck() {
        let c1 = false
        this.$refs.AddFromOne.validate((valid) => {

          if (valid) {
            c1 = true
          } else {
            this.$message({
              message: '请填写完整信息',
              type: 'error'
            })
            c1 = false

          }
        })
        if(!c1) {
          return;
        }
        this.$refs.AddFromTwo.validate((valid) => {

          if (valid) {
            c1 = true
          } else {
            this.$message({
              message: '请填写完整信息',
              type: 'error'
            })
             c1 = false

          }
        })
        if(!c1) {
          return;
        }
        if (this.ruleForm.yytime.length != 0) {

          this.ruleForm.businessStartDate = this.ruleForm.yytime[0]
          this.ruleForm.businessEndDate = this.ruleForm.yytime[1]
        } else {
          this.$message({
            message: '请选择营业期限',

          })
          return
        }
        // this.ruleForm.yytime =[]
let newinfo =  this.$decryptall(this.ruleForm,this.miList)
        icManAdd(newinfo).then(res => {
          this.$message({
            message: '保存成功',
            type: 'success'
          })
          this.getAll();
          this.stepNum = 0
          this.ggXin = false
          this.$refs.AddFrom.resetFields()
        })

      },
      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;
        }
      },
      //删除管理列表
      delGuan(item) {
        const h = this.$createElement;
        this.$msgbox({
          title: '消息',
          message: h('p', null, [
            h('span', null, '是否删除 '),
          ]),
          showCancelButton: true,
          showClose: false,
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          customClass: 'oe-dialog-btn',
          beforeClose: (action, instance, done) => {
            if (action === 'confirm') {
              icManDel({
                id: item.id
              }).then(res => {
                this.$message({
                  message: '删除成功',
                  type: 'success'
                })
                this.getAll()
                done();
              })
            } else {
              done();
            }
          }
        })

      },
      //删除详情
      async Lindel(item) {
        await delLin({
          id: item.id
        })
        this.SelLins()
      },
      // 新增铺位
      addPavingPlan(val) {
        this.formInline = {
          shopName: '',
          positionInformation: '',
          shopArea: '',
          useTo: '',
          rent: '',
          locationImage: '',
          locationDescription: '',
          temporaryPavingId: ''
        }

      },
      // 新增铺位取消按钮
      doCancel() {
        this.isAdd = false
      },
      // 新增铺位确定按钮
      async doSubmit() {
        if (this.detbox) {
          this.formInline.temporaryPavingId = this.msgid
          let res = await addLin(this.formInline)

        } else {
          let res = await addLin(this.formInline)
          this.LinID = res.data.id

          if (this.Ids.length == 0) {
            this.Ids = this.LinID
          } else {
            this.Ids = this.Ids + ',' + this.LinID
          }
        }
        this.isAdd = false
        this.SelLins()

      },

      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()
      },
    }
  }
</script>
<style src="@wangeditor/editor/dist/css/style.css"></style>
<style scoped>
  /deep/ .first-column-bg {
    background-color: #f4f4f5 !important;
  }

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

  }



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

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

  .greens {
    color: #3f9b6a;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .dialog_css {
    padding: 0px;
  }

  .dialog_xin {
    padding: 0px;
  }

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

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


  .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-steps .el-step__head.is-wait {
  background-color: red; /* 修改为你想要的颜色 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

  }

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

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

  }

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

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

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

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