From 232cdf071bfe3bd2b77ba05accba89b67fcc1edc Mon Sep 17 00:00:00 2001 From: Zhang-Hong-Lin <a3219986988@163.com> Date: 星期四, 26 六月 2025 18:51:14 +0800 Subject: [PATCH] 优化bug与添加一键删除按钮 --- 项目代码/WCS/WIDESEAWCS_Client/src/views/taskinfo/task.vue | 130 +++++++++++++++++++++++++++++------------- 1 files changed, 89 insertions(+), 41 deletions(-) diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/WCS/WIDESEAWCS_Client/src/views/taskinfo/task.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/WCS/WIDESEAWCS_Client/src/views/taskinfo/task.vue" index 887aced..4e6c96d 100644 --- "a/\351\241\271\347\233\256\344\273\243\347\240\201/WCS/WIDESEAWCS_Client/src/views/taskinfo/task.vue" +++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/WCS/WIDESEAWCS_Client/src/views/taskinfo/task.vue" @@ -1,6 +1,10 @@ <template> - <view-grid + <div> + <div id="zhu"> + <div id="task">浠诲姟鍙�</div> + </div> + <view-grid ref="grid" :columns="columns" :detail="detail" @@ -9,15 +13,61 @@ :searchFormFields="searchFormFields" :searchFormOptions="searchFormOptions" :table="table" - :extend="extend" > </view-grid> + </div> </template> +<style scoped> +#task{ + width: 6%; + height: 300%; + position: absolute; + border-radius: 5px; + left: 2.5%; + top: 820%; + cursor: pointer; + text-align: center; + line-height: 230%;; + font-size: 13px; + font-weight: 700; + z-index: 100; +} +#shu{ + width: 7%; + height: 300%; + position: absolute; + border-radius: 5px; + left: 42%; + top: 220%; + z-index: 100; +} +#wan{ + width: 4%; + height: 300%; + background: #f60; + position: absolute; + border-radius: 5px; + left: 50%; + top: 220%; + cursor: pointer; + text-align: center; + line-height: 230%; + color: beige; + z-index: 100; +} +#zhu { + width: 100%; + height: 1vh; + position: relative; +} +</style> <script> + import extend from "@/extension/taskinfo/task.js"; import { ref, defineComponent } from "vue"; export default defineComponent({ setup() { + //琛ㄥ叾浠栭厤缃� const table = ref({ key: "taskId", footer: "Foots", @@ -26,8 +76,20 @@ url: "/Task/", sortName: "CreateDate", }); + //缂栬緫瀛楁 const editFormFields = ref({}); - const editFormOptions = ref([]); + //缂栬緫閰嶇疆 + const editFormOptions = ref([ + [ + { + field: "taskState", + title: "浠诲姟鐘舵��", + type: "select", + dataKey: "taskState", + } + ] + ]); + //鏌ヨ瀛楁 const searchFormFields = ref({ taskNum: "", palletCode: "", @@ -39,10 +101,10 @@ creater: "", createDate: "", }); + //鏌ヨ閰嶇疆 const searchFormOptions = ref([ [ { title: "浠诲姟鍙�", field: "taskNum", type: "int" }, - { title: "鎵樼洏缂栧彿", field: "palletCode", type: "like" }, { title: "浠诲姟绫诲瀷", field: "taskType", @@ -57,23 +119,28 @@ dataKey: "taskState", data: [], }, + { + title: "鐗╂枡淇℃伅", + field: "remark", + type: "selectList", + dataKey: "remark", + data: [], + }, ], [ { title: "璧峰鍦板潃", field: "sourceAddress", type: "like" }, { title: "鐩爣鍦板潃", field: "targetAddress", type: "like" }, - { title: "褰撳墠浣嶇疆", field: "currentAddress", type: "like" }, - { title: "涓嬩竴浣嶇疆", field: "nextAddress", type: "like" }, ], [ - { title: "宸烽亾鍙�", field: "roadway", type: "like" }, { title: "鍒涘缓浜�", field: "creater", type: "like" }, { title: "鍒涘缓鏃堕棿", field: "createDate", type: "datetime" }, ], ]); + //鏌ヨ椤甸潰table琛ㄧ殑閰嶇疆 const columns = ref([ { field: "taskId", - title: "TaskId", + title: "浠诲姟鍙�", type: "int", width: 90, hidden: true, @@ -82,30 +149,16 @@ align: "left", }, { - field: "taskNum", - title: "浠诲姟鍙�", + field: "taskId", + title: "浠诲姟ID", type: "int", - width: 90, - align: "left", - }, - { - field: "palletCode", - title: "鎵樼洏缂栧彿", - type: "string", - width: 200, - align: "left", - }, - { - field: "roadway", - title: "宸烽亾鍙�", - type: "string", - width: 90, + width: 120, align: "left", }, { field: "taskType", title: "浠诲姟绫诲瀷", - type: "int", + type: "string", width: 90, align: "left", bind: { key: "taskType", data: [] }, @@ -113,10 +166,18 @@ { field: "taskState", title: "浠诲姟鐘舵��", - type: "int", + type: "string", width: 150, align: "left", bind: { key: "taskState", data: [] }, + }, + { + field: "remark", + title: "鐗╂枡淇℃伅", + type: "string", + width: 120, + align: "left", + bind: { key: "mateType", data: [] }, }, { field: "sourceAddress", @@ -128,20 +189,6 @@ { field: "targetAddress", title: "鐩爣鍦板潃", - type: "string", - width: 120, - align: "left", - }, - { - field: "currentAddress", - title: "褰撳墠浣嶇疆", - type: "string", - width: 120, - align: "left", - }, - { - field: "nextAddress", - title: "涓嬩竴浣嶇疆", type: "string", width: 120, align: "left", @@ -212,6 +259,7 @@ hidden: true, }, ]); + //涓讳粠鏄庣粏琛ㄩ厤缃� const detail = ref({ cnName: "", table: "", -- Gitblit v1.9.3