<template>
|
<view>
|
<page-nav title="信息列表"></page-nav>
|
|
<view class="mainContent">
|
<view>
|
<u-gap height="10" bgColor="#eff0f1"></u-gap>
|
<view class="head">
|
<view class="head_block">
|
<view class="head_left">
|
<view class="head_bar"></view>
|
<view class="head_title">
|
模具信息
|
</view>
|
</view>
|
|
<!-- <view class="marginRight20">
|
<u-icon name="scan" @click="topScanClick" color="red" size="24"></u-icon>
|
</view> -->
|
|
</view>
|
<view class=" flex_column" style="padding: 20rpx;">
|
|
<view class="flex_between" v-for="item in topContent" :key="item.mouldcode">
|
<view style="display: flex;">
|
<view class="flex_column titleFont">
|
<view>模具编码：</view>
|
<view>模具名称：</view>
|
<view>规格型号：</view>
|
<view>预计寿命：</view>
|
<view>剩余寿命：</view>
|
<view>模具状态：</view>
|
<view>使用状态：</view>
|
<view>最近点检：</view>
|
<view>最近保养：</view>
|
</view>
|
<view class="flex_column contentFont">
|
<view>{{item.mouldcode}}</view>
|
<view>{{item.mouldname}}</view>
|
<view>{{item.mouldspec?item.mouldspec:'/'}}</view>
|
<view>{{item.surp_life}}</view>
|
<view>{{item.resi_life}}</view>
|
<view>{{item.status==='Y'?'正常':'异常'}}</view>
|
<view>
|
{{ item.usestatus?onstateArr.find(i=>parseFloat(i.code) === parseFloat(item.usestatus)).name:'/'}}
|
</view>
|
<view>{{item.checkdate?item.checkdate:'/'}}</view>
|
<view>{{item.maintdate?item.maintdate:'/'}}</view>
|
</view>
|
</view>
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<u-gap height="10" bgColor="#eff0f1"></u-gap>
|
<view class="head">
|
<view class="head_block">
|
<view class="head_left">
|
<view class="head_bar"></view>
|
<view class="head_title">
|
关联产品信息
|
</view>
|
</view>
|
|
<!-- <view class="marginRight20">
|
<u-icon name="scan" @click="topScanClick" color="red" size="24"></u-icon>
|
</view> -->
|
|
</view>
|
|
<view class=" flex_column" style="padding: 20rpx;" v-if='centerContent&¢erContent.length>0'>
|
|
<view class="flex_between" v-for="(item,index) in centerContent" :key="item.partcode">
|
<view class="flex_column" style="width: 100%;">
|
<view style="display: flex;width: 100%;">
|
<view class="flex_column titleFont">
|
<view>模具编码：</view>
|
<view>模具名称：</view>
|
<view>规格型号：</view>
|
</view>
|
<view class="flex_column contentFont">
|
<view>{{item.partcode}}</view>
|
<view>{{item.partname}}</view>
|
<view>{{item.partspec?item.partspec:'/'}}</view>
|
</view>
|
</view>
|
<u-line v-if="index!==centerContent.length-1" style="width: 100%;"
|
color="#2979ff"></u-line>
|
</view>
|
</view>
|
</view>
|
<view v-else class="titleFont" style="margin: 20rpx;">
|
暂无关联产品
|
</view>
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</view>
|
</template>
|
|
|
<script>
|
import {
|
ScanMouldQrCodeMessageSubData
|
} from '../../config/api.js';
|
export default {
|
onLoad(option) {
|
|
this.resultValue = option.code
|
},
|
|
onPullDownRefresh() {
|
setTimeout(() => {
|
this.init(() => {
|
uni.stopPullDownRefresh();
|
})
|
}, 1000);
|
},
|
|
data() {
|
return {
|
isDisabledSubmitButton: false,
|
topContent: [],
|
centerContent: [],
|
|
resultValue: '',
|
|
|
onstateArr: [{
|
code: 0,
|
name: '在库'
|
},
|
{
|
code: 1,
|
name: '出库'
|
},
|
{
|
code: 2,
|
name: '上机'
|
},
|
{
|
code: 3,
|
name: '下机'
|
},
|
{
|
code: 4,
|
name: '待维修'
|
},
|
{
|
code: 5,
|
name: '已维修'
|
},
|
{
|
code: 6,
|
name: '已验证'
|
},
|
{
|
code: 7,
|
name: '外借'
|
},
|
{
|
code: 8,
|
name: '归还'
|
}
|
],
|
}
|
},
|
created() {
|
|
},
|
mounted() {
|
this.init()
|
|
this.getScanMouldQrCodeMessageSubData()
|
},
|
methods: {
|
init() {
|
uni.stopPullDownRefresh();
|
},
|
async getScanMouldQrCodeMessageSubData() {
|
const {
|
data: res
|
} = await ScanMouldQrCodeMessageSubData({
|
mouldcode: this.resultValue
|
})
|
this.topContent = res
|
this.centerContent = res[0].children
|
},
|
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import url('@/style/global.css');
|
|
::v-deep .uicon-arrow-left>span {
|
display: block;
|
}
|
</style>
|
