You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

211 lines
3.8 KiB

<template>
<!-- 设备 -->
<view class="add-form-container">
<Form :form='form' :data='data' ref="form1"></Form>
<view class="footer">
<view class="btns">
<button class="reset" @click="reset">重置</button>
<button class="sure" @click="submit">确定</button>
</view>
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view>
</view>
</view>
</template>
<script>
import Form from '@/components/form/index.vue'
export default {
components: {
Form
},
data() {
return {
form: {
disabled: false,
visible: true,
loading: false,
labelWidth: '180rpx',
border: true,
errorType: ['toast'],
formData: [{
type: 'text',
field: 'code',
label: '报修主题',
disabled: false,
required: true,
value: ''
}, {
type: 'text',
field: 'name',
label: '设备名称',
disabled: false,
required: true,
value: '',
isRightButton: '扫描'
}, {
type: 'text',
field: 'location',
label: '存放位置',
}, {
type: 'singleColumn',
field: 'type',
label: '紧急程度',
required: true,
list: [{
label: '程度1',
value: 1
}, {
label: '程度2',
value: 2
}, {
label: '程度3',
value: 3
}]
}, {
type: 'text',
field: 'location',
label: '故障描述',
}],
},
data: {
name: '',
sex: 2,
hobby: [1, 2],
open: true,
duoxuan: 3,
time: '2023-12-12 08:00:00'
}
}
},
methods: {
// 触发提交表单
submit() {
// 校验
for (let i = 0; i < this.form.formData.length; i++) {
if (this.form.formData[i].required === true) {
if (!this.data[this.form.formData[i].field]) {
let placeholder = '请输入'
if (this.form.formData[i].type == 'text' || this.form.formData[i].type == 'textarea') {
placeholder = '请输入'
} else {
placeholder = '请选择'
}
this.$modal.showToast(placeholder + this.form.formData[i].label)
return;
}
}
}
console.log('表单数据信息1:', this.data);
},
// 重置
reset() {
console.log('表单数据信息1:', this.data);
this.data = {}
},
},
onLoad(option) {
this.type = option.type
if(option.type == 1){
uni.setNavigationBarTitle({
title:'添加报修'
})
}else if(option.type == 2){
uni.setNavigationBarTitle({
title:'添加维修工单'
})
}else if(option.type == 3){
uni.setNavigationBarTitle({
title:'添加检修工单'
})
}else if(option.type == 4){
uni.setNavigationBarTitle({
title:'添加点检工单'
})
}else if(option.type == 5){
uni.setNavigationBarTitle({
title:'添加保养工单'
})
}
}
}
</script>
<style lang="scss" scoped>
.add-form-container {
min-height: calc(100vh - 140rpx);
background: white;
padding: 0px 30rpx 140rpx;
}
.list {
padding-bottom: 20rpx;
.item {
margin-top: 20rpx;
background: white;
padding: 30rpx;
display: flex;
align-items: center;
image {
width: 160rpx;
height: 160rpx;
margin-right: 20rpx;
}
.title {
font-size: 32rpx;
font-weight: bold;
}
.dec1 {
font-size: 28rpx;
margin-top: 16rpx;
color: #acacac;
}
.dec2 {
font-size: 28rpx;
margin-top: 6rpx;
color: #acacac;
}
}
}
.footer {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
}
.btns {
display: flex;
button {
flex: 1;
}
.sure {
background: #409eff;
color: white;
border-radius: 0px;
&::after {
border: 1px solid #409eff;
border-radius: 0px;
}
}
.reset {
background: #F5F5F5;
border-radius: 0px;
&::after {
border-radius: 0px;
}
}
}
</style>