home
This commit is contained in:
BIN
src/images/1.png
Normal file
BIN
src/images/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
@@ -43,7 +43,7 @@
|
|||||||
<button class="iconfont select_icon" :class="pkId === e.workorder_id ? 'selected_icon' : 'unselect_icon'"></button>
|
<button class="iconfont select_icon" :class="pkId === e.workorder_id ? 'selected_icon' : 'unselect_icon'"></button>
|
||||||
</td>
|
</td>
|
||||||
<td>{{e.workorder_code}}</td>
|
<td>{{e.workorder_code}}</td>
|
||||||
<td>{{e.shift_type_scode}}</td>
|
<td>{{e.shift_type_scode_name}}</td>
|
||||||
<td>{{e.material_name}}</td>
|
<td>{{e.material_name}}</td>
|
||||||
<td>{{e.workprocedure_name}}</td>
|
<td>{{e.workprocedure_name}}</td>
|
||||||
<td>{{['创建','下发','生产中','暂停', '完成'][Number(e.order_status) - 1]}}</td>
|
<td>{{['创建','下发','生产中','暂停', '完成'][Number(e.order_status) - 1]}}</td>
|
||||||
|
|||||||
@@ -2,22 +2,28 @@
|
|||||||
<div>
|
<div>
|
||||||
<section class="content">
|
<section class="content">
|
||||||
<div class="device-status">
|
<div class="device-status">
|
||||||
<p><span class="icon red"></span><span class="txt">有任务</span></p>
|
<p><span class="icon white"></span><span class="txt">关机</span></p>
|
||||||
|
<p><span class="icon blue"></span><span class="txt">开机</span></p>
|
||||||
<p><span class="icon green"></span><span class="txt">生产中</span></p>
|
<p><span class="icon green"></span><span class="txt">生产中</span></p>
|
||||||
<p><span class="icon blue"></span><span class="txt">停机</span></p>
|
<p><span class="icon yellow"></span><span class="txt">待机</span></p>
|
||||||
<p><span class="icon white"></span><span class="txt">待机</span></p>
|
<p><span class="icon red"></span><span class="txt">故障</span></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="list-box">
|
<div class="list-box">
|
||||||
<div class="device" v-for="e in dataList" :key="e.device_code" :class="{bg1:e.is_run=='1',bg2:e.is_run=='0'}" @click="toOperation(e)"
|
<div class="device" v-for="e in dataList" :key="e.device_code" :class="{bg1:e.is_run=='1',bg2:e.is_run=='0'}" @click="toOperation(e)"
|
||||||
>
|
>
|
||||||
<div class="device-top">
|
<div class="device-top">
|
||||||
<div class="img"><img v-show="e.device_icon" :src="e.imgurl" alt=""></div></div>
|
<div class="img">
|
||||||
<div class="fl icon" :class="['white', 'green', 'red', 'blue'][Number(e.device_status)]"></div>
|
<img v-if="e.device_icon !== ''" :src="e.device_icon" alt="">
|
||||||
<div class="fl desc">
|
<img v-else src="../../images/1.png" alt="">
|
||||||
<p class="device_name">{{e.deviceName}}</p>
|
|
||||||
<p class="ellipsis">任务数: {{e.job_count}}</p>
|
|
||||||
<p class="ellipsis">工单: {{e.workorderCode}}</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="fl icon" :class="['white', 'blue', 'green', 'yellow', 'red'][Number(e.device_status)]">
|
||||||
|
</div>
|
||||||
|
<div class="fl desc">
|
||||||
|
<p class="device_name">{{e.deviceName}}</p>
|
||||||
|
<p class="ellipsis">任务数: {{e.job_count}}</p>
|
||||||
|
<p class="ellipsis">工单: {{e.workorderCode}}</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Back></Back>
|
<Back></Back>
|
||||||
@@ -52,11 +58,11 @@ export default {
|
|||||||
},
|
},
|
||||||
async getList () {
|
async getList () {
|
||||||
let res = await getDevice()
|
let res = await getDevice()
|
||||||
let newArr = []
|
// let newArr = []
|
||||||
res.map(el => {
|
// res.map(el => {
|
||||||
newArr.push(Object.assign({}, el, {imgurl: this.$store.getters.imgBaseUrl + '/' + el.device_icon}))
|
// newArr.push(Object.assign({}, el, {imgurl: this.$store.getters.imgBaseUrl + '/' + el.device_icon}))
|
||||||
})
|
// })
|
||||||
this.dataList = [...newArr]
|
this.dataList = [...res]
|
||||||
},
|
},
|
||||||
toOperation (e) {
|
toOperation (e) {
|
||||||
if (e.is_run === '1') {
|
if (e.is_run === '1') {
|
||||||
@@ -74,6 +80,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
|
.yellow
|
||||||
|
background #E9B451
|
||||||
.red
|
.red
|
||||||
background red
|
background red
|
||||||
.green
|
.green
|
||||||
@@ -120,7 +128,6 @@ export default {
|
|||||||
.device
|
.device
|
||||||
display inline-block
|
display inline-block
|
||||||
width 1.75rem
|
width 1.75rem
|
||||||
height 2.1rem
|
|
||||||
margin .18rem 0rem 0 .19rem
|
margin .18rem 0rem 0 .19rem
|
||||||
overflow hidden
|
overflow hidden
|
||||||
.device-top
|
.device-top
|
||||||
|
|||||||
Reference in New Issue
Block a user