车贷，提交资料管理
This commit is contained in:
parent
21dafcc587
commit
73b66c04f7
|
|
@ -0,0 +1,197 @@
|
||||||
|
<template>
|
||||||
|
<basic-page-edit :desc="desc" :dataId="getDataId()" :options="pageOptions"></basic-page-edit>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import BASE_URL from '@/services/mes/api.js';
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
|
||||||
|
i18n: require('./i18n'),
|
||||||
|
components: {},
|
||||||
|
props: {
|
||||||
|
pageMode: {
|
||||||
|
type: String,
|
||||||
|
default: "edit"
|
||||||
|
},
|
||||||
|
dataId: {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
|
||||||
|
return {
|
||||||
|
pageOptions: {}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
computed: {
|
||||||
|
desc() {
|
||||||
|
return this.$t('editPageDesc')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
created() {
|
||||||
|
|
||||||
|
this.optionsInit();
|
||||||
|
this.dataInit();
|
||||||
|
|
||||||
|
},
|
||||||
|
// 函数
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
optionsInit() {
|
||||||
|
// 页面数据变量
|
||||||
|
var pageData = {
|
||||||
|
// 当前项目名称
|
||||||
|
currentConfigName: "",
|
||||||
|
// 当前项目ID
|
||||||
|
currentBeid: 0,
|
||||||
|
|
||||||
|
addPageUrl: "/ProvideLoanApply/ProvideLoanApplyAdd",
|
||||||
|
editPageUrl: "/ProvideLoanApply/ProvideLoanApplyUpdate/",
|
||||||
|
listPageUrl: "/ProvideLoanApply/ProvideLoanApplyList",
|
||||||
|
|
||||||
|
|
||||||
|
uploadDefaultImg: null,
|
||||||
|
|
||||||
|
detailDataFieldName: "provide_loan_apply",
|
||||||
|
|
||||||
|
actions: {
|
||||||
|
|
||||||
|
ProvideLoanApplyDetail: `${BASE_URL.BASE_URL}/ProvideLoanApply/v1/provide/loan/apply/detail`,
|
||||||
|
ProvideLoanApplyCreate: `${BASE_URL.BASE_URL}/ProvideLoanApply/v1/provide/loan/apply/create`,
|
||||||
|
ProvideLoanApplyUpdate: `${BASE_URL.BASE_URL}/ProvideLoanApply/v1/provide/loan/apply/update`,
|
||||||
|
ProvideLoanApplyDelete: `${BASE_URL.BASE_URL}/ProvideLoanApply/v1/provide/loan/apply/detele`,
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
keyName: 'id',
|
||||||
|
// 是否编辑模式
|
||||||
|
isEdit: false,
|
||||||
|
// 表单数据
|
||||||
|
formOptions: {
|
||||||
|
data: {
|
||||||
|
},
|
||||||
|
// 标题宽度
|
||||||
|
titleWidth: 150,
|
||||||
|
// 标题对齐方式
|
||||||
|
titleAlign: 'right',
|
||||||
|
|
||||||
|
// 表单校验规则
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
name: [
|
||||||
|
{ required: true, message: '请输入套餐名' }
|
||||||
|
]
|
||||||
|
|
||||||
|
},
|
||||||
|
// 表单项
|
||||||
|
items: [
|
||||||
|
|
||||||
|
|
||||||
|
{ field: 'name', title: '姓名', span: 24, itemRender: { name: '$input' } },
|
||||||
|
{ field: 'phone', title: '手机号',span: 24 , itemRender: { name: '$input' } },
|
||||||
|
{ field: 'car_type', title: '车型', span: 24, itemRender: { name: '$input' } },
|
||||||
|
{ field: 'work_city', title: '城市', span: 24, itemRender: { name: '$input' } },
|
||||||
|
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 新增模式表单项
|
||||||
|
addModeItems: [
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
pageData.formOptions.items.forEach(item=>{
|
||||||
|
|
||||||
|
pageData.formOptions.data[item.field] = "";
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
pageData.actions.get = pageData.actions.ProvideLoanApplyDetail;
|
||||||
|
pageData.actions.create = pageData.actions.ProvideLoanApplyCreate;
|
||||||
|
pageData.actions.update = pageData.actions.ProvideLoanApplyUpdate;
|
||||||
|
// 合并表单数据及配置
|
||||||
|
pageData.formOptions = Object.assign({}, this.$mk.config.defaults.formOptions, pageData.formOptions);
|
||||||
|
|
||||||
|
this.pageOptions = pageData;
|
||||||
|
},
|
||||||
|
|
||||||
|
dataInit() {
|
||||||
|
// 获取路由的id参数
|
||||||
|
let dataId = this.getDataId();
|
||||||
|
// 如果有id参数，说明是编辑模式
|
||||||
|
if (dataId) {
|
||||||
|
const json = `{"id":${dataId}}`;
|
||||||
|
this.$mk.post({
|
||||||
|
url: this.pageOptions.actions.get,
|
||||||
|
loading: "加载中...",
|
||||||
|
data: json,
|
||||||
|
config: {
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}).then(a => {
|
||||||
|
|
||||||
|
let detailDataFieldName = this.pageOptions.detailDataFieldName;
|
||||||
|
|
||||||
|
if (a.data[detailDataFieldName].create_time) {
|
||||||
|
a.data[detailDataFieldName].create_time = new Date(a.data[detailDataFieldName].create_time * 1000);
|
||||||
|
}
|
||||||
|
if (a.data[detailDataFieldName].update_time) {
|
||||||
|
a.data[detailDataFieldName].update_time = new Date(a.data[detailDataFieldName].update_time * 1000);
|
||||||
|
}
|
||||||
|
if (a.data[detailDataFieldName].valid_time) {
|
||||||
|
a.data[detailDataFieldName].valid_time = new Date(a.data[detailDataFieldName].valid_time * 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.pageOptions.formOptions.data = a.data[detailDataFieldName];
|
||||||
|
|
||||||
|
this.$forceUpdate()
|
||||||
|
}).catch((a) => {
|
||||||
|
this.$mk.error(a.data.msg);
|
||||||
|
});
|
||||||
|
|
||||||
|
this.pageOptions.isEdit = true;
|
||||||
|
|
||||||
|
this.$forceUpdate()
|
||||||
|
} else {
|
||||||
|
// 如果没有id参数，说明是新增模式
|
||||||
|
this.addModeItems.forEach(item => {
|
||||||
|
this.pageOptions.formOptions.items.push(item);
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取路由的id参数
|
||||||
|
getDataId() {
|
||||||
|
let dataId = this.dataId;
|
||||||
|
if (this.$route.params.id) {
|
||||||
|
dataId = this.$route.params.id;
|
||||||
|
}
|
||||||
|
if (!dataId) {
|
||||||
|
dataId = 0;
|
||||||
|
}
|
||||||
|
return dataId;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 监听属性
|
||||||
|
watch: {
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,113 @@
|
||||||
|
<template>
|
||||||
|
<basic-page-list :desc="desc" :options="pageOptions"></basic-page-list>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import BASE_URL from '@/services/mes/api.js';
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
i18n: require("./i18n"),
|
||||||
|
props: {
|
||||||
|
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
pageOptions: {}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
// 计算属性
|
||||||
|
computed: {
|
||||||
|
// 页面描述
|
||||||
|
desc() {
|
||||||
|
return this.$t("pageDesc");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
// 创建完成
|
||||||
|
created() {
|
||||||
|
this.optionsInit();
|
||||||
|
},
|
||||||
|
// 动作
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
optionsInit() {
|
||||||
|
// 页面数据
|
||||||
|
var pageData = { // 页面数据变量
|
||||||
|
|
||||||
|
keyName: 'id', // 主键字段名
|
||||||
|
listFieldName: 'ProvideLoanApply',
|
||||||
|
|
||||||
|
addPageUrl: "/ProvideLoanApply/ProvideLoanApplyAdd",
|
||||||
|
editPageUrl: "/ProvideLoanApply/ProvideLoanApplyUpdate/",
|
||||||
|
|
||||||
|
// 接口动作
|
||||||
|
actions: { // Api 接口地址
|
||||||
|
getList: `${BASE_URL.BASE_URL}/ProvideLoanApply/v1/provide/loan/apply/list`, // 部门列表
|
||||||
|
delete: `${BASE_URL.BASE_URL}/ProvideLoanApply/v1/provide/loan/apply/batchDelete`,
|
||||||
|
},
|
||||||
|
|
||||||
|
start_time: 0, // 开始时间
|
||||||
|
end_time: 0, // 结束时间
|
||||||
|
|
||||||
|
|
||||||
|
//搜索区
|
||||||
|
searchFormData: {
|
||||||
|
title: '',
|
||||||
|
desc: '',
|
||||||
|
},
|
||||||
|
// 搜索区配置
|
||||||
|
searchRules: [
|
||||||
|
{ key: "name", mode: "like" }
|
||||||
|
],
|
||||||
|
//搜索区
|
||||||
|
searchFormItems: [ // 子项
|
||||||
|
{ field: 'name', title: '姓名', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入姓名' } } },
|
||||||
|
|
||||||
|
{
|
||||||
|
align: 'right', span: 4, itemRender: { // 按钮列
|
||||||
|
name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, // 搜索按钮
|
||||||
|
{ props: { type: 'reset', content: '重置' } }]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
|
||||||
|
//数据区
|
||||||
|
gridOptions: { // 表格配置
|
||||||
|
height: '100%', // 表格高度 100% 会自动撑满父容器
|
||||||
|
stripe: true, // 启用斑马纹
|
||||||
|
id: 'datagrid_1', // 表格唯一标识
|
||||||
|
|
||||||
|
columns: [
|
||||||
|
{ type: 'checkbox', width: 50 }, // 多选框
|
||||||
|
{ title: '操作', slots: { default: 'op' }, width: 120 },
|
||||||
|
|
||||||
|
{ field: 'name', sortable: true, title: '姓名', width: 250 },
|
||||||
|
{ field: 'phone', sortable: true, title: '手机号', width: 250 },
|
||||||
|
{ field: 'car_type', sortable: true, title: '车型', width: 250 },
|
||||||
|
{ field: 'work_city', sortable: true, title: '城市', width: 250 },
|
||||||
|
|
||||||
|
|
||||||
|
{ field: 'create_time', formatter: 'formatDate', width: 160, sortable: true, title: '创建时间', showHeaderOverflow: true }, // 创建时间
|
||||||
|
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
pageData.gridOptions = Object.assign({}, this.$mk.config.defaults.gridOptions, pageData.gridOptions); // 合并表格数据
|
||||||
|
|
||||||
|
|
||||||
|
this.pageOptions = pageData;
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
module.exports = {
|
||||||
|
messages: {
|
||||||
|
CN: {
|
||||||
|
pageDesc:'单位管理'
|
||||||
|
},
|
||||||
|
HK: {
|
||||||
|
pageDesc:'单位管理'
|
||||||
|
},
|
||||||
|
US: {
|
||||||
|
pageDesc:'单位管理'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,67 @@
|
||||||
|
// 视图组件
|
||||||
|
const view = {
|
||||||
|
tabs: () => import('@/layouts/tabs'),
|
||||||
|
blank: () => import('@/layouts/BlankView'),
|
||||||
|
page: () => import('@/layouts/PageView')
|
||||||
|
}
|
||||||
|
|
||||||
|
// 路由组件注册
|
||||||
|
const routerMap = {
|
||||||
|
};
|
||||||
|
routerMap['Basic']= {
|
||||||
|
name: 'Basic',
|
||||||
|
icon: 'idcard',
|
||||||
|
component: view.blank,
|
||||||
|
meta: {
|
||||||
|
},
|
||||||
|
authority: {
|
||||||
|
permission: [],
|
||||||
|
}
|
||||||
|
};
|
||||||
|
routerMap['basic']= {
|
||||||
|
name: 'basic',
|
||||||
|
icon: 'idcard',
|
||||||
|
component: view.blank,
|
||||||
|
meta: {
|
||||||
|
},
|
||||||
|
authority: {
|
||||||
|
permission: [],
|
||||||
|
}
|
||||||
|
};
|
||||||
|
routerMap['ProvideLoanApplyList']= {
|
||||||
|
name: '资料管理',
|
||||||
|
icon: 'idcard',
|
||||||
|
path: `/ProvideLoanApply/ProvideLoanApplyList`,
|
||||||
|
meta:{
|
||||||
|
page:{ cacheAble:false}
|
||||||
|
},
|
||||||
|
component: () => import(`@/pages/Middle/ProvideLoanApply/ProvideLoanApply/ProvideLoanApply/List`),
|
||||||
|
authority: {
|
||||||
|
permission: [],
|
||||||
|
}
|
||||||
|
};
|
||||||
|
routerMap['ProvideLoanApplyUpdate']= {
|
||||||
|
name: '编辑资料',
|
||||||
|
icon: 'idcard',
|
||||||
|
path: `/ProvideLoanApply/ProvideLoanApplyUpdate/:id`,
|
||||||
|
component: () => import(`@/pages/Middle/ProvideLoanApply/ProvideLoanApply/ProvideLoanApply/Edit`),
|
||||||
|
meta: {
|
||||||
|
invisible: true,
|
||||||
|
},
|
||||||
|
authority: {
|
||||||
|
permission: [],
|
||||||
|
}
|
||||||
|
};
|
||||||
|
routerMap['ProvideLoanApplyAdd']= {
|
||||||
|
name: '编辑资料',
|
||||||
|
icon: 'idcard',
|
||||||
|
path: `/ProvideLoanApply/ProvideLoanApplyAdd`,
|
||||||
|
component: () => import(`@/pages/Middle/ProvideLoanApply/ProvideLoanApply/ProvideLoanApply/Edit`),
|
||||||
|
meta: {
|
||||||
|
invisible: true,
|
||||||
|
},
|
||||||
|
authority: {
|
||||||
|
permission: [],
|
||||||
|
}
|
||||||
|
};
|
||||||
|
export default routerMap
|
||||||
|
|
@ -14,6 +14,7 @@ import BaseAdminRouterMap from '@/router/Middle/Base/BaseAdmin/router.map.js'
|
||||||
import Bathroom from '@/router/Middle/bathroom/router.map.js'
|
import Bathroom from '@/router/Middle/bathroom/router.map.js'
|
||||||
import Mes from '@/router/Middle/Mes/router.map.js'
|
import Mes from '@/router/Middle/Mes/router.map.js'
|
||||||
import Chatgpt from '@/router/Middle/Chatgpt/router.map.js'
|
import Chatgpt from '@/router/Middle/Chatgpt/router.map.js'
|
||||||
|
import ProvideLoanApply from '@/router/Middle/ProvideLoanApply/router.map.js'
|
||||||
|
|
||||||
const routerMap = Object.assign({
|
const routerMap = Object.assign({
|
||||||
|
|
||||||
|
|
@ -33,7 +34,9 @@ const routerMap = Object.assign({
|
||||||
//报价
|
//报价
|
||||||
Bathroom,
|
Bathroom,
|
||||||
//ChatGPT
|
//ChatGPT
|
||||||
Chatgpt
|
Chatgpt,
|
||||||
|
//车贷
|
||||||
|
ProvideLoanApply
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -159,7 +159,7 @@ function mergeMenus(routesConfig) {
|
||||||
return [root];
|
return [root];
|
||||||
|
|
||||||
}
|
}
|
||||||
|
console.log(mergeMenus)
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 加载路由
|
* 加载路由
|
||||||
|
|
@ -183,7 +183,7 @@ function loadRoutes(routesConfig) { // 加载路由
|
||||||
|
|
||||||
|
|
||||||
console.log(routesConfig)
|
console.log(routesConfig)
|
||||||
routesConfig = mergeMenus(routesConfig);
|
//routesConfig = mergeMenus(routesConfig);
|
||||||
if (!routesConfig) {
|
if (!routesConfig) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
@ -230,6 +230,7 @@ function loadRoutes(routesConfig) { // 加载路由
|
||||||
// 初始化Admin后台菜单数据
|
// 初始化Admin后台菜单数据
|
||||||
const rootRoute = router.options.routes.find(item => item.path === '/') // 获取根路由
|
const rootRoute = router.options.routes.find(item => item.path === '/') // 获取根路由
|
||||||
const menuRoutes = rootRoute && rootRoute.children // 获取根路由的子路由
|
const menuRoutes = rootRoute && rootRoute.children // 获取根路由的子路由
|
||||||
|
|
||||||
if (menuRoutes) { // 如果子路由存在
|
if (menuRoutes) { // 如果子路由存在
|
||||||
store.commit('setting/setMenuData', menuRoutes) // 通过store的setting模块的setMenuData方法更新菜单数据
|
store.commit('setting/setMenuData', menuRoutes) // 通过store的setting模块的setMenuData方法更新菜单数据
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue