1533 lines
59 KiB
Vue
1533 lines
59 KiB
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>
|