commit
1fd8a381ea
@ -0,0 +1,85 @@ |
|||||||
|
@charset "UTF-8"; |
||||||
|
.el-breadcrumb__inner, |
||||||
|
.el-breadcrumb__inner a { |
||||||
|
font-weight: 400 !important; |
||||||
|
} |
||||||
|
|
||||||
|
.el-upload input[type="file"] { |
||||||
|
display: none !important; |
||||||
|
} |
||||||
|
|
||||||
|
.el-upload__input { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
.cell .el-tag { |
||||||
|
margin-right: 0px; |
||||||
|
} |
||||||
|
|
||||||
|
.small-padding .cell { |
||||||
|
padding-left: 5px; |
||||||
|
padding-right: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
.fixed-width .el-button--mini { |
||||||
|
padding: 7px 10px; |
||||||
|
width: 60px; |
||||||
|
} |
||||||
|
|
||||||
|
.status-col .cell { |
||||||
|
padding: 0 10px; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.status-col .cell .el-tag { |
||||||
|
margin-right: 0px; |
||||||
|
} |
||||||
|
|
||||||
|
.el-dialog { |
||||||
|
transform: none; |
||||||
|
left: 0; |
||||||
|
position: relative; |
||||||
|
margin: 0 auto; |
||||||
|
} |
||||||
|
|
||||||
|
.upload-container .el-upload { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.upload-container .el-upload .el-upload-dragger { |
||||||
|
width: 100%; |
||||||
|
height: 200px; |
||||||
|
} |
||||||
|
|
||||||
|
.el-dropdown-menu a { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
.el-textarea__inner { |
||||||
|
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; |
||||||
|
} |
||||||
|
|
||||||
|
.el-range-editor.el-input__inner { |
||||||
|
display: inline-flex !important; |
||||||
|
} |
||||||
|
|
||||||
|
.el-range-separator { |
||||||
|
box-sizing: content-box; |
||||||
|
} |
||||||
|
|
||||||
|
.el-menu--collapse |
||||||
|
> div |
||||||
|
> .el-submenu |
||||||
|
> .el-submenu__title |
||||||
|
.el-submenu__icon-arrow { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
.el-card { |
||||||
|
border-radius: 0; |
||||||
|
border: none; |
||||||
|
} |
||||||
|
|
||||||
|
.el-form-item--mini.el-form-item { |
||||||
|
margin-bottom: 10px; |
||||||
|
} |
||||||
@ -0,0 +1 @@ |
|||||||
|
.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:400 !important}.el-upload input[type="file"]{display:none !important}.el-upload__input{display:none}.cell .el-tag{margin-right:0px}.small-padding .cell{padding-left:5px;padding-right:5px}.fixed-width .el-button--mini{padding:7px 10px;width:60px}.status-col .cell{padding:0 10px;text-align:center}.status-col .cell .el-tag{margin-right:0px}.el-dialog{transform:none;left:0;position:relative;margin:0 auto}.upload-container .el-upload{width:100%}.upload-container .el-upload .el-upload-dragger{width:100%;height:200px}.el-dropdown-menu a{display:block}.el-textarea__inner{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif}.el-range-editor.el-input__inner{display:inline-flex !important}.el-range-separator{box-sizing:content-box}.el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-card{border-radius:0;border:none}.el-form-item--mini.el-form-item{margin-bottom:10px} |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
export const defaultColumns = [ |
||||||
|
{ key: 0, prop: 'state', label: `全款状态`, visible: true }, |
||||||
|
{ key: 1, prop: 'followUserName', label: `归属人员`, visible: true }, |
||||||
|
{ key: 2, prop: 'area', label: `所属区域`, visible: true }, |
||||||
|
{ key: 3, prop: 'offlineReceiverName', label: `线下接待人员`, visible: true }, |
||||||
|
{ key: 4, prop: 'dealDate', label: `成交时间`, visible: true }, |
||||||
|
{ key: 5, prop: 'name', label: `学员姓名`, visible: true }, |
||||||
|
{ key: 6, prop: 'phone', label: `联系方式`, visible: true }, |
||||||
|
{ key: 7, prop: 'source', label: `线索来源`, visible: true }, |
||||||
|
{ key: 8, prop: 'signPrice', label: `报名价格`, visible: true }, |
||||||
|
{ key: 9, prop: 'schoolName', label: `报名驾校`, visible: true }, |
||||||
|
{ key: 10, prop: 'placeName', label: `报名场地`, visible: true }, |
||||||
|
{ key: 11, prop: 'className', label: `报名班型`, visible: true }, |
||||||
|
{ key: 12, prop: 'schoolPeople', label: `对接人`, visible: true }, |
||||||
|
{ key: 13, prop: 'schoolPay', label: `驾校支付`, visible: true } |
||||||
|
]; |
||||||
@ -0,0 +1,106 @@ |
|||||||
|
<template> |
||||||
|
<el-form ref="searchForm" :model="searchForm" inline label-width="80px"> |
||||||
|
<el-row> |
||||||
|
<el-form-item label="审核状态：" label-width="90px"> |
||||||
|
<DMRadio v-model="searchForm.checkState" :list="auditStatusOptions" all-text="全部" /> |
||||||
|
</el-form-item> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-form-item label="是否全款：" label-width="90px"> |
||||||
|
<DMRadio v-model="searchForm.state" :list="stateOptions" all-text="全部" /> |
||||||
|
</el-form-item> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-form-item label="回款状态：" label-width="90px"> |
||||||
|
<DMRadio v-model="searchForm.moneyState" :list="moneyStateOptions" label="dictLabel" name="dictCode" all-text="全部" /> |
||||||
|
</el-form-item> |
||||||
|
</el-row> |
||||||
|
<el-form-item label="快速查询"> |
||||||
|
<el-input v-model="searchForm.name" placeholder="姓名/联系方式" clearable @keyup.enter.native="handleQuery" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="成交时间"> |
||||||
|
<el-date-picker v-model="searchForm.dealDate" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="驾校"> |
||||||
|
<el-select v-model="searchForm.signSchool" placeholder="请选择" clearable> |
||||||
|
<el-option v-for="dict in schoolOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" /> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="跟进人员"> |
||||||
|
<el-select v-model="searchForm.followUser2" placeholder="请选择" clearable> |
||||||
|
<el-option v-for="dict in userOptions" :key="dict.id" :label="dict.name" :value="dict.id" /> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label-width="0"> |
||||||
|
<el-button type="primary" icon="el-icon-search" @click="$emit('search')">搜索</el-button> |
||||||
|
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import DMRadio from '@/components/DMRadio'; |
||||||
|
export default { |
||||||
|
components: { |
||||||
|
DMRadio |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
searchForm: { |
||||||
|
checkState: undefined, |
||||||
|
state: undefined, |
||||||
|
moneyState: undefined, |
||||||
|
name: undefined, |
||||||
|
dealDate: [], |
||||||
|
signSchool: undefined, |
||||||
|
followUser2: undefined |
||||||
|
}, |
||||||
|
auditStatusOptions: [ |
||||||
|
{ label: '待审核', value: 1 }, |
||||||
|
{ label: '已审核', value: 2 }, |
||||||
|
{ label: '驳回', value: 3 } |
||||||
|
], |
||||||
|
stateOptions: [ |
||||||
|
{ label: '全款', value: true }, |
||||||
|
{ label: '非全款', value: false } |
||||||
|
], |
||||||
|
moneyStateOptions: [], |
||||||
|
schoolOptions: [], |
||||||
|
userOptions: [] |
||||||
|
}; |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.getDicts('dm_money_state').then((response) => { |
||||||
|
this.moneyStateOptions = response.data; |
||||||
|
}); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
resetQuery() { |
||||||
|
this.searchForm = { |
||||||
|
checkState: undefined, |
||||||
|
state: undefined, |
||||||
|
moneyState: undefined, |
||||||
|
name: undefined, |
||||||
|
dealDate: [], |
||||||
|
signSchool: undefined, |
||||||
|
followUser2: undefined |
||||||
|
}; |
||||||
|
}, |
||||||
|
getEmployee() { |
||||||
|
// getEmployee({ coach: false }).then((resp) => { |
||||||
|
// if (resp.code == 200) { |
||||||
|
// this.userOptions = resp.data |
||||||
|
// } |
||||||
|
// }) |
||||||
|
}, |
||||||
|
getSchools() { |
||||||
|
// getSchools().then((resp) => { |
||||||
|
// this.schoolOptions = resp.data |
||||||
|
// }) |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,90 @@ |
|||||||
|
<!-- 成交登记 --> |
||||||
|
<template> |
||||||
|
<div class="p20"> |
||||||
|
<SearchForm v-show="showSearch" ref="SearchForm" @search="_getTableList" /> |
||||||
|
<el-row :gutter="10" class="mb8"> |
||||||
|
<el-col :span="1.5"> |
||||||
|
<el-button type="primary" plain icon="el-icon-plus" @click="handleAdd">新增</el-button> |
||||||
|
<el-button type="warning" icon="el-icon-download" @click="handleExport">导出</el-button> |
||||||
|
</el-col> |
||||||
|
<right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" /> |
||||||
|
</el-row> |
||||||
|
<el-table v-loading="loading" :data="tableList"> |
||||||
|
<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" min-width="100" :prop="item.prop" /> |
||||||
|
</template> |
||||||
|
<el-table-column label="操作" fixed="right" align="center" width="160"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button> |
||||||
|
<el-button type="text" @click="handleCheck(scope.row)">审核</el-button> |
||||||
|
<el-button type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
<pagination :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" @pagination="_getTableList" /> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import SearchForm from './components/SearchForm.vue'; |
||||||
|
import { defaultColumns } from './columns.js'; |
||||||
|
export default { |
||||||
|
components: { |
||||||
|
SearchForm |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
// 遮罩层 |
||||||
|
loading: false, |
||||||
|
// 显示搜索条件 |
||||||
|
showSearch: true, |
||||||
|
searchForm: { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 20 |
||||||
|
}, |
||||||
|
tableList: [], |
||||||
|
total: 0, |
||||||
|
columns: [] |
||||||
|
}; |
||||||
|
}, |
||||||
|
created() { |
||||||
|
const str = localStorage.getItem(`${this.$route.name}-table-columns`); |
||||||
|
this.columns = str ? JSON.parse(str) : defaultColumns; |
||||||
|
// this._getTableList(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
async _getTableList() { |
||||||
|
const tempForm = this.$refs.SearchForm?.searchForm || {}; |
||||||
|
const params = { ...this.searchForm, ...tempForm }; |
||||||
|
console.log(params); |
||||||
|
// api.list(params) |
||||||
|
this.tableList = []; |
||||||
|
for (let i = 0; i < 20; i++) { |
||||||
|
this.tableList.push({ name: `数据${i + 1}` }); |
||||||
|
} |
||||||
|
}, |
||||||
|
handleExport() { |
||||||
|
const tempForm = this.$refs.SearchForm?.searchForm || {}; |
||||||
|
const params = { ...this.searchForm, ...tempForm }; |
||||||
|
this.$confirm('是否确认导出所有成交记录项?', '警告', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning' |
||||||
|
}) |
||||||
|
.then((resp) => { |
||||||
|
// return exportData(params) |
||||||
|
}) |
||||||
|
.then((response) => { |
||||||
|
// this.download(response.msg); |
||||||
|
}) |
||||||
|
.catch(function () {}); |
||||||
|
}, |
||||||
|
handleAdd() {} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
Loading…
Reference in new issue