root/aio-hl-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式

Browse Source
This commit is contained in:
caill
2023-05-19 13:51:43 +08:00
parent da23c161bb
commit abef67aa55
8 changed files with 287 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/pages/assignment/Operation.vue
View File

@@ -1,43 +1,45 @@
<template>
<sec-header :deviceCode="deviceCode" activeIndex="1">
<div class="wrap">
<div class="wrap-filter">
<div class="fr mgt10">
<button class="mgr54 button--primary" :disabled="disabled" @click="toHandle('01')">开&nbsp;&nbsp;始</button>
<button class="mgr54 button--primary" :disabled="disabled" @click="toHandle('03')">报&nbsp;&nbsp;工</button>
<button class="mgr54 button--primary" :disabled="disabled" @click="toHandle('02', '1')">强制结束</button>
<button class="button--primary" :disabled="disabled" @click="toHandle('02', '2')">更换设备</button>
<div class="wrap-filter-buttons">
<div class="wrap-buttons">
<button class="button button--primary" :disabled="disabled" @click="toHandle('01')">开&nbsp;&nbsp;始</button>
<button class="button button--primary" :disabled="disabled" @click="toHandle('03')">报&nbsp;&nbsp;工</button>
<button class="button button--primary" :disabled="disabled" @click="toHandle('02', '1')">强制结束</button>
<button class="button button--primary" :disabled="disabled" @click="toHandle('02', '2')">更换设备</button>
</div>
</div>
<table class="filter-table">
<tr>
<th width="4%">
<button v-if="isMultiple === '1'" class="iconfont select_icon select_square_icon" :class="allChoice === true ? 'selected_icon' : 'unselect_icon'" @click="allChecked"></button>
</th>
<th width="11%">工单号</th>
<th width="13%">班次</th>
<th width="13%">物料名称</th>
<th width="10%">工序</th>
<th width="13%">生产数量</th>
<th width="10%">期初数量</th>
<th width="13%">本次加工</th>
<th width="13%">开始时间</th>
</tr>
<tr v-for="e in datas" :key="e.pk_id" @click="toRadio(e)">
<td>
<button v-if="isMultiple === '1'" class="iconfont select_icon select_square_icon" :class="e.checked === true ? 'selected_icon' : 'unselect_icon'"></button>
<button v-else class="iconfont select_icon" :class="e.checked === true ? 'selected_icon' : 'unselect_icon'"></button>
</td>
<td>{{e.produceorder_code}}</td>
<td>{{e.shift_type_scode_name}}</td>
<td>{{e.material_name}}</td>
<td>{{e.workprocedure_name}}</td>
<td>{{e.produce_qty}}</td>
<td>{{e.initial_qty}}</td>
<td>{{e.this_qty}}</td>
<td>{{e.realproducestart_date}}</td>
</tr>
</table>
<div class="grid_wraper">
<table class="filter-table">
<tr>
<th width="4%">
<button v-if="isMultiple === '1'" class="iconfont select_icon select_square_icon" :class="allChoice === true ? 'selected_icon' : 'unselect_icon'" @click="allChecked"></button>
</th>
<th width="11%">工单号</th>
<th width="13%">班次</th>
<th width="13%">物料名称</th>
<th width="10%">工序</th>
<th width="13%">生产数量</th>
<th width="10%">期初数量</th>
<th width="13%">本次加工</th>
<th width="13%">开始时间</th>
</tr>
<tr v-for="e in datas" :key="e.pk_id" @click="toRadio(e)">
<td>
<button v-if="isMultiple === '1'" class="iconfont select_icon select_square_icon" :class="e.checked === true ? 'selected_icon' : 'unselect_icon'"></button>
<button v-else class="iconfont select_icon" :class="e.checked === true ? 'selected_icon' : 'unselect_icon'"></button>
</td>
<td>{{e.produceorder_code}}</td>
<td>{{e.shift_type_scode_name}}</td>
<td>{{e.material_name}}</td>
<td>{{e.workprocedure_name}}</td>
<td>{{e.produce_qty}}</td>
<td>{{e.initial_qty}}</td>
<td>{{e.this_qty}}</td>
<td>{{e.realproducestart_date}}</td>
</tr>
</table>
</div>
<modal
:mdShow='mdShow2'
message="提示"
@@ -360,4 +362,6 @@ export default {
</script>
<style lang="stylus" scoped>
.grid_wraper
height calc(100% - 45px)
</style>

159
src/pages/assignment/workordermanage.vue
View File

@@ -1,62 +1,76 @@
<template>
<sec-header :deviceCode="deviceCode" activeIndex="1">
<div class="wrap">
<div class="wrap-filter">
<div class="fl mgt10">
工单日期&nbsp;
<el-date-picker
v-model="value1"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
<div class="wrap-filter-buttons">
<div class="wrap-filters">
<div class="filter_item">
<div class="filter_label">工单日期</div>
<div class="filter_input">
<el-date-picker
v-model="value1"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</div>
</div>
<div class="filter_item">
<div class="filter_label">关键字</div>
<div class="filter_input">
<input type="text" class="filter-input" v-model="keyValue" placeholder="请输入工单号、物料编码">
<i v-show="closeIcon1" class="iconfont close_icon" @click="clearData(1)"></i>
</div>
</div>
</div>
<div class="fl mgt10 keyValue">
&nbsp;关键字
<input type="text" class="input" v-model="keyValue" placeholder="请输入工单号、物料编码">
<i v-show="closeIcon1" class="iconfont close_icon" @click="clearData(1)"></i>
</div>
<div class="fr mgt10">
<button class="mgr5 button--primary" @click="getDatas">查&nbsp;&nbsp;询</button>
<button class="button--primary" :class="{'button--defalut': !pkId || Number(pkObj.order_status) !== 1}" :disabled="disabled1" @click="_openStart">开工</button>
<button class="button--primary" :class="{'button--defalut': !pkId || Number(pkObj.order_status) === 1}" :disabled="disabled2" @click="_saveReport">报工</button>
<button class="button--primary" :class="{'button--defalut': !pkId || Number(pkObj.order_status) === 1}" :disabled="disabled3" @click="_tofinish">完工</button>
<!-- <div class="wrap-buttons">
<button class="button button--primary" @click="getDatas">查&nbsp;&nbsp;询</button>
<button class="button button--primary" :class="{'button--defalut': !pkId || Number(pkObj.order_status) !== 1}" :disabled="disabled1" @click="_openStart">开工</button>
<button class="button button--primary" :class="{'button--defalut': !pkId || Number(pkObj.order_status) === 1}" :disabled="disabled2" @click="_saveReport">报工</button>
<button class="button button--primary" :class="{'button--defalut': !pkId || Number(pkObj.order_status) === 1}" :disabled="disabled3" @click="_tofinish">完工</button>
</div> -->
<div class="wrap-buttons">
<button class="button button--primary" @click="getDatas">查&nbsp;&nbsp;询</button>
<button class="button button--primary" :disabled="disabled1" @click="_openStart">开工</button>
<button class="button button--primary" :disabled="disabled2" @click="_saveReport">报工</button>
<button class="button button--primary" :disabled="disabled3" @click="_tofinish">完工</button>
</div>
</div>
<table class="filter-table">
<tr>
<th width="4%"></th>
<th width="8%">工单号</th>
<th width="8%">班次</th>
<th width="9%">物料名称</th>
<th width="8%">工序</th>
<th width="9%">工单状态</th>
<th width="10%">计划数量</th>
<th width="9%">实际数量</th>
<th width="9%">报工数量</th>
<th width="13%">开始时间</th>
<th width="13%">结束时间</th>
</tr>
<tr v-for="e in dataList" :key="e.workorder_id">
<td>
<button class="iconfont select_icon" :class="pkId === e.workorder_id ? 'selected_icon' : 'unselect_icon'" @click="toRadio(e)"></button>
</td>
<td>{{e.workorder_code}}</td>
<td>{{e.shift_type_scode_name}}</td>
<td>{{e.material_name}}</td>
<td>{{e.workprocedure_name}}</td>
<td>{{['创建','下发','生产中','暂停', '完成'][Number(e.order_status) - 1]}}</td>
<td>{{e.plan_qty}}</td>
<td>{{e.real_qty}}</td>
<!-- <td>{{e.report_qty}}</td> -->
<td>
<input type="number" class="grid-input" v-model="e.report_qty">
</td>
<td>{{e.realproducestart_date}}</td>
<td>{{e.realproduceend_date}}</td>
</tr>
</table>
<div class="grid_wraper">
<table class="filter-table">
<tr>
<th width="4%"></th>
<th width="8%">工单号</th>
<th width="8%">班次</th>
<th width="9%">物料名称</th>
<th width="8%">工序</th>
<th width="9%">工单状态</th>
<th width="10%">计划数量</th>
<th width="9%">实际数量</th>
<th width="9%">报工数量</th>
<th width="13%">开始时间</th>
<th width="13%">结束时间</th>
</tr>
<tr v-for="e in dataList" :key="e.workorder_id">
<td>
<button class="iconfont select_icon" :class="pkId === e.workorder_id ? 'selected_icon' : 'unselect_icon'" @click="toRadio(e)"></button>
</td>
<td>{{e.workorder_code}}</td>
<td>{{e.shift_type_scode_name}}</td>
<td>{{e.material_name}}</td>
<td>{{e.workprocedure_name}}</td>
<td>{{['创建','下发','生产中','暂停', '完成'][Number(e.order_status) - 1]}}</td>
<td>{{e.plan_qty}}</td>
<td>{{e.real_qty}}</td>
<!-- <td>{{e.report_qty}}</td> -->
<td>
<input type="number" class="grid-input" v-model="e.report_qty">
</td>
<td>{{e.realproducestart_date}}</td>
<td>{{e.realproduceend_date}}</td>
</tr>
</table>
</div>
</div>
<Back></Back>
</sec-header>
@@ -120,10 +134,10 @@ export default {
this.disabled1 = false
return
}
if (Number(this.pkObj.order_status) !== 1) {
this.disabled1 = false
return
}
// if (Number(this.pkObj.order_status) !== 1) {
// this.disabled1 = false
// return
// }
if (Number(this.pkObj.report_qty) < 0) {
this.toast('报工数量不能为负值')
this.disabled1 = false
@@ -147,10 +161,10 @@ export default {
this.disabled2 = false
return
}
if (Number(this.pkObj.order_status) === 1) {
this.disabled2 = false
return
}
// if (Number(this.pkObj.order_status) === 1) {
// this.disabled2 = false
// return
// }
if (Number(this.pkObj.report_qty) < 0) {
this.toast('报工数量不能为负值')
this.disabled2 = false
@@ -174,10 +188,10 @@ export default {
this.disabled3 = false
return
}
if (Number(this.pkObj.order_status) === 1) {
this.disabled3 = false
return
}
// if (Number(this.pkObj.order_status) === 1) {
// this.disabled3 = false
// return
// }
if (Number(this.pkObj.report_qty) < 0) {
this.toast('报工数量不能为负值')
this.disabled3 = false
@@ -198,14 +212,15 @@ export default {
<style lang="stylus" scoped>
.input
width 1.2rem
width 1.5rem
.close_icon
top 0
top 50%
transform: translateY(-50%)
.grid-input
line-height 0.18rem
font-size 0.13rem
color #999
line-height 24px
font-size 12px
color #606266
text-align center
border-radius 3px
margin 0 .01rem
border-radius 4px
margin 0 auto
</style>

74
src/pages/homeset/Home.vue
View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="home-wraper">
<section class="content">
<div class="device-status">
<p><span class="icon white"></span><span class="txt">关机</span></p>
@@ -8,21 +8,23 @@
<p><span class="icon yellow"></span><span class="txt">待机</span></p>
<p><span class="icon red"></span><span class="txt">故障</span></p>
</div>
<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-top">
<div class="img">
<img v-if="e.device_icon !== ''" :src="e.device_icon" alt="">
<img v-else src="../../images/1.png" alt="">
<div class="list-box-wraper">
<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-top">
<div class="img">
<img v-if="e.device_icon !== ''" :src="e.device_icon" alt="">
<img v-else src="../../images/1.png" alt="">
</div>
</div>
<div class="fl icon" :class="['white', 'blue', 'green', 'yellow', 'red'][Number(e.device_status) - 1]">
</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 class="fl icon" :class="['white', 'blue', 'green', 'yellow', 'red'][Number(e.device_status) - 1]">
</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>
@@ -96,39 +98,49 @@ export default {
.bg2
background rgba(0,0,0,0.50)
border 1px solid #7B7B7B
.home-wraper
width 100%
height calc(100% - 46px)
.content
clear both
box-sizing border-box
// height 5rem
width 7.9rem
width 100%
height 100%
padding 15px
.device-status
text-align right
font-size .18rem
padding .1rem 0 0 .1rem
display flex
justify-content flex-end
height 32px
margin-bottom 15px
p
display inline-block
text-align left
display flex
justify-content flex-start
align-items center
margin-left 5px
.icon
display inline-block
width .2rem
height .2rem
border-radius .1rem
margin-top .08rem
width 14px
height 14px
border-radius 50%
line-height 32px
margin-right 5px
.txt
display inline-block
line-height .4rem
margin-left .11rem
line-height 32px
font-size 14px
float right
color #fff
.list-box-wraper
height calc(100% - 47px)
overflow-y auto
.list-box
padding-bottom .2rem
// height 4.6rem
// overflow-y scroll
width 100%
.device
display inline-block
width 1.75rem
margin 0 0 .15rem .19rem
overflow hidden
background #1e307e
.device-top
box-sizing border-box
height 1rem

28
src/pages/homeset/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="container">
<header>
<div class="left-box">
<button class="fl logo iconfont dropdown_icon" ref="logo" @click="getInfo">登录人员： {{userName}}</button>
@@ -66,12 +66,11 @@ export default {
position relative
.logo
position relative
max-width 50%
height .6rem
height 45px
overflow hidden
padding-right .3rem
line-height .6rem
font-size .2rem
line-height 45px
font-size 16px
background none
color #fff
.dropdown-ul
@@ -93,21 +92,22 @@ export default {
border-bottom none
.date-box
max-width 50%
height .6rem
height 45px
overflow hidden
display flex
justify-content flex-end
align-items center
.time
font-size .24rem
line-height .24rem
margin-top .09rem
text-align right
font-size 16px
line-height 24px
margin-right 10px
color #fff
.date
font-size .14rem
line-height .2rem
text-align right
font-size 16px
line-height 24px
color #fff
.week
font-size .14rem
font-size 16px
.drift
transition height .3s linear
</style>