|
|
|
|
@ -87,7 +87,7 @@
|
|
|
|
|
background |
|
|
|
|
@size-change="sizeChange" |
|
|
|
|
@current-change="currentChange" |
|
|
|
|
:current-page="page.currentPage" |
|
|
|
|
:current-page="page.pageNum" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="page.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
@ -104,23 +104,21 @@
|
|
|
|
|
@setcolum="setnewcolum" |
|
|
|
|
@closce="showdrawer" |
|
|
|
|
:drawerShow="drawerShow" |
|
|
|
|
:columnList="details.editColumnList" |
|
|
|
|
:columnList="details.detailsColumnList" |
|
|
|
|
></edittablehead> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue'; |
|
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue'; |
|
|
|
|
import functions from '@/utils/functions'; |
|
|
|
|
import dayjs from 'dayjs'; |
|
|
|
|
import { mapGetters } from 'vuex'; |
|
|
|
|
import { postLoadingDetail } from '@/api/distribution/truckLoadingDetails'; |
|
|
|
|
/** 获取字典 */ |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; |
|
|
|
|
import { downloadXls } from '@/utils/util'; |
|
|
|
|
import { detailsColumnList } from '@/option/distribution/TripartiteTransfer'; |
|
|
|
|
import { useRouter } from 'vue-router'; |
|
|
|
|
|
|
|
|
|
// 获取路由实例 |
|
|
|
|
const $router = useRouter(); |
|
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
|
|
|
|
|
|
const details = reactive<any>({ |
|
|
|
|
/** 是否开启搜索 */ |
|
|
|
|
@ -162,7 +160,7 @@ const details = reactive<any>({
|
|
|
|
|
/** 装车明细表头信息 */ |
|
|
|
|
detailsColumnList, |
|
|
|
|
/** 列表数据 */ |
|
|
|
|
data: [{}], |
|
|
|
|
data: [], |
|
|
|
|
/** 页面loading */ |
|
|
|
|
loadingObj: { |
|
|
|
|
/** 列表加载loading */ |
|
|
|
|
@ -174,7 +172,7 @@ const details = reactive<any>({
|
|
|
|
|
drawerShow: false, |
|
|
|
|
/** 分页参数 */ |
|
|
|
|
page: { |
|
|
|
|
currentPage: 1, |
|
|
|
|
pageNum: 1, |
|
|
|
|
pageSize: 30, |
|
|
|
|
total: 0, |
|
|
|
|
}, |
|
|
|
|
@ -188,6 +186,9 @@ const details = reactive<any>({
|
|
|
|
|
/** 列表Dom节点 */ |
|
|
|
|
listNode: '', |
|
|
|
|
form: {}, |
|
|
|
|
pageInfo: { |
|
|
|
|
loadId: '', |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const { |
|
|
|
|
@ -203,6 +204,10 @@ const {
|
|
|
|
|
trickleLoadingPage, |
|
|
|
|
} = toRefs(details); |
|
|
|
|
|
|
|
|
|
// 获取路由实例 |
|
|
|
|
const $router = useRouter(); |
|
|
|
|
const $route = useRoute(); |
|
|
|
|
|
|
|
|
|
/** vuex */ |
|
|
|
|
const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList'])); |
|
|
|
|
console.log('permission :>> ', permission); |
|
|
|
|
@ -223,11 +228,11 @@ onMounted(() => {
|
|
|
|
|
let flexListnewarr = functions.getStorage(window.location.pathname + 'flexList'); |
|
|
|
|
let sortlistnewarr = functions.getStorage(window.location.pathname + 'sortlist'); |
|
|
|
|
if (checkListnewarr) { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
details.detailsColumnList.map(item => { |
|
|
|
|
item.head = false; |
|
|
|
|
}); |
|
|
|
|
checkListnewarr.map(ite => { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
details.detailsColumnList.map(item => { |
|
|
|
|
if (ite == item.label) { |
|
|
|
|
item.head = true; |
|
|
|
|
} |
|
|
|
|
@ -235,7 +240,7 @@ onMounted(() => {
|
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
let arr = []; |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
details.detailsColumnList.map(item => { |
|
|
|
|
if (item.head) { |
|
|
|
|
arr.push(item.label); |
|
|
|
|
} |
|
|
|
|
@ -243,11 +248,11 @@ onMounted(() => {
|
|
|
|
|
functions.setStorage(window.location.pathname + 'checkList', arr); |
|
|
|
|
} |
|
|
|
|
if (flexListnewarr) { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
details.detailsColumnList.map(item => { |
|
|
|
|
item.fixed = false; |
|
|
|
|
}); |
|
|
|
|
flexListnewarr.map(ite => { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
details.detailsColumnList.map(item => { |
|
|
|
|
if (ite == item.label) { |
|
|
|
|
if (item.type == 6) { |
|
|
|
|
item.fixed = 'right'; |
|
|
|
|
@ -259,7 +264,7 @@ onMounted(() => {
|
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
let arr = []; |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
details.detailsColumnList.map(item => { |
|
|
|
|
if (item.fixed) { |
|
|
|
|
arr.push(item.label); |
|
|
|
|
} |
|
|
|
|
@ -267,11 +272,11 @@ onMounted(() => {
|
|
|
|
|
functions.setStorage(window.location.pathname + 'flexList', arr); |
|
|
|
|
} |
|
|
|
|
if (sortlistnewarr) { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
details.detailsColumnList.map(item => { |
|
|
|
|
item.sortable = false; |
|
|
|
|
}); |
|
|
|
|
sortlistnewarr.map(ite => { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
details.detailsColumnList.map(item => { |
|
|
|
|
if (ite == item.label) { |
|
|
|
|
item.sortable = true; |
|
|
|
|
} |
|
|
|
|
@ -279,7 +284,7 @@ onMounted(() => {
|
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
let arr = []; |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
details.detailsColumnList.map(item => { |
|
|
|
|
if (item.sortable) { |
|
|
|
|
arr.push(item.label); |
|
|
|
|
} |
|
|
|
|
@ -289,7 +294,28 @@ onMounted(() => {
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
/** 请求页面数据 */ |
|
|
|
|
const onLoad = (page: any) => {}; |
|
|
|
|
const onLoad = async (params = {}) => { |
|
|
|
|
try { |
|
|
|
|
// 开启loading |
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
|
|
|
|
|
details.query.loadId = details.pageInfo.loadId; |
|
|
|
|
|
|
|
|
|
// 请求页面数据 |
|
|
|
|
const res = await postLoadingDetail({ ...details.page, ...details.query, ...params }); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
details.data = data.records; |
|
|
|
|
details.page.total = data.total; |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
details.loadingObj.list = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
details.pageInfo.loadId = $route.query.loadId; |
|
|
|
|
onLoad(); |
|
|
|
|
|
|
|
|
|
/** 搜索 */ |
|
|
|
|
const searchChange = () => { |
|
|
|
|
@ -300,7 +326,7 @@ const searchChange = () => {
|
|
|
|
|
const searchReset = () => { |
|
|
|
|
details.query = {}; |
|
|
|
|
details.stockupDate = []; |
|
|
|
|
details.page.currentPage = 1; |
|
|
|
|
details.page.pageNum = 1; |
|
|
|
|
onLoad(details.page); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
@ -504,18 +530,13 @@ const handleShowTransfer = async (_type: string) => {
|
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 添加运单 */ |
|
|
|
|
const handleAddWaybill = () => { |
|
|
|
|
// if (this.addInfo.oldSelectionList.length === 0) return this.$message.warning('最少选择一条运单'); |
|
|
|
|
// this.addInfo.newData = [...this.addInfo.newData, ...this.addInfo.oldSelectionList]; |
|
|
|
|
// this.addInfo.haveIds = this.addInfo.map(val => val.id); |
|
|
|
|
}; |
|
|
|
|
/** 移除运单 */ |
|
|
|
|
const handleRemoveWaybill = () => { |
|
|
|
|
// if (this.addInfo.newSelectionList.length === 0) return this.$message.warning('最少选择一条运单'); |
|
|
|
|
// this.addInfo.newData = [...this.addInfo.newData, ...this.addInfo.oldSelectionList]; |
|
|
|
|
// this.addInfo.haveIds = this.addInfo.map(val => val.id); |
|
|
|
|
}; |
|
|
|
|
watch($route, (newVal, oldVal) => { |
|
|
|
|
console.log('newVal :>> ', newVal); |
|
|
|
|
console.log('oldVal :>> ', oldVal); |
|
|
|
|
if (newVal.path !== '/distribution/artery/truckLoadingDetails') return; |
|
|
|
|
details.pageInfo.loadId = $route.query.loadId; |
|
|
|
|
onLoad(); |
|
|
|
|
}); |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
