|
|
@@ -7,6 +7,45 @@
|
|
|
<el-drawer :title="$t(`编辑跟进动态`)" size="600px" append-to-body :visible.sync="dialogFormVisible" @close="onClose">
|
|
|
<div class="drawer__panel">
|
|
|
<el-form ref="form" :model="form" label-position="top" :label-width="tool.onlyZh('80px')">
|
|
|
+ <el-form-item :label="$t(`关联线索`)" prop="sat_orderclueids">
|
|
|
+ <el-tag
|
|
|
+ style="float: left;margin-right: 5px;margin-bottom: 5px"
|
|
|
+ v-for="tag in clueTag"
|
|
|
+ :key="tag.rowindex + 1"
|
|
|
+ closable
|
|
|
+ @close="closeAssociationTag(tag,'线索')"
|
|
|
+ :type="tag.type">
|
|
|
+ {{$t(tag.enterprisename)}}
|
|
|
+ </el-tag>
|
|
|
+ <tableDataAdd :tablecols="tool.tabelCol($route.name).selectClue.tablecols" btnTitle="添加" :param="paramClue" @onSelect="selectAssociation"
|
|
|
+ :selectData="clueTag" type="线索" :isEdit="true"></tableDataAdd>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="$t(`关联客户`)" prop="sa_customersids">
|
|
|
+ <el-tag
|
|
|
+ style="float: left;margin-right: 5px;margin-bottom: 5px"
|
|
|
+ v-for="tag in customersTag"
|
|
|
+ :key="tag.rowindex + 2"
|
|
|
+ closable
|
|
|
+ @close="closeAssociationTag(tag,'客户')"
|
|
|
+ :type="tag.type">
|
|
|
+ {{$t(tag.name)}}
|
|
|
+ </el-tag>
|
|
|
+ <tableDataAdd :tablecols="tool.tabelCol($route.name).selectCustomers.tablecols" btnTitle="添加" :param="paramCustomers" @onSelect="selectAssociation"
|
|
|
+ :selectData="customersTag" type="客户" :isEdit="true"></tableDataAdd>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="$t(`关联项目`)" prop="sa_projectids">
|
|
|
+ <el-tag
|
|
|
+ style="float: left;margin-right: 5px;margin-bottom: 5px"
|
|
|
+ v-for="tag in projectTag"
|
|
|
+ :key="tag.rowindex + 3"
|
|
|
+ closable
|
|
|
+ @close="closeAssociationTag(tag,'项目')"
|
|
|
+ :type="tag.type">
|
|
|
+ {{$t(tag.projectname)}}
|
|
|
+ </el-tag>
|
|
|
+ <tableDataAdd :tablecols="tool.tabelCol($route.name).selectProject.tablecols" btnTitle="添加" :param="paramProject" @onSelect="selectAssociation"
|
|
|
+ :selectData="projectTag" type="项目" :isEdit="true"></tableDataAdd>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item v-if="$route.path === '/projectChangeDetail' || $route.path === '/customerDetail' || $route.path === '/PublicCustomerDetail' || $route.path === '/phonebookDetail'" :label="$t(`跟进类型`)" prop="type" :rules="{ required: true, message: $t('请选择跟进类型'), trigger: 'change'}">
|
|
|
<el-select v-model="form.type" :placeholder="$t(`请选择`)" style="width: 100%">
|
|
|
<el-option
|
|
|
@@ -76,12 +115,14 @@
|
|
|
import upload from '@/components/upload/hw_obs_upload.vue'
|
|
|
import previewImage from '@/components/previewImage/index.vue'
|
|
|
import contactsList from '@/template/projectChange/contactsList.vue'
|
|
|
+import tableDataAdd from '@/components/tableDataAdd/index'
|
|
|
export default {
|
|
|
props:['data','ownertable','status','ownerid','disabled','isOperation'],
|
|
|
components:{
|
|
|
upload,
|
|
|
previewImage,
|
|
|
- contactsList
|
|
|
+ contactsList,
|
|
|
+ tableDataAdd
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
@@ -92,13 +133,54 @@ export default {
|
|
|
content:'',
|
|
|
type:'',
|
|
|
dataextend: {
|
|
|
- contactsid: [] // 跟进对象
|
|
|
+ contactsid: [], // 跟进对象
|
|
|
+ sat_orderclueids: [],
|
|
|
+ sa_customersids: [],
|
|
|
+ sa_projectids: []
|
|
|
}//扩展参数
|
|
|
},
|
|
|
followUpType:[],
|
|
|
selectTag:[],
|
|
|
folderid:JSON.parse(sessionStorage.getItem('folderid')).appfolderid,
|
|
|
- attachmentids:[]
|
|
|
+ attachmentids:[],
|
|
|
+ clueTag:[],
|
|
|
+ customersTag:[],
|
|
|
+ projectTag:[],
|
|
|
+ /*关联线索列表*/
|
|
|
+ paramClue:{
|
|
|
+ "content": {
|
|
|
+ "pageNumber": 1,
|
|
|
+ "pageSize": 50,
|
|
|
+ "where": {
|
|
|
+ "condition": ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "id": 2025042409073602,
|
|
|
+ },
|
|
|
+ /*关联客户列表*/
|
|
|
+ paramCustomers:{
|
|
|
+ "content": {
|
|
|
+ "pageNumber": 1,
|
|
|
+ "pageSize": 50,
|
|
|
+ "where": {
|
|
|
+ "condition": ""
|
|
|
+ },
|
|
|
+ "nocache": true
|
|
|
+ },
|
|
|
+ "id": 2025042409074102,
|
|
|
+ },
|
|
|
+ /*关联项目*/
|
|
|
+ paramProject:{
|
|
|
+ "content": {
|
|
|
+ "pageNumber": 1,
|
|
|
+ "pageSize": 50,
|
|
|
+ "where": {
|
|
|
+ "condition": ""
|
|
|
+ },
|
|
|
+ "nocache": true
|
|
|
+ },
|
|
|
+ "id": 2025042409074702,
|
|
|
+ },
|
|
|
}
|
|
|
},
|
|
|
|
|
|
@@ -107,6 +189,9 @@ export default {
|
|
|
this.form = Object.assign({},this.form,this.data)
|
|
|
console.log(this.form,'表单数据')
|
|
|
this.selectTag = this.form.contacts
|
|
|
+ this.clueTag = this.data.sat_orderclue
|
|
|
+ this.customersTag = this.data.sa_customers
|
|
|
+ this.projectTag = this.data.sa_project
|
|
|
this.queryFollowUpType()
|
|
|
},
|
|
|
/*获取跟进类型*/
|
|
|
@@ -142,7 +227,10 @@ export default {
|
|
|
"results":this.form.results,//结果
|
|
|
"nextplan":this.form.nextplan,//下次跟进计划
|
|
|
"dataextend": {
|
|
|
- "contactsid": this.form.dataextend.contactsid // 跟进对象
|
|
|
+ "contactsid": this.form.dataextend.contactsid, // 跟进对象
|
|
|
+ "sat_orderclueids":this.form.dataextend.sat_orderclueids,
|
|
|
+ "sa_customersids":this.form.dataextend.sa_customersids,
|
|
|
+ "sa_projectids":this.form.dataextend.sa_projectids
|
|
|
},
|
|
|
"resource":resource
|
|
|
}
|
|
|
@@ -210,6 +298,55 @@ export default {
|
|
|
this.selectTag = []
|
|
|
this.form.dataextend.contactsid = []
|
|
|
this.$refs.form.resetFields()
|
|
|
+ },
|
|
|
+ closeAssociationTag(row,val){
|
|
|
+ if (val == '线索'){
|
|
|
+ this.form.dataextend.sat_orderclueids = []
|
|
|
+ for (var i=0;i<this.clueTag.length;i++){
|
|
|
+ if (row.sat_orderclueid == this.clueTag[i].sat_orderclueid){
|
|
|
+ this.clueTag.splice(i,1)
|
|
|
+ // this.form.dataextend.sat_orderclueids.splice(i,1)
|
|
|
+ console.log(this.clueTag)
|
|
|
+ console.log(this.form.dataextend.sat_orderclueids)
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.form.dataextend.sat_orderclueids = this.clueTag.map(item=>item.sat_orderclueid)
|
|
|
+ }else if (val == '客户'){
|
|
|
+ this.form.dataextend.sa_customersids = []
|
|
|
+ for (var i=0;i<this.customersTag.length;i++){
|
|
|
+ if (row.sa_customersid == this.customersTag[i].sa_customersid){
|
|
|
+ this.customersTag.splice(i,1)
|
|
|
+ // this.form.dataextend.sa_customersids.splice(i,1)
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.form.dataextend.sa_customersids = val.map(item=>item.sa_customersid)
|
|
|
+ }else if (val == '项目'){
|
|
|
+ this.form.dataextend.sa_projectids = []
|
|
|
+ for (var i=0;i<this.projectTag.length;i++){
|
|
|
+ if (row.sa_projectid == this.projectTag[i].sa_projectid){
|
|
|
+ this.projectTag.splice(i,1)
|
|
|
+ // this.form.dataextend.sa_projectids.splice(i,1)
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.form.dataextend.sa_projectids = val.map(item=>item.sa_projectid)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectAssociation(val,type){
|
|
|
+ console.log(val)
|
|
|
+ if (type == '线索'){
|
|
|
+ this.clueTag = val
|
|
|
+ this.form.dataextend.sat_orderclueids = val.map(item=>item.sat_orderclueid)
|
|
|
+ }else if (type == '客户'){
|
|
|
+ this.customersTag = val
|
|
|
+ this.form.dataextend.sa_customersids = val.map(item=>item.sa_customersid)
|
|
|
+ }else if (type == '项目'){
|
|
|
+ this.projectTag = val
|
|
|
+ this.form.dataextend.sa_projectids = val.map(item=>item.sa_projectid)
|
|
|
+ }
|
|
|
+ console.log(this.clueTag,'clueTag')
|
|
|
}
|
|
|
}
|
|
|
}
|
qymljy