|  |  | 
 |  |  |  *代ç ç±æ¡æ¶çæ,任使´æ¹é½å¯è½å¯¼è´è¢«ä»£ç çæå¨è¦ç | 
 |  |  |  *ä¸å¡è¯·å¨@/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> | 
 |  |  |  <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_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, | 
 |  |  |             }; | 
 |  |  |         }, | 
 |  |  |   <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({ | 
 |  |  |       url: "", | 
 |  |  |       requestParam: "", | 
 |  |  |       responseParam: "", | 
 |  |  |       beginDate: "", | 
 |  |  |     }); | 
 |  |  |     const searchFormOptions = ref([ | 
 |  |  |       [ | 
 |  |  |         { title: "请æ±å°å", field: "url", type: "like" }, | 
 |  |  |         { title: "请æ±åæ°", field: "requestParam", type: "like" }, | 
 |  |  |         { title: "ååºåæ°", field: "responseParam", type: "like" }, | 
 |  |  |       ], | 
 |  |  |       [{ title: "å¼å§æ¶é´", field: "beginDate", type: "datetime" }], | 
 |  |  |     ]); | 
 |  |  |     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: "elapsedTime", | 
 |  |  |         title: "æ¶é¿", | 
 |  |  |         type: "int", | 
 |  |  |         width: 60, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "endDate", | 
 |  |  |         title: "ç»ææ¶é´", | 
 |  |  |         type: "datetime", | 
 |  |  |         width: 150, | 
 |  |  |         hidden: true, | 
 |  |  |         align: "left", | 
 |  |  |         sortable: true, | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "requestParam", | 
 |  |  |         title: "请æ±åæ°", | 
 |  |  |         type: "string", | 
 |  |  |         width: 70, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "responseParam", | 
 |  |  |         title: "ååºåæ°", | 
 |  |  |         type: "string", | 
 |  |  |         width: 70, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "url", | 
 |  |  |         title: "请æ±å°å", | 
 |  |  |         type: "string", | 
 |  |  |         width: 110, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "userName", | 
 |  |  |         title: "ç¨æ·åç§°", | 
 |  |  |         type: "string", | 
 |  |  |         width: 90, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "success", | 
 |  |  |         title: "ååºç¶æ", | 
 |  |  |         type: "int", | 
 |  |  |         bind: { key: "restatus", data: [] }, | 
 |  |  |         width: 80, | 
 |  |  |         align: "left", | 
 |  |  |         hidden: true, | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "userIP", | 
 |  |  |         title: "ç¨æ·IP", | 
 |  |  |         type: "string", | 
 |  |  |         width: 90, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "userId", | 
 |  |  |         title: "ç¨æ·ID", | 
 |  |  |         type: "int", | 
 |  |  |         width: 90, | 
 |  |  |         hidden: true, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |     ]); | 
 |  |  |     const detail = ref({ | 
 |  |  |       cnName: "#detailCnName", | 
 |  |  |       columns: [], | 
 |  |  |       sortName: "", | 
 |  |  |       key: "", | 
 |  |  |     }); | 
 |  |  |     return { | 
 |  |  |       table, | 
 |  |  |       extend, | 
 |  |  |       editFormFields, | 
 |  |  |       editFormOptions, | 
 |  |  |       searchFormFields, | 
 |  |  |       searchFormOptions, | 
 |  |  |       columns, | 
 |  |  |       detail, | 
 |  |  |     }; | 
 |  |  |   }, | 
 |  |  | }); | 
 |  |  | </script> | 
 |  |  |    |