|
|
|
|
@ -17,7 +17,9 @@
|
|
|
|
|
<!-- 控件模块 --> |
|
|
|
|
<el-row> |
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<div class="avue-crud__left"></div> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="addCategory">新 增</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="searchChangeS" circle></el-button> |
|
|
|
|
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button> |
|
|
|
|
@ -69,13 +71,29 @@
|
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
<el-dialog v-model="dialogedit" title="编辑" width="40%"> |
|
|
|
|
<el-dialog v-model="dialogedit" :title="categorytitle" width="40%"> |
|
|
|
|
<el-form :model="form" class="elform"> |
|
|
|
|
<el-form-item label="成本结算品类"> |
|
|
|
|
<el-input v-model.trim="form.name" placeholder="暂无成本结算品类" disabled /> |
|
|
|
|
<el-select |
|
|
|
|
v-model="form.categoryId" |
|
|
|
|
filterable |
|
|
|
|
remote |
|
|
|
|
reserve-keyword |
|
|
|
|
placeholder="请输入成本结算品类" |
|
|
|
|
:remote-method="remoteMethod" |
|
|
|
|
:loading="Methodloading" |
|
|
|
|
style="width: 240px" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in categoryList" |
|
|
|
|
:key="item.goodsId" |
|
|
|
|
:label="item.goodsName" |
|
|
|
|
:value="item.goodsId" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="计价单位"> |
|
|
|
|
<el-select v-model="form.value" placeholder="请选择计价单位" style="width: 240px"> |
|
|
|
|
<el-select v-model="form.unit" placeholder="请选择计价单位" style="width: 240px"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in Pricingunit" |
|
|
|
|
:key="item.value" |
|
|
|
|
@ -88,7 +106,7 @@
|
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button @click="dialogedit = false">取消</el-button> |
|
|
|
|
<el-button type="primary" @click="dialogVisible = false"> 确定 </el-button> |
|
|
|
|
<el-button type="primary" @click="Categoryaddition"> 确定 </el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
@ -106,36 +124,27 @@
|
|
|
|
|
<script setup> |
|
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue'; |
|
|
|
|
import { columnList } from '@/option/storagecost/Categorypricingunit.js'; |
|
|
|
|
import { |
|
|
|
|
$_expenseDispatchPriceUnit, |
|
|
|
|
$_expenseDispatchPriceUnitadd, |
|
|
|
|
$_expenseDispatchPriceUnitupdate, |
|
|
|
|
} from '@/api/storagecost/index.js'; |
|
|
|
|
import { postFindCategoryInfo } from '@/api/distribution/CreateOrder.js'; |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
|
import { processRowProperty, setNodeHeight } from '@/utils/util'; |
|
|
|
|
import functions from '@/utils/functions.js'; |
|
|
|
|
import { ElMessageBox, ElMessage } from 'element-plus'; |
|
|
|
|
import { downloadXls } from '@/utils/util'; |
|
|
|
|
import { useStore } from 'vuex'; |
|
|
|
|
import dayjs from 'dayjs'; |
|
|
|
|
const categorytitle = ref('新增'); |
|
|
|
|
const $router = useRouter(); //跳转 |
|
|
|
|
const $useStore = useStore(); //权限 |
|
|
|
|
const Methodloading = ref(false); |
|
|
|
|
const $route = useRoute(); //获取地址栏参数 |
|
|
|
|
const dialogedit = ref(false); //编辑弹窗 |
|
|
|
|
const form = ref({}); |
|
|
|
|
const Pricingunit=ref([ |
|
|
|
|
{ |
|
|
|
|
value: '1', |
|
|
|
|
label: '按件', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: '2', |
|
|
|
|
label: '按方', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: '3', |
|
|
|
|
label: '按重量', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: '4', |
|
|
|
|
label: '按吨', |
|
|
|
|
}, |
|
|
|
|
]) |
|
|
|
|
const categoryList = ref([]); //品类列表 |
|
|
|
|
const Pricingunit = ref([]); |
|
|
|
|
const details = reactive({ |
|
|
|
|
/** 是否开启搜索 */ |
|
|
|
|
search: false, |
|
|
|
|
@ -177,7 +186,7 @@ const details = reactive({
|
|
|
|
|
columnList, |
|
|
|
|
|
|
|
|
|
/** 列表数据 */ |
|
|
|
|
data: [{}], |
|
|
|
|
data: [], |
|
|
|
|
/** 页面loading */ |
|
|
|
|
loadingObj: { |
|
|
|
|
/** 列表加载loading */ |
|
|
|
|
@ -269,19 +278,21 @@ const selectionChange = list => {
|
|
|
|
|
}; |
|
|
|
|
// 网页顶部搜索按钮 |
|
|
|
|
const searchChange = () => { |
|
|
|
|
details.search = false; //关闭搜索 |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
// 每页多少条 |
|
|
|
|
const sizeChange = val => { |
|
|
|
|
page.value.pageSize = val; |
|
|
|
|
details.page.pageSize = val; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
/** 页码改变执行的回调 */ |
|
|
|
|
const currentChange = val => { |
|
|
|
|
page.value.currentPage = val; |
|
|
|
|
details.page.currentPage = val; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
// 刷新按钮 |
|
|
|
|
const searchChangeS = () => { |
|
|
|
|
details.search = false; //关闭搜索 |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
// 顶部搜索 |
|
|
|
|
const searchHide = () => { |
|
|
|
|
@ -302,14 +313,80 @@ function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
// 页面初始化 |
|
|
|
|
const onLoad = () => {}; |
|
|
|
|
|
|
|
|
|
// 页面初始化 |
|
|
|
|
const onLoad = value => { |
|
|
|
|
let data = { |
|
|
|
|
current: details.page.currentPage, |
|
|
|
|
size: details.page.pageSize, |
|
|
|
|
...details.query, |
|
|
|
|
...value, |
|
|
|
|
}; |
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
$_expenseDispatchPriceUnit(data) |
|
|
|
|
.then(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; |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
const PageOnload = () => { |
|
|
|
|
updateDictionary(Pricingunit.value, 'expense_pricing_unit'); |
|
|
|
|
onLoad(); //获取列表参数 |
|
|
|
|
}; |
|
|
|
|
// 页面初始化方法 |
|
|
|
|
PageOnload(); |
|
|
|
|
// 编辑 |
|
|
|
|
const handleEdit = row => { |
|
|
|
|
console.log(row); |
|
|
|
|
dialogedit.value = true; |
|
|
|
|
}; |
|
|
|
|
// 新增品牌 |
|
|
|
|
const addCategory = () => { |
|
|
|
|
dialogedit.value = true; |
|
|
|
|
}; |
|
|
|
|
const remoteMethod = goodsName => { |
|
|
|
|
if (goodsName) { |
|
|
|
|
Methodloading.value = true; |
|
|
|
|
let data = { |
|
|
|
|
goodsName: goodsName, |
|
|
|
|
}; |
|
|
|
|
postFindCategoryInfo(data) |
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res, '品类'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
categoryList.value = res.data.data; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(() => {}) |
|
|
|
|
.finally(() => { |
|
|
|
|
Methodloading.value = false; |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 新增品类 |
|
|
|
|
const Categoryaddition = () => { |
|
|
|
|
let data = { |
|
|
|
|
categoryId: form.value.categoryId, //成本结算品类 |
|
|
|
|
unit: form.value.unit, //计价单位 |
|
|
|
|
}; |
|
|
|
|
if (categorytitle.value == '新增') { |
|
|
|
|
$_expenseDispatchPriceUnitadd(data).then(res => { |
|
|
|
|
console.log(res, '新增成功'); |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
$_expenseDispatchPriceUnitupdate(data).then(res => { |
|
|
|
|
console.log(res, '修改成功'); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
