79 lines
1.9 KiB
Vue
79 lines
1.9 KiB
Vue
<template>
|
||
<!-- 工单进度管理 -->
|
||
<view class="page_padding columnFlex">
|
||
<view class="headerView" :class="headerFixed?'headerViewFixed':''">
|
||
<searchView placeholder=" 搜索工单" />
|
||
</view>
|
||
<view class="flexBox">
|
||
<view class="detail_list contentboxsty font13" v-for="(item,index) in list" :key="index">
|
||
<view @click="toDetail(497)">
|
||
<view class="list_top">
|
||
<view class="top_left">
|
||
工单号：{{item.sn}}
|
||
</view>
|
||
<view class="top_right">
|
||
工单详情<text class="arrow iconfont icon-gengduo"></text>
|
||
</view>
|
||
</view>
|
||
<view class="list_content">
|
||
<view class="list_row">
|
||
<text class="name">开始时间</text>
|
||
<text class="text">24-01-12 08:00</text>
|
||
</view>
|
||
<view class="list_row padd_top12">
|
||
<text class="name">计划完成</text>
|
||
<text class="text">24-01-12 08:00</text>
|
||
</view>
|
||
<view class="padd_top12">
|
||
<progressBar :total="100" :val="item.num" title="" />
|
||
</view>
|
||
<view class="card_right">
|
||
<view class="status">生产中</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
components: {
|
||
|
||
},
|
||
data() {
|
||
return {
|
||
list:[
|
||
{name:'',sn:"SO20240422000002",num:20},{name:'',sn:"SO20240422000002",num:70},{name:'',sn:"SO20240422000002",num:90},
|
||
{name:'',sn:"SO20240422000002",num:20},{name:'',sn:"SO20240422000002",num:70},{name:'',sn:"SO20240422000002",num:90}
|
||
]
|
||
}
|
||
},
|
||
methods: {
|
||
toDetail(id){
|
||
uni.navigateTo({
|
||
url:'/pages/production/productionDetail?id='+id
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.page_padding{
|
||
padding-top: 0;
|
||
}
|
||
.detail_list{
|
||
.list_content{
|
||
.list_row{
|
||
.name{
|
||
width: 65px;
|
||
display: inline-block;
|
||
font-weight: bold;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|