|
|
|
@ -19,7 +19,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> |
|
|
|
@ -34,6 +34,10 @@ |
|
|
|
|
|
|
|
|
|
|
|
<!-- 首页表格 --> |
|
|
|
<!-- 首页表格 --> |
|
|
|
<el-row> |
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-tabs v-model="activeName" class="demo-tabs" type="border-card" @tab-click="handleClick"> |
|
|
|
|
|
|
|
<el-tab-pane label="待审核" name="first"></el-tab-pane> |
|
|
|
|
|
|
|
<el-tab-pane label="已审核" name="second"></el-tab-pane> |
|
|
|
|
|
|
|
</el-tabs> |
|
|
|
<!-- 列表模块 --> |
|
|
|
<!-- 列表模块 --> |
|
|
|
<tablecmt |
|
|
|
<tablecmt |
|
|
|
class="tableNode" |
|
|
|
class="tableNode" |
|
|
|
@ -49,7 +53,7 @@ |
|
|
|
<template #default="slotProps"> |
|
|
|
<template #default="slotProps"> |
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
<div class="ElBtnClass"> |
|
|
|
<div class="ElBtnClass"> |
|
|
|
<el-button type="primary">编辑</el-button> |
|
|
|
<el-button type="primary" @click="toexamine">审核</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
@ -76,6 +80,72 @@ |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</basic-container> |
|
|
|
</basic-container> |
|
|
|
|
|
|
|
<!-- 审核弹窗 --> |
|
|
|
|
|
|
|
<el-dialog v-model="toexaminedialog" title="附加成本编辑" width="500"> |
|
|
|
|
|
|
|
<el-form :model="form" label-width="auto"> |
|
|
|
|
|
|
|
<el-form-item label="装卸费:"> |
|
|
|
|
|
|
|
<el-input-number |
|
|
|
|
|
|
|
v-model="form.a" |
|
|
|
|
|
|
|
:min="0" |
|
|
|
|
|
|
|
:value-on-clear="0" |
|
|
|
|
|
|
|
:precision="2" |
|
|
|
|
|
|
|
:controls="false" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="分货费:"> |
|
|
|
|
|
|
|
<el-input-number |
|
|
|
|
|
|
|
v-model="form.a" |
|
|
|
|
|
|
|
:min="0" |
|
|
|
|
|
|
|
:value-on-clear="0" |
|
|
|
|
|
|
|
:precision="2" |
|
|
|
|
|
|
|
:controls="false" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="平移费:"> |
|
|
|
|
|
|
|
<el-input-number |
|
|
|
|
|
|
|
v-model="form.a" |
|
|
|
|
|
|
|
:min="0" |
|
|
|
|
|
|
|
:value-on-clear="0" |
|
|
|
|
|
|
|
:precision="2" |
|
|
|
|
|
|
|
:controls="false" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="上楼费:"> |
|
|
|
|
|
|
|
<el-input-number |
|
|
|
|
|
|
|
v-model="form.a" |
|
|
|
|
|
|
|
:min="0" |
|
|
|
|
|
|
|
:value-on-clear="0" |
|
|
|
|
|
|
|
:precision="2" |
|
|
|
|
|
|
|
:controls="false" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="其他费用:"> |
|
|
|
|
|
|
|
<el-input-number |
|
|
|
|
|
|
|
v-model="form.a" |
|
|
|
|
|
|
|
:min="0" |
|
|
|
|
|
|
|
:value-on-clear="0" |
|
|
|
|
|
|
|
:precision="2" |
|
|
|
|
|
|
|
:controls="false" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="其他费用备注:"> |
|
|
|
|
|
|
|
<el-input |
|
|
|
|
|
|
|
v-model="form.name" |
|
|
|
|
|
|
|
:autosize="{ minRows: 4, maxRows: 6 }" |
|
|
|
|
|
|
|
placeholder="请输入其他费用备注" |
|
|
|
|
|
|
|
type="textarea" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template #footer> |
|
|
|
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
|
|
|
<el-button @click="toexaminecancel">取消</el-button> |
|
|
|
|
|
|
|
<el-button type="primary" @click="Confirmaudit"> 确认审核 </el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 列表配置显示 --> |
|
|
|
<!-- 列表配置显示 --> |
|
|
|
<edittablehead |
|
|
|
<edittablehead |
|
|
|
@setcolum="setnewcolum" |
|
|
|
@setcolum="setnewcolum" |
|
|
|
@ -89,8 +159,7 @@ |
|
|
|
<script setup> |
|
|
|
<script setup> |
|
|
|
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/Financialreview.js'; |
|
|
|
import { columnList } from '@/option/storagecost/Financialreview.js'; |
|
|
|
import { $_getMyWarehouseList,$_Financialreview } from '@/api/storagecost/index.js'; |
|
|
|
import { $_getMyWarehouseList, $_Financialreview,$_expenseDispatchFinancialReview } from '@/api/storagecost/index.js'; |
|
|
|
|
|
|
|
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
import { processRowProperty, setNodeHeight } from '@/utils/util'; |
|
|
|
import { processRowProperty, setNodeHeight } from '@/utils/util'; |
|
|
|
import functions from '@/utils/functions.js'; |
|
|
|
import functions from '@/utils/functions.js'; |
|
|
|
@ -101,6 +170,10 @@ import dayjs from 'dayjs'; |
|
|
|
const $router = useRouter(); //跳转 |
|
|
|
const $router = useRouter(); //跳转 |
|
|
|
const $useStore = useStore(); //权限 |
|
|
|
const $useStore = useStore(); //权限 |
|
|
|
const $route = useRoute(); //获取地址栏参数 |
|
|
|
const $route = useRoute(); //获取地址栏参数 |
|
|
|
|
|
|
|
const toexaminedialog = ref(false); |
|
|
|
|
|
|
|
const form = ref({ |
|
|
|
|
|
|
|
a: 0, |
|
|
|
|
|
|
|
}); |
|
|
|
const details = reactive({ |
|
|
|
const details = reactive({ |
|
|
|
/** 是否开启搜索 */ |
|
|
|
/** 是否开启搜索 */ |
|
|
|
search: false, |
|
|
|
search: false, |
|
|
|
@ -142,7 +215,7 @@ const details = reactive({ |
|
|
|
columnList, |
|
|
|
columnList, |
|
|
|
|
|
|
|
|
|
|
|
/** 列表数据 */ |
|
|
|
/** 列表数据 */ |
|
|
|
data: [], |
|
|
|
data: [{}], |
|
|
|
/** 页面loading */ |
|
|
|
/** 页面loading */ |
|
|
|
loadingObj: { |
|
|
|
loadingObj: { |
|
|
|
/** 列表加载loading */ |
|
|
|
/** 列表加载loading */ |
|
|
|
@ -277,16 +350,19 @@ const onLoad = value => { |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
details.loadingObj.list = true; |
|
|
|
details.loadingObj.list = true; |
|
|
|
$_Financialreview(data).then(res => { |
|
|
|
$_Financialreview(data) |
|
|
|
|
|
|
|
.then(res => { |
|
|
|
if (res.data.code == 200) { |
|
|
|
if (res.data.code == 200) { |
|
|
|
details.data = res.data.data.records || []; |
|
|
|
details.data = res.data.data.records || []; |
|
|
|
details.page.total = res.data.data.total; //页码 |
|
|
|
details.page.total = res.data.data.total; //页码 |
|
|
|
} |
|
|
|
} |
|
|
|
}).catch((error)=>{ |
|
|
|
}) |
|
|
|
|
|
|
|
.catch(error => { |
|
|
|
console.log(error, '错误信息'); |
|
|
|
console.log(error, '错误信息'); |
|
|
|
}).finally(()=>{ |
|
|
|
}) |
|
|
|
|
|
|
|
.finally(() => { |
|
|
|
details.loadingObj.list = false; |
|
|
|
details.loadingObj.list = false; |
|
|
|
});; |
|
|
|
}); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// 页面初始化方法 |
|
|
|
// 页面初始化方法 |
|
|
|
@ -296,6 +372,46 @@ const PageOnload = () => { |
|
|
|
// 页面初始化方法 |
|
|
|
// 页面初始化方法 |
|
|
|
PageOnload(); |
|
|
|
PageOnload(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const toexamine = () => { |
|
|
|
|
|
|
|
toexaminedialog.value = true; //开启审核弹窗 |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
// 确认审核 |
|
|
|
|
|
|
|
const Confirmaudit = () => { |
|
|
|
|
|
|
|
ElMessageBox.confirm('是否确认审核?', '提示', { |
|
|
|
|
|
|
|
confirmButtonText: '确认', |
|
|
|
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.then(() => {}) |
|
|
|
|
|
|
|
.catch(() => {}); |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
// 取消审核 |
|
|
|
|
|
|
|
const toexaminecancel = () => {}; |
|
|
|
|
|
|
|
// 导出数据 |
|
|
|
|
|
|
|
const exportExcel = () => { |
|
|
|
|
|
|
|
ElMessageBox.confirm('是否导出数据?', { |
|
|
|
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.then(() => { |
|
|
|
|
|
|
|
console.log(details.query, '搜索参数'); |
|
|
|
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
|
|
|
let data = { |
|
|
|
|
|
|
|
...details.query, |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
console.log(data, '要提交的数据'); |
|
|
|
|
|
|
|
$_expenseDispatchFinancialReview(data).then(res => { |
|
|
|
|
|
|
|
details.loadingObj.list = false; |
|
|
|
|
|
|
|
downloadXls(res.data, `财务审单.xlsx`); |
|
|
|
|
|
|
|
ElMessage({ |
|
|
|
|
|
|
|
message: '导出成功', |
|
|
|
|
|
|
|
type: 'success', |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.catch(() => {}); |
|
|
|
|
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
<style scoped lang="scss"> |
|
|
|
@ -303,6 +419,7 @@ PageOnload(); |
|
|
|
border: none; |
|
|
|
border: none; |
|
|
|
padding: 0; |
|
|
|
padding: 0; |
|
|
|
background-color: transparent; |
|
|
|
background-color: transparent; |
|
|
|
|
|
|
|
color: #ff9800; |
|
|
|
} |
|
|
|
} |
|
|
|
:deep(.el-card) { |
|
|
|
:deep(.el-card) { |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -323,4 +440,14 @@ PageOnload(); |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.el-form { |
|
|
|
|
|
|
|
.el-input-number { |
|
|
|
|
|
|
|
width: 100% !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
:deep(.demo-tabs){ |
|
|
|
|
|
|
|
.el-tabs__content{ |
|
|
|
|
|
|
|
display: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|
