175 lines
3.2 KiB
Vue
175 lines
3.2 KiB
Vue
<template>
|
|
<view class="fullHeight" style="padding: 0 30rpx;">
|
|
<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="pedestal-info">
|
|
<view class="info-title">
|
|
台座信息
|
|
</view>
|
|
<view class="info-row">
|
|
<view class="row-left">
|
|
台座类型:
|
|
</view>
|
|
<view class="row-right">
|
|
制梁台座
|
|
</view>
|
|
</view>
|
|
<view class="info-row">
|
|
<view class="row-left">
|
|
台座工序:
|
|
</view>
|
|
<view class="row-right">
|
|
浇筑、蒸养、张拉、压浆
|
|
</view>
|
|
</view>
|
|
<view class="info-row">
|
|
<view class="row-left">
|
|
存梁台座编号:
|
|
</view>
|
|
<view class="row-right">
|
|
21#-1
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 正在生产记录 -->
|
|
<view class="product-list">
|
|
<view class="list-title">
|
|
正在生产
|
|
</view>
|
|
<view class="list-item" v-for="item in 3">
|
|
<view class="item-title">
|
|
梁号:
|
|
</view>
|
|
<view class="item-name">
|
|
23-3
|
|
</view>
|
|
<view class="item-tool" @click="toUpdate">
|
|
去更新
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 历史生产记录 -->
|
|
<view class="product-list">
|
|
<view class="list-title">
|
|
历史生产记录过程记录
|
|
</view>
|
|
<view class="list-item" v-for="item in 3">
|
|
<view class="item-title">
|
|
梁号:
|
|
</view>
|
|
<view class="item-name">
|
|
23-3
|
|
</view>
|
|
<view class="item-tool" @click="toDetail">
|
|
去查看
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
returnBack() {
|
|
console.log("返回")
|
|
uni.navigateBack()
|
|
},
|
|
toUpdate() {
|
|
console.log("更新台座生产记录")
|
|
uni.navigateTo({
|
|
url: "/pages/projectEnd/smartBeamField/updateProductRecord"
|
|
})
|
|
},
|
|
toDetail() {
|
|
console.log("查看历史台座生产记录")
|
|
uni.navigateTo({
|
|
url: "/pages/projectEnd/smartBeamField/searchProductRecord"
|
|
})
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.headerBack {
|
|
position: absolute;
|
|
left: 5%;
|
|
top: 5%;
|
|
}
|
|
|
|
.pedestal-info {
|
|
padding-bottom: 50rpx;
|
|
border-bottom: 1px solid #E6E6E6;
|
|
.info-title {
|
|
margin-top: 30rpx;
|
|
font-size: 34rpx;
|
|
color: #545454;
|
|
}
|
|
|
|
.info-row {
|
|
display: flex;
|
|
margin-top: 38rpx;
|
|
font-size: 28rpx;
|
|
|
|
.row-left {
|
|
width: 230rpx;
|
|
color: #8C8C8C;
|
|
}
|
|
|
|
.row-right {
|
|
|
|
color: #333333;
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-list {
|
|
padding-bottom: 50rpx;
|
|
padding-left: 10rpx;
|
|
border-bottom: 1px solid #E6E6E6;
|
|
.list-title {
|
|
margin-top: 50rpx;
|
|
font-size: 32rpx;
|
|
color: #545454;
|
|
}
|
|
.list-item {
|
|
display: flex;
|
|
margin-top: 38rpx;
|
|
font-size: 28rpx;
|
|
|
|
.item-title {
|
|
width: 230rpx;
|
|
color: #8C8C8C;
|
|
}
|
|
|
|
.item-name {
|
|
width: 320rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.item-tool {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 115rpx;
|
|
height: 50rpx;
|
|
font-size: 20rpx;
|
|
color: #5680FA;
|
|
background: #eef2ff;
|
|
border-radius: 8rpx;
|
|
}
|
|
}
|
|
}
|
|
</style> |