车贷，提交资料管理
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 Mes from '@/router/Middle/Mes/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({
|
||||
|
||||
|
|
@ -33,7 +34,9 @@ const routerMap = Object.assign({
|
|||
//报价
|
||||
Bathroom,
|
||||
//ChatGPT
|
||||
Chatgpt
|
||||
Chatgpt,
|
||||
//车贷
|
||||
ProvideLoanApply
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -159,7 +159,7 @@ function mergeMenus(routesConfig) {
|
|||
return [root];
|
||||
|
||||
}
|
||||
|
||||
console.log(mergeMenus)
|
||||
|
||||
/**
|
||||
* 加载路由
|
||||
|
|
@ -183,7 +183,7 @@ function loadRoutes(routesConfig) { // 加载路由
|
|||
|
||||
|
||||
console.log(routesConfig)
|
||||
routesConfig = mergeMenus(routesConfig);
|
||||
//routesConfig = mergeMenus(routesConfig);
|
||||
if (!routesConfig) {
|
||||
return;
|
||||
}
|
||||
|
|
@ -230,6 +230,7 @@ function loadRoutes(routesConfig) { // 加载路由
|
|||
// 初始化Admin后台菜单数据
|
||||
const rootRoute = router.options.routes.find(item => item.path === '/') // 获取根路由
|
||||
const menuRoutes = rootRoute && rootRoute.children // 获取根路由的子路由
|
||||
|
||||
if (menuRoutes) { // 如果子路由存在
|
||||
store.commit('setting/setMenuData', menuRoutes) // 通过store的setting模块的setMenuData方法更新菜单数据
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue