| | |
| | | *ä¸å¡è¯·å¨@/extension/system/Sys_Log.jsæ¤å¤ç¼å |
| | | --> |
| | | <template> |
| | | <view-grid ref="grid" |
| | | :columns="columns" |
| | | :detail="detail" |
| | | :editFormFields="editFormFields" |
| | | :editFormOptions="editFormOptions" |
| | | :searchFormFields="searchFormFields" |
| | | :searchFormOptions="searchFormOptions" |
| | | :table="table" |
| | | :extend="extend"> |
| | | <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_Log.js"; |
| | | import { ref, defineComponent } from "vue"; |
| | | export default defineComponent({ |
| | | setup() { |
| | | const table = ref({ |
| | | key: 'Id', |
| | | footer: "Foots", |
| | | cnName: 'ç³»ç»æ¥å¿', |
| | | name: 'Sys_Log', |
| | | url: "/Sys_Log/", |
| | | sortName: "Id" |
| | | }); |
| | | const editFormFields = ref({}); |
| | | const editFormOptions = ref([]); |
| | | const searchFormFields = ref({"BeginDate":"","Url":"","LogType":[],"Success":[],"UserIP":"","ServiceIP":"","Role_Id":""}); |
| | | const searchFormOptions = ref([[{"title":"请æ±å°å","field":"Url","type":"text"},{"title":"ç¨æ·IP","field":"UserIP","type":"text"},{"title":"æå¡å¨IP","field":"ServiceIP","type":"text"}],[{"title":"å¼å§æ¶é´","field":"BeginDate","type":"datetime"},{"dataKey":"restatus","data":[],"title":"ååºç¶æ","field":"Success","type":"selectList"},{"dataKey":"roles","data":[],"title":"è§è²ID","field":"Role_Id","type":"select"}],[{"dataKey":"log","data":[],"title":"æ¥å¿ç±»å","field":"LogType","colSize":12,"type":"checkbox"}]]); |
| | | const columns = ref([{field:'Id',title:'Id',type:'int',width:90,hidden:true,readonly:true,require:true,align:'left'}, |
| | | {field:'BeginDate',title:'å¼å§æ¶é´',type:'datetime',width:140,align:'left',sortable:true}, |
| | | {field:'UserName',title:'ç¨æ·åç§°',type:'string',width:90,align:'left'}, |
| | | {field:'Url',title:'请æ±å°å',type:'string',width:110,align:'left'}, |
| | | {field:'LogType',title:'æ¥å¿ç±»å',type:'string',bind:{ key:'log',data:[]},width:80,align:'left'}, |
| | | {field:'Success',title:'ååºç¶æ',type:'int',bind:{ key:'restatus',data:[]},width:80,align:'left'}, |
| | | {field:'ElapsedTime',title:'æ¶é¿',type:'int',width:60,align:'left'}, |
| | | {field:'RequestParameter',title:'请æ±åæ°',type:'string',width:70,align:'left'}, |
| | | {field:'ResponseParameter',title:'ååºåæ°',type:'string',width:70,align:'left'}, |
| | | {field:'ExceptionInfo',title:'å¼å¸¸ä¿¡æ¯',type:'string',width:70,align:'left'}, |
| | | {field:'UserIP',title:'ç¨æ·IP',type:'string',width:90,align:'left'}, |
| | | {field:'ServiceIP',title:'æå¡å¨IP',type:'string',width:90,hidden:true,align:'left'}, |
| | | {field:'BrowserType',title:'æµè§å¨ç±»å',type:'string',width:90,align:'left'}, |
| | | {field:'User_Id',title:'ç¨æ·ID',type:'int',width:90,hidden:true,align:'left'}, |
| | | {field:'Role_Id',title:'è§è²ID',type:'int',bind:{ key:'roles',data:[]},width:90,hidden:true,align:'left'}, |
| | | {field:'EndDate',title:'ç»ææ¶é´',type:'datetime',width:150,hidden:true,align:'left',sortable:true}]); |
| | | const detail = ref({ |
| | | cnName: "#detailCnName", |
| | | columns: [], |
| | | sortName: "", |
| | | key: "" |
| | | }); |
| | | return { |
| | | table, |
| | | extend, |
| | | editFormFields, |
| | | editFormOptions, |
| | | searchFormFields, |
| | | searchFormOptions, |
| | | columns, |
| | | detail, |
| | | }; |
| | | }, |
| | | }); |
| | | import extend from "@/extension/system/Sys_Log.js"; |
| | | import { ref, defineComponent } from "vue"; |
| | | export default defineComponent({ |
| | | setup() { |
| | | const table = ref({ |
| | | key: 'Id', |
| | | footer: "Foots", |
| | | cnName: 'ç³»ç»æ¥å¿', |
| | | name: 'Sys_Log', |
| | | url: "/Sys_Log/", |
| | | sortName: "Id" |
| | | }); |
| | | const editFormFields = ref({}); |
| | | const editFormOptions = ref([]); |
| | | const searchFormFields = ref({ "BeginDate": "", "Url": "", "LogType": [], "Success": [], "UserIP": "", "ServiceIP": "", "Role_Id": "" }); |
| | | const searchFormOptions = ref([ |
| | | [ |
| | | { "title": "请æ±å°å", "field": "Url", "type": "text" }, |
| | | { "title": "ç¨æ·IP", "field": "UserIP", "type": "text" }, |
| | | { "title": "æå¡å¨IP", "field": "ServiceIP", "type": "text" } |
| | | ], |
| | | [ |
| | | { "title": "å¼å§æ¶é´", "field": "BeginDate", "type": "datetime" }, |
| | | { "dataKey": "restatus", "data": [], "title": "ååºç¶æ", "field": "Success", "type": "selectList" }, |
| | | { "dataKey": "roles", "data": [], "title": "è§è²ID", "field": "Role_Id", "type": "select" } |
| | | ], |
| | | [ |
| | | // { "dataKey": "log", "data": [], "title": "æ¥å¿ç±»å", "field": "LogType", "colSize": 12, "type": "checkbox" } |
| | | ] |
| | | ]); |
| | | const columns = ref([{ field: 'Id', title: 'Id', type: 'int', width: 90, hidden: true, readonly: true, require: true, align: 'left' }, |
| | | { field: 'beginDate', title: 'å¼å§æ¶é´', type: 'datetime', width: 110, align: 'left', sortable: true }, |
| | | { field: 'userName', title: 'ç¨æ·åç§°', type: 'string', width: 50, align: 'left' }, |
| | | { field: 'url', title: '请æ±å°å', type: 'string', width: 180, align: 'left' }, |
| | | { field: 'logType', title: 'æ¥å¿ç±»å', type: 'string', bind: { key: 'log', data: [] }, width: 80, align: 'left', hidden: true }, |
| | | { field: 'success', title: 'ååºç¶æ', type: 'int', bind: { key: 'restatus', data: [] }, width: 80, align: 'left', hidden: true }, |
| | | { field: 'elapsedTime', title: 'æ¶é¿', type: 'int', width: 40, align: 'left' }, |
| | | { field: 'requestParam', title: '请æ±åæ°', type: 'string', width: 120, align: 'left' }, |
| | | { field: 'responseParam', title: 'ååºåæ°', type: 'string', width: 120, align: 'left' }, |
| | | { field: 'exceptionInfo', title: 'å¼å¸¸ä¿¡æ¯', type: 'string', width: 70, align: 'left', hidden: true }, |
| | | { field: 'userIP', title: 'ç¨æ·IP', type: 'string', width: 90, align: 'left' }, |
| | | { field: 'serviceIP', title: 'æå¡å¨IP', type: 'string', width: 90, hidden: true, align: 'left' }, |
| | | { field: 'browserType', title: 'æµè§å¨ç±»å', type: 'string', width: 90, align: 'left', hidden: true }, |
| | | { field: 'user_Id', title: 'ç¨æ·ID', type: 'int', width: 90, hidden: true, align: 'left' }, |
| | | { field: 'role_Id', title: 'è§è²ID', type: 'int', bind: { key: 'roles', data: [] }, width: 90, hidden: true, align: 'left' }, |
| | | { field: 'endDate', title: 'ç»ææ¶é´', type: 'datetime', width: 150, hidden: true, align: 'left', sortable: true }]); |
| | | const detail = ref({ |
| | | cnName: "#detailCnName", |
| | | columns: [], |
| | | sortName: "", |
| | | key: "" |
| | | }); |
| | | return { |
| | | table, |
| | | extend, |
| | | editFormFields, |
| | | editFormOptions, |
| | | searchFormFields, |
| | | searchFormOptions, |
| | | columns, |
| | | detail, |
| | | }; |
| | | }, |
| | | }); |
| | | </script> |