提交
This commit is contained in:
@@ -2,14 +2,14 @@
|
||||
<el-dialog width="40%" :title="title" :visible.sync="visible" append-to-body @close="visible = false">
|
||||
<div v-if="classTypeList == undefined || classTypeList.length == 0">无班型数据</div>
|
||||
<el-table v-else :data="classTypeList" style="height: 300px; overflow-y: auto">
|
||||
<el-table-column label="班型" width="140">
|
||||
<el-table-column label="班型" min-width="140">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.licenseType }}-{{ scope.row.typeName }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="currentPrice" label="报价" width="120" />
|
||||
<el-table-column property="minPrice" label="底价" width="120" />
|
||||
<el-table-column property="description" label="描述" />
|
||||
<el-table-column property="currentPrice" label="报价" width="100" />
|
||||
<el-table-column property="minPrice" label="底价" width="100" />
|
||||
<el-table-column property="description" label="描述" width="200" show-overflow-tooltip />
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
@@ -32,7 +32,7 @@ export default {
|
||||
},
|
||||
mounted() {
|
||||
console.log("mounted")
|
||||
// this.initData()
|
||||
this.initData()
|
||||
},
|
||||
created() {
|
||||
console.log("created")
|
||||
@@ -41,6 +41,7 @@ export default {
|
||||
initData(point = undefined) {
|
||||
console.log(point)
|
||||
this.visible = true
|
||||
// this.searchBody = undefined
|
||||
this.$nextTick(() => {
|
||||
this.resetData();
|
||||
if (point) {
|
||||
@@ -53,7 +54,7 @@ export default {
|
||||
this.currentPoint = undefined;
|
||||
this.dialogMap && this.marker && this.dialogMap.remove(this.marker);
|
||||
this.marker = null;
|
||||
this.placeSearch = null;
|
||||
// this.placeSearch = null;
|
||||
this.searchBody = null
|
||||
},
|
||||
initMap() {
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
</template>
|
||||
</div>
|
||||
<!-- :disabled="!canSubmit" -->
|
||||
<el-button class="footer_button" type="primary" @click="clueSubmit">确 定</el-button>
|
||||
<el-button class="footer_button" :disabled="!canSubmit" type="primary" @click="clueSubmit">确 定</el-button>
|
||||
<el-button class="footer_button" @click="toBackClue">取 消</el-button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -59,6 +59,11 @@
|
||||
<el-input v-model="clueForm.phone" placeholder="请输入联系方式" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="微信号" prop="weChat">
|
||||
<el-input v-model="clueForm.weChat" placeholder="请输入微信号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="跟进人员" prop="followUser">
|
||||
<el-select style="width: 100%;" v-model="clueForm.followUser" multiple clearable :disabled="admin != 'true' && clueForm.clueId != undefined">
|
||||
@@ -81,7 +86,7 @@
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="下次跟进时间" prop="followTime">
|
||||
<el-date-picker style="width: 100%;" v-model="clueForm.followTime" value-format="yyyy-MM-dd HH:mm" format="yyyy-MM-dd HH:mm" type="datetime" />
|
||||
<el-date-picker style="width: 100%;" v-model="clueForm.followTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
@@ -92,7 +97,7 @@
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注" prop="clueMemo">
|
||||
<el-input v-model="clueForm.clueMemo" type="textarea" :rows="5" maxlength="1000" />
|
||||
<el-input v-model="clueForm.clueMemo" type="textarea" :rows="5" maxlength="10009" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- 跟进记录 -->
|
||||
@@ -148,10 +153,13 @@ export default {
|
||||
admin: localStorage.getItem('admin'),
|
||||
userId: localStorage.getItem('userId'),
|
||||
clueId: undefined,
|
||||
clueForm: {},
|
||||
clueForm: {
|
||||
followTime: undefined
|
||||
},
|
||||
rules: {
|
||||
name: { required: true, message: '姓名不为空', trigger: 'blur' },
|
||||
phone: { required: true, message: '联系方式不为空', trigger: 'blur' },
|
||||
phone: [{ required: true, message: '联系方式不为空', trigger: 'blur' },
|
||||
{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: '请输入正确的手机号码', trigger: 'blur' }],
|
||||
createTime: { required: true, message: '创建时间不为空', trigger: 'blur,change' },
|
||||
consultTime: { required: true, message: '咨询时间不为空', trigger: 'blur,change' },
|
||||
source: { required: true, message: '线索来源不为空', trigger: 'blur,change' },
|
||||
@@ -173,6 +181,8 @@ export default {
|
||||
//获取clueId
|
||||
this.clueId = Number(this.$route.params.clueId)
|
||||
this.getAllPlaces()
|
||||
this.getEmployee();
|
||||
|
||||
this.getClueInfo(this.clueId);
|
||||
// 线索来源
|
||||
this.getDicts('dm_source').then((response) => {
|
||||
@@ -182,7 +192,6 @@ export default {
|
||||
this.getDicts('dm_intention_state').then((response) => {
|
||||
this.intentionOptions = response.data;
|
||||
});
|
||||
this.getEmployee();
|
||||
},
|
||||
|
||||
methods: {
|
||||
@@ -194,9 +203,9 @@ export default {
|
||||
this.saveNext = false
|
||||
const resp = await getClueInfo(clueId);
|
||||
if (resp.code == 200) {
|
||||
this.clueForm = resp.data
|
||||
this.clueForm = { ...resp.data }
|
||||
this.handleMapCenter(this.clueForm);
|
||||
this.getConsultRecord(this.clueForm.clueId);
|
||||
this.getConsultRecord(this.clueForm.phone);
|
||||
}
|
||||
},
|
||||
resetForm() {
|
||||
@@ -211,19 +220,26 @@ export default {
|
||||
intentionState: undefined,
|
||||
followInfo: undefined,
|
||||
followTime: undefined,
|
||||
followUser: undefined,
|
||||
followUser: [],
|
||||
signupInfo: undefined,
|
||||
requirement: undefined,
|
||||
licenseType: undefined,
|
||||
lng: undefined,
|
||||
lat: undefined
|
||||
}
|
||||
|
||||
if (this.admin == 'false') {
|
||||
this.clueForm.followUser.push(Number(this.userId))
|
||||
}
|
||||
},
|
||||
// 查询咨询记录
|
||||
getConsultRecord(clueId) {
|
||||
getConsultRecord({ clueId }).then((resp) => {
|
||||
getConsultRecord(phone) {
|
||||
getConsultRecord({ phone }).then((resp) => {
|
||||
if (resp && resp.code === 200 && resp.data) {
|
||||
this.consultRecord = resp.data
|
||||
if (this.consultRecord && this.consultRecord.length > 0) {
|
||||
this.clueForm.consultCount = this.consultRecord.length
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
@@ -267,9 +283,9 @@ export default {
|
||||
},
|
||||
// 查询场地信息
|
||||
async getAllPlaces() {
|
||||
const resp = await getAllPlaces();
|
||||
const resp = await getAllPlaces({ status: '0' });
|
||||
if (resp.code == 200) {
|
||||
this.placeList = resp.data.filter((item) => item.showInMap);
|
||||
this.placeList = resp.data.filter((item) => item.schoolShow && item.showInMap);
|
||||
this.$nextTick(() => {
|
||||
this.$refs.placeMap.handleMarkers(this.placeList);
|
||||
});
|
||||
@@ -293,8 +309,17 @@ export default {
|
||||
resp = await addClue(this.clueForm)
|
||||
this.canSubmit = false
|
||||
if (resp.code === 200) {
|
||||
this.$message.success('新增成功')
|
||||
if (resp.data && resp.data == 1) {
|
||||
this.$message({
|
||||
message: resp.msg,
|
||||
type: 'warning'
|
||||
});
|
||||
} else {
|
||||
this.$message.success('新增成功')
|
||||
|
||||
}
|
||||
if (this.saveNext) {
|
||||
this.canSubmit = true
|
||||
this.resetForm()
|
||||
} else {
|
||||
this.toBackClue();
|
||||
|
||||
@@ -32,6 +32,14 @@ export const defaultColumns = [{
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
prop: 'weChat',
|
||||
label: '微信号',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
prop: 'address',
|
||||
label: '位置',
|
||||
width: 140,
|
||||
@@ -39,14 +47,14 @@ export const defaultColumns = [{
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
key: 6,
|
||||
prop: 'requirement',
|
||||
label: '学员诉求',
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 6,
|
||||
key: 7,
|
||||
prop: 'licenseType',
|
||||
label: '咨询车型',
|
||||
width: 140,
|
||||
@@ -54,7 +62,7 @@ export const defaultColumns = [{
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 7,
|
||||
key: 8,
|
||||
prop: 'followTime',
|
||||
label: '下次跟进时间',
|
||||
width: 120,
|
||||
@@ -62,7 +70,7 @@ export const defaultColumns = [{
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 8,
|
||||
key: 9,
|
||||
prop: 'firstFollowUserName',
|
||||
label: '首次跟进人员',
|
||||
width: 120,
|
||||
@@ -70,7 +78,7 @@ export const defaultColumns = [{
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 9,
|
||||
key: 10,
|
||||
prop: 'followUserName',
|
||||
label: '跟进人员',
|
||||
width: 140,
|
||||
@@ -78,7 +86,7 @@ export const defaultColumns = [{
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 10,
|
||||
key: 11,
|
||||
prop: 'recentLook',
|
||||
label: '是否近期看场地',
|
||||
width: 140,
|
||||
@@ -86,7 +94,7 @@ export const defaultColumns = [{
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 11,
|
||||
key: 12,
|
||||
prop: 'offlineReceiverName',
|
||||
label: '线下接待人员',
|
||||
width: 140,
|
||||
@@ -94,7 +102,7 @@ export const defaultColumns = [{
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 12,
|
||||
key: 13,
|
||||
prop: 'clueMemo',
|
||||
label: '备注',
|
||||
width: 140,
|
||||
|
||||
116
src/views/zs/clue/components/DistributeFormDialog.vue
Normal file
116
src/views/zs/clue/components/DistributeFormDialog.vue
Normal file
@@ -0,0 +1,116 @@
|
||||
<template>
|
||||
<el-dialog title="分发" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="600px" @close="closeDialog">
|
||||
<el-form ref="dialogForm" :model="dialogForm" :rules="rules" label-width="110px">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="场地" prop="newPlaceList">
|
||||
<span v-if="oldForm.placeNames">{{oldForm.placeNames}}</span>
|
||||
|
||||
<el-select v-model="dialogForm.newPlaceList" multiple placeholder="请选择" clearable style="width: 100%;">
|
||||
<el-option v-for="dict in placeOptions" :key="dict.placeId" :label="dict.name" :value="dict.placeId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button plain @click="(visible = false)">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { getCluePlaceList, saveCluePlace } from '@/api/zs/clue';
|
||||
import { getAllPlaces } from '@/api/sch/place';
|
||||
|
||||
export default {
|
||||
name: 'DistributeFormDialog',
|
||||
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
dialogForm: {},
|
||||
oldForm: {},
|
||||
rules: {
|
||||
newPlaceList: {
|
||||
required: true,
|
||||
message: '场地不能为空不能为空',
|
||||
trigger: 'blur'
|
||||
}
|
||||
},
|
||||
placeOptions: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
this.getPlaces()
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.resetDialogForm();
|
||||
this.$refs['dialogForm'].resetFields();
|
||||
if (info) {
|
||||
|
||||
this.dialogForm.clueId = info;
|
||||
//查询该线索的分发情况
|
||||
this.getDistributePlaces(info);
|
||||
}
|
||||
});
|
||||
},
|
||||
resetDialogForm() {
|
||||
this.dialogForm = {
|
||||
oldPlaceList: [],
|
||||
newPlaceList: [],
|
||||
placeIdList: [],
|
||||
clueId: undefined
|
||||
};
|
||||
this.oldForm = {}
|
||||
},
|
||||
closeDialog() {
|
||||
this.$emit('update:dialog.batchUpdateVisible', false);
|
||||
},
|
||||
getDistributePlaces(clueId) {
|
||||
getCluePlaceList({ clueId: clueId }).then(resp => {
|
||||
if (resp.code == 200) {
|
||||
this.oldForm = resp.data
|
||||
this.dialogForm.oldPlaceList = this.oldForm.placeIdList;
|
||||
if (this.oldForm.placeIdList && this.oldForm.placeIdList) {
|
||||
this.placeOptions = this.placeOptions.filter(item => this.oldForm.placeIdList.indexOf(item.placeId) == -1)
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
dialogFormSubmit() {
|
||||
this.$refs.dialogForm.validate((valid) => {
|
||||
if (valid) {
|
||||
this.canSubmit = false;
|
||||
this.dialogForm.placeIdList = this.dialogForm.oldPlaceList.concat(this.dialogForm.newPlaceList)
|
||||
// 校验完成,调接口
|
||||
saveCluePlace(this.dialogForm)
|
||||
.then((resp) => {
|
||||
this.canSubmit = true;
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('分发成功');
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.canSubmit = true;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
getPlaces() {
|
||||
getAllPlaces({ status: '0' }).then((resp) => {
|
||||
this.placeOptions = resp.data;
|
||||
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
83
src/views/zs/clue/components/MemoFormDialog.vue
Normal file
83
src/views/zs/clue/components/MemoFormDialog.vue
Normal file
@@ -0,0 +1,83 @@
|
||||
<template>
|
||||
<el-dialog title="分发" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="600px" @close="closeDialog">
|
||||
<el-form ref="dialogForm" :model="dialogForm" :rules="rules" label-width="110px">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注" prop="clueMemo">
|
||||
<el-input v-model="dialogForm.clueMemo" type="textarea" :rows="20" maxlength="50000" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button plain @click="(visible = false)">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { updateClue } from '@/api/zs/clue';
|
||||
|
||||
export default {
|
||||
name: 'MemoFormDialog',
|
||||
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
dialogForm: {},
|
||||
rules: {
|
||||
clueMemo: {
|
||||
required: true,
|
||||
message: '备注不能为空',
|
||||
trigger: 'blur'
|
||||
}
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.resetDialogForm();
|
||||
this.$refs['dialogForm'].resetFields();
|
||||
if (info) {
|
||||
|
||||
this.dialogForm = { ...info };
|
||||
}
|
||||
});
|
||||
},
|
||||
resetDialogForm() {
|
||||
this.dialogForm = {};
|
||||
},
|
||||
closeDialog() {
|
||||
this.$emit('update:dialog.batchUpdateVisible', false);
|
||||
},
|
||||
|
||||
// 表单提交
|
||||
dialogFormSubmit() {
|
||||
this.$refs.dialogForm.validate((valid) => {
|
||||
if (valid) {
|
||||
this.canSubmit = false;
|
||||
// 校验完成,调接口
|
||||
updateClue(this.dialogForm)
|
||||
.then((resp) => {
|
||||
this.canSubmit = true;
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('跟进成功');
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.canSubmit = true;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,18 +1,18 @@
|
||||
<template>
|
||||
<el-dialog title="公海" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="1000px" height="500">
|
||||
<el-dialog title="公海" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="1100px" height="500">
|
||||
<div>
|
||||
<el-button type="text" icon="el-icon-refresh" style="margin-bottom: 10px" @click="_getTableList">刷新</el-button>
|
||||
<el-table v-loading="loading" :data="publicList" border :row-class-name="tableRowClassName">
|
||||
<el-table-column label="创建时间" prop="consultTime" width="100">
|
||||
<el-table-column label="创建时间" prop="consultTime" width="140">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.consultTime) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="线索来源" prop="source" width="100" />
|
||||
<el-table-column label="姓名" prop="name" width="100" />
|
||||
<el-table-column label="位置" prop="address" min-width="160" />
|
||||
<el-table-column label="位置" prop="address" min-width="160" show-overflow-tooltip />
|
||||
<el-table-column label="意向状态" prop="intentionState" width="100" />
|
||||
<el-table-column label="备注" prop="clueMemo" min-width="150" />
|
||||
<el-table-column label="备注" prop="clueMemo" min-width="150" show-overflow-tooltip />
|
||||
<el-table-column label="操作" fixed="right" width="80">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handlePickup(scope.row)">获取</el-button>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form ref="searchForm" :model="searchForm" inline>
|
||||
<el-form ref="searchForm" :model="searchForm" inline size="mini">
|
||||
<el-form-item label="筛选:" label-width="90px">
|
||||
<DMRadio v-model="searchForm.quickSearch" :list="quickList" all-text="全部" @change="$emit('search')" />
|
||||
</el-form-item>
|
||||
@@ -108,7 +108,7 @@ export default {
|
||||
this.nextDateRange = [];
|
||||
},
|
||||
pickDateChange() {
|
||||
if (this.createDateRange.length) {
|
||||
if (this.createDateRange && this.createDateRange.length > 0) {
|
||||
this.searchForm.createDateStart = this.createDateRange[0];
|
||||
this.searchForm.createDateEnd = this.createDateRange[1];
|
||||
} else {
|
||||
@@ -117,7 +117,7 @@ export default {
|
||||
}
|
||||
},
|
||||
nextDateChange() {
|
||||
if (this.nextDateRange.length) {
|
||||
if (this.nextDateRange && this.nextDateRange.length > 0) {
|
||||
this.searchForm.nextDateStart = this.nextDateRange[0];
|
||||
this.searchForm.nextDateEnd = this.nextDateRange[1];
|
||||
} else {
|
||||
|
||||
38
src/views/zs/clue/components/ZhuangDanDialog.vue
Normal file
38
src/views/zs/clue/components/ZhuangDanDialog.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<template>
|
||||
<el-dialog title="撞单信息" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="400px" height="500">
|
||||
<div>
|
||||
<el-table :data="consultRecord">
|
||||
<el-table-column min-width="140" prop="consultTime" label="咨询日期" />
|
||||
<el-table-column min-width="140" prop="consultUserName" label="咨询人" />
|
||||
</el-table>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { getConsultRecord } from '@/api/zs/clue';
|
||||
export default {
|
||||
name: 'ZhuangDanDialog',
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
loading: true,
|
||||
consultRecord: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info) {
|
||||
this.visible = true;
|
||||
this._getTableList(info);
|
||||
},
|
||||
_getTableList(info) {
|
||||
this.loading = true;
|
||||
getConsultRecord({ phone: info }).then((resp) => {
|
||||
if (resp && resp.code === 200 && resp.data) {
|
||||
this.consultRecord = resp.data
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -59,6 +59,7 @@ import { defaultColumns } from './columns.js';
|
||||
import { getClueList, deleteClue, getClueCountBadge, discardClue, getSign } from '@/api/zs/clue';
|
||||
import empApi from '@/api/system/employee';
|
||||
|
||||
|
||||
export default {
|
||||
name: 'Clue',
|
||||
components: {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<SearchForm v-show="showSearch" ref="SearchForm" :form.sync="searchForm" :user-options="userOptions" :source-options="sourceOptions" @search="_getTableList" />
|
||||
<SearchForm v-show="showSearch" ref="SearchForm" :user-options="userOptions" :source-options="sourceOptions" @search="_getTableList" />
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button v-hasPermi="['zs:clue:add']" icon="el-icon-plus" type="primary" @click="handleAddandUpdate(undefined)">新增</el-button>
|
||||
@@ -12,10 +12,11 @@
|
||||
</el-col>
|
||||
<right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" />
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange">
|
||||
<el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange" border @row-dblclick="handleRowClick" @cell-click="handleCellClick">
|
||||
<el-table-column type="selection" width="50" align="center" />
|
||||
<template v-for="item in columns">
|
||||
<el-table-column v-if="item.visible" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
|
||||
<el-table-column v-if="item.visible && item.prop != 'clueMemo'" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
|
||||
<el-table-column v-if="item.visible && item.prop == 'clueMemo'" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
|
||||
</template>
|
||||
<el-table-column label="意向状态" prop="intentionState" sortable fixed="right" min-width="100">
|
||||
<template slot-scope="{ row }">
|
||||
@@ -24,11 +25,14 @@
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="left" min-width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-hasPermi="['zs:clue:edit']" type="text" @click.native.stop="handleAddandUpdate(scope.row)">编辑</el-button>
|
||||
<el-button v-if="scope.row.state" v-hasPermi="['zs:clue:sign']" type="text" style="color: #26a69a" @click.native.stop="handleSign(scope.row)">已登记</el-button>
|
||||
<el-button v-if="!scope.row.state" v-hasPermi="['zs:clue:sign']" type="text" @click.native.stop="handleSign(scope.row)">未登记</el-button>
|
||||
<el-button v-hasPermi="['zs:clue:remove']" type="text" @click.native.stop="handleDelete(scope.row)">删除</el-button>
|
||||
<el-button v-if="!scope.row.state" v-hasPermi="['zs:clue:discard']" type="text" @click.native.stop="handleDiscard(scope.row)">释放</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:edit']" type="text" style="color: red;" @click.native.stop="handleAddandUpdate(scope.row)">编辑</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:distribute']" type="text" @click.native.stop="handleDistribute(scope.row)">分发</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && scope.row.state" v-hasPermi="['zs:clue:sign']" type="text" style="color: #26a69a" @click.native.stop="handleSign(scope.row)">已登记</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && !scope.row.state" v-hasPermi="['zs:clue:sign']" type="text" @click.native.stop="handleSign(scope.row)">未登记</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:remove']" type="text" @click.native.stop="handleDelete(scope.row)">删除</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && !scope.row.state" v-hasPermi="['zs:clue:discard']" type="text" @click.native.stop="handleDiscard(scope.row)">释放</el-button>
|
||||
<el-button v-if="quickSearch == 8" type="text" @click="handleViewZhuangDan(scope.row)"> 撞单信息</el-button>
|
||||
<!-- <el-button v-if="searchForm.quickSearch == 8" type="text" > 撞单信息</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -41,6 +45,13 @@
|
||||
<UploadDialog ref="uploadDialogForm" @refreshDataList="_getTableList" />
|
||||
<!-- 登记弹框 -->
|
||||
<SignFormDialog ref="signDialogForm" :clue-info="clueInfo" />
|
||||
<!-- 分发 -->
|
||||
<DistributeFormDialog ref="distributeDialogForm" @refreshDataList="_getTableList" />
|
||||
<!-- 撞单信息 -->
|
||||
<ZhuangDanDialog ref="zhuangDanDialog" />
|
||||
<!-- 备注编辑 -->
|
||||
<MemoFormDialog ref="memoDialog" @refreshDataList="_getTableList" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -49,17 +60,32 @@ import SearchForm from './components/SearchForm.vue';
|
||||
import BatchUpdateDialog from './components/BatchUpdateDialog.vue';
|
||||
import PublicDialog from './components/PublicDialog.vue';
|
||||
import UploadDialog from './components/UploadDialog.vue';
|
||||
import DistributeFormDialog from './components/DistributeFormDialog.vue';
|
||||
import SignFormDialog from '../sign/components/SignFormDialog.vue';
|
||||
import ZhuangDanDialog from './components/ZhuangDanDialog.vue';
|
||||
import MemoFormDialog from './components/MemoFormDialog.vue';
|
||||
|
||||
import { defaultColumns } from './columns.js';
|
||||
import { getClueList, deleteClue, getClueCountBadge, discardClue, getSign } from '@/api/zs/clue';
|
||||
import { getClueList, deleteClue, getClueCountBadge, discardClue, getSign, getConsultRecord } from '@/api/zs/clue';
|
||||
import empApi from '@/api/system/employee';
|
||||
export default {
|
||||
name: 'Clue',
|
||||
beforeRouteEnter(to, from, next) {
|
||||
if (from.name == 'ClueForm') {
|
||||
next(vm => {
|
||||
vm._getTableList()
|
||||
})
|
||||
} else {
|
||||
next()
|
||||
}
|
||||
},
|
||||
components: {
|
||||
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog
|
||||
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeFormDialog, ZhuangDanDialog, MemoFormDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
admin: localStorage.getItem('admin'),
|
||||
userId: localStorage.getItem('userId'),
|
||||
showSearch: true,
|
||||
searchForm: {
|
||||
pageNum: 1,
|
||||
@@ -86,7 +112,9 @@ export default {
|
||||
无效线索: '#afaeb0'
|
||||
},
|
||||
options: undefined,
|
||||
clueInfo: undefined
|
||||
clueInfo: undefined,
|
||||
consultRecord: [],
|
||||
quickSearch: 0
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -109,6 +137,7 @@ export default {
|
||||
_getTableList() {
|
||||
this.loading = true;
|
||||
const tempForm = this.$refs.SearchForm?.searchForm || {};
|
||||
this.quickSearch = tempForm.quickSearch
|
||||
const params = { ...this.searchForm, ...tempForm };
|
||||
getClueList(params).then((response) => {
|
||||
this.tableList = response.rows;
|
||||
@@ -136,12 +165,20 @@ export default {
|
||||
},
|
||||
// 释放线索操作
|
||||
handleDiscard(item) {
|
||||
discardClue(item).then((resp) => {
|
||||
if (resp && resp.code === 200) {
|
||||
this.$message.success('释放成功');
|
||||
this._getTableList();
|
||||
}
|
||||
});
|
||||
his.$confirm('是否确认释放该条线索(“' + item.name + '/' + item.phone + '”)到公海?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
.then((res) => {
|
||||
discardClue(item).then((resp) => {
|
||||
if (resp && resp.code === 200) {
|
||||
this.$message.success('释放成功');
|
||||
this._getTableList();
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(function () { });
|
||||
},
|
||||
// 删除
|
||||
handleDelete(item) {
|
||||
@@ -213,6 +250,37 @@ export default {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.signDialogForm.init(signInfo);
|
||||
});
|
||||
},
|
||||
//分发到场地
|
||||
handleDistribute(item) {
|
||||
|
||||
this.$nextTick(() => {
|
||||
this.$refs.distributeDialogForm.init(item.clueId);
|
||||
});
|
||||
},
|
||||
//外呼
|
||||
handlePhone(item) {
|
||||
|
||||
},
|
||||
handleViewZhuangDan(item) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.zhuangDanDialog.init(item.clueId);
|
||||
});
|
||||
},
|
||||
handleRowClick(row) {
|
||||
if (this.quickSearch != 8) {
|
||||
this.handleAddandUpdate(row)
|
||||
}
|
||||
},
|
||||
handleCellClick(row, column, cell, event) {
|
||||
//如果点击的是备注的话 开始备注编辑框
|
||||
if (column.property == 'clueMemo') {
|
||||
console.log(row, column, cell, event)
|
||||
this.$nextTick(() => {
|
||||
this.$refs.memoDialog.init(row);
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user