<template>
|
<view>
|
<view class="form">
|
<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">
|
<view class="form-item">
|
<view class="title">模具条码</view>
|
<view class="right" :class="barcodeReadOnly?'readonly':''">
|
<input type="text" :disabled="barcodeReadOnly" :focus="barCodeFocus" v-model="hform.HBarCode"
|
@confirm="getHBarCodeData(hform.HBarCode)" />
|
</view>
|
<uni-icons type="scan"
|
style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;flex-shrink: 0;"
|
size="20" @click="toScanCode"></uni-icons>
|
</view>
|
<view class="form-item" @click="searchModule">
|
<view class="title">模具</view>
|
<view class="righton" style="width: 350rpx;">
|
<input placeholder="请选择模具" />
|
</view>
|
<uni-icons type="search"
|
style="margin-left: 10rpx;background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;"
|
size="20"></uni-icons>
|
</view>
|
<view class="form-item">
|
<view class="title">故障发生日期</view>
|
|
<view class="right">
|
<uni-datetime-picker type="date">
|
<view style="font-size: 30rpx;">{{hform.HConkBeginDate}}</view>
|
</uni-datetime-picker>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title required">故障类别</view>
|
<view class="right">
|
<uni-combox :candidates="ConkTypeNameList" placeholder="请选择故障类别" v-model="hform.HConkTypeName"
|
@input="ConkTypeNameChange"></uni-combox>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title required">故障原因</view>
|
<view class="right">
|
<uni-combox :candidates="ConkReasonNameList" placeholder="请选择故障原因"
|
v-model="hform.HConkReasonName" @input="ConkReasonChange"></uni-combox>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">故障描述</view>
|
<view class="right">
|
<textarea value="" style="height: 6em;" maxlength="2000" placeholder="请输入故障描述..." />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">单据号</view>
|
<view class="right">
|
<input name="HInterID" v-model="hform.HBillNo" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">单据日期</view>
|
<view class="right">
|
<uni-datetime-picker type="date">
|
<view style="font-size: 30rpx;">{{hform.HDate}}</view>
|
</uni-datetime-picker>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title required">部门</view>
|
<view class="right">
|
<uni-combox :candidates="DeptNameList" placeholder="请选择部门" v-model="hform.HDeptName"
|
@input="DeptChange"></uni-combox>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title required">发现人</view>
|
<view class="right">
|
<uni-combox :candidates="EmpNameList" placeholder="请选择发现人" v-model="hform.HEmpName"
|
@input="EmpChange"></uni-combox>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title required">验收人</view>
|
<view class="right">
|
<uni-combox :candidates="EmpNameList" placeholder="请选择验收人" v-model="hform.HManagerName"
|
@input="ManagerChange"></uni-combox>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">模具名称</view>
|
<view class="righton">
|
<input disabled type="text" placeholder="请输入器具名称" v-model="hform.HBarName" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">模具规格</view>
|
<view class="righton">
|
<input disabled type="text" placeholder="请输入器具规格" v-model="hform.HBarSpec" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">模具型号</view>
|
<view class="righton">
|
<input disabled type="text" placeholder="请输入器具型号" v-model="hform.HBarModel" />
|
</view>
|
</view>
|
</view>
|
|
<view v-if="tabs == 1">
|
<view class="form-item">
|
<view class="title">创建人:</view>
|
<view class="righton">
|
<input type="text" v-model="hform.HMaker" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">创建日期:</view>
|
<view class="righton">
|
<input type="text" v-model="hform.HMakeDate" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">修改人:</view>
|
<view class="righton">
|
<input type="text" v-model="hform.HUpDater" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">修改日期:</view>
|
<view class="righton">
|
<input type="text" v-model="hform.HUpDateDate" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">审核人:</view>
|
<view class="righton">
|
<input type="text" v-model="hform.HChecker" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">审核日期:</view>
|
<view class="righton">
|
<input type="text" v-model="hform.HCheckDate" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">作废人:</view>
|
<view class="righton">
|
<input type="text" v-model="hform.HDeleteMan" disabled />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">作废日期:</view>
|
<view class="righton">
|
<input type="text" v-model="hform.HDeleteDate" disabled />
|
</view>
|
</view>
|
</view>
|
|
<view class="bottom-btn">
|
<button :class="EnableSave?'btn-a':'btn-c'" :disabled="!EnableSave" size="mini"
|
@tap="submit">提交</button>
|
<view style="flex: 1;"></view>
|
<button class="btn-a" size="mini" @tap="addNew">新增</button>
|
<button class="btn-c" size="mini" @tap="goBack">退出</button>
|
</view>
|
</view>
|
</view>
|
</template>
|
<script>
|
import getDateTime from '@/utils/getdateTime.js';
|
import {
|
getUserInfo
|
} from "@/utils/auth.js";
|
import {
|
CommonUtils
|
} from '../../../utils/common';
|
import dayjs from 'dayjs';
|
import {
|
MpaasScan
|
} from '../../../utils/mpaasScan';
|
export default {
|
data() {
|
return {
|
HSourceBillNoFocus: false,
|
|
userInfo: getUserInfo(),
|
serverUrl: uni.getStorageSync('serverUrl') || 'http://47.96.97.237/API',
|
HModName: 'Kf_POStockInBackBill_PDA',
|
ModRightName: 'CE_POStockInBack',
|
operationType: 1,
|
HInterID_Temp: '',
|
|
showHStockPlaceName: false,
|
showHMainSourceBillType: true,
|
showHSourceBillNo: true,
|
reHSourceBillNo: true,
|
showHSupName: true,
|
barCodeFocus: false,
|
barcodeReadOnly: false,
|
EnableSave: true, // 是否启用保存
|
|
|
tabs: 0,
|
|
HBarCode: '',
|
linterid: '',
|
HBillNo: '',
|
btnType: 0, //0新增，1修改，2审核，3反审核
|
showmore: false,
|
|
materMeta: [],
|
Materlist: [],
|
|
// 故障类别列表
|
ConkTypeNameList: [],
|
ConkTypeList: [],
|
// 故障原因列表
|
ConkReasonNameList: [],
|
ConkReasonList: [],
|
// 部门列表
|
DeptNameList: [],
|
DeptList: [],
|
// 职员列表(同时作为发现人和负责人的可选择对象)
|
EmpNameList: [],
|
EmpList: [],
|
// 提交数据
|
hform: {
|
"HBarCode": "",
|
"HConkBeginDate": dayjs(new Date()).format("YYYY-MM-DD"),
|
"HConkTypeName": "",
|
"HConkTypeID": "0",
|
"HConkReasonName": "",
|
"HConkReasonID": "0",
|
"HExplanation": "",
|
"HBillNo": "",
|
"HInterID": "0",
|
"HDate": dayjs(new Date()).format("YYYY-MM-DD"),
|
"HDeptName": getUserInfo()["HDeptName"],
|
"HDeptID": getUserInfo()["HDeptID"],
|
"HEmpName": getUserInfo().HEmpName,
|
"HEmpID": getUserInfo().HEmpID,
|
"HManagerName": getUserInfo().HSecManager,
|
"HManagerID": getUserInfo().HSecManagerID,
|
"HBarName": "",
|
"HMouldID": "0",
|
"HBarSpec": "",
|
"HBarModel": "",
|
"HMaker": getUserInfo()["Czymc"],
|
"HMakeDate": dayjs(new Date()).format("YYYY-MM-DD"),
|
"HUpDater": "",
|
"HUpDateDate": "",
|
"HChecker": "",
|
"HCheckDate": "",
|
"HDeleteMan": "",
|
"HDeleteDate": "",
|
"lngBillKey": "",
|
"lngBillSubKey": "",
|
"HBillType": 3815,
|
|
}
|
}
|
},
|
computed: {
|
|
|
},
|
async onLoad(e) {
|
console.log(e, this.userInfo)
|
this.operationType = e.operationType || 1
|
if (this.operationType == 1) {
|
if (e.HInterID) {
|
this.HInterID_Temp = e.HInterID
|
this.RoadBillMain(e.HInterID)
|
this.barCodeFocus = true
|
} else {
|
this.getNewData()
|
this.HSourceBillNoFocus = true
|
this.refreshBarCodeState()
|
}
|
|
} else if (this.operationType == 5) {
|
// 单据下推
|
let {
|
HSourceBillType,
|
HInterID,
|
HBillNo,
|
} = e
|
this.getMaxNum()
|
this.getSourceBillInfo(HSourceBillType, HInterID, HBillNo)
|
}
|
|
this.InitConkType()
|
this.InitConkReason()
|
this.InitDept()
|
this.InitEmp()
|
},
|
methods: {
|
searchModule() {
|
this.$refs['billListMould'].showPopup()
|
},
|
MouldBillHandler(mould) {
|
if (!mould.enableMultiSourceBill) {
|
let val = mould.val[0]
|
this.hform.HBarCode = val['条码编号']
|
this.getHBarCodeData(this.hform.HBarCode)
|
}
|
this.$refs['billListMould'].exit()
|
},
|
// 故障类别
|
async InitConkType() { // 初始化故障类别
|
try {
|
let res = await CommonUtils.doRequest2Async({
|
url: '/Gy_ConkType/List_PDA2',
|
data: {
|
sWhere: '',
|
user: getUserInfo()['Czymc'],
|
mode: 'Module'
|
}
|
})
|
let {
|
count,
|
code,
|
Message,
|
data
|
} = res.data
|
if (count == 1) {
|
this.ConkTypeList = data
|
this.ConkTypeNameList = Array.from(data).map(elem => elem['故障类别名称'])
|
} else {
|
CommonUtils.showTips({
|
title: '错误提示',
|
message: "初始化故障类型错误: " + Message,
|
})
|
}
|
} catch (err) {
|
CommonUtils.showTips({
|
title: '错误提示',
|
message: "初始化故障类型错误: " + err,
|
})
|
}
|
},
|
ConkTypeNameChange(elem) { // 故障类别改变 句柄
|
let index = this.ConkTypeNameList.findIndex(e => e == elem)
|
if (index == -1) {
|
this.hform.HConkTypeName = ''
|
this.hform.HConkTypeID = 0
|
return
|
}
|
|
this.hform.HConkTypeName = this.ConkTypeList[index]['故障类别名称']
|
this.hform.HConkTypeID = this.ConkTypeList[index]['hitemid']
|
|
},
|
|
// 故障原因
|
async InitConkReason() { // 初始化故障原因
|
try {
|
let res = await CommonUtils.doRequest2Async({
|
url: '/PublicPageMethod/Gy_ConkReasonList_PDA',
|
data: {
|
sWhere: '',
|
}
|
})
|
let {
|
count,
|
code,
|
Message,
|
data
|
} = res.data
|
if (count == 1) {
|
this.ConkReasonList = data
|
this.ConkReasonNameList = Array.from(data).map(elem => elem['HName'])
|
} else {
|
CommonUtils.showTips({
|
title: '错误提示',
|
message: "初始化故障原因错误: " + Message,
|
})
|
}
|
} catch (err) {
|
CommonUtils.showTips({
|
title: '错误提示',
|
message: "初始化故障原因错误: " + err,
|
})
|
}
|
},
|
ConkReasonChange(elem) { // 故障原因改变 句柄
|
let index = this.ConkReasonNameList.findIndex(e => e == elem)
|
|
if (index == -1) {
|
this.hform.HConkReasonName = ''
|
this.hform.HConkReasonID = 0
|
return
|
}
|
|
this.hform.HConkReasonName = this.ConkReasonList[index]['HName']
|
this.hform.HConkReasonID = this.ConkReasonList[index]['HItemID']
|
},
|
|
// 部门
|
async InitDept() { // 初始化部门
|
try {
|
let res = await CommonUtils.doRequest2Async({
|
url: '/PublicPageMethod/DeptList',
|
data: {
|
sWhere: 'where 1=1',
|
}
|
})
|
let {
|
count,
|
code,
|
Message,
|
data
|
} = res.data
|
if (count == 1) {
|
this.DeptList = data
|
this.DeptNameList = Array.from(data).map(elem => elem['HName'])
|
} else {
|
CommonUtils.showTips({
|
title: '错误提示',
|
message: "初始化部门错误: " + Message,
|
})
|
}
|
} catch (err) {
|
CommonUtils.showTips({
|
title: '错误提示',
|
message: "初始化部门错误: " + err,
|
})
|
}
|
},
|
DeptChange(elem) { // 部门改变 句柄
|
let index = this.DeptNameList.findIndex(e => e == elem)
|
|
if (index == -1) {
|
this.hform.HDeptName = ''
|
this.hform.HDeptID = 0
|
return
|
}
|
|
this.hform.HDeptName = this.DeptList[index]['HName']
|
this.hform.HDeptID = this.DeptList[index]['HItemID']
|
},
|
|
// 职员
|
async InitEmp() { // 初始化职员
|
try {
|
let res = await CommonUtils.doRequest2Async({
|
url: '/Web/GetEmployeeList_Json',
|
data: {
|
Employee: '',
|
HGroupID: 0,
|
HDeptID: uni.getStorageSync("HDeptID")
|
}
|
})
|
let {
|
count,
|
code,
|
Message,
|
data
|
} = res.data
|
if (count == 1) {
|
this.EmpList = data
|
this.EmpNameList = Array.from(data).map(elem => elem['HName'])
|
} else {
|
CommonUtils.showTips({
|
title: '错误提示',
|
message: "初始化职员错误: " + Message,
|
})
|
}
|
} catch (err) {
|
CommonUtils.showTips({
|
title: '错误提示',
|
message: "初始化职员错误: " + err,
|
})
|
}
|
},
|
EmpChange(elem) { // 发现人更改
|
let index = this.EmpNameList.findIndex(e => e == elem)
|
|
if (index == -1) {
|
this.hform.HEmpName = ''
|
this.hform.HEmpID = 0
|
return
|
}
|
|
this.hform.HEmpName = this.EmpList[index]['HName']
|
this.hform.HEmpID = this.EmpList[index]['HItemID']
|
},
|
ManagerChange(elem) { // 负责人更改
|
let index = this.EmpNameList.findIndex(e => e == elem)
|
|
if (index == -1) {
|
this.hform.HManagerName = ''
|
this.hform.HManagerID = 0
|
return
|
}
|
|
this.hform.HManagerName = this.EmpList[index]['HName']
|
this.hform.HManagerID = this.EmpList[index]['HItemID']
|
},
|
|
async qrCodeDisplay() {
|
try {
|
this.$refs.barcodePopup.setCodeInfo(this.hform.HBillNo)
|
await this.$nextTick()
|
this.$refs.barcodePopup.open()
|
} catch (err) {
|
uni.showToast({
|
icon: 'none',
|
title: err
|
})
|
}
|
},
|
async refreshBarCodeState() {
|
this.barCodeFocus = false
|
await this.$nextTick(() => {
|
this.hform.HBarCode = ""
|
this.barCodeFocus = true
|
})
|
},
|
playSound(e) {
|
const innerAudioContext = uni.createInnerAudioContext();
|
if (e == 1) {
|
innerAudioContext.src = '/static/success.wav';
|
} else {
|
innerAudioContext.src = '/static/jingbao.wav';
|
}
|
innerAudioContext.play(); // 播放音频
|
},
|
//扫码
|
toScanCode() {
|
var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")
|
mpaasScanModule.mpaasScan({
|
'hideAlbum': true,
|
'timeoutInterval': '10', //超时时间
|
'timeoutText': '未识别到二维码' //超时提醒
|
}, (ret) => {
|
console.log(ret.resp_result)
|
if (this.hform.HBarCode == '*') {
|
this.hform.HBarCode = this.hform.HBarCode + ret.resp_result
|
} else {
|
this.hform.HBarCode = ret.resp_result
|
}
|
|
this.getHBarCodeData(this.hform.HBarCode)
|
})
|
},
|
//日期
|
HDateChange(e) {
|
console.log(e.detail.value)
|
this.hform.HDate = e.detail.value
|
},
|
|
// 扫描条码
|
async getHBarCodeData(HBarCode) {
|
if (!HBarCode) {
|
CommonUtils.showTips({
|
message: '条形码不能为空'
|
})
|
return
|
}
|
try {
|
let res = await CommonUtils.doRequest2Async({
|
url: '/QJ_PDA_MouldDotCheckBill/txtHBarCode_KeyDown',
|
data: {
|
"HBarCode": HBarCode
|
}
|
})
|
|
let {
|
count,
|
data,
|
Message
|
} = res.data
|
if (count == 1) {
|
this.hform.HMouldID = data[0].HInterID
|
this.hform.HBarName = data[0].HName
|
this.hform.HBarSpec = data[0].HModels
|
this.hform.HBarModel = data[0].HModel2
|
this.barcodeReadOnly = true
|
} else {
|
this.refreshBarCodeState()
|
return CommonUtils.showTips({
|
title: '温馨提示',
|
message: Message
|
})
|
}
|
} catch (err) {
|
this.refreshBarCodeState()
|
return CommonUtils.showTips({
|
title: '温馨提示',
|
message: "接口请求失败" + err
|
})
|
}
|
|
},
|
|
// 新增回调
|
addNew() {
|
uni.redirectTo({
|
url: '/pages/MJGL/Sc_MouldRepairSendWork/Sc_MouldRepairSendWorkBill?operationType=1'
|
})
|
},
|
//新增
|
getNewData() {
|
uni.request({
|
url: this.serverUrl + '/Web/GetMAXNum',
|
data: {
|
HBillType: this.hform.HBillType
|
},
|
success: (res) => {
|
// console.log(res.data)
|
if (res.data.count == 1) {
|
this.hform.HInterID = 0
|
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'
|
})
|
},
|
});
|
},
|
checkBillValidate() {
|
let message = ''
|
|
if (!this.hform.HConkTypeName) {
|
message = '未填写故障类别'
|
} else if (!this.hform.HConkReasonName) {
|
message = '未填写故障原因'
|
} else if (!this.hform.HDeptName) {
|
message = '未填写部门'
|
} else if (!this.hform.HEmpName) {
|
message = '未填写发现人'
|
} else if (!this.hform.HManagerName) {
|
message = '未填写验收人'
|
}
|
if (!message) {
|
return true
|
}
|
|
CommonUtils.showTips({
|
message: message
|
})
|
return false
|
},
|
async submit() {
|
if (!this.checkBillValidate()) {
|
return
|
}
|
let oMain = JSON.stringify(this.hform)
|
let sSubStr = JSON.stringify([{
|
"HConkReasonID": this.hform.HConkReasonID,
|
"HConkReasonCode": "",
|
"HConkReasonName": this.hform.HConkReasonName,
|
"HConkExplanation": this.hform.HExplanation,
|
"HManagerID": this.hform.HManagerID,
|
"HManagerCode": "",
|
"HManagerName": this.hform.HManagerName,
|
"HRemark": " "
|
}])
|
let sMainSub = `${oMain};${sSubStr};${getUserInfo()["Czymc"]};1`
|
try {
|
this.EnableSave = false
|
let res = await CommonUtils.doRequest2Sync({
|
url: '/Sc_MouldConkBookBill/SaveGetMouldConkBookBillList',
|
data: {
|
msg: sMainSub
|
},
|
method: 'POST'
|
})
|
|
if (!res) {
|
return
|
}
|
|
let {
|
count,
|
Message
|
} = res.data
|
if (count == 1) {
|
uni.showModal({
|
title: '提示',
|
content: res.data.Message + '。是否继续新增？',
|
success: (res) => {
|
if (res.confirm) {
|
console.log('用户点击确定');
|
uni.redirectTo({
|
url: '/pages/MJGL/Sc_MouldConkBookBill/Sc_MouldConkBookBill?operationType=1'
|
})
|
} else if (res.cancel) {
|
console.log('用户点击取消');
|
setTimeout(() => {
|
uni.navigateBack();
|
}, 50)
|
}
|
}
|
});
|
} else {
|
CommonUtils.showTips({
|
title: '温馨提示',
|
message: Message
|
})
|
this.EnableSave = true
|
}
|
} catch (err) {
|
CommonUtils.showTips({
|
title: '温馨提示',
|
message: err
|
})
|
this.EnableSave = true
|
}
|
},
|
|
goBack() {
|
uni.showModal({
|
title: '提示',
|
content: '确认要退出当前页面吗？',
|
success: (res) => {
|
if (res.confirm) {
|
console.log('用户点击确定');
|
uni.navigateBack()
|
} else if (res.cancel) {
|
console.log('用户点击取消');
|
}
|
}
|
});
|
},
|
async getSourceBillInfo(HSourceBillType, HInterID, HBillNo) {
|
// 下推单据类型为设备故障登记单
|
if (HSourceBillType == 3815) {
|
let res = await CommonUtils.doRequest2Async({
|
url: "/Sc_MouldConkBookBill/Sb_MouldConkBookBillListCheckDetai",
|
data: {
|
HID: HInterID
|
}
|
})
|
|
let {
|
data,
|
code,
|
count,
|
Message
|
} = res.data
|
console.log('data: ', data);
|
if (code == 1) {
|
console.log('data: ', data.h_v_Sc_MouldConkBookBillList_Edit);
|
let data1 = data.h_v_Sc_MouldConkBookBillList_Edit[0]
|
this.hform.HMainSourceBillType = HSourceBillType
|
this.HMainSourceBillType = '器具故障登记单'
|
this.hform.HMainSourceBillNo = data1.单据号
|
this.hform.HMainSourceInterID = data1.hmainid
|
this.hform.HMainSourceEntryID = data1.hsubid
|
this.hform.HMouldID = data1.HMouldID
|
this.hform.HManagerName = data1.负责人
|
this.hform.HManagerID = data1.HManagerID
|
this.hform.HMouldName = data1.产品模具
|
this.hform.HMouldModel = data1.产品模具型号
|
this.hform.HMouldSpec = data1.产品模具规格
|
|
|
} else {
|
CommonUtils.showTips({
|
title: '温馨提示',
|
message: `获取源单失败: ${Message}`
|
})
|
}
|
|
|
}
|
},
|
|
|
}
|
}
|
</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;
|
}
|
|
.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;
|
}
|
}
|
|
.form-item {
|
display: flex;
|
align-items: center;
|
font-size: inherit;
|
padding: 6rpx 0;
|
gap: 12rpx;
|
|
.title {
|
width: 200rpx;
|
font-size: 30rpx;
|
|
text {
|
color: red;
|
font-weight: bold;
|
}
|
}
|
|
.right {
|
flex: 1;
|
border-radius: 22rpx;
|
border: 1px solid #acacac;
|
position: relative;
|
padding: 8rpx 16rpx;
|
display: flex;
|
font-size: 30rpx;
|
|
picker {
|
width: 100%;
|
}
|
|
.uni-combox {
|
width: 100%;
|
padding: 0;
|
|
::v-deep .uni-combox__input {
|
font-size: 30rpx;
|
height: auto;
|
}
|
}
|
}
|
|
.righton {
|
flex: 1;
|
border-radius: 22rpx;
|
border: 1px solid #e4e4e4;
|
background-color: #e4e4e4;
|
padding: 8rpx 16rpx;
|
font-size: 30rpx;
|
}
|
|
input {
|
width: 100%;
|
font-size: 30rpx;
|
}
|
|
textarea {
|
width: 98%;
|
font-size: 30rpx;
|
}
|
|
}
|
|
.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;
|
}
|
}
|
|
.list {
|
width: 100%;
|
|
.card-detail {
|
width: 100%;
|
display: flex;
|
flex-wrap: wrap;
|
justify-content: space-between;
|
line-height: 120%;
|
|
.detail {
|
// width: 50%;
|
font-size: 26rpx;
|
margin-bottom: 12rpx;
|
color: #555;
|
margin-right: 20rpx;
|
|
text {
|
color: #999;
|
font-size: 26rpx;
|
}
|
}
|
}
|
|
.more {
|
color: #888;
|
font-size: 24rpx;
|
display: flex;
|
border-top: 1px solid #eee;
|
padding-top: 20rpx;
|
|
.part {
|
width: 50%;
|
text-align: center;
|
}
|
}
|
}
|
|
.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;
|
}
|
}
|
|
.required {
|
position: relative;
|
|
}
|
|
.required::after {
|
content: "*";
|
position: relative;
|
color: red;
|
left: 0;
|
top: 0;
|
font-size: inherit;
|
}
|
|
.icon-wrapper[disabled] {
|
background-color: rgba(228, 228, 228, 1);
|
pointer-events: none;
|
touch-action: none;
|
}
|
|
.readonly {
|
background-color: #efefef4d;
|
}
|
</style>
|
