|
@@ -6,7 +6,7 @@
|
|
|
</view>
|
|
|
|
|
|
<!-- 报告基础信息 -->
|
|
|
- <view class="section">
|
|
|
+ <view class="section">
|
|
|
<view class="info-item">
|
|
|
<text class="label">声像记录任务</text>
|
|
|
<text class="value">{{ download.workorder}}</text>
|
|
@@ -16,15 +16,16 @@
|
|
|
<text class="value">{{ download.invname }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="section">
|
|
|
- <uni-table >
|
|
|
+ <uni-table>
|
|
|
<uni-tr class="section-title" v-for="(item,index) in titleList" :key="index">
|
|
|
<uni-td class="grid-text">{{item.title1}}</uni-td>
|
|
|
<uni-td class="grid-text">{{item.title2}}</uni-td>
|
|
|
- <uni-td class="grid-text">{{item.title3}}</uni-td>
|
|
|
+ <uni-td class="grid-text">{{item.title3}}</uni-td>
|
|
|
</uni-tr>
|
|
|
- <uni-tr class="section-title" v-for="(taskProcess,index2) in taskProcessList" :key="index2">
|
|
|
+ <uni-tr class="section-title" v-for="(taskProcess : TaskProcess,index2 : number) in taskProcessList" :key="index2"
|
|
|
+ @click="enterProcess(taskProcess.id)">
|
|
|
<uni-td class="grid-text">{{taskProcess.name}}</uni-td>
|
|
|
<uni-td class="grid-text">{{taskProcess.step}}/{{taskProcess.num}}</uni-td>
|
|
|
<uni-td></uni-td>
|
|
@@ -44,37 +45,53 @@
|
|
|
ref,
|
|
|
onMounted
|
|
|
} from 'vue'
|
|
|
-
|
|
|
- const titleList = [{
|
|
|
- title1:"部位",title2:"进度",title3:"状态"
|
|
|
+
|
|
|
+ const titleList = [{
|
|
|
+ title1: "部位", title2: "进度", title3: "状态"
|
|
|
}];
|
|
|
|
|
|
const download = {
|
|
|
- pdid:1,
|
|
|
- workorder:"632-P-01",
|
|
|
- invname:"箱间段",
|
|
|
- productno:"1CFA1040-00#S",
|
|
|
- graphid:"HBJ0100-00",
|
|
|
+ pdid: 1,
|
|
|
+ workorder: "632-P-01",
|
|
|
+ invname: "箱间段",
|
|
|
+ productno: "1CFA1040-00#S",
|
|
|
+ graphid: "HBJ0100-00",
|
|
|
cardno: "LK20230707070012",
|
|
|
processno: "Pb/XXX-E11",
|
|
|
ver: "A.1",
|
|
|
updatetime: "2025-06-23",
|
|
|
progress: "1/3"
|
|
|
}
|
|
|
-
|
|
|
- const taskProcessList = [
|
|
|
- {id:1,name:"前底-外侧",num:5,step:5},{id:2,name:"后底-外侧",num:3,step:3},{id:3,name:"简段-外侧",num:5,step:2}
|
|
|
+
|
|
|
+ type TaskProcess = {
|
|
|
+ id: number
|
|
|
+ name: string
|
|
|
+ num: number
|
|
|
+ step: number
|
|
|
+ }
|
|
|
+
|
|
|
+ const taskProcessList: Array<TaskProcess> = [
|
|
|
+ { id: 1, name: "前底-外侧", num: 5, step: 5 },
|
|
|
+ { id: 2, name: "后底-外侧", num: 3, step: 3 },
|
|
|
+ { id: 3, name: "简段-外侧", num: 5, step: 2 }
|
|
|
];
|
|
|
|
|
|
onLoad((options) => {
|
|
|
//const downloadId = options?.id ?? ""
|
|
|
// 模拟数据加载,建议替换为后端接口请求
|
|
|
-
|
|
|
+
|
|
|
})
|
|
|
|
|
|
const goBack = () => {
|
|
|
uni.navigateBack()
|
|
|
}
|
|
|
+
|
|
|
+ const enterProcess = (id : number) => {
|
|
|
+ console.log(id);
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pages/work/record/RecordList?id=${id}`
|
|
|
+ });
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
@@ -86,7 +103,7 @@
|
|
|
}
|
|
|
|
|
|
.banner {
|
|
|
- background: linear-gradient(135deg, #2193b0, #6dd5ed);
|
|
|
+ background: linear-gradient(135deg, #2193b0, #6dd5ed);
|
|
|
border-radius: 24rpx;
|
|
|
padding: 40rpx 30rpx;
|
|
|
margin-bottom: 40rpx;
|
|
@@ -131,14 +148,14 @@
|
|
|
line-height: 1.8;
|
|
|
white-space: normal;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.grid-text {
|
|
|
/* #ifdef APP-NVUE */
|
|
|
- font-size: 24rpx;
|
|
|
- color: #000;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #000;
|
|
|
/* #endif */
|
|
|
- padding: 10rpx 0 20rpx 0rpx;
|
|
|
- box-sizing: border-box;
|
|
|
+ padding: 10rpx 0 20rpx 0rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
margin: 10rpx 20rpx;
|
|
|
min-width: 150rpx;
|
|
|
}
|
|
@@ -159,14 +176,14 @@
|
|
|
background: linear-gradient(to right, #36d1dc, #5b86e5);
|
|
|
box-shadow: 0 10rpx 24rpx rgba(91, 134, 229, 0.3);
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.label {
|
|
|
font-weight: bold;
|
|
|
color: #102a43;
|
|
|
min-width: 150rpx;
|
|
|
- margin-right:30rpx;
|
|
|
+ margin-right: 30rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.value {
|
|
|
flex: 1;
|
|
|
/* #ifdef APP-NVUE */
|
|
@@ -176,5 +193,4 @@
|
|
|
overflow: hidden;
|
|
|
margin-left: 30rpx;
|
|
|
}
|
|
|
-
|
|
|
</style>
|