62 lines
1.3 KiB
Vue
62 lines
1.3 KiB
Vue
|
<template>
|
|||
|
|
<!-- 工单进度管理 -->
|
|||
|
|
<view class="pagepaddings">
|
|||
|
|
<view class="detail_list contentboxsty">
|
|||
|
|
<view class="list_top">
|
|||
|
|
<view class="top_left">
|
|||
|
|
工单号:
|
|||
|
|
</view>
|
|||
|
|
<view class="top_right">
|
|||
|
|
工单详情
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_content">
|
|||
|
|
<view class="list_row">
|
|||
|
|
<view class="row_left">
|
|||
|
|
<view class="">开始时间：</view>
|
|||
|
|
<view class=""></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="row_right">
|
|||
|
|
生产中
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_row padd_top12">
|
|||
|
|
<view class="">计划完成：</view>
|
|||
|
|
<view class=""></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="padd_top12">
|
|||
|
|
<progressBar :total="100" :val="20" title="" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<annularProgressBar :progress_txt="20" :width="84" :height="69" title="出材率"/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import progressBar from '/components/progressBar.vue'
|
|||
|
|
import annularProgressBar from '/components/chocolate-progress-bar/chocolate-progress-bar.vue'
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
"progressBar":progressBar,
|
|||
|
|
"annularProgressBar":annularProgressBar,
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
list:[{name:''}]
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.detail_list{
|
|||
|
|
.list_content{
|
|||
|
|
.list_row{display: flex;}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|