|
|
|
@ -55,7 +55,7 @@ |
|
|
|
<div class="avue-crud__header"> |
|
|
|
<div class="avue-crud__header"> |
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
<div class="avue-crud__left"> |
|
|
|
<div class="avue-crud__left"> |
|
|
|
<el-button type="primary" @click="AddInfo" |
|
|
|
<el-button type="primary" @click="exportExcel" |
|
|
|
><el-icon><Plus /></el-icon>导出</el-button |
|
|
|
><el-icon><Plus /></el-icon>导出</el-button |
|
|
|
> |
|
|
|
> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -126,13 +126,18 @@ |
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue'; |
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue'; |
|
|
|
import { columnList } from '@/option/storagecost/WarehouseDeliveryCost.js'; |
|
|
|
import { columnList } from '@/option/storagecost/WarehouseDeliveryCost.js'; |
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
import { $_getMyWarehouseList } from '@/api/storagecost/index.js'; |
|
|
|
import { |
|
|
|
|
|
|
|
$_getMyWarehouseList, |
|
|
|
|
|
|
|
$_WarehouseDeliveryCost, |
|
|
|
|
|
|
|
$_expenseDispatchWarehouseMonth, |
|
|
|
|
|
|
|
} from '@/api/storagecost/index.js'; |
|
|
|
import { processRowProperty, setNodeHeight } from '@/utils/util'; |
|
|
|
import { processRowProperty, setNodeHeight } from '@/utils/util'; |
|
|
|
import functions from '@/utils/functions.js'; |
|
|
|
import functions from '@/utils/functions.js'; |
|
|
|
import { ElMessageBox, ElMessage } from 'element-plus'; |
|
|
|
import { ElMessageBox, ElMessage } from 'element-plus'; |
|
|
|
import { downloadXls } from '@/utils/util'; |
|
|
|
import { downloadXls } from '@/utils/util'; |
|
|
|
import { useStore } from 'vuex'; |
|
|
|
import { useStore } from 'vuex'; |
|
|
|
import dayjs from 'dayjs'; |
|
|
|
import dayjs from 'dayjs'; |
|
|
|
|
|
|
|
import error from '@/error'; |
|
|
|
const $router = useRouter(); //跳转 |
|
|
|
const $router = useRouter(); //跳转 |
|
|
|
const $useStore = useStore(); //权限 |
|
|
|
const $useStore = useStore(); //权限 |
|
|
|
const $route = useRoute(); //获取地址栏参数 |
|
|
|
const $route = useRoute(); //获取地址栏参数 |
|
|
|
@ -181,7 +186,7 @@ const details = reactive({ |
|
|
|
columnList, |
|
|
|
columnList, |
|
|
|
|
|
|
|
|
|
|
|
/** 列表数据 */ |
|
|
|
/** 列表数据 */ |
|
|
|
data: [{}], |
|
|
|
data: [], |
|
|
|
/** 页面loading */ |
|
|
|
/** 页面loading */ |
|
|
|
loadingObj: { |
|
|
|
loadingObj: { |
|
|
|
/** 列表加载loading */ |
|
|
|
/** 列表加载loading */ |
|
|
|
@ -243,7 +248,7 @@ const showdrawer = _flag => { |
|
|
|
const inputsc = (index, row) => { |
|
|
|
const inputsc = (index, row) => { |
|
|
|
details.query[row.prop] = index; |
|
|
|
details.query[row.prop] = index; |
|
|
|
processRowProperty(index, row, details); |
|
|
|
processRowProperty(index, row, details); |
|
|
|
test(details.query); |
|
|
|
onLoad(); |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 实例函数 |
|
|
|
// 实例函数 |
|
|
|
const test = val => {}; |
|
|
|
const test = val => {}; |
|
|
|
@ -257,6 +262,7 @@ const timesc = (index, row) => { |
|
|
|
if (!index) { |
|
|
|
if (!index) { |
|
|
|
delete details.query[row.prop]; |
|
|
|
delete details.query[row.prop]; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
processRowProperty(index, row, details); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
@ -274,7 +280,7 @@ const selectionChange = list => { |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 网页顶部搜索按钮 |
|
|
|
// 网页顶部搜索按钮 |
|
|
|
const searchChange = () => { |
|
|
|
const searchChange = () => { |
|
|
|
details.search = false; //关闭搜索 |
|
|
|
onLoad(); |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 每页多少条 |
|
|
|
// 每页多少条 |
|
|
|
const sizeChange = val => { |
|
|
|
const sizeChange = val => { |
|
|
|
@ -286,7 +292,7 @@ const currentChange = val => { |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 刷新按钮 |
|
|
|
// 刷新按钮 |
|
|
|
const searchChangeS = () => { |
|
|
|
const searchChangeS = () => { |
|
|
|
details.search = false; //关闭搜索 |
|
|
|
onLoad(); |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 顶部搜索 |
|
|
|
// 顶部搜索 |
|
|
|
const searchHide = () => { |
|
|
|
const searchHide = () => { |
|
|
|
@ -308,7 +314,29 @@ function updateDictionary(targetArray, dictionaryType) { |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
// 页面初始化 |
|
|
|
// 页面初始化 |
|
|
|
const onLoad = () => {}; |
|
|
|
const onLoad = value => { |
|
|
|
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
|
|
|
let data = { |
|
|
|
|
|
|
|
current: details.page.currentPage, |
|
|
|
|
|
|
|
size: details.page.pageSize, |
|
|
|
|
|
|
|
...details.query, |
|
|
|
|
|
|
|
...value, |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
$_WarehouseDeliveryCost(data) |
|
|
|
|
|
|
|
.then(res => { |
|
|
|
|
|
|
|
console.log(res, '获取数据'); |
|
|
|
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
|
|
|
details.data = res.data.data.records || []; |
|
|
|
|
|
|
|
details.page.total = res.data.data.total; //页码 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.catch(error => { |
|
|
|
|
|
|
|
console.log(error); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.finally(() => { |
|
|
|
|
|
|
|
details.loadingObj.list = false; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// 页面初始化方法 |
|
|
|
// 页面初始化方法 |
|
|
|
|
|
|
|
|
|
|
|
@ -334,12 +362,51 @@ const MyWarehouseList = () => { |
|
|
|
}); |
|
|
|
}); |
|
|
|
}; |
|
|
|
}; |
|
|
|
const PageOnload = () => { |
|
|
|
const PageOnload = () => { |
|
|
|
|
|
|
|
onLoad(); //初始化数据 |
|
|
|
MyWarehouseList(); //获取仓库 |
|
|
|
MyWarehouseList(); //获取仓库 |
|
|
|
monthFn(); |
|
|
|
monthFn(); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
//页面初始化方法 |
|
|
|
//页面初始化方法 |
|
|
|
PageOnload(); |
|
|
|
PageOnload(); |
|
|
|
|
|
|
|
const exportExcel = () => { |
|
|
|
|
|
|
|
ElMessageBox.confirm('是否导出数据?', { |
|
|
|
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.then(() => { |
|
|
|
|
|
|
|
console.log(details.query, '搜索参数'); |
|
|
|
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
|
|
|
let data = { |
|
|
|
|
|
|
|
...details.query, |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
console.log(data, '要提交的数据'); |
|
|
|
|
|
|
|
$_expenseDispatchWarehouseMonth(data) |
|
|
|
|
|
|
|
.then(res => { |
|
|
|
|
|
|
|
downloadXls(res.data, `仓库月度配送成本表.xlsx`); |
|
|
|
|
|
|
|
ElMessage({ |
|
|
|
|
|
|
|
message: '导出成功', |
|
|
|
|
|
|
|
type: 'success', |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.catch(error => { |
|
|
|
|
|
|
|
console.log(error); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.finally(() => { |
|
|
|
|
|
|
|
details.loadingObj.list = false; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.catch(() => {}); |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
// 清空 |
|
|
|
|
|
|
|
const searchReset = () => { |
|
|
|
|
|
|
|
details.columnList.forEach(item => { |
|
|
|
|
|
|
|
item.values = ''; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
details.query = {}; |
|
|
|
|
|
|
|
onLoad(); |
|
|
|
|
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
<style scoped lang="scss"> |
|
|
|
|
