pull/5/head
qsh 2 years ago
parent 553cdd3657
commit c7a6210195
  1. 85
      src/assets/styles/element-ui.css
  2. 1
      src/assets/styles/element-ui.min.css
  3. 3
      src/assets/styles/element-ui.scss
  4. 2
      src/components/DMCheckbox/index.vue
  5. 6
      src/components/DMRadio/index.vue
  6. 1
      src/components/RightToolbar/index.vue
  7. 2
      src/main.js
  8. 0
      src/views/finance/expense/index.vue
  9. 16
      src/views/finance/register/columns.js
  10. 106
      src/views/finance/register/components/SearchForm.vue
  11. 90
      src/views/finance/register/index.vue
  12. 2
      vue.config.js

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

@ -99,3 +99,6 @@
border-radius: 0;
border: none;
}
.el-form-item--mini.el-form-item {
margin-bottom: 10px;
}

@ -82,8 +82,6 @@ export default {
}
::v-deep .el-checkbox__label {
padding-left: 0;
font-size: 16px;
line-height: 16px;
color: rgba($color: #000000, $alpha: 0.6);
}
}

@ -51,7 +51,7 @@ export default {
watch: {
value: {
handler(val) {
this.modelValue = val || '全部';
this.modelValue = val === undefined ? '全部' : val;
},
deep: true,
immediate: true
@ -90,8 +90,8 @@ export default {
}
::v-deep .el-radio__label {
padding-left: 0;
font-size: 16px;
line-height: 16px;
font-size: 14px;
line-height: 14px;
color: rgba($color: #000000, $alpha: 0.6);
}
}

@ -80,6 +80,7 @@ export default {
// eslint-disable-next-line vue/no-mutating-props
this.columns[item].visible = !data.includes(key);
}
localStorage.setItem(`${this.$route.name}-table-columns`, JSON.stringify(this.columns));
},
// dialog
showColumn() {

@ -35,7 +35,7 @@ Vue.use(plugins);
Vue.use(VueMeta);
Vue.use(Element, {
size: Cookies.get('size') || 'small' // set element-ui default size
size: Cookies.get('size') || 'mini' // set element-ui default size
});
Vue.config.productionTip = false;

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

@ -35,7 +35,7 @@ module.exports = {
proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
target: `http://192.168.1.114:8086`,
target: `http://118.31.23.45/duima/`,
// target: `http://vue.ruoyi.vip/prod-api/`,
changeOrigin: true,
pathRewrite: {

Loading…
Cancel
Save