zhgdyun/src/views/projectFront/projectSummary/cooperationUnit.vue

<template>
  <!-- 合作单位 ，该页面还用于企业后台 - 企业库 通过路由来判断页面类型-->
  <div class="cooperator flex" v-if="!showDetail">
    <div class="left whiteBlock">
      <div class="title">{{ $t('message.cooperationUnit.flatType') }}</div>
      <vue-scroll style="height: 95%">
        <!-- <el-menu
          default-active="1"
          class="el-menu-vertical-demo"
          background-color="#fbfbfb"
          text-color="#2A2E3F"
          active-text-color="#2A2E3F"
        >
          <el-menu-item
            :index="setString(item.id)"
            class="el-menu-item"
            :class="checkedId == item.id ? 'checked_item' : ''"
            v-for="(item, index) in enterpriseTypeList"
            @click="selectMenu(item)"
            :key="index"
          >
            <span slot="title">{{ item.companyTypeName }}</span>
          </el-menu-item>
        </el-menu> -->
        <ul>
          <li class="el-menu-item2" :class="checkedId == item.id ? 'checked_item' : ''"
            v-for="(item, index) in enterpriseTypeList" @click="selectMenu(item)" :key="index">
            {{ item.companyTypeName }}
          </li>
        </ul>
      </vue-scroll>
    </div>
    <div class="right whiteBlock">
      <div class="title flex2">
        <span>{{ enterpriseTypeName }}</span>
        <span class="right_value">
          <span>{{ enterpriseTypeName
          }}{{ $t('message.cooperationUnit.sum') }}：</span>
          <span class="value">{{ Number(total) }}</span></span>
      </div>
      <div class="content">
        <div class="flex2" style="margin-bottom: 10px">
          <el-form :inline="true" class="demo-form-inline" size="small">
            <el-form-item>
              <el-button v-permission="{ key: 'hzdw_add', menuPath: '/project/summary/cooperationUnit' }" type="primary"
                style="height: 32px" @click="addBtn">{{
                  $t('message.cooperationUnit.add')
                }}</el-button>
            </el-form-item>
            <!-- <el-form-item>
              <el-button type="primary" style="height: 32px"
                >从企业选择</el-button
              >
            </el-form-item>-->
            <el-form-item>
              <el-button v-permission="{ key: 'hzdw_delete_pl', menuPath: '/project/summary/cooperationUnit' }"
                type="primary" style="height: 32px" :disabled="checkedDeleteList.length == 0" @click="deleteInBatches">{{
                  $t('message.cooperationUnit.deleteInBatches') }}</el-button>
            </el-form-item>
            <!-- <el-form-item>
              <el-button type="primary" style="height: 32px"
                >显示已删除项</el-button
              >
            </el-form-item> -->
            <el-form-item>
              <el-button v-permission="{ key: 'hzdw_Move_pl', menuPath: '/project/summary/cooperationUnit' }"
                type="primary" style="height: 32px" :disabled="checkedDeleteList.length == 0" @click="moveInBatches">
                <!-- 批量移动 -->
                {{ $t('message.projectInfo.batchMobile') }}
              </el-button>
            </el-form-item>
          </el-form>
          <el-form v-permission="{ key: 'hzdw_query', menuPath: '/project/summary/cooperationUnit' }" :inline="true"
            class="demo-form-inline" size="small">
            <el-form-item>
              <el-input :placeholder="$t('message.laborMange.placeholder1')" v-model="enterpriseName" style="width: 260px"
                clearable>
                ></el-input>
            </el-form-item>
            <el-form-item>
              <el-select v-model="dictionaryItemId" clearable placeholder="请选择项目类型">
                <el-option v-for="item in dictionaryItemList" :key="item.id" :label="item.name" :value="item.data">
                </el-option>
              </el-select>
            </el-form-item>

            <el-form-item>
              <!-- 查询 -->
              <el-button type="primary" plain style="height: 32px" @click="getCooperatorList">{{
                $t('message.laborMange.inquire') }}</el-button>
            </el-form-item>
          </el-form>
        </div>
        <vue-scroll style="height: 80%" v-if="!noDataList">
          <div class="list_wrap flex">
            <div class="list" @click="goDetailPage(item.id, item.projectEnterpriseId, item.projectSn)"
              v-for="(item, index) in listData" :key="index">
              <div class="name">{{ item.enterpriseName }}</div>
              <div class="code">
                {{ $t('message.laborMange.unifiedSocialCreditCode') }}：{{
                  item.socialCode
                }}
              </div>
              <div class="nature">
                <!-- 项目负责人： -->{{
                  $t('message.projectInfo.projectLeader') + ':'
                }}{{ item.projectDirectorName }}
              </div>
              <div class="nature">
                <!-- 项目负责人电话： -->{{
                  $t('message.projectInfo.projectLeaderPhone') + ':'
                }}{{ item.projectDirectorPhone }}
              </div>
              <div class="nature">
                <!-- 项目负责人电话： -->项目类型:{{ item.projectEnterprise.cbsProjectTypeName }}
              </div>
              <!-- <div class="nature">
                {{ $t("message.cooperationUnit.enterpriseProperty") }}：{{
                  item.enterpriseProperty == 1
                    ? $t("message.laborMange.stateOwnedBusiness")
                    : item.enterpriseProperty == 2
                    ? $t("message.laborMange.overseasInvestedEnterprises")
                    : item.enterpriseProperty == 3
                    ? $t("message.laborMange.collectiveEnterprises")
                    : item.enterpriseProperty == 4
                    ? $t("message.laborMange.privateEnterprise")
                    : ""
                }}
              </div> -->
              <!-- <div class="encoded">企业编码：5678907</div> -->
              <div class="btn_wrap flex3">
                <div v-permission="{ key: 'hzdw_edit', menuPath: '/project/summary/cooperationUnit' }" class="flex3"
                  @click.stop="editBtn(item)">
                  <img src="@/assets/images/icon-edit.png" />
                  <el-button type="text" style="margin: 0 18px 0 5px">{{
                    $t('message.laborMange.edit')
                  }}</el-button>
                </div>
                <div v-permission="{ key: 'hzdw_delete', menuPath: '/project/summary/cooperationUnit' }" class="flex3"
                  @click.stop="deleteBtn(item)">
                  <img src="@/assets/images/icon-delete.png" style="margin-right: 5px" />
                  <el-button type="text" style="color: red">{{
                    $t('message.laborMange.delete')
                  }}</el-button>
                </div>
              </div>
              <div class="deleteList" @click.stop>
                <el-checkbox-group v-model="checkedDeleteList" @change="getDeleteList">
                  <el-checkbox :label="item.projectEnterpriseId"></el-checkbox>
                </el-checkbox-group>
              </div>
            </div>
          </div>
        </vue-scroll>
        <div v-else class="nodata_wrap">
          <img src="@/assets/images/noData.png" />
          <div>{{ $t('message.laborMange.noData') }}</div>
        </div>
        <el-pagination class="pagerBox" @size-change="handleSizeChange" @current-change="handleCurrentChange"
          :current-page="pageNo" :page-size="pageSize" layout="total, sizes, prev, pager, next" :total="Number(total)"
          background style="margin-top: 40px"></el-pagination>
      </div>
    </div>
    <!-- 新增 || 编辑 企业弹窗 -->
    <el-dialog :modal-append-to-body="false" :title="enterpriseDialogTitle" :close-on-click-modal="false"
      :visible.sync="addEnterpriseDialog" width="750px" @close="close">
      <vue-scroll class="adddialog" style="height: 618px">
        <div class="dialog_content" ref="enterpriseDialog">
          <el-form size="small" ref="enterpriseForm" :model="enterpriseForm" :rules="enterpriseFormRules"
            label-position="top" label-width="80px">
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.theNameOfFirm')" prop="enterpriseName">
                  <el-input v-model="enterpriseForm.enterpriseName"
                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.legalRepresentative')" prop="enterpriseLegalPerson">
                  <el-input v-model="enterpriseForm.enterpriseLegalPerson"
                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <!-- 企业类型 -->
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.formOfBusiness')" prop="enterpriseTypeId">
                  <el-select v-model="enterpriseForm.enterpriseTypeId" :placeholder="$t('message.laborMange.pleaseChoose')"
                    style="width: 100%" :disabled="enterpriseTypeName == '全部' ? false : true">
                    <el-option v-for="item in companyTypeList" :key="item.id" :label="item.companyTypeName"
                      :value="item.id"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.unifiedSocialCreditCode')" prop="socialCode">
                  <el-input v-model="enterpriseForm.socialCode" :placeholder="$t('message.laborMange.placeholder2')"
                    maxlength="18"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item :label="$t('message.projectInfo.projectLeader')" prop="projectDirectorName">
                  <el-input v-model="enterpriseForm.projectDirectorName"
                    :placeholder="$t('message.laborMange.placeholder2')" maxlength="18"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item :label="$t('message.projectInfo.projectLeaderPhone')" prop="projectDirectorPhone">
                  <el-input type="number" v-model="enterpriseForm.projectDirectorPhone"
                    :placeholder="$t('message.laborMange.placeholder2')" maxlength="18"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.openingBank')" prop="bankname">
                  <el-input v-model="enterpriseForm.bankname"
                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.registeredCapital')" prop="registeredCapital">
                  <el-input type="number" @change="checkValue()" v-model="enterpriseForm.registeredCapital"
                    placeholder="请输入数字类型" max="999999999999999"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.numberOfRegistrant')" prop="registerPersonPhoneTel">
                  <el-input type="number" v-model="enterpriseForm.registerPersonPhoneTel"
                    oninput="if(value.length>11)value=value.slice(0,11)"
                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.bankAccount')" prop="bankcardnumber">
                  <el-input v-model="enterpriseForm.bankcardnumber" :placeholder="$t('message.laborMange.placeholder2')"
                    type="number" @wheel.native.prevent oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.legalPersonPhone')" prop="legalPersonTel">
                  <el-input type="number" v-model="enterpriseForm.legalPersonTel"
                    oninput="if(value.length>11)value=value.slice(0,11)"
                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.businessNumber')" prop="businessNumber">
                  <el-input v-model="enterpriseForm.businessNumber" :placeholder="$t('message.laborMange.placeholder2')"
                    oninput="value=value.replace(/^[a-zA-Z0-9]{10,20}$/)"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.businessLicense')" prop="businessLicenseEndDate">
                  <el-date-picker v-model="enterpriseForm.businessLicenseEndDate" type="date"
                    :placeholder="$t('message.laborMange.pleaseSelectADate')" value-format="yyyy-MM-dd"
                    style="width: 100%"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.addressOfPlant')" prop="enterpriseAddress">
                  <el-input v-model="enterpriseForm.enterpriseAddress"
                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.enterpriseMailbox')" prop="enterpriseEmail">
                  <el-input v-model="enterpriseForm.enterpriseEmail"
                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.safetyProductionLicense')" prop="enterpriseSafeAllow">
                  <el-input v-model="enterpriseForm.enterpriseSafeAllow"
                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.laborCertificateNo')" prop="qualificationNumber">
                  <el-input v-model="enterpriseForm.qualificationNumber"
                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.natureOfUnit')" prop="enterpriseProperty">
                  <el-select v-model="enterpriseForm.enterpriseProperty"
                    :placeholder="$t('message.laborMange.pleaseChoose')" style="width: 100%">
                    <el-option :label="$t('message.laborMange.stateOwnedBusiness')" :value="1"></el-option>
                    <el-option :label="$t('message.laborMange.overseasInvestedEnterprises')
                    " :value="2"></el-option>
                    <el-option :label="$t('message.laborMange.collectiveEnterprises')" :value="3"></el-option>
                    <el-option :label="$t('message.laborMange.privateEnterprise')" :value="4"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <!-- 父级企业 -->
                <el-form-item :label="$t('message.projectInfo.theParentCompany')" prop="parentEnterpriseId">
                  <el-select v-model="enterpriseForm.parentEnterpriseId" :placeholder="$t('message.projectInfo.pleaseChoose') +
                    $t('message.projectInfo.theParentCompany')
                  " filterable clearable style="width: 100%">
                    <el-option v-for="(item, index) in parentEnterpriseList" :label="item.enterpriseName" :value="item.id"
                      :key="index">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <!-- 排序 -->
                <el-form-item :label="$t('message.projectInfo.sort')" prop="num">
                  <el-input-number v-model="enterpriseForm.sortNum" @change="handleChangeNum" :min="0"></el-input-number>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row v-if="company == 'nanchang'" :gutter="24">
              <!-- 企业管理 -->
              <el-col :span="12">
                <el-form-item :label="$t('message.projectInfo.departmentType')" prop="departmentType">
                  <!-- 否 -->
                  <el-radio v-model="enterpriseForm.departmentType" :label="1">{{ $t('message.laborDev.whetherList')[0]
                  }}</el-radio>
                  <!-- 是 -->
                  <el-radio v-model="enterpriseForm.departmentType" :label="2">{{ $t('message.laborDev.whetherList')[1]
                  }}</el-radio>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item :label="$t('message.laborMange.photosOfQualification')" prop="enterpriseQualificationUrl">
                  <el-upload class="upload-demo" :limit="1" accept=".png, .jpg, .jpeg"  :action="uploadUrl" :on-remove="(file, flexList) => handleRemove(file, flexList, 1)
                  " :on-success="(file) => handleSuccess(file, 1)" :on-error="(file) => handleError(file, 1)"
                    :on-preview="(file) => handlePreview(file, 1)" :before-upload="(file) => handleBeforeUpload(file, 1)"
                    name="files" :file-list="aptitudeFileList">
                    <el-button size="small" type="primary">{{
                      $t('message.laborMange.clickOnTheUpload')
                    }}</el-button>
                  </el-upload>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="logo" prop="logo">
                  <el-upload class="upload-demo" :limit="1" accept=".png, .jpg, .jpeg" :action="uploadUrl" :on-remove="(file, flexList) => handleRemove(file, flexList, 2)
                  " :on-success="(file) => handleSuccess(file, 2)" :on-error="(file) => handleError(file, 2)"
                    :on-preview="(file) => handlePreview(file, 2)" :before-upload="(file) => handleBeforeUpload(file, 2)"
                    name="files" :file-list="logoFileList">
                    <el-button size="small" type="primary">{{
                      $t('message.laborMange.clickOnTheUpload')
                    }}</el-button>
                  </el-upload>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24" style="font-size:18px">
              承包商项目基本信息
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="承包项目名称" prop="cbsName">
                  <el-input v-model="enterpriseForm.projectEnterprise.cbsName" placeholder="请输入承包项目名称"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="项目施工区域" prop="projectBuildArea">
                  <el-input v-model="enterpriseForm.projectEnterprise.projectBuildArea"
                    placeholder="请输入项目施工区域"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="项目经理" prop="projectEnterprise.projectManage">
                  <el-input v-model="enterpriseForm.projectEnterprise.projectManage" placeholder="请输入项目经理"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="项目类型" prop="projectEnterprise.cbsProjectType">
                  <el-select v-model="enterpriseForm.projectEnterprise.cbsProjectType" placeholder="请选择项目类型" filterable
                    clearable style="width: 100%">
                    <el-option v-for="(item, index) in dictionaryItemList" :label="item.name" :value="Number(item.data)"
                      :key="index">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="项目编号" prop="projectEnterprise.projectNumber">
                  <el-input v-model="enterpriseForm.projectEnterprise.projectNumber" placeholder="请输入项目编号"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="施工阶段" prop="constructionStage">
                  <el-select v-model="enterpriseForm.projectEnterprise.constructionStage" placeholder="请选择施工阶段" filterable
                    clearable style="width: 100%">
                    <el-option v-for="(item, index) in constructionStageList" :label="item.name"
                      :value="Number(item.data)" :key="index">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="维度位置" prop="latitude">
                  <el-input v-model="enterpriseForm.projectEnterprise.latitude"
                    :placeholder="$t('message.companyDiagram.PleaseEnter')" :disabled="true"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="经度位置" prop="longitude">
                  <el-input :placeholder="$t('message.companyDiagram.PleaseEnter')"
                    v-model="enterpriseForm.projectEnterprise.longitude" :disabled="true">
                    <template slot="append">
                      <el-link type="primary" @click="toGetLocalFn">{{
                        $t(
                          'message.companyDiagram.dialog_ProjectPop_up.coordinatePicking'
                        )
                      }}</el-link>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="工程类别" prop="projectType">
                  <el-select v-model="enterpriseForm.projectEnterprise.projectType" placeholder="请选择工程类别" filterable
                    clearable style="width: 100%">
                    <el-option v-for="(item, index) in projectTypeList" :label="item.name" :value="Number(item.data)"
                      :key="index">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="结构类型" prop="structureType">
                  <el-select v-model="enterpriseForm.projectEnterprise.structureType" placeholder="请选择结构类型" filterable
                    clearable style="width: 100%">
                    <el-option v-for="(item, index) in structureTypeList" :label="item.name" :value="Number(item.data)"
                      :key="index">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="项目面积(m²)" prop="enterpriseEmail">
                  <el-input type="number" v-model="enterpriseForm.projectEnterprise.projectAcreage"
                    placeholder="请输入项目面积(m²)"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="工程状态" prop="bulidStatus">
                  <el-select v-model="enterpriseForm.projectEnterprise.bulidStatus" placeholder="请选择项目类型" filterable
                    clearable style="width: 100%">
                    <el-option v-for="item in $t('message.companyDiagram.BUILDSTATUS')" :label="item.name"
                      :value="item.id" :key="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="开工日期" prop="enterpriseEmail">
                  <el-date-picker value-format="yyyy-MM-dd" v-model="enterpriseForm.projectEnterprise.startWorkDate"
                    type="date" placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="竣工日期" prop="completionDate">
                  <el-date-picker value-format="yyyy-MM-dd" v-model="enterpriseForm.projectEnterprise.completionDate"
                    type="date" placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="联系电话" prop="projectTel">
                  <el-input type="number" oninput="if(value.length>11)value=value.slice(0,11)" v-model="enterpriseForm.projectEnterprise.projectTel" placeholder="请输入联系电话"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="现场施工图" prop="constructionMapUrl">
                  <el-upload class="upload-demo" :limit="1" accept=".png, .jpg, .jpeg" :action="uploadUrl" :on-remove="(file, flexList) => handleRemove(file, flexList, 4)
                  " :on-success="(file) => handleSuccess(file, 4)" :on-error="(file) => handleError(file, 4)"
                    :on-preview="(file) => handlePreview(file, 4)" :before-upload="(file) => handleBeforeUpload(file, 4)"
                    lis name="files" :file-list="constructionMapUrlList">
                    <el-button size="small" type="primary">{{
                      $t('message.laborMange.clickOnTheUpload')
                    }}</el-button>
                    <!-- <div slot="tip" class="el-upload__tip">只能上传一张</div> -->
                  </el-upload>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="现场布置图" prop="layoutImage">
                  <el-upload class="upload-demo" :limit="1" accept=".png, .jpg, .jpeg" :action="uploadUrl" :on-remove="(file, flexList) => handleRemove(file, flexList, 3)
                  " :on-success="(file) => handleSuccess(file, 3)" :on-error="(file) => handleError(file, 3)"
                    :on-preview="(file) => handlePreview(file, 3)" :before-upload="(file) => handleBeforeUpload(file, 3)"
                    name="files" :file-list="layoutImageList">
                    <el-button size="small" type="primary">{{
                      $t('message.laborMange.clickOnTheUpload')
                    }}</el-button>
                  </el-upload>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <div class="dialog-footer addpage">
            <el-button class="cancleBtn" @click="addEnterpriseDialog = false" icon="el-icon-circle-close" size="medium">{{
              $t('message.laborMange.cancel') }}</el-button>
            <el-button type="primary" icon="el-icon-circle-check" @click="saveEnterpriseFn('enterpriseForm')"
              size="medium">{{
                $t('message.laborMange.confirm') }}</el-button>
          </div>
        </div>
      </vue-scroll>
    </el-dialog>
    <el-dialog :modal-append-to-body="false" :title="$t('message.projectInfo.batchMobile')" :close-on-click-modal="false"
      :visible.sync="moveEnterpriseDialog" width="750px">
      <el-form :inline="true" size="medium" ref="selectForm">
        <!-- 目标企业类型 -->
        <el-form-item :label="$t('message.projectInfo.targetCompanyType')" prop="enterpriseType">
          <el-select v-model="enterpriseType" :placeholder="$t('message.projectInfo.pleaseChoose') +
            $t('message.projectInfo.targetCompanyType')
          " filterable clearable>
            <el-option v-for="(item, index) in enterpriseTypeList" :label="item.companyTypeName" :value="item.id"
              :key="index">
            </el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <div class="dialog-footer">
        <el-button class="cancleBtn" @click="moveEnterpriseDialog = false" icon="el-icon-circle-close" size="medium">
          <!-- 取消 -->
          {{ $t('message.energyManage.material.cancel') }}
        </el-button>
        <el-button type="primary" icon="el-icon-circle-check" @click="moveEnterpriseFn" size="medium">
          <!-- 确定 -->
          {{ $t('message.energyManage.material.confirm') }}
        </el-button>
      </div>
    </el-dialog>
    <!--高德地图-->
    <gd-map v-if="showMap" :addProjectForm="addProjectForm" @closeMap="closeMap" @save="getLngLat"></gd-map>
  </div>
  <!-- 企业信息--详情 -->
  <div v-else class="cooperatorDetail">
    <div class="flex3 navigationTitle">
      <el-button type="text" icon="el-icon-d-arrow-left" @click="showDetail = false" style="margin-left: 20px">{{
        $t('message.cooperationUnit.back') }}</el-button>
      <div style="margin-left: 30px">
        {{ $t('message.cooperationUnit.companyDetails') }}
      </div>
    </div>
    <Detail :detailId="detailId" :projectEnterpriseId="projectEnterpriseId" :enterpriseSn="enterpriseSn" />
  </div>
</template>
<script>
import Detail from './cooperatorDatails'
import {
  getEnterpriseTypeList,
  setEnterpriseInfo,
  editEnterpriseInfo,
  deleteEnterprise,
  updateEnterpriseTypeApi,
} from '@/assets/js/api/laborPerson'
import {
  getCooperatorListApi,
  deleteBatchApi,
  getEnterpriseInfoByIdApi
} from '@/assets/js/api/cooperationUnit'
import {
  getDictionaryItemApi
} from '@/assets/js/api/companyDiagram'
import {
  CheckSocialCreditCode,
  checkPhone
} from '@/assets/js/util.js'
import gdMap from "../../../components/map/gd-map";
export default {
  components: {
    Detail, gdMap
  },
  data() {
    return {
      checkedId: "",
      companyTypeId: "",
      companyTypeList: [],
      enterpriseTypeSelectId: "",
      enterpriseTypeId: '',
      enterpriseTypeName: '',
      projectSn: '',
      enterpriseName: '',
      pageNo: 1,
      pageSize: 10,
      total: 0,
      listData: [], //建设单位  列表数据
      addEnterpriseDialog: false,
      enterpriseDialogTitle: this.$t('message.laborMange.theNewEnterprise'),
      enterpriseDialogType: 1,
      addProjectForm: {
        areaCode: "",
        buildingNum: "",
        bulidStatus: "",
        cityCode: "",
        companySn: "",
        constructionStage: "",
        engineeringPurpose: "",
        households: "",
        latitude: "",
        layoutImage: "",
        constructionMapUrl: '',
        longitude: "",
        projectAcreage: "",
        projectAddress: "",
        projectName: "",
        projectNumber: "",
        projectType: "",
        provincesCode: "",
        saleAcreage: "",
        startWorkDate: "",
        structureType: "",
        projectManage: "",
        projectTel: "",
        majorProjectType: 0
      },
      //新增企业表单
      enterpriseForm: {
        bankcardnumber: '', //银行卡号
        bankname: '', // 开户行
        businessLicenseEndDate: '', // 营业执照截止日期
        businessNumber: '', //营业执照注册号
        enterpriseAddress: '', //企业地址
        enterpriseEmail: '', //企业邮箱
        enterpriseLegalPerson: '', //法定代表人
        enterpriseName: '', //企业名称
        companyTypeName: '', //企业类型名称
        enterpriseProperty: '', //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
        enterpriseQualificationUrl: '', //企业资质图片地址
        enterpriseSafeAllow: '', //企业安全生产许可证
        enterpriseTypeId: '', //企业类型Id
        legalPersonTel: '', //法人电话
        logo: '', //logo
        projectSn: '', //项目Sn
        qualificationNumber: '', //资质证书号
        registerPersonPhoneTel: '', //注册人电话
        registeredCapital: '', //注册资金
        socialCode: '', //社会统一信用代码
        projectDirectorPhone: '',
        projectDirectorName: '',
        parentEnterpriseId: '',
        departmentType: '', // 企业管理
        sortNum: 0,

        projectEnterprise: {
          cbsName: "", // 承包商名称
          projectBuildArea: "", // 项目施工区域
          completionDate: "", // 竣工日期
          cbsProjectType: "", // 项目类型
          projectManage: "", // 项目经理
          latitude: "", // 维度位置
          longitude: "", // 经度位置
          projectType: "", // 工程类别
          projectNumber: "", // 项目编号
          structureType: "", // 结构类型
          projectAcreage: "", // 项目面积(m²)
          bulidStatus: "", // 工程状态
          startWorkDate: "", // 开工日期
          constructionStage: "", // 施工阶段
          layoutImage: "", // 现场布置图
          constructionMapUrl: "", // 现场施工图
          projectTel: "", // 联系电话
        }

      },
      layoutImageList: [], // 现场布置图
      constructionMapUrlList: [], // 现场施工图
      dictionaryItemList: [],
      structureTypeList: [],
      dictionaryItemId: "",
      constructionStageList: [],
      projectTypeList: [],
      //校验新增企业表单
      enterpriseFormRules: this.$t('message.laborMange.enterpriseFormRules'),
      enterpriseTypeList: [],
      uploadUrl: '',
      fileUrl: '',
      aptitudeFileList: [], //资质照片列表
      logoFileList: [], // logo
      checkedDeleteList: [], //批量选中的数据
      showDetail: false,
      noDataList: false,
      detailId: '',
      projectEnterpriseId: '',
      enterpriseSn: "",
      pageType: 1, //1项目，2企业
      moveEnterpriseDialog: false,
      enterpriseType: '',
      parentEnterpriseList: [],
      departmentTypeList: [
        { id: 1, name: '是' },
        { id: 2, name: '否' },
      ],
      showMap: false,
    }
  },
  created() {
    this.company = COMPANY
    this.uploadUrl = this.$store.state.UPLOADURL
    this.fileUrl = this.$store.state.FILEURL
    if (this.$route.path.indexOf('companyAdmin/') != -1) {
      //是企业库页面
      this.projectSn = this.$store.state.projectSn
      // this.projectSn = this.$store.state.userInfo.headquartersSn
      this.pageType = 2
    } else {
      this.projectSn = this.$store.state.projectSn
      this.pageType = 1
    }
    this.getDictionaryItem();
    this.getEnterpriseType()
    this.getParentEnterpriseList()
    this.getDictionaryList();
    this.getDictionaryByStructure();
    this.getDicProjectTypeList();
  },
  watch: {
    addEnterpriseDialog: {
      handler(newVal) {
        this.$nextTick(() => {
            this.$refs['enterpriseForm'] && this.$refs['enterpriseForm'].clearValidate();
          })
      },
      deep:true,
    }
  },
  methods: {
    //获取经纬度
    toGetLocalFn() {
      console.log(11111);
      this.showMap = true;
      // window.open("https://lbs.amap.com/console/show/picker");
    },
    closeMap(val) {
      this.showMap = val;
    },
    getLngLat(v) {
      this.showMap = false;
      this.addProjectForm.longitude = v.lng;
      this.addProjectForm.latitude = v.lat;
      this.enterpriseForm.projectEnterprise.longitude = v.lng;
      this.enterpriseForm.projectEnterprise.latitude = v.lat;
    },
    // 获取字典工程类别列表
    // 获取字典工程类别列表
    getDicProjectTypeList() {
      getDictionaryItemApi({
        dictionaryEncoding: 'project_type',
        projectSn: this.projectSn
      }).then(res => {
        if (res.result.length > 0) {
          this.projectTypeList = res.result
        }
      })
    },
    //获取字典施工阶段
    getDictionaryList() {
      getDictionaryItemApi({
        dictionaryEncoding: 'project_construction_stage',
        projectSn: this.projectSn
      }).then(res => {
        if (res.result.length > 0) {
          this.constructionStageList = res.result
        }

      })
    },
    //获取字典 结构类型
    getDictionaryByStructure() {
      getDictionaryItemApi({
        dictionaryEncoding: 'project_structure_type',
        projectSn: this.projectSn
      }).then(res => {
        if (res.result.length > 0) {
          this.structureTypeList = res.result
        }

      })
    },
    checkValue() {
      var value = '' + this.enterpriseForm.registeredCapital.toString();
      const maxConut = 999999999999999;
      if (Number(this.enterpriseForm.registeredCapital) > maxConut) {
        this.enterpriseForm.registeredCapital = maxConut.toFixed(2);
        return
      }
      console.log(this.enterpriseForm.registeredCapital.toString());
      value = value
        .replace(/[^\d.]/g, '') // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的
        .replace(/^\./g, '')    //保证第一个为数字而不是.
        .replace('.', '$#$')
        .replace(/\./g, '')
        .replace('$#$', '.')
        .replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); // 只能输入两个小数
      if (value.indexOf('.') < 0 && value != '') {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        value = parseFloat(value);

      }
      value = Number(value).toFixed(2); //不足补位
      console.log('1111111111111', value);
      this.enterpriseForm.registeredCapital = value;

    },
    close() {
      this.getParentEnterpriseList()
      this.addEnterpriseDialog = false
      this.$nextTick(() => {
        this.$refs['enterpriseForm'].clearValidate()
      })
    },
    getDictionaryItem() {
      getDictionaryItemApi({
        dictionaryEncoding: "project_enterprise_cbs_project_type",
        projectSn: this.$store.state.projectSn,
      }).then((res) => {
        if (res.code == 200) {
          console.log('11111111111', res);
          this.dictionaryItemList = res.result;
        }
      })
    },
    //获取 单位类型
    getEnterpriseType() {
      let data = {}
      getEnterpriseTypeList(data).then((res) => {
        if (res.code == 200) {
          console.log('获取企业类型列表', res)
          this.enterpriseTypeList = [{
            id: "",
            companyTypeName: "全部",
          }, ...res.result];
          // this.enterpriseTypeId = res.result[0].id
          // console.log('==========单位名称', res)
          // this.enterpriseTypeName = res.result[0].companyTypeName
          // this.enterpriseForm.companyTypeName = res.result[0].companyTypeName

          console.log('==========单位名称', res)
          this.enterpriseTypeSelectId = this.enterpriseTypeList[0].id;
          this.enterpriseTypeName = this.enterpriseTypeList[0].companyTypeName;
          this.enterpriseTypeId = res.result[0].id;
          this.enterpriseForm.companyTypeName = res.result[0].companyTypeName;

          this.companyTypeList = res.result;
          console.log(this.enterpriseTypeList)
          this.getCooperatorList()
        }
      })
    },
    //获取列表数据
    getCooperatorList() {
      let data = {
        projectSn: this.$store.state.projectSn,
        pageNo: this.pageNo,
        pageSize: this.pageSize,
        enterpriseTypeId: this.enterpriseTypeSelectId,
        enterpriseName: this.enterpriseName,
        cbsProjectType: this.dictionaryItemId
      }
      getCooperatorListApi(data).then((res) => {
        if (res.code == 200) {
          if (res.result.records.length > 0) {
            this.listData = JSON.parse(JSON.stringify(res.result.records))
            this.total = res.result.total
            this.noDataList = false
          } else {
            this.noDataList = true
            this.listData = []
            this.pageNo = 1;
            this.pageSize = 10;
            this.total = 0;
          }
        }
      })
    },
    // 获取父级企业列表
    getParentEnterpriseList() {
      let data = {
        projectSn: this.projectSn,
        pageNo: this.pageNo,
        pageSize: 10000,
        enterpriseTypeId: '',
        enterpriseName: '',
      }
      getCooperatorListApi(data).then((res) => {
        if (res.code == 200) {
          this.parentEnterpriseList = res.result.records
        }
      })
    },
    //转换字符串
    setString(item) {
      return String(item)
    },
    //切换 单位类型
    selectMenu(value) {
      console.log('切换菜单', value)
      this.checkedId = value.id
      this.enterpriseTypeName = value.companyTypeName;
      this.enterpriseTypeSelectId = value.id;
      if (!(value.id == '' && value.companyTypeName == '全部')) {
        this.enterpriseTypeId = value.id
        this.enterpriseForm.companyTypeName = value.companyTypeName
      }
      this.getCooperatorList()
    },
    //新增按钮
    addBtn() {
      // this.$refs["enterpriseForm"].clearValidate();
      this.enterpriseForm = {
        bankcardnumber: '', //银行卡号
        bankname: '', // 开户行
        businessLicenseEndDate: '', // 营业执照截止日期
        businessNumber: '', //营业执照注册号
        enterpriseAddress: '', //企业地址
        enterpriseEmail: '', //企业邮箱
        enterpriseLegalPerson: '', //法定代表人
        enterpriseName: '', //企业名称
        companyTypeName: "",
        enterpriseProperty: '', //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
        enterpriseQualificationUrl: '', //企业资质图片地址
        enterpriseSafeAllow: '', //企业安全生产许可证
        enterpriseTypeId: '', //企业类型Id
        legalPersonTel: '', //法人电话
        logo: '', //logo
        projectSn: '', //项目Sn
        qualificationNumber: '', //资质证书号
        registerPersonPhoneTel: '', //注册人电话
        registeredCapital: '', //注册资金
        socialCode: '', //社会统一信用代码
        parentEnterpriseId: '', //父级企业
        departmentType: '', // 企业管理
        sortNum: 0,

        projectEnterprise: {
          cbsName: "", // 承包商名称
          projectBuildArea: "", // 项目施工区域
          completionDate: "", // 竣工日期
          cbsProjectType: "", // 项目类型
          projectManage: "", // 项目经理
          latitude: "", // 维度位置
          longitude: "", // 经度位置
          projectType: "", // 工程类别
          projectNumber: "", // 项目编号
          structureType: "", // 结构类型
          projectAcreage: "", // 项目面积(m²)
          bulidStatus: "", // 工程状态
          startWorkDate: "", // 开工日期
          constructionStage: "", // 施工阶段
          projectTel: "", // 联系电话
        }

      }
      // console.log('==========',this.enterpriseForm.companyTypeName)
      this.aptitudeFileList = [];
      this.logoFileList = [];
      this.layoutImageList = [];
      this.constructionMapUrlList = [];
      this.enterpriseDialogType = 1
      this.enterpriseDialogTitle = this.$t(
        'message.laborMange.theNewEnterprise'
      )
      this.addEnterpriseDialog = true
      this.enterpriseForm.enterpriseTypeId = this.checkedId;
      // console.log("111111111111",this.checkedId)
    },
    //编辑按钮
    editBtn(value) {
      console.log('11111111', value);
      this.parentEnterpriseList.forEach((item, index) => {
        if (value.id == item.id) {
          this.parentEnterpriseList.splice(index, 1)
        }
      })
      console.log(
        ' this.parentEnterpriseList删除后的',
        this.parentEnterpriseList
      )
      this.enterpriseDialogTitle = this.$t('message.laborMange.editEnterprise')
      this.enterpriseDialogType = 2
      this.aptitudeFileList = []
      this.logoFileList = []
      this.enterpriseForm = { ...JSON.parse(JSON.stringify(value)) }
      this.enterpriseForm.enterpriseTypeId = !value.enterpriseTypeId || value.enterpriseTypeId == 0  ?  '' : value.enterpriseTypeId;
      let aptitude = this.enterpriseForm.enterpriseQualificationUrl
        ? this.enterpriseForm.enterpriseQualificationUrl.split(',')
        : []
      for (let i = 0; i < aptitude.length; i++) {
        let obj = {
          name: aptitude[i].split('*')[0],
          url: aptitude[i].split('*')[1],
        }
        this.aptitudeFileList.push(obj)
      }
      let logo = this.enterpriseForm.logo
        ? this.enterpriseForm.logo.split(',')
        : []

      for (let i = 0; i < logo.length; i++) {
        let obj = { name: logo[i].split('*')[0], url: logo[i].split('*')[1] }
        this.logoFileList.push(obj)
      }
      if (this.enterpriseForm.parentEnterpriseId == 0) {
        this.enterpriseForm.parentEnterpriseId = ''
      }
      console.log(this.aptitudeFileList);
      getEnterpriseInfoByIdApi({
        enterpriseId: value.id,
        projectSn: this.$store.state.projectSn,
      }).then(res => {
        if (res.code == 200) {
          const projectEnterprise = res.result.projectEnterprise;
          console.log('222222', projectEnterprise);
          this.enterpriseForm.projectEnterprise = {
            ...projectEnterprise
          };
          this.layoutImageList = this.enterpriseForm.projectEnterprise.layoutImage && this.enterpriseForm.projectEnterprise.layoutImage != 'null' ? JSON.parse(this.enterpriseForm.projectEnterprise.layoutImage) : [];
          this.constructionMapUrlList = this.enterpriseForm.projectEnterprise.constructionMapUrl && this.enterpriseForm.projectEnterprise.constructionMapUrl != 'null' ? JSON.parse(this.enterpriseForm.projectEnterprise.constructionMapUrl) : [];
        }
      }).finally(() => {
        this.addEnterpriseDialog = true;
      })
    },

    //新增 ||编辑 保存
    saveEnterpriseFn(formName) {
      if (!CheckSocialCreditCode(this.enterpriseForm.socialCode)) {
        this.$message.error('请输入正确的统一社会信用代码')
        return
      }
      if (this.enterpriseForm.projectDirectorPhone) {
        if (!checkPhone(this.enterpriseForm.projectDirectorPhone)) {
          this.$message.error('请输入正确的项目负责人电话')
          return
        }
      }
      if (this.enterpriseForm.registerPersonPhoneTel) {
        if (!checkPhone(this.enterpriseForm.registerPersonPhoneTel)) {
          this.$message.error('请输入正确的注册人电话')
          return
        }
      }
      if (this.enterpriseForm.legalPersonTel) {
        if (!checkPhone(this.enterpriseForm.legalPersonTel)) {
          this.$message.error('请输入正确的法人电话')
          return
        }
      }

      if (this.enterpriseForm.projectEnterprise.projectTel) {
        if (!checkPhone(this.enterpriseForm.projectEnterprise.projectTel)) {
          this.$message.error('请输入正确的联系电话')
          return
        }
      }

      this.$refs[formName].validate((valid) => {
        if (valid) {
          this.enterpriseForm.projectSn = this.projectSn
          //转换上传图片
          if (this.aptitudeFileList.length > 0) {
            let arr = []
            for (let i = 0; i < this.aptitudeFileList.length; i++) {
              arr.push(
                this.aptitudeFileList[i].name +
                '*' +
                this.aptitudeFileList[i].url
              )
            }
            this.enterpriseForm.enterpriseQualificationUrl = arr.join(',')
          }
          if (this.logoFileList.length > 0) {
            let arr = []
            for (let i = 0; i < this.logoFileList.length; i++) {
              arr.push(
                this.logoFileList[i].name + '*' + this.logoFileList[i].url
              )
            }
            this.enterpriseForm.logo = arr.join(',')
          }
          console.log(11111111111, this.constructionMapUrlList);
          this.enterpriseForm.projectEnterprise.layoutImage = JSON.stringify(this.layoutImageList);
          this.enterpriseForm.projectEnterprise.constructionMapUrl = JSON.stringify(this.constructionMapUrlList);
          this.enterpriseForm.type = this.pageType
          if (!this.enterpriseForm.parentEnterpriseId) {
            this.enterpriseForm.parentEnterpriseId = '0'
          }

          if (this.enterpriseDialogType == 1) {
            //新增提交
            setEnterpriseInfo(this.enterpriseForm).then((res) => {
              if (res.code == 200) {
                this.$message.success(this.$t('message.laborMange.addSuccess'))
                this.addEnterpriseDialog = false
                this.$refs[formName].resetFields()
                this.aptitudeFileList = []
                this.logoFileList = []
                this.layoutImageList = []
                this.constructionMapUrlList = []
                this.getCooperatorList()
                this.getParentEnterpriseList()
              }
            })
          } else {
            console.log(this.enterpriseForm)
            if (
              this.enterpriseForm.id == this.enterpriseForm.parentEnterpriseId
            ) {
              this.$message.error(
                this.$t('message.projectInfo.theParentCompany') +
                this.$t('message.projectInfo.cannotChooseSelf')
              )
              return
            }
            //编辑 请求
            editEnterpriseInfo(this.enterpriseForm).then((res) => {
              if (res.code == 200) {
                this.$message.success(
                  this.$t('message.laborMange.modifySuccess')
                )
                this.$refs[formName].resetFields()
                this.addEnterpriseDialog = false
                this.aptitudeFileList = []
                this.logoFileList = []
                this.layoutImageList = []
                this.constructionMapUrlList = []
                this.getCooperatorList()
                this.getParentEnterpriseList()
              }
            })
          }
        } else {
          return false
        }
      })
    },
    //删除按钮
    deleteBtn(value) {
      this.$confirm(
        this.$t('message.laborMange.deleteHint'),
        this.$t('message.laborMange.hint'),
        {
          confirmButtonText: this.$t('message.laborMange.confirm'),
          cancelButtonText: this.$t('message.laborMange.cancel'),
          type: 'warning',
        }
      )
        .then(() => {
          let data = {
            projectSn: this.projectSn,
            enterpriseId: value.id,
          }
          deleteEnterprise(data).then((res) => {
            if (res.code == 200) {
              this.$message({
                type: 'success',
                message: this.$t('message.laborMange.deleteSuccess'),
              })
              this.getCooperatorList()
            }
          })
        })
        .catch(() => {
          // this.$message({
          //   type: "info",
          //   message: "已取消删除",
          // });
        })
    },

    //批量删除
    deleteInBatches() {
      this.$confirm(
        this.$t('message.laborMange.deleteHint'),
        this.$t('message.laborMange.hint'),
        {
          confirmButtonText: this.$t('message.laborMange.confirm'),
          cancelButtonText: this.$t('message.laborMange.cancel'),
          type: 'warning',
        }
      )
        .then(() => {
          let data = {
            ids: this.checkedDeleteList.join(','),
          }
          deleteBatchApi(data).then((res) => {
            if (res.code == 200) {
              this.$message({
                type: 'success',
                message: this.$t('message.laborMange.deleteSuccess'),
              })
              this.checkedDeleteList = []
              this.getCooperatorList()
            }
          })
        })
        .catch(() => {
          // this.$message({
          //   type: "info",
          //   message: "已取消删除",
          // });
        })
    },

    // 批量移动
    moveInBatches() {
      this.moveEnterpriseDialog = true
    },
    // 批量移动确认
    moveEnterpriseFn() {
      // console.log(this.checkedDeleteList.join(","))
      if (!this.enterpriseType) {
        this.$message.error(
          this.$t('message.projectInfo.pleaseChoose') +
          this.$t('message.projectInfo.targetCompanyType')
        )
      } else {
        updateEnterpriseTypeApi({
          enterpriseTypeId: this.enterpriseType,
          ids: this.checkedDeleteList.join(','),
        }).then((res) => {
          // console.log(res)
          if (res.code == 200) {
            this.$message({
              type: 'success',
              message: res.message,
            })
            this.checkedDeleteList = []
            this.getCooperatorList()
            this.enterpriseType = ''
            this.moveEnterpriseDialog = false
          }
        })
      }
    },
    //批量选中的数据
    getDeleteList(value) { },
    //跳转详情页
    goDetailPage(id, projectEnterpriseId, enterpriseSn) {
      this.detailId = id;
      this.projectEnterpriseId = projectEnterpriseId;
      this.enterpriseSn = enterpriseSn;
      this.showDetail = true
      this.checkedDeleteList = []
    },
    //删除文件
    handleRemove(file, fileList, type) {
      if (type == 1) {
        this.aptitudeFileList = fileList
      } else if (type == 2) {
        this.logoFileList = fileList
      } else if (type == 3) {
        this.layoutImageList = fileList
      } else if (type == 4) {
        this.constructionMapUrlList = fileList
      }
    },
    //文件上传成功
    handleSuccess(file, type) {
      this.$message.success(this.$t('message.laborMange.uploadSuccessful'))
      let data = { name: file.data[0].fileInfo.originalFilename ? file.data[0].fileInfo.originalFilename : file.data[0].filename, url: file.data[0].imageUrl }
      console.log(file);
      if (type == 1) {
        this.aptitudeFileList.push(data)
      } else if (type == 2) {
        this.logoFileList.push(data)
      } else if (type == 3) {
        this.layoutImageList= this.layoutImageList ? this.layoutImageList : [];
        this.layoutImageList.push(data)
        console.log(this.layoutImageList);
      } else if (type == 4) {
        console.log(this.constructionMapUrlList);
        this.constructionMapUrlList = this.constructionMapUrlList ? this.constructionMapUrlList : [];
        this.constructionMapUrlList.push(data);
        
      }
    },
    handleError(file) { },
    handlePreview(file) { },
    handleBeforeUpload(file) { },
    //切换每页数量
    handleSizeChange(val) {
      this.pageSize = val
      this.getCooperatorList()
    },
    //切换页数
    handleCurrentChange(val) {
      this.pageNo = val
      this.getCooperatorList()
    },
    // 排序
    handleChangeNum(val) {
      console.log(val, this.enterpriseForm)
      this.enterpriseForm.num = val
    },
  },
}
</script>
<style lang="less" scoped>
.flex {
  display: flex;
}

.flex2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex3 {
  display: flex;
  align-items: center;
}

.cooperator {
  width: 100%;
  height: 100%;

  .left {
    height: 100%;
    width: 16%;
    margin-right: 15px;
    font-size: 15px;

    // background-color: #fbfbfb;
    .title {
      height: 41px;
      line-height: 41px;
      box-sizing: border-box;
      padding: 0 22px;
      // color: #282e49;
      border-bottom: 2px #ebf0fc solid;
      font-weight: 600;
    }

    .el-menu-item2 {
      border-bottom: 2px #ebf0fc solid;
      height: 43px;
      line-height: 43px;
      padding: 0 30px !important;
    }

    .checked_item {
      border-left: 3px solid #5181f6;
      padding: 0 27px !important;
      background-color: #e1e8fa !important;
    }
  }

  .right {
    height: 100%;
    width: 84%;

    .title {
      font-size: 15px;
      height: 41px;
      line-height: 41px;
      // background-color: #ffffff;
      box-sizing: border-box;
      padding: 0 22px;
      // color: #282e49;
      border-bottom: 2px #ebf0fc solid;
      font-weight: 600;

      .right_value {
        // color: rgba(115, 121, 150, 100);

        font-size: 14px;

        span:first-child {
          opacity: 0.8;
          font-weight: 100;
        }

        .value {
          color: #5181f6;
        }
      }
    }

    .content {
      height: calc(100% - 41px);
      // background-color: #fff;
      box-sizing: border-box;
      padding: 15px 20px;

      .list_wrap {
        width: 100%;
        height: 85%;
        flex-wrap: wrap;

        .list {
          width: 30%;
          height: 160px;
          margin: 8px 18px;
          border: 1px solid rgba(225, 232, 250, 1);
          border-radius: 3px;
          box-sizing: border-box;
          padding: 10px 27px;
          line-height: 28px;
          opacity: 0.8;
          // color: rgba(39, 46, 71, 100);
          font-size: 14px;
          position: relative;
          cursor: pointer;

          .name {
            // color: rgba(39, 46, 71, 100);
            opacity: 1;
            font-size: 15px;
            font-weight: 600;
            overflow: hidden; //超出的文本隐藏
            text-overflow: ellipsis; //溢出用省略号显示
            white-space: nowrap; //溢出不换行
          }

          .btn_wrap {
            position: absolute;
            bottom: 5px;
            right: 15px;
            z-index: 100;
            // display: none;
          }

          .deleteList {
            position: absolute;
            top: 5px;
            right: 15px;
            z-index: 100;
          }
        }

        .list:hover {
          box-shadow: 0px 6px 12px 2px rgba(81, 129, 246, 0.18);
          border-color: #5181f6;
        }
      }
    }
  }
}

/deep/ .__view {
  min-height: calc(100% - 41px) !important;
}

/deep/ .el-checkbox__label {
  display: none;
}

.el-menu-vertical-demo {
  width: 100%;
}

.cooperatorDetail {
  width: 100%;
  height: 100%;
  background: #ffffff;
  box-sizing: border-box;

  .navigationTitle {
    //    border-bottom: 2px solid #ebf0fc;
    // margin-bottom: 15px;
  }
}

.nodata_wrap {
  width: 100%;
  text-align: center;
  height: 80%;
  padding-top: 20%;
  box-sizing: border-box;
  color: #c3d4fd;

  div {
    margin-top: 10px;
  }
}

.adddialog {
  position: relative;

  .dialog_content {
    height: 500px;
    overflow: auto;
  }

  ::-webkit-scrollbar {
    width: 2px;
  }

  .addpage {
    position: absolute;
    top: 80%;
    left: 37%;
  }
}
</style>