|
|
<template> <div class="mod-config"> <!-- 查询条件 --> <el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> <el-form-item :label="'客户代码'"> <el-input v-model="searchData.customerNo" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'客户名称'"> <el-input v-model="searchData.customerDesc" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'客户状态'"> <el-select v-model="searchData.customerStatus" style="width: 120px"> <el-option label="全部" value=""></el-option> <el-option label="非客户" value="非客户"></el-option> <el-option label="潜在客户" value="潜在客户"></el-option> <el-option label="目标客户" value="目标客户"></el-option> </el-select> </el-form-item> <el-form-item :label="' '"> <el-button @click="getDataList()">查询</el-button> <el-button type="primary" @click="addModal()">新增</el-button> <el-button type="primary" @click="delModal()">删除</el-button> <download-excel :fields="fields()" :data="exportData" type="xls" :name="exportName" :header="exportHeader" :footer="exportFooter" :fetch="createExportData" :before-generate="startDownload" :before-finish="finishDownload" worksheet="导出信息" class="el-button el-button--primary el-button--medium"> {{ "导出" }} </download-excel> </el-form-item> </el-form> <!-- 客户列表 --> <el-table :height="height" :data="dataList" border ref="customerTable" @row-click="customerClickRow" @selection-change="selectionCustomer" @current-change="changeCurrentRow" v-loading="dataListLoading" style="width: 100%;"> <el-table-column type="selection" header-align="center" align="center" :selectable="selectFlag" width="50"> </el-table-column> <el-table-column v-for="(item,index) in columnList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed === ''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="100" label="操作"> <template slot-scope="scope"> <a type="text" size="small" @click="updateModal(scope.row)">编辑</a> <a type="text" size="small" @click="detailModal(scope.row)">详情</a> </template> </el-table-column> </el-table> <!-- 分页插件 --> <el-pagination style="margin-top: 0px" @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageIndex" :page-sizes="[20, 50, 100, 200, 500]" :page-size="pageSize" :total="totalPage" layout="total, sizes, prev, pager, next, jumper"> </el-pagination>
<!-- 客户模态框 --> <el-dialog :title="modalData.title" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="500px"> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="客户代码:" prop="customerNo" :rules="rules.customerNo"> <el-input v-model="modalData.customerNo" :disabled="modalDisableFlag" style="width: 222px"></el-input> </el-form-item> <el-form-item label="客户名称:" prop="customerDesc" :rules="rules.customerDesc"> <el-input v-model="modalData.customerDesc" :readonly="detailModalFlag" style="width: 222px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="客户描述:"> <textarea v-model="modalData.customerDescription" :readonly="detailModalFlag" style="width: 457px;height: 20px"></textarea> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="年营业额:"> <el-input v-model="modalData.turnoverOfYear" :readonly="detailModalFlag" style="width: 222px"></el-input> </el-form-item> <el-form-item label="年潜在收入:"> <el-input v-model="modalData.potentialRevenueOfYear" :readonly="detailModalFlag" style="width: 222px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="行业:" prop="customerIndustry" :rules="rules.customerIndustry"> <el-input v-model="modalData.customerIndustry" :readonly="detailModalFlag" style="width: 222px"></el-input> </el-form-item> <el-form-item label="币种:" prop="customerCurrency" :rules="rules.customerCurrency"> <el-select v-model="modalData.customerCurrency" :disabled="detailModalFlag" style="width: 222px"> <el-option label="RMB" value="RMB"></el-option> <el-option label="USD" value="USD"></el-option> </el-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="联系人:" prop="contactName" :rules="rules.contactName"> <el-input v-model="modalData.contactName" :readonly="detailModalFlag" style="width: 222px"></el-input> </el-form-item> <el-form-item label="联系电话:" prop="contactPhoneNumber1" :rules="rules.contactPhoneNumber1"> <el-input v-model="modalData.contactPhoneNumber1" :readonly="detailModalFlag" style="width: 222px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="公司名称:"> <el-input v-model="modalData.companyName" :readonly="detailModalFlag" style="width: 457px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="岗位描述:"> <el-input v-model="modalData.jobDescription" :readonly="detailModalFlag" style="width: 457px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="联系地址:"> <el-input v-model="modalData.addressName" :readonly="detailModalFlag" style="width: 457px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="备注信息:"> <el-input v-model="modalData.remark" :readonly="detailModalFlag" style="width: 457px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="关键客户:" prop="importantCustomer" :rules="rules.importantCustomer"> <el-select v-model="modalData.importantCustomer" :disabled="detailModalFlag" style="width: 222px"> <el-option label="是" value="Y"></el-option> <el-option label="否" value="N"></el-option> </el-select> </el-form-item> <el-form-item label="客户状态:" prop="customerStatus" :rules="rules.customerStatus"> <el-select v-model="modalData.customerStatus" :disabled="detailModalFlag" style="width: 222px"> <el-option label="非客户" value="非客户"></el-option> <el-option label="潜在客户" value="潜在客户"></el-option> <el-option label="目标客户" value="目标客户"></el-option> </el-select> </el-form-item> </el-form> <el-footer style="height:40px;margin-top: 10px;text-align:center"> <el-button v-if="modalData.flag !== '3'" type="primary" @click="saveData()">保存</el-button> <el-button type="primary" @click="modalFlag = false">关闭</el-button> </el-footer> </el-dialog> <!-- 客户联系人模态框 --> <el-dialog :title="contactModalData.title" :close-on-click-modal="false" v-drag :visible.sync="contactModalFlag" width="500px"> <el-form :inline="true" label-position="top" :model="contactModalData" :rules="contactRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="联系人:" prop="contactName" :rules="contactRules.contactName"> <el-input v-model="contactModalData.contactName" style="width: 222px"></el-input> </el-form-item> <el-form-item label="座机:"> <el-input v-model="contactModalData.contactLandlineNumber" :readonly="contactDetailModalFlag" style="width: 222px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="contactModalData" :rules="contactRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="联系电话(1):" prop="contactPhoneNumber1" :rules="contactRules.contactPhoneNumber1"> <el-input v-model="contactModalData.contactPhoneNumber1" :readonly="contactDetailModalFlag" style="width: 222px"></el-input> </el-form-item> <el-form-item label="联系电话(2):"> <el-input v-model="contactModalData.contactPhoneNumber2" :readonly="contactDetailModalFlag" style="width: 222px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="contactModalData" :rules="contactRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="联系电话(3):"> <el-input v-model="contactModalData.contactPhoneNumber3" :readonly="contactDetailModalFlag" style="width: 222px"></el-input> </el-form-item> <el-form-item label="公司职务:" prop="position" :rules="contactRules.position"> <el-input v-model="contactModalData.position" :readonly="contactDetailModalFlag" style="width: 222px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="contactModalData" :rules="contactRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="主联系人:" prop="primaryContact" :rules="contactRules.primaryContact"> <el-select v-model="contactModalData.primaryContact" :disabled="contactDetailModalFlag" style="width: 222px"> <el-option label="是" value="Y"></el-option> <el-option label="否" value="N"></el-option> </el-select> </el-form-item> <el-form-item label="状态:" prop="contactStatus" :rules="contactRules.contactStatus"> <el-select v-model="contactModalData.contactStatus" :disabled="contactDetailModalFlag" style="width: 222px"> <el-option label="启用" value="启用"></el-option> <el-option label="停用" value="停用"></el-option> </el-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="contactModalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="邮箱:"> <el-input v-model="contactModalData.mailbox" :readonly="contactDetailModalFlag" style="width: 457px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="contactModalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="备注信息:"> <el-input v-model="contactModalData.remark" :readonly="contactDetailModalFlag" style="width: 457px"></el-input> </el-form-item> </el-form> <el-footer style="height:40px;margin-top: 10px;text-align:center"> <el-button v-if="contactModalData.flag !== '3'" type="primary" @click="saveContactData()">保存</el-button> <el-button type="primary" @click="contactModalFlag = false">关闭</el-button> </el-footer> </el-dialog> <!-- 客户联系地址模态框 --> <el-dialog :title="addressModalData.title" :close-on-click-modal="false" v-drag :visible.sync="addressModalFlag" width="500px"> <el-form :inline="true" label-position="top" :model="addressModalData" :rules="addressRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="地址:" prop="addressName" :rules="addressRules.addressName"> <el-input v-model="addressModalData.addressName" style="width: 457px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="addressModalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="单位:"> <el-input v-model="addressModalData.unit" :readonly="addressDetailModalFlag" style="width: 457px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="addressModalData" :rules="addressRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="主要地址:" prop="primaryAddress" :rules="addressRules.primaryAddress"> <el-select v-model="addressModalData.primaryAddress" :disabled="addressDetailModalFlag" style="width: 222px"> <el-option label="是" value="Y"></el-option> <el-option label="否" value="N"></el-option> </el-select> </el-form-item> <el-form-item label="状态:" prop="addressStatus" :rules="addressRules.addressStatus"> <el-select v-model="addressModalData.addressStatus" :disabled="addressDetailModalFlag" style="width: 222px"> <el-option label="启用" value="启用"></el-option> <el-option label="停用" value="停用"></el-option> </el-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="addressModalData" :rules="addressRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="地址类型:" prop="addressType" :rules="addressRules.addressType"> <el-select v-model="addressModalData.addressType" :disabled="addressDetailModalFlag" style="width: 457px"> <el-option label="类型1" value="类型1"></el-option> <el-option label="类型2" value="类型2"></el-option> </el-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="addressModalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="备注信息:"> <el-input v-model="addressModalData.remark" :readonly="addressDetailModalFlag" style="width: 457px"></el-input> </el-form-item> </el-form> <el-footer style="height:40px;margin-top: 10px;text-align:center"> <el-button v-if="addressModalData.flag !== '3'" type="primary" @click="saveAddressData()">保存</el-button> <el-button type="primary" @click="addressModalFlag = false">关闭</el-button> </el-footer> </el-dialog> <!-- 客户项目信息模态框 --> <el-dialog :title="projectInformationModalData.title" :close-on-click-modal="false" v-drag :visible.sync="projectInformationModalFlag" width="600px"> <el-form :inline="true" label-position="top" :model="projectInformationModalData" :rules="projectInformationRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item :label="'项目层级'"> <el-select v-model="projectInformationModalData.projectLevel" :readonly="projectInformationDetailModalFlag" style="width: 130px"> <el-option label="一级" value=1></el-option> <el-option label="二级" value=2></el-option> <el-option label="三级" value=3></el-option> </el-select> </el-form-item> <el-form-item :label="'项目号'"> <el-input v-model="projectInformationModalData.projectId" :readonly="projectInformationDetailModalFlag" style="width: 130px"></el-input> </el-form-item> <el-form-item prop="projectType" :rules="projectInformationRules.projectType"> <span v-if="projectInformationModalData.flag === '3'" slot="label"><a herf="#">项目类型</a></span> <span v-if="projectInformationModalData.flag !== '3'" slot="label" @click="getBaseList(1010,1)"><a herf="#">项目类型</a></span> <el-input v-if="projectInformationModalData.flag === '3'" v-model="projectInformationModalData.projectType" readonly style="width: 130px"></el-input> <el-input v-if="projectInformationModalData.flag !== '3'" v-model="projectInformationModalData.projectType" @focus="getBaseList(1010,1)" readonly style="width: 130px"></el-input> </el-form-item> <el-form-item :label="'所属客户'"> <el-input v-model="projectInformationModalData.customerName" disabled style="width: 130px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="projectInformationModalData" :rules="projectInformationRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item :label="'项目名称'" prop="projectName" :rules="projectInformationRules.projectName"> <el-input v-model="projectInformationModalData.projectName" :readonly="projectInformationDetailModalFlag" style="width: 562px" ></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="projectInformationModalData" :rules="projectInformationRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item :label="'项目描述'"> <el-input v-model="projectInformationModalData.projectDesc" :readonly="projectInformationDetailModalFlag" style="width: 562px" ></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="projectInformationModalData" :rules="projectInformationRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item prop="projectSourceDesc" :rules="projectInformationRules.projectSourceDesc"> <span slot="label" v-if="projectInformationModalData.flag === '3'"><a herf="#">项目来源</a></span> <span slot="label" v-if="projectInformationModalData.flag !== '3'" @click="getBaseList(1011,1)"><a herf="#">项目来源</a></span> <el-input v-if="projectInformationModalData.flag === '3'" v-model="projectInformationModalData.projectSourceDesc" readonly style="width: 130px"></el-input> <el-input v-if="projectInformationModalData.flag !== '3'" v-model="projectInformationModalData.projectSourceDesc" readonly @focus="getBaseList(1011,1)" style="width: 130px"></el-input> </el-form-item> <el-form-item prop="priorityDesc" :rules="projectInformationRules.priorityDesc"> <span slot="label" v-if="projectInformationModalData.flag === '3'"><a herf="#">优先级</a></span> <span slot="label" v-if="projectInformationModalData.flag !== '3'" @click="getBaseList(1012,1)"><a herf="#">优先级</a></span> <el-input v-if="projectInformationModalData.flag === '3'" v-model="projectInformationModalData.priorityDesc" readonly style="width: 130px"></el-input> <el-input v-if="projectInformationModalData.flag !== '3'" v-model="projectInformationModalData.priorityDesc" readonly @focus="getBaseList(1012,1)" style="width: 130px"></el-input> </el-form-item> <el-form-item :label="'要求日期'" prop="needDate" :rules="projectInformationRules.needDate"> <el-date-picker style="width: 130px" v-model="projectInformationModalData.needDate" :readonly="projectInformationDetailModalFlag" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="projectInformationModalData" :rules="projectInformationRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item prop="projectManagerName" :rules="projectInformationRules.projectManagerName"> <span slot="label" v-if="projectInformationModalData.flag === '3'"><a herf="#">项目经理</a></span> <span slot="label" v-if="projectInformationModalData.flag !== '3'" @click="managerChooseModal()"><a herf="#">项目经理</a></span> <el-input v-if="projectInformationModalData.flag === '3'" v-model="projectInformationModalData.projectManagerName" readonly style="width: 274px"></el-input> <el-input v-if="projectInformationModalData.flag !== '3'" v-model="projectInformationModalData.projectManagerName" readonly style="width: 274px" @focus="managerChooseModal()"></el-input> </el-form-item> <el-form-item prop="projectOwnerName" :rules="projectInformationRules.projectOwnerName"> <span slot="label" v-if="projectInformationModalData.flag === '3'"><a herf="#">项目负责人</a></span> <span slot="label" v-if="projectInformationModalData.flag !== '3'" @click="ownerChooseModal()"><a herf="#">项目负责人</a></span> <el-input v-if="projectInformationModalData.flag === '3'" v-model="projectInformationModalData.projectOwnerName" readonly style="width: 274px"></el-input> <el-input v-if="projectInformationModalData.flag !== '3'" v-model="projectInformationModalData.projectOwnerName" readonly @focus="ownerChooseModal()" style="width: 274px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="projectInformationModalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item :label="'客户应用/要求'"> <el-input v-model="projectInformationModalData.customerRemark" :readonly="projectInformationDetailModalFlag" style="width: 562px" ></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="projectInformationModalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item :label="'其他要求'"> <el-input v-model="projectInformationModalData.remark" :readonly="projectInformationDetailModalFlag" style="width: 562px" ></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="projectInformationModalData" :rules="projectInformationRules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item prop="userRoleName" :rules="projectInformationRules.userRoleName"> <span slot="label" v-if="projectInformationModalData.flag === '3'"><a herf="#">项目权限</a></span> <span slot="label" v-if="projectInformationModalData.flag !== '3'" @click="userRollModal()"><a herf="#">项目权限</a></span> <el-input v-if="projectInformationModalData.flag === '3'" v-model="projectInformationModalData.userRoleName" readonly style="width: 562px"></el-input> <el-input v-if="projectInformationModalData.flag !== '3'" v-model="projectInformationModalData.userRoleName" readonly @focus="userRollModal()" style="width: 562px"></el-input> </el-form-item> </el-form> <el-footer style="height:40px;margin-top: 10px;text-align:center"> <el-button v-if="projectInformationModalData.flag !== '3'" type="primary" @click="saveProjectInformationData()">保存</el-button> <el-button type="primary" @click="projectInformationModalFlag = false">关闭</el-button> </el-footer> </el-dialog>
<!-- 页签 --> <el-tabs v-model="activeTable" style="margin-top: 0px; width: 100%; height: 100%;" type="border-card" @tab-click="tabClick" class="customer-tab"> <!-- 联系人页签 --> <el-tab-pane label="联系人" name="customer_contact"> <el-form label-position="top" style="margin-top: 5px; margin-left: 0px;"> <el-form :inline="true" label-position="top" style="margin-top: 5px"> <el-button type="primary" @click="contactSaveModal()">新增</el-button> <el-button type="primary" @click="contactDeleteModal()">删除</el-button> </el-form> </el-form> <el-table :data="contactList" :height="secondHeight" border ref="contactTable" @row-click="contactClickRow" @selection-change="selectionContact" v-loading="dataListLoading" style="width: 100%; "> <el-table-column type="selection" header-align="center" align="center" :selectable="selectFlag" width="50"> </el-table-column> <el-table-column v-for="(item,index) in customerContactArray" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed === '' ? false : item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="100" label="操作"> <template slot-scope="scope"> <a type="text" size="small" @click="updateContactModal(scope.row)">编辑</a> <a type="text" size="small" @click="detailContactModal(scope.row)">详情</a> </template> </el-table-column> </el-table> </el-tab-pane> <!-- 联系地址页签 --> <el-tab-pane label="联系地址" name="customer_address"> <el-form :inline="true" label-position="top" style="margin-top: 5px"> <el-button type="primary" @click="addressSaveModal()">新增</el-button> <el-button type="primary" @click="addressDeleteModal()">删除</el-button> </el-form> <el-table :data="addressList" :height="secondHeight" border ref="addressTable" @row-click="addressClickRow" @selection-change="selectionAddress" v-loading="dataListLoading" style="width: 100%;"> <el-table-column type="selection" header-align="center" align="center" :selectable="selectFlag" width="50"> </el-table-column> <el-table-column v-for="(item,index) in customerAddressArray" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed === '' ? false : item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="100" label="操作"> <template slot-scope="scope"> <a type="text" size="small" @click="updateAddressModal(scope.row)">编辑</a> <a type="text" size="small" @click="detailAddressModal(scope.row)">详情</a> </template> </el-table-column> </el-table> </el-tab-pane> <!-- 项目信息页签 --> <el-tab-pane label="项目信息" name="project_information"> <el-form :inline="true" label-position="top" style="margin-top: 5px"> <el-button type="primary" @click="projectInformationSaveModal()">新增</el-button> </el-form> <el-table :data="projectInformationList" :height="secondHeight" border ref="projectInformationTable" @row-click="projectInformationClickRow" @selection-change="selectionProjectInformation" v-loading="dataListLoading" style="width: 100%;"> <el-table-column type="selection" header-align="center" align="center" :selectable="selectFlag" width="50"> </el-table-column> <el-table-column v-for="(item,index) in projectInformationArray" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed === '' ? false : item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="100" label="操作"> <template slot-scope="scope"> <a type="text" size="small" @click="updateProjectInformationModal(scope.row)">编辑</a> <a type="text" size="small" @click="detailProjectInformationModal(scope.row)">详情</a> </template> </el-table-column> </el-table> </el-tab-pane> </el-tabs>
<!-- 项目经理选择模态框 --> <el-dialog width="620px" title="项目经理" :close-on-click-modal="false" :visible.sync="managerFlag"> <el-transfer ref="managerTransfer" v-model="projectManagerList" :props="{key: 'operatorId',label: 'operatorName'}" :data="operatorList" :titles="['未选择', '已选择']"> </el-transfer> <span slot="footer" class="dialog-footer"> <div style="margin-top: 5px"> <el-button type="primary" @click="saveManagerList()">确定</el-button> <el-button type="primary" @click="managerFlag=false">取消</el-button> </div> </span> </el-dialog> <!-- 项目负责人选择模态框 --> <el-dialog width="620px" title="项目负责人" :close-on-click-modal="false" :visible.sync="ownerFlag"> <el-transfer ref="ownerTransfer" v-model="projectOwnerList" :props="{key: 'operatorId',label: 'operatorName'}" :data="operatorList" :titles="['未选择', '已选择']"> </el-transfer> <span slot="footer" class="dialog-footer"> <div style="margin-top: 5px"> <el-button type="primary" @click="saveOwnerList()">确定</el-button> <el-button type="primary" @click="ownerFlag=false">取消</el-button> </div> </span> </el-dialog> <!-- 项目权限选择模态框 --> <el-dialog width="530px" title="权限" :close-on-click-modal="false" :visible.sync="userRoleFlag"> <el-table :data="userRoleList" border :height="300" v-loading="false" style="width: 100%;"> <el-table-column prop="username" header-align="center" align="center" min-width="35" label="账号"> </el-table-column> <el-table-column prop="userDisplay" header-align="center" align="center" min-width="35" label="姓名"> </el-table-column> <el-table-column prop="" header-align="center" align="center" min-width="30" label=""> <template slot-scope="scope"> <!-- 如果数据为Y，显示勾选框，否则不勾选 --> <el-checkbox v-model="scope.row.checkAll" @change="changeAll(scope.row)"></el-checkbox> </template> </el-table-column> <el-table-column prop="" header-align="center" align="center" min-width="30" label="查询"> <template slot-scope="scope"> <!-- 如果数据为Y，显示勾选框，否则不勾选 --> <el-checkbox v-model="scope.row.searchCheck" @change="changeCheck(scope.row,1)"></el-checkbox> </template> </el-table-column> <el-table-column prop="" header-align="center" align="center" min-width="30" label="修改"> <template slot-scope="scope"> <!-- 如果数据为Y，显示勾选框，否则不勾选 --> <el-checkbox v-model="scope.row.updateCheck" @change="changeCheck(scope.row,2)"></el-checkbox> </template> </el-table-column> <el-table-column prop="" header-align="center" align="center" min-width="30" label="下载"> <template slot-scope="scope"> <!-- 如果数据为Y，显示勾选框，否则不勾选 --> <el-checkbox v-model="scope.row.downCheck" @change="changeCheck(scope.row,3)"></el-checkbox> </template> </el-table-column> <el-table-column prop="" header-align="center" align="center" min-width="30" label="删除"> <template slot-scope="scope"> <!-- 如果数据为Y，显示勾选框，否则不勾选 --> <el-checkbox v-model="scope.row.deleteCheck" @change="changeCheck(scope.row,4)"></el-checkbox> </template> </el-table-column> </el-table> <span slot="footer" class="dialog-footer"> <div style="margin-top: 5px"> <el-button type="primary" @click="saveUserList()">确定</el-button> <el-button type="primary" @click="userRoleFlag = false">取消</el-button> </div> </span> </el-dialog>
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> </div></template>
<script> import { customerInformationSearch, // 客户信息列表查询
customerInformationSave, // 客户信息新增
customerInformationEdit, // 客户信息编辑
customerInformationDelete, // 客户信息删除
} from '@/api/customer/customerInformation.js' import { customerContactSearch, // 客户联系人列表查询
customerContactSave, // 客户联系人新增
customerContactEdit, // 客户联系人编辑
customerContactDelete, // 客户联系人删除
} from '@/api/customer/customerContact.js' import { customerAddressSearch, // 客户联系地址列表查询
customerAddressSave, // 客户联系地址新增
customerAddressEdit, // 客户联系地址编辑
customerAddressDelete, // 客户联系地址删除
} from '@/api/customer/customerAddress.js' import { projectInformationSearch, // 客户项目信息列表查询
projectInformationSave, // 客户项目信息新增
projectInformationEdit, // 客户项目信息编辑
projectInformationDelete, // 客户项目信息删除
} from '@/api/customer/projectInformation.js' import { searchOperatorWithSite, searchProjectTeamStr, searchUserRoll, saveProjectInfo } from "@/api/project/project.js" import Chooselist from '@/views/modules/common/Chooselist' export default { components: { Chooselist }, watch: { searchData: { deep: true, handler: function (newV, oldV) { this.searchData.customerNo = this.searchData.customerNo.toUpperCase() } }, modalData: { deep: true, handler: function (newV, oldV) { this.modalData.customerNo = this.modalData.customerNo.toUpperCase() } } }, data () { return { // 导出
exportData: [], exportName: '设备分类' + this.dayjs().format('YYYYMMDDHHmmss'), exportHeader: ['设备分类'], exportFooter: [], resultList: [], // ======== 行高 ========
height: 200, secondHeight: 200, // ======== 分页 ========
pageIndex: 1, pageSize: 50, totalPage: 0, // 条件查询
searchData: { site: this.$store.state.user.site, customerNo: '', customerDesc: '', customerStatus: '', active: 'Y', page: 1, limit: 10 }, // 其它
dataListLoading: false, // 初始页签
activeTable: 'customer_contact', // ======== 数据对象 ========
modalData: { flag: '', title: '', site: this.$store.state.user.site, customerNo: '', customerDesc: '', customerDescription: '', customerIndustry: '', customerCurrency: '', turnoverOfYear: '', potentialRevenueOfYear: '', importantCustomer: '', customerStatus: '', companyName: '', jobDescription: '', remark: '', contactName: '', contactPhoneNumber1: '', createDate: '', createBy: '', updateDate: '', updateBy: '', primaryContact: '', contactStatus: '', addressName: '' }, contactModalData: { flag: '', title: '', site: this.$store.state.user.site, customerNo: '', contactId: '', contactName: '', contactLandlineNumber: '', contactPhoneNumber1: '', contactPhoneNumber2: '', contactPhoneNumber3: '', position: '', mailbox: '', primaryContact: '', contactStatus: '', remark: '', createDate: '', createBy: '', updateDate: '', updateBy: '' }, addressModalData: { flag: '', title: '', site: this.$store.state.user.site, customerNo: '', addressId: '', addressName: '', unit: '', primaryAddress: '', addressStatus: '', addressType: '', remark: '', createDate: '', createBy: '', updateDate: '', updateBy: '' }, projectInformationModalData: { flag: '', title: '', site: this.$store.state.user.site, customerNo: '', addressId: '', addressName: '', unit: '', primaryAddress: '', addressStatus: '', addressType: '', remark: '', createDate: '', createBy: '', updateDate: '', updateBy: '', projectManagerList: [] }, // ======== 数据列表 ========
dataList: [], contactList: [], addressList: [], projectInformationList: [], // ======== 列表表头 ========
columnList: [ { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1CustomerNo', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'customerNo', headerAlign: 'center', align: 'center', columnLabel: '客户代码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1CustomerDesc', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'customerDesc', headerAlign: 'center', align: 'center', columnLabel: '客户名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1CustomerCurrency', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'customerCurrency', headerAlign: 'center', align: 'center', columnLabel: '客户币种', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1TurnoverOfYear', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'turnoverOfYear', headerAlign: 'center', align: 'center', columnLabel: '年营业额', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1PotentialRevenueOfYear', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'potentialRevenueOfYear', headerAlign: 'center', align: 'center', columnLabel: '年度潜在收入', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1ImportantCustomer', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'importantCustomer', headerAlign: 'center', align: 'center', columnLabel: '关键客户', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1CustomerStatus', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'customerStatus', headerAlign: 'center', align: 'center', columnLabel: '客户状态', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1CreateDate', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'createDate', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1CreateBy', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'createBy', headerAlign: 'center', align: 'center', columnLabel: '创建人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1UpdateDate', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'updateDate', headerAlign: 'center', align: 'center', columnLabel: '更新时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table1UpdateBy', tableId: '101001Table1', tableName: '客户信息表', columnProp: 'updateBy', headerAlign: 'center', align: 'center', columnLabel: '更新人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' } ], customerContactArray: [ { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2ContactName', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'contactName', headerAlign: 'center', align: 'center', columnLabel: '联系人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2ContactPhoneNumber1', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'contactPhoneNumber1', headerAlign: 'center', align: 'center', columnLabel: '联系电话', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2ContactLandlineNumber', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'contactLandlineNumber', headerAlign: 'center', align: 'center', columnLabel: '座机', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2Position', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'position', headerAlign: 'center', align: 'center', columnLabel: '公司职务', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2Mailbox', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'mailbox', headerAlign: 'center', align: 'center', columnLabel: '邮箱', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2PrimaryContact', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'primaryContact', headerAlign: 'center', align: 'center', columnLabel: '主联系人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2ContactStatus', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'contactStatus', headerAlign: 'center', align: 'center', columnLabel: '状态', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2CreateDate', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'createDate', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2CreateBy', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'createBy', headerAlign: 'center', align: 'center', columnLabel: '创建人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2UpdateDate', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'updateDate', headerAlign: 'center', align: 'center', columnLabel: '更新时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table2UpdateBy', tableId: '101001Table2', tableName: '客户联系人表', columnProp: 'updateBy', headerAlign: 'center', align: 'center', columnLabel: '更新人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' } ], customerAddressArray: [ { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table3AddressName', tableId: '101001Table3', tableName: '客户联系地址表', columnProp: 'addressName', headerAlign: 'center', align: 'center', columnLabel: '地址', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table3Unit', tableId: '101001Table3', tableName: '客户联系地址表', columnProp: 'unit', headerAlign: 'center', align: 'center', columnLabel: '单位', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table3AddressType', tableId: '101001Table3', tableName: '客户联系地址表', columnProp: 'addressType', headerAlign: 'center', align: 'center', columnLabel: '地址类型', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table3Active', tableId: '101001Table3', tableName: '客户联系地址表', columnProp: 'primaryAddress', headerAlign: 'center', align: 'center', columnLabel: '主要地址', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table3AddressStatus', tableId: '101001Table3', tableName: '客户联系地址表', columnProp: 'addressStatus', headerAlign: 'center', align: 'center', columnLabel: '状态', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table3CreateDate', tableId: '101001Table3', tableName: '客户联系地址表', columnProp: 'createDate', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table3CreateBy', tableId: '101001Table3', tableName: '客户联系地址表', columnProp: 'createBy', headerAlign: 'center', align: 'center', columnLabel: '创建人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table3UpdateDate', tableId: '101001Table3', tableName: '客户联系地址表', columnProp: 'updateDate', headerAlign: 'center', align: 'center', columnLabel: '更新时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table3UpdateBy', tableId: '101001Table3', tableName: '客户联系地址表', columnProp: 'updateBy', headerAlign: 'center', align: 'center', columnLabel: '更新人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' } ], projectInformationArray: [ { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table4ProjectId', tableId: '101001Table4', tableName: '客户项目信息表', columnProp: 'projectId', headerAlign: 'center', align: 'center', columnLabel: '项目号', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table4ProjectName', tableId: '101001Table4', tableName: '客户项目信息表', columnProp: 'projectName', headerAlign: 'center', align: 'center', columnLabel: '项目名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table4ProjectType', tableId: '101001Table4', tableName: '客户项目信息表', columnProp: 'projectType', headerAlign: 'center', align: 'center', columnLabel: '项目类型', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table4ProjectDesc', tableId: '101001Table4', tableName: '客户项目信息表', columnProp: 'projectDesc', headerAlign: 'center', align: 'center', columnLabel: '项目描述', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table4Status', tableId: '101001Table4', tableName: '客户项目信息表', columnProp: 'status', headerAlign: 'center', align: 'center', columnLabel: '项目状态', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table4ProjectOwnerName', tableId: '101001Table4', tableName: '客户项目信息表', columnProp: 'projectOwnerName', headerAlign: 'center', align: 'center', columnLabel: '项目负责人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table4CreateDate', tableId: '101001Table4', tableName: '客户项目信息表', columnProp: 'createDate', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table4CreateBy', tableId: '101001Table4', tableName: '客户项目信息表', columnProp: 'createBy', headerAlign: 'center', align: 'center', columnLabel: '创建人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table4UpdateDate', tableId: '101001Table4', tableName: '客户项目信息表', columnProp: 'updateDate', headerAlign: 'center', align: 'center', columnLabel: '更新时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' }, { userId: this.$store.state.user.name, functionId: 101001, serialNumber: '101001Table4UpdateBy', tableId: '101001Table4', tableName: '客户项目信息表', columnProp: 'updateBy', headerAlign: 'center', align: 'center', columnLabel: '更新人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '' } ], // ======== 必填规则 ========
rules: { customerNo: [ { required: true, message: ' ', trigger: 'change' } ], customerDesc: [ { required: true, message: ' ', trigger: 'change' } ], customerIndustry: [ { required: true, message: ' ', trigger: 'change' } ], customerCurrency: [ { required: true, message: ' ', trigger: 'change' } ], contactName: [ { required: true, message: ' ', trigger: 'change' } ], contactPhoneNumber1: [ { required: true, message: ' ', trigger: 'change' } ], importantCustomer: [ { required: true, message: ' ', trigger: 'change' } ], customerStatus: [ { required: true, message: ' ', trigger: 'change' } ], }, contactRules: { contactName: [ { required: true, message: ' ', trigger: 'change' } ], position: [ { required: true, message: ' ', trigger: 'change' } ], primaryContact: [ { required: true, message: ' ', trigger: 'change' } ], contactStatus: [ { required: true, message: ' ', trigger: 'change' } ], contactPhoneNumber1: [ { required: true, message: ' ', trigger: 'change' } ] }, addressRules: { addressName: [ { required: true, message: ' ', trigger: 'change' } ], primaryAddress: [ { required: true, message: ' ', trigger: 'change' } ], addressStatus: [ { required: true, message: ' ', trigger: 'change' } ], addressType: [ { required: true, message: ' ', trigger: 'change' } ] }, projectInformationRules: { projectType: [ { required: true, message: ' ', trigger: 'change' } ], projectName: [ { required: true, message: ' ', trigger: 'change' } ], projectSourceDesc: [ { required: true, message: ' ', trigger: 'change' } ], priorityDesc: [ { required: true, message: ' ', trigger: 'change' } ], needDate: [ { required: true, message: ' ', trigger: 'change' } ], projectManagerName: [ { required: true, message: ' ', trigger: 'change' } ], projectOwnerName: [ { required: true, message: ' ', trigger: 'change' } ], userRoleName: [ { required: true, message: ' ', trigger: 'change' } ] }, // ======== 复选数据集 ========
customerSelections: [], contactSelections: [], addressSelections: [], projectInformationSelections: [], // ======== 选中的当前行数据 ========
customerCurrentRow: {}, contactCurrentRow:{}, addressCurrentRow:{}, projectInformationCurrentRow:{}, // ======== 模态框开关控制 ========
modalFlag: false, modalDisableFlag: false, detailModalFlag: false, contactModalFlag: false, contactDetailModalFlag: false, addressModalFlag: false, addressDetailModalFlag: false, projectInformationModalFlag: false, projectInformationDetailModalFlag: false, // ======== 客户项目相关 ========
operatorList:[], projectManagerList:[], projectOwnerList: [], userRoleList: [], managerFlag: false, ownerFlag:false, userRoleFlag:false, } }, mounted () { this.$nextTick(() => { this.height = window.innerHeight / 2 - 30; /*第二个表格高度的动态调整*/ this.secondHeight = window.innerHeight / 2 - 206; }) }, created () { this.getDataList() }, methods: { // ======== 分页相关方法 ========
/** * 每页数 * @param val */ sizeChangeHandle (val) { this.pageSize = val this.pageIndex = 1 this.getDataList() }, /** * 当前页 * @param val */ currentChangeHandle (val) { this.pageIndex = val this.getDataList() },
// ======== 列表选择相关方法 ========
selectFlag () { return true; },
// ======== 页签切换相关方法 ========
/** * 列表表格选择替换 * @param tab * @param event */ tabClick (tab, event) { // 刷新列表数据
this.refreshCurrentTabTable() }, /** * 当前值发生变化的时候修改 * @param row * @param oldRow */ changeCurrentRow (row, oldRow) { // 判断是否是获取焦点的事件
if(row){ this.customerCurrentRow = JSON.parse(JSON.stringify(row)); //刷新当前页表
this.refreshCurrentTabTable(); } }, /** * 刷新页签的table数据 */ refreshCurrentTabTable () { if (this.activeTable === 'customer_contact') { this.getCustomerContactList(); } else if (this.activeTable === 'customer_address') { this.getCustomerAddressList(); } else if (this.activeTable === 'project_information') { this.getProjectInformationList(); } },
// ======== 列表数据刷新方法 ========
/** * 获取数据列表 */ getDataList () { this.searchData.limit = this.pageSize this.searchData.page = this.pageIndex customerInformationSearch(this.searchData).then(({data}) => { if (data.code === 0) { this.dataList = data.page.list this.pageIndex = data.page.currPage this.pageSize = data.page.pageSize this.totalPage = data.page.totalCount //判断是否全部存在数据
if(this.totalPage > 0){ //设置选中行
this.$refs.customerTable.setCurrentRow(this.dataList[0]); this.refreshCurrentTabTable();//加载当前的页签的table
} } this.dataListLoading = false }) }, /** * 刷新客户联系人的列表 */ getCustomerContactList () { let tempData = { site: this.$store.state.user.site, customerNo: this.customerCurrentRow.customerNo } customerContactSearch(tempData).then(({data}) => { if (data && data.code === 0) { this.contactList = data.rows; } else { this.contactList = []; } }); }, /** * 刷新客户联系地址的列表 */ getCustomerAddressList () { let tempData = { site: this.$store.state.user.site, customerNo: this.customerCurrentRow.customerNo } customerAddressSearch(tempData).then(({data}) => { if (data && data.code === 0) { this.addressList = data.rows; } else { this.addressList = []; } }); }, /** * 刷新客户项目信息的列表 */ getProjectInformationList () { let tempData = { site: this.$store.state.user.site, customerId: this.customerCurrentRow.customerNo } projectInformationSearch(tempData).then(({data}) => { if (data && data.code === 0) { this.projectInformationList = data.rows; } else { this.projectInformationList = []; } }); },
// ======== 新增模态框 ========
/** * 客户信息新增模态框 */ addModal () { this.modalData = { flag: '1', title: '客户新增', site: this.$store.state.user.site, customerNo: '', customerDesc: '', customerDescription: '', customerIndustry: '', customerCurrency: '', turnoverOfYear: '', potentialRevenueOfYear: '', importantCustomer: '', customerStatus: '', companyName: '', jobDescription: '', remark: '', contactName: '', contactPhoneNumber1: '', primaryContact: '', contactStatus: '', addressName: '', primaryAddress: 'Y', addressStatus: '启用', addressType: '类型一', createBy: this.$store.state.user.name } this.modalDisableFlag = false this.detailModalFlag = false this.modalFlag = true }, /** * 客户联系人新增模态框 */ contactSaveModal () { this.contactModalData = { flag: '1', title: '联系人新增', site: this.$store.state.user.site, customerNo: this.customerCurrentRow.customerNo, contactId: '', contactName: '', contactLandlineNumber: '', contactPhoneNumber1: '', contactPhoneNumber2: '', contactPhoneNumber3: '', position: '', mailbox: '', primaryContact: '', contactStatus: '', remark: '', createDate: '', createBy: this.$store.state.user.name, } this.contactDetailModalFlag = false this.contactModalFlag = true }, /** * 客户联系地址新增模态框 */ addressSaveModal () { this.addressModalData = { flag: '1', title: '联系地址新增', site: this.$store.state.user.site, customerNo: this.customerCurrentRow.customerNo, addressId: '', addressName: '', unit: '', primaryAddress: '', addressStatus: '', addressType: '', remark: '', createDate: '', createBy: this.$store.state.user.name, } this.addressDetailModalFlag = false this.addressModalFlag = true }, /** * 客户项目信息新增模态框 */ projectInformationSaveModal () { this.projectInformationModalData = { flag: '1', title: '项目信息新增', site: this.$store.state.user.site, id: 0, projectLevel: '', projectId: '', projectType: '', projectTypeDb: '', customerId: this.customerCurrentRow.customerNo, customerName: this.customerCurrentRow.customerDesc, projectName: '', projectDesc: '', projectSource: '', projectSourceDesc: '', priority: '', priorityDesc: '', needDate: '', projectManagerName: '', projectOwnerName: '', customerRemark: '', remark: '', status: '', userRoleName: '', projectManagerList: [], projectOwnerList: [], userRoleList: [], createDate: '', createBy: this.$store.state.user.name } this.projectInformationDetailModalFlag = false this.projectInformationModalFlag = true },
// ======== 编辑模态框 ========
/** * 客户信息编辑模态框 * @param row */ updateModal (row) { this.modalData = { flag: '2', title: '客户编辑', site: row.site, customerNo: row.customerNo, customerDesc: row.customerDesc, customerDescription: row.customerDescription, customerIndustry: row.customerIndustry, customerCurrency: row.customerCurrency, turnoverOfYear: row.turnoverOfYear, potentialRevenueOfYear: row.potentialRevenueOfYear, importantCustomer: row.importantCustomer, customerStatus: row.customerStatus, companyName: row.companyName, jobDescription: row.jobDescription, remark: row.remark, contactName: row.contactName, contactPhoneNumber1: row.contactPhoneNumber1, primaryContact: 'Y', contactStatus: row.contactStatus, addressName: row.addressName, primaryAddress: 'Y', updateBy: this.$store.state.user.name } this.modalDisableFlag = true this.detailModalFlag = false this.modalFlag = true }, /** * 客户联系人编辑模态框 * @param row */ updateContactModal (row) { this.contactModalData = { flag: '2', title: '联系人编辑', site: row.site, customerNo: row.customerNo, contactId: row.contactId, contactName: row.contactName, contactLandlineNumber: row.contactLandlineNumber, contactPhoneNumber1: row.contactPhoneNumber1, contactPhoneNumber2: row.contactPhoneNumber2, contactPhoneNumber3: row.contactPhoneNumber3, position: row.position, mailbox: row.mailbox, primaryContact: row.primaryContact, contactStatus: row.contactStatus, remark: row.remark, updateDate: '', updateBy: this.$store.state.user.name } this.contactDetailModalFlag = false this.contactModalFlag = true }, /** * 客户联系地址编辑模态框 * @param row */ updateAddressModal (row) { this.addressModalData = { flag: '2', title: '联系地址编辑', site: row.site, customerNo: row.customerNo, addressId: row.addressId, addressName: row.addressName, unit: row.unit, primaryAddress: row.primaryAddress, addressStatus: row.addressStatus, addressType: row.addressType, remark: row.remark, updateDate: '', updateBy: this.$store.state.user.name } this.addressDetailModalFlag = false this.addressModalFlag = true }, /** * 客户项目信息编辑模态框 * @param row */ updateProjectInformationModal (row) { this.projectInformationModalData = { flag: '2', title: '项目信息编辑', site: row.site, id: row.id, projectLevel: row.projectLevel, projectId: row.projectId, projectType: row.projectType, projectTypeDb: row.projectTypeDb, customerId: row.customerId, customerName: row.customerName, projectName: row.projectName, projectDesc: row.projectDesc, projectSource: row.projectSource, projectSourceDesc: row.projectSourceDesc, priority: row.priority, priorityDesc: row.priorityDesc, needDate: row.needDate, projectManagerName: row.projectManagerName, projectOwnerName: row.projectOwnerName, customerRemark: row.customerRemark, remark: row.remark, status: row.status, userRoleName: row.userRoleName, projectManagerList: [], projectOwnerList: [], userRoleList: [], updateDate: '', updateBy: this.$store.state.user.name } // 查询项目经理、负责人、权限列表
let inData = { site: this.projectInformationModalData.site, projectId: this.projectInformationModalData.projectId, type: 'manager' } searchProjectTeamStr(inData).then(({data}) => { this.projectInformationModalData.projectManagerList = data.rows }) let inData2 = { site: this.projectInformationModalData.site, projectId: this.projectInformationModalData.projectId, type: 'owner' } searchProjectTeamStr(inData2).then(({data}) => { this.projectInformationModalData.projectOwnerList = data.rows }) let inData3 = { site: this.projectInformationModalData.site, projectId: this.projectInformationModalData.projectId } searchUserRoll(inData3).then(({data}) => { this.projectInformationModalData.userRoleList = data.rows }) this.projectInformationDetailModalFlag = false this.projectInformationModalFlag = true },
// ======== 详情模态框 ========
/** * 客户信息详情模态框 * @param row */ detailModal (row) { this.modalData = { flag: '3', title: '客户详情', site: row.site, customerNo: row.customerNo, customerDesc: row.customerDesc, customerDescription: row.customerDescription, customerIndustry: row.customerIndustry, customerCurrency: row.customerCurrency, turnoverOfYear: row.turnoverOfYear, potentialRevenueOfYear: row.potentialRevenueOfYear, importantCustomer: row.importantCustomer, customerStatus: row.customerStatus, companyName: row.companyName, jobDescription: row.jobDescription, remark: row.remark, contactName: row.contactName, contactPhoneNumber1: row.contactPhoneNumber1, primaryContact: 'Y', contactStatus: row.contactStatus, addressName: row.addressName } this.modalDisableFlag = true this.detailModalFlag = true this.modalFlag = true }, /** * 客户联系人详情模态框 * @param row */ detailContactModal (row) { this.contactModalData = { flag: '3', title: '联系人详情', site: row.site, customerNo: row.customerNo, contactId: row.contactId, contactName: row.contactName, contactLandlineNumber: row.contactLandlineNumber, contactPhoneNumber1: row.contactPhoneNumber1, contactPhoneNumber2: row.contactPhoneNumber2, contactPhoneNumber3: row.contactPhoneNumber3, position: row.position, mailbox: row.mailbox, primaryContact: row.primaryContact, contactStatus: row.contactStatus, remark: row.remark } this.contactDetailModalFlag = true this.contactModalFlag = true }, /** * 客户联系地址详情模态框 * @param row */ detailAddressModal (row) { this.addressModalData = { flag: '3', title: '联系地址详情', site: row.site, customerNo: row.customerNo, addressId: row.addressId, addressName: row.addressName, unit: row.unit, primaryAddress: row.primaryAddress, addressStatus: row.addressStatus, addressType: row.addressType, remark: row.remark, } this.addressDetailModalFlag = true this.addressModalFlag = true }, /** * 客户项目信息详情模态框 * @param row */ detailProjectInformationModal (row) { this.projectInformationModalData = { flag: '3', title: '项目信息详情', site: row.site, projectLevel: row.projectLevel, projectId: row.projectId, projectType: row.projectType, projectTypeDb: row.projectTypeDb, customerId: row.customerId, customerName: row.customerName, projectName: row.projectName, projectDesc: row.projectDesc, projectSource: row.projectSource, projectSourceDesc: row.projectSourceDesc, priority: row.priority, priorityDesc: row.priorityDesc, needDate: row.needDate, projectManagerName: row.projectManagerName, projectOwnerName: row.projectOwnerName, customerRemark: row.customerRemark, remark: row.remark, status: row.status, userRoleName: row.userRoleName } this.projectInformationDetailModalFlag = true this.projectInformationModalFlag = true },
// ======== 删除方法 ========
/** * 客户信息删除 */ delModal () { if(this.customerSelections.length === 0){ this.$message.warning('请勾选要删除的客户！') return } this.$confirm(`是否删除这 `+ this.customerSelections.length +` 条客户信息?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempData = { informationList: this.customerSelections } customerInformationDelete(tempData).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.customerSelections = [] this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }).catch(() => { }) }, /** * 客户联系人删除 */ contactDeleteModal () { if(this.contactSelections.length === 0){ this.$message.warning('请勾选要删除的联系人！') return } this.$confirm(`是否删除这 `+ this.contactSelections.length +` 条联系人信息？`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempContactName = null for (let i = 0; i < this.contactSelections.length; i++){ // 判断是否有主联系人
if (this.contactSelections[i].primaryContact === 'Y') { tempContactName = this.contactSelections[i].contactName } } if (tempContactName !== '' || tempContactName != null) { this.$confirm(tempContactName +` 为主联系人，是否确认删除？`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempData = { contactList: this.contactSelections } customerContactDelete(tempData).then(({data}) => { if (data && data.code === 0) { this.getCustomerContactList() this.contactSelections = [] this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }).catch(() => { }) } else { let tempData = { contactList: this.contactSelections } customerContactDelete(tempData).then(({data}) => { if (data && data.code === 0) { this.getCustomerContactList() this.contactSelections = [] this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) } }).catch(() => { }) }, /** * 客户联系地址删除 */ addressDeleteModal () { if(this.addressSelections.length === 0){ this.$message.warning('请勾选要删除的地址！') return } this.$confirm(`是否删除这 `+ this.addressSelections.length +` 条地址?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempAddressName = null for (let i = 0; i < this.addressSelections.length; i++){ // 判断是否有主联系地址
if (this.addressSelections[i].primaryAddress === 'Y') { tempAddressName = this.addressSelections[i].addressName } } if (tempAddressName !== '' || tempAddressName != null) { this.$confirm(tempAddressName +` 为主联系地址，是否确认删除？`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempData = { addressList: this.addressSelections } customerAddressDelete(tempData).then(({data}) => { if (data && data.code === 0) { this.getCustomerAddressList() this.addressSelections = [] this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }).catch(() => { }) } else { let tempData = { addressList: this.addressSelections } customerAddressDelete(tempData).then(({data}) => { if (data && data.code === 0) { this.getCustomerAddressList() this.addressSelections = [] this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) } }).catch(() => { }) },
// ======== 新增/编辑方法 ========
/** * 客户信息新增/编辑 */ saveData () { if (this.modalData.customerNo === '' || this.modalData.customerNo == null) { this.$message.warning('请输入客户代码！') return } if (this.modalData.customerDesc === '' || this.modalData.customerDesc == null) { this.$message.warning('请输入客户名称！') return } if (this.modalData.customerIndustry === '' || this.modalData.customerIndustry == null) { this.$message.warning('请输入行业！') return } if (this.modalData.customerCurrency === '' || this.modalData.customerCurrency == null) { this.$message.warning('请输入币种！') return } if (this.modalData.contactName === '' || this.modalData.contactName == null) { this.$message.warning('请输入联系人！') return } if (this.modalData.contactPhoneNumber1 === '' || this.modalData.contactPhoneNumber1 == null) { this.$message.warning('请输入联系电话！') return } if (this.modalData.importantCustomer === '' || this.modalData.importantCustomer == null) { this.$message.warning('请选择是否为关键客户！') return } if (this.modalData.customerStatus === '' || this.modalData.customerStatus == null) { this.$message.warning('请选择客户状态！') return } if(this.modalData.flag === '1'){ this.modalData.primaryContact = 'Y' this.modalData.contactStatus = '启用' customerInformationSave(this.modalData).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.modalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }else { customerInformationEdit(this.modalData).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.modalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) } }, /** * 客户联系人新增/编辑 */ saveContactData () { if (this.contactModalData.contactName === '' || this.contactModalData.contactName == null) { this.$message.warning('请输入联系人！') return } if (this.contactModalData.contactPhoneNumber1 === '' || this.contactModalData.contactPhoneNumber1 == null) { this.$message.warning('请输入联系人电话(1)！') return } if (this.contactModalData.position === '' || this.contactModalData.position == null) { this.$message.warning('请输入公司职务！') return } if (this.contactModalData.primaryContact === '' || this.contactModalData.primaryContact == null) { this.$message.warning('请选择是否为主联系人！') return } if (this.contactModalData.contactStatus === '' || this.contactModalData.contactStatus == null) { this.$message.warning('请选择状态！') return } if(this.contactModalData.flag === '1'){ customerContactSave(this.contactModalData).then(({data}) => { if (data && data.code === 0) { this.getCustomerContactList() this.contactModalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }else { customerContactEdit(this.contactModalData).then(({data}) => { if (data && data.code === 0) { this.getCustomerContactList() this.contactModalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) } }, /** * 客户联系地址新增/编辑 */ saveAddressData () { if (this.addressModalData.addressName === '' || this.addressModalData.addressName == null) { this.$message.warning('请输入地址！') return } if (this.addressModalData.primaryAddress === '' || this.addressModalData.primaryAddress == null) { this.$message.warning('请选择是否为主要地址！') return } if (this.addressModalData.addressStatus === '' || this.addressModalData.addressStatus == null) { this.$message.warning('请选择状态！') return } if (this.addressModalData.addressType === '' || this.addressModalData.addressType == null) { this.$message.warning('请选择地址类型！') return } if(this.addressModalData.flag === '1'){ customerAddressSave(this.addressModalData).then(({data}) => { if (data && data.code === 0) { this.getCustomerAddressList() this.addressModalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }else { customerAddressEdit(this.addressModalData).then(({data}) => { if (data && data.code === 0) { this.getCustomerAddressList() this.addressModalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) } }, /** * 客户项目信息新增/编辑 */ saveProjectInformationData () { if(this.projectInformationModalData.projectTypeDb === '' || this.projectInformationModalData.projectTypeDb == null){ this.$message.warning('请选择项目类型！') return } if(this.projectInformationModalData.projectName === '' || this.projectInformationModalData.projectName == null){ this.$message.warning('请输入项目名称！') return } if(this.projectInformationModalData.projectSource === '' || this.projectInformationModalData.projectSource == null){ this.$message.warning('请选择项目来源！') return } if(this.projectInformationModalData.priority === '' || this.projectInformationModalData.priority == null){ this.$message.warning('请选择优先级！') return } if(this.projectInformationModalData.needDate === '' || this.projectInformationModalData.needDate == null){ this.$message.warning('请选择要求日期！') return } if(this.projectInformationModalData.projectManagerName === '' || this.projectInformationModalData.projectManagerName == null){ this.$message.warning('请选择项目经理！') return } if(this.projectInformationModalData.projectOwnerName === '' || this.projectInformationModalData.projectOwnerName == null){ this.$message.warning('请选择项目负责人！') return } if(this.projectInformationModalData.userRoleName === '' || this.projectInformationModalData.userRoleName == null){ this.$message.warning('请选择权限！') return } saveProjectInfo(this.projectInformationModalData).then(({data}) => { if (data && data.code === 0) { this.getProjectInformationList() this.projectInformationModalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// ======== 列表单机选中方法 ========
/** * 单机选中客户信息 * @param row */ customerClickRow (row) { //this.$refs.customerTable.toggleRowSelection(row);
this.customerCurrentRow = JSON.parse(JSON.stringify(row)); }, /** * 单机选中客户联系人 * @param row */ contactClickRow (row) { this.$refs.contactTable.toggleRowSelection(row); this.contactCurrentRow = JSON.parse(JSON.stringify(row)); }, /** * 单机选中客户联系地址 * @param row */ addressClickRow (row) { this.$refs.addressTable.toggleRowSelection(row); this.addressCurrentRow = JSON.parse(JSON.stringify(row)); }, /** * 单机选中客户项目信息 * @param row */ projectInformationClickRow (row) { this.$refs.projectInformationTable.toggleRowSelection(row); this.projectInformationCurrentRow = JSON.parse(JSON.stringify(row)); },
// ======== 列表复选方法 ========
/** * 复选客户信息 * @param val */ selectionCustomer (val) { this.customerSelections = val }, /** * 复选客户联系人 * @param val */ selectionContact (val) { this.contactSelections = val }, /** * 复选客户联系人 * @param val */ selectionAddress (val) { this.addressSelections = val }, /** * 复选客户项目信息 * @param val */ selectionProjectInformation (val) { this.projectInformationSelections = val },
// ======== chooseList相关方法 ========
/** * 获取基础数据列表S * @param val * @param type */ getBaseList (val, type) { this.tagNo = val this.tagNo1 = type this.$nextTick(() => { let strVal = '' if (val === 1010) { if(type === 1) { strVal = this.projectInformationModalData.projectTypeDb } } if (val === 102) { if(type === 1) { strVal = this.projectInformationModalData.customerId } } if (val === 1011) { if(type === 1) { strVal = this.projectInformationModalData.projectSource } } if (val === 1012) { if(type === 1) { strVal = this.projectInformationModalData.priority } } this.$refs.baseList.init(val, strVal) }) }, /** * 列表方法的回调 * @param val */ getBaseData (val) { if (this.tagNo === 1010) { if(this.tagNo1 === 1) { this.projectInformationModalData.projectTypeDb = val.Base_id this.projectInformationModalData.projectType = val.Base_desc } } if (this.tagNo === 102) { if(this.tagNo1 === 1) { this.projectInformationModalData.customerId = val.Customer_no this.projectInformationModalData.customerName = val.Customer_desc } } if (this.tagNo === 1011) { if(this.tagNo1 === 1) { this.projectInformationModalData.projectSource = val.Base_id this.projectInformationModalData.projectSourceDesc = val.Base_desc } } if (this.tagNo === 1012) { if(this.tagNo1 === 1) { this.projectInformationModalData.priority = val.Base_id this.projectInformationModalData.priorityDesc = val.Base_desc } } }, /** * 项目经理选择模态框 */ managerChooseModal () { // 清空穿梭框的选中值
this.$nextTick(() => { this.$refs.managerTransfer.$refs.leftPanel.checked = [] this.$refs.managerTransfer.$refs.rightPanel.checked = [] }) let inData = { site: this.projectInformationModalData.site, projectId: this.projectInformationModalData.projectId, } searchOperatorWithSite(inData).then(({data}) => { this.operatorList = data.rows }) this.projectManagerList = JSON.parse(JSON.stringify(this.projectInformationModalData.projectManagerList)) this.managerFlag = true }, /** * 项目经理选择 */ saveManagerList () { let projectManagerName = '' for (let i = 0; i < this.projectManagerList.length; i++) { let select = this.operatorList.filter(item => item.operatorId === this.projectManagerList[i]) if (select.length > 0) { projectManagerName += select[0].operatorName + ';' } } this.projectInformationModalData.projectManagerName = projectManagerName this.projectInformationModalData.projectManagerList = JSON.parse(JSON.stringify(this.projectManagerList)) this.managerFlag = false }, /** * 项目负责人选择模态框 */ ownerChooseModal () { // 清空穿梭框的选中值
this.$nextTick(() => { this.$refs.ownerTransfer.$refs.leftPanel.checked = [] this.$refs.ownerTransfer.$refs.rightPanel.checked = [] }) let inData = { site: this.projectInformationModalData.site, projectId: this.projectInformationModalData.projectId, } searchOperatorWithSite(inData).then(({data}) => { this.operatorList = data.rows }) this.projectOwnerList = JSON.parse(JSON.stringify(this.projectInformationModalData.projectOwnerList)); this.ownerFlag = true }, /** * 项目负责人选择 */ saveOwnerList () { let projectOwnerName = ''; for (let i = 0; i < this.projectOwnerList.length; i++) { let select = this.operatorList.filter(item => item.operatorId === this.projectOwnerList[i]) if(select.length > 0){ projectOwnerName += select[0].operatorName + ';' } } this.projectInformationModalData.projectOwnerName = projectOwnerName this.projectInformationModalData.projectOwnerList = JSON.parse(JSON.stringify(this.projectOwnerList)); this.ownerFlag = false }, /** * 项目权限模态框 */ userRollModal () { this.userRoleList = JSON.parse(JSON.stringify(this.projectInformationModalData.userRoleList)); this.userRoleFlag = true }, changeAll (row) { if (row.checkAll) { row.searchCheck = true row.updateCheck = true row.downCheck = true row.deleteCheck = true row.searchFlag = 'Y' row.updateFlag = 'Y' row.downFlag = 'Y' row.deleteFlag = 'Y' } else { row.searchCheck = false row.updateCheck = false row.downCheck = false row.deleteCheck = false row.searchFlag = 'N' row.updateFlag = 'N' row.downFlag = 'N' row.deleteFlag = 'N' } }, changeCheck (row,type) { if (type === 1) { if (row.searchCheck) { row.searchFlag = 'Y' } else { row.searchFlag = 'N' } } if (type === 2) { if (row.updateCheck) { row.updateFlag = 'Y' } else { row.updateFlag = 'N' } } if (type === 3) { if (row.downCheck) { row.downFlag = 'Y' } else { row.downFlag = 'N' } } if (type === 4) { if (row.deleteCheck) { row.deleteFlag = 'Y' } else { row.deleteFlag = 'N' } } if (row.searchCheck && row.updateCheck && row.downCheck && row.deleteCheck) { row.checkAll = true } else { row.checkAll = false } this.$forceUpdate(); }, saveUserList () { let name = ''; for (let i = 0; i < this.userRoleList.length; i++) { if (this.userRoleList[i].searchCheck || this.userRoleList[i].updateCheck || this.userRoleList[i].downCheck || this.userRoleList[i].deleteCheck) { name += this.userRoleList[i].userDisplay + ';' } } this.projectInformationModalData.userRoleName = name this.projectInformationModalData.userRoleList = JSON.parse(JSON.stringify(this.userRoleList)); this.userRoleFlag = false },
// ======== 导出相关方法 ========
/** * 导出excel */ async createExportData () { this.searchData.limit = -1 this.searchData.page = 1 await customerInformationSearch(this.searchData).then(({data}) => { this.resultList = data.page.list }) return this.resultList }, startDownload () { }, finishDownload () { }, fields () { let json = '{' this.columnList.forEach((item, index) => { if (index == this.columnList.length - 1) { json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"' } else { json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"' + ',' } }) json += '}' let s = eval('(' + json + ')') return s } } }</script>
<style scoped lang="scss">/deep/ .customer-tab .el-tabs__content { padding: 0px !important;}.el-transfer-panel { border: 2px solid #17b3a3; border-radius: 4px; overflow: hidden; background: #fff; display: inline-block; vertical-align: middle; width: 200px; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;}
.el-transfer-panel .el-transfer-panel__header { height: 40px; line-height: 40px; background: #17b3a3; margin: 0; padding-left: 15px; border-bottom: 1px solid #17b3a3; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000;}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { font-size: 14px; color: #303133; font-weight: 400;}</style>
|
