Compare commits
No commits in common. "a39a6a1c6447841f063ac576c1a11b5ca840318e" and "e2fc1967b8413e909dc40d7ab7a48150baadcab5" have entirely different histories.
a39a6a1c64
...
e2fc1967b8
@ -79,120 +79,13 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
<div class="hl-footer text-center">
|
<div class="hl-footer text-center">
|
||||||
<el-button @click="receiveGoods()" type="primary" size="large" >收货</el-button>
|
<el-button @click="receiveGoods()" type="primary" size="large" >收货</el-button>
|
||||||
<el-button @click="isPrint()" type="primary" size="large" :loading="printLoading">打印</el-button>
|
<el-button @click="isPrint()" type="primary" size="large" >打印</el-button>
|
||||||
<el-button @click="deleteForm()" type="danger" size="large" >删除</el-button>
|
<el-button @click="deleteForm()" type="danger" size="large" >删除</el-button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
<!-- 表单弹窗:物料列表 -->
|
<!-- 表单弹窗:物料列表 -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 表单弹窗:物料列表 -->
|
|
||||||
<el-dialog v-model="printDialogVisible" width="80%" title="采购单打印" :close-on-click-modal="false">
|
|
||||||
<div id="printArea" class="print-content">
|
|
||||||
<div class="print-header">
|
|
||||||
<div class="order-info">
|
|
||||||
<div style="display: flex;">
|
|
||||||
<span style="width: 210px;">订单编号:{{ printData.purchaseNo }}</span>
|
|
||||||
<span style="margin-left:20px; width: 170px;">订单日期:{{ formatDate(printData.ordDate) }}</span>
|
|
||||||
<span style="margin-left:20px;width: 150px">供应商:{{ printData.supplierName }}</span>
|
|
||||||
</div>
|
|
||||||
<div style="display: flex;">
|
|
||||||
<span style="margin-left:20px;width: 110px">联系人:{{ printData.contactName }}</span>
|
|
||||||
<span style="margin-left:20px;width: 150px">电话:{{ printData.contactMobile }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<table class="print-table">
|
|
||||||
<colgroup>
|
|
||||||
<col style="width: 4%;" />
|
|
||||||
<col style="width: 14%;" />
|
|
||||||
<col style="width: 4%;" />
|
|
||||||
<col style="width: 15%;" />
|
|
||||||
<col style="width: 7%;" />
|
|
||||||
<col style="width: 4%;" />
|
|
||||||
<col style="width: 7%;" />
|
|
||||||
<col style="width: 8%;" />
|
|
||||||
<col style="width: 8%;" />
|
|
||||||
<col style="width: 7%;" />
|
|
||||||
<col style="width: 6%;" />
|
|
||||||
<col style="width: 7%;" />
|
|
||||||
|
|
||||||
</colgroup>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>序号</th>
|
|
||||||
<th>子项目编号</th>
|
|
||||||
<th>件号</th>
|
|
||||||
<th>标准件名称</th>
|
|
||||||
<th>物料编码</th>
|
|
||||||
<th>材料</th>
|
|
||||||
<th>规格型号</th>
|
|
||||||
<th>要求完成日期</th>
|
|
||||||
<th>计划到货日期</th>
|
|
||||||
<th>采购数量</th>
|
|
||||||
<th>单价(元)</th>
|
|
||||||
<th>总价格(元)</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr v-for="(item, index) in 17" :key="index">
|
|
||||||
<td>{{ index + 1 }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.projectSubCode || '' }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.blueprintNo || '' }}</td>
|
|
||||||
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.boomName ? limitTo20Chars(printData.purchaseOrderNoDetailList[index].boomName) : '' }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.matCode || '' }}</td>
|
|
||||||
<td></td>
|
|
||||||
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.boomSpec || '' }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.requireTime ? formatDate(printData.purchaseOrderNoDetailList[index].requireTime) : '' }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.arriveTime ? formatDate(printData.purchaseOrderNoDetailList[index].arriveTime) : '' }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.purchaseAmount || '' }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.unitPrice || '' }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.estimatedPrice || '' }}</td>
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td colspan="8"></td>
|
|
||||||
<td style="font-weight: bold;">合计</td>
|
|
||||||
<td style="font-weight: bold;">{{ printData.purchaseAmountSum }}</td>
|
|
||||||
<td></td>
|
|
||||||
<td style="font-weight: bold;">{{ printData.estimatedPriceSum }}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
|
|
||||||
</table>
|
|
||||||
<div class="order-info" style="margin-top: 10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;">
|
|
||||||
<div style="display: flex;width: 40%;">
|
|
||||||
<span >交货地址:{{ printData.deliveryAddress }}</span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div style="display: flex;width: 20%;justify-content: center;">
|
|
||||||
<span style="margin-left:20px;width: 120px">审核:{{ printData.auditorName }}</span>
|
|
||||||
<span style="margin-left:20px;width: 120px">签字区</span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div style="display: flex; width: 40%;justify-content: right;">
|
|
||||||
<span style="margin-left:20px;width: 130px">接收人:{{ printData.username }}</span>
|
|
||||||
<span style="margin-left:20px;width: 150px">电话:{{ printData.userMobile }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<template #footer>
|
|
||||||
<el-button @click="printDialogVisible = false">关闭</el-button>
|
|
||||||
<el-button type="primary" @click="doPrint">打印</el-button>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
||||||
@ -282,132 +175,12 @@ onMounted(async () => {
|
|||||||
formData.value = await PurchaseOrderNoApi.getPurchaseOrderNo(query.id)
|
formData.value = await PurchaseOrderNoApi.getPurchaseOrderNo(query.id)
|
||||||
getList();
|
getList();
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const printLoading = ref(false)
|
|
||||||
// 打印弹窗内容
|
|
||||||
const printDialogVisible = ref(false)
|
|
||||||
const printData = ref({})
|
|
||||||
|
|
||||||
function openPrintDialog(data) {
|
|
||||||
printData.value = data
|
|
||||||
printDialogVisible.value = true
|
|
||||||
}
|
|
||||||
const isPrint = async () => {
|
const isPrint = async () => {
|
||||||
printLoading.value = true
|
var newVar = await PurchaseOrderNoApi.isPrint(query.id);
|
||||||
printLoading.value = true
|
|
||||||
try {
|
|
||||||
var newVar = await PurchaseOrderNoApi.isPrint(query.id);
|
|
||||||
console.log(newVar)
|
console.log(newVar)
|
||||||
openPrintDialog(newVar)
|
|
||||||
} finally {
|
|
||||||
printLoading.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function doPrint() {
|
|
||||||
// 创建新的打印窗口
|
|
||||||
const printContent = document.getElementById('printArea')
|
|
||||||
if (!printContent) return
|
|
||||||
|
|
||||||
const iframe = document.createElement('iframe')
|
|
||||||
iframe.style.position = 'absolute'
|
|
||||||
iframe.style.width = '0'
|
|
||||||
iframe.style.height = '0'
|
|
||||||
iframe.style.border = 'none'
|
|
||||||
document.body.appendChild(iframe)
|
|
||||||
|
|
||||||
const doc = iframe.contentWindow?.document
|
|
||||||
doc?.open()
|
|
||||||
doc?.write(`
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title >采购单</title>
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
margin: 10px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
.print-content {
|
|
||||||
width: 100%;
|
|
||||||
padding-top: 15px;
|
|
||||||
}
|
|
||||||
.order-info {
|
|
||||||
justify-content: space-between;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.stamp-info {
|
|
||||||
margin-top: 10px;
|
|
||||||
|
|
||||||
}
|
|
||||||
.stamp-info span{
|
|
||||||
font-size: 15px !important;
|
|
||||||
|
|
||||||
}
|
|
||||||
.order-info span{
|
|
||||||
font-size: 15px !important;
|
|
||||||
|
|
||||||
}
|
|
||||||
.print-table {
|
|
||||||
width: 100%;
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
.print-table th, .print-table td {
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
padding: 5px;
|
|
||||||
text-align: center;
|
|
||||||
height: 20px; /* 设置固定高度 */
|
|
||||||
line-height: 20px; /* 垂直居中 */
|
|
||||||
}
|
|
||||||
.print-table th {
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
@media print {
|
|
||||||
body { margin: 0; }
|
|
||||||
.print-content {
|
|
||||||
width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
${printContent.innerHTML}
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
`)
|
|
||||||
doc?.close()
|
|
||||||
|
|
||||||
iframe.onload = () => {
|
|
||||||
iframe.contentWindow?.focus()
|
|
||||||
iframe.contentWindow?.print()
|
|
||||||
setTimeout(() => document.body.removeChild(iframe), 1000)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function limitTo20Chars(input) {
|
|
||||||
if (typeof input !== 'string') return '';
|
|
||||||
return input.length > 20 ? input.slice(0, 20) : input;
|
|
||||||
}
|
|
||||||
|
|
||||||
function formatDate(val) {
|
|
||||||
if (!val) return ''
|
|
||||||
const date = new Date(val)
|
|
||||||
return date.toLocaleDateString()
|
|
||||||
}
|
|
||||||
|
|
||||||
const deleteForm = async () => {
|
const deleteForm = async () => {
|
||||||
await PurchaseOrderNoApi.deleteForm(query.id)
|
await PurchaseOrderNoApi.deleteForm(query.id)
|
||||||
router.push({ path: '/purchase/purchaseorderno' })
|
router.push({ path: '/purchase/purchaseorderno' })
|
||||||
@ -451,79 +224,3 @@ const getList = async () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
/* 打印样式 */
|
|
||||||
@media print {
|
|
||||||
/* 隐藏所有非打印内容 */
|
|
||||||
body * {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 只显示打印区域 */
|
|
||||||
#printArea, #printArea * {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 打印区域定位 */
|
|
||||||
#printArea {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 隐藏弹窗相关元素 */
|
|
||||||
.el-dialog, .el-dialog__wrapper, .el-dialog__header, .el-dialog__footer {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.order-info {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.order-info span {
|
|
||||||
font-size: 15px !important;
|
|
||||||
margin-right: 10px !important;
|
|
||||||
}
|
|
||||||
.stamp-info {
|
|
||||||
margin-top: 10px;
|
|
||||||
|
|
||||||
}
|
|
||||||
.stamp-info span{
|
|
||||||
font-size: 15px !important;
|
|
||||||
|
|
||||||
}
|
|
||||||
.print-table {
|
|
||||||
width: 100%;
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin-top: 10px;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.print-table th,
|
|
||||||
.print-table td {
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
padding: 6px 8px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 13px !important;
|
|
||||||
height: 30px; /* 设置固定高度 */
|
|
||||||
line-height: 30px; /* 垂直居中 */
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.print-table th {
|
|
||||||
background-color: #f5f7fa;
|
|
||||||
color: #303133;
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 13px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
|
@ -92,81 +92,69 @@
|
|||||||
</div>
|
</div>
|
||||||
<table class="print-table">
|
<table class="print-table">
|
||||||
<colgroup>
|
<colgroup>
|
||||||
<col style="width: 4%;" />
|
<col style="width: 19%;"/>
|
||||||
<col style="width: 14%;" />
|
<col style="width: 25%;"/>
|
||||||
<col style="width: 4%;" />
|
<col style="width: 8%;"/>
|
||||||
<col style="width: 15%;" />
|
<col style="width: 8%;"/>
|
||||||
<col style="width: 7%;" />
|
<col style="width: 7%;"/>
|
||||||
<col style="width: 4%;" />
|
<col style="width: 8%;"/>
|
||||||
<col style="width: 7%;" />
|
<col style="width: 9%;"/>
|
||||||
<col style="width: 8%;" />
|
<col style="width: 9%;"/>
|
||||||
<col style="width: 8%;" />
|
<col style="width: 7%;"/>
|
||||||
<col style="width: 7%;" />
|
|
||||||
<col style="width: 6%;" />
|
|
||||||
<col style="width: 7%;" />
|
|
||||||
|
|
||||||
</colgroup>
|
</colgroup>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>序号</th>
|
|
||||||
<th>子项目编号</th>
|
<th>子项目编号</th>
|
||||||
<th>件号</th>
|
|
||||||
<th>标准件名称</th>
|
<th>标准件名称</th>
|
||||||
<th>物料编码</th>
|
<th>物料编码</th>
|
||||||
<th>材料</th>
|
<th>材料</th>
|
||||||
|
<th>实际数量</th>
|
||||||
<th>规格型号</th>
|
<th>规格型号</th>
|
||||||
<th>要求完成日期</th>
|
<th>要求完成日期</th>
|
||||||
<th>计划到货日期</th>
|
<th>计划到货日期</th>
|
||||||
<th>采购数量</th>
|
<th>价格(元)</th>
|
||||||
<th>单价(元)</th>
|
|
||||||
<th>总价格(元)</th>
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr v-for="(item, index) in 17" :key="index">
|
<tr v-for="(item, index) in 17" :key="index">
|
||||||
<td>{{ index + 1 }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.projectSubCode || '' }}</td>
|
<td>{{ printData.purchaseOrderNoDetailList[index]?.projectSubCode || '' }}</td>
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.blueprintNo || '' }}</td>
|
|
||||||
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.boomName ? limitTo20Chars(printData.purchaseOrderNoDetailList[index].boomName) : '' }}</td>
|
<td>{{ printData.purchaseOrderNoDetailList[index]?.boomName ? limitTo20Chars(printData.purchaseOrderNoDetailList[index].boomName) : '' }}</td>
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.matCode || '' }}</td>
|
<td>{{ printData.purchaseOrderNoDetailList[index]?.matCode || '' }}</td>
|
||||||
<td></td>
|
<td>{{ printData.purchaseOrderNoDetailList[index]?.compositionName || '' }}</td>
|
||||||
|
<td>{{ printData.purchaseOrderNoDetailList[index]?.purchaseAmount || '' }}</td>
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.boomSpec || '' }}</td>
|
<td>{{ printData.purchaseOrderNoDetailList[index]?.boomSpec || '' }}</td>
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.requireTime ? formatDate(printData.purchaseOrderNoDetailList[index].requireTime) : '' }}</td>
|
<td>{{ printData.purchaseOrderNoDetailList[index]?.requireTime ? formatDate(printData.purchaseOrderNoDetailList[index].requireTime) : '' }}</td>
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.arriveTime ? formatDate(printData.purchaseOrderNoDetailList[index].arriveTime) : '' }}</td>
|
<td>{{ printData.purchaseOrderNoDetailList[index]?.arriveTime ? formatDate(printData.purchaseOrderNoDetailList[index].arriveTime) : '' }}</td>
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.purchaseAmount || '' }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.unitPrice || '' }}</td>
|
|
||||||
<td>{{ printData.purchaseOrderNoDetailList[index]?.estimatedPrice || '' }}</td>
|
<td>{{ printData.purchaseOrderNoDetailList[index]?.estimatedPrice || '' }}</td>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
|
||||||
<td colspan="8"></td>
|
|
||||||
<td style="font-weight: bold;">合计</td>
|
|
||||||
<td style="font-weight: bold;">{{ printData.purchaseAmountSum }}</td>
|
|
||||||
<td></td>
|
|
||||||
<td style="font-weight: bold;">{{ printData.estimatedPriceSum }}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
<div class="order-info" style="margin-top: 10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;">
|
<div class="order-info" style="margin-top: 10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;">
|
||||||
<div style="display: flex;width: 40%;">
|
<div style="display: flex;">
|
||||||
<span >交货地址:{{ printData.deliveryAddress }}</span>
|
<span >交货地址:{{ printData.deliveryAddress }}</span>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex;width: 20%;justify-content: center;">
|
<div style="display: flex; padding-right: 10%;">
|
||||||
<span style="margin-left:20px;width: 120px">审核:{{ printData.auditorName }}</span>
|
<span style="margin-left:20px;width: 100px">邮编:{{ printData.postalCode }}</span>
|
||||||
<span style="margin-left:20px;width: 120px">签字区</span>
|
<span style="margin-left:20px;width: 150px">接收人:{{ printData.username }}</span>
|
||||||
|
|
||||||
</div>
|
|
||||||
<div style="display: flex; width: 40%;justify-content: right;">
|
|
||||||
<span style="margin-left:20px;width: 130px">接收人:{{ printData.username }}</span>
|
|
||||||
<span style="margin-left:20px;width: 150px">电话:{{ printData.userMobile }}</span>
|
<span style="margin-left:20px;width: 150px">电话:{{ printData.userMobile }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="stamp-info" style="display: flex;justify-content: space-between;">
|
||||||
|
|
||||||
|
<div style="display: flex;flex-direction: column;">
|
||||||
|
<span >买方:{{ printData.buyer }}</span>
|
||||||
|
<span style="margin-top: 20px;">签字/盖章</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;flex-direction: column;padding-right: 20%;">
|
||||||
|
<span >卖方:{{ printData.supplierName }}</span>
|
||||||
|
<span style="margin-top: 20px;">签字/盖章</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<el-button @click="printDialogVisible = false">关闭</el-button>
|
<el-button @click="printDialogVisible = false">关闭</el-button>
|
||||||
|
@ -33,10 +33,8 @@ const handleToBooking = (item: Object) => {
|
|||||||
@click="handleToBooking(item)">
|
@click="handleToBooking(item)">
|
||||||
|
|
||||||
<view v-if="item.unReadCount>=0" class="center-msg">
|
<view v-if="item.unReadCount>=0" class="center-msg">
|
||||||
<!-- <span class="msg-text">消息通知</span> -->
|
<span class="msg-text">消息通知</span>
|
||||||
<text class="unread-badge" v-if="item.unReadCount>0">{{ item.unReadCount }}</text>
|
<text class="unread-badge" v-if="item.unReadCount>0">{{ item.unReadCount }}</text>
|
||||||
<image class="icon" :src="item.imgUrl" mode="scaleToFill"></image>
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view v-else >
|
<view v-else >
|
||||||
<image v-if="item.auth" class="icon" :src="item.imgUrl" mode="scaleToFill"></image>
|
<image v-if="item.auth" class="icon" :src="item.imgUrl" mode="scaleToFill"></image>
|
||||||
|
@ -62,7 +62,7 @@ const categoryList = ref([
|
|||||||
path: "messageNotification",
|
path: "messageNotification",
|
||||||
name: "消息通知",
|
name: "消息通知",
|
||||||
auth: true,
|
auth: true,
|
||||||
imgUrl: "/static/images/pic_message.png",
|
imgUrl: "",
|
||||||
defaultImgUrl: "",
|
defaultImgUrl: "",
|
||||||
unReadCount: 0, // 未读消息数
|
unReadCount: 0, // 未读消息数
|
||||||
},
|
},
|
||||||
|
@ -135,7 +135,7 @@ const onRefresherrefresh = async () => {
|
|||||||
<view class="statusLabel">{{ item.thingname }}</view>
|
<view class="statusLabel">{{ item.thingname }}</view>
|
||||||
<view
|
<view
|
||||||
class="product-item"
|
class="product-item"
|
||||||
style="margin-top: 5px; color: #333; font-size: 26rpx"
|
style="margin: 0; color: #333; font-size: 24rpx"
|
||||||
>{{ item.createTime }}</view
|
>{{ item.createTime }}</view
|
||||||
>
|
>
|
||||||
</view>
|
</view>
|
||||||
@ -156,7 +156,7 @@ const onRefresherrefresh = async () => {
|
|||||||
<view class="product-item"
|
<view class="product-item"
|
||||||
>子项目名称:<span class="item-value">{{ item.attr8 }}</span></view
|
>子项目名称:<span class="item-value">{{ item.attr8 }}</span></view
|
||||||
>
|
>
|
||||||
<view class="product-item" style="color: red;"
|
<view class="product-item"
|
||||||
>备注内容:<span class="item-value">{{ item.attr9 }}</span></view
|
>备注内容:<span class="item-value">{{ item.attr9 }}</span></view
|
||||||
>
|
>
|
||||||
</view>
|
</view>
|
||||||
@ -205,7 +205,7 @@ const onRefresherrefresh = async () => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.statusLabel {
|
.statusLabel {
|
||||||
font-size: 30rpx;
|
font-size: 28rpx;
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
}
|
}
|
||||||
.read-btn {
|
.read-btn {
|
||||||
@ -233,7 +233,7 @@ const onRefresherrefresh = async () => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
color: #737d88;
|
color: #737d88;
|
||||||
.item-value {
|
.item-value {
|
||||||
// color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 49 KiB |
Loading…
Reference in New Issue
Block a user