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>
|