| | |
| | | *ä¸å¡è¯·å¨@/extension/system/Sys_Dictionary.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_Dictionary.js"; |
| | | import { ref, defineComponent } from "vue"; |
| | | export default defineComponent({ |
| | | setup() { |
| | | const table = ref({ |
| | | key: 'dicId', |
| | | footer: "Foots", |
| | | cnName: 'åå
¸æ°æ®', |
| | | name: 'Sys_Dictionary', |
| | | url: "/Sys_Dictionary/", |
| | | sortName: "dicId" |
| | | }); |
| | | const editFormFields = ref({ "dicNo": "", "dicName": "", "parentId": "", "orderNo": "", "enable": "", "createDate": "", "dbSql": "", "remark": "", "systemType": 1 }); |
| | | const editFormOptions = ref([[{ "title": "åå
¸ç¼å·", "required": true, "field": "dicNo" }, |
| | | { "title": "åå
¸åç§°", "required": true, "field": "dicName" }, |
| | | { "title": "ç¶çº§ID", "required": true, "field": "parentId", "type": "number" }], |
| | | [{ "title": "æåºå·", "field": "orderNo", "type": "number" }, |
| | | { "dataKey": "enable", "data": [], "title": "æ¯å¦å¯ç¨", "required": true, "field": "enable", "type": "select" }, |
| | | { "title": "å建æ¶é´", "field": "createDate", "type": "datetime" },], |
| | | [{ "title": "sqlè¯å¥", "field": "DbSql", "colSize": 8, "type": "textarea" }, |
| | | { "title": "夿³¨", "field": "Remark", "type": "textarea" }]]); |
| | | const searchFormFields = ref({ "dicNo": "", "dicName": "", "parentId": "", "enable": "", "createDate": "", "modifyDate": "" }); |
| | | const searchFormOptions = ref([[{ "title": "åå
¸ç¼å·", "field": "DicNo" }, { "title": "åå
¸åç§°", "field": "DicName", "type": "textarea" }, { "title": "ç¶çº§ID", "field": "ParentId", "type": "number" }], [{ "dataKey": "enable", "data": [], "title": "æ¯å¦å¯ç¨", "field": "Enable", "type": "select" }, { "title": "å建æ¶é´", "field": "CreateDate", "type": "datetime" }, { "title": "ä¿®æ¹æ¶é´", "field": "ModifyDate", "type": "datetime" }]]); |
| | | const columns = ref([{ field: 'dicId', title: 'åå
¸ID', type: 'int', width: 90, hidden: true, readonly: true, require: true, align: 'left' }, |
| | | { field: 'dicNo', title: 'åå
¸ç¼å·', type: 'string', width: 90, require: true, align: 'left', sort: true }, |
| | | { field: 'dicName', title: 'åå
¸åç§°', type: 'string', link: true, width: 140, require: true, align: 'left' }, |
| | | { field: 'parentId', title: 'ç¶çº§ID', type: 'int', width: 90, require: true, align: 'left' }, |
| | | { field: 'config', title: 'é
置项', type: 'string', width: 300, hidden: true, align: 'left' }, |
| | | { field: 'dbSql', title: 'sqlè¯å¥', type: 'string', width: 200, align: 'left' }, |
| | | { field: 'dBServer', title: 'DBServer', type: 'string', width: 90, hidden: true, align: 'left' }, |
| | | { field: 'orderNo', title: 'æåºå·', type: 'int', width: 90, align: 'left' }, |
| | | { field: 'remark', title: '夿³¨', type: 'string', width: 90, align: 'left' }, |
| | | { field: 'enable', title: 'æ¯å¦å¯ç¨', type: 'byte', bind: { key: 'enable', data: [] }, width: 90, require: true, align: 'left' }, |
| | | { field: 'createID', title: 'CreateID', type: 'int', width: 90, hidden: true, align: 'left' }, |
| | | { field: 'creater', title: 'å建人', type: 'string', width: 130, hidden: true, readonly: true, align: 'left' }, |
| | | { field: 'createDate', title: 'å建æ¶é´', type: 'datetime',hidden: true, width: 150, readonly: true, align: 'left', sort: true }, |
| | | { 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', hidden: true,width: 150, readonly: true, align: 'left', sort: true }]); |
| | | const detail = ref({ |
| | | cnName: "åå
¸æç»", |
| | | table: "Sys_DictionaryList", |
| | | columns: [{ field: 'dicListId', title: 'DicList_ID', type: 'int', width: 90, hidden: true, readonly: true, require: true, align: 'left' }, |
| | | { field: 'dicId', title: 'æ°æ®æºID', type: 'int', width: 90, readonly: true, align: 'left', sort: true }, |
| | | { field: 'dicValue', title: 'æ°æ®æºValue', type: 'string', width: 90, edit: { type: 'text' }, align: 'left' }, |
| | | { field: 'dicName', title: 'æ°æ®æºText', type: 'string', width: 90, edit: { type: 'text' }, align: 'left' }, |
| | | { field: 'orderNo', title: 'æåºå·', type: 'int', width: 90, edit: { type: 'text' }, align: 'left' }, |
| | | { field: 'remark', title: '夿³¨', type: 'string', width: 90, edit: { type: 'text' }, align: 'left' }, |
| | | { field: 'enable', title: 'æ¯å¦å¯ç¨', type: 'byte', bind: { key: 'enable', data: [] }, width: 90, edit: { type: 'switch' }, align: 'left' }, |
| | | { field: 'createID', title: 'CreateID', type: 'int', width: 90, hidden: true, align: 'left' }, |
| | | { field: 'creater', title: 'å建人', type: 'string', width: 130, hidden: true, align: 'left' , edit: { type: '' }}, |
| | | { field: 'CreateDate', title: 'å建æ¶é´', type: 'datetime', width: 90, hidden: true, align: 'left', sort: true, edit: { type: 'datetime' } }, |
| | | { field: 'modifyID', title: 'ModifyID', type: 'int', width: 90, hidden: true, align: 'left' }, |
| | | { field: 'modifier', title: 'ä¿®æ¹äºº', type: 'string', hidden: true,width: 130, align: 'left' , edit: { type: '' }}, |
| | | { field: 'modifyDate', title: 'ä¿®æ¹æ¶é´', type: 'datetime', width: 90, align: 'left',hidden: true, sort: true , edit: { type: 'datetime' }}], |
| | | sortName: "dicListId", |
| | | key: "dicListId" |
| | | }); |
| | | return { |
| | | table, |
| | | extend, |
| | | editFormFields, |
| | | editFormOptions, |
| | | searchFormFields, |
| | | searchFormOptions, |
| | | columns, |
| | | detail, |
| | | }; |
| | | }, |
| | | setup() { |
| | | const table = ref({ |
| | | key: "dicId", |
| | | footer: "Foots", |
| | | cnName: "åå
¸æ°æ®", |
| | | name: "Sys_Dictionary", |
| | | url: "/Sys_Dictionary/", |
| | | sortName: "dicId", |
| | | }); |
| | | const editFormFields = ref({ |
| | | dicNo: "", |
| | | dicName: "", |
| | | parentId: "", |
| | | orderNo: "", |
| | | enable: "", |
| | | sql: "", |
| | | remark: "", |
| | | }); |
| | | const editFormOptions = ref([ |
| | | [ |
| | | { title: "åå
¸ç¼å·", required: true, field: "dicNo" }, |
| | | { title: "åå
¸åç§°", required: true, field: "dicName" }, |
| | | { title: "ç¶çº§ID", required: true, field: "parentId", type: "number" }, |
| | | ], |
| | | [ |
| | | { title: "æåºå·", field: "orderNo", type: "number" }, |
| | | { |
| | | dataKey: "enable", |
| | | data: [], |
| | | title: "æ¯å¦å¯ç¨", |
| | | required: true, |
| | | field: "enable", |
| | | type: "select", |
| | | }, |
| | | ], |
| | | [ |
| | | { title: "sqlè¯å¥", field: "sql", colSize: 8, type: "textarea" }, |
| | | { title: "夿³¨", field: "remark", type: "textarea" }, |
| | | ], |
| | | ]); |
| | | const searchFormFields = ref({ |
| | | dicNo: "", |
| | | dicName: "", |
| | | parentId: "", |
| | | enable: "", |
| | | createDate: "", |
| | | modifyDate: "", |
| | | }); |
| | | const searchFormOptions = ref([ |
| | | [ |
| | | { title: "åå
¸ç¼å·", field: "dicNo" }, |
| | | { title: "åå
¸åç§°", field: "dicName", type: "textarea" }, |
| | | { title: "ç¶çº§ID", field: "parentId", type: "number" }, |
| | | ], |
| | | [ |
| | | { |
| | | dataKey: "enable", |
| | | data: [], |
| | | title: "æ¯å¦å¯ç¨", |
| | | field: "enable", |
| | | type: "select", |
| | | }, |
| | | { title: "å建æ¶é´", field: "createDate", type: "datetime" }, |
| | | { title: "ä¿®æ¹æ¶é´", field: "modifyDate", type: "datetime" }, |
| | | ], |
| | | ]); |
| | | const columns = ref([ |
| | | { |
| | | field: "dicId", |
| | | title: "åå
¸ID", |
| | | type: "int", |
| | | width: 90, |
| | | hidden: true, |
| | | readonly: true, |
| | | require: true, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "dicNo", |
| | | title: "åå
¸ç¼å·", |
| | | type: "string", |
| | | width: 90, |
| | | require: true, |
| | | align: "left", |
| | | sort: true, |
| | | }, |
| | | { |
| | | field: "dicName", |
| | | title: "åå
¸åç§°", |
| | | type: "string", |
| | | link: true, |
| | | width: 140, |
| | | require: true, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "parentId", |
| | | title: "ç¶çº§ID", |
| | | type: "int", |
| | | width: 90, |
| | | require: true, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "config", |
| | | title: "é
置项", |
| | | type: "string", |
| | | width: 300, |
| | | hidden: true, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "sql", |
| | | title: "sqlè¯å¥", |
| | | type: "string", |
| | | width: 200, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "orderNo", |
| | | title: "æåºå·", |
| | | type: "int", |
| | | width: 90, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "remark", |
| | | title: "夿³¨", |
| | | type: "string", |
| | | width: 90, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "enable", |
| | | title: "æ¯å¦å¯ç¨", |
| | | type: "byte", |
| | | bind: { key: "enable", data: [] }, |
| | | width: 90, |
| | | require: true, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "creater", |
| | | title: "å建人", |
| | | type: "string", |
| | | width: 130, |
| | | hidden: true, |
| | | readonly: true, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "createDate", |
| | | title: "å建æ¶é´", |
| | | type: "datetime", |
| | | width: 150, |
| | | readonly: true, |
| | | align: "left", |
| | | sort: true, |
| | | }, |
| | | { |
| | | field: "modifier", |
| | | title: "ä¿®æ¹äºº", |
| | | type: "string", |
| | | width: 130, |
| | | hidden: true, |
| | | readonly: true, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "modifyDate", |
| | | title: "ä¿®æ¹æ¶é´", |
| | | type: "datetime", |
| | | width: 150, |
| | | readonly: true, |
| | | align: "left", |
| | | sort: true, |
| | | }, |
| | | ]); |
| | | const detail = ref({ |
| | | cnName: "åå
¸æç»", |
| | | table: "Sys_DictionaryList", |
| | | columns: [ |
| | | { |
| | | field: "dicList_ID", |
| | | title: "DicList_ID", |
| | | type: "int", |
| | | width: 90, |
| | | hidden: true, |
| | | readonly: true, |
| | | require: true, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "dicId", |
| | | title: "æ°æ®æºID", |
| | | type: "int", |
| | | width: 90, |
| | | readonly: true, |
| | | align: "left", |
| | | sort: true, |
| | | }, |
| | | { |
| | | field: "dicValue", |
| | | title: "æ°æ®æºValue", |
| | | type: "string", |
| | | width: 90, |
| | | edit: { type: "text" }, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "dicName", |
| | | title: "æ°æ®æºText", |
| | | type: "string", |
| | | width: 90, |
| | | edit: { type: "text" }, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "orderNo", |
| | | title: "æåºå·", |
| | | type: "int", |
| | | width: 90, |
| | | edit: { type: "text" }, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "remark", |
| | | title: "夿³¨", |
| | | type: "string", |
| | | width: 90, |
| | | edit: { type: "text" }, |
| | | 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: "createDate", |
| | | title: "å建æ¶é´", |
| | | type: "datetime", |
| | | width: 90, |
| | | readonly: true, |
| | | align: "left", |
| | | sort: true, |
| | | }, |
| | | |
| | | { |
| | | field: "modifier", |
| | | title: "ä¿®æ¹äºº", |
| | | type: "string", |
| | | width: 130, |
| | | align: "left", |
| | | }, |
| | | { |
| | | field: "modifyDate", |
| | | title: "ä¿®æ¹æ¶é´", |
| | | type: "datetime", |
| | | width: 90, |
| | | align: "left", |
| | | sort: true, |
| | | }, |
| | | ], |
| | | sortName: "dicId", |
| | | key: "dicId", |
| | | }); |
| | | return { |
| | | table, |
| | | extend, |
| | | editFormFields, |
| | | editFormOptions, |
| | | searchFormFields, |
| | | searchFormOptions, |
| | | columns, |
| | | detail, |
| | | }; |
| | | }, |
| | | }); |
| | | </script> |