<template>
|
<view class="form">
|
<view class="form-base-info">
|
<view class="form-item">
|
<view class="title">栈板码</view>
|
<!-- 按照源单物料样式添加disabled类和禁用属性 -->
|
<view class="right" :class="disableBarCodePallet ? 'disabled' : ''">
|
<input type="text" :focus="HBarCodePalletFocus" v-model="HBarCode_Pallet"
|
@confirm="CheckBarcode(HBarCode_Pallet,1)" :disabled="disableBarCodePallet" />
|
</view>
|
<view class="right-icon">
|
<uni-icons class="right-icon" :class="disableBarCodePallet ? 'disabled':''" type="scan"
|
style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
|
@click="toScanCode" :disabled="disableBarCodePallet"></uni-icons>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">目的仓码</view>
|
<!-- 按照源单物料样式添加disabled类和禁用属性 -->
|
<view class="right" :class="disableBarCodeDest ? 'disabled' : ''">
|
<input type="text" :focus="HBarCodeDestFocus" v-model="HBarCode_Destination"
|
@confirm="CheckBarcode(HBarCode_Destination,2)" :disabled="disableBarCodeDest" />
|
</view>
|
<view class="right-icon">
|
<uni-icons class="right-icon" :class="disableBarCodeDest ? 'disabled':''" type="scan"
|
style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
|
@click="toScanCode" :disabled="disableBarCodeDest"></uni-icons>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">中箱码</view>
|
<!-- 按照源单物料样式添加disabled类和禁用属性 -->
|
<view class="right" :class="disableBarCodeMiddle ? 'disabled' : ''">
|
<input type="text" :focus="HBarCodeMiddleFocus" v-model="HBarCode_MiddleBox "
|
@confirm="CheckBarcode(HBarCode_MiddleBox,3)" :disabled="disableBarCodeMiddle" />
|
</view>
|
<view class="right-icon">
|
<uni-icons class="right-icon" :class="disableBarCodeMiddle ? 'disabled':''" type="scan"
|
style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
|
@click="toScanCode" :disabled="disableBarCodeMiddle"></uni-icons>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">产品码</view>
|
<!-- 按照源单物料样式添加disabled类和禁用属性 -->
|
<view class="right" :class="disableBarCodeSN ? 'disabled' : ''">
|
<input type="text" :focus="HBarCodeSNFocus" v-model="HBarCode_SN"
|
@confirm="CheckBarcode(HBarCode_SN,4)" :disabled="disableBarCodeSN" />
|
</view>
|
<view class="right-icon">
|
<uni-icons class="right-icon" :class="[disableBarCodeSN ? 'disabled':'']" type="scan"
|
style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
|
@click="toScanCode" :disabled="disableBarCodeSN"></uni-icons>
|
</view>
|
</view>
|
</view>
|
<view class="tabs">
|
<view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">复核信息</view>
|
<view :class="tabs == 1 ? 'on':''" @tap="tabs = 1">单据信息</view>
|
</view>
|
<!-- 复核信息 -->
|
<view v-if="tabs == 0">
|
<zb-table id="list-table" :checked-highlight="true" :fit="true" :style="{height: `${listTableHeight}px`}"
|
:columns="columns" :data="listData" :show-header="true" :border="true" :row-key="row => row.index"
|
@toggleRowSelection="handleSelect" @toggleAllSelection="handleSelectAll"
|
@rowClick="onTableRowClickHandler" />
|
</view>
|
<!-- 单据信息 -->
|
<view v-if="tabs == 1">
|
|
<view class="bill-info">
|
<view class="form-item">
|
<view class="title">单据日期</view>
|
<view class="right">
|
<uni-datetime-picker type="date" v-model="hform.HDate">
|
<input type="text" v-model="hform.HDate" />
|
</uni-datetime-picker>
|
</view>
|
</view>
|
</view>
|
<view class="bill-info">
|
<view class="form-item">
|
<view class="title">制单人</view>
|
<view class="right disabled">
|
<input type="text" disabled :value="hform.HMaker" />
|
</view>
|
</view>
|
</view>
|
<view class="bill-info">
|
<view class="form-item">
|
<view class="title">单据号</view>
|
<view class="right disabled">
|
<input type="text" disabled :value="hform.HBillNo" />
|
</view>
|
</view>
|
</view>
|
<view class="bill-info">
|
<view class="form-item">
|
<view class="title">单据ID</view>
|
<view class="right disabled">
|
<input type="text" disabled :value="hform.HInterID" />
|
</view>
|
</view>
|
</view>
|
<view class="bill-info">
|
<view class="form-item">
|
<view class="title">组织</view>
|
<view class="right disabled">
|
<input type="text" disabled :value="hform.HStockOrgName" />
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="bottom-btn" id="bottom-btn">
|
<button :class="EnableSubmit?'btn-a':'btn-c'" :disabled="!EnableSubmit" size="mini"
|
@tap="cmdSubmit">提交</button>
|
<view style="flex: 1;"></view>
|
<button class="btn-d" size="mini" @tap="cmdDelete">删除</button>
|
<button class="btn-c" size="mini" @tap="cmdExit">退出</button>
|
</view>
|
</view>
|
</template>
|
<script>
|
import dayjs from 'dayjs'
|
import {
|
getUserInfo
|
} from "../../utils/auth";
|
import {
|
CommonUtils
|
} from "@/utils/common.js"
|
import {
|
MpaasScan
|
} from "@/utils/mpaasScan.js"
|
|
export default {
|
data() {
|
return {
|
// ==================== 布局计算相关 ====================
|
// 计算列表高度
|
bottomBtnTop: 0,
|
listTableTop: 0,
|
|
// ==================== 界面状态控制 ====================
|
EnableSubmit: true, // 是否允许提交
|
disableBarCodePallet: false, // 栈板码禁用状态
|
disableBarCodeDest: false, // 目的仓码禁用状态
|
disableBarCodeMiddle: false, // 中箱码禁用状态
|
disableBarCodeSN: false, // 产品码禁用状态
|
HBarCodePalletFocus: false, // 栈板码输入框聚焦状态
|
HBarCodeDestFocus: false, // 目的仓码输入框聚焦状态
|
HBarCodeMiddleFocus: false, // 中箱码输入框聚焦状态
|
HBarCodeSNFocus: false, // 产品码输入框聚焦状态
|
tabs: 0, // 当前选项卡(0:单据信息,1:装箱信息)
|
|
|
// ==================== 业务数据 ====================
|
HBarCode_Pallet: '', // 栈板码
|
HBarCode_Destination: '', //目的仓码
|
HBarCode_MiddleBox: '', //中箱码
|
HBarCode_SN: '', // 产品码
|
HBillType: '1283', // 单据类型
|
HBillSubType: '1', // 子类型（1装箱、2组托）
|
OperationType: 1, // 操作类型（1新增、2从缓存列表中返回）
|
HMaterNumber_Pack: "", // 托条码对应物料代码
|
HBarCode_Pallet_Temp: "", // 从缓存列表中返回栈板码
|
BarCodeType: 1, // 条码类型(1:装箱,2:组托)
|
|
|
// ==================== 列表数据 ====================
|
listOption: [], // 列表选项
|
listData: [], // 表格数据
|
selectedRows: [], // 表格选中的数据
|
columns: [ // 表格列配置
|
{
|
type: 'selection',
|
fixed: true,
|
width: 50
|
},
|
{
|
name: 'index',
|
label: '序号',
|
width: 60,
|
hidden: true
|
},
|
{
|
name: '栈板码',
|
label: '栈板码',
|
width: 200
|
},
|
{
|
name: '目的仓码',
|
label: '目的仓码',
|
width: 200
|
},
|
{
|
name: '中箱码',
|
label: '中箱码',
|
width: 200
|
},
|
{
|
name: 'SN码',
|
label: 'SN码',
|
width: 200
|
}
|
],
|
|
// ==================== 主表单数据 ====================
|
hform: {
|
HDate: dayjs(new Date()).format('YYYY-MM-DD'), // 单据日期
|
HMaker: getUserInfo()['Czymc'], // 制单人
|
HBillNo: '', // 单据号
|
HInterID: '', // 单据ID
|
HStockOrgName: uni.getStorageSync("Organization"), // 组织名称
|
HStockOrgID: uni.getStorageSync("OrganizationID"), // 组织ID
|
},
|
|
// ==================== 系统配置 ====================
|
HModName: "Sc_PackUnionBill_Packing_PDA", // 模块名称
|
ModRightName: "CE_PackUnionBill_Packing", // 模块权限参数
|
titleData: [] // 不需要显示的字段
|
}
|
},
|
components: {
|
|
},
|
// ==================== 计算属性 ====================
|
computed: {
|
// 计算表格高度
|
listTableHeight: {
|
get() {
|
return this.bottomBtnTop - this.listTableTop - 10
|
}
|
}
|
},
|
|
// ==================== 方法 ====================
|
methods: {
|
// 复选框变化处理
|
checkboxGroupChangeHandler(e) {
|
let checkBoxValues = Array.from(e.detail.value)
|
this.hform.HQualityApproval = checkBoxValues.includes('qualityApproval')
|
},
|
|
// 表格行点击处理
|
onTableRowClickHandler(row, index) {
|
if (!this.listData[index].checked) {
|
this.$set(this.listData[index], 'checked', true)
|
} else {
|
this.listData[index].checked = !this.listData[index].checked
|
}
|
},
|
|
// 刷新SN码输入框焦点
|
async HBarCodeSNFocusRefresh() {
|
this.HBarCode_SN = ''
|
this.HBarCodeSNFocus = false
|
await this.$nextTick()
|
this.HBarCodeSNFocus = true
|
},
|
|
// 刷新栈板码输入框焦点
|
async HBarCodePalletFocusRefresh() {
|
this.HBarCode_Pallet = ''
|
this.HBarCodePalletFocus = false
|
await this.$nextTick()
|
this.HBarCodePalletFocus = true
|
},
|
|
// 刷新目的仓码输入框焦点
|
async HBarCodeDestFocusRefresh() {
|
this.HBarCode_Destination = ''
|
this.HBarCodeDestFocus = false
|
await this.$nextTick()
|
this.HBarCodeDestFocus = true
|
},
|
|
// 刷新中箱码输入框焦点
|
async HBarCodeMiddleFocusRefresh() {
|
this.HBarCode_MiddleBox = ''
|
this.HBarCodeMiddleFocus = false
|
await this.$nextTick()
|
this.HBarCodeMiddleFocus = true
|
},
|
|
// 扫描栈板码
|
toScanCode() {
|
MpaasScan.scanCode((scanCode) => {
|
this.HBarCode_Pallet = scanCode
|
this.CheckBarcode(this.HBarCode_Pallet, 1)
|
})
|
},
|
|
// 扫描目的仓码
|
toScanCode() {
|
MpaasScan.scanCode((scanCode) => {
|
this.HBarCode_Destination = scanCode
|
this.CheckBarcode(this.HBarCode_Destination, 2)
|
})
|
},
|
|
// 扫描中箱码
|
toScanCode() {
|
MpaasScan.scanCode((scanCode) => {
|
this.HBarCode_MiddleBox = scanCode
|
this.CheckBarcode(this.HBarCode_MiddleBox, 3)
|
})
|
},
|
|
// 扫描产品SN码
|
toScanCode() {
|
MpaasScan.scanCode((scanCode) => {
|
this.HBarCode_SN = scanCode
|
this.CheckBarcode(this.HBarCode_SN, 4)
|
})
|
},
|
|
// 扫条码核对校验信息
|
CheckBarcode(HBarCode, HBarCodeType) {
|
CommonUtils.doRequest2({
|
url: '/CheckBarcodeController/Get_BarCode_BarcodeCheck',
|
data: {
|
HBarCode_Pallet: this.HBarCode_Pallet,
|
HBarCode_Destination: this.HBarCode_Destination,
|
HBarCode_MiddleBox: this.HBarCode_MiddleBox,
|
HBarCode_SN: this.HBarCode_SN,
|
HBarCodeType: HBarCodeType,
|
HInterID: this.hform.HInterID,
|
HBillNo: this.hform.HBillNo,
|
HMaker: this.hform.HMaker
|
},
|
resFunction: (res) => {
|
let {
|
data,
|
count,
|
Message,
|
list
|
} = res.data
|
if (count == 1) {
|
CommonUtils.playSound(1)
|
|
if(HBarCodeType == 1){
|
//处理成功后聚焦到目的仓码输入框
|
this.HBarCodeDestFocusRefresh()
|
}else if(HBarCodeType == 2){
|
//处理成功后聚焦到中箱码输入框
|
this.HBarCodeMiddleFocusRefresh()
|
}else if(HBarCodeType == 3){
|
//处理成功后聚焦到SN码输入框
|
this.HBarCodeSNFocusRefresh()
|
}else if(HBarCodeType == 4){
|
//处理成功后聚焦到SN码输入框
|
this.HBarCodeSNFocusRefresh()
|
}
|
|
//this.DisBillEntryList();
|
uni.showToast({
|
icon: 'none',
|
title: Message
|
})
|
|
this.listData = [];
|
for (let i = 0; i < data.length; i++) {
|
this.listData.push(Object.assign(data[i], {
|
index: i
|
}))
|
}
|
} else {
|
CommonUtils.playSound(0)
|
this.HBarCodePalletFocusRefresh()
|
uni.showToast({
|
icon: 'none',
|
title: Message
|
})
|
}
|
}
|
})
|
},
|
|
// 根据产品码获取信息
|
GetMeesageByBarCode(HBarCode) {
|
let HBarCode_Pallet = this.HBarCode_Pallet
|
let sOldBarCode = this.HBarCode_SN
|
let HDeleteFlag = sOldBarCode.substring(0, 1)
|
let sBarCode = sOldBarCode.slice(1)
|
|
if (!HBarCode_Pallet) {
|
return uni.showToast({
|
icon: 'none',
|
title: '栈板码不能为空，请先扫描托条码！'
|
})
|
}
|
if (HDeleteFlag == '*') {
|
// 删除条码逻辑
|
if (!sBarCode) {
|
return uni.showToast({
|
icon: 'none',
|
title: '请扫描要删除的条码'
|
})
|
} else {
|
this.HBarCodeSNFocusRefresh()
|
}
|
CommonUtils.doRequest2({
|
url: '/WEBSController/set_DelPackUnionBill_Temp_Pack_Json',
|
data: {
|
"HInterID": this.hform.HInterID,
|
"HBarCode": sBarCode,
|
"HBillType": this.HBillType
|
},
|
resFunction: (res) => {
|
let {
|
data,
|
count,
|
Message
|
} = res.data
|
if (count == 1) {
|
CommonUtils.playSound(1)
|
this.tabs = 1
|
this.DisBillEntryList()
|
} else {
|
CommonUtils.playSound(0)
|
uni.showToast({
|
icon: 'none',
|
title: Message
|
})
|
}
|
}
|
})
|
} else {
|
// 新增条码逻辑
|
let sBarCode = this.HBarCode_SN
|
if (!sBarCode) {
|
return uni.showToast({
|
icon: 'none',
|
title: '条码不能为空，请扫描条码！'
|
})
|
}
|
CommonUtils.doRequest2({
|
url: '/WEBSController/Get_BarCode_PackUnionBill_New_Json_Cus',
|
data: {
|
"HBarCode": sBarCode,
|
"HInterID": this.hform.HInterID,
|
"HBillNo": this.hform.HBillNo,
|
"HBillType": this.HBillType,
|
"HBillSubType": this.HBillSubType,
|
"HBarCode_Pallet": this.HBarCode_Pallet,
|
"HMaterNumber_Pack": this.HMaterNumber_Pack,
|
"HMaker": this.hform.HMaker,
|
"HStockOrgID": this.hform.HStockOrgID
|
},
|
resFunction: (res) => {
|
let {
|
data,
|
count,
|
Message
|
} = res.data
|
if (count == 1) {
|
CommonUtils.playSound(1)
|
this.tabs = 1
|
this.HBarCodeSNFocusRefresh()
|
this.DisBillEntryList()
|
} else {
|
CommonUtils.playSound(0)
|
this.HBarCodeSNFocusRefresh()
|
uni.showToast({
|
icon: 'none',
|
title: Message
|
})
|
}
|
}
|
})
|
}
|
},
|
// 显示单据明细列表
|
DisBillEntryList() {
|
CommonUtils.doRequest2({
|
url: '/WEBSController/GetBillEntry_Tmp_Pack_Json',
|
data: {
|
"HInterID": this.hform.HInterID,
|
"HBillNo": this.hform.HBillNo,
|
"HBillType": this.HBillType
|
},
|
resFunction: (res) => {
|
let {
|
count,
|
data,
|
Message
|
} = res.data
|
this.listData = []
|
if (count == 1) {
|
for (let i = 0; i < data.length; i++) {
|
this.listData.push(Object.assign(data[i], {
|
index: i
|
}))
|
}
|
|
|
} else {
|
|
}
|
}
|
})
|
},
|
|
// 表格选择处理
|
handleSelect(selected, array) {
|
this.selectedRows = array
|
},
|
|
// 表格全选处理
|
handleSelectAll(selected, array) {
|
this.selectedRows = array
|
},
|
// 播放提示音
|
playSound(type) {
|
const innerAudioContext = uni.createInnerAudioContext();
|
innerAudioContext.src = type == 1 ? '/static/success.wav' : '/static/jingbao.wav';
|
innerAudioContext.play();
|
},
|
|
|
// 获取最大单据号
|
getMaxNo() {
|
CommonUtils.doRequest2({
|
url: "/WEBSController/GetMaxBillNoAndID_Json",
|
data: {
|
"HBillType": this.HBillType
|
},
|
resFunction: (d) => {
|
let {
|
count,
|
data,
|
Message
|
} = d.data
|
if (count == 1) {
|
this.hform.HInterID = data[0].HInterID;
|
this.hform.HBillNo = data[0].HBillNo
|
} else {
|
uni.showModal({
|
title: "温馨提示",
|
showCancel: false,
|
content: Message
|
})
|
}
|
}
|
})
|
},
|
|
// 提交前检查
|
submitPreCheck() {
|
if (CommonUtils.isEmpty(this.hform.HInterID)) {
|
uni.showToast({
|
icon: 'none',
|
title: '单据内码获取失败，错误的单据内码！'
|
})
|
return false
|
}
|
if (CommonUtils.isEmpty(this.hform.HBillNo)) {
|
uni.showToast({
|
icon: 'none',
|
title: '单据号获取失败，错误的单据号！'
|
})
|
return false
|
}
|
if (this.listData.length < 1) {
|
uni.showToast({
|
icon: 'none',
|
title: '没有扫码信息，请先扫描条码，确认无误后再提交！'
|
})
|
return false
|
}
|
return true
|
},
|
|
// 删除选中行
|
cmdDelete() {
|
if (this.selectedRows.length != 1) {
|
return uni.showToast({
|
icon: 'none',
|
title: '请选择一行记录，进行删除！'
|
})
|
}
|
uni.showModal({
|
title: '删除确认',
|
content: '确认要删除选中行所有扫码记录？删除后将不可恢复!',
|
success: ({
|
confirm
|
}) => {
|
if (confirm) {
|
CommonUtils.doRequest2({
|
url: '/WEBSController/set_DelPackUnionBill_Temp_Pack_Json',
|
data: {
|
HInterID: this.hform.HInterID,
|
HBillType: this.HBillType,
|
HBarCode: this.selectedRows[0].HBarCode_SN
|
},
|
resFunction: (res) => {
|
let {
|
data,
|
count,
|
Message
|
} = res.data
|
if (count == 1) {
|
CommonUtils.playSound(1)
|
uni.showToast({
|
icon: 'none',
|
title: Message
|
})
|
this.DisBillEntryList()
|
} else {
|
CommonUtils.playSound(0)
|
uni.showToast({
|
icon: 'none',
|
title: Message
|
})
|
}
|
}
|
})
|
}
|
}
|
})
|
},
|
|
// 提交单据
|
cmdSubmit() {
|
let checkRes = this.submitPreCheck()
|
if (!checkRes) return
|
|
this.EnableSubmit = false
|
CommonUtils.doRequest2({
|
url: '/CheckBarcodeController/Save_BarCode_BarcodeCheck',
|
data: {
|
"HInterID": this.hform.HInterID,
|
"HBillNo": this.hform.HBillNo
|
},
|
resFunction: (res) => {
|
let {
|
data,
|
count,
|
Message
|
} = res.data
|
if (count == 1) {
|
uni.showModal({
|
title: '温馨提示',
|
content: Message,
|
confirmText: "新增",
|
cancelText: '关闭',
|
success: ({
|
confirm,
|
cancel
|
}) => {
|
if (confirm) {
|
uni.redirectTo({
|
url: "/pages/sanmaheyi/BarCodeCheck"
|
})
|
}
|
if (cancel) {
|
uni.navigateBack()
|
}
|
}
|
})
|
} else {
|
uni.showToast({
|
icon: 'none',
|
title: Message
|
})
|
}
|
}
|
})
|
},
|
|
// 退出页面
|
cmdExit() {
|
uni.navigateBack()
|
}
|
},
|
|
// ==================== 生命周期 ====================
|
async onReady() {
|
// 计算表格高度
|
// #ifndef MP-WEIXIN
|
let query = uni.createSelectorQuery().in(this)
|
query.select("#bottom-btn").boundingClientRect((data) => {
|
if (data) this.bottomBtnTop = data.top
|
}).exec();
|
query.select("#list-table").boundingClientRect((data) => {
|
if (data) this.listTableTop = data.top
|
}).exec();
|
// #endif
|
},
|
|
onLoad(e) {
|
// 初始化参数
|
this.BarCodeType = e.BarCodeType || 1
|
this.OperationType = e.OperationType || 1
|
this.HBarCode_Pallet = e.HBarCode_Pallet_Temp || ""
|
this.hform.HSourceBillNo = e.HSourceBillNo || ""
|
this.HBarCode_Destination = e.HBarCode_Destination || ""
|
this.HBarCode_MiddleBox = e.HBarCode_MiddleBox || ""
|
|
// 根据操作类型初始化数据
|
if (this.OperationType == 1) {
|
this.getMaxNo() // 新增模式：获取新单据号
|
// 初始化时聚焦到源单单号
|
this.HSourcebillNoFocus = true
|
} else if (this.OperationType == 2) {
|
this.disableBarCodePallet = false
|
this.disableBarCodeDest = false
|
this.disableBarCodeMiddle = false
|
this.disableBarCodeSN = false
|
this.CheckBarcode(this.HBarCode_Pallet, 1) // 缓存模式：加载已有数据
|
this.DisBillEntryList()
|
this.tabs = 0
|
}
|
|
// 默认聚焦到栈板码输入框
|
this.HBarCodePalletFocusRefresh()
|
},
|
onUnload() {
|
uni.$off('BillSelectComplete')
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
input {
|
width: inherit;
|
padding: 8rpx 20rpx;
|
font-size: 30rpx;
|
}
|
|
.form {
|
display: flex;
|
flex-direction: column;
|
gap: 20rpx;
|
|
.form-base-info {
|
display: flex;
|
flex-direction: column;
|
gap: 10rpx;
|
box-sizing: border-box;
|
padding: 30rpx;
|
}
|
|
.bill-info {
|
display: flex;
|
flex-direction: column;
|
gap: 10rpx;
|
box-sizing: border-box;
|
padding: 16rpx 30rpx;
|
}
|
|
.form-item {
|
display: flex;
|
flex-direction: row;
|
gap: 10rpx;
|
|
.title {
|
width: 5rem;
|
flex-shrink: 0;
|
}
|
|
.right {
|
flex: 1;
|
border-radius: 22rpx;
|
border: 1px solid #acacac;
|
}
|
|
.disabled {
|
border: 1px solid #e4e4e4;
|
background-color: #e4e4e4;
|
}
|
|
.right-icon {
|
flex-shrink: 0;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
.icon-wrapper {
|
background-color: #3A78FF;
|
border-radius: 100%;
|
width: 52rpx;
|
height: 52rpx;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
flex-shrink: 0;
|
|
.uni-icons {
|
color: #fff !important;
|
}
|
}
|
|
.icon-wrapper[disabled] {
|
background-color: rgba(228, 228, 228, 1);
|
pointer-events: none;
|
touch-action: none;
|
}
|
}
|
}
|
|
.tabs {
|
width: 100%;
|
display: flex;
|
border-bottom: 1px solid #ddd;
|
margin: 20rpx 0;
|
|
view {
|
width: 25%;
|
font-size: 30rpx;
|
color: #555;
|
text-align: center;
|
padding: 16rpx 0;
|
}
|
|
.on {
|
color: #3a78ff;
|
font-weight: bold;
|
border-bottom: 3px solid #3a78ff;
|
}
|
}
|
|
.bottom-btn {
|
width: 100%;
|
box-sizing: border-box;
|
// height: 120rpx;
|
position: fixed;
|
bottom: 0;
|
left: 0;
|
background-color: #fff;
|
box-shadow: 0 2rpx 10rpx 2rpx rgba(0, 0, 0, 0.4);
|
padding: 30rpx 40rpx 40rpx 40rpx;
|
display: flex;
|
flex-direction: row;
|
gap: 10rpx;
|
|
button {
|
border-radius: 50rpx;
|
width: 180rpx;
|
height: 66rpx;
|
line-height: 66rpx;
|
font-size: 28rpx;
|
}
|
|
.btn-a {
|
background-color: #3A78FF;
|
color: #fff;
|
}
|
|
.btn-b {
|
background-color: #41a863;
|
color: #fff;
|
}
|
|
.btn-c {
|
background-color: #acacac;
|
color: #fff;
|
// position: absolute;
|
// right: 120rpx;
|
}
|
|
.btn-d {
|
background-color: #ff8901;
|
color: #fff;
|
}
|
}
|
|
.right-icon.disabled {
|
background-color: #ccc !important;
|
color: #666 !important;
|
cursor: not-allowed;
|
}
|
</style>
|
