|
|
|
|
@ -84,43 +84,39 @@
|
|
|
|
|
<el-col style="height: 30vh;" :span="5">
|
|
|
|
|
|
|
|
|
|
<el-card style="height: 100%;" shadow="always">
|
|
|
|
|
<p>统计信息：</p>
|
|
|
|
|
<p style="margin: 0%;">统计信息：</p>
|
|
|
|
|
<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
|
|
|
|
|
|
|
|
|
|
<Echart style="height:200px;" :options="option" />
|
|
|
|
|
<Echart style="height:230px;" :options="option" />
|
|
|
|
|
</el-card>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col style="height: 30vh;" :span="18">
|
|
|
|
|
|
|
|
|
|
<el-card style="height: 100%;" shadow="always">
|
|
|
|
|
<div style="width: 100%;height: 100%;">
|
|
|
|
|
|
|
|
|
|
<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
|
|
|
|
|
<!-- 遍历 Map 中的每个 key-value 对 -->
|
|
|
|
|
<!-- 遍历 Map 中的每个 key-value 对 -->
|
|
|
|
|
|
|
|
|
|
<div v-for="(title) in buttonByObjectMap.keys()" :key="title">
|
|
|
|
|
<!-- 标题 -->
|
|
|
|
|
<h4>{{ title }}</h4>
|
|
|
|
|
<!-- 遍历每个标题下的按钮数组 -->
|
|
|
|
|
<el-space :size="size" :spacer="spacer">
|
|
|
|
|
<div
|
|
|
|
|
class="mb-15px"
|
|
|
|
|
style="width: 5%;" v-for="(button, index) in buttonByObjectMap.get(title)" :key="index">
|
|
|
|
|
<el-col style="height: 28vh;" :span="18">
|
|
|
|
|
<el-card shadow="always">
|
|
|
|
|
<el-scrollbar height="28vh" width="28vw">
|
|
|
|
|
<!-- 使用 tabs 在上方选择标题 -->
|
|
|
|
|
<el-tabs type="border-card" >
|
|
|
|
|
<el-tab-pane
|
|
|
|
|
v-for="(title, index) in Array.from(buttonByObjectMap.keys())"
|
|
|
|
|
:key="index"
|
|
|
|
|
:label="title"
|
|
|
|
|
>
|
|
|
|
|
<!-- 按钮区域，超过宽度自动换行 -->
|
|
|
|
|
<div style="display: flex; flex-wrap: wrap; gap: 10px; padding: 10px;">
|
|
|
|
|
<el-button
|
|
|
|
|
v-for="(button, btnIndex) in buttonByObjectMap.get(title)"
|
|
|
|
|
:key="btnIndex"
|
|
|
|
|
:type="getButtonType(button.row, button.column)"
|
|
|
|
|
:key="'button2-' + index"
|
|
|
|
|
:disabled="isDisabled(button.row, button.column)"
|
|
|
|
|
@click="getDialogVisible(button.row, button.column)"
|
|
|
|
|
style="margin: 1px;width: 4%;"
|
|
|
|
|
>
|
|
|
|
|
{{ button.row }}-{{ button.column }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-space>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
</el-tabs>
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
</el-card>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
@ -155,7 +151,7 @@ const { t } = useI18n() // 国际化ist
|
|
|
|
|
|
|
|
|
|
const statusList = ['未盘点', '盘点异常', '盘点正确', '人工盘点正常'];
|
|
|
|
|
const colorList = ['warning', 'danger', 'success', 'success'];
|
|
|
|
|
const colorListHex = {'未盘点':'#ebc26e','盘点异常':'#ed6d6d','盘点正确':'#6cc238','人工盘点正常':'#b1c238'};
|
|
|
|
|
const colorListHex = {'未盘点':'#ebc26e','盘点异常':'#ed6d6d','盘点正确':'#6cc238','人工核对正确':'#5061c2'};
|
|
|
|
|
let rows = ref(12);
|
|
|
|
|
let columns = ref(48);
|
|
|
|
|
//最大行列
|
|
|
|
|
@ -266,6 +262,8 @@ const handleQuery = async () => {
|
|
|
|
|
}
|
|
|
|
|
const handleClose = () => {
|
|
|
|
|
dialogVisible.value = false
|
|
|
|
|
|
|
|
|
|
getStreetStatus()
|
|
|
|
|
startTimer()
|
|
|
|
|
}
|
|
|
|
|
const isDisabled = (row: number, column: number): boolean => {
|
|
|
|
|
@ -385,7 +383,7 @@ const option = reactive({
|
|
|
|
|
trigger: 'item'
|
|
|
|
|
},
|
|
|
|
|
legend: {
|
|
|
|
|
top: '5%',
|
|
|
|
|
|
|
|
|
|
left: 'center'
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
@ -399,6 +397,7 @@ const option = reactive({
|
|
|
|
|
borderWidth: 2,
|
|
|
|
|
color: function (params) {
|
|
|
|
|
console.log(params.name);
|
|
|
|
|
console.log(colorListHex[params.name]);
|
|
|
|
|
// var status = buttonByStatusMap.value.get(params.name);
|
|
|
|
|
|
|
|
|
|
// 使用 params.dataIndex 获取当前数据项的索引
|
|
|
|
|
|
LAPTOP-S9HJSOEB\昊天
7 months ago