|
@@ -1,17 +1,22 @@
|
|
|
<template>
|
|
|
<view class="uni-column container">
|
|
|
<view style="margin: 12rpx;">
|
|
|
- <view style="font-size: 24rpx;font-weight: bold;">批次号:{{product.lotCode}}</view>
|
|
|
- <view style="font-size: 24rpx;font-weight: bold;">产品描述:{{product.description}}</view>
|
|
|
- <view style="font-size: 24rpx;font-weight: bold;">
|
|
|
- <view>工艺版本:{{product.technologyVersion}}</view>
|
|
|
- <view>工序:{{product.processAlias}}</view>
|
|
|
+ <view class="margenTop" style="font-size: 30rpx;font-weight: bold;">批次号:{{product.lotCode}}</view>
|
|
|
+ <view class="margenTop" style="font-size: 30rpx;font-weight: bold;">产品描述:{{product.productDescription}}</view>
|
|
|
+ <view class="margenTop" style="font-size: 30rpx;font-weight: bold; flex-direction: row;">
|
|
|
+ <view >工艺版本:{{product.technologyVersion}}</view>
|
|
|
+ <view style="margin-left: 200rpx;" >工序:{{product.processAlias}}</view>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
+ <view class='middle'>
|
|
|
+ <view class='segment'></view>
|
|
|
+ <uni-icons type="paperclip" size="30" ></uni-icons>
|
|
|
+ <view class='segment'></view>
|
|
|
</view>
|
|
|
<view style="overflow: auto;">
|
|
|
<view :class="{'list-container':true}"
|
|
|
v-for="(item, index) in drawingList" :key="item.id">
|
|
|
- <view ><text style="text-align: center; font-size: 24rpx; padding: 48rpx 0 24rpx 0;color: #1684fc;" @click="handleOpenDrawing(item)">{{item.drawingName}}</text></view>
|
|
|
+ <view ><text style="text-align: center; font-size: 28rpx; padding: 48rpx 0 24rpx 0;color: #1684fc;" @click="handleOpenDrawing(item)">{{item.drawingName}}</text></view>
|
|
|
|
|
|
</view>
|
|
|
</view>
|
|
@@ -22,7 +27,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
- import{getDrawingList} from '@/api/business/drawing.js'
|
|
|
+ import{getDrawingList,getProcessDetail} from '@/api/business/drawing.js'
|
|
|
import {
|
|
|
ref
|
|
|
} from 'vue'
|
|
@@ -35,7 +40,7 @@ const drawingList = ref([])
|
|
|
const product = ref({})
|
|
|
const lotCode = ref("")
|
|
|
onLoad((options) => {
|
|
|
-
|
|
|
+ console.log(options,1111)
|
|
|
technologicalProcessDetailId.value = options.param1
|
|
|
lotCode.value = options.param2
|
|
|
init();
|
|
@@ -44,13 +49,20 @@ const lotCode = ref("")
|
|
|
|
|
|
function init() {
|
|
|
console.log(product.value)
|
|
|
+ getProcessDetail(technologicalProcessDetailId.value).then(response=>{
|
|
|
+ console.log(response,1123)
|
|
|
+ if(response.code ==200){
|
|
|
+ product.value = response.data
|
|
|
+ product.value.lotCode = lotCode.value
|
|
|
+ }
|
|
|
+ })
|
|
|
getDrawingList({technologicalProcessDetailId:technologicalProcessDetailId.value}).then(res=>{
|
|
|
if(res.code == 200){
|
|
|
drawingList.value = res.data
|
|
|
- product.value = drawingList.value[0].product
|
|
|
- product.value.technologyVersion = drawingList.value[0].technologyVersion
|
|
|
- product.value.processAlias = drawingList.value[0].processAlias
|
|
|
- product.value.lotCode = lotCode.value
|
|
|
+ // product.value = drawingList.value[0].product
|
|
|
+ // product.value.technologyVersion = drawingList.value[0].technologyVersion
|
|
|
+ // product.value.processAlias = drawingList.value[0].processAlias
|
|
|
+ // product.value.lotCode = lotCode.value
|
|
|
|
|
|
}
|
|
|
})
|
|
@@ -89,7 +101,13 @@ const lotCode = ref("")
|
|
|
height: 100%;
|
|
|
background-color: #f5f5f5;
|
|
|
}
|
|
|
-
|
|
|
+ .middle {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
.scroll-container {
|
|
|
position: absolute;
|
|
|
top: 24rpx;
|
|
@@ -97,10 +115,17 @@ const lotCode = ref("")
|
|
|
bottom: 160rpx;
|
|
|
left: 0;
|
|
|
}
|
|
|
-
|
|
|
+.segment {
|
|
|
+ width: 280rpx;
|
|
|
+ background-color: rgba(213, 213, 213, 1);
|
|
|
+ border: 1rpx solid rgba(213, 213, 213, 1);
|
|
|
+ }
|
|
|
.selected {
|
|
|
border: 1px solid #1684fc;
|
|
|
}
|
|
|
+ .margenTop{
|
|
|
+ margin: 20rpx;
|
|
|
+ }
|
|
|
|
|
|
.list-item {
|
|
|
background-color: #fff;
|
|
@@ -132,7 +157,7 @@ const lotCode = ref("")
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.item-info {
|
|
|
margin-bottom: 16rpx;
|
|
|
|