liangbin
/
UniappVue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(ProjectDetails): 优化检查结果页面的样式和显示效果 

将识别时间和施工单位自查的显示改为弹性布局，并添加字体加粗样式
使用up-text组件显示自查结果，合格显示为成功状态，不合格显示为错误状态
This commit is contained in:
liangbin 2026-01-21 14:29:49 +08:00
parent 7fc4062330
commit 58f73d563e
3 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/ProgectDetails/components/AiCheck.vue
View File

@ -15,8 +15,15 @@
<image :src="item.imgUrl" mode="aspectFill"></image>
</view>
<view class="InfoBox">
<view>识别时间：{{ item.time }}</view>
<view>施工单位自查：{{ item.inspect }}</view>
<view class="FlexBox">
<view class="fw-600">识别时间：</view>
<view>{{ item.time }}</view>
</view>
<view class="FlexBox">
<view class="fw-600">施工单位自查：</view>
<up-text :type="item.inspect === '合格' ? 'success' : 'error'"
:text="item.inspect"></up-text>
</view>
</view>
</view>
<u-button text="复核" type="primary" size="small"></u-button>

11
src/pages/ProgectDetails/components/Reviewed.vue
View File

@ -15,8 +15,15 @@
<image :src="item.imgUrl" mode="aspectFill"></image>
</view>
<view class="InfoBox">
<view>识别时间：{{ item.time }}</view>
<view>施工单位自查：{{ item.inspect }}</view>
<view class="FlexBox">
<view class="fw-600">识别时间：</view>
<view>{{ item.time }}</view>
</view>
<view class="FlexBox">
<view class="fw-600">施工单位自查：</view>
<up-text :type="item.inspect === '合格' ? 'success' : 'error'"
:text="item.inspect"></up-text>
</view>
</view>
</view>
<u-button text="复核" type="primary" size="small"></u-button>

11
src/pages/ProgectDetails/components/SceneCheck.vue
View File

@ -15,8 +15,15 @@
<image :src="item.imgUrl" mode="aspectFill"></image>
</view>
<view class="InfoBox">
<view>识别时间：{{ item.time }}</view>
<view>施工单位自查：{{ item.inspect }}</view>
<view class="FlexBox">
<view class="fw-600">识别时间：</view>
<view>{{ item.time }}</view>
</view>
<view class="FlexBox">
<view class="fw-600">施工单位自查：</view>
<up-text :type="item.inspect === '合格' ? 'success' : 'error'"
:text="item.inspect"></up-text>
</view>
</view>
</view>
<u-button text="复核" type="primary" size="small"></u-button>