提交 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)
### vk-unicloud-admin 框架研究Q群:`22466457` 如有问题或建议可以在群内讨论。
### 更新内容
......
{
"name": "vk-unicloud-admin",
"version": "1.2.2",
"version": "1.2.3",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
......@@ -104,9 +104,9 @@
}
},
"vk-unicloud-admin-ui": {
"version": "1.2.12",
"resolved": "https://registry.npmjs.org/vk-unicloud-admin-ui/-/vk-unicloud-admin-ui-1.2.12.tgz",
"integrity": "sha512-HQpDZ4ev21xK7YcLfRYI/BxqjERp0Y92JFOa4Zt/HsqpoSumqJsYx3esqtWNUBt3yZwKIDwb0Mu2FkOGbb0LdA=="
"version": "1.2.15",
"resolved": "https://registry.npmjs.org/vk-unicloud-admin-ui/-/vk-unicloud-admin-ui-1.2.15.tgz",
"integrity": "sha512-y6t1nl2n5Un5G4KNZU846r7N+gSEfdGLlZrOYKE6ByhNI1zTq0bpIfqGJ5hb4p8ZO2cp5zZolyq6vNO+zbQj0w=="
},
"vuedraggable": {
"version": "2.24.3",
......
{
"id": "vk-unicloud-admin",
"name": "vk-unicloud-admin",
"version": "1.2.3",
"version": "1.2.4",
"displayName": "【开箱即用】vk-unicloud-admin - 快速开发框架 - 几分钟即可完成一个页面CRUD",
"description": "vk-unicloud-admin是基于unicloud+uni-id+element+vk-unicloud-router的一套快速PC admin完整开发框架。丰富的API可以让你开发事半功倍。",
"keywords": [
......@@ -22,7 +22,7 @@
"dependencies": {
"element-ui": "^2.15.2",
"umy-ui": "^1.1.6",
"vk-unicloud-admin-ui": "^1.2.12"
"vk-unicloud-admin-ui": "^1.2.15"
},
"engines": {
"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 @@
@delete="deleteBtn"
@current-change="currentChange"
@selection-change="selectionChange"
@cell-click="cellClick"
></vk-data-table>
<!-- 表格组件结束 -->
......@@ -41,7 +42,8 @@
></vk-data-form>
</vk-data-dialog>
<!-- 添加或编辑的弹窗结束 -->
<!-- 修改分类 -->
<updateCategory v-model="formDatas.updateCategory"></updateCategory>
<!-- 页面内容结束 -->
</view>
</template>
......@@ -61,8 +63,8 @@
{ value:2, label:"", tagType:"danger" },
{ value:3, label:"", tagType:"" },
{ value:4, label:"", tagType:"info" },
{ value:5, label:"", icon:"info" },
{ value:0, label:"其他", icon:"info" },
{ value:5, label:"", tagType:"warning" },
//{ value:0, label:"其他", tagType:"warning" },
];
const levelDate = [
{ value:1, label:"子弹级", tagType:"success" },
......@@ -71,7 +73,13 @@
{ value:4, label:"核弹级", tagType:"danger" },
{ value:0, label:"其他", tagType:"info" },
];
import updateCategory from './form/updateCategory'
export default {
components:{
updateCategory,
},
data() {
// 页面数据变量
return {
......@@ -96,7 +104,7 @@
{ key:"match_mode", title:"匹配模式", type:"text", width:100,
formatter:function(val, row, column, index){
if(typeof val === "undefined" || row.type == 0) return "";
return matchModeData[val].text;
return matchModeData[val].label;
}
},
{ key:"curd_category", title:"权限分类", type:"tag", width:100,
......@@ -147,13 +155,12 @@
// 表单字段显示规则
columns:[
{ 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"
},
{ key:"permission_name", title:"名称", type:"text",
tips:"起一个容易表达权限含义的名称"
},
{ key:"icon", title:"图标", type:"text", tips:"设置一个能表达权限含义的图标" },
{
key:"url", title:"URL", type:"array<string>", tips:"云函数路径",
isUnique:true,
......@@ -165,8 +172,8 @@
data:matchModeData,
tips:"选择合适的匹配模式"
},
{ key:"sort", title:"排序值", type:"number", tips:"越小越显示在前面" },
{ 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 },
tips:"设置一个备注来更详细的描述此权限的含义"
},
......@@ -201,6 +208,8 @@
show:false,
}
},
// 其他表单属性容器(请勿修改)
formDatas:{},
// 表单相关结束-----------------------------------------------------------
};
......@@ -241,8 +250,8 @@
that.$refs.table1.refresh();
},
// 获取当前选中的行的数据
getCurrentRow(){
return that.$refs.table1.getCurrentRow();
getCurrentRow(key){
return that.$refs.table1.getCurrentRow(key);
},
// 监听 - 行的选中高亮事件
currentChange(val){
......@@ -263,6 +272,7 @@
if(currentRow && 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 @@
},
});
},
cellClick(row, column, cell, event){
let key = column.property;
if(key === "curd_category"){
// 修改分类
let item = that.getCurrentRow(true);
vk.pubfn.openForm('updateCategory', { item });
}
}
},
// 监听属性
watch: {
......
......@@ -54,7 +54,7 @@ export default {
return {
// 页面基础数据
page: {
title: "角色绑定",
title: "重置密码",
submitText: "绑定",
cancelText: "关闭",
showCancel: true,
......@@ -69,8 +69,7 @@ export default {
// 表单请求数据,此处可以设置默认值
data: {
user_id: "",
roleList: [],
reset: true
password:""
},
// 表单属性
props: {
......@@ -115,16 +114,17 @@ export default {
// 监听 - 页面打开
onOpen() {
that = this;
let { value } = that;
let { role = [], _id } = value.item;
that.data = value.item;
that.form1.props.show = true;
that.form1.data.user_id = _id;
that.form1.data.roleList = role;
let { item={} } = that.value;
let data = vk.pubfn.copyObject(item);
that.data = data;
that.form1.data = {
user_id: data._id,
password: ""
};
},
// 监听 - 页面关闭
onClose() {
that.resetForm();
//that.resetForm();
},
// 表单提交成功后
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 @@
"match_mode":1,
"curd_category":4,
"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": [
{
......@@ -376,64 +433,7 @@
"sort": 4,
"parent_id":"sys-admin",
"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": [
{
......
......@@ -55,7 +55,7 @@ export default {
| page-size | 通用 - 每页显示数量 | Number | 10 | - |
| page-sizes | 通用 - 每页显示数量选择列表 | Array | [1, 5, 10, 20, 50, 100, 1000] | - |
| right-btns | 通用 - 右侧显示的按钮列表 | Array | [] | 看下方详细说明 |
| right-btns-type | 通用 - 右侧显示的按钮列表 | String | "button" | "text" |
| right-btns-type | 通用 - 右侧显示的按钮类型 | String | "button" | "text" |
| right-btns-more | 通用 - 右侧更多按钮 | Array | [] | 看下方详细说明 |
| custom-right-btns | 通用 - 自定义右侧按钮 | Array | [] | 看下方详细说明 |
| row-key | 通用 - 行数据的 Key | Function,String | "_id" | - |
......@@ -105,7 +105,7 @@ export default {
| getTableData | 获取整个表格数据 |
| getMultipleSelection | 获取多选框的数据 |
| showDetail | 显示详情页 |
| closeDetailInfoDialog | 关闭详情页 |
| closeDetail | 关闭详情页 |
| exportExcel | 导出xls表格文件 |
| deleteRows | 删除指定的行(不删数据库数据) |
| updateRows | 更新指定的行数据(不更新据库数据) |
......@@ -318,7 +318,10 @@ data() {
```html
<vk-data-table
: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"
></vk-data-table>
......
......@@ -139,7 +139,7 @@
<vk-data-input-radio
v-model="form1.value"
:item-width="80"
:action="admin/select/kh/categorys"
action="admin/select/kh/categorys"
:props="{ list:'rows', value:'_id', label:'name' }"
></vk-data-input-radio>
```
......@@ -139,7 +139,7 @@
<vk-data-input-checkbox
v-model="form1.value"
:item-width="80"
:action="admin/select/kh/categorys"
action="admin/select/kh/categorys"
:props="{ list:'rows', value:'_id', label:'name' }"
></vk-data-input-checkbox>
```
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册