|
@@ -41,7 +41,10 @@
|
|
|
</el-tooltip>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <template #turnoverRateThirtyDays>
|
|
|
+ <template #turnoverRateThirtyDays="{ item }">
|
|
|
+ <div>{{ Math.round(item.turnoverRateThirtyDays * 100 * 100) / 100 }}%</div>
|
|
|
+ </template>
|
|
|
+ <template #turnoverRateThirtyDaysHeader>
|
|
|
<span>30天周转率</span>
|
|
|
<el-tooltip class="box-item" effect="dark" placement="bottom">
|
|
|
<template #content>
|
|
@@ -50,7 +53,10 @@
|
|
|
<el-icon style="cursor: pointer; margin-left: 4px; transform: translateY(2px)"><QuestionFilled /></el-icon>
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
- <template #turnoverRateSixtyDays>
|
|
|
+ <template #turnoverRateSixtyDays="{ item }">
|
|
|
+ <div>{{ Math.round(item.turnoverRateSixtyDays * 100 * 100) / 100 }}%</div>
|
|
|
+ </template>
|
|
|
+ <template #turnoverRateSixtyDaysHeader>
|
|
|
<span>60天周转率</span>
|
|
|
<el-tooltip class="box-item" effect="dark" placement="bottom">
|
|
|
<template #content>
|
|
@@ -59,7 +65,10 @@
|
|
|
<el-icon style="cursor: pointer; margin-left: 4px; transform: translateY(2px)"><QuestionFilled /></el-icon>
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
- <template #turnoverRateNinetyDays>
|
|
|
+ <template #turnoverRateNinetyDays="{ item }">
|
|
|
+ <div>{{ Math.round(item.turnoverRateNinetyDays * 100 * 100) / 100 }}%</div>
|
|
|
+ </template>
|
|
|
+ <template #turnoverRateNinetyDaysHeader>
|
|
|
<span>90天周转率</span>
|
|
|
<el-tooltip class="box-item" effect="dark" placement="bottom">
|
|
|
<template #content>
|
|
@@ -80,6 +89,7 @@ import moment from "moment";
|
|
|
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
const activeName = ref("1");
|
|
|
+const departmentList = ref([]);
|
|
|
const sourceList = ref({
|
|
|
loading: false,
|
|
|
data: [],
|
|
@@ -115,6 +125,12 @@ const searchConfig = computed(() => {
|
|
|
dictKey: "bom_chromatophore",
|
|
|
label: "色层",
|
|
|
},
|
|
|
+ {
|
|
|
+ type: "select",
|
|
|
+ prop: "departmentId",
|
|
|
+ data: departmentList.value,
|
|
|
+ label: "事业部",
|
|
|
+ },
|
|
|
];
|
|
|
});
|
|
|
const config = computed(() => {
|
|
@@ -158,8 +174,9 @@ const config = computed(() => {
|
|
|
attrs: {
|
|
|
label: "30天周转率",
|
|
|
prop: "turnoverRateThirtyDays",
|
|
|
+ slot: "turnoverRateThirtyDays",
|
|
|
width: 140,
|
|
|
- slotHeader: "turnoverRateThirtyDays",
|
|
|
+ slotHeader: "turnoverRateThirtyDaysHeader",
|
|
|
},
|
|
|
sortable: true,
|
|
|
header: true,
|
|
@@ -175,8 +192,9 @@ const config = computed(() => {
|
|
|
attrs: {
|
|
|
label: "60天周转率",
|
|
|
prop: "turnoverRateSixtyDays",
|
|
|
+ slot: "turnoverRateSixtyDays",
|
|
|
width: 140,
|
|
|
- slotHeader: "turnoverRateSixtyDays",
|
|
|
+ slotHeader: "turnoverRateSixtyDaysHeader",
|
|
|
},
|
|
|
sortable: true,
|
|
|
header: true,
|
|
@@ -192,8 +210,9 @@ const config = computed(() => {
|
|
|
attrs: {
|
|
|
label: "90天周转率",
|
|
|
prop: "turnoverRateNinetyDays",
|
|
|
+ slot: "turnoverRateNinetyDays",
|
|
|
width: 140,
|
|
|
- slotHeader: "turnoverRateNinetyDays",
|
|
|
+ slotHeader: "turnoverRateNinetyDaysHeader",
|
|
|
},
|
|
|
sortable: true,
|
|
|
header: true,
|
|
@@ -214,6 +233,21 @@ const config = computed(() => {
|
|
|
},
|
|
|
];
|
|
|
});
|
|
|
+const getDemandData = () => {
|
|
|
+ proxy.post("/department/page", { pageNum: 1, pageSize: 999 }).then((res) => {
|
|
|
+ if (res.rows && res.rows.length > 0) {
|
|
|
+ departmentList.value = departmentList.value.concat(
|
|
|
+ res.rows.map((item) => {
|
|
|
+ return {
|
|
|
+ dictKey: item.id,
|
|
|
+ dictValue: item.name,
|
|
|
+ };
|
|
|
+ })
|
|
|
+ );
|
|
|
+ }
|
|
|
+ });
|
|
|
+};
|
|
|
+getDemandData();
|
|
|
const getList = (req, status) => {
|
|
|
if (status) {
|
|
|
sourceList.value.pagination = {};
|