|
@@ -1,198 +1,6 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
- <!-- <el-form-item label="创建日期" prop="createDate">
|
|
|
- <el-date-picker clearable
|
|
|
- v-model="queryParams.createDate"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="请选择创建日期">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="部门名称" prop="departmentName">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.departmentName"
|
|
|
- placeholder="请输入部门名称"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="部门编码" prop="departmentCode">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.departmentCode"
|
|
|
- placeholder="请输入部门编码"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="销售区域" prop="area">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.area"
|
|
|
- placeholder="请输入销售区域"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="销售组织" prop="organization">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.organization"
|
|
|
- placeholder="请输入销售组织"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="最佳拜访地点" prop="visitPlace">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.visitPlace"
|
|
|
- placeholder="请输入最佳拜访地点"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="最佳拜访时间" prop="visitTime">
|
|
|
- <el-date-picker clearable
|
|
|
- v-model="queryParams.visitTime"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="请选择最佳拜访时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="家庭地址" prop="address">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.address"
|
|
|
- placeholder="请输入家庭地址"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邮件" prop="mail">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.mail"
|
|
|
- placeholder="请输入邮件"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="关键决策人" prop="decisionMaker">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.decisionMaker"
|
|
|
- placeholder="请输入关键决策人"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="擅长领域" prop="fieldExpertise">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.fieldExpertise"
|
|
|
- placeholder="请输入擅长领域"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="支持度" prop="support">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.support"
|
|
|
- placeholder="请输入支持度"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="决策力" prop="power">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.power"
|
|
|
- placeholder="请输入决策力"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="职称" prop="jobTitle">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.jobTitle"
|
|
|
- placeholder="请输入职称"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="职务" prop="position">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.position"
|
|
|
- placeholder="请输入职务"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="任职科室" prop="section">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.section"
|
|
|
- placeholder="请输入任职科室"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="上级联系人" prop="superiorContact">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.superiorContact"
|
|
|
- placeholder="请输入上级联系人"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="状态" prop="state">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.state"
|
|
|
- placeholder="请输入状态"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="业务爱好" prop="hobby">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.hobby"
|
|
|
- placeholder="请输入业务爱好"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="籍贯" prop="birthplace">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.birthplace"
|
|
|
- placeholder="请输入籍贯"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="生日" prop="birthday">
|
|
|
- <el-date-picker clearable
|
|
|
- v-model="queryParams.birthday"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="请选择生日">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="联系人分类" prop="contactClassification">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.contactClassification"
|
|
|
- placeholder="请输入联系人分类"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所属客户编码" prop="customerCode">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.customerCode"
|
|
|
- placeholder="请输入所属客户编码"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="性别" prop="gander">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.gander"
|
|
|
- placeholder="请输入性别"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item> -->
|
|
|
+ <el-form :model="queryParams" ref="queryForm" size="mini" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
<el-form-item label="姓名" prop="name">
|
|
|
<el-input
|
|
|
v-model="queryParams.name"
|
|
@@ -222,17 +30,357 @@
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <ContactList :key="timer" :source = "'Contact'" :bo="this.queryParams" :boAuthority="boAuthority" />
|
|
|
+ <!-- <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAdd"
|
|
|
+ >新增</el-button>
|
|
|
+ </el-col>
|
|
|
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
+ </el-row> -->
|
|
|
+ <div class="btn_grooup">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAdd"
|
|
|
+ >新增</el-button>
|
|
|
+ </div>
|
|
|
+ <el-table v-loading="loading" :data="contactList" height="700px">
|
|
|
+ <el-table-column width="200" label="编号" align="center" prop="code" />
|
|
|
+ <el-table-column show-overflow-tooltip label="姓名" align="center" prop="name" />
|
|
|
+ <el-table-column label="性别" align="center" prop="gander" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.gander"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="联系电话" align="center" prop="telephone" />
|
|
|
+ <el-table-column width="200" show-overflow-tooltip label="所属客户" align="center" prop="customerName" />
|
|
|
+ <el-table-column show-overflow-tooltip label="部门名称" align="center" prop="departmentName" />
|
|
|
+ <el-table-column label="职务" align="center" prop="position" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.mk_bo_position" :value="scope.row.position"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="决策力" align="center" prop="power" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.mk_bo_power" :value="scope.row.power"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column show-overflow-tooltip label="兴趣爱好" align="center" prop="hobby" />
|
|
|
+ <el-table-column show-overflow-tooltip label="家庭地址" align="center" prop="address" />
|
|
|
+ <el-table-column label="状态" align="center" prop="state" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.mk_bo_contact_state" :value="scope.row.state"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" label="操作" fixed="right" align="center" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-edit"
|
|
|
+ @click="handleUpdate(scope.row)"
|
|
|
+ >修改</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-view"
|
|
|
+ @click="handleBrowse(scope.row)"
|
|
|
+ >查看</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ @click="handleDelete(scope.row)"
|
|
|
+ >删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <pagination
|
|
|
+ v-show="total>0"
|
|
|
+ :total="total"
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 添加或修改联系人管理对话框 -->
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="1100px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px" :disabled="this.operatingState == 'Browse'">
|
|
|
+ <el-divider content-position="left">
|
|
|
+ <dev style="width: 50px; height: 40px; font-size: 18px">基本信息</dev>
|
|
|
+ </el-divider>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="编码" prop="code">
|
|
|
+ <el-input v-model="form.code" placeholder="系统自动生成编码" :disabled = "true"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="姓名" prop="name">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入姓名" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="性别" prop="gander">
|
|
|
+ <el-select v-model="form.gander" placeholder="请输入性别">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.sys_user_sex"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="所属客户" prop="customerName">
|
|
|
+ <dr-popover-select v-model="form.customerName" title="客户" type="CUSTOMER_PARAM_ZT" :dataMapping="{
|
|
|
+ customer: 'id',
|
|
|
+ customerName: 'name',
|
|
|
+ }" :source.sync="form">
|
|
|
+ </dr-popover-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="联系人分类" prop="contactClassification">
|
|
|
+ <el-select v-model="form.contactClassification" placeholder="请输入联系人分类">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.mk_bo_contact_type"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="生日" prop="birthday">
|
|
|
+ <el-date-picker clearable
|
|
|
+ v-model="form.birthday"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请选择生日">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="籍贯" prop="birthplace">
|
|
|
+ <el-input v-model="form.birthplace" placeholder="请输入籍贯" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="兴趣爱好" prop="hobby">
|
|
|
+ <el-input v-model="form.hobby" placeholder="请输入业务爱好" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="状态" prop="state">
|
|
|
+ <el-select v-model="form.state" placeholder="请输入状态">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.mk_bo_contact_state"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider content-position="left">
|
|
|
+ <dev style="width: 50px; height: 40px; font-size: 18px">工作信息</dev>
|
|
|
+ </el-divider>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="上级联系人" prop="superiorContactName">
|
|
|
+ <dr-popover-select v-model="form.superiorContactName" title="上级联系人" type="LINKMAN_PARAM" :dataMapping="{
|
|
|
+ superiorContact: 'id',
|
|
|
+ superiorContactName: 'name',
|
|
|
+ }" :source.sync="form">
|
|
|
+ </dr-popover-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="任职科室" prop="section">
|
|
|
+ <el-select v-model="form.section" placeholder="请输入任职科室">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.mk_bo_section"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="职务" prop="position">
|
|
|
+ <el-select v-model="form.position" placeholder="请输入职务">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.mk_bo_position"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="职称" prop="jobTitle">
|
|
|
+ <el-select v-model="form.jobTitle" placeholder="请输入职称">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.mk_bo_job_title"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="决策力" prop="power">
|
|
|
+ <el-select v-model="form.power" placeholder="请输入决策力">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.mk_bo_power"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="支持度" prop="support">
|
|
|
+ <el-select v-model="form.support" placeholder="请输入支持度">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.mk_bo_support"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="擅长领域" prop="fieldExpertise">
|
|
|
+ <el-select v-model="form.fieldExpertise" placeholder="请输入擅长领域">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.mk_bo_field_expertise"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="关键决策人" prop="decisionMaker">
|
|
|
+ <el-select v-model="form.decisionMaker" placeholder="请输入关键决策人">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.sys_yes_no"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider content-position="left">
|
|
|
+ <dev style="width: 50px; height: 40px; font-size: 18px">联系信息</dev>
|
|
|
+ </el-divider>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="联系电话" prop="telephone">
|
|
|
+ <el-input v-model="form.telephone" placeholder="请输入联系电话" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="微信" prop="mail">
|
|
|
+ <el-input v-model="form.mail" placeholder="请输入微信" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="家庭地址" prop="address">
|
|
|
+ <el-input v-model="form.address" placeholder="请输入家庭地址" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="最佳拜访时间" prop="visitTime">
|
|
|
+ <el-input v-model="form.visitTime" placeholder="请选择最佳拜访时间" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="最佳拜访地点" prop="visitPlace">
|
|
|
+ <el-input v-model="form.visitPlace" placeholder="请输入最佳拜访地点" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-tabs v-model="activeName" v-if="this.operatingState != 'Insert'">
|
|
|
+ <el-tab-pane label="学历信息" name="first">
|
|
|
+ <EducationList :key="timer" :supForm="this.form" />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="社会关系" name="second">
|
|
|
+ <RelationshipList :key="timer" :supForm="this.form" />
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ <div class="md-auditInfo">
|
|
|
+ <el-divider content-position="left">
|
|
|
+ <dev style="width: 50px; height: 40px; font-size: 18px">其它信息</dev>
|
|
|
+ </el-divider>
|
|
|
+ <el-form :inline="true" label-position="right" :model="form">
|
|
|
+ <el-form-item label="创建人">
|
|
|
+ <el-input v-model="form.createByName" size="small" readonly></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="创建时间">
|
|
|
+ <el-input v-model="form.createTime" size="small" readonly></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="修改人">
|
|
|
+ <el-input v-model="form.updateByName" size="small" readonly></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="修改时间">
|
|
|
+ <el-input v-model="form.updateTime" size="small" readonly></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitForm" v-if="this.operatingState != 'Browse'" :disabled="submitButtonEditStatus">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { listContact, getContact, delContact, addContact, updateContact } from "@/api/business/spd/bo/contact";
|
|
|
-import ContactList from '../contact/contactList.vue'
|
|
|
+import EducationList from '../education/educationList.vue';
|
|
|
+import RelationshipList from '../relationship/relationshipList.vue';
|
|
|
|
|
|
export default {
|
|
|
name: "Contact",
|
|
|
- components: {ContactList},
|
|
|
+ dicts: ['sys_user_sex','mk_bo_contact_state','mk_bo_section','mk_bo_position','mk_bo_job_title','mk_bo_power','mk_bo_support','mk_bo_field_expertise','sys_yes_no','mk_bo_contact_type'],
|
|
|
+ components: {EducationList,RelationshipList},
|
|
|
data() {
|
|
|
return {
|
|
|
// 遮罩层
|
|
@@ -257,35 +405,9 @@ export default {
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
- boId: null,
|
|
|
- createDate: null,
|
|
|
- departmentName: null,
|
|
|
- departmentCode: null,
|
|
|
- area: null,
|
|
|
- organization: null,
|
|
|
- visitPlace: null,
|
|
|
- visitTime: null,
|
|
|
- address: null,
|
|
|
- mail: null,
|
|
|
+ name: null,
|
|
|
telephone: null,
|
|
|
- decisionMaker: null,
|
|
|
- fieldExpertise: null,
|
|
|
- support: null,
|
|
|
- power: null,
|
|
|
- jobTitle: null,
|
|
|
- position: null,
|
|
|
- section: null,
|
|
|
- superiorContact: null,
|
|
|
- state: null,
|
|
|
- hobby: null,
|
|
|
- birthplace: null,
|
|
|
- birthday: null,
|
|
|
- contactClassification: null,
|
|
|
customerName: null,
|
|
|
- customerCode: null,
|
|
|
- gander: null,
|
|
|
- name: null,
|
|
|
- code: null,
|
|
|
},
|
|
|
// 表单参数
|
|
|
form: {},
|
|
@@ -333,15 +455,11 @@ export default {
|
|
|
},
|
|
|
//重新加载子组件参数
|
|
|
timer: '',
|
|
|
- //列表权限写死
|
|
|
- boAuthority:{
|
|
|
- boAuthority:{
|
|
|
- contactAdd:true,
|
|
|
- contactEdit:true,
|
|
|
- contactView:true,
|
|
|
- contactDel:true,
|
|
|
- }
|
|
|
- },
|
|
|
+ //当前操作状态
|
|
|
+ operatingState: '',
|
|
|
+ activeName: 'first',
|
|
|
+ //确定按钮是否可点
|
|
|
+ submitButtonEditStatus:false,
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -404,40 +522,49 @@ export default {
|
|
|
},
|
|
|
/** 搜索按钮操作 */
|
|
|
handleQuery() {
|
|
|
- console.log('this.queryParams',this.queryParams);
|
|
|
this.queryParams.pageNum = 1;
|
|
|
this.timer = new Date().getTime();
|
|
|
- // this.getList();
|
|
|
+ this.getList();
|
|
|
},
|
|
|
/** 重置按钮操作 */
|
|
|
resetQuery() {
|
|
|
this.resetForm("queryForm");
|
|
|
this.handleQuery();
|
|
|
},
|
|
|
- // 多选框选中数据
|
|
|
- handleSelectionChange(selection) {
|
|
|
- this.ids = selection.map(item => item.id)
|
|
|
- this.single = selection.length!==1
|
|
|
- this.multiple = !selection.length
|
|
|
- },
|
|
|
/** 新增按钮操作 */
|
|
|
handleAdd() {
|
|
|
+ this.operatingState = "Insert";
|
|
|
this.reset();
|
|
|
+ this.form.state = '1';
|
|
|
this.open = true;
|
|
|
- this.title = "添加联系人管理";
|
|
|
+ this.title = "添加联系人";
|
|
|
},
|
|
|
/** 修改按钮操作 */
|
|
|
handleUpdate(row) {
|
|
|
+ this.operatingState = "Update";
|
|
|
this.reset();
|
|
|
const id = row.id || this.ids
|
|
|
getContact(id).then(response => {
|
|
|
this.form = response.data;
|
|
|
this.open = true;
|
|
|
- this.title = "修改联系人管理";
|
|
|
+ this.title = "修改联系人";
|
|
|
+ this.timer = new Date().getTime();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 查看按钮操作 */
|
|
|
+ handleBrowse(row) {
|
|
|
+ this.reset();
|
|
|
+ const id = row.id || this.ids
|
|
|
+ getContact(id).then(response => {
|
|
|
+ this.form = response.data;
|
|
|
+ this.open = true;
|
|
|
+ this.operatingState = "Browse";
|
|
|
+ this.title = "基础信息";
|
|
|
});
|
|
|
},
|
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
|
+ this.submitButtonEditStatus = true;
|
|
|
this.$refs["form"].validate(valid => {
|
|
|
if (valid) {
|
|
|
if (this.form.id != null) {
|
|
@@ -445,14 +572,18 @@ export default {
|
|
|
this.$modal.msgSuccess("修改成功");
|
|
|
this.open = false;
|
|
|
this.getList();
|
|
|
+ this.submitButtonEditStatus = false;
|
|
|
});
|
|
|
} else {
|
|
|
addContact(this.form).then(response => {
|
|
|
this.$modal.msgSuccess("新增成功");
|
|
|
this.open = false;
|
|
|
this.getList();
|
|
|
+ this.submitButtonEditStatus = false;
|
|
|
});
|
|
|
}
|
|
|
+ }else{
|
|
|
+ this.submitButtonEditStatus = false;
|
|
|
}
|
|
|
});
|
|
|
},
|
|
@@ -466,12 +597,14 @@ export default {
|
|
|
this.$modal.msgSuccess("删除成功");
|
|
|
}).catch(() => {});
|
|
|
},
|
|
|
- /** 导出按钮操作 */
|
|
|
- handleExport() {
|
|
|
- this.download('system/contact/export', {
|
|
|
- ...this.queryParams
|
|
|
- }, `contact_${new Date().getTime()}.xlsx`)
|
|
|
- }
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.btn_grooup {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+</style>
|