173 lines
3.4 KiB
Vue
173 lines
3.4 KiB
Vue
<template>
|
||
<view class="fullHeight">
|
||
<headers :showBack="true" class="">
|
||
<view class="headerName">
|
||
计划任务详情
|
||
<view class="headerBack" @click="returnBack">
|
||
<u-icon name="arrow-left" color="#333333" size="40"></u-icon>
|
||
</view>
|
||
</view>
|
||
</headers>
|
||
<view class="task-detail">
|
||
<view class="detail-row">
|
||
<view class="row-title">
|
||
梁号:
|
||
</view>
|
||
<view class="row-detail">
|
||
1#-1
|
||
</view>
|
||
</view>
|
||
<view class="detail-row">
|
||
<view class="row-title">
|
||
所属桥段:
|
||
</view>
|
||
<view class="row-detail">
|
||
新市枢纽D匝道1号桥
|
||
</view>
|
||
</view>
|
||
<view class="detail-row">
|
||
<view class="row-title">
|
||
梁板类型:
|
||
</view>
|
||
<view class="row-detail">
|
||
箱梁
|
||
</view>
|
||
</view>
|
||
<view class="detail-row">
|
||
<view class="row-title">
|
||
制梁状态:
|
||
</view>
|
||
<view class="row-detail">
|
||
<text style="color: #21C28E;">已完成</text>
|
||
</view>
|
||
</view>
|
||
<view class="detail-row">
|
||
<view class="row-title">
|
||
计划制梁时间:
|
||
</view>
|
||
<view class="row-detail" style="width: 290rpx;">
|
||
2022-08-11 08:00:00~ 2022-08-11 08:00:00
|
||
</view>
|
||
</view>
|
||
<view class="detail-row">
|
||
<view class="row-title">
|
||
计划架梁时间：
|
||
</view>
|
||
<view class="row-detail" style="width: 290rpx;">
|
||
2022-08-11 08:00:00~ 2022-08-11 08:00:00
|
||
</view>
|
||
</view>
|
||
<view class="detail-row">
|
||
<view class="row-title">
|
||
跨:
|
||
</view>
|
||
<view class="row-detail">
|
||
5m
|
||
</view>
|
||
</view>
|
||
<view class="detail-row">
|
||
<view class="row-title">
|
||
幅:
|
||
</view>
|
||
<view class="row-detail">
|
||
左幅
|
||
</view>
|
||
</view>
|
||
<view class="detail-row">
|
||
<view class="row-title">
|
||
存梁台座编号:
|
||
</view>
|
||
<view class="row-detail">
|
||
21#-1
|
||
</view>
|
||
</view>
|
||
<view class="detail-row">
|
||
<view class="row-title">
|
||
梁二维码:
|
||
</view>
|
||
<view class="qrCode">
|
||
<!-- <image class="img" :src="url_config+'image/'+item.qrCode"></image> -->
|
||
<image class="img" src="/static/smartBeamField/codeIcon.jpg"></image>
|
||
<view class="download-text">
|
||
点击此处下载
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
beamSectionId: "", // 桥段ID
|
||
beamNumSearch: "",
|
||
searchStyle: {
|
||
position: "absolute",
|
||
display: "flex",
|
||
alignItems: "center",
|
||
justifyContent: "center",
|
||
right: "13%",
|
||
width: "90rpx",
|
||
height: "40rpx",
|
||
color: "#fff",
|
||
fontSize: "23rpx",
|
||
background: "#5181F6",
|
||
borderRadius: "35px 35px 35px 35px",
|
||
},
|
||
planList: [],
|
||
saveBeamList: [],
|
||
makeBeamList: [],
|
||
projectDetail: {},
|
||
};
|
||
},
|
||
methods: {
|
||
returnBack() {
|
||
console.log("返回")
|
||
uni.navigateBack()
|
||
},
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.headerBack {
|
||
position: absolute;
|
||
left: 5%;
|
||
top: 5%;
|
||
}
|
||
.task-detail {
|
||
padding: 30rpx 40rpx;
|
||
.detail-row {
|
||
display: flex;
|
||
margin-top: 35rpx;
|
||
.qrCode {
|
||
width: 200rpx;
|
||
height: 200rpx;
|
||
text-align: center;
|
||
.download-text {
|
||
color: #5181F6;
|
||
font-size: 27rpx;
|
||
}
|
||
.img {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
.row-title {
|
||
width: 200rpx;
|
||
font-size: 27rpx;
|
||
font-family: Advent Pro, Advent Pro;
|
||
color: #8C8C8C;
|
||
}
|
||
.row-detail {
|
||
font-size: 27rpx;
|
||
font-family: Advent Pro, Advent Pro;
|
||
color: #333333;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
</style> |