提交 38f620e9 authored 作者: caodi\cd's avatar caodi\cd

fix:结构优化

上级 1601fb0f
......@@ -2,27 +2,22 @@
<view class="inspect-item" @click="toPage">
<view class="content" :class="details.synchronization == 1 ? 'synchronization' : ''">
<view class="name">{{
details.synchronization == 0 ? "待同步" : "已同步"
details.isSubmit == 0 ? "编辑中" :details.synchronization == 0 ? "待同步" : "已同步"
}}</view>
<view class="info">
<view class="info-row">
<text class="title">{{ getLabel(details.inspectionType) }}</text>
<text class="status">{{
details.synchronization == 0 ? "待同步" : "已同步"
details.isException>0?"异常":"正常"
}}</text>
<view v-if="details.isException == 1" class="status alarm">
<text class="iconfont icon-yichang1"></text>
<text>有异常</text>
</view>
</view>
<view class="info-row info-row-code">
<text>巡检人:</text>
<text class="code-num">admin</text>
<text class="code-num">{{details.inspectionBy}}</text>
<text>编号:</text>
<text class="code-num">{{ details.inspectionCode }}</text>
<text>巡检日期:</text>
<text class="code-num">2025-01-29</text>
<text class="code-num">{{ details.submitTime }}</text>
</view>
</view>
<view class="img">
......@@ -46,6 +41,10 @@
type: Boolean,
},
},
mounted() {
console.log(" this.details", this.details)
},
methods: {
getLabel(val) {
const temp =
......@@ -60,7 +59,7 @@
`/pages/inspectionContent/inspectionContent?isDisable=${
this.isDisable ? 1 : 0
}` :
`/pages/shaftInspection/shaftInspectionNew?isDisable=${
`/pages/shaftInspection/shaftInspectionList?isDisable=${
this.isDisable ? 1 : 0
}`;
......@@ -73,26 +72,27 @@
</script>
<style scoped lang="less">
.inspect-item {
width: calc(50% - 8px);
margin-bottom: 16px;
width: calc(50% - 6.4px);
margin-bottom: 12.8px;
.content {
background: #fff;
border: 0.4px solid rgba(224, 224, 224, 1);
border-radius: 12px;
padding: 12px;
border: 0.32px solid rgba(224, 224, 224, 1);
border-radius: 9.6px;
padding: 9.6px;
display: flex;
align-items: center;
height: 78px;
height: 62.4px;
box-sizing: border-box;
position: relative;
.name {
background: #ffab2423;
border-radius: 12px;
width: 54px;
height: 54px;
margin-right: 10px;
border-radius: 9.6px;
font-size: 11.2px;
width: 43.2px;
height: 43.2px;
margin-right: 8px;
display: flex;
justify-content: center;
align-items: center;
......@@ -103,52 +103,53 @@
.info-row {
display: flex;
align-items: center;
margin-bottom: 8px;
margin-bottom: 6.4px;
&:last-of-type {
margin: 0;
}
.title {
font-size: 12px;
font-size: 11.2px;
color: #000000;
font-weight: bold;
margin-right: 8px;
margin-right: 6.4px;
}
.status {
padding: 2px 4px;
font-size: 12px;
padding: 0 6.4px;
font-size: 9.6px;
color: #ffffff;
text-align: center;
line-height: 20px;
line-height: 16px;
font-weight: 400;
background: #ffab24;
border-radius: 3px;
border-radius: 8px;
}
.alarm {
margin-left: 8px;
margin-left: 6.4px;
background: rgba(255, 105, 82, 0.1);
font-size: 12px;
font-size: 11.2px;
color: #ff6952;
text-align: center;
line-height: 20px;
line-height: 16px;
font-weight: 400;
}
}
.info-row-code {
font-size: 12px;
font-size: 11.2px;
color: #7c7c7c;
font-weight: 400;
.code-num {
font-size: 12px;
font-size: 11.2px;
color: #000000;
font-weight: 400;
margin-right: 10px;
&:last-child{
margin-right: 19.2px;
&:last-child {
margin-right: 0;
}
}
......@@ -162,8 +163,10 @@
transform: translateY(-50%);
.bg-img {
width: 80px;
height: 80px;
width: 64px;
/* 80px * 0.8 */
height: 64px;
/* 80px * 0.8 */
}
}
}
......@@ -173,7 +176,8 @@
.name {
background: #9c9c9c16;
border-radius: 12px;
border-radius: 9.6px;
/* 12px * 0.8 */
color: #4a4a4a;
}
......
......@@ -1074,7 +1074,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1092,7 +1094,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1110,7 +1114,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1128,7 +1134,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1146,7 +1154,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1164,7 +1174,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1182,7 +1194,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1200,7 +1214,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1218,7 +1234,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1236,7 +1254,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1254,7 +1274,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1272,7 +1294,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
},
{
"createBy": "admin",
......@@ -1290,7 +1314,9 @@ export const pad_2_1_floor = {
"isDefault": "N",
"status": "0",
"default": false,
"details":[]
"statusLable":"未巡检",
"details":[],
"isSubmit":0,
}
]
}
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论