qiushanhe/dm-manage-web
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
zcxee
2023-08-09 16:44:10 +08:00
parent 2cdb072ab8
commit ba59394115
100 changed files with 8965 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/zs/clue/ClueForm/components/ClassTypeDialog.vue
View File

@@ -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>

5
src/views/zs/clue/ClueForm/components/MapDialog.vue
View File

@@ -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() {

53
src/views/zs/clue/ClueForm/index.vue
View File

@@ -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();

24
src/views/zs/clue/columns.js
View File

@@ -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
View 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
View 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>

8
src/views/zs/clue/components/PublicDialog.vue
View File

@@ -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>

6
src/views/zs/clue/components/SearchForm.vue
View File

@@ -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
View 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>

1
src/views/zs/clue/index-bak.vue
View File

@@ -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: {

102
src/views/zs/clue/index.vue
View File

@@ -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);
});
}
}
}
};

10
src/views/zs/officeSign/columns.js → src/views/zs/placeSign/columns.js
View File

@@ -1,6 +1,6 @@
export const defaultColumns = [{
key: 0,
prop: 'officeName',
prop: 'signPlacePoint',
label: '报名点',
width: 140,
visible: true,
@@ -188,7 +188,7 @@ export const defaultColumns = [{
{
key: 24,
prop: 'collectionAccount2',
label: '收款账户',
label: '收款账户2',
width: 140,
visible: true,
overflow: true
@@ -196,14 +196,14 @@ export const defaultColumns = [{
{
key: 25,
prop: 'entryTime2',
label: '入账时间',
label: '入账时间2',
width: 140,
visible: true,
overflow: true
}, {
key: 26,
prop: 'entryMoney2',
label: '入账金额',
label: '入账金额2',
width: 140,
visible: true,
overflow: true
@@ -211,7 +211,7 @@ export const defaultColumns = [{
{
key: 27,
prop: 'commission2',
label: '手续费',
label: '手续费2',
width: 140,
visible: true,
overflow: true

82
src/views/zs/officeSign/components/OfiiceSignDialogForm.vue → src/views/zs/placeSign/components/PlaceSignDialogForm copy.vue
View File

@@ -4,9 +4,9 @@
<el-form ref="dialogForm" :model="dialogForm" :rules="dataRule" label-width="110px" @keyup.enter.native="dialogFormSubmit()" :disabled="type == 2 || dialogForm.checkState==1 || dialogForm.checkState==2">
<el-row>
<el-col :span="12">
<el-form-item label="报名点" prop="officeId">
<el-select v-model="dialogForm.officeId" filterable placeholder="请选择" value-key="schoolId" clearable size="mini" @change="officeChange">
<el-option v-for="(dict, index) in officeOptions" :key="index" :label="dict.officeName" :value="dict.officeId" />
<el-form-item label="报名点" prop="signPlacePoint">
<el-select v-model="dialogForm.signPlacePoint" filterable placeholder="请选择" value-key="schoolId" clearable size="mini" @change="officeChange">
<el-option v-for="(dict, index) in signPlaceOptions" :key="index" :label="dict.dictLabel" :value="dict.dictValue" />
</el-select>
</el-form-item>
</el-col>
@@ -124,7 +124,29 @@
</el-form-item>
</el-col>
</el-row>
<el-divider></el-divider>
<el-row>
<el-col :span="12">
<el-form-item label="送审日期" prop="submissionTime">
<el-date-picker clearable v-model="dialogForm.submissionTime" type="date" value-format="yyyy-MM-dd" placeholder="请选择送审日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="学员状态" prop="stuStatus">
<el-input v-model="dialogForm.stuStatus" placeholder="请输入手续费" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="归属人员" prop="followUserList">
<el-select v-model="dialogForm.followUserList" multiple placeholder="请选择" clearable size="small">
<el-option v-for="(dict, index) in userOptions" :key="index" :label="dict.name" :value="dict.id" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-divider>账户信息</el-divider>
<el-row>
<el-col :span="12">
<el-form-item label="收款账户" prop="collectionAccount1">
@@ -176,28 +198,7 @@
</el-col>
</el-row>
<el-divider></el-divider>
<el-row>
<el-col :span="12">
<el-form-item label="送审日期" prop="submissionTime">
<el-date-picker clearable v-model="dialogForm.submissionTime" type="date" value-format="yyyy-MM-dd" placeholder="请选择送审日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="学员状态" prop="stuStatus">
<el-input v-model="dialogForm.stuStatus" placeholder="请输入手续费" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="归属人员" prop="followUserList">
<el-select v-model="dialogForm.followUserList" multiple placeholder="请选择" clearable size="small">
<el-option v-for="(dict, index) in userOptions" :key="index" :label="dict.name" :value="dict.id" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="memo">
@@ -220,7 +221,7 @@
<script>
import { listOffice } from "@/api/zs/office";
import { addSign, updateSign, checkSign } from "@/api/zs/officeSign";
import { addSign, updateSign, checkSign } from "@/api/zs/placeSign";
import schoolAPi from '@/api/sch/school'
import empApi from '@/api/system/employee'
import { getAllPlaces } from '@/api/sch/place'
@@ -229,6 +230,12 @@ import { getClassTypeTableList } from '@/api/sch/classType'
export default {
name: "OfficeSignDialogForm",
props: {
signPlaceOptions: {
type: Array,
default: []
}
},
data() {
return {
visible: false,
@@ -269,7 +276,6 @@ export default {
userOptions: [],
sourceOptions: [],
extraPayTypeOptions: [],
officeOptions: [],
type: 1,
schoolIdList: []
};
@@ -298,7 +304,6 @@ export default {
initData() {
this.getSchools();
this.getEmployee();
this.getOffices();
//线索来源
this.getDicts('dm_source').then((response) => {
this.sourceOptions = response.data
@@ -310,8 +315,8 @@ export default {
},
resetDialogForm() {
this.dialogForm = {
officeSignId: null,
officeId: null,
placeSignId: null,
signPlacePoint: null,
name: null,
idcard: null,
phone: null,
@@ -364,7 +369,7 @@ export default {
if (valid) {
this.canSubmit = false;
if (this.dialogForm.officeSignId) {
if (this.dialogForm.placeSignId) {
// 校验完成，调接口
updateSign(this.dialogForm)
.then((resp) => {
@@ -436,25 +441,14 @@ export default {
}
})
},
//查询报名点
getOffices() {
listOffice().then(resp => {
if (resp.code == 200) {
this.officeOptions = resp.rows
}
})
},
//查询当前账号关联的报名点信息
getUserOfficeInfo() {
let userId = localStorage.getItem('userId');
empApi.getOffice().then((resp) => {
empApi.getSignPlace(userId).then((resp) => {
if (resp.code == 200) {
this.userOptions = resp.data
}
})
},
officeChange() {
},
//驾校change事件
schoolChange(e) {

539
src/views/zs/placeSign/components/PlaceSignDialogForm.vue Normal file
View File

@@ -0,0 +1,539 @@
<template>
<el-dialog title="报名点信息" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="900px" @close="closeDialog">
<div>
<el-form ref="dialogForm" :model="dialogForm" :rules="dataRule" label-width="110px" @keyup.enter.native="dialogFormSubmit()" :disabled="type == 2 || dialogForm.checkState==1 || dialogForm.checkState==2">
<el-tabs v-model="activeName" style="min-height: 450px;">
<el-tab-pane label="基础信息" name="first">
<el-row>
<el-col :span="12">
<el-form-item label="报名点" prop="signPlacePoint">
<el-select v-model="dialogForm.signPlacePoint" filterable placeholder="请选择" value-key="schoolId" clearable size="mini">
<el-option v-for="(dict, index) in signPlaceOptions" :key="index" :label="dict.dictLabel" :value="dict.dictValue" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="类别" prop="signType">
<el-input v-model="dialogForm.signType" placeholder="请输入类别" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="成交日期" prop="dealDate">
<el-date-picker clearable v-model="dialogForm.dealDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择成交日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="姓名" prop="name">
<el-input v-model="dialogForm.name" placeholder="请输入姓名" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="线索来源" prop="source">
<el-select v-model="dialogForm.source" placeholder="请选择" clearable size="small">
<el-option v-for="(dict, index) in sourceOptions" :key="index" :label="dict.dictLabel" :value="dict.dictValue" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="身份证号" prop="idcard">
<el-input v-model="dialogForm.idcard" placeholder="请输入身份证号" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="报名驾校" prop="signSchool">
<el-select v-model="dialogForm.signSchool" filterable placeholder="请选择" value-key="schoolId" clearable size="small" @change="schoolChange">
<el-option v-for="(dict, index) in schoolOptions" :key="index" :label="dict.schoolName" :value="dict.schoolId" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系方式" prop="phone">
<el-input v-model="dialogForm.phone" placeholder="请输入联系方式" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="报名场地" prop="signPlace">
<el-select v-model="dialogForm.signPlace" filterable placeholder="请选择" clearable value-key="placeId" size="small" @change="placeChange">
<el-option v-for="(dict, index) in placeOptions" :key="index" :label="dict.name" :value="dict.placeId" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="报名价格" prop="signPrice">
<el-input v-model="dialogForm.signPrice" placeholder="请输入报名价格" type="number" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="报名班型" prop="signClass">
<el-select v-model="dialogForm.signClass" filterable placeholder="请选择" clearable value-key="typeId" size="small">
<el-option v-for="(dict, index) in classTypeOptions" :key="index" :label="`${dict.licenseType}-${dict.typeName}`" :value="dict.typeId" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="利润" prop="profit">
<el-input v-model="dialogForm.profit" placeholder="请输入利润" type="number" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="送审日期" prop="submissionTime">
<el-date-picker clearable v-model="dialogForm.submissionTime" type="date" value-format="yyyy-MM-dd" placeholder="请选择送审日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="支付方式" prop="extraPayWay">
<el-input v-model="dialogForm.extraPayWay" placeholder="请输入支付方式" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="学员状态">
<el-select v-model="dialogForm.stuStatus" multiple placeholder="请选择" clearable size="small">
<el-option v-for="(dict, index) in studentStatusOptions" :key="index" :label="dict.name" :value="dict.id" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="归属人员" prop="followUserList">
<el-select v-model="dialogForm.followUserList" multiple placeholder="请选择" clearable size="small">
<el-option v-for="(dict, index) in userOptions" :key="index" :label="dict.name" :value="dict.id" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="memo">
<el-input type="textarea" :rows="3" v-model="dialogForm.memo" placeholder="请输入备注" />
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane label="费用明细" name="second">
<el-row>
<el-col :span="12">
<el-form-item label="培训费" prop="trainFee">
<el-input v-model="dialogForm.trainFee" placeholder="请输入培训费" type="number" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="考试费" prop="examFee">
<el-input v-model="dialogForm.examFee" placeholder="请输入考试费" type="number" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="学杂费" prop="learningFee">
<el-input v-model="dialogForm.learningFee" placeholder="请输入学杂费" type="number" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="体检费" prop="physicalExamFee">
<el-input v-model="dialogForm.physicalExamFee" placeholder="请输入体检费" type="number" />
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane label="额外支出" name="third">
<el-row>
<el-table :data="dialogForm.extraPayList" border>
<el-table-column label="额外支出项目" align="center" min-width="160">
<template slot-scope="scope">
<el-form-item :prop="'extraPayList.'+scope.$index+'.extraPayType'" :rules="dataRule.extraPayType" label-width="0px">
<el-select v-model="scope.row.extraPayType" filterable placeholder="请选择" clearable size="small">
<el-option v-for="(dict, index) in extraPayTypeOptions" :key="index" :label="dict.dictLabel" :value="dict.dictValue" />
</el-select>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="额外支出金额" align="center" min-width="160">
<template slot-scope="scope">
<el-form-item :prop="'extraPayList.'+scope.$index+'.extraPay'" :rules="dataRule.extraPay" label-width="0px">
<el-input v-model="scope.row.extraPay" placeholder="请输入额外支出金额" type="number" />
</el-form-item>
</template>
</el-table-column>
<el-table-column align="center" width="100">
<template slot-scope="scope">
<el-button type="text" @click="removeExtraPay(scope.$index)">移除</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row style="text-align: center;">
<el-button @click="addExtraPay">添加</el-button>
<!-- <el-col :span="12">
<el-form-item label="额外支出项目" prop="extraPayTypes">
<el-select v-model="dialogForm.extraPayTypes" filterable multiple placeholder="请选择" clearable size="small">
<el-option v-for="(dict, index) in extraPayTypeOptions" :key="index" :label="dict.dictLabel" :value="dict.dictValue" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="额外支出金额" prop="extraPay">
<el-input v-model="dialogForm.extraPay" placeholder="请输入额外支出金额" type="number" />
</el-form-item>
</el-col> -->
</el-row>
</el-tab-pane>
<el-tab-pane label="账户信息" name="four">
<el-row>
<el-col :span="12">
<el-form-item label="收款账户" prop="collectionAccount1">
<el-input v-model="dialogForm.collectionAccount1" placeholder="请输入收款账户" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="入账时间" prop="entryTime1">
<el-date-picker clearable v-model="dialogForm.entryTime1" type="date" value-format="yyyy-MM-dd" placeholder="请选择入账时间">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="入账金额" prop="entryMoney1">
<el-input v-model="dialogForm.entryMoney1" placeholder="请输入入账金额" type="number" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="手续费" prop="commission1">
<el-input v-model="dialogForm.commission1" placeholder="请输入手续费" type="number" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="收款账户2" prop="collectionAccount2">
<el-input v-model="dialogForm.collectionAccount2" placeholder="请输入收款账户" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="入账时间2" prop="entryTime2">
<el-date-picker clearable v-model="dialogForm.entryTime2" type="date" value-format="yyyy-MM-dd" placeholder="请选择入账时间">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="入账金额2" prop="entryMoney2">
<el-input v-model="dialogForm.entryMoney2" placeholder="请输入入账金额" type="number" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="手续费2" prop="commission2">
<el-input v-model="dialogForm.commission2" placeholder="请输入手续费" type="number" />
</el-form-item>
</el-col>
</el-row>
</el-tab-pane>
</el-tabs>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button v-if="type==1 && (dialogForm.checkState == 0 || dialogForm.checkState == 3)" v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
<el-button v-if="type==2 && dialogForm.checkState == 1" v-jclick type="primary" @click="handleCheck(2)">通过</el-button>
<el-button v-if="type==2 && dialogForm.checkState == 1" v-jclick type="primary" @click="handleCheck(3)">驳回</el-button>
<el-button plain @click="(visible=false)">取消</el-button>
</span>
</el-dialog>
</template>
<script>
import { listOffice } from "@/api/zs/office";
import { addSign, updateSign, checkSign } from "@/api/zs/placeSign";
import schoolAPi from '@/api/sch/school'
import empApi from '@/api/system/employee'
import { getAllPlaces } from '@/api/sch/place'
import { getClassTypeTableList } from '@/api/sch/classType'
export default {
name: "OfficeSignDialogForm",
props: {
signPlaceOptions: {
type: Array,
default: []
}
},
data() {
return {
visible: false,
canSubmit: true,
dialogForm: {},
dataRule: {
signPlacePoint: [{ required: true, message: '报名点不能为空', trigger: 'blur,change' }],
name: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
idcard: [{ required: true, message: '身份证号不能为空', trigger: 'blur' }],
phone: [{ required: true, message: '手机号不能为空', trigger: 'blur' }],
source: [{ required: true, message: '线索来源不能为空', trigger: 'blur, change' }],
signType: [{ required: true, message: '报名类别不能为空', trigger: 'blur,change' }],
dealDate: [{ required: true, message: '报名日期不能为空', trigger: 'blur,change' }],
signSchool: [{ required: true, message: '报名驾校不能为空', trigger: 'blur,change' }],
signPlace: [{ required: true, message: '报名场地不能为空', trigger: 'blur,change' }],
signClass: [{ required: true, message: '报名班型不能为空', trigger: 'blur,change' }],
signPrice: [{ required: true, message: '报名价格不能为空', trigger: 'blur' }],
profit: [{ required: true, message: '利润不能为空', trigger: 'blur' }],
trainFee: [{ required: true, message: '培训费不能为空', trigger: 'blur' }],
examFee: [{ required: true, message: '考试费不能为空', trigger: 'blur' }],
learningFee: [{ required: true, message: '学杂费不能为空', trigger: 'blur' }],
physicalExamFee: [{ required: true, message: '体检费不能为空', trigger: 'blur' }],
extraPayType: [{ required: true, message: '额外支付项目不能为空', trigger: 'blur' }],
extraPay: [{ required: true, message: '额外支付金额不能为空', trigger: 'blur' }],
extraPayWay: [{ required: true, message: '支付方式不能为空', trigger: 'blur' }],
collectionAccount1: [{ required: true, message: '收款账号不能为空', trigger: 'blur' }],
entryTime1: [{ required: true, message: '入账时间不能为空', trigger: 'blur' }],
entryMoney1: [{ required: true, message: '入账金额不能为空', trigger: 'blur' }],
commission1: [{ required: true, message: '手续费不能为空', trigger: 'blur' }],
submissionTime: [{ required: true, message: '送审时间不能为空', trigger: 'blur, change' }],
stuStatus: [{ required: true, message: '学员状态不能为空', trigger: 'blur,change' }],
followUserList: [{ required: true, message: '归属人员不能为空', trigger: 'blur,change' }],
},
officeOptions: [],
schoolOptions: [],
placeOptions: [],
classTypeOptions: [],
userOptions: [],
sourceOptions: [],
extraPayTypeOptions: [],
type: 1,
schoolIdList: [],
activeName: "first",
studentStatusOptions: []
};
},
methods: {
init(info = undefined, type) {
this.visible = true;
this.initData();
this.$nextTick(() => {
this.resetDialogForm();
this.$refs['dialogForm'].resetFields();
if (info) {
this.dialogForm = this.deepClone(info);
if (this.dialogForm.signSchool) {
this.getAllPlaces(this.dialogForm.signSchool)
this.getClassTypes(this.dialogForm.signSchool, this.dialogForm.signPlace)
}
}
});
if (type) {
this.type = type
}
},
initData() {
this.getSchools();
this.getEmployee();
this.getUserOfficeInfo();
//线索来源
this.getDicts('dm_source').then((response) => {
this.sourceOptions = response.data
})
//额外支出类型
this.getDicts('dm_extra_pay').then((response) => {
this.extraPayTypeOptions = response.data
})
//报名类别
this.getDicts('student_status').then((response) => {
this.studentStatusOptions = response.data
})
},
resetDialogForm() {
this.dialogForm = {
placeSignId: null,
signPlacePoint: null,
name: null,
idcard: null,
phone: null,
source: null,
dealDate: null,
signType: null,
signSchool: null,
schoolName: null,
signPlace: null,
placeName: null,
signClass: null,
className: null,
signPrice: null,
profit: null,
followUser: null,
followUserName: null,
trainFee: null,
examFee: null,
learningFee: null,
physicalExamFee: null,
memo: null,
checkState: 0,
rejectReason: null,
createTime: null,
createUser: null,
updateTime: null,
signDate: null,
delFlag: null,
submissionTime: null,
stuStatus: "0",
collectionAccount1: null,
entryTime1: null,
entryMoney1: null,
commission1: null,
collectionAccount2: null,
entryTime2: null,
entryMoney2: null,
commission2: null,
extraPayType: null,
extraPay: null,
extraPayWay: null,
extraPayList: []
};
},
closeDialog() {
this.$emit('update:dialogVisible', false);
},
// 表单提交
dialogFormSubmit() {
this.dialogForm.checkState = 1
this.$refs.dialogForm.validate((valid) => {
if (valid) {
this.canSubmit = false;
if (this.dialogForm.placeSignId) {
// 校验完成，调接口
updateSign(this.dialogForm)
.then((resp) => {
this.canSubmit = true;
if (resp.code == 200) {
this.$message.success('保存成功');
this.$emit('refreshDataList');
this.visible = false;
}
})
.catch(() => {
this.canSubmit = true;
});
} else {
addSign(this.dialogForm)
.then((resp) => {
this.canSubmit = true;
if (resp.code == 200) {
this.$message.success('保存成功');
this.$emit('refreshDataList');
this.visible = false;
}
})
.catch(() => {
this.canSubmit = true;
});
}
}
});
},
//审核登记
handleCheck(status) {
checkSign({ placeSignId: this.dialogForm.placeSignId, checkState: status })
.then((resp) => {
this.canSubmit = true;
if (resp.code == 200) {
this.$message.success('保存成功');
this.$emit('refreshDataList');
this.visible = false;
}
})
.catch(() => {
this.canSubmit = true;
});
},
getSchools() {
schoolAPi.pageList().then((resp) => {
this.schoolOptions = resp.rows
})
},
getPlaces(schoolId) {
getAllPlaces({ schoolId: schoolId, status: '0' }).then((resp) => {
this.placeOptions = resp.data
})
},
getClassTypes(schoolId, placeId) {
getClassTypeTableList({ schoolId: schoolId, placeId: placeId, status: '0' }).then(
(resp) => {
this.classTypeOptions = resp.rows
}
)
},
//查询员工
getEmployee() {
empApi.getEmployee().then((resp) => {
if (resp.code == 200) {
this.userOptions = resp.data
}
})
},
//查询当前账号关联的报名点信息
getUserOfficeInfo() {
let userId = localStorage.getItem('userId');
empApi.getSignPlace(userId).then((resp) => {
if (resp.code == 200) {
if (resp.data) {
this.dialogForm.signPlacePoint = resp.data
}
}
})
},
//驾校change事件
schoolChange(e) {
this.$set(this.dialogForm, 'signPlace', undefined)
this.$set(this.dialogForm, 'signClass', undefined)
this.classTypeOptions = []
this.getPlaces(e)
},
//場地change事件
placeChange() {
this.$set(this.dialogForm, 'signClass', undefined)
this.classTypeOptions = []
if (this.dialogForm.signPlace) {
const place = this.placeOptions.find(
(item) => item.placeId === this.dialogForm.signPlace
)
this.getClassTypes(this.dialogForm.signSchool, this.dialogForm.signPlace)
}
},
addExtraPay() {
this.dialogForm.extraPayList.push({
extraPayType: undefined,
extraPay: undefined
})
},
removeExtraPay(index) {
this.dialogForm.extraPayList.splice(index, 1)
}
}
};
</script>

0
src/views/zs/officeSign/components/SearchForm.vue → src/views/zs/placeSign/components/SearchForm.vue
View File

20
src/views/zs/officeSign/index.vue → src/views/zs/placeSign/index.vue
View File

@@ -25,7 +25,7 @@
<el-button type="warning" size="mini" v-else-if="row.checkState == 3">驳回</el-button>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleAddAndUpdate(scope.row)" v-hasPermi="['zs:officeSign:edit']">修改</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleCheck(scope.row)" v-hasPermi="['zs:officeSign:check']">审核</el-button>
@@ -37,22 +37,22 @@
<pagination v-show="total>0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" @pagination="_getTableList" />
<!-- 添加或修改报名点成交登记对话框 -->
<OfiiceSignDialogForm v-if="dialogVisible" ref="dialogForm" :dialog-visible="dialogVisible" @refreshDataList="_getTableList" />
<PlaceSignDialogForm v-if="dialogVisible" ref="dialogForm" :dialog-visible="dialogVisible" @refreshDataList="_getTableList" :signPlaceOptions="signPlaceOptions" />
</div>
</template>
<script>
import { listSign, getSign, delSign } from "@/api/zs/officeSign";
import { listSign, getSign, delSign } from "@/api/zs/placeSign";
import SearchForm from "./components/SearchForm.vue";
import OfiiceSignDialogForm from "./components/OfiiceSignDialogForm.vue";
import PlaceSignDialogForm from "./components/PlaceSignDialogForm.vue";
import { defaultColumns } from './columns.js';
export default {
name: "OfficeSign",
name: "PlaceSign",
components: {
SearchForm, OfiiceSignDialogForm
SearchForm, PlaceSignDialogForm
},
data() {
return {
@@ -80,7 +80,8 @@ export default {
pageSize: 10
},
columns: [],
dialogVisible: false
dialogVisible: false,
signPlaceOptions: []
};
},
created() {
@@ -88,6 +89,11 @@ export default {
this.columns = str ? JSON.parse(str) : defaultColumns;
this._getTableList();
// 报名点
this.getDicts('sign_place').then((response) => {
this.signPlaceOptions = response.data;
});
},
methods: {
/** 查询报名点成交登记列表 */

38
src/views/zs/sign/columns.js
View File

@@ -31,6 +31,14 @@ export const defaultColumns = [{
},
{
key: 4,
prop: 'zhuangDanName',
label: '撞单人员',
width: 140,
visible: true,
overflow: false
},
{
key: 5,
prop: 'dealDate',
label: '成交时间',
width: 140,
@@ -38,7 +46,7 @@ export const defaultColumns = [{
overflow: false
},
{
key: 5,
key: 6,
prop: 'name',
label: '学员姓名',
width: 140,
@@ -46,14 +54,14 @@ export const defaultColumns = [{
overflow: false
},
{
key: 6,
key: 7,
prop: 'phone',
label: '联系方式',
visible: true,
overflow: false
},
{
key: 7,
key: 8,
prop: 'source',
label: '线索来源',
width: 140,
@@ -61,7 +69,7 @@ export const defaultColumns = [{
overflow: false
},
{
key: 8,
key: 9,
prop: 'signPrice',
label: '报名价格',
width: 120,
@@ -69,7 +77,7 @@ export const defaultColumns = [{
overflow: false
},
{
key: 9,
key: 10,
prop: 'schoolName',
label: '报名驾校',
width: 120,
@@ -77,7 +85,7 @@ export const defaultColumns = [{
overflow: false
},
{
key: 10,
key: 11,
prop: 'placeName',
label: '报名场地',
width: 140,
@@ -85,7 +93,7 @@ export const defaultColumns = [{
overflow: false
},
{
key: 11,
key: 12,
prop: 'className',
label: '报名班型',
width: 140,
@@ -93,7 +101,7 @@ export const defaultColumns = [{
overflow: false
},
{
key: 12,
key: 13,
prop: 'schoolPeople',
label: '对接人',
width: 140,
@@ -101,7 +109,7 @@ export const defaultColumns = [{
overflow: false
},
{
key: 13,
key: 14,
prop: 'schoolPay',
label: '驾校支付',
width: 140,
@@ -109,21 +117,21 @@ export const defaultColumns = [{
overflow: true
},
{
key: 14,
key: 15,
prop: 'alipay',
label: '驾考宝典款',
width: 140,
visible: true,
overflow: true
}, {
key: 15,
key: 16,
prop: 'extraPayType',
label: '额外支出',
width: 140,
visible: true,
overflow: true
}, {
key: 16,
key: 17,
prop: 'extraPay',
label: '额外支出金额',
width: 140,
@@ -131,14 +139,14 @@ export const defaultColumns = [{
overflow: true
},
{
key: 17,
key: 18,
prop: 'commission',
label: '佣金明细',
width: 140,
visible: true,
overflow: true
}, {
key: 18,
key: 19,
prop: 'memo',
label: '备注',
width: 140,
@@ -146,7 +154,7 @@ export const defaultColumns = [{
overflow: true
},
{
key: 19,
key: 20,
prop: 'moneyState',
label: '回款状态',
width: 140,

9
src/views/zs/sign/components/SearchForm.vue
View File

@@ -30,6 +30,12 @@
<el-option v-for="dict in options.userOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
</el-select>
</el-form-item>
<el-form-item label="线索来源">
<el-select v-model="searchForm.source" placeholder="请选择" clearable>
<el-option v-for="dict in options.sourceOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
</el-select>
</el-form-item>
<el-form-item label="所属区域">
<el-select v-model="searchForm.area" placeholder="请选择" clearable size="small">
<el-option v-for="dict in options.areaOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
@@ -108,7 +114,8 @@ export default {
followUser2: undefined,
dealState: undefined,
dealDate: undefined,
name: undefined
name: undefined,
source: undefined
};
this.dateRange = []
this.$emit('search')

34
src/views/zs/sign/components/SignFormDialog.vue
View File

@@ -50,7 +50,7 @@
<el-col :span="12">
<el-form-item label="报名驾校" prop="signSchool">
<el-select v-model="modalForm.signSchool" filterable placeholder="请选择" value-key="schoolId" clearable size="small" @change="schoolChange">
<el-option v-for="(dict, index) in schoolOptions.filter(item => item.schoolId === modalForm.signSchool)" :key="index" :label="dict.schoolName" :value="dict.schoolId" />
<el-option v-for="(dict, index) in schoolOptions" :key="index" :label="dict.schoolName" :value="dict.schoolId" />
</el-select>
</el-form-item>
</el-col>
@@ -133,8 +133,15 @@
</el-col>-->
</el-row>
<el-row v-if="admin == 'true'">
<el-row>
<el-col :span="12">
<el-form-item label="撞单人员" prop="zhuangDanList">
<el-select v-model="modalForm.zhuangDanList" placeholder="请选择" clearable size="small">
<el-option v-for="(dict, index) in zhuangDanOptions" :key="index" :label="dict.consultUserName" :value="dict.consultUser" />
</el-select>
</el-form-item>
</el-col>
<el-col v-if="admin == 'true'" :span="12">
<el-form-item label="佣金明细" prop="commission">
<el-select v-model="modalForm.commission" placeholder="请选择" clearable size="small">
<el-option v-for="(dict, index) in commissionOptions" :key="index" :label="dict.dictLabel" :value="dict.dictValue" />
@@ -197,7 +204,7 @@ import schoolAPi from '@/api/sch/school';
import { getAllPlaces } from '@/api/sch/place';
import { getClassTypeTableList } from '@/api/sch/classType';
import { uploadEvidence, deleteFile } from '@/api/tool/common';
import { getClueList } from '@/api/zs/clue';
import { getClueList, getConsultRecord } from '@/api/zs/clue';
import CheckRecord from './CheckRecord.vue';
@@ -271,7 +278,8 @@ export default {
headers: { Authorization: 'Bearer ' + getToken() },
// 上传的地址
url: process.env.VUE_APP_BASE_API + '/common/upload'
}
},
zhuangDanOptions: []
};
},
created() {
@@ -319,8 +327,8 @@ export default {
});
},
getSchools() {
schoolAPi.pageList().then((resp) => {
this.schoolOptions = resp.rows;
schoolAPi.allList().then((resp) => {
this.schoolOptions = resp.data;
});
},
getPlaces(schoolId) {
@@ -387,6 +395,9 @@ export default {
this.modalForm = Object.assign({}, item);
this.getPlaces(this.modalForm.signSchool);
this.getClassTypes(this.modalForm.signSchool, this.modalForm.signPlace);
if (item.clueId) {
this.getZhuangDanPeople(item.clueId);
}
this.modalForm.phoneEdit = false;
if (this.modalForm.fileList) {
this.fileList = this.modalForm.fileList;
@@ -518,6 +529,10 @@ export default {
this.modalForm.source = clueInfo.source;
this.modalForm.followUser = clueInfo.followUser;
this.modalForm.offlineReceiver = clueInfo.offlineReceiver;
//加载撞单人员
if (clueInfo.clueId) {
this.getZhuangDanPeople(clueInfo.clueId);
}
} else {
this.modalForm.clueId = undefined;
this.modalForm.name = undefined;
@@ -615,6 +630,13 @@ export default {
} else {
this.$set(this.modalForm, 'schoolPay', undefined);
}
},
getZhuangDanPeople(clueId) {
getConsultRecord({ clueId: clueId }).then(resp => {
if (resp.code == 200) {
this.zhuangDanOptions = resp.data;
}
})
}
}
};

17
src/views/zs/sign/index.vue
View File

@@ -3,8 +3,8 @@
<SearchForm v-show="showSearch" ref="SearchForm" @search="_getTableList" :options="options" />
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" icon="el-icon-plus" @click="handleAddAndUpdate(undefined)">新增</el-button>
<el-button v-if="admin == 'true'" type="warning" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
<el-button type="primary" icon="el-icon-plus" v-hasPermi="['zs:sign:add']" @click="handleAddAndUpdate(undefined)">新增</el-button>
<el-button v-if="admin == 'true'" type="warning" v-hasPermi="['zs:sign:export']" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
</el-col>
<right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" />
</el-row>
@@ -30,9 +30,9 @@
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="160">
<template slot-scope="scope">
<el-button size="mini" type="text" v-if="scope.row.signEdit" icon="el-icon-edit" @click="handleAddAndUpdate(scope.row)">修改</el-button>
<el-button size="mini" type="text" v-if="scope.row.checkState == 1 " @click="handleCheck(scope.row)">审核</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
<el-button size="mini" type="text" v-hasPermi="['zs:sign:edit']" v-if="scope.row.signEdit" icon="el-icon-edit" @click="handleAddAndUpdate(scope.row)">修改</el-button>
<el-button size="mini" type="text" v-hasPermi="['zs:sign:check']" v-if="scope.row.checkState == 1 " @click="handleCheck(scope.row)">审核</el-button>
<el-button size="mini" type="text" v-hasPermi="['zs:sign:remove']" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
@@ -106,7 +106,8 @@ export default {
userOptions: [],
schoolOptions: [],
areaOptions: [],
moneyStateOptions: []
moneyStateOptions: [],
sourceOptions: []
}
}
},
@@ -121,6 +122,10 @@ export default {
this.getDicts('dm_area').then((response) => {
this.options.areaOptions = response.data
})
//s所属区域
this.getDicts('dm_source').then((response) => {
this.options.sourceOptions = response.data
})
this.getSchools()
this._getTableList()
this.getEmployee()