按钮样式修改

This commit is contained in:
2024-03-21 10:45:53 +08:00
parent edfbf2b48d
commit 673f6596d6
18 changed files with 380 additions and 268 deletions

View File

@@ -35,8 +35,8 @@
</view>
</view>
</view>
<view class="submit-bar">
<button class="submit-button" @tap="_rgvStatusQuery">查询</button>
<view class="zd-row submitbar">
<button class="zd-col-22 btn-submit btn-success letter-30" @tap="_rgvStatusQuery">查询</button>
</view>
</view>
</template>

View File

@@ -53,10 +53,10 @@
</view>
</view>
</view>
<view class="submit-bar">
<button class="submit-button" :class="{'btn-disabled': !pkId}" :disabled="disabled2" @tap="_taskConfirm">强制完成</button>
<button class="submit-button" :class="{'btn-disabled': !pkId}" :disabled="disabled1" @tap="_againLssued">重新下发</button>
<button class="submit-button" @tap="_taskTaskQuery">查询</button>
<view class="zd-row submitbar">
<button class="zd-col-8 btn-submit btn-success" :class="{'btn-info': !pkId}" :disabled="disabled2" @tap="_taskConfirm">强制完成</button>
<button class="zd-col-8 btn-submit btn-success" :class="{'btn-info': !pkId}" :disabled="disabled1" @tap="_againLssued">重新下发</button>
<button class="zd-col-5 btn-submit btn-success letter-30" @tap="_taskTaskQuery">查询</button>
</view>
</view>
</template>

View File

@@ -152,7 +152,7 @@
.slide_new table td:nth-child(1), .slide_new table th:nth-child(1)
box-shadow 1px 0 2px rgba(0,0,0,.12)
.bgred td
background-color #ff6a00
background-color #D7592F
color #ffffff
.bgyellow td
background-color #E9B451

View File

@@ -76,44 +76,47 @@
</view>
<uni-load-more color="#007AFF" iconType="circle" :status="status" :icon-size="14" :content-text="contentText" v-if="dataList.length > 0"/>
</view>
<view class="zd-row submit-bar_new">
<button class="zd-col-5 submit-button_new" :class="{'btn-disabled': !val1}" :disabled="disabled2" @tap="_feedingVehicleReturn('2')">满轴送回</button>
<button class="zd-col-5 submit-button_new" :class="{'btn-disabled': !val1}" :disabled="disabled2" @tap="_feedingVehicleReturn('1')">空轴送回</button>
<button class="zd-col-5 submit-button_new" @tap="handleSure">人工呼叫</button>
<button class="zd-col-3 submit-button_new" :class="{'btn-disabled': !pkId}" :disabled="disabled" @tap="toSure">呼叫</button>
<button class="zd-col-3 submit-button_new" @tap="searchList">查询</button>
<view class="zd-row submitbar">
<button class="zd-col-5 btn-submit btn-success" :class="{'btn-info': !val1}" :disabled="disabled2" @tap="_feedingVehicleReturn('2')">满轴送回</button>
<button class="zd-col-5 btn-submit btn-success" :class="{'btn-info': !val1}" :disabled="disabled2" @tap="_feedingVehicleReturn('1')">空轴送回</button>
<button class="zd-col-5 btn-submit btn-default" @tap="handleSure">人工呼叫</button>
<button class="zd-col-3 btn-submit btn-success" :class="{'btn-info': !pkId}" :disabled="disabled" @tap="toSure">呼叫</button>
<button class="zd-col-3 btn-submit btn-default" @tap="searchList">查询</button>
</view>
<view v-if="active" class="msg_wrapper msg_wrapper_1">
<view class="msg_box">
<view class="filter_item">
<view class="filter_label">起点</view>
<view class="filter_input_wraper">
<search-box
v-model="val3"
@handleChange="handleChange1"
/>
<view class="msg_wrapper h-50" :class="active ? 'popshow' : 'pophide'">
<view class="pop-line"></view>
<view class="msg_content">
<view class="zd_wrapper zd_wrapper-1">
<view class="filter_item filter_item-1">
<view class="filter_label">起点</view>
<view class="filter_input_wraper">
<search-box
v-model="val3"
@handleChange="handleChange1"
/>
</view>
</view>
<view class="filter_item filter_item-1">
<view class="filter_label">母卷号</view>
<view class="filter_input_wraper">
<search-box
v-model="val4"
/>
</view>
</view>
<view class="filter_item filter_item-1">
<view class="filter_label">终点</view>
<view class="filter_input_wraper">
<search-box
v-model="val5"
/>
</view>
</view>
</view>
<view class="filter_item">
<view class="filter_label">母卷号</view>
<view class="filter_input_wraper">
<search-box
v-model="val4"
/>
</view>
</view>
<view class="filter_item">
<view class="filter_label">终点</view>
<view class="filter_input_wraper">
<search-box
v-model="val5"
/>
</view>
</view>
<view class="msg_btns">
<button class="submit-button msg_btn" @tap="cancleModal">取消</button>
<button class="submit-button msg_btn" @tap="modalToSure">确认</button>
</view>
</view>
<view class="zd-row submitbar">
<button class="zd-col-11 btn-submit btn-default letter-30" @tap="cancleModal">取消</button>
<button class="zd-col-11 btn-submit btn-success letter-30" @tap="modalToSure">确认</button>
</view>
</view>
<view v-if="active" class="msg_mask"></view>

View File

@@ -80,31 +80,40 @@
</view>
</view>
</view>
<view class="submit-bar">
<button class="submit-button" :class="{'btn-disabled': !index1 || checkArr.length > 0}" :disabled="disabled3" @tap="_disuseConfirm">废箔下卷</button>
<button class="submit-button" :class="{'btn-disabled': !index1 || !checkArr.length}" :disabled="disabled1" @tap="_outConfirm">子卷出站</button>
<button class="submit-button" @tap="showModal">出站配送</button>
<button class="submit-button" @tap="_queryMaterialInfo">查询</button>
<view class="zd-row submitbar">
<button class="zd-col-6 btn-submit btn-success" :class="{'btn-info': !index1 || checkArr.length > 0}" :disabled="disabled3" @tap="_disuseConfirm">废箔下卷</button>
<button class="zd-col-6 btn-submit btn-success" :class="{'btn-info': !index1 || !checkArr.length}" :disabled="disabled1" @tap="_outConfirm">子卷出站</button>
<button class="zd-col-6 btn-submit btn-success" @tap="showModal">出站配送</button>
<button class="zd-col-5 btn-submit btn-success" @tap="_queryMaterialInfo">查询</button>
</view>
<view v-if="active" class="msg_wrapper">
<view class="msg_box">
<view class="filter_item">
<view class="filter_label">区域</view>
<view class="filter_input_wraper">
<uni-data-select v-model="index3" :localdata="options3" @change="selectChange3"></uni-data-select>
<view class="msg_wrapper h-50" :class="active ? 'popshow' : 'pophide'">
<view class="pop-line"></view>
<view class="msg_content">
<view class="zd_wrapper zd_wrapper-1">
<view class="filter_item filter_item-1">
<view class="filter_label">区域</view>
<view class="filter_input_wraper">
<uni-data-select v-model="index3" :localdata="options3" @change="selectChange3"></uni-data-select>
</view>
</view>
<view class="zd-row">
<view class="zd-col-19">
<view class="filter_item filter_item-1">
<view class="filter_label">缓存点位</view>
<view class="filter_input_wraper">
<uni-data-select v-model="index4" :localdata="options4" @change="selectChange4"></uni-data-select>
</view>
</view>
</view>
<view class="zd-col-4">
<button class="btn-submit btn-success" @tap="_conveyPointQuery">查询</button>
</view>
</view>
</view>
<view class="filter_item">
<view class="filter_label">缓存点位</view>
<view class="filter_input_wraper">
<uni-data-select v-model="index4" :localdata="options4" @change="selectChange4"></uni-data-select>
</view>
<view class="filter_search" @tap="_conveyPointQuery">查询</view>
</view>
<view class="msg_btns">
<button class="submit-button msg_btn" @tap="cancleModal">取消</button>
<button class="submit-button msg_btn" :class="{'btn-disabled': !index4}" :disabled="disabled2" @tap="_conveyConfirm">确认</button>
</view>
</view>
<view class="zd-row submitbar">
<button class="zd-col-11 btn-submit btn-default letter-30" @tap="cancleModal">取消</button>
<button class="zd-col-11 btn-submit btn-success letter-30" :class="{'btn-info': !index4}" :disabled="disabled2" @tap="_conveyConfirm">确认</button>
</view>
</view>
<view v-if="active" class="msg_mask"></view>

View File

@@ -75,27 +75,30 @@
</view>
</view>
</view>
<view class="submit-bar">
<view class="zd-row submitbar">
<!-- <button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_saveCheck">保存</button> -->
<!-- <button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_confirmCheck">确认</button> -->
<button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_checkexception">异常</button>
<button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_checknormal">正常</button>
<button class="submit-button" @tap="_checkQueryDtl(checkCode, val1)">查询</button>
<button class="zd-col-7 btn-submit btn-success letter-30" :class="{'btn-info': !dataList.length}" :disabled="disabled1" @tap="_checkexception">异常</button>
<button class="zd-col-7 btn-submit btn-success letter-30" :class="{'btn-info': !dataList.length}" :disabled="disabled1" @tap="_checknormal">正常</button>
<button class="zd-col-7 btn-submit btn-success letter-30" @tap="_checkQueryDtl(checkCode, val1)">查询</button>
</view>
<view v-show="modelShow" class="msg_wrapper">
<view class="msg_box">
<view class="msg_item">
<view class="filter_label">备注</view>
<view class="filter_input_wraper">
<input type="text" class="msg_input" v-model="val0">
<view class="msg_wrapper h-50" :class="modelShow ? 'popshow' : 'pophide'">
<view class="pop-line"></view>
<view class="msg_content">
<view class="zd_wrapper zd_wrapper-1">
<view class="filter_item filter_item-1">
<view class="filter_label">备注</view>
<view class="filter_input_wraper">
<input type="text" class="filter_input" v-model="val0">
</view>
</view>
</view>
<view class="msg_btns">
<button class="submit-button" @tap="toSurerk">确定</button>
</view>
</view>
<view class="zd-row submitbar">
<button class="zd-col-22 btn-submit btn-success letter-30" @tap="toSurerk">确定</button>
</view>
</view>
<view v-show="modelShow" class="mask"></view>
<view v-show="modelShow" class="msg_mask"></view>
</view>
</template>
@@ -240,86 +243,4 @@
// // left 89rpx
// // z-index 102
// // box-shadow 1px 0 2px rgba(0,0,0,.12)
.msg_wrapper
position fixed
top 0
bottom 0
left 0
right 0
text-align center
z-index 10000
&::after
content ""
display inline-block
height 100%
width 0
vertical-align middle
.msg_box
display inline-block
width calc(100% - 30rpx)
padding 30rpx
vertical-align middle
background-color #fff
border-radius 8rpx
border 1px solid #ebeef5
font-size 36rpx
box-shadow 0 2px 12px 0 rgb(0 0 0 / 10%)
text-align left
overflow hidden
backface-visibility hidden
.buttonbox
width 100px
height 30px
margin-top 20px
margin 0 auto
.mask
position fixed
top 0
left 0
width 100%
height 100%
opacity .6
background #000
z-index 9999
.msg_item
display flex
justify-content: space-between
align-items: center
width 100%
height 80rpx
line-height 80rpx
margin 0 auto
margin-bottom 14rpx
.label_item
display inline-block
width 180rpx
font-size 32rpx
line-height inherit
color #606266
.from_item
display inline-block
width calc(100% - 200rpx)
line-height inherit
.msg_input
width 100%
height 80rpx
padding 0 30rpx
border-radius 4px
border 1px solid #DCDFE6
font-size 28rpx
line-height 80rpx
color #606266
.msg_btns
width 600rpx
height 70rpx
line-height 70rpx
margin 40rpx auto 0
display flex
justify-content: center
align-items: center
.submit-bar
justify-content space-around
.submit-button
margin-left 20rpx
margin-right 20rpx
</style>

View File

@@ -1,6 +1,6 @@
<template>
<view class="zd_container">
<nav-bar title="设置" :inner2="true" @goIn="goIn" :show1="false"></nav-bar>
<nav-bar title="设置" :inner2="true" @goIn="goIn" :show="false"></nav-bar>
<view class="zd_content">
<view class="zd_wrapper">
<view class="input-wrap">