|
@@ -3,56 +3,58 @@
|
|
|
<el-button size="mini" type="text" @click="editBtn">编 辑</el-button>
|
|
|
<el-dialog title="新 增" :visible.sync="dialogFormVisible" width="50%">
|
|
|
<div slot="title" style="font-size: 15px">
|
|
|
- 编辑公海池
|
|
|
+ 新增公海池
|
|
|
</div>
|
|
|
- <div class="tab flex-align-center">
|
|
|
- <p :class="activeName == '基本信息'?'tab-act':''" @click="tabChange('基本信息')">基本信息</p>
|
|
|
- <p :class="activeName == '授权范围'?'tab-act':''" @click="tabChange('授权范围')">授权范围</p>
|
|
|
- </div>
|
|
|
- <div style="padding:16px 0;">
|
|
|
- <el-form :model="form" v-show="activeName == '基本信息'" :rules="rules" ref="form" label-width="120px"
|
|
|
+ <span style="font-weight:bold">基本信息</span>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div style="padding:16px 0;display:flex;flex-direction:column">
|
|
|
+ <el-form :model="form" :rules="rules" ref="form" label-width="120px"
|
|
|
label-position="left" size="mini">
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="池名称" prop="poolname">
|
|
|
+ <el-form-item label="公海名称" prop="poolname">
|
|
|
<el-input v-model="form.poolname" placeholder="请输入池名称"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="最大保客数" prop="countlimit">
|
|
|
- <el-input v-model="form.countlimit" placeholder="成员最大保有客户数(0表示不设限)"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="跟进天数限制" prop="datafollowlimit">
|
|
|
- <el-input v-model="form.datafollowlimit" placeholder="跟进天数限制(超过天数后自动退回,0表示不设限)"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="成交天数限制" prop="deallimit">
|
|
|
- <el-input v-model="form.deallimit" placeholder="成交天数限制(超过天数后自动退回,0表示不限制)"></el-input>
|
|
|
+ <el-form-item label="公海成员">
|
|
|
+ <scopeOfauth :onlyread="true" :defaultData="defaultData" scrollHeight="200px"
|
|
|
+ obiectName="sa_customerpool" appidname="sa_customerpoolid" :dataid="dataid" @onChecked="onChecked">
|
|
|
+ </scopeOfauth>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <span style="font-weight:bold">规则设置</span>
|
|
|
+ <el-divider></el-divider>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="说明" prop="remarks">
|
|
|
- <el-input v-model="form.remarks" type="textarea" placeholder="请输入说明"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="分配领取规则" prop="freeget">
|
|
|
+ <el-radio-group v-model="form.freeget">
|
|
|
+ <el-radio :label="1">成员可见可领取,管理员可分配</el-radio>
|
|
|
+ <el-radio :label="0">成员可见不可领取,管理员可分配</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <div style="display:flex;justify-content: space-evenly;margin-bottom:20px">
|
|
|
- <div>
|
|
|
- <el-checkbox :true-label="1" :false-label="0" v-model="form.freeget" checked="checked">自由领取
|
|
|
- </el-checkbox>
|
|
|
- <el-checkbox :true-label="1" :false-label="0" v-model="form.isused" checked="checked">是否启用</el-checkbox>
|
|
|
- <el-checkbox :true-label="1" :false-label="0" v-model="form.isdefault" checked="checked">是否默认
|
|
|
- </el-checkbox>
|
|
|
- </div>
|
|
|
+ <el-form-item label="回收规则" prop="datafollowlimit">
|
|
|
+ <div>
|
|
|
+ <el-radio-group v-model="isOpen">
|
|
|
+ <el-radio :label="1">开启自动回收</el-radio>
|
|
|
+ <el-radio :label="0">关闭自动回收</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <div v-show="isOpen == 1">
|
|
|
+ <div><el-input size="mini" style="width:50px;margin-right:10px" v-model="form.datafollowlimit" />天,未跟进,自动回收至公海,负责人清空</div>
|
|
|
+ <div><el-input size="mini" style="width:50px;margin-right:10px" v-model="form.deallimit" />天,未成交,自动回收至公海,负责人清空</div>
|
|
|
</div>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
</el-form>
|
|
|
- <scopeOfauth :onlyread="true" v-show="activeName == '授权范围'" :defaultData="defaultData" scrollHeight="200px"
|
|
|
- obiectName="sa_customerpool" appidname="sa_customerpoolid" :dataid="data.sa_customerpoolid"
|
|
|
- @onChecked="onChecked">
|
|
|
- </scopeOfauth>
|
|
|
+ <el-alert
|
|
|
+ type="warning">
|
|
|
+ <div slot="title">
|
|
|
+ <p>分享退回规则:</p>
|
|
|
+ <p>成员领取后可分享客户至公海(可选公海),分享不清空负责人</p>
|
|
|
+ <p>成员退回客户至公海(原路退回:若公海作废,则退回至默认公海),退回清空负责人</p>
|
|
|
+ </div>
|
|
|
+ </el-alert>
|
|
|
</div>
|
|
|
<div class="dialog-footer">
|
|
|
<el-button size="small" @click="dialogFormVisible = false" class="normal-btn-width">取 消</el-button>
|
|
@@ -64,33 +66,34 @@
|
|
|
|
|
|
<script>
|
|
|
import scopeOfauth from '@/HDrpManagement/publicManage/components/scopeOfAuthority/index'
|
|
|
-import { log } from '@antv/g2plot/lib/utils'
|
|
|
export default {
|
|
|
name: "add",
|
|
|
+ props:['data'],
|
|
|
components: { scopeOfauth },
|
|
|
data () {
|
|
|
return {
|
|
|
dialogFormVisible: false,
|
|
|
authData: '',
|
|
|
- defaultData: '',
|
|
|
- activeName: '基本信息',
|
|
|
+ isOpen:0,
|
|
|
+ defaultData: [],
|
|
|
+ dataid: '',
|
|
|
form: {
|
|
|
"sa_customerpoolid": 0,
|
|
|
"poolname": "", //池名称
|
|
|
- "freeget": 1, //自由领取
|
|
|
+ "freeget": 0, //自由领取
|
|
|
"isused": 1, //是否启用
|
|
|
"remarks": "",
|
|
|
- "countlimit": '', //成员最大保有客户数(0表示不设限)
|
|
|
- "datafollowlimit": '', //跟进天数限制(超过天数后自动退回,0表示不设限)
|
|
|
- "deallimit": '', //成交天数限制(超过天数后自动退回,0表示不限制)
|
|
|
+ "countlimit": 0, //成员最大保有客户数(0表示不设限)
|
|
|
+ "datafollowlimit": 0, //跟进天数限制(超过天数后自动退回,0表示不设限)
|
|
|
+ "deallimit": 0, //成交天数限制(超过天数后自动退回,0表示不限制)
|
|
|
"isdefault": 1 //是否默认
|
|
|
},
|
|
|
rules: {
|
|
|
poolname: [
|
|
|
{ required: true, message: '请输入名称', trigger: 'blur' },
|
|
|
],
|
|
|
- countlimit: [
|
|
|
- { required: true, message: '请输入数据', trigger: 'blur' }
|
|
|
+ freeget: [
|
|
|
+ { required: true, message: '请选择领取规则', trigger: 'blur' }
|
|
|
],
|
|
|
datafollowlimit: [
|
|
|
{ required: true, message: '请输入数据', trigger: 'blur' }
|
|
@@ -103,23 +106,35 @@ export default {
|
|
|
},
|
|
|
provide () {
|
|
|
return {
|
|
|
- rowData: () => this.data
|
|
|
+ rowData: () => ''
|
|
|
}
|
|
|
},
|
|
|
- props: ['data'],
|
|
|
+ created () {
|
|
|
+ },
|
|
|
methods: {
|
|
|
editBtn () {
|
|
|
- this.query_auth()
|
|
|
this.dialogFormVisible = true
|
|
|
- this.form = Object.assign({}, this.form, this.data)
|
|
|
+ this.form = Object.assign({},this.form,this.data)
|
|
|
+ if (this.form.datafollowlimit || this.form.deallimit) {
|
|
|
+ this.isOpen = 1
|
|
|
+ }
|
|
|
+ this.getdefaultData()
|
|
|
+ },
|
|
|
+ async getdefaultData () {
|
|
|
+ let res = await this.$api.requested({
|
|
|
+ "id": 20221022135202,
|
|
|
+ "content": {
|
|
|
+ "sa_customerpoolid":this.data.sa_customerpoolid
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.defaultData = res.data
|
|
|
},
|
|
|
// 获取保存授权范围数据
|
|
|
onChecked (param) {
|
|
|
this.authData = param
|
|
|
console.log(this.authData);
|
|
|
-
|
|
|
},
|
|
|
- async onSubmit () {
|
|
|
+ onSubmit () {
|
|
|
this.$refs['form'].validate(async (valid) => {
|
|
|
if (!valid) return false
|
|
|
if (!this.authData) {
|
|
@@ -167,23 +182,9 @@ export default {
|
|
|
this.dialogFormVisible = false
|
|
|
})
|
|
|
}
|
|
|
+
|
|
|
})
|
|
|
},
|
|
|
- // 查询授权信息
|
|
|
- async query_auth () {
|
|
|
- const res = await this.$api.requested({
|
|
|
- "accesstoken": "456ae1e802b695b996e1bb8c2c405579",
|
|
|
- "id": 20221022135202,
|
|
|
- "content": {
|
|
|
- "sa_customerpoolid": this.data.sa_customerpoolid
|
|
|
- }
|
|
|
- })
|
|
|
- this.defaultData = res.data
|
|
|
- console.log(this.defaultData);
|
|
|
- },
|
|
|
- tabChange (val) {
|
|
|
- this.activeName = val
|
|
|
- },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -204,4 +205,7 @@ export default {
|
|
|
color: #3874f6 !important;
|
|
|
border-bottom: 2px solid #3874f6 !important;
|
|
|
}
|
|
|
+/deep/.el-divider {
|
|
|
+ margin: 15px 0;
|
|
|
+}
|
|
|
</style>
|