| | |
| | | <!-- |
| | | *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> |
| | | <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({ "userName": "", "userTrueName": "", "role_Id": [], "enable": "", "gender": "", "remark": "","systemType": "0", }); |
| | | const editFormOptions = ref([ |
| | | [{ "title": "å¸å·", "required": true, "field": "userName", }], |
| | | [{ "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": "ç³»ç»", "required": true, "field": "systemType" }], |
| | | // [{ "title": "头å", "field": "headImageUrl", "type": "img" }] |
| | | setup() { |
| | | const table = ref({ |
| | | key: "user_Id", |
| | | footer: "Foots", |
| | | cnName: "ç¨æ·ç®¡ç", |
| | | name: "Sys_User", |
| | | url: "/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"}], |
| | | [{ 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: '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: 'gender', title: 'æ§å«', type: 'int', bind: { key: 'gender', data: [] }, width: 80, align: 'left' }, |
| | | { field: 'headImageUrl', title: '头å', type: 'img', width: 90, 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: 'enable', title: 'æ¯å¦å¯ç¨', type: 'byte', bind: { key: 'enable', data: [] }, width: 90, require: true, align: 'left' }, |
| | | { 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: 'creater', title: 'å建人', type: 'string', width: 130, readonly: true, align: 'left' }, |
| | | { field: 'createrDate', title: 'å建æ¶é´', type: 'string', width: 130, readonly: 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, |
| | | }; |
| | | }, |
| | | 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: "phoneNo", |
| | | title: "ææºå·", |
| | | type: "string", |
| | | width: 150, |
| | | hidden: true, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "tel", |
| | | title: "Tel", |
| | | type: "string", |
| | | width: 90, |
| | | hidden: true, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "creater", |
| | | 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: "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: "lastModifyPwdDate", |
| | | title: "æåå¯ç ä¿®æ¹æ¶é´", |
| | | type: "datetime", |
| | | width: 150, |
| | | hidden: true, |
| | | align: "left", |
| | | sort: true, |
| | | }, |
| | | { |
| | | field: "address", |
| | | title: "å°å", |
| | | type: "string", |
| | | width: 190, |
| | | 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", |
| | | }, |
| | | ]); |
| | | const detail = ref({ |
| | | cnName: "#detailCnName", |
| | | table: "#detailTable", |
| | | columns: [], |
| | | sortName: "", |
| | | key: "", |
| | | }); |
| | | return { |
| | | table, |
| | | extend, |
| | | editFormFields, |
| | | editFormOptions, |
| | | searchFormFields, |
| | | searchFormOptions, |
| | | columns, |
| | | detail, |
| | | }; |
| | | }, |
| | | }); |
| | | </script> |