<template>
|
<view>
|
<view class="form">
|
<view class="form-item">
|
<view class="title"><text>*</text>条形码:</view>
|
<view class="right" style="width: 380rpx;">
|
<input name="HBarCode" v-model="hform.HBarCode" placeholder="请扫描条码" @confirm="toInCode(e)" />
|
</view>
|
<uni-icons type="scan"
|
style="margin-left: 10rpx;background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;"
|
size="20" @click="toScanCode"></uni-icons>
|
</view>
|
<view class="form-item">
|
<view class="title">序列号:</view>
|
<view class="right">
|
<uni-combox :candidates="arrayHSEQName" placeholder="请选择序列" v-model="hform.HSEQName"
|
@input="HSEQNameChange"></uni-combox>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title"><text>*</text>流水号:</view>
|
<view class="right" style="width: 380rpx;">
|
<input v-model="hform.HProcNo" placeholder="请输入(或扫描)流水号"
|
@blur="getHProcNoData2(hform.HBarCode,hform.HProcNo,hform.HSEQNumber)" />
|
</view>
|
<uni-icons type="scan"
|
style="margin-left: 10rpx;background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;"
|
size="20" @click="toScanProcNo"></uni-icons>
|
</view>
|
<view class="form-item">
|
<view class="title">工序编码:</view>
|
<view class="righton">
|
<input disabled v-model="hform.HProcNumber" placeholder="请输入工序编码" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">未报工数量:</view>
|
<view class="righton">
|
<input disabled v-model="hform.HNotReportQty" placeholder="请输入合格数量" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">合格数量:</view>
|
<view class="right">
|
<input v-model="hform.HQty" placeholder="请输入合格数量" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">不良数量:</view>
|
<view class="right">
|
<input v-model="hform.HPieceQty" placeholder="请输入不良数量" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">报废数量:</view>
|
<view class="right">
|
<input v-model="hform.HWasterQty" placeholder="请输入报废数量" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title"><text>*</text>供应商:</view>
|
<view class="right">
|
<uni-combox :candidates="arrayHSupName" placeholder="请选择供应商" v-model="hform.HSupName"
|
@input="HSupNameChange"></uni-combox>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title"><text>*</text>操作员:</view>
|
<view class="right">
|
<uni-combox :candidates="arrayHEmpName" placeholder="请选择操作员" v-model="hform.HEmpName"
|
@input="HEmpNameChange"></uni-combox>
|
</view>
|
</view>
|
<!-- <view class="form-item">
|
<view class="title">工序:</view>
|
<view class="right">
|
<uni-combox :candidates="arrayHProcName" placeholder="请选择工序" v-model="hform.HProcName"
|
@input="HProcNameChange"></uni-combox>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title"><text>*</text>部门:</view>
|
<view class="right">
|
<uni-combox :candidates="arrayHDept" placeholder="请选择部门" v-model="hform.HDept"
|
@input="HHDeptChange"></uni-combox>
|
</view>
|
</view> -->
|
<view class="form-item">
|
<view class="title">送货单号:</view>
|
<view class="right">
|
<input v-model="hform.HInnerBillNo" placeholder="请输入送货单号" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">委外工单号:</view>
|
<view class="right">
|
<input v-model="hform.HWWWorkOrderBillNo" placeholder="请输入委外工单号" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title"><text>*</text>生产班组:</view>
|
<view class="right">
|
<uni-combox :candidates="arrayHGroupName" placeholder="请选择生产班组" v-model="hform.HGroupName"
|
@input="HGroupNameChange"></uni-combox>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">备注:</view>
|
<view class="right">
|
<textarea name="HRemark" v-model="hform.HRemark" auto-height placeholder="请输入备注"></textarea>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">单据日期:</view>
|
<view class="right">
|
<picker mode="date" v-model="hform.HDate" @change="HDateChange">
|
<input disabled v-model="hform.HDate" placeholder="请选择日期" />
|
<view class="picker-overlay"></view>
|
</picker>
|
</view>
|
</view>
|
|
<view class="tab_area"></view>
|
|
<view class="form-item">
|
<view class="title">单据号:</view>
|
<view class="righton">
|
<input name="HBillNo" disabled v-model="hform.HBillNo" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">生产订单:</view>
|
<view class="righton">
|
<input name="HICMOBillNo" disabled v-model="hform.HICMOBillNo" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">流转卡:</view>
|
<view class="righton">
|
<input disabled v-model="hform.HProcExchBillNo" />
|
</view>
|
<view class="icon-wrapper" :disabled="hform.HMainSourceBillType === -1">
|
<uni-icons type="search" size="20" @click="showBillList"></uni-icons>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">物料代码:</view>
|
<view class="righton">
|
<input disabled v-model="hform.HMaterNumber" />
|
<!-- <uni-combox :candidates="arrayHMaterNumber" placeholder="请选择产品代码" v-model="hform.HMaterNumber" @input="HMaterNumberChange"></uni-combox> -->
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">物料名称:</view>
|
<view class="righton">
|
<input v-model="hform.HMaterName" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">规格型号:</view>
|
<view class="righton">
|
<input v-model="hform.HMaterModel" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">计量单位:</view>
|
<view class="righton">
|
<input v-model="hform.单位" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">工序:</view>
|
<!-- <view class="right">
|
<uni-combox :candidates="arrayHProcName" placeholder="请选择当前工序" v-model="hform.HProcName" @input="HProcNameChange"></uni-combox>
|
</view> -->
|
<view class="righton">
|
<input v-model="hform.HProcName" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">生产组织:</view>
|
<view class="righton">
|
<input v-model="hform.HPRDOrg" disabled />
|
</view>
|
</view>
|
|
<!-- <view class="form-item">
|
<view class="title">订单数量:</view>
|
<view class="right">
|
<input name="HICMOQty" v-model="hform.HICMOQty" placeholder="请输入订单数量" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">订单跟踪号:</view>
|
<view class="right">
|
<input name="HOrderProcNO" v-model="hform.HOrderProcNO" placeholder="请输入订单跟踪号" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">流转卡数量:</view>
|
<view class="right">
|
<input v-model="hform.HPlanQty" placeholder="请输入流转卡数量" />
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="title"><text>*</text>当前工序:</view>
|
<view class="right">
|
<uni-combox :candidates="arrayHProcName" placeholder="请选择当前工序" v-model="hform.HProcName" @input="HProcNameChange"></uni-combox>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">供应商:</view>
|
<view class="right">
|
<uni-combox :candidates="arrayHSupName" placeholder="请选择供应商" v-model="hform.HSupName" @input="HSupNameChange"></uni-combox>
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="title"><text>*</text>税率:</view>
|
<view class="right">
|
<input v-model="hform.HTaxRate" placeholder="请输入税率" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title"><text>*</text>含税单价:</view>
|
<view class="right">
|
<input v-model="hform.HPrice" placeholder="请输入单价" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">含税金额:</view>
|
<view class="right">
|
<input v-model="hform.HMoney" placeholder="请输入含税金额" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">接收时间:</view>
|
<view class="right">
|
<uni-datetime-picker v-model="hform.HStationOutTime">
|
<input disabled v-model="hform.HStationOutTime" placeholder="请选择接收时间" />
|
</uni-datetime-picker>
|
</view>
|
</view> -->
|
|
<!-- <view class="form-item">
|
<view class="title">操作员:</view>
|
<view class="right">
|
<input v-model="hform.HEmp" placeholder="请输入操作员" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">生产资源:</view>
|
<view class="right">
|
<input v-model="hform.HSource" placeholder="请输入生产资源" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">班组:</view>
|
<view class="right">
|
<input v-model="hform.HGroup" placeholder="请输入班组" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">部门:</view>
|
<view class="right">
|
<input v-model="hform.HDept" placeholder="请输入部门" />
|
</view>
|
</view> -->
|
|
<!-- <view class="tab_area"></view> -->
|
|
<!-- <view class="form-item">
|
<view class="title">选择文件:</view>
|
<view class="right">
|
1111
|
</view>
|
</view> -->
|
|
<view class="tab_area"></view>
|
|
<view v-if="showmore">
|
<view class="form-item">
|
<view class="title">订单跟踪号:</view>
|
<view class="righton">
|
<input v-model="hform.HOrderProcNO" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">制单人:</view>
|
<view class="righton">
|
<input v-model="hform.HMaker" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">制单日期:</view>
|
<view class="righton">
|
<input v-if="hform.HMakeDate" v-model="hform.HMakeDate.substr(0,10)" disabled />
|
<input v-else v-model="hform.HMakeDate" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">修改人:</view>
|
<view class="righton">
|
<input v-model="hform.HUpDater" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">修改日期:</view>
|
<view class="righton">
|
<input v-if="hform.HUpDateDate" v-model="hform.HUpDateDate.substr(0,10)" disabled />
|
<input v-else v-model="hform.HUpDateDate" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">审核人:</view>
|
<view class="righton">
|
<input v-model="hform.HChecker" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">审核日期:</view>
|
<view class="righton">
|
<input v-if="hform.HCheckDate" v-model="hform.HCheckDate.substr(0,10)" disabled />
|
<input v-else v-model="hform.HCheckDate" disabled />
|
</view>
|
</view>
|
<!-- <view class="form-item">
|
<view class="title">关闭人:</view>
|
<view class="righton">
|
<input v-model="hform.HCloseMan" disabled/>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">关闭日期:</view>
|
<view class="righton">
|
<input v-if="hform.HCloseDate" v-model="hform.HCloseDate.substr(0,10)" disabled/>
|
<input v-else v-model="hform.HCloseDate" disabled/>
|
</view>
|
</view> -->
|
<view class="form-item">
|
<view class="title">作废人:</view>
|
<view class="righton">
|
<input v-model="hform.HDeleteMan" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">作废日期:</view>
|
<view class="righton">
|
<input v-if="hform.HDeleteDate" v-model="hform.HDeleteDate.substr(0,10)" disabled />
|
<input v-else v-model="hform.HDeleteDate" disabled />
|
</view>
|
</view>
|
</view>
|
|
<view class="other">
|
<view v-if="!showmore" @tap="showmore = true">
|
展开其他信息<uni-icons color="#1890FF" style="margin-left: 8rpx;" type="bottom"></uni-icons>
|
</view>
|
<view v-if="showmore" @tap="showmore = false">
|
折叠其他信息<uni-icons color="#1890FF" style="margin-left: 8rpx;" type="top"></uni-icons>
|
</view>
|
</view>
|
|
<view class="bottom-btn">
|
<button v-if="btnType == 0 && !isEdit" class="btn-a" size="mini" @tap="submit">提交</button>
|
<button v-if="btnType != 0 && !isEdit" class="btn-a" size="mini" @tap="ifEdit">修改</button>
|
<button v-if="btnType != 0 && isEdit" class="btn-a" size="mini" @tap="submit">提交</button>
|
<button v-if="btnType != 0 && btnType == 2" class="btn-b" style="margin-left: 20rpx;" size="mini"
|
@tap="check">审核</button>
|
<button v-if="btnType != 0 && btnType == 3" class="btn-d" style="margin-left: 20rpx;" size="mini"
|
@tap="abandonCheck">反审核</button>
|
<view style="flex: 1;"></view>
|
<button class="btn-b" size="mini" @tap="addNew">新增</button>
|
<button class="btn-c" size="mini" @tap="goBack">退出</button>
|
</view>
|
</view>
|
<ProcExchListPopupVue ref="billList"></ProcExchListPopupVue>
|
</view>
|
</template>
|
<script>
|
import getDateTime from '@/utils/getdateTime.js';
|
import {
|
getUserInfo
|
} from "@/utils/auth.js";
|
import ProcExchListPopupVue from '../../components/ProcExchListPopup/ProcExchListPopup.vue';
|
import {
|
CommonUtils
|
} from '../../utils/common';
|
export default {
|
components: {
|
ProcExchListPopupVue
|
},
|
data() {
|
return {
|
userInfo: getUserInfo(),
|
serverUrl: uni.getStorageSync('serverUrl') || 'http://47.96.97.237/API',
|
linterid: '',
|
HBillNo: '',
|
btnType: 0, //0新增，1修改，2审核，3反审核
|
showmore: false,
|
|
arrayHMaterNumber: [], //产品
|
HMaterNumberList: [],
|
arrayHProcName: [], //工序
|
HProcNameList: [],
|
arrayHSupName: [], //供应商
|
HSupNameList: [],
|
arrayHEmpName: [], //操作员
|
HEmpNameList: [],
|
arrayHGroupName: [], //班组
|
HGroupNameList: [],
|
arrayHDept: [], // 部门
|
HDeptList: [],
|
arrayHSEQName:[],//序列
|
HSEQNameList:[],
|
isEdit: false,
|
hform: {
|
HStockOrgID: uni.getStorageSync('OrganizationID'),
|
|
HInterID: '',
|
HBillNo: '',
|
HBarCode: '',
|
HNotReportQty: 0,
|
HQty: 0,
|
HPieceQty: 0,
|
HProcNumber: '',
|
HWasterQty: 0,
|
HEmpName: '',
|
HEmpID: 0,
|
HInnerBillNo: '',
|
HWWWorkOrderBillNo: '',
|
HRemark: '',
|
HDate: getDateTime.dateTimeStr('y-m-d'),
|
|
HICMOBillNo: '',
|
HProcExchBillNo: '',
|
HMaterNumber: '',
|
HMaterName: '',
|
HMaterID: 0,
|
HMaterModel: '',
|
HSupName: '',
|
HSupID: 0,
|
单位: '',
|
HProcName: '',
|
HProcID: 0,
|
HPRDOrg: '',
|
HOrderProcNO: '',
|
HSEQName:'',
|
HSEQNumber:0,
|
// HPRDOrg:'',
|
// HICMOBillNo:'',
|
// HICMOInterID:'',
|
// HICMOQty:'',
|
// HOrderProcNO:'',
|
// HMaterNumber:'',
|
// HMaterName:'',
|
// HMaterID:'',
|
// HMaterModel:'',
|
// HProcExchBillNo:'',
|
// HProcExchHinteID:'',
|
// HProcName:'',
|
// HProcID:'',
|
// HPlanQty:'',
|
// HProcNo:'',
|
// HSupName:'',
|
// HSupID:'',
|
// HTaxRate:'',
|
// HPrice:'',
|
// HMoney:'',
|
// HStationInTime:'',
|
// HStationOutTime:getDateTime.dateTimeStr('y-m-d h:i:s'),
|
// HEmp:'',
|
// HEmpID:'',
|
// HSource:'',
|
// HSourceID:'',
|
HGroupName: '',
|
HGroupID: 0,
|
HDept: '',
|
HDeptID: 0,
|
|
HMaker: '',
|
HMakeDate: '',
|
HUpDater: '',
|
HUpDateDate: '',
|
HChecker: '',
|
HCheckDate: '',
|
// HCloseMan:'',
|
// HCloseDate:'',
|
HDeleteMan: '',
|
HDeleteDate: '',
|
|
eventType: 'Add',
|
}
|
}
|
},
|
onLoad(e) {
|
// this.getEditData('710','WXGD000000000274')
|
// console.log(e,this.userInfo)
|
// this.hform.HEmpID = this.userInfo.Czybm
|
// this.hform.HEmp = uni.getStorageSync('HUserName')
|
this.hform.HMaker = uni.getStorageSync('HUserName')
|
if (e.linterid) {
|
this.btnType = 1
|
this.linterid = e.linterid
|
this.HBillNo = e.HBillNo
|
this.getEditData(e.linterid, e.HBillNo)
|
} else {
|
this.getNewData()
|
}
|
this.getHGroupList()
|
this.getHMaterList()
|
this.getHProcList()
|
this.getHSupList()
|
this.getHEmpList()
|
//this.getHProcList()
|
//this.getHDeptList()
|
|
this.getDefValByUser()
|
|
uni.$on('BillSelectComplete2', (e) => {
|
console.log("接收到的消息: ", e.HBillNo, e.HProcNumber)
|
this.hform.HBarCode = e.HBillNo
|
this.hform.HProcNo = e.HProcNo
|
this.getHBarCodeData(e.HBillNo, e.HProcNo)
|
this.$refs.billList.exit()
|
})
|
},
|
methods: {
|
//通过登录用户获取默认值
|
getDefValByUser() {
|
uni.request({
|
url: this.serverUrl + '/Cj_StationInBill/GetDefValByUser',
|
type: "GET",
|
async: false,
|
data: {
|
"Czybm": this.userInfo.Czybm,
|
"Czymc": this.userInfo.Czymc
|
},
|
success: (res) => {
|
console.log(res.data)
|
if (res.data.count == 1) {
|
var data = res.data.data[0]
|
this.hform.HGroupID = data.HGroupID
|
this.hform.HGroupName = data.生产班组名称
|
this.hform.HEmpID = data.HEmpID
|
this.hform.HEmpName = data.操作员名称
|
this.hform.HEmpNumber = data.操作员代码
|
this.hform.HSourceID = data.HSourceID
|
this.hform.HSourceName = data.生产资源名称
|
this.hform.HCenterID = data.HWorkCenterID
|
this.hform.HCenterName = data.工作中心名称
|
this.hform.HEmpName_second = data.操作员名称
|
} else {
|
uni.showToast({
|
title: '获取生产班组信息失败',
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '获取生产班组信息失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
//扫码
|
toScanCode() {
|
var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")
|
mpaasScanModule.mpaasScan({
|
'hideAlbum': true,
|
'timeoutInterval': '10', //超时时间
|
'timeoutText': '未识别到二维码' //超时提醒
|
}, (ret) => {
|
console.log(ret.resp_result)
|
var str = ret.resp_result
|
if (str.includes('@')) {
|
const parts = str.split('@');
|
if(parts.length==3){
|
this.hform.HBarCode = parts[0]
|
this.hform.HProcNo = parts[1]
|
this.hform.HSEQNumber = parts[2]
|
this.getHBarCodeData(parts[0], 2)
|
}else{
|
this.hform.HBarCode = parts[0]
|
this.hform.HProcNo = parts[1]
|
this.getHBarCodeData(parts[0], 1)
|
}
|
// this.getHProcNoData(parts[0],parts[1])
|
} else {
|
this.hform.HBarCode = ret.resp_result
|
this.getHBarCodeData(ret.resp_result)
|
}
|
})
|
},
|
toInCode(e) {
|
var str = this.hform.HBarCode
|
if (str.includes('@')) {
|
const parts = str.split('@');
|
if(parts.length==3){
|
this.hform.HBarCode = parts[0]
|
this.hform.HProcNo = parts[1]
|
this.hform.HSEQNumber = parts[2]
|
this.getHBarCodeData(parts[0], 2)
|
}else{
|
this.hform.HBarCode = parts[0]
|
this.hform.HProcNo = parts[1]
|
this.getHBarCodeData(parts[0], 1)
|
}
|
// this.getHProcNoData(parts[0],parts[1])
|
} else {
|
this.getHBarCodeData(this.hform.HBarCode)
|
}
|
},
|
//扫流水号
|
toScanProcNo() {
|
var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")
|
mpaasScanModule.mpaasScan({
|
'hideAlbum': true,
|
'timeoutInterval': '10', //超时时间
|
'timeoutText': '未识别到二维码' //超时提醒
|
}, (ret) => {
|
console.log(ret.resp_result)
|
this.hform.HProcNo = ret.resp_result
|
this.getHProcNoData2(this.hform.HBarCode, ret.resp_result,this.hform.HProcNumber)
|
})
|
},
|
//日期
|
HDateChange(e) {
|
console.log(e.detail.value)
|
this.hform.HDate = e.detail.value
|
},
|
|
//获取产品数据
|
getHMaterList() {
|
var Value = " Where HStopFlag=0 and HEndFlag=1 and HUSEORGID = " + uni.getStorageSync('OrganizationID')
|
uni.request({
|
url: this.serverUrl + '/Web/GetMaterialList_Json',
|
data: {
|
sWhere: Value
|
},
|
success: (res) => {
|
if (res.data.count == 1) {
|
this.HMaterNumberList = res.data.data
|
for (var i = 0; i < res.data.data.length; i++) {
|
this.arrayHMaterNumber[i] = res.data.data[i].HNumber
|
}
|
this.$forceUpdate();
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
//选择产品数据
|
HMaterNumberChange(e) {
|
for (var i = 0; i < this.HMaterNumberList.length; i++) {
|
if (this.HMaterNumberList[i].HNumber == e) {
|
this.hform.HMaterName = this.HMaterNumberList[i].HName
|
this.hform.HMaterID = this.HMaterNumberList[i].HItemID
|
}
|
}
|
},
|
//工序
|
getHProcList() {
|
uni.request({
|
url: this.serverUrl + '/Web/GetProcList_Json',
|
data: {
|
sWhere: ''
|
},
|
success: (res) => {
|
if (res.data.count == 1) {
|
this.HProcNameList = res.data.data
|
for (var i = 0; i < res.data.data.length; i++) {
|
this.arrayHProcName[i] = res.data.data[i].工序
|
}
|
this.$forceUpdate();
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
//选择工序
|
HProcNameChange(e) {
|
for (var i = 0; i < this.HProcNameList.length; i++) {
|
if (this.HProcNameList[i].工序 == e) {
|
this.hform.HProcID = this.HProcNameList[i].HItemID
|
}
|
}
|
},
|
getHDeptList() { // 获得部门
|
CommonUtils.doRequest(
|
"/Gy_Department/list", {
|
sWhere: ` and HUSEORGID=${uni.getStorageSync('OrganizationID')}`,
|
user: this.userInfo['Czymc'],
|
Organization: uni.getStorageSync('Organization')
|
},
|
(res) => {
|
let {
|
data,
|
count,
|
Message
|
} = res.data
|
console.log('data: ', data);
|
if (count == 1) {
|
this.HDeptList = data
|
this.arrayHDept = Array.from(data).map(e => e['部门名称'])
|
} else {
|
uni.showToast({
|
icon: 'none',
|
Message: Message
|
})
|
}
|
}
|
)
|
},
|
HHDeptChange(e) {
|
for (var i = 0; i < this.HDeptList.length; i++) {
|
if (this.HDeptList[i]['部门名称'] == e) {
|
this.hform.HDeptID = this.HDeptList[i].HItemID
|
}
|
}
|
},
|
//获取供应商数据
|
getHSupList() {
|
if (!uni.getStorageSync('OrganizationID')) {
|
var HOtherOrgID = 0;
|
} else {
|
var HOtherOrgID = uni.getStorageSync('OrganizationID')
|
}
|
uni.request({
|
url: this.serverUrl + '/Web/GetSupplierList_Json',
|
data: {
|
Supplier: '',
|
HOrgID: HOtherOrgID
|
},
|
success: (res) => {
|
if (res.data.count == 1) {
|
this.HSupNameList = res.data.data
|
for (var i = 0; i < res.data.data.length; i++) {
|
this.arrayHSupName[i] = res.data.data[i].HName
|
}
|
this.$forceUpdate();
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
//选择供应商
|
HSupNameChange(e) {
|
for (var i = 0; i < this.HSupNameList.length; i++) {
|
if (this.HSupNameList[i].HName == e) {
|
this.hform.HSupID = this.HSupNameList[i].HItemID
|
}
|
}
|
},
|
//操作员
|
getHEmpList() {
|
uni.request({
|
url: this.serverUrl + '/Web/GetEmployeeList_Json',
|
data: {
|
Employee: '',
|
HGroupID: 0
|
},
|
success: (res) => {
|
if (res.data.count == 1) {
|
this.HEmpNameList = res.data.data
|
for (var i = 0; i < res.data.data.length; i++) {
|
this.arrayHEmpName[i] = res.data.data[i].HName
|
}
|
this.$forceUpdate();
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
|
},
|
//选择接收人
|
HEmpNameChange(e) {
|
for (var i = 0; i < this.HEmpNameList.length; i++) {
|
if (this.HEmpNameList[i].HName == e) {
|
this.hform.HEmpID = this.HEmpNameList[i].HItemID
|
this.hform.HQCCheckID = this.HEmpNameList[i].HItemID
|
}
|
}
|
},
|
//生产班组
|
getHGroupList() {
|
uni.request({
|
url: this.serverUrl + '/Web/GetProductionTeamList_Json',
|
data: {
|
sWhere: "and HUSEORGID = " + uni.getStorageSync('OrganizationID') + ""
|
},
|
success: (res) => {
|
if (res.data.count == 1) {
|
this.HGroupNameList = res.data.data
|
for (var i = 0; i < res.data.data.length; i++) {
|
this.arrayHGroupName[i] = res.data.data[i].班组
|
}
|
this.$forceUpdate();
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
//选择生产班组
|
HGroupNameChange(e) {
|
for (var i = 0; i < this.HGroupNameList.length; i++) {
|
if (this.HGroupNameList[i].班组 == e) {
|
this.hform.HGroupName = this.HGroupNameList[i].班组
|
this.hform.HGroupID = this.HGroupNameList[i].HItemID
|
}
|
}
|
},
|
//序列获取
|
getHSEQList(e){
|
uni.request({
|
url: this.serverUrl + 'Cj_StationOutBill/getAllHSEQ',
|
data: {
|
HInterID:this.hform.HProcExchHinteID
|
},
|
success: (res) => {
|
if (res.data.code == 1) {
|
this.HSEQNameList = res.data.data
|
for (var i = 0; i < res.data.data.length; i++) {
|
this.arrayHSEQName[i] = res.data.data[i].HSEQName
|
}
|
this.$forceUpdate();
|
//没有序列号默认主序列
|
if(e==1){
|
//设置主序列
|
this.setMainHSEQ();
|
this.getHProcNoData2(this.hform.HBarCode,this.hform.HProcNo,this.hform.HSEQNumber)
|
}else if(e==2){
|
this.getHProcNoData2(this.hform.HBarCode,this.hform.HProcNo,this.hform.HSEQNumber)
|
}else{
|
//设置主序列
|
this.setMainHSEQ();
|
}
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
//选择序列
|
HSEQNameChange(e) {
|
for (var i = 0; i < this.HSEQNameList.length; i++) {
|
if (this.HSEQNameList[i].HSEQName == e) {
|
this.hform.HSEQNumber = this.HSEQNameList[i].HSEQNumber
|
}
|
}
|
},
|
//设置主序列
|
setMainHSEQ(){
|
for (var i = 0; i < this.HSEQNameList.length; i++) {
|
if (this.HSEQNameList[i].HSEQType == 'M') {
|
this.hform.HSEQNumber = this.HSEQNameList[i].HSEQNumber
|
this.hform.HSEQName = this.HSEQNameList[i].HSEQName
|
break;
|
}
|
}
|
},
|
//编辑
|
ifEdit() {
|
//是否编辑
|
uni.request({
|
url: this.serverUrl + '/Cj_StationEntrustOutBill/set_ShowBillJudge',
|
data: {
|
HBillNo: this.HBillNo,
|
CurUserName: uni.getStorageSync('HUserName'),
|
HInterID: this.linterid,
|
},
|
success: (res) => {
|
console.log(res)
|
if (res.data.count == 1) {
|
this.isEdit = true
|
this.hform.eventType = 'Modify'
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
getEditData(linterid, HBillNo) {
|
//主表
|
uni.request({
|
url: this.serverUrl + '/Cj_StationEntrustOutBill/GetStationEntrustOutBill',
|
data: {
|
HInterID: linterid
|
},
|
success: (res) => {
|
console.log(1, res.data.data[0]);
|
if (res.data.code == 1) {
|
var data = res.data.data[0]
|
this.getHBarCodeData(data.HBarCode, 1)
|
// this.getHProcNoData(data.HBarCode, data.HProcNo)
|
|
this.hform.HInterID = data.HInterID
|
this.hform.HBillNo = data.HBillNo
|
this.hform.HBarCode = data.HBarCode
|
this.hform.HProcNo = data.HProcNo
|
// this.hform.HQty= data.HQty,
|
this.hform.HNotReportQty = data.HNotReportQty
|
this.hform.HPieceQty = data.HPieceQty
|
this.hform.HWasterQty = data.HWasterQty
|
this.hform.HSupName = data.HSupName
|
this.hform.HSupID = data.HSupID
|
this.hform.HEmpID = data.HEmpID
|
this.hform.HEmpName = data.HEmpName
|
this.hform.HInnerBillNo = data.HInnerBillNo
|
this.hform.HWWWorkOrderBillNo = data.HWWWorkOrderBillNo
|
this.hform.HRemark = data.HRemark
|
this.hform.HDate = data.HDate.substr(0, 10)
|
|
// this.hform.HSupID= data.HSupID,
|
// this.hform.HSupName= data.HSupName,
|
// this.hform.HMaterNumber= data.HMaterNumber,
|
// this.hform.HMaterName= data.HMaterName,
|
// this.hform.HMaterID= data.HMaterID,
|
// this.hform.HPrice= data.HPrice,
|
// this.hform.HMoney= data.HMoney,
|
// this.hform.HBadPNL= data.HBadPNL,
|
// this.hform.HSourceID= data.HSourceID,
|
// this.hform.HSourceName= data.HSourceName
|
if (data.是否审核 == "true") {
|
this.btnType = 3
|
} else {
|
this.btnType = 2
|
}
|
|
this.hform.HMaker = data.HMaker
|
this.hform.HMakeDate = data.HMakeDate
|
this.hform.HUpDater = data.HUpDater
|
this.hform.HUpDateDate = data.HUpDateDate
|
this.hform.HChecker = data.HChecker
|
this.hform.HCheckDate = data.HCheckDate
|
// this.hform.HCloseMan= data.HCloseMan
|
// this.hform.HCloseDate= data.HCloseDate
|
this.hform.HDeleteMan = data.HDeleteMan
|
this.hform.HDeleteDate = data.HDeleteDate
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
getHBarCodeData(HBarCode, e) {
|
uni.request({
|
url: this.serverUrl + '/Cj_StationEntrustInBill/txtHBarCode_KeyDown',
|
data: {
|
HBarCode: HBarCode
|
},
|
success: (res) => {
|
console.log(2, res.data);
|
if (res.data.code == 1) {
|
var data = res.data.data[0]
|
this.hform.HICMOBillNo = data.任务单号
|
this.hform.HICMOInterID = data.hicmointerid
|
this.hform.HMaterID = data.HMaterID
|
this.hform.HMaterName = data.产品
|
this.hform.HMaterNumber = data.产品代码
|
this.hform.HMaterModel = data.规格型号
|
this.hform.单位 = data.单位
|
// this.HQty= 0,
|
// this.hform.HPieceQty= data.生产数量
|
this.hform.HNotReportQty = data['未报工数量']
|
this.hform.HPlanQty = data.生产数量
|
this.hform.lngBillSubKey = data.hsubid
|
this.hform.lngBillKey = data.hmainid
|
this.hform.HProcExchBillNo = data.单据号
|
this.hform.HICMOQty = data.任务单数量
|
this.hform.HOrderProcNO = data.订单跟踪号
|
this.hform.HStationInTime = getDateTime.dateTimeStr('y-m-d h:i:s')
|
// this.hform.HProcName = data['工序']
|
// this.hform.HProcID = data['HProcID']
|
// this.hform.HMoney= 0
|
// this.hform.HSupID= data.HSupID
|
// this.hform.HSupName= data.供应商
|
// this.hform.HSourceID= data.HSourceID
|
// this.hform.HSource= data.生产资源
|
// this.hform.HGroupID= data.HGroupID
|
// this.hform.HGroupName= data.班组
|
// this.hform.HDeptID = this.userInfo.HDeptID
|
// this.hform.HDept = this.userInfo.HDept
|
this.hform.HProcExchHinteID = data.hmainid
|
this.hform.HPRDOrg = data.组织名称
|
this.hform.HPRDOrgID = data.HPRDORGID
|
//设置序列
|
this.getHSEQList(e);
|
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
getHProcNoData(HBarCode, HProcNo) {
|
uni.request({
|
url: this.serverUrl + '/Cj_StationEntrustInBill/txtHProcNo_KeyDown',
|
data: {
|
sBillNo: HBarCode,
|
sProcNo: HProcNo
|
},
|
success: (res) => {
|
console.log(3, res);
|
if (res.data.code == 1) {
|
var data = res.data.data[0]
|
this.hform.lngBillSubKey = data.hsubid
|
this.hform.HProcName = data.工序
|
this.hform.HProcID = data.HProcID
|
this.hform.HCenterName = data.工作中心
|
this.hform.HCenterID = data.HCenterID
|
this.hform.HNotReportQty = data['未报工数量']
|
this.hform.HProcNumber = data['工序代码']
|
if (!this.hform.HSupName) {
|
this.hform.HSupName = data.供应商
|
this.hform.HSupID = data.HSupID
|
}
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
getHProcNoData2(HBarCode, HProcNo,HSEQNumber) {
|
uni.request({
|
url: this.serverUrl + '/Cj_StationEntrustInBill/txtHProcNo_KeyDown_Sec',
|
data: {
|
sBillNo: HBarCode,
|
sProcNo: HProcNo,
|
HSEQNumber:HSEQNumber
|
},
|
success: (res) => {
|
console.log(3, res);
|
if (res.data.code == 1) {
|
var data = res.data.data[0]
|
this.hform.lngBillSubKey = data.hsubid
|
this.hform.HProcName = data.工序
|
this.hform.HProcID = data.HProcID
|
this.hform.HCenterName = data.工作中心
|
this.hform.HCenterID = data.HCenterID
|
this.hform.HNotReportQty = data['未报工数量']
|
this.hform.HProcNumber = data['工序代码']
|
this.hform.HSEQName = data.序列名称
|
if (!this.hform.HSupName) {
|
this.hform.HSupName = data.供应商
|
this.hform.HSupID = data.HSupID
|
}
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
//新增
|
getNewData() {
|
uni.request({
|
url: this.serverUrl + '/Web/GetMAXNum',
|
data: {
|
HBillType: '3793'
|
},
|
success: (res) => {
|
console.log(res.data)
|
if (res.data.count == 1) {
|
this.hform.HInterID = res.data.data[0].HInterID
|
this.hform.HBillNo = res.data.data[0].HBillNo
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
addNew() {
|
uni.redirectTo({
|
url: '/pages/weiwaigxIn/Cj_StationEntrustInBill?OperationType=1'
|
})
|
},
|
submit() {
|
//去除分号以免后端分解报错
|
this.hform.HMaterName = this.hform.HMaterName.replace(/;/g, '');
|
this.hform.HMaterModel = this.hform.HMaterModel.replace(/;/g, '');
|
if (!this.hform.HBarCode) {
|
uni.showToast({
|
title: '请扫描设备条形码',
|
icon: 'none'
|
})
|
} else if (!this.hform.HProcNo) {
|
uni.showToast({
|
title: '请输入/扫描流水号',
|
icon: 'none'
|
})
|
} else if (!this.hform.HSupName) {
|
uni.showToast({
|
title: '请选择供应商',
|
icon: 'none'
|
})
|
}
|
// else if (!this.hform.HDeptID) {
|
// uni.showToast({
|
// title: '请选择部门',
|
// icon: 'none'
|
// })
|
// }
|
else if (!this.hform.HEmpName) {
|
uni.showToast({
|
title: '请选择操作员',
|
icon: 'none'
|
})
|
} else {
|
uni.showLoading({
|
title: '请稍候'
|
})
|
var sMainStr = JSON.stringify(this.hform);
|
var sMainSub = sMainStr + ";" + uni.getStorageSync('HUserName');
|
console.log(sMainSub);
|
uni.request({
|
url: this.serverUrl + '/Cj_StationEntrustOutBill/AddBill',
|
method: 'POST',
|
dataType: "json",
|
data: {
|
oMain: sMainSub
|
},
|
success: (res) => {
|
console.log(1, res);
|
uni.hideLoading()
|
if (res.data.count == 1) {
|
// let pages = getCurrentPages();
|
// let prePage = pages[pages.length - 2];
|
// prePage.$vm.getList()
|
if (this.isEdit) {
|
uni.showToast({
|
title: '修改成功',
|
icon: 'none'
|
})
|
setTimeout(() => {
|
uni.redirectTo({
|
url: '/pages/weiwaigxIn/Cj_StationEntrustInBillList'
|
})
|
}, 1000)
|
} else {
|
uni.showModal({
|
title: '提示',
|
content: res.data.Message + '。是否继续新增？(点击取消返回上级页面)',
|
success: (res) => {
|
if (res.confirm) {
|
console.log('用户点击确定');
|
uni.redirectTo({
|
url: '/pages/weiwaigxIn/Cj_StationEntrustInBill?OperationType=1'
|
})
|
} else if (res.cancel) {
|
console.log('用户点击取消');
|
setTimeout(() => {
|
uni.navigateBack();
|
}, 50)
|
}
|
}
|
});
|
}
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
}
|
},
|
//审核
|
check() {
|
uni.request({
|
url: this.serverUrl + '/Cj_StationEntrustOutBill/set_CheckBill',
|
method: 'GET',
|
dataType: "json",
|
data: {
|
CurUserName: uni.getStorageSync('HUserName'),
|
HInterID: this.linterid,
|
},
|
success: (res) => {
|
console.log(1, res);
|
uni.hideLoading()
|
if (res.data.count == 1) {
|
this.btnType = 3
|
let pages = getCurrentPages();
|
let prePage = pages[pages.length - 2];
|
prePage.$vm.getList()
|
uni.showModal({
|
title: '操作成功',
|
content: '是否继续停留在当前页面？‘是’可进行反审核，‘否’则回到上一级列表',
|
confirmText: '是',
|
cancelText: '否',
|
success: (res) => {
|
if (res.confirm) {
|
console.log('用户点击是');
|
this.btnType = 3
|
} else if (res.cancel) {
|
console.log('用户点击否');
|
uni.navigateBack()
|
}
|
}
|
});
|
}
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
//反审核
|
abandonCheck() {
|
uni.request({
|
url: this.serverUrl + '/Cj_StationEntrustOutBill/set_AbandonCheck',
|
method: 'GET',
|
dataType: "json",
|
data: {
|
CurUserName: uni.getStorageSync('HUserName'),
|
HInterID: this.linterid,
|
},
|
success: (res) => {
|
console.log(1, res);
|
uni.hideLoading()
|
if (res.data.count == 1) {
|
let pages = getCurrentPages();
|
let prePage = pages[pages.length - 2];
|
prePage.$vm.getList()
|
this.btnType = 2
|
uni.showModal({
|
title: '操作成功',
|
content: '是否继续停留在当前页面？‘是’可进行审核，‘否’则回到上一级列表',
|
confirmText: '是',
|
cancelText: '否',
|
success: (res) => {
|
if (res.confirm) {
|
console.log('用户点击是');
|
this.btnType = 2
|
} else if (res.cancel) {
|
console.log('用户点击否');
|
uni.navigateBack()
|
}
|
}
|
});
|
}
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
showBillList() {
|
this.$refs.billList.showPopup()
|
},
|
goBack() {
|
uni.showModal({
|
title: '提示',
|
content: '确认要退出当前页面吗？',
|
success: (res) => {
|
if (res.confirm) {
|
console.log('用户点击确定');
|
uni.navigateBack()
|
} else if (res.cancel) {
|
console.log('用户点击取消');
|
}
|
}
|
});
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.form {
|
width: 668rpx;
|
margin: 20rpx auto;
|
padding-bottom: 240rpx;
|
}
|
|
.tab_area {
|
width: 100%;
|
height: 50rpx;
|
}
|
|
.other {
|
margin-top: 8rpx;
|
text-align: center;
|
font-size: 28rpx;
|
padding: 4rpx 18rpx;
|
color: #1890FF;
|
}
|
|
.form-item {
|
display: flex;
|
align-items: center;
|
font-size: 30rpx;
|
padding: 6rpx 0;
|
gap: 10rpx;
|
position: relative;
|
|
.title {
|
width: 188rpx;
|
|
text {
|
color: red;
|
font-weight: bold;
|
}
|
}
|
|
.right {
|
flex: 1;
|
border-radius: 22rpx;
|
border: 1px solid #acacac;
|
}
|
|
.righton {
|
flex: 1;
|
border-radius: 22rpx;
|
border: 1px solid #e4e4e4;
|
background-color: #e4e4e4;
|
}
|
|
input {
|
width: 100%;
|
padding: 8rpx 20rpx;
|
font-size: 30rpx;
|
}
|
|
textarea {
|
width: 98%;
|
padding: 8rpx 20rpx;
|
font-size: 30rpx;
|
}
|
|
.icon-wrapper {
|
background-color: #3A78FF;
|
width: 52rpx;
|
height: 52rpx;
|
border-radius: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
.uni-icons {
|
color: #fff !important;
|
}
|
}
|
|
.icon-wrapper[disabled] {
|
background-color: rgba(228, 228, 228, 1);
|
pointer-events: none;
|
touch-action: none;
|
}
|
|
}
|
|
.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;
|
// margin-left: 30rpx;
|
}
|
|
.btn-c {
|
background-color: #acacac;
|
color: #fff;
|
// position: absolute;
|
// right: 120rpx;
|
}
|
|
.btn-d {
|
background-color: #ff8901;
|
color: #fff;
|
// margin-left: 30rpx;
|
}
|
}
|
</style>
|
