1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
| <!--
| *Author：jxx
| *Contact：283591387@qq.com
| *代码由框架生成,任何更改都可能导致被代码生成器覆盖
| *业务请在@/extension/system/Sys_User.js此处编写
| -->
| <template>
| <view-grid ref="grid" :columns="columns" :detail="detail" :editFormFields="editFormFields"
| :editFormOptions="editFormOptions" :searchFormFields="searchFormFields" :searchFormOptions="searchFormOptions"
| :table="table" :extend="extend">
| </view-grid>
| </template>
| <script>
| import extend from "@/extension/system/Sys_User.js";
| import { ref, defineComponent } from "vue";
| export default defineComponent({
| setup() {
| const table = ref({
| key: 'User_Id',
| footer: "Foots",
| cnName: '用户管理',
| name: 'Sys_User',
| url: "/Sys_User/",
| sortName: "User_Id"
| });
| const editFormFields = ref({ "systemType": "0", "UserName": "", "UserTrueName": "", "Role_Id": [], "DeptIds": "", "Enable": "", "Gender": "", "Remark": "", "HeadImageUrl": "" });
| const editFormOptions = ref([[{ "title": "帐号", "required": true, "field": "UserName", "disabled": true }],
| [{ "title": "姓名", "required": true, "field": "UserTrueName", "type": "text" }],
| [{ "dataKey": "tree_roles", "data": [], "title": "角色", "required": true, "field": "Role_Id", "type": "cascader" }],
| // [{ "dataKey": "组织机构", "data": [], "title": "组织构架", "field": "DeptIds", "colSize": 12, "type": "treeSelect" }],
| [{ "dataKey": "enable", "data": [], "title": "是否可用", "required": true, "field": "Enable", "type": "select" }],
| [{ "dataKey": "gender", "data": [], "title": "性别", "field": "Gender", "type": "select" }],
| [{ "title": "备注", "field": "Remark", "colSize": 12, "type": "textarea" }],
| [{ "title": "头像", "field": "HeadImageUrl", "type": "img" }]]);
| const searchFormFields = ref({ "systemType": "0", "UserName": "", "UserTrueName": "", "Gender": "", "DeptName": "", "Role_Id": [], "Token": "", "AppType": [], "CreateDate": "", "IsRegregisterPhone": "", "PhoneNo": "", "Enable": "", "LastLoginDate": "", "Address": "", "Email": "" });
| const searchFormOptions = ref([
| [
| { "title": "帐号", "field": "UserName" },
| { "title": "姓名", "field": "UserTrueName" },
| { "dataKey": "gender", "data": [], "title": "性别", "field": "Gender", "type": "select" }
| ],
| [
| { "dataKey": "enable", "data": [], "title": "是否可用", "field": "Enable", "type": "select" },
| { "title": "注册时间", "field": "CreateDate", "type": "datetime" }]
| ]);
| const columns = ref([{ field: 'User_Id', title: 'User_Id', type: 'int', width: 90, hidden: true, readonly: true, require: true, align: 'left' },
| { field: 'UserName', title: '帐号', type: 'string', link: true, width: 120, readonly: true, require: true, align: 'left', sort: true },
| { field: 'UserTrueName', title: '姓名', type: 'string', width: 120, require: true, align: 'left' },
| { field: 'Gender', title: '性别', type: 'int', bind: { key: 'gender', data: [] }, width: 80, align: 'left' },
| { field: 'HeadImageUrl', title: '头像', type: 'img', width: 90, align: 'left' },
| { field: 'Dept_Id', title: '不用', type: 'int', width: 90, hidden: true, align: 'left' },
| { field: 'DeptName', title: '不用', type: 'string', width: 150, hidden: true, align: 'left' },
| { field: 'Role_Id', title: '角色', type: 'int', bind: { key: 'tree_roles', data: [] }, width: 130, require: true, align: 'left' },
| { field: 'RoleName', title: '不用', type: 'string', width: 90, hidden: true, align: 'left' },
| { field: 'Token', title: 'Token', type: 'string', width: 180, hidden: true, align: 'left' },
| { field: 'AppType', title: '类型', type: 'int', bind: { key: 'ut', data: [] }, width: 150, hidden: true, align: 'left' },
| { field: 'DeptIds', title: '组织构架', type: 'string', bind: { key: '组织机构', data: [] }, width: 140, hidden: true, align: 'left' },
| { field: 'CreateDate', title: '注册时间', type: 'datetime', width: 150, readonly: true, align: 'left', sort: true },
| { field: 'IsRegregisterPhone', title: '手机用户', type: 'int', bind: { key: 'isphone', data: [] }, width: 120, hidden: true, align: 'left' },
| { field: 'PhoneNo', title: '手机号', type: 'string', width: 150, hidden: true, align: 'left' },
| { field: 'Tel', title: 'Tel', type: 'string', width: 90, hidden: true, align: 'left' },
| { field: 'CreateID', title: 'CreateID', type: 'int', width: 90, hidden: true, align: 'left' },
| { field: 'Creator', title: '创建人', type: 'string', width: 130, readonly: true, align: 'left' },
| { field: 'Enable', title: '是否可用', type: 'byte', bind: { key: 'enable', data: [] }, width: 90, require: true, align: 'left' },
| { field: 'ModifyID', title: 'ModifyID', type: 'int', width: 90, hidden: true, align: 'left' },
| { field: 'Modifier', title: '修改人', type: 'string', width: 130, hidden: true, readonly: true, align: 'left' },
| { field: 'ModifyDate', title: '修改时间', type: 'datetime', width: 90, hidden: true, readonly: true, align: 'left', sort: true },
| { field: 'AuditStatus', title: '审核状态', type: 'int', bind: { key: 'audit', data: [] }, width: 90, hidden: true, align: 'left' },
| { field: 'Auditor', title: '审核人', type: 'string', width: 90, hidden: true, align: 'left' },
| { field: 'AuditDate', title: '审核时间', type: 'datetime', width: 150, hidden: true, align: 'left', sort: true },
| { field: 'LastLoginDate', title: '最后登陆时间', type: 'datetime', width: 150, hidden: true, align: 'left', sort: true },
| { field: 'LastModifyPwdDate', title: '最后密码修改时间', type: 'datetime', width: 150, hidden: true, align: 'left', sort: true },
| { field: 'Address', title: '地址', type: 'string', width: 190, hidden: true, align: 'left' },
| { field: 'Mobile', title: '电话', type: 'string', width: 140, hidden: true, align: 'left' },
| { field: 'Email', title: 'Email', type: 'string', width: 140, hidden: true, align: 'left' },
| { field: 'Remark', title: '备注', type: 'string', width: 180, hidden: true, align: 'left' },
| { field: 'OrderNo', title: '排序号', type: 'int', width: 90, hidden: true, align: 'left' }]);
| const detail = ref({
| cnName: "#detailCnName",
| table: "#detailTable",
| columns: [],
| sortName: "",
| key: ""
| });
| return {
| table,
| extend,
| editFormFields,
| editFormOptions,
| searchFormFields,
| searchFormOptions,
| columns,
| detail,
| };
| },
| });
| </script>
|
|
