增加了部分备注
This commit is contained in:
parent
75afed7c0c
commit
0e92cfdcd1
|
|
@ -44,8 +44,11 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
|
||||
|
||||
// 打开弹窗
|
||||
open(options) {
|
||||
// 解构赋值 page 页面组件 title 标题 callback 回调函数 pageMode 模式 add edit select dataId 数据id width 宽度 height 高度 pageOptions 页面参数
|
||||
// pageOptions 用于传递给页面的参数 例如：{id:1,name:'张三'} 页面通过 this.$options.pageOptions 获取
|
||||
// showFooter 是否显示底部按钮
|
||||
const { page, title, callback, pageMode, dataId,width = 800,height = 600 , pageOptions = {} ,showFooter } = options || {};
|
||||
|
||||
this.width = width;
|
||||
|
|
@ -57,21 +60,30 @@ export default {
|
|||
this.app = page;
|
||||
this.callback = callback;
|
||||
this.showFooter = showFooter;
|
||||
|
||||
// 设置延迟显示，解决弹窗显示不全的问题
|
||||
setTimeout(() => {
|
||||
this.visible = true;
|
||||
}, 10);
|
||||
},
|
||||
|
||||
// 处理回调
|
||||
handleCallback(e) {
|
||||
const { callback } = this;
|
||||
// 判断是否有回调函数
|
||||
if (callback) {
|
||||
// 执行回调
|
||||
callback(e);
|
||||
// 关闭弹窗
|
||||
this.$destroy();
|
||||
}
|
||||
},
|
||||
|
||||
// 关闭弹窗
|
||||
modalClose() {
|
||||
this.$destroy();
|
||||
},
|
||||
|
||||
// 确认事件
|
||||
confirmEvent(){
|
||||
const { callback } = this;
|
||||
let data = this.$refs.appPage.getConfirmData();
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ import promptComponent from './dialog.vue' // 加载dialog组件
|
|||
|
||||
|
||||
export default {
|
||||
|
||||
// 打开对话框
|
||||
open: function (args) { // 打开对话框
|
||||
const promptConstructor = Vue.extend(promptComponent); // 创建一个子类
|
||||
let instance = new promptConstructor().$mount(''); // 创建一个实例
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
<script>
|
||||
|
||||
|
||||
import BASE_URL from '@/services/base/api.js';
|
||||
import BASE_URL from '@/services/base/api.js'; // 接口地址
|
||||
export default {
|
||||
name: 'MkGridDataSelector',
|
||||
props: {
|
||||
|
|
@ -39,6 +39,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
// 接口地址
|
||||
actions: {
|
||||
getList: `${BASE_URL}/api/web/listdata`
|
||||
},
|
||||
|
|
@ -73,7 +74,9 @@ export default {
|
|||
}
|
||||
},
|
||||
created() {
|
||||
// 加载数据
|
||||
this.load()
|
||||
// 初始化高度
|
||||
this.heightInit();
|
||||
},
|
||||
methods: {
|
||||
|
|
|
|||
|
|
@ -51,6 +51,8 @@ export default {
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
// 获取label
|
||||
getLabel(v) {
|
||||
for (let i = 0; i < this.options.length; i++) {
|
||||
let o = this.options[i];
|
||||
|
|
@ -60,6 +62,8 @@ export default {
|
|||
}
|
||||
return "";
|
||||
},
|
||||
|
||||
// 加载数据
|
||||
load() {
|
||||
const { row, column } = this.params
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
|
||||
<!-- 切换公司 -->
|
||||
<vxe-modal v-model="value" @confirm="confirmEvent" width="600" show-footer>
|
||||
<template #title>
|
||||
<span>选择公司</span>
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
<vxe-column field="desc" title="描述"></vxe-column>
|
||||
</vxe-table>
|
||||
</template>
|
||||
</vxe-modal>
|
||||
</vxe-modal>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
|
|
@ -20,24 +20,25 @@
|
|||
export default {
|
||||
name: "switchCompany",
|
||||
props: {
|
||||
value : {
|
||||
type: Boolean,
|
||||
value: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
data : {
|
||||
type: Array
|
||||
data: {
|
||||
type: Array
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
return {
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
confirmEvent(){
|
||||
let row = this.$refs.xTable.getCurrentRecord();
|
||||
this.$emit("confirm",{row});
|
||||
}
|
||||
|
||||
// 确认事件
|
||||
confirmEvent() {
|
||||
let row = this.$refs.xTable.getCurrentRecord();
|
||||
this.$emit("confirm", { row });
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
|
||||
<!-- 新增 设置 日志 工具条 -->
|
||||
<div :class="cls">
|
||||
|
||||
<a-tooltip placement="topRight" title="日志" v-if="isShowLog">
|
||||
|
|
|
|||
|
|
@ -1,50 +1,55 @@
|
|||
|
||||
|
||||
|
||||
export default {
|
||||
|
||||
uploadDefaultImg: "http://zjdaomiimgtest.oss-cn-hangzhou.aliyuncs.com/2022/16709016422295584.png", // 默认图片
|
||||
|
||||
|
||||
defaults: {
|
||||
// 此处配置的是全局配置，在任何地方都可以使用 this.$mk.config.defaults 来获取配置
|
||||
defaults: { // 默认配置
|
||||
|
||||
gridOptions: {
|
||||
rowConfig: {
|
||||
keyField: "id",
|
||||
isCurrent: true,
|
||||
isHover: true
|
||||
gridOptions: { // 表格配置
|
||||
// 行配置
|
||||
rowConfig: {
|
||||
keyField: "id", // 主键字段
|
||||
isCurrent: true, // 是否高亮当前行
|
||||
isHover: true // 是否高亮鼠标悬浮行
|
||||
},
|
||||
columnConfig: {
|
||||
resizable: true
|
||||
// 列配置
|
||||
columnConfig: {
|
||||
resizable: true // 是否允许拖动列宽
|
||||
},
|
||||
sortConfig: {
|
||||
trigger: 'cell',
|
||||
remote: true
|
||||
// 排序配置
|
||||
sortConfig: {
|
||||
trigger: 'cell', // 触发排序的方式
|
||||
remote: true // 是否远程排序
|
||||
},
|
||||
pagerConfig: {
|
||||
pageSize: 50,
|
||||
pageSizes: [50, 100, 200, 500, 1000, 5000, 10000, 20000]
|
||||
},
|
||||
__toolbarConfig: {
|
||||
buttons: [
|
||||
// 分页配置
|
||||
pagerConfig: {
|
||||
pageSize: 50, // 默认每页显示条数
|
||||
pageSizes: [50, 100, 200, 500, 1000, 5000, 10000, 20000] // 每页显示条数选项
|
||||
},
|
||||
// 工具栏配置
|
||||
__toolbarConfig: {
|
||||
buttons: [ // 按钮
|
||||
],
|
||||
refresh: true,
|
||||
import: false,
|
||||
export: false,
|
||||
print: false,
|
||||
zoom: false,
|
||||
custom: true
|
||||
refresh: true, // 是否显示刷新按钮
|
||||
import: false, // 是否显示导入按钮
|
||||
export: false, // 是否显示导出按钮
|
||||
print: false, // 是否显示打印按钮
|
||||
zoom: false, // 是否显示缩放按钮
|
||||
custom: true // 是否显示自定义按钮
|
||||
},
|
||||
checkboxConfig: {
|
||||
reserve: true,
|
||||
highlight: true,
|
||||
trigger:'row',
|
||||
range: true
|
||||
// 复选框配置
|
||||
checkboxConfig: {
|
||||
reserve: true, // 是否保留复选框
|
||||
highlight: true, // 是否高亮复选框
|
||||
trigger:'row', // 触发复选框的方式
|
||||
range: true // 是否允许复选框范围选择
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
formOptions: {
|
||||
formOptions: { // 表单配置
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@ import { request } from '@/utils/request' // 加载request
|
|||
import modal from './modal' // 加载modal
|
||||
export default {
|
||||
|
||||
// 提交post请求 ，获取数据
|
||||
post : function({url, data,loading , config}){ // post请求
|
||||
|
||||
return new Promise((resolve, reject)=>{ // 返回一个Promise
|
||||
|
|
@ -41,6 +42,8 @@ export default {
|
|||
|
||||
},
|
||||
|
||||
|
||||
// 获取分页数据
|
||||
getPagedData: function({url, method = 'post', data,callback, config}){ // 获取分页数据 默认post请求
|
||||
|
||||
return new Promise((resolve, reject)=>{ // 返回一个Promise
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
|
||||
export default {
|
||||
|
||||
// 格式化表单数据
|
||||
formatFormData: function ({ data, rules }) { // 格式化表单数据
|
||||
|
||||
rules.forEach(rule => { // 循环规则
|
||||
|
|
@ -17,7 +17,7 @@ export default {
|
|||
|
||||
},
|
||||
|
||||
|
||||
// 验证表单数据
|
||||
validateForm : function ({ form }) { // 验证表单
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@
|
|||
import BASE_URL from '@/services/base/api.js';
|
||||
import PageLayout from '@/layouts/PageLayout'
|
||||
|
||||
let serviceListPage = () => import("../BaseService/list");
|
||||
let serviceListPage = () => import("../BaseService/list"); // 加载服务列表页面
|
||||
|
||||
export default {
|
||||
|
||||
|
|
@ -79,10 +79,13 @@ export default {
|
|||
|
||||
// 页面数据变量
|
||||
var pageData = {
|
||||
|
||||
// 公司类型
|
||||
companyTypeData: ['日用陶瓷厂', '卫浴工厂', '公司企业', '贸易公司', '其他'],
|
||||
// 服务列表
|
||||
config_list: [],
|
||||
// 当前项目名称
|
||||
currentConfigName: "",
|
||||
// 当前项目ID
|
||||
currentBeid: 0,
|
||||
|
||||
uploadDefaultImg: null,
|
||||
|
|
@ -100,7 +103,9 @@ export default {
|
|||
},
|
||||
|
||||
keyName: 'id',
|
||||
// 是否编辑模式
|
||||
isEdit: false,
|
||||
// 表单数据
|
||||
formOptions: {
|
||||
data: {
|
||||
"beid": 0,
|
||||
|
|
@ -130,10 +135,12 @@ export default {
|
|||
"staff_count": 0,
|
||||
"store_count": 0
|
||||
},
|
||||
|
||||
// 标题宽度
|
||||
titleWidth: 100,
|
||||
// 标题对齐方式
|
||||
titleAlign: 'right',
|
||||
|
||||
// 表单校验规则
|
||||
rules: {
|
||||
title: [
|
||||
{ required: true, message: '请输入标题' }
|
||||
|
|
@ -157,7 +164,7 @@ export default {
|
|||
{ required: true, message: '请输入登录过期截止时间' }
|
||||
],
|
||||
},
|
||||
|
||||
// 表单项
|
||||
items: [
|
||||
{ field: 'title', title: '公司名', span: 12, itemRender: { name: '$input', props: { placeholder: '请输入公司名' } } },
|
||||
{ field: 'short_title', title: '公司简称', span: 12, itemRender: { name: '$input', props: { placeholder: '请输入公司简称' } } },
|
||||
|
|
@ -171,14 +178,10 @@ export default {
|
|||
{ field: 'appsecret', title: 'AppSecret', span: 24, itemRender: { name: '$input' } },
|
||||
{ field: 'token', title: '企业Token', span: 24, itemRender: { name: '$textarea', props: { placeholder: '不用填写' } } },
|
||||
{ field: 'access_expire', dataRule: { type: "timestamp" }, title: '登录过期截止时间', span: 24, itemRender: { name: '$input', props: {type:"date", placeholder: '输入登录过期截止时间' } } },
|
||||
|
||||
|
||||
|
||||
]
|
||||
},
|
||||
|
||||
// 新增模式表单项
|
||||
addModeItems: [
|
||||
|
||||
{ field: 'mobile', dataRule: { type: "integer" }, title: '管理员手机', span: 12, itemRender: { name: '$input', props: { placeholder: '请输入管理员手机号' } } },
|
||||
{ field: 'password', title: '管理员密码', span: 12, itemRender: { name: '$input', props: { type: "password", placeholder: '请输入管理员密码' } } },
|
||||
{ field: 'name', title: '管理员名称', span: 12, itemRender: { name: '$input', props: { placeholder: '请输入管理员名称' } } },
|
||||
|
|
@ -187,9 +190,13 @@ export default {
|
|||
|
||||
//服务管理 - 数据区
|
||||
gridServiceOptions: {
|
||||
// 表格高度
|
||||
height: '110%',
|
||||
// 表格id
|
||||
id: 'datagrid_service_1',
|
||||
|
||||
|
||||
// 数据区
|
||||
proxyConfig: {
|
||||
sort: true, // 启用排序代理，当点击排序时会自动触发 query 行为
|
||||
filter: true, // 启用筛选代理，当点击筛选时会自动触发 query 行为
|
||||
|
|
@ -219,36 +226,49 @@ export default {
|
|||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
// 列配置
|
||||
columns: [
|
||||
{ type: 'checkbox', width: 50 },
|
||||
{ type: 'seq', width: 50 },
|
||||
{ field: 'name', sortable: true, title: '服务名' },
|
||||
{ type: 'checkbox', width: 50 }, // 多选框
|
||||
{ type: 'seq', width: 50 }, // ID序号
|
||||
{ field: 'name', sortable: true, title: '服务名' },
|
||||
{ field: 'title', sortable: true, title: '标题', showHeaderOverflow: true },
|
||||
{ field: 'port', sortable: true, title: '端口', showHeaderOverflow: true },
|
||||
{ field: 'status', sortable: true, title: '是否启用', slots: { default: 'status' } }
|
||||
]
|
||||
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
// 合并服务数据及配置
|
||||
pageData.gridServiceOptions = Object.assign({}, this.$mk.config.defaults.gridOptions, pageData.gridServiceOptions);
|
||||
|
||||
|
||||
// 合并表单数据及配置
|
||||
pageData.formOptions = Object.assign({}, this.$mk.config.defaults.formOptions, pageData.formOptions);
|
||||
|
||||
return pageData;
|
||||
},
|
||||
|
||||
computed: {
|
||||
desc() {
|
||||
return this.$t('editPageDesc')
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
|
||||
created() {
|
||||
// 上传默认图片的地址
|
||||
this.uploadDefaultImg = this.$mk.config.uploadDefaultImg;
|
||||
|
||||
// 获取路由的id参数
|
||||
let dataId = this.getDataId();
|
||||
|
||||
// 如果有id参数，说明是编辑模式
|
||||
if (dataId) {
|
||||
|
||||
|
||||
|
||||
this.$mk.post({
|
||||
url: this.actions.get,
|
||||
loading: "加载中...",
|
||||
|
|
@ -269,15 +289,17 @@ export default {
|
|||
|
||||
this.isEdit = true;
|
||||
} else {
|
||||
// 如果没有id参数，说明是新增模式
|
||||
this.addModeItems.forEach(item => {
|
||||
this.formOptions.items.push(item);
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
|
||||
// 通过接口获取数据
|
||||
this.$mk.getPagedData({
|
||||
url: this.actions.configList, data: {
|
||||
// 提交接口的参数
|
||||
"page": 0,
|
||||
"limit": 0,
|
||||
"start_time": 0,
|
||||
|
|
@ -287,17 +309,18 @@ export default {
|
|||
"order_bys": [
|
||||
]
|
||||
}
|
||||
}).then(r => {
|
||||
}).then(r => { // 成功回调
|
||||
this.config_list = r.list;
|
||||
// 更新当前项目名称
|
||||
this.updateCurrentConfigName();
|
||||
|
||||
// 获取项目列表
|
||||
this.config_list.splice(0, 0, { id: 0, title: "请选择" })
|
||||
});
|
||||
|
||||
},
|
||||
// 函数
|
||||
methods: {
|
||||
|
||||
// 更新当前项目名称
|
||||
updateCurrentConfigName() {
|
||||
this.config_list.forEach(item => {
|
||||
if (item.id == this.currentBeid) {
|
||||
|
|
@ -329,6 +352,8 @@ export default {
|
|||
});
|
||||
|
||||
},
|
||||
|
||||
// 获取路由的id参数
|
||||
getDataId() {
|
||||
|
||||
let dataId = this.dataId;
|
||||
|
|
@ -337,9 +362,9 @@ export default {
|
|||
}
|
||||
return parseInt(dataId || 0);
|
||||
},
|
||||
|
||||
// 加载服务列表数据
|
||||
loadDetailData1({ params }) {
|
||||
|
||||
|
||||
params.start_time = 0;
|
||||
params.end_time = 0;
|
||||
params.beid = this.formOptions.data.beid;
|
||||
|
|
@ -347,123 +372,170 @@ export default {
|
|||
params.company_id = this.getDataId();
|
||||
return this.$mk.getPagedData({ url: this.actions.serviceList, data: params });
|
||||
},
|
||||
|
||||
// 返回
|
||||
back() {
|
||||
// 如果是新增模式，关闭当前页面
|
||||
if (!this.isEdit) {
|
||||
this.$closePage({
|
||||
closeRoute: "/BaseCompany/BaseCompanyAdd"
|
||||
});
|
||||
} else {
|
||||
// 如果是编辑模式，关闭当前页面
|
||||
this.$closePage({
|
||||
closeRoute: "/BaseCompany/BaseCompanyUpdate"
|
||||
});
|
||||
}
|
||||
// 打开列表页面
|
||||
this.$openPage('/BaseCompany/BaseCompanyList')
|
||||
},
|
||||
ok() {
|
||||
|
||||
// 保存
|
||||
ok() {
|
||||
|
||||
let save = () => {
|
||||
|
||||
|
||||
// 如果是新增模式，提交新增接口 如果是编辑模式，提交编辑接口
|
||||
let action = !this.isEdit ? this.actions.create : this.actions.update;
|
||||
// 如果是新增模式，提交的数据中加入id 如果是编辑模式，提交的数据中不加入id
|
||||
let postdata = !this.isEdit ? Object.assign({ id: this.dataId }, this.formOptions.data) : Object.assign({}, this.formOptions.data);
|
||||
// 如果是编辑模式
|
||||
if (this.isEdit) {
|
||||
// postdata = { BaseCompany: postdata }
|
||||
}
|
||||
|
||||
// 格式化提交的数据
|
||||
this.$mk.formatFormData({ data: postdata, rules: this.formOptions.items });
|
||||
|
||||
|
||||
// 提交数据
|
||||
this.$mk.post({
|
||||
url: action,
|
||||
loading: "保存中...",
|
||||
data: postdata,
|
||||
}).then(() => {
|
||||
}).then(() => { // 成功回调
|
||||
this.$mk.success("保存成功");
|
||||
if (!this.isEdit) {
|
||||
if (!this.isEdit) { // 如果是新增模式，关闭当前页面
|
||||
this.back();
|
||||
}
|
||||
}).catch((a) => {
|
||||
this.$mk.error(a.data.msg);
|
||||
}).catch((a) => { // 失败回调
|
||||
this.$mk.error(a.data.msg); // 显示错误信息
|
||||
});
|
||||
|
||||
|
||||
};
|
||||
|
||||
this.$mk.validateForm({ form: this.$refs.xForm }).then(() => {
|
||||
|
||||
save();
|
||||
}).catch(count => {
|
||||
|
||||
// 验证表单
|
||||
this.$mk.validateForm({ form: this.$refs.xForm }).then(() => { // 验证表单
|
||||
save(); // 提交保存
|
||||
}).catch(count => { // 验证失败
|
||||
this.$mk.error(`存在${count}项错误，请检查`);
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
|
||||
// 移除服务
|
||||
pageDel() {
|
||||
// 获取选中的行
|
||||
let rows = this.$refs.gridService.getCheckboxRecords();
|
||||
// 数据的id主键
|
||||
let ids = [];
|
||||
// 遍历选中的行，获取id 主键 赋予到ids数组中
|
||||
rows.forEach((row) => {
|
||||
ids.push(row[this.keyName]);
|
||||
|
||||
});
|
||||
|
||||
// 如果ids数组为空，提示请选择行
|
||||
if (!ids.length) {
|
||||
this.$mk.error("请选择行");
|
||||
return;
|
||||
}
|
||||
|
||||
// 提示是否移除服务
|
||||
this.$mk.confirm('您确定要移除服务吗？').then(type => {
|
||||
// 如果是确定，提交移除服务接口
|
||||
if (type == 'confirm') {
|
||||
// 提交移除服务接口
|
||||
this.$mk.post({
|
||||
url: this.actions.serviceDel,
|
||||
loading: "移除服务中...",
|
||||
data: {
|
||||
ids: ids
|
||||
}
|
||||
}).then(() => {
|
||||
}).then(() => { // 成功回调
|
||||
this.$mk.success("移除服务成功");
|
||||
this.$refs.gridService.commitProxy('query')
|
||||
}).catch((a) => {
|
||||
}).catch((a) => { // 失败回调
|
||||
this.$mk.error(a.data.msg);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
pageAdd() {
|
||||
this.$mk.dialog.open({
|
||||
page: serviceListPage,
|
||||
title: "选择要添加的服务",
|
||||
|
||||
|
||||
// 添加服务
|
||||
pageAdd() {
|
||||
// 弹出选择服务页面
|
||||
this.$mk.dialog.open({
|
||||
// 加载页面：服务列表
|
||||
page: serviceListPage,
|
||||
// 标题
|
||||
title: "选择要添加的服务",
|
||||
// 是否显示页脚
|
||||
showFooter: true,
|
||||
// 传递给服务列表页面的参数
|
||||
pageOptions: {
|
||||
// 项目id
|
||||
config_id: this.currentBeid
|
||||
},
|
||||
// 选择模式
|
||||
pageMode: "select",
|
||||
// 宽度
|
||||
width: 1000,
|
||||
// 高度
|
||||
height: 870,
|
||||
// 数据主键
|
||||
dataId: 0,
|
||||
callback: ({ data }) => {
|
||||
callback: ({ data }) => { // 选择服务后的回调
|
||||
|
||||
// 如果没有选择服务
|
||||
if (!data || !data.length) {
|
||||
return;
|
||||
}
|
||||
// 服务的id数组
|
||||
let ids = [];
|
||||
// 遍历选择的服务，获取服务的id，赋予到ids数组中
|
||||
data.forEach(item => {
|
||||
ids.push(item.id)
|
||||
})
|
||||
// 提交添加服务接口
|
||||
this.$mk.post({
|
||||
url: this.actions.serviceAdd,
|
||||
loading: "添加中...",
|
||||
data: {
|
||||
// 企业id：获取当前页面的企业路由的id参数
|
||||
"company_id": this.getDataId(),
|
||||
ptyid: 0,
|
||||
// 项目id：获取Beid参数
|
||||
beid: this.formOptions.data.beid,
|
||||
// 服务id数组
|
||||
"services_id": ids
|
||||
},
|
||||
}).then(() => {
|
||||
}).then(() => { // 成功回调
|
||||
this.$mk.success("添加成功");
|
||||
|
||||
// 触发 commitProxy 的query方法 刷新服务列表
|
||||
this.$refs.gridService.commitProxy('query')
|
||||
}).catch((a) => {
|
||||
}).catch((a) => { // 失败回调
|
||||
this.$mk.error(a.data.msg);
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 取消 返回
|
||||
cancel() {
|
||||
this.back();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,14 +30,14 @@
|
|||
<!-- 表格区 -->
|
||||
<div class="gridPanel">
|
||||
<vxe-grid ref='xGrid' v-bind="gridOptions">
|
||||
<template #status="{ row }"><!-- 这里是自定义列 -->
|
||||
<!-- 转换 row.status 的值 如果是true显示开，否则显示关-->
|
||||
<a-switch :checked="row.status ? true : false" @change="onSwitch(row, 'status')" />
|
||||
</template>
|
||||
<template #auth_stop_date="{ row }"><!-- 这里是自定义列 -->
|
||||
<!-- 转换 row.auth_stop_date 的值 将时间戳转换为日期格式 -->
|
||||
<span>{{ row.auth_stop_date | formatDateTime(row.auth_stop_date) }}</span>
|
||||
</template>
|
||||
<template #status="{ row }"><!-- 这里是自定义列 -->
|
||||
<!-- 转换 row.status 的值 如果是true显示开，否则显示关-->
|
||||
<a-switch :checked="row.status ? 1 : 0" @change="onSwitch(row, 'status')" />
|
||||
</template>
|
||||
<template #op="{ row }">
|
||||
<div class="oplinks">
|
||||
<a @click.stop="pageEdit(row)" title="编辑"><a-icon type="edit" /></a>
|
||||
|
|
@ -61,7 +61,7 @@ import BASE_URL from '@/services/base/api.js';
|
|||
|
||||
export default {
|
||||
name: 'BaseConfigList',
|
||||
i18n: require('./i18n'),
|
||||
i18n: require('./i18n'), // 国际化
|
||||
props: {
|
||||
pageMode: {
|
||||
type: String,
|
||||
|
|
@ -70,41 +70,50 @@ export default {
|
|||
},
|
||||
data() {
|
||||
|
||||
// 页面数据变量
|
||||
var pageData = {
|
||||
// 页面数据
|
||||
var pageData = { // 页面数据变量
|
||||
|
||||
keyName: 'id',
|
||||
actions: {
|
||||
keyName: 'id', // 主键字段名
|
||||
|
||||
|
||||
// 接口动作
|
||||
actions: { // Api 接口地址
|
||||
getList: `${BASE_URL.BASE_URL}/BaseCompany/v1/list`,
|
||||
delete: `${BASE_URL.BASE_URL}/BaseCompany/v1/batchDelete`
|
||||
delete: `${BASE_URL.BASE_URL}/BaseCompany/v1/batchDelete`,
|
||||
open: `${BASE_URL.BASE_URL}/BaseCompany/v1/open`,
|
||||
close: `${BASE_URL.BASE_URL}/BaseCompany/v1/close`,
|
||||
},
|
||||
|
||||
start_time: 0,
|
||||
end_time: 0,
|
||||
start_time: 0, // 开始时间
|
||||
end_time: 0, // 结束时间
|
||||
|
||||
|
||||
//搜索区
|
||||
searchFormData: {
|
||||
title: '',
|
||||
desc: '',
|
||||
},
|
||||
|
||||
|
||||
// 搜索区配置
|
||||
searchRules: [
|
||||
{ key: "title", mode: "like" },
|
||||
{ key: "desc", mode: "like" }
|
||||
],
|
||||
|
||||
|
||||
|
||||
//搜索区
|
||||
searchFormItems: [
|
||||
{
|
||||
title: '左侧',
|
||||
span: 20,
|
||||
children: [
|
||||
title: '左侧', // 标题
|
||||
span: 20, // 栅格宽度
|
||||
children: [ // 子项
|
||||
{ field: 'title', title: '标题', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
|
||||
{ field: 'desc', title: '描述', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
|
||||
{ span: 8, slots: { default: 'date' } },
|
||||
{ span: 8, slots: { default: 'date' } }, // 自定义列
|
||||
{
|
||||
align: 'right', span: 4, itemRender: {
|
||||
name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } },
|
||||
align: 'right', span: 4, itemRender: { // 按钮列
|
||||
name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, // 搜索按钮
|
||||
{ props: { type: 'reset', content: '重置' } }]
|
||||
}
|
||||
}
|
||||
|
|
@ -113,14 +122,15 @@ export default {
|
|||
],
|
||||
|
||||
|
||||
|
||||
//数据区
|
||||
gridOptions: {
|
||||
height: '100%',
|
||||
id: 'datagrid_1',
|
||||
gridOptions: { // 表格配置
|
||||
height: '100%', // 表格高度 100% 会自动撑满父容器
|
||||
stripe: true, // 启用斑马纹
|
||||
id: 'datagrid_1', // 表格唯一标识
|
||||
|
||||
proxyConfig: {
|
||||
sort: true, // 启用排序代理，当点击排序时会自动触发 query 行为
|
||||
// 接口获取数据
|
||||
proxyConfig: { // 配置代理
|
||||
sort: true, // 启用排序代理，当点击排序时会自动触发 query 行为
|
||||
filter: true, // 启用筛选代理，当点击筛选时会自动触发 query 行为
|
||||
props: {
|
||||
result: 'list', // 配置响应结果列表字段
|
||||
|
|
@ -148,53 +158,66 @@ export default {
|
|||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// 表格列配置
|
||||
columns: [
|
||||
{ type: 'checkbox', width: 50 },
|
||||
{ type: 'seq', width: 50 },
|
||||
{ slots: { default: 'logo' }, width: 120, sortable: true, title: '公司Logo', showHeaderOverflow: true },
|
||||
{ field: 'title', sortable: true, title: '公司名称', width: 250 },
|
||||
{ type: 'checkbox', width: 50 }, // 多选框
|
||||
{ type: 'seq', width: 30 }, // 序号
|
||||
{ slots: { default: 'logo' }, width: 120, sortable: true, title: '公司Logo', showHeaderOverflow: true }, // logo 自定义列
|
||||
{ field: 'title', sortable: true, title: '公司名称', width: 250 }, // 公司名称
|
||||
// 将 auth_stop_date 时间戵转换为日期格式
|
||||
{ field: 'auth_stop_date', slots: { default: 'auth_stop_date' }, width: 120, sortable: true, title: '授权截止日期', showHeaderOverflow: true },
|
||||
{ field: 'token', width: 120, sortable: true, title: 'token', showHeaderOverflow: true },
|
||||
{ field: 'is_private_cloud', width: 110, sortable: true, title: '私有云', showHeaderOverflow: true },
|
||||
{ field: 'admin_count', width: 110, sortable: true, title: '用户数', showHeaderOverflow: true },
|
||||
{ field: 'token', width: 120, sortable: true, title: 'token', showHeaderOverflow: true }, // 公司token
|
||||
{ field: 'is_private_cloud', width: 110, sortable: true, title: '私有云', showHeaderOverflow: true }, // 是否私有云
|
||||
{ field: 'admin_count', width: 110, sortable: true, title: '用户数', showHeaderOverflow: true }, // 用户数
|
||||
{ field: 'status', slots: { default: 'status' }, width: 80, sortable: true, title: '状态', showHeaderOverflow: true }, // 状态
|
||||
{ field: 'create_time', width: 160, sortable: true, title: '创建时间', showHeaderOverflow: true }, // 创建时间
|
||||
{ title: '操作', slots: { default: 'op' }, width: 120 }
|
||||
]
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
pageData.gridOptions = Object.assign({}, this.$mk.config.defaults.gridOptions, pageData.gridOptions); // 合并默认配置
|
||||
pageData.gridOptions = Object.assign({}, this.$mk.config.defaults.gridOptions, pageData.gridOptions); // 合并表格数据
|
||||
|
||||
return pageData;
|
||||
return pageData; // 返回页面数据
|
||||
},
|
||||
|
||||
// 计算属性
|
||||
computed: {
|
||||
// 页面描述
|
||||
desc() {
|
||||
return this.$t('pageDesc')
|
||||
}
|
||||
},
|
||||
|
||||
// 创建完成
|
||||
created() {
|
||||
this.$nextTick(() => { // 在下次 DOM 更新循环结束之后执行延迟回调
|
||||
// 将表格和工具栏进行关联
|
||||
this.$refs.xGrid.connect(this.$refs.xToolbar)
|
||||
this.$refs.xGrid.connect(this.$refs.xToolbar) // 将表格和工具栏进行关联
|
||||
});
|
||||
},
|
||||
// 挂载完成
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
// 函数
|
||||
// 动作
|
||||
methods: {
|
||||
|
||||
|
||||
// 修改日期
|
||||
onDateChange(date) { // 日期选择器事件
|
||||
if (date && date.length) { // 如果有值
|
||||
this.start_time = parseInt(date[0]._d.getTime() / 1000); // 将日期转换为时间戳
|
||||
this.end_time = parseInt(date[1]._d.getTime() / 1000); // 将日期转换为时间戳
|
||||
} else {
|
||||
} else { // 如果没有值
|
||||
this.start_time = 0; // 将日期转换为时间戳
|
||||
this.end_time = 0; // 将日期转换为时间戳
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
// 获取搜索参数
|
||||
getSearchParms() { // 获取搜索参数
|
||||
var rules = []; // 定义搜索参数
|
||||
let findMode = k => { // 查找搜索模式
|
||||
|
|
@ -220,52 +243,46 @@ export default {
|
|||
}
|
||||
return rules; // 返回搜索参数
|
||||
},
|
||||
|
||||
// 获取选中行
|
||||
getSelectdRow() { // 获取选中行
|
||||
let row = this.$refs.xGrid.getCurrentRecord(); // 获取当前行
|
||||
if (!row) { // 如果没有选中行
|
||||
let rows = this.$refs.xGrid.getCheckboxRecords(); // 获取选中行
|
||||
if (rows && rows.length) { row = rows[0]; } // 如果有选中行就取第一行
|
||||
}
|
||||
return row;
|
||||
},
|
||||
loadData({ params }) { // 加载数据
|
||||
|
||||
params.start_time = this.start_time;
|
||||
params.end_time = this.end_time;
|
||||
|
||||
|
||||
return this.$mk.getPagedData({ url: this.actions.getList, data: params });
|
||||
return row; // 返回选中行
|
||||
},
|
||||
|
||||
//add / log / setting
|
||||
toolbarClick(e) { // 工具栏点击事件
|
||||
if (e.name == "add") {
|
||||
// 加载数据
|
||||
loadData({ params }) {
|
||||
params.start_time = this.start_time; // 开始时间
|
||||
params.end_time = this.end_time; // 结束时间
|
||||
return this.$mk.getPagedData({ url: this.actions.getList, data: params }); // 获取分页数据
|
||||
},
|
||||
|
||||
this.$openPage("/BaseCompany/BaseCompanyAdd");
|
||||
// 工具栏点击事件 add / log / setting
|
||||
toolbarClick(e) {
|
||||
if (e.name == "add") { // 如果是添加
|
||||
this.$openPage("/BaseCompany/BaseCompanyAdd"); // 打开页面
|
||||
}
|
||||
},
|
||||
|
||||
pageEdit(row) { // 编辑
|
||||
|
||||
// 编辑
|
||||
pageEdit(row) {
|
||||
if (!row) { // 如果没有选中行
|
||||
this.$mk.msg("请选择行"); // 提示
|
||||
return; // 返回
|
||||
}
|
||||
|
||||
this.$openPage("/BaseCompany/BaseCompanyUpdate/" + row[this.keyName]); // 打开页面
|
||||
|
||||
},
|
||||
|
||||
|
||||
pageDelete(row) { // 删除
|
||||
|
||||
|
||||
// 删除
|
||||
pageDelete(row) {
|
||||
let rows = row ? [row] : this.$refs.xGrid.getCheckboxRecords(); // 获取选中行
|
||||
|
||||
let ids = [];
|
||||
let ids = []; // 定义id数组
|
||||
rows.forEach((row) => { // 遍历选中行
|
||||
ids.push(row[this.keyName]); // 添加到数组中
|
||||
|
||||
ids.push(row[this.keyName]); // 将选择行的id添加到id数组
|
||||
});
|
||||
|
||||
if (!ids.length) { // 如果没有选中行
|
||||
|
|
@ -273,28 +290,27 @@ export default {
|
|||
return;
|
||||
}
|
||||
|
||||
this.$mk.confirm('您确定要删除吗？').then(type => {
|
||||
if (type == 'confirm') {
|
||||
this.$mk.confirm('您确定要删除吗？').then(type => { // 确认删除
|
||||
if (type == 'confirm') { // 如果确认删除
|
||||
this.$mk.post({
|
||||
url: this.actions.delete,
|
||||
loading: "删除中...",
|
||||
url: this.actions.delete, // 请求删除数据地址
|
||||
loading: "删除中...", // 加载提示
|
||||
data: {
|
||||
ids: ids
|
||||
ids: ids // 传递id数组
|
||||
}
|
||||
}).then(() => {
|
||||
this.$mk.success("删除成功");
|
||||
this.onSearch();
|
||||
}).catch((a) => {
|
||||
this.$mk.error(a.data.msg);
|
||||
}).then(() => { // 成功
|
||||
this.$mk.success("删除成功"); // 提示成功
|
||||
this.onSearch(); // 重新加载数据
|
||||
}).catch((a) => { // 失败
|
||||
this.$mk.error(a.data.msg); // 提示错误信息
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
},
|
||||
onSearch() { // 搜索
|
||||
this.$refs.xGrid.commitProxy('query')
|
||||
|
||||
// 搜索
|
||||
onSearch() {
|
||||
this.$refs.xGrid.commitProxy('query') // 提交搜索
|
||||
},
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
</template>
|
||||
</vxe-form>
|
||||
|
||||
|
||||
<!-- 如果是编辑模式，显示服务管理 -->
|
||||
<a-tabs default-active-key="1" class="formtabs" v-if="isEdit">
|
||||
<a-tab-pane key="1" tab="服务管理">
|
||||
|
||||
|
|
@ -70,7 +70,7 @@ export default {
|
|||
|
||||
// 页面数据变量
|
||||
var pageData = {
|
||||
|
||||
// 接口地址
|
||||
actions: {
|
||||
create: `${BASE_URL.BASE_URL}/BaseConfig/v1/create`,
|
||||
update: `${BASE_URL.BASE_URL}/BaseConfig/v1/update`,
|
||||
|
|
@ -81,10 +81,13 @@ export default {
|
|||
serviceOpen: `${BASE_URL.BASE_URL}/BaseConfig/v1/service/open`,
|
||||
serviceClose: `${BASE_URL.BASE_URL}/BaseConfig/v1/service/close`
|
||||
},
|
||||
|
||||
// 上传默认图片
|
||||
uploadDefaultImg: null,
|
||||
// 主键id名
|
||||
keyName: 'id',
|
||||
// 是否编辑模式
|
||||
isEdit: false,
|
||||
// 表单数据
|
||||
formOptions: {
|
||||
data: {
|
||||
"title": "",
|
||||
|
|
@ -106,8 +109,9 @@ export default {
|
|||
"slogan": "",
|
||||
"en_slogan": ""
|
||||
},
|
||||
|
||||
// 表单标题宽度
|
||||
titleWidth: 100,
|
||||
// 表单标题对齐方式
|
||||
titleAlign: 'right',
|
||||
|
||||
rules: {
|
||||
|
|
@ -204,19 +208,22 @@ export default {
|
|||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
// 设置图片默认地址
|
||||
this.uploadDefaultImg = this.$mk.config.uploadDefaultImg;
|
||||
// 获取页面路由ID
|
||||
let dataId = this.getDataId();
|
||||
// 如果有ID则为编辑模式 需要加载数据
|
||||
if (dataId) {
|
||||
// post请求数据
|
||||
this.$mk.post({
|
||||
url: this.actions.get,
|
||||
loading: "加载中...",
|
||||
data: {
|
||||
id: parseInt(dataId)
|
||||
}
|
||||
}).then(a => {
|
||||
}).then(a => { // 成功回调
|
||||
this.formOptions.data = a.data.BaseConfig;
|
||||
}).catch((a) => {
|
||||
}).catch((a) => { // 失败回调
|
||||
this.$mk.error(a.data.msg);
|
||||
});
|
||||
|
||||
|
|
@ -226,63 +233,79 @@ export default {
|
|||
},
|
||||
// 函数
|
||||
methods: {
|
||||
|
||||
// 查询文件列表
|
||||
selectFile() {
|
||||
this.$refs.imageInput.click();
|
||||
},
|
||||
// 上传文件
|
||||
upload() {
|
||||
const imgFile = this.$refs.imageInput.files[0]
|
||||
this.$mk.uploadFile(imgFile, 'png', (url) => {
|
||||
this.formOptions.data.logo = url;
|
||||
const imgFile = this.$refs.imageInput.files[0] // 获取文件
|
||||
this.$mk.uploadFile(imgFile, 'png', (url) => { // 上传文件
|
||||
this.formOptions.data.logo = url; // 设置图片地址
|
||||
});
|
||||
},
|
||||
// 切换服务状态
|
||||
onSwitch(row) {
|
||||
row.status = row.status ? 0 : 1;
|
||||
row.status = row.status ? 0 : 1; // 切换状态
|
||||
// post请求数据
|
||||
this.$mk.post({
|
||||
// 通过判断状态来判断是开启还是关闭服务
|
||||
url: row.status ? this.actions.serviceOpen : this.actions.serviceClose,
|
||||
loading: "加载中...",
|
||||
data: { id: row.id },
|
||||
}).then(() => {
|
||||
}).then(() => { // 成功回调
|
||||
this.$mk.msg(row.status ? "开启服务完成" : "停止服务完成");
|
||||
this.$emit("callback", { success: true });
|
||||
}).catch((a) => {
|
||||
}).catch((a) => { // 失败回调
|
||||
this.$mk.error(a.data.msg);
|
||||
});
|
||||
|
||||
},
|
||||
// 获取页面路由ID
|
||||
getDataId() {
|
||||
|
||||
let dataId = this.dataId;
|
||||
// 如果有路由ID则使用路由ID
|
||||
if (this.$route.params.id) {
|
||||
dataId = this.$route.params.id;
|
||||
}
|
||||
return parseInt(dataId || 0);
|
||||
return parseInt(dataId || 0); // 返回ID 格式化为数字
|
||||
},
|
||||
|
||||
// 加载详情数据
|
||||
loadDetailData1({ params }) {
|
||||
|
||||
|
||||
params.start_time = 0;
|
||||
params.end_time = 0;
|
||||
params.beid = this.getDataId();
|
||||
|
||||
params.start_time = 0; // 开始时间
|
||||
params.end_time = 0; // 结束时间
|
||||
params.beid = this.getDataId(); // 项目ID
|
||||
// 获取项目的服务列表
|
||||
return this.$mk.getPagedData({ url: this.actions.serviceList, data: params });
|
||||
},
|
||||
|
||||
// 返回
|
||||
back() {
|
||||
// 如果是新增页面则关闭当前页面
|
||||
if (!this.isEdit) {
|
||||
this.$closePage({
|
||||
closeRoute: "/BaseConfig/BaseConfigAdd"
|
||||
});
|
||||
} else {
|
||||
// 如果是编辑页面则关闭当前页面
|
||||
this.$closePage({
|
||||
closeRoute: "/BaseConfig/BaseConfigUpdate"
|
||||
});
|
||||
}
|
||||
// 打开列表页面
|
||||
this.$openPage('/BaseConfig/BaseConfigList')
|
||||
},
|
||||
ok() {
|
||||
|
||||
// 保存
|
||||
ok() {
|
||||
// 保存函数
|
||||
let save = () => {
|
||||
// 判断是否是编辑模式 如果是编辑模式则使用更新接口 如果是新增模式则使用新增接口
|
||||
let action = !this.isEdit ? this.actions.create : this.actions.update;
|
||||
// 如果是新增模式则需要添加ID 如果是编辑模式则不需要添加ID 如果是编辑模式则需要添加BaseConfig
|
||||
let postdata = !this.isEdit ? Object.assign({ id: this.dataId }, this.formOptions.data) : Object.assign({}, this.formOptions.data);
|
||||
// 如果是编辑模式则需要添加BaseConfig
|
||||
if (this.isEdit) {
|
||||
postdata = { BaseConfig: postdata }
|
||||
}
|
||||
|
|
@ -290,18 +313,18 @@ export default {
|
|||
url: action,
|
||||
loading: "保存中...",
|
||||
data: postdata,
|
||||
}).then(() => {
|
||||
}).then(() => { // 成功回调
|
||||
this.$mk.success("保存成功");
|
||||
if (!this.isEdit) {
|
||||
this.back();
|
||||
}
|
||||
}).catch((a) => {
|
||||
}).catch((a) => { // 失败回调
|
||||
this.$mk.error(a.data.msg);
|
||||
});
|
||||
};
|
||||
|
||||
// 验证表单
|
||||
this.$refs.xForm.validate((a) => {
|
||||
|
||||
// 如果有错误则提示错误
|
||||
if (a) {
|
||||
let count = 0;
|
||||
for (let name in a) {
|
||||
|
|
@ -310,59 +333,82 @@ export default {
|
|||
}
|
||||
this.$mk.error(`存在${count}项错误，请检查`);
|
||||
} else {
|
||||
// 如果没有错误则保存
|
||||
save();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
|
||||
// 移除服务
|
||||
pageDel() {
|
||||
// 获取选中的行
|
||||
let rows = this.$refs.gridService.getCheckboxRecords();
|
||||
// 获取选中行的ID
|
||||
let ids = [];
|
||||
// 遍历选中行
|
||||
rows.forEach((row) => {
|
||||
// 添加ID
|
||||
ids.push(row[this.keyName]);
|
||||
|
||||
});
|
||||
|
||||
// 如果没有选中行则提示错误
|
||||
if (!ids.length) {
|
||||
this.$mk.error("请选择行");
|
||||
return;
|
||||
}
|
||||
|
||||
// 弹出确认框
|
||||
this.$mk.confirm('您确定要移除服务吗？').then(type => {
|
||||
// 如果点击了确定按钮则执行移除服务
|
||||
if (type == 'confirm') {
|
||||
// 移除服务
|
||||
this.$mk.post({
|
||||
url: this.actions.serviceDel,
|
||||
loading: "移除服务中...",
|
||||
data: {
|
||||
ids: ids
|
||||
}
|
||||
}).then(() => {
|
||||
}).then(() => { // 成功回调
|
||||
this.$mk.success("移除服务成功");
|
||||
// 刷新服务列表
|
||||
this.$refs.gridService.commitProxy('query')
|
||||
}).catch((a) => {
|
||||
}).catch((a) => { // 失败回调
|
||||
this.$mk.error(a.data.msg);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
// 添加服务
|
||||
pageAdd() {
|
||||
// 打开服务列表页面
|
||||
this.$mk.dialog.open({
|
||||
// 加载服务列表页面
|
||||
page: serviceListPage,
|
||||
// 设置页面标题
|
||||
title: "选择要添加的服务",
|
||||
// 设置页面模式
|
||||
pageMode: "select",
|
||||
// 设置页面宽度
|
||||
width: 1000,
|
||||
// 设置页面高度
|
||||
height: 870,
|
||||
// 设置页面ID数据
|
||||
dataId: 0,
|
||||
// 设置回调函数
|
||||
callback: ({ data }) => {
|
||||
// 如果没有选中行则提示错误
|
||||
if (!data || !data.length) {
|
||||
return;
|
||||
}
|
||||
// 获取选中行的ID
|
||||
let ids = [];
|
||||
// 遍历选中行
|
||||
data.forEach(item => {
|
||||
ids.push(item.id)
|
||||
})
|
||||
// 添加服务
|
||||
this.$mk.post({
|
||||
url: this.actions.serviceAdd,
|
||||
loading: "添加中...",
|
||||
|
|
@ -370,16 +416,18 @@ export default {
|
|||
"beid": this.getDataId(),
|
||||
"service_id": ids
|
||||
},
|
||||
}).then(() => {
|
||||
}).then(() => { // 成功回调
|
||||
this.$mk.success("添加成功");
|
||||
|
||||
// 刷新数据
|
||||
this.$refs.gridService.commitProxy('query')
|
||||
}).catch((a) => {
|
||||
}).catch((a) => { // 失败回调
|
||||
this.$mk.error(a.data.msg);
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 取消
|
||||
cancel() {
|
||||
this.back();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@ export default {
|
|||
// 函数
|
||||
methods: {
|
||||
|
||||
|
||||
// 日期选择
|
||||
onDateChange(date) {
|
||||
if (date && date.length) {
|
||||
this.start_time = parseInt(date[0]._d.getTime() / 1000);
|
||||
|
|
@ -188,6 +188,8 @@ export default {
|
|||
}
|
||||
|
||||
},
|
||||
|
||||
// 获取搜索条件
|
||||
getSearchParms() {
|
||||
var rules = [];
|
||||
let findMode = k => {
|
||||
|
|
@ -204,7 +206,7 @@ export default {
|
|||
if (mode == "like") {
|
||||
value = "%" + value + "%";
|
||||
}
|
||||
rules.push({
|
||||
rules.push({ // 搜索条件
|
||||
column: key,
|
||||
mode: mode,
|
||||
value: value
|
||||
|
|
@ -213,6 +215,8 @@ export default {
|
|||
}
|
||||
return rules;
|
||||
},
|
||||
|
||||
// 获取选中行
|
||||
getSelectdRow() {
|
||||
let row = this.$refs.xGrid.getCurrentRecord();
|
||||
if (!row) {
|
||||
|
|
@ -221,6 +225,8 @@ export default {
|
|||
}
|
||||
return row;
|
||||
},
|
||||
|
||||
// 加载数据
|
||||
loadData({ params }) {
|
||||
|
||||
params.start_time = this.start_time;
|
||||
|
|
@ -233,11 +239,11 @@ export default {
|
|||
//add / log / setting
|
||||
toolbarClick(e) {
|
||||
if (e.name == "add") {
|
||||
|
||||
this.$openPage("/BaseConfig/BaseConfigAdd");
|
||||
}
|
||||
},
|
||||
|
||||
// 编辑
|
||||
pageEdit(row) {
|
||||
|
||||
if (!row) {
|
||||
|
|
@ -249,6 +255,7 @@ export default {
|
|||
|
||||
},
|
||||
|
||||
// 删除
|
||||
pageDelete(row) {
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -490,6 +490,7 @@ export default {
|
|||
dataId: row.id,
|
||||
callback: ({ success }) => {
|
||||
if (success) {
|
||||
// 触发 commitProxy 的query方法 刷新表格
|
||||
this.$refs.gridPermission.commitProxy('query')
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue