提交 f53e0efe 编写于 作者: VK1688's avatar VK1688

1.2.4

上级 5fe9bba2
### vk-unicloud-admin 框架研究Q群:`22466457` 如有问题或建议可以在群内讨论。
### 更新内容
#### 1、【升级】`vk-unicloud-admin-ui` 包升级至 `1.2.15`
#### 2、【调整】万能表格 `getCurrentRow()` 方法调整如下
```js
// 获取当前选中行的数据(拷贝一份新的数据),此时若改变item对象内属性的值,不影响表格本行数据。
let item = that.$refs.table1.getCurrentRow();
// 获取当前选中行的数据,此时若改变item对象内属性的值,可以实时更新表格本行数据。
let item = that.$refs.table1.getCurrentRow(true);
```
#### 3、【修复】万能表单 `checkbox` 第二次显示可能会报错的问题。
#### 框架更新步骤指南 [点击查看](https://gitee.com/vk-uni/vk-uni-cloud-router/wikis/pages?sort_id=4023455&doc_id=975983)
##### 框架学习Q群:`22466457` 欢迎萌新和大佬来使用和共同改进框架
### 如果你觉得框架对你有用,可以在下方进行评论,也可以进行赞赏。
## 1.2.4(2021-07-03)
### vk-unicloud-admin 框架研究Q群:`22466457` 如有问题或建议可以在群内讨论。
### 更新内容
#### 1、【升级】`vk-unicloud-admin-ui` 包升级至 `1.2.15`
#### 2、【调整】万能表格 `getCurrentRow()` 方法调整如下
```js
// 获取当前选中行的数据(拷贝一份新的数据),此时若改变item对象内属性的值,不影响表格本行数据。
let item = that.$refs.table1.getCurrentRow();
// 获取当前选中行的数据,此时若改变item对象内属性的值,可以实时更新表格本行数据。
let item = that.$refs.table1.getCurrentRow(true);
```
#### 3、【修复】万能表单 `checkbox` 第二次显示可能会报错的问题。
#### 框架更新步骤指南 [点击查看](https://gitee.com/vk-uni/vk-uni-cloud-router/wikis/pages?sort_id=4023455&doc_id=975983)
##### 框架学习Q群:`22466457` 欢迎萌新和大佬来使用和共同改进框架
### 如果你觉得框架对你有用,可以在下方进行评论,也可以进行赞赏。
## 1.2.3(2021-07-02) ## 1.2.3(2021-07-02)
### vk-unicloud-admin 框架研究Q群:`22466457` 如有问题或建议可以在群内讨论。 ### vk-unicloud-admin 框架研究Q群:`22466457` 如有问题或建议可以在群内讨论。
### 更新内容 ### 更新内容
......
{ {
"name": "vk-unicloud-admin", "name": "vk-unicloud-admin",
"version": "1.2.2", "version": "1.2.3",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
"dependencies": { "dependencies": {
...@@ -104,9 +104,9 @@ ...@@ -104,9 +104,9 @@
} }
}, },
"vk-unicloud-admin-ui": { "vk-unicloud-admin-ui": {
"version": "1.2.12", "version": "1.2.15",
"resolved": "https://registry.npmjs.org/vk-unicloud-admin-ui/-/vk-unicloud-admin-ui-1.2.12.tgz", "resolved": "https://registry.npmjs.org/vk-unicloud-admin-ui/-/vk-unicloud-admin-ui-1.2.15.tgz",
"integrity": "sha512-HQpDZ4ev21xK7YcLfRYI/BxqjERp0Y92JFOa4Zt/HsqpoSumqJsYx3esqtWNUBt3yZwKIDwb0Mu2FkOGbb0LdA==" "integrity": "sha512-y6t1nl2n5Un5G4KNZU846r7N+gSEfdGLlZrOYKE6ByhNI1zTq0bpIfqGJ5hb4p8ZO2cp5zZolyq6vNO+zbQj0w=="
}, },
"vuedraggable": { "vuedraggable": {
"version": "2.24.3", "version": "2.24.3",
......
{ {
"id": "vk-unicloud-admin", "id": "vk-unicloud-admin",
"name": "vk-unicloud-admin", "name": "vk-unicloud-admin",
"version": "1.2.3", "version": "1.2.4",
"displayName": "【开箱即用】vk-unicloud-admin - 快速开发框架 - 几分钟即可完成一个页面CRUD", "displayName": "【开箱即用】vk-unicloud-admin - 快速开发框架 - 几分钟即可完成一个页面CRUD",
"description": "vk-unicloud-admin是基于unicloud+uni-id+element+vk-unicloud-router的一套快速PC admin完整开发框架。丰富的API可以让你开发事半功倍。", "description": "vk-unicloud-admin是基于unicloud+uni-id+element+vk-unicloud-router的一套快速PC admin完整开发框架。丰富的API可以让你开发事半功倍。",
"keywords": [ "keywords": [
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
"dependencies": { "dependencies": {
"element-ui": "^2.15.2", "element-ui": "^2.15.2",
"umy-ui": "^1.1.6", "umy-ui": "^1.1.6",
"vk-unicloud-admin-ui": "^1.2.12" "vk-unicloud-admin-ui": "^1.2.15"
}, },
"engines": { "engines": {
"HBuilderX": "^3.1.10" "HBuilderX": "^3.1.10"
......
<template>
<vk-data-dialog
v-model="value.show"
:title="page.title"
:top="page.top"
:width="page.width"
:close-on-click-modal="true"
>
<vk-data-input-radio
v-model="form1.curd_category"
:localdata="localdata"
option-type="button"
@change="onChange"
></vk-data-input-radio>
<!-- 页面主体内容结束 -->
</vk-data-dialog>
</template>
<script>
var that; // 当前页面对象
var vk = uni.vk; // vk实例
export default {
props: {
value: {
Type: Object,
default: function() {
return {
show: false,
mode: "",
item: {}
};
}
}
},
data: function() {
// 组件创建时,进行数据初始化
return {
page: {
title: "修改权限分类",
top: "20vh",
width: "460px"
},
form1:{
_id:"",
},
localdata:[
{ value:1, label:"增加", tagType:"success" },
{ value:2, label:"删除", tagType:"danger" },
{ value:3, label:"修改", tagType:"" },
{ value:4, label:"查询", tagType:"info" },
{ value:5, label:"特殊", tagType:"warning" },
{ value:0, label:"其他", tagType:"warning" },
],
};
},
mounted() {
that = this;
that.init();
},
methods: {
// 初始化
init() {
let { value } = that;
that.$emit("input", value);
},
// 监听 - 页面打开
onOpen() {
that = this;
let { item={} } = that.value;
// 每次打开时,重新设置表单的值 = value.item 的值,item通过 vk.pubfn.openForm('表单名',{ item:{ _id:"1" } }) 传递值
that.form1 = {
_id: item._id,
curd_category: item.curd_category
}
},
// 监听 - 页面关闭
onClose() {
//that.$refs.form1.resetForm(); // 关闭时,重置表单
},
onChange(value){
vk.callFunction({
url: 'admin/system/permission/sys/updateCategory',
title:'请求中...',
data:that.form1,
success:function(data){
that.$set(that.value.item,"curd_category",value);
that.value.show = false; // 关闭页面
that.$emit("success");
}
});
},
},
watch: {
"value.show": {
handler(newValue, oldValue) {
let that = this;
if (newValue) {
that.onOpen();
} else {
that.onClose();
}
}
}
},
// 过滤器
filters: {},
// 计算属性
computed: {}
};
</script>
<style lang="scss" scoped></style>
...@@ -20,6 +20,7 @@ ...@@ -20,6 +20,7 @@
@delete="deleteBtn" @delete="deleteBtn"
@current-change="currentChange" @current-change="currentChange"
@selection-change="selectionChange" @selection-change="selectionChange"
@cell-click="cellClick"
></vk-data-table> ></vk-data-table>
<!-- 表格组件结束 --> <!-- 表格组件结束 -->
...@@ -41,7 +42,8 @@ ...@@ -41,7 +42,8 @@
></vk-data-form> ></vk-data-form>
</vk-data-dialog> </vk-data-dialog>
<!-- 添加或编辑的弹窗结束 --> <!-- 添加或编辑的弹窗结束 -->
<!-- 修改分类 -->
<updateCategory v-model="formDatas.updateCategory"></updateCategory>
<!-- 页面内容结束 --> <!-- 页面内容结束 -->
</view> </view>
</template> </template>
...@@ -61,8 +63,8 @@ ...@@ -61,8 +63,8 @@
{ value:2, label:"", tagType:"danger" }, { value:2, label:"", tagType:"danger" },
{ value:3, label:"", tagType:"" }, { value:3, label:"", tagType:"" },
{ value:4, label:"", tagType:"info" }, { value:4, label:"", tagType:"info" },
{ value:5, label:"", icon:"info" }, { value:5, label:"", tagType:"warning" },
{ value:0, label:"其他", icon:"info" }, //{ value:0, label:"其他", tagType:"warning" },
]; ];
const levelDate = [ const levelDate = [
{ value:1, label:"子弹级", tagType:"success" }, { value:1, label:"子弹级", tagType:"success" },
...@@ -71,7 +73,13 @@ ...@@ -71,7 +73,13 @@
{ value:4, label:"核弹级", tagType:"danger" }, { value:4, label:"核弹级", tagType:"danger" },
{ value:0, label:"其他", tagType:"info" }, { value:0, label:"其他", tagType:"info" },
]; ];
import updateCategory from './form/updateCategory'
export default { export default {
components:{
updateCategory,
},
data() { data() {
// 页面数据变量 // 页面数据变量
return { return {
...@@ -96,7 +104,7 @@ ...@@ -96,7 +104,7 @@
{ key:"match_mode", title:"匹配模式", type:"text", width:100, { key:"match_mode", title:"匹配模式", type:"text", width:100,
formatter:function(val, row, column, index){ formatter:function(val, row, column, index){
if(typeof val === "undefined" || row.type == 0) return ""; if(typeof val === "undefined" || row.type == 0) return "";
return matchModeData[val].text; return matchModeData[val].label;
} }
}, },
{ key:"curd_category", title:"权限分类", type:"tag", width:100, { key:"curd_category", title:"权限分类", type:"tag", width:100,
...@@ -147,13 +155,12 @@ ...@@ -147,13 +155,12 @@
// 表单字段显示规则 // 表单字段显示规则
columns:[ columns:[
{ key:"", title:"基础属性", type:"bar-title" }, { key:"", title:"基础属性", type:"bar-title" },
{ key:"permission_id", title:"标识", type:"text", show:["add"], { key:"permission_id", title:"标识", type:"text", disabled:["update"],
tips:"全局唯一,添加后不可修改,请尽量语义化。如:user-manage、user-add" tips:"全局唯一,添加后不可修改,请尽量语义化。如:user-manage、user-add"
}, },
{ key:"permission_name", title:"名称", type:"text", { key:"permission_name", title:"名称", type:"text",
tips:"起一个容易表达权限含义的名称" tips:"起一个容易表达权限含义的名称"
}, },
{ key:"icon", title:"图标", type:"text", tips:"设置一个能表达权限含义的图标" },
{ {
key:"url", title:"URL", type:"array<string>", tips:"云函数路径", key:"url", title:"URL", type:"array<string>", tips:"云函数路径",
isUnique:true, isUnique:true,
...@@ -165,8 +172,8 @@ ...@@ -165,8 +172,8 @@
data:matchModeData, data:matchModeData,
tips:"选择合适的匹配模式" tips:"选择合适的匹配模式"
}, },
{ key:"sort", title:"排序值", type:"number", tips:"越小越显示在前面" },
{ key:"parent_id", title:"父级标识", type:"text", tips:"分级的permission_id" }, { key:"parent_id", title:"父级标识", type:"text", tips:"分级的permission_id" },
{ key:"sort", title:"排序值", type:"number", tips:"越小越显示在前面" },
{ key:"comment", title:"备注", type:"textarea",maxlength:"99",showWordLimit:true,autosize:{ minRows: 2, maxRows: 10 }, { key:"comment", title:"备注", type:"textarea",maxlength:"99",showWordLimit:true,autosize:{ minRows: 2, maxRows: 10 },
tips:"设置一个备注来更详细的描述此权限的含义" tips:"设置一个备注来更详细的描述此权限的含义"
}, },
...@@ -201,6 +208,8 @@ ...@@ -201,6 +208,8 @@
show:false, show:false,
} }
}, },
// 其他表单属性容器(请勿修改)
formDatas:{},
// 表单相关结束----------------------------------------------------------- // 表单相关结束-----------------------------------------------------------
}; };
...@@ -241,8 +250,8 @@ ...@@ -241,8 +250,8 @@
that.$refs.table1.refresh(); that.$refs.table1.refresh();
}, },
// 获取当前选中的行的数据 // 获取当前选中的行的数据
getCurrentRow(){ getCurrentRow(key){
return that.$refs.table1.getCurrentRow(); return that.$refs.table1.getCurrentRow(key);
}, },
// 监听 - 行的选中高亮事件 // 监听 - 行的选中高亮事件
currentChange(val){ currentChange(val){
...@@ -263,6 +272,7 @@ ...@@ -263,6 +272,7 @@
if(currentRow && currentRow.permission_id){ if(currentRow && currentRow.permission_id){
// 设置的方法 // 设置的方法
that.$set(that.form1.data,"parent_id", currentRow.permission_id); that.$set(that.form1.data,"parent_id", currentRow.permission_id);
that.$set(that.form1.data,"permission_id", currentRow.permission_id+"-");
} }
}, },
// 显示修改页面 // 显示修改页面
...@@ -282,6 +292,14 @@ ...@@ -282,6 +292,14 @@
}, },
}); });
}, },
cellClick(row, column, cell, event){
let key = column.property;
if(key === "curd_category"){
// 修改分类
let item = that.getCurrentRow(true);
vk.pubfn.openForm('updateCategory', { item });
}
}
}, },
// 监听属性 // 监听属性
watch: { watch: {
......
...@@ -54,7 +54,7 @@ export default { ...@@ -54,7 +54,7 @@ export default {
return { return {
// 页面基础数据 // 页面基础数据
page: { page: {
title: "角色绑定", title: "重置密码",
submitText: "绑定", submitText: "绑定",
cancelText: "关闭", cancelText: "关闭",
showCancel: true, showCancel: true,
...@@ -69,8 +69,7 @@ export default { ...@@ -69,8 +69,7 @@ export default {
// 表单请求数据,此处可以设置默认值 // 表单请求数据,此处可以设置默认值
data: { data: {
user_id: "", user_id: "",
roleList: [], password:""
reset: true
}, },
// 表单属性 // 表单属性
props: { props: {
...@@ -115,16 +114,17 @@ export default { ...@@ -115,16 +114,17 @@ export default {
// 监听 - 页面打开 // 监听 - 页面打开
onOpen() { onOpen() {
that = this; that = this;
let { value } = that; let { item={} } = that.value;
let { role = [], _id } = value.item; let data = vk.pubfn.copyObject(item);
that.data = value.item; that.data = data;
that.form1.props.show = true; that.form1.data = {
that.form1.data.user_id = _id; user_id: data._id,
that.form1.data.roleList = role; password: ""
};
}, },
// 监听 - 页面关闭 // 监听 - 页面关闭
onClose() { onClose() {
that.resetForm(); //that.resetForm();
}, },
// 表单提交成功后 // 表单提交成功后
onFormSuccess() { onFormSuccess() {
......
module.exports = {
/**
* 修改权限分类
* @url admin/system/permission/sys/updateCategory 前端调用的url参数地址
* data 请求参数 说明
* @params {String} _id 权限Id
* @params {Boolean} curd_category 0:未分类 1:增 2:删 3:改 4:查 5:特殊
* res 返回参数说明
* @params {Number} code 错误码,0表示成功
* @params {String} msg 详细信息
*/
main: async (event) => {
let { data = {}, userInfo, util, filterResponse, originalParam } = event;
let { customUtil, uniID, config, pubFun, vk, db, _ } = util;
let { uid } = data;
let res = { code: 0, msg: '' };
// 业务逻辑开始-----------------------------------------------------------
let {
_id,
curd_category=0,
} = data;
let dbName = "uni-id-permissions";
// 执行数据库API请求
res.num = await vk.baseDao.updateById({
dbName,
id:_id,
dataJson:{
curd_category
}
});
return res;
}
}
...@@ -295,7 +295,64 @@ ...@@ -295,7 +295,64 @@
"match_mode":1, "match_mode":1,
"curd_category":4, "curd_category":4,
"level":3 "level":3
} },
{
"_id": "sys-manage",
"_add_time": 1596416400000,
"permission_id":"sys-manage",
"permission_name": "用户角色权限菜单",
"comment":"",
"sort": 2,
"enable":true
},
{
"_id": "sys-manage-user",
"_add_time": 1596416400000,
"permission_id":"sys-manage-user",
"permission_name": "系统 - 用户管理",
"comment":"",
"url": ["admin/system/user/sys/*"],
"sort": 1,
"enable":true,
"match_mode":1,
"parent_id":"sys-manage"
},
{
"_id": "sys-manage-role",
"_add_time": 1596416400000,
"permission_id":"sys-manage-role",
"permission_name": "系统 - 角色管理",
"comment":"",
"url": ["admin/system/role/sys/*"],
"sort": 2,
"enable":true,
"match_mode":1,
"parent_id":"sys-manage"
},
{
"_id": "sys-manage-permission",
"_add_time": 1596416400000,
"permission_id":"sys-manage-permission",
"permission_name": "系统 - 权限管理",
"comment":"",
"url": ["admin/system/permission/sys/*"],
"sort": 3,
"enable":true,
"match_mode":1,
"parent_id":"sys-manage"
},
{
"_id": "sys-manage-menu",
"_add_time": 1596416400000,
"permission_id":"sys-manage-menu",
"permission_name": "系统 - 菜单管理",
"comment":"",
"url": ["admin/system/menu/sys/*"],
"sort": 4,
"enable":true,
"match_mode":1,
"parent_id":"sys-manage"
}
], ],
"index": [ "index": [
{ {
...@@ -376,64 +433,7 @@ ...@@ -376,64 +433,7 @@
"sort": 4, "sort": 4,
"parent_id":"sys-admin", "parent_id":"sys-admin",
"enable":true "enable":true
}, }
{
"_id": "sys-manage",
"_add_time": 1596416400000,
"permission_id":"sys-manage",
"permission_name": "用户角色权限菜单",
"comment":"",
"sort": 2,
"enable":true
},
{
"_id": "sys-manage-user",
"_add_time": 1596416400000,
"permission_id":"sys-manage-user",
"permission_name": "系统 - 用户管理",
"comment":"",
"url": ["admin/system/user/sys/*"],
"sort": 1,
"enable":true,
"match_mode":1,
"parent_id":"sys-manage"
},
{
"_id": "sys-manage-role",
"_add_time": 1596416400000,
"permission_id":"sys-manage-role",
"permission_name": "系统 - 角色管理",
"comment":"",
"url": ["admin/system/role/sys/*"],
"sort": 2,
"enable":true,
"match_mode":1,
"parent_id":"sys-manage"
},
{
"_id": "sys-manage-permission",
"_add_time": 1596416400000,
"permission_id":"sys-manage-permission",
"permission_name": "系统 - 权限管理",
"comment":"",
"url": ["admin/system/permission/sys/*"],
"sort": 3,
"enable":true,
"match_mode":1,
"parent_id":"sys-manage"
},
{
"_id": "sys-manage-menu",
"_add_time": 1596416400000,
"permission_id":"sys-manage-menu",
"permission_name": "系统 - 菜单管理",
"comment":"",
"url": ["admin/system/menu/sys/*"],
"sort": 4,
"enable":true,
"match_mode":1,
"parent_id":"sys-manage"
}
], ],
"index": [ "index": [
{ {
......
...@@ -55,7 +55,7 @@ export default { ...@@ -55,7 +55,7 @@ export default {
| page-size | 通用 - 每页显示数量 | Number | 10 | - | | page-size | 通用 - 每页显示数量 | Number | 10 | - |
| page-sizes | 通用 - 每页显示数量选择列表 | Array | [1, 5, 10, 20, 50, 100, 1000] | - | | page-sizes | 通用 - 每页显示数量选择列表 | Array | [1, 5, 10, 20, 50, 100, 1000] | - |
| right-btns | 通用 - 右侧显示的按钮列表 | Array | [] | 看下方详细说明 | | right-btns | 通用 - 右侧显示的按钮列表 | Array | [] | 看下方详细说明 |
| right-btns-type | 通用 - 右侧显示的按钮列表 | String | "button" | "text" | | right-btns-type | 通用 - 右侧显示的按钮类型 | String | "button" | "text" |
| right-btns-more | 通用 - 右侧更多按钮 | Array | [] | 看下方详细说明 | | right-btns-more | 通用 - 右侧更多按钮 | Array | [] | 看下方详细说明 |
| custom-right-btns | 通用 - 自定义右侧按钮 | Array | [] | 看下方详细说明 | | custom-right-btns | 通用 - 自定义右侧按钮 | Array | [] | 看下方详细说明 |
| row-key | 通用 - 行数据的 Key | Function,String | "_id" | - | | row-key | 通用 - 行数据的 Key | Function,String | "_id" | - |
...@@ -105,7 +105,7 @@ export default { ...@@ -105,7 +105,7 @@ export default {
| getTableData | 获取整个表格数据 | | getTableData | 获取整个表格数据 |
| getMultipleSelection | 获取多选框的数据 | | getMultipleSelection | 获取多选框的数据 |
| showDetail | 显示详情页 | | showDetail | 显示详情页 |
| closeDetailInfoDialog | 关闭详情页 | | closeDetail | 关闭详情页 |
| exportExcel | 导出xls表格文件 | | exportExcel | 导出xls表格文件 |
| deleteRows | 删除指定的行(不删数据库数据) | | deleteRows | 删除指定的行(不删数据库数据) |
| updateRows | 更新指定的行数据(不更新据库数据) | | updateRows | 更新指定的行数据(不更新据库数据) |
...@@ -318,7 +318,10 @@ data() { ...@@ -318,7 +318,10 @@ data() {
```html ```html
<vk-data-table <vk-data-table
:custom-right-btns="[ :custom-right-btns="[
{ title: '按钮1', type: 'primary', icon: 'el-icon-edit' } { title: '按钮1', type: 'primary', icon: 'el-icon-edit' },
{ title: '按钮2', type: 'success', icon: 'el-icon-edit' },
{ title: '按钮3', type: 'warning', icon: 'el-icon-edit' },
{ title: '按钮4', type: 'danger', icon: 'el-icon-edit' }
]" ]"
@custom-right-btns="customRightBtns" @custom-right-btns="customRightBtns"
></vk-data-table> ></vk-data-table>
......
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
<vk-data-input-radio <vk-data-input-radio
v-model="form1.value" v-model="form1.value"
:item-width="80" :item-width="80"
:action="admin/select/kh/categorys" action="admin/select/kh/categorys"
:props="{ list:'rows', value:'_id', label:'name' }" :props="{ list:'rows', value:'_id', label:'name' }"
></vk-data-input-radio> ></vk-data-input-radio>
``` ```
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
<vk-data-input-checkbox <vk-data-input-checkbox
v-model="form1.value" v-model="form1.value"
:item-width="80" :item-width="80"
:action="admin/select/kh/categorys" action="admin/select/kh/categorys"
:props="{ list:'rows', value:'_id', label:'name' }" :props="{ list:'rows', value:'_id', label:'name' }"
></vk-data-input-checkbox> ></vk-data-input-checkbox>
``` ```
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册