|  |  | 
 |  |  |  | 
 |  |  | <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/record/locationStatusChangeRecord.js"; | 
 |  |  |   import { ref, defineComponent } from "vue"; | 
 |  |  |   export default defineComponent({ | 
 |  |  |     setup() { | 
 |  |  |       const table = ref({ | 
 |  |  |         key: "id", | 
 |  |  |         footer: "Foots", | 
 |  |  |         cnName: "è´§ä½ç¶æåå¨è®°å½", | 
 |  |  |         name: "locationStatusChangeRecord", | 
 |  |  |         url: "/LocationStatusChangeRecord/", | 
 |  |  |         sortName: "id", | 
 |  |  |       }); | 
 |  |  |       const editFormFields = ref({ | 
 |  |  |         deviceCode: "", | 
 |  |  |         deviceName: "", | 
 |  |  |         deviceType: "", | 
 |  |  |         deviceStatus: "", | 
 |  |  |         deviceIp: "", | 
 |  |  |         devicePort: "", | 
 |  |  |         devicePlcType: "", | 
 |  |  |         deviceRemark: "", | 
 |  |  |       }); | 
 |  |  |       const editFormOptions = ref([ | 
 |  |  |          | 
 |  |  |       ]); | 
 |  |  |       const searchFormFields = ref({ | 
 |  |  |         locationCode: "", | 
 |  |  |         orderNo: "", | 
 |  |  |         taskNum: "", | 
 |  |  |       }); | 
 |  |  |       const searchFormOptions = ref([ | 
 |  |  |         [ | 
 |  |  |           { title: "è´§ä½å·", field: "locationCode" }, | 
 |  |  |           { title: "åæ®ç¼å·", field: "orderNo" }, | 
 |  |  |           { title: "ä»»å¡å·", field: "taskNum" }, | 
 |  |  |         ], | 
 |  |  |         [ | 
 |  |  |           { title: "åå¨åè´§ä½ç¶æ", field: "beforeStatus" ,type: "selectList",dataKey: "locationStatusEnum",data: [],}, | 
 |  |  |           { title: "åå¨åè´§ä½ç¶æ", field: "afterStatus" ,type: "selectList",dataKey: "locationStatusEnum",data: [],}, | 
 |  |  |           { title: "åå¨ç±»å", field: "changeType" ,type: "selectList",dataKey: "stockChangeType",data: [],}, | 
 |  |  |         ], | 
 |  |  |       ]); | 
 |  |  |       const columns = ref([ | 
 |  |  | import extend from "@/extension/record/locationStatusChangeRecord.js"; | 
 |  |  | import { ref, defineComponent } from "vue"; | 
 |  |  | export default defineComponent({ | 
 |  |  |   setup() { | 
 |  |  |     const table = ref({ | 
 |  |  |       key: "id", | 
 |  |  |       footer: "Foots", | 
 |  |  |       cnName: "è´§ä½ç¶æåå¨è®°å½", | 
 |  |  |       name: "locationStatusChangeRecord", | 
 |  |  |       url: "/LocationStatusChangeRecord/", | 
 |  |  |       sortName: "id", | 
 |  |  |     }); | 
 |  |  |     const editFormFields = ref({ | 
 |  |  |       deviceCode: "", | 
 |  |  |       deviceName: "", | 
 |  |  |       deviceType: "", | 
 |  |  |       deviceStatus: "", | 
 |  |  |       deviceIp: "", | 
 |  |  |       devicePort: "", | 
 |  |  |       devicePlcType: "", | 
 |  |  |       deviceRemark: "", | 
 |  |  |     }); | 
 |  |  |     const editFormOptions = ref([]); | 
 |  |  |     const searchFormFields = ref({ | 
 |  |  |       locationCode: "", | 
 |  |  |       orderNo: "", | 
 |  |  |       taskNum: "", | 
 |  |  |     }); | 
 |  |  |     const searchFormOptions = ref([ | 
 |  |  |       [ | 
 |  |  |         { title: "è´§ä½å·", field: "locationCode" }, | 
 |  |  |         { title: "åæ®ç¼å·", field: "orderNo" }, | 
 |  |  |         { title: "ä»»å¡å·", field: "taskNum" }, | 
 |  |  |       ], | 
 |  |  |       [ | 
 |  |  |         { | 
 |  |  |           field: "id", | 
 |  |  |           title: "Id", | 
 |  |  |           type: "int", | 
 |  |  |           width: 90, | 
 |  |  |           hidden: true, | 
 |  |  |           readonly: true, | 
 |  |  |           require: true, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "locationId", | 
 |  |  |           title: "è´§ä½ä¸»é®", | 
 |  |  |           type: "string", | 
 |  |  |           width: 90, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "taskNum", | 
 |  |  |           title: "ä»»å¡å·", | 
 |  |  |           type: "string", | 
 |  |  |           width: 90, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "locationCode", | 
 |  |  |           title: "è´§ä½ç¼å·", | 
 |  |  |           type: "string", | 
 |  |  |           width: 150, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "beforeStatus", | 
 |  |  |           title: "åå¨åè´§ä½ç¶æ", | 
 |  |  |           type: "string", | 
 |  |  |           width: 150, | 
 |  |  |           align: "left", | 
 |  |  |           bind: { key: "locationStatusEnum", data: [] }, | 
 |  |  |           field: "beforeStatus", | 
 |  |  |           type: "selectList", | 
 |  |  |           dataKey: "locationStatusEnum", | 
 |  |  |           data: [], | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "afterStatus", | 
 |  |  |           title: "åå¨åè´§ä½ç¶æ", | 
 |  |  |           type: "decimal", | 
 |  |  |           width: 150, | 
 |  |  |           align: "left", | 
 |  |  |           bind: { key: "locationStatusEnum", data: [] }, | 
 |  |  |           field: "afterStatus", | 
 |  |  |           type: "selectList", | 
 |  |  |           dataKey: "locationStatusEnum", | 
 |  |  |           data: [], | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "changeType", | 
 |  |  |           title: "åå¨ç±»å", | 
 |  |  |           type: "string", | 
 |  |  |           width: 90, | 
 |  |  |           align: "left", | 
 |  |  |           bind: { key: "stockChangeType", data: [] }, | 
 |  |  |           field: "changeType", | 
 |  |  |           type: "selectList", | 
 |  |  |           dataKey: "locationChangeType", | 
 |  |  |           data: [], | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "orderId", | 
 |  |  |           title: "忮䏻é®", | 
 |  |  |           type: "string", | 
 |  |  |           width: 90, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "orderNo", | 
 |  |  |           title: "åæ®ç¼å·", | 
 |  |  |           type: "int", | 
 |  |  |           width: 120, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "orderDetailId", | 
 |  |  |           title: "åæ®æç»ä¸»é®", | 
 |  |  |           type: "string", | 
 |  |  |           width: 200, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "creater", | 
 |  |  |           title: "å建人", | 
 |  |  |           type: "string", | 
 |  |  |           width: 90, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "createDate", | 
 |  |  |           title: "å建æ¶é´", | 
 |  |  |           type: "datetime", | 
 |  |  |           width: 160, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "modifier", | 
 |  |  |           title: "ä¿®æ¹äºº", | 
 |  |  |           type: "string", | 
 |  |  |           width: 100, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "modifyDate", | 
 |  |  |           title: "ä¿®æ¹æ¶é´", | 
 |  |  |           type: "datetime", | 
 |  |  |           width: 160, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           field: "remark", | 
 |  |  |           title: "夿³¨", | 
 |  |  |           type: "string", | 
 |  |  |           width: 100, | 
 |  |  |           align: "left", | 
 |  |  |         }, | 
 |  |  |       ]); | 
 |  |  |       const detail = ref({ | 
 |  |  |         cnName: "#detailCnName", | 
 |  |  |         table: "", | 
 |  |  |         columns: [], | 
 |  |  |         sortName: "", | 
 |  |  |       }); | 
 |  |  |       return { | 
 |  |  |         table, | 
 |  |  |         extend, | 
 |  |  |         editFormFields, | 
 |  |  |         editFormOptions, | 
 |  |  |         searchFormFields, | 
 |  |  |         searchFormOptions, | 
 |  |  |         columns, | 
 |  |  |         detail, | 
 |  |  |       }; | 
 |  |  |     }, | 
 |  |  |   }); | 
 |  |  |   </script> | 
 |  |  |       ], | 
 |  |  |     ]); | 
 |  |  |     const columns = ref([ | 
 |  |  |       { | 
 |  |  |         field: "id", | 
 |  |  |         title: "Id", | 
 |  |  |         type: "int", | 
 |  |  |         width: 90, | 
 |  |  |         hidden: true, | 
 |  |  |         readonly: true, | 
 |  |  |         require: true, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "locationId", | 
 |  |  |         title: "è´§ä½ä¸»é®", | 
 |  |  |         type: "string", | 
 |  |  |         width: 90, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "taskNum", | 
 |  |  |         title: "ä»»å¡å·", | 
 |  |  |         type: "string", | 
 |  |  |         width: 90, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "locationCode", | 
 |  |  |         title: "è´§ä½ç¼å·", | 
 |  |  |         type: "string", | 
 |  |  |         width: 150, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "beforeStatus", | 
 |  |  |         title: "åå¨åè´§ä½ç¶æ", | 
 |  |  |         type: "string", | 
 |  |  |         width: 150, | 
 |  |  |         align: "left", | 
 |  |  |         bind: { key: "locationStatusEnum", data: [] }, | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "afterStatus", | 
 |  |  |         title: "åå¨åè´§ä½ç¶æ", | 
 |  |  |         type: "decimal", | 
 |  |  |         width: 150, | 
 |  |  |         align: "left", | 
 |  |  |         bind: { key: "locationStatusEnum", data: [] }, | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "changeType", | 
 |  |  |         title: "åå¨ç±»å", | 
 |  |  |         type: "string", | 
 |  |  |         width: 90, | 
 |  |  |         align: "left", | 
 |  |  |         bind: { key: "locationChangeType", data: [] }, | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "orderId", | 
 |  |  |         title: "忮䏻é®", | 
 |  |  |         type: "string", | 
 |  |  |         width: 90, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "orderNo", | 
 |  |  |         title: "åæ®ç¼å·", | 
 |  |  |         type: "int", | 
 |  |  |         width: 120, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "orderDetailId", | 
 |  |  |         title: "åæ®æç»ä¸»é®", | 
 |  |  |         type: "string", | 
 |  |  |         width: 200, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "creater", | 
 |  |  |         title: "å建人", | 
 |  |  |         type: "string", | 
 |  |  |         width: 90, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "createDate", | 
 |  |  |         title: "å建æ¶é´", | 
 |  |  |         type: "datetime", | 
 |  |  |         width: 160, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "modifier", | 
 |  |  |         title: "ä¿®æ¹äºº", | 
 |  |  |         type: "string", | 
 |  |  |         width: 100, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "modifyDate", | 
 |  |  |         title: "ä¿®æ¹æ¶é´", | 
 |  |  |         type: "datetime", | 
 |  |  |         width: 160, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         field: "remark", | 
 |  |  |         title: "夿³¨", | 
 |  |  |         type: "string", | 
 |  |  |         width: 100, | 
 |  |  |         align: "left", | 
 |  |  |       }, | 
 |  |  |     ]); | 
 |  |  |     const detail = ref({ | 
 |  |  |       cnName: "#detailCnName", | 
 |  |  |       table: "", | 
 |  |  |       columns: [], | 
 |  |  |       sortName: "", | 
 |  |  |     }); | 
 |  |  |     return { | 
 |  |  |       table, | 
 |  |  |       extend, | 
 |  |  |       editFormFields, | 
 |  |  |       editFormOptions, | 
 |  |  |       searchFormFields, | 
 |  |  |       searchFormOptions, | 
 |  |  |       columns, | 
 |  |  |       detail, | 
 |  |  |     }; | 
 |  |  |   }, | 
 |  |  | }); | 
 |  |  | </script> | 
 |  |  |      |