zianxin/pj_admin_cloud
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

111

Browse Source
This commit is contained in:
dzc committed 2025-12-23 14:17:27 +08:00
1 parent ce7ab368d1
commit 7076ded0a9
1 file changed
+49 -44
Download Patch File Download Diff File Expand all files Collapse all files
src/views/hard/hard-door-manager/index.vue
+49 -44
View File
@@ -21,8 +21,10 @@
<el-descriptions-item label="设备名称：">{{ state.deviceDetail.hardName }}</el-descriptions-item>
<el-descriptions-item label="设备IMEI卡号：">{{ state.deviceDetail.imei }}</el-descriptions-item>
<el-descriptions-item label="货柜数量：">{{ state.deviceDetail.cabinetNum }}</el-descriptions-item>
<el-descriptions-item label="单个货柜摄像头数量：">{{ state.deviceDetail.cabinetCameraNum }}</el-descriptions-item>
<el-descriptions-item label="单个货柜称重单元数量：">{{ state.deviceDetail.cabinetWeightUnitNum }}</el-descriptions-item>
<el-descriptions-item label="单个货柜摄像头数量：">{{ state.deviceDetail.cabinetCameraNum
}}</el-descriptions-item>
<el-descriptions-item label="单个货柜称重单元数量：">{{ state.deviceDetail.cabinetWeightUnitNum
}}</el-descriptions-item>
<el-descriptions-item label="SIM卡号：">{{ state.deviceDetail.simSn }}</el-descriptions-item>
<el-descriptions-item label="柜子层数：">{{ state.deviceDetail.doorCount }}</el-descriptions-item>
</el-descriptions>
@@ -52,13 +54,15 @@
<el-descriptions-item>
{{ state.deviceDetail.signalIntensity }}
<template #label>
SIM信号强度<tip content="大于 -95 表示信号强度好；-95 到 -105 表示信号强度中等；小于 -105 表示信号差" />：
SIM信号强度
<tip content="大于 -95 表示信号强度好；-95 到 -105 表示信号强度中等；小于 -105 表示信号差" />：
</template>
</el-descriptions-item>
<el-descriptions-item>
{{ state.deviceDetail.signalRatio }}
<template #label>
信噪比<tip content="用于体现信道传输质量的参数。大于 15 表示质量好；15 到 0 表示质量中等；小于等于 0 表示质量差" />：
信噪比
<tip content="用于体现信道传输质量的参数。大于 15 表示质量好；15 到 0 表示质量中等；小于等于 0 表示质量差" />：
</template>
</el-descriptions-item>
<el-descriptions-item label="SIM信号值更新时间：">{{ state.deviceDetail.signalTime }}</el-descriptions-item>
@@ -69,28 +73,21 @@
<template v-if="state.deviceDetail" #extra>
<el-space>
<el-button icon="RefreshRight" type="primary" @click="refreshCabinetQrCode">刷新货柜二维码</el-button>
<el-button icon="CircleCheck" type="primary" @click="checkOpenAccess" :disabled="checkCloseLoading" :loading="checkOpenLoading">
<el-button icon="CircleCheck" type="primary" @click="checkOpenAccess"
:disabled="checkCloseLoading" :loading="checkOpenLoading">
检修开门
</el-button>
<el-button
icon="CircleClose"
type="primary"
@click="checkCloseAccess"
:disabled="checkOpenLoading"
:loading="checkCloseLoading"
>
<el-button icon="CircleClose" type="primary" @click="checkCloseAccess"
:disabled="checkOpenLoading" :loading="checkCloseLoading">
检修关门
</el-button>
</el-space>
</template>
</el-descriptions>
<el-tabs v-if="state.deviceDetail" type="border-card" @tab-click="doorTabClick">
<el-tab-pane
v-if="state.deviceDetail.cabinetList?.length"
<el-tab-pane v-if="state.deviceDetail.cabinetList?.length"
:label="state.deviceDetail.deviceCode + '-' + item.cabinetNo"
v-for="(item, index) in state.deviceDetail.cabinetList"
:key="index"
>
v-for="(item, index) in state.deviceDetail.cabinetList" :key="index">
<el-descriptions :column="3" title="" border>
<el-descriptions-item label="货柜号：">{{ item.cabinetNo }}</el-descriptions-item>
<el-descriptions-item label="锁在线：">
@@ -111,20 +108,26 @@
</el-descriptions-item>
<el-descriptions-item label="收款二维码：">
<div class="flex justify-start">
<preview-image
:src="item.qrCode"
download
:downloadName="`货柜 ${state.deviceDetail.deviceCode}-${item.cabinetNo} 二维码`"
/>
<preview-image :src="item.qrCode" download
:downloadName="`货柜 ${state.deviceDetail.deviceCode}-${item.cabinetNo} 二维码`" />
</div>
</el-descriptions-item>
<el-descriptions-item label="收款二维码(url)：">
<div class="flex justify-start">
<preview-image
:src="item.urlQrCode"
download
:downloadName="`货柜 ${state.deviceDetail.deviceCode}-${item.cabinetNo} url二维码`"
/>
<preview-image :src="item.urlQrCode" download
:downloadName="`货柜 ${state.deviceDetail.deviceCode}-${item.cabinetNo} url二维码`" />
</div>
</el-descriptions-item>
<el-descriptions-item label="支付宝收款二维码(url)：">
<div class="flex justify-start">
<preview-image :src="item.urlAlipayQrCode" download
:downloadName="`货柜 ${state.deviceDetail.deviceCode}-${item.cabinetNo} url二维码`" />
</div>
</el-descriptions-item>
<el-descriptions-item label="微信收款二维码(url)：">
<div class="flex justify-start">
<preview-image :src="item.urlWechatQrCode" download
:downloadName="`货柜 ${state.deviceDetail.deviceCode}-${item.cabinetNo} url二维码`" />
</div>
</el-descriptions-item>
</el-descriptions>
@@ -139,32 +142,31 @@
</el-descriptions>
<el-tabs v-if="state.deviceDetail" type="border-card" @tab-click="tabClick">
<el-tab-pane
v-if="state.deviceDetail.cabinetList?.length"
<el-tab-pane v-if="state.deviceDetail.cabinetList?.length"
:label="state.deviceDetail.deviceCode + '-' + item.cabinetNo"
v-for="(item, index) in state.deviceDetail.cabinetList"
:key="index"
>
v-for="(item, index) in state.deviceDetail.cabinetList" :key="index">
<div v-for="(floorItem, floorIndex) in state.cabinetData" :key="floorIndex">
<el-divider />
<div class="text-black flex items-center">
<div class="text-center w-24 text-lg font-bold">第 {{ floorIndex + 1 }} 层:</div>
<div class="flex flex-wrap">
<div class="flex flex-col items-center justify-start" v-for="(v, indexNo) in floorItem[floorIndex + 1]" :key="indexNo">
<div v-if="v.spuId && v.spuDetail" class="w-24 mx-4 my-1 flex flex-col items-center">
<div class="flex flex-col items-center justify-start"
v-for="(v, indexNo) in floorItem[floorIndex + 1]" :key="indexNo">
<div v-if="v.spuId && v.spuDetail"
class="w-24 mx-4 my-1 flex flex-col items-center">
<div class="relative">
<el-icon @click.stop="deleteGoods(v)" class="absolute right-[-8px] top-[-8px] text-xl text-blue-600 z-50">
<el-icon @click.stop="deleteGoods(v)"
class="absolute right-[-8px] top-[-8px] text-xl text-blue-600 z-50">
<CircleClose />
</el-icon>
<preview-image width="96px" height="86px" :src="v.spuDetail.pic" @click.stop />
<preview-image width="96px" height="86px" :src="v.spuDetail.pic"
@click.stop />
</div>
<el-tooltip effect="dark" :content="v.spuDetail?.name">
<div class="line-clamp-1">{{ v.spuDetail?.name }}</div>
</el-tooltip>
<div
class="color-primary w-full flex items-center"
:class="v.spuDetail.specsCapacity ? 'justify-between' : 'justify-center'"
>
<div class="color-primary w-full flex items-center"
:class="v.spuDetail.specsCapacity ? 'justify-between' : 'justify-center'">
<span>{{ displayPrice(v.spuDetail.price) }}</span>
<span>{{ v.spuDetail.specsCapacity }}</span>
</div>
@@ -178,11 +180,9 @@
<span>已售:{{ v.spuDetail.salesCount || 0 }}</span>
</div>
</div>
<div
v-else
<div v-else
class="bg-blue-50 w-24 h-20 border border-black mx-4 my-1 flex items-center justify-center cursor-pointer rounded-lg"
@click="clickPutaway(v.id)"
>
@click="clickPutaway(v.id)">
点击上架
</div>
</div>
@@ -433,6 +433,7 @@ const deleteGoods = async (v: any) => {
.el-descriptions__title {
display: flex;
align-items: center;
&::before {
display: inline-block;
width: 3px;
@@ -445,14 +446,17 @@ const deleteGoods = async (v: any) => {
.el-descriptions-item__container {
margin: 0 10px;
.no-colon {
margin: 0;
&::after {
content: "";
}
}
}
}
.el-timeline-right-content {
display: flex;
align-items: center;
@@ -470,6 +474,7 @@ const deleteGoods = async (v: any) => {
content: "";
}
}
// 时间线样式调整
:deep(.el-timeline) {
margin: 10px 0 0 160px;