|
|
@@ -45,7 +45,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tableTopBtn">
|
|
|
- <Search @clear="clear" @search="search" />
|
|
|
+ <TBtnGroup v-model:flag="state.UTCFlag" @columnSet="columnSet" @downLoad="downLoad" @refresh="refresh"></TBtnGroup>
|
|
|
+ <Search @clear="clear" @search="search" />
|
|
|
</div>
|
|
|
<div class="waybillList">
|
|
|
<tableTemp
|
|
|
@@ -57,10 +58,13 @@
|
|
|
@cellClass="test"
|
|
|
></tableTemp>
|
|
|
</div>
|
|
|
+ <tableColumnSet :dialogVisible="state.dialogVisible" :columnList="state.waybillTableHeader" @setColumn="setColumn" @closeDialog="closeDialog"></tableColumnSet>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup lang="ts">
|
|
|
import tableTemp from "@/components/tableTemp/index.vue";
|
|
|
+import TBtnGroup from "@/components/TBtnGroup/index.vue";
|
|
|
+import tableColumnSet from "@/components/tableColumnSet/index.vue";
|
|
|
import Search from "@/components/search/index.vue";
|
|
|
import {CaretRight} from "@element-plus/icons-vue"
|
|
|
import { ref, onMounted } from 'vue';
|
|
|
@@ -78,23 +82,25 @@ const state = reactive({
|
|
|
{ label: "装机", key: "zj", lableClass: "nodeHeader",columnClassName:"columnClassName" },
|
|
|
],
|
|
|
waybillTableHeader: [
|
|
|
- { label: "运单号", key: "waybillNo",width:"120px"},
|
|
|
- { label: "运单类型", key: "waybillType"},
|
|
|
- { label: "集装器数量", key: "jzqCount" },
|
|
|
- { label: "品名", key: "pm"},
|
|
|
- { label: "特货信息", key: "thxx"},
|
|
|
- { label: "货物件数", key: "hwjs"},
|
|
|
- { label: "拉下件数", key: "laxjs"},
|
|
|
- { label: "退运件数", key: "tyjs"},
|
|
|
- { label: "最新节点", key: "zxjd"},
|
|
|
- { label: "最新位置", key: "zxwz"},
|
|
|
- { label: "处理结果", key: "cljg"},
|
|
|
- { label: "处理时间", key: "clsj",width:"130px"},
|
|
|
- { label: "中转进航班号", key: "zzhbh"},
|
|
|
- { label: "中转航班降落时间", key: "zzhbsj",width:"130px"},
|
|
|
- { label: "装载序号", key: "zzxh"}
|
|
|
+ { label: "运单号", key: "waybillNo",width:"120px",isShow:true},
|
|
|
+ { label: "运单类型", key: "waybillType",isShow:true},
|
|
|
+ { label: "集装器数量", key: "jzqCount" ,isShow:true},
|
|
|
+ { label: "品名", key: "pm",isShow:true},
|
|
|
+ { label: "特货信息", key: "thxx",isShow:true},
|
|
|
+ { label: "货物件数", key: "hwjs",isShow:true},
|
|
|
+ { label: "拉下件数", key: "laxjs",isShow:true},
|
|
|
+ { label: "退运件数", key: "tyjs",isShow:true},
|
|
|
+ { label: "最新节点", key: "zxjd",isShow:true},
|
|
|
+ { label: "最新位置", key: "zxwz",isShow:true},
|
|
|
+ { label: "处理结果", key: "cljg",isShow:true},
|
|
|
+ { label: "处理时间", key: "clsj",width:"130px",isShow:true},
|
|
|
+ { label: "中转进航班号", key: "zzhbh",isShow:true},
|
|
|
+ { label: "中转航班降落时间", key: "zzhbsj",width:"130px",isShow:true},
|
|
|
+ { label: "装载序号", key: "zzxh",isShow:true}
|
|
|
],
|
|
|
listLoading: true,
|
|
|
+ UTCFlag:true,
|
|
|
+ dialogVisible:false
|
|
|
});
|
|
|
|
|
|
const waybilltableData = ref([
|
|
|
@@ -198,6 +204,39 @@ const loadMore=(data)=>{
|
|
|
|
|
|
}
|
|
|
|
|
|
+//清空搜索
|
|
|
+const clear=(data) =>{
|
|
|
+ console.log(data)
|
|
|
+}
|
|
|
+
|
|
|
+//点击搜索按钮
|
|
|
+const search=(data) =>{
|
|
|
+ console.log(data)
|
|
|
+}
|
|
|
+
|
|
|
+//点击刷新按钮
|
|
|
+const refresh=(data) =>{
|
|
|
+ console.log(data)
|
|
|
+}
|
|
|
+
|
|
|
+//点击下载按钮
|
|
|
+const downLoad=(data) =>{
|
|
|
+ console.log(data)
|
|
|
+}
|
|
|
+
|
|
|
+//点击列设置按钮
|
|
|
+const columnSet=(data) =>{
|
|
|
+ state.dialogVisible = true;
|
|
|
+}
|
|
|
+
|
|
|
+const setColumn = (data) => {
|
|
|
+ state.waybillTableHeader = data;
|
|
|
+ state.dialogVisible = false;
|
|
|
+}
|
|
|
+
|
|
|
+const closeDialog = (data) => {
|
|
|
+ state.dialogVisible = false;
|
|
|
+}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.pageBody{
|
