20 changed files with 136 additions and 1802 deletions
@ -1,103 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<view class="list"> |
|||
<view class="item" v-for="(item,index) in data.list" :key="index" @click="itemClick(item,index)"> |
|||
<view class="title"> |
|||
<view class="title-txt"> |
|||
{{item.title}} |
|||
</view> |
|||
<view class="time" v-if="data.isShowTime"> |
|||
2023-12-12 08:00:00 |
|||
</view> |
|||
</view> |
|||
<view class="dec" v-for="(cur,key) in labelList" :key="key"> |
|||
{{cur.label}}:<span>{{item[cur.field]}}</span> |
|||
</view> |
|||
<view class="bottom" v-if="data.isShowStatus"> |
|||
<view class="time"> |
|||
{{item.time}} |
|||
</view> |
|||
<view class="status"> |
|||
<u-tag text="待领取" v-if="item.status==1" bg-color='rgba(255,255,255,0)' color='#fe8463' border-color='#fe8463' type="primary" shape='circle'/> |
|||
<u-tag text="撤单" v-else-if="item.status==2" bg-color='rgba(255,255,255,0)' color='#d7d7d7' border-color='#d7d7d7 ' type="warning" shape='circle'/> |
|||
<u-tag text="待执行" v-else-if="item.status==3" bg-color='rgba(255,255,255,0)' color='#e01f54' border-color='#e01f54' type="success" shape='circle'/> |
|||
<u-tag text="维修中" v-else-if="item.status==4" bg-color='rgba(255,255,255,0)' color='#005eaa' border-color='#005eaa ' type="error" shape='circle'/> |
|||
<u-tag text="待验证" v-else-if="item.status==5" bg-color='rgba(255,255,255,0)' color='#2EC7C9' border-color='#2EC7C9' type="info" shape='circle'/> |
|||
<u-tag text="已完成" v-else-if="item.status==6" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
labelList:{ |
|||
type: Array, |
|||
default:()=>{return []}, |
|||
}, |
|||
data:{ |
|||
type: Object, |
|||
default:()=>{return {}}, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
itemClick(item,index){ |
|||
this.$emit('itemClick',item,index) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
.list{ |
|||
background: #f5f5f5; |
|||
margin-top: 20rpx; |
|||
.item{ |
|||
padding: 30rpx 30rpx 0px 30rpx; |
|||
margin-top: 20rpx; |
|||
background: white; |
|||
.title{ |
|||
display: flex; |
|||
align-items: center; |
|||
padding-bottom: 20rpx; |
|||
.title-txt{ |
|||
color: #409eff; |
|||
font-weight: bold; |
|||
font-size: 36rpx; |
|||
width: 0px; |
|||
flex: 1; |
|||
} |
|||
.time{ |
|||
color: #919191; |
|||
|
|||
} |
|||
} |
|||
.dec{ |
|||
padding-bottom: 20rpx; |
|||
span{ |
|||
color: #999999; |
|||
} |
|||
} |
|||
.last{ |
|||
padding-bottom: 30rpx; |
|||
} |
|||
.bottom{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-top: 1px solid #E4E4E4; |
|||
padding: 20rpx 0px; |
|||
|
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,400 +0,0 @@ |
|||
<template> |
|||
<!-- 添加维修工单 --> |
|||
<view class="add-form-container"> |
|||
<u-form :model="form" ref="form1" label-width="160rpx"> |
|||
<u-form-item label="类型" prop="receiverType" required> |
|||
<view class="select" @click="openSingleColumn('receiverType',form.receiverType,appDeviceMoldType)"> |
|||
<view class="input" v-if='form.receiverType'> |
|||
{{selectFormat(form.receiverType,appDeviceMoldType)}} |
|||
</view> |
|||
<view class="placeholder" v-else> |
|||
{{`请选择类型`}} |
|||
</view> |
|||
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon> |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item :label="`${type=='DEVICE'?'设备' : '模具'}名称`" prop="deviceNumber" required> |
|||
<view class="select" @click="openSingleColumn('deviceNumber',form.deviceNumber,deviceList)"> |
|||
<view class="input" v-if='form.deviceNumber'> |
|||
{{selectFormat(form.deviceNumber,deviceList)}} |
|||
</view> |
|||
<view class="placeholder" v-else> |
|||
{{`请选择${type=='DEVICE'?'设备' : '模具'}名称`}} |
|||
</view> |
|||
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon> |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item label="维修人员" prop="describes" required> |
|||
<view class="select" @click="openSelecUser('receiverUserId')"> |
|||
<view class="input" v-if='form.receiverUserId'> |
|||
{{selectFormatRadin(form.receiverUserId,selecUserList)}} |
|||
</view> |
|||
<view class="placeholder" v-else> |
|||
请选择维修人员 |
|||
</view> |
|||
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon> |
|||
</view> |
|||
</u-form-item> |
|||
</u-form> |
|||
<view class="footer"> |
|||
<view class="btns"> |
|||
<button class="reset" @click="reset">重置</button> |
|||
<button class="sure" @click="submit" :loading='loading' :disabled='loading'>确定</button> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
<!-- 选择维修人员 --> |
|||
<u-popup v-model="isShowSelecUser" mode="center" border-radius="14"> |
|||
<view class="popup-title">选择维修人员</view> |
|||
<view class="popup"> |
|||
<u-radio-group v-model="form.receiverUserId" |
|||
@change="radioGroupChange('receiverUserId',form.receiverUserId,selecUserList)"> |
|||
<u-radio v-for="(item, index) in selecUserList" :key="index" :name="item.id"> |
|||
{{item.name}} |
|||
</u-radio> |
|||
</u-radio-group> |
|||
</view> |
|||
<view class="popup-footer"> |
|||
<view @click="isShowSelecUser = false">取消</view> |
|||
<view class="sure" @click="chooseUser">确认</view> |
|||
</view> |
|||
</u-popup> |
|||
<u-select v-model="singleColumnShow" mode="single-column" :default-value='singleColumnDefaultValue' |
|||
:list="singleColumnList" @confirm="chooseSingleColumn"></u-select> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import * as deviceApi from "@/api/device.js" |
|||
import * as moldApi from "@/api/mold.js" |
|||
import * as dictApi from "@/api/dict.js" |
|||
import * as repairOrderApi from "@/api/repairOrder.js" |
|||
import * as deptApi from "@/api/dept.js" |
|||
|
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
loading: false, |
|||
type: "", |
|||
appDeviceMoldType: [], //类型列表字典 |
|||
form: { |
|||
id: '', |
|||
receiverType: "", |
|||
deviceNumber: '', |
|||
deviceName: '', |
|||
receiverUserId: '', |
|||
}, |
|||
deviceList: [], //设备列表 |
|||
singleColumnShow: false, |
|||
singleColumnDefaultValue: [], |
|||
singleColumnList: [], |
|||
field: '', |
|||
// 维修人员 |
|||
selecUserList: [], //维修人员 |
|||
isShowSelecUser: false, |
|||
} |
|||
}, |
|||
methods: { |
|||
// 触发提交表单 |
|||
submit() { |
|||
// 校验 |
|||
if (!this.form.receiverType) { |
|||
this.$modal.showToast('请选择类型') |
|||
return; |
|||
} |
|||
if (!this.form.deviceNumber) { |
|||
this.$modal.showToast(`请选择${this.type=='DEVICE'?'设备' : '模具'}名称`) |
|||
return; |
|||
} |
|||
if (!this.form.receiverUserId) { |
|||
this.$modal.showToast('请选择维修人员') |
|||
return; |
|||
} |
|||
const data = { |
|||
id: this.form && this.form.id ? this.form.id : '', |
|||
receiverType: this.form.receiverType, |
|||
deviceNumber: this.form.deviceNumber, |
|||
receiverUserId: this.form.receiverUserId, |
|||
} |
|||
this.$modal.confirm('是否转办维修工单').then(() => { |
|||
this.$modal.loading('加载中') |
|||
this.loading = true |
|||
repairOrderApi.transfer(data).then((res) => { |
|||
this.$modal.closeLoading() |
|||
if (res.data) { |
|||
this.$modal.showToast('转办成功') |
|||
setTimeout(() => { |
|||
this.$tab.navigateBack(2) |
|||
this.loading = false |
|||
}, 1500) |
|||
} else { |
|||
this.$modal.showToast('转办失败') |
|||
this.loading = false |
|||
} |
|||
}).catch(() => { |
|||
this.$modal.closeLoading() |
|||
this.loading = false |
|||
}) |
|||
}) |
|||
|
|||
}, |
|||
// 重置 |
|||
reset() { |
|||
if (this.form.id) { |
|||
this.form.receiverType = ""; |
|||
this.form.deviceNumber = ''; |
|||
this.form.deviceName = ''; |
|||
this.form.receiverUserId = ''; |
|||
} else { |
|||
|
|||
this.form = {} |
|||
} |
|||
}, |
|||
// |
|||
selectFormat(val, array) { |
|||
let str = array.filter(item => item.value == val)[0].label |
|||
return str |
|||
}, |
|||
// 单列模式 |
|||
openSingleColumn(field, val, list) { |
|||
this.singleColumnList = list |
|||
this.field = field |
|||
if (val) { |
|||
this.singleColumnDefaultValue = [list.findIndex(item => item.value == val)] |
|||
} else { |
|||
this.singleColumnDefaultValue = [] |
|||
} |
|||
this.singleColumnShow = true |
|||
}, |
|||
// 单列模式点击确定之后 |
|||
chooseSingleColumn(e) { |
|||
console.log(e[0]) |
|||
this.form[this.field] = e[0].value |
|||
if (this.field == 'receiverType') { |
|||
this.type = this.form[this.field] |
|||
this.form.deviceName = '' |
|||
this.form.deviceNumber = '' |
|||
this.getDeviceList() |
|||
} else if (this.field == 'deviceNumber') { |
|||
this.choosesingleColumnItem = this.singleColumnList.filter(item => item.number == e[0].value) |
|||
this.form.factoryAreaName = this.choosesingleColumnItem[0].factoryAreaName |
|||
this.form.factoryAreaNumber = this.choosesingleColumnItem[0].factoryAreaNumber |
|||
this.getSelecUser() |
|||
} |
|||
this.singleColumnShow = false |
|||
this.$emit('singleColumn', this.field, this.form[this.field]) |
|||
this.$forceUpdate() |
|||
}, |
|||
// 获取设备/模具列表 |
|||
async getDeviceList() { |
|||
if (this.type == 'DEVICE') { |
|||
await deviceApi.deviceList().then(res => { |
|||
res.data.map(item => { |
|||
item.value = item.number |
|||
item.label = item.name |
|||
}) |
|||
this.deviceList = res.data |
|||
}) |
|||
} else if (this.type == 'MOLD') { |
|||
await moldApi.moldList().then(res => { |
|||
res.data.map(item => { |
|||
item.value = item.number |
|||
item.label = item.name |
|||
}) |
|||
this.deviceList = res.data |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
// 获取人员列表 |
|||
async getSelecUser() { |
|||
let data = { |
|||
classType: this.type, |
|||
factoryAreaNumber: this.form.factoryAreaNumber, |
|||
flag: 1 |
|||
} |
|||
let arr = [] |
|||
if (this.form.maintenances) { |
|||
arr = this.form.maintenances.split(',') |
|||
} |
|||
await deptApi.getSelecUser(data).then(res => { |
|||
res.data.forEach(item => { |
|||
item.checked = false |
|||
arr.forEach(cur => { |
|||
if (item.id == cur) { |
|||
item.checked = true |
|||
} |
|||
}) |
|||
}) |
|||
this.selecUserList = res.data |
|||
}) |
|||
}, |
|||
// 打开人员列表 |
|||
openSelecUser(field) { |
|||
this.field = field |
|||
this.isShowSelecUser = true |
|||
}, |
|||
radioGroupChange(field, e, list) { |
|||
this.chooseUserInfo = e |
|||
}, |
|||
// 多选选择框回显 |
|||
selectFormatRadin(val, array) { |
|||
let str = array.filter(item => item.id == val)[0].name |
|||
return str |
|||
}, |
|||
// 选择人员 |
|||
chooseUser() { |
|||
this.form[this.field] = this.chooseUserInfo |
|||
this.isShowSelecUser = false |
|||
}, |
|||
}, |
|||
async onLoad(option) { |
|||
if (option.type) this.type = option.type; |
|||
if (option.id) this.form.id = option.id; |
|||
this.appDeviceMoldType = await dictApi.getDict('app_device_mold_type') |
|||
this.appDeviceMoldType = this.appDeviceMoldType.filter(item => item.value != this.type) |
|||
} |
|||
} |
|||
</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; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.right-button { |
|||
background: #409eff; |
|||
color: white; |
|||
padding: 0rpx 30rpx; |
|||
border-radius: 16rpx; |
|||
text-align: center; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.select { |
|||
display: flex; |
|||
align-items: center; |
|||
height: 72rpx; |
|||
width: 100%; |
|||
|
|||
.input { |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
color: #000000; |
|||
} |
|||
|
|||
.placeholder { |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
color: rgb(192, 196, 204); |
|||
|
|||
} |
|||
} |
|||
|
|||
.popup-title { |
|||
text-align: center; |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
color: #409eff; |
|||
padding: 30rpx 30rpx 0px |
|||
} |
|||
|
|||
.popup { |
|||
width: 600rpx; |
|||
padding: 30rpx 60rpx 30rpx; |
|||
|
|||
} |
|||
|
|||
.popup-footer { |
|||
display: flex; |
|||
border-top: 1px solid #e4e4e4; |
|||
|
|||
view { |
|||
line-height: 100rpx; |
|||
flex: 1; |
|||
text-align: center; |
|||
|
|||
&.sure { |
|||
color: #409eff; |
|||
} |
|||
} |
|||
} |
|||
|
|||
::v-deep .u-radio-group { |
|||
display: grid !important; |
|||
} |
|||
</style> |
|||
@ -1,284 +0,0 @@ |
|||
<template> |
|||
<!-- 设备 --> |
|||
<view class="add-form-container"> |
|||
<Form :form='form' :data='data' ref="form1" @chickRightButton='chickRightButton' @blur='blur'></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' |
|||
import * as deviceApi from "@/api/device.js" |
|||
export default { |
|||
components: { |
|||
Form |
|||
}, |
|||
data() { |
|||
return { |
|||
type:'', |
|||
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, |
|||
deviceNumber:'', |
|||
deviceName: '', |
|||
factoryName: '', |
|||
time: '2023-12-12 08:00:00' |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 扫描设备条码 |
|||
chickRightButton(field) { |
|||
// 允许从相机和相册扫码 |
|||
if(field == 'deviceNumber'){ |
|||
uni.scanCode({ |
|||
success: function (res) { |
|||
this.data.deviceNumber = res.result |
|||
this.getDetailsByNumber() |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
blur(val,field){ |
|||
console.log(field) |
|||
this.data.deviceNumber = val |
|||
if(field == 'deviceNumber'){ |
|||
this.getDetailsByNumber() |
|||
} |
|||
}, |
|||
// 根据设备/模具号查询信息 |
|||
getDetailsByNumber(){ |
|||
const data = { |
|||
number :this.data.deviceNumber, |
|||
type:this.type, |
|||
id:'' |
|||
} |
|||
console.log(data) |
|||
deviceApi.getDetailsByNumber(data).then((res)=>{ |
|||
this.data.deviceName = res.data.name |
|||
this.data.factoryName = res.data.factoryName |
|||
this.$forceUpdate() |
|||
}) |
|||
}, |
|||
// 触发提交表单 |
|||
submit() { |
|||
// 校验 |
|||
if(this.type == 1){ |
|||
|
|||
} |
|||
// 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:'添加报修' |
|||
}) |
|||
this.type = 'DEVICE' |
|||
this.form= { |
|||
disabled: false, |
|||
visible: true, |
|||
loading: false, |
|||
labelWidth: '180rpx', |
|||
border: true, |
|||
errorType: ['toast'], |
|||
formData: [{ |
|||
type: 'text', |
|||
field: 'describes', |
|||
label: '故障描述', |
|||
disabled: false, |
|||
required: true, |
|||
value: '' |
|||
}, { |
|||
type: 'text', |
|||
field: 'deviceNumber', |
|||
label: '设备编码', |
|||
disabled: false, |
|||
required: true, |
|||
value: '', |
|||
isRightButton: '扫描' |
|||
}, { |
|||
type: 'text', |
|||
field: 'deviceName', |
|||
label: '设备名称', |
|||
required: true, |
|||
}, { |
|||
type: 'text', |
|||
field: 'factoryName', |
|||
label: '所属厂区', |
|||
required: true, |
|||
}], |
|||
} |
|||
}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> |
|||
@ -1,349 +0,0 @@ |
|||
<template> |
|||
<!-- 详情 --> |
|||
<view class="detail-container"> |
|||
<view class="info"> |
|||
<view class="title"> |
|||
<view>维修工单</view> |
|||
<view>转班</view> |
|||
</view> |
|||
<view class="dec"> |
|||
<view class="dec-item"> |
|||
<view>工单单号</view> |
|||
<view>WXDH2051351</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>工单主题</view> |
|||
<view>设备一维修2554</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>工单类型</view> |
|||
<view>报修工单</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>维修班组</view> |
|||
<view>维修班组一</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>工程师</view> |
|||
<view>橙子</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>维修工</view> |
|||
<view>香蕉</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="info" style="padding-bottom: 130rpx;"> |
|||
<view class="tab"> |
|||
<u-tabs :list="list" :is-scroll="false" bar-height="2" bar-width="250" v-model="current" |
|||
@change="change"></u-tabs> |
|||
</view> |
|||
|
|||
<view> |
|||
<view class="title"> |
|||
<view>{{changeItem.name}}</view> |
|||
</view> |
|||
<view class="dec" v-if="current == 0"> |
|||
<view class="dec-item"> |
|||
<view>设备编号</view> |
|||
<view>WXDH2051351</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>设备名称</view> |
|||
<view>设备一维修2554</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>规格型号</view> |
|||
<view>报修工单</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>设备类型</view> |
|||
<view>维修班组一</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>存放位置</view> |
|||
<view>橙子</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>使用部门</view> |
|||
<view>香蕉</view> |
|||
</view> |
|||
</view> |
|||
<view class="dec" v-if="current == 1"> |
|||
<view class="dec-item"> |
|||
<view>设备编号</view> |
|||
<view>WXDH2051351</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>设备名称</view> |
|||
<view>设备一维修2554</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>规格型号</view> |
|||
<view>报修工单</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>设备类型</view> |
|||
<view>维修班组一</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>存放位置</view> |
|||
<view>橙子</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>使用部门</view> |
|||
<view>香蕉</view> |
|||
</view> |
|||
</view> |
|||
<view class="dec" v-if="current == 2"> |
|||
<SparePartsCard :subForm='subForm' :data='data' @addSubForm='addSubForm' @delSubFormItem='delSubFormItem'> |
|||
</SparePartsCard> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="footer"> |
|||
<view class="btns"> |
|||
<u-button type="primary">保存/接单</u-button> |
|||
<u-button type="primary">完成</u-button> |
|||
<u-button type="primary">验证完结</u-button> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
<u-popup v-model="isPopupShow" mode="center" border-radius="14"> |
|||
<view class="popup-title">添加记录</view> |
|||
<view class="popup"> |
|||
<Form :form='subForm' :data='data' ref="form2"></Form> |
|||
</view> |
|||
<view class="popup-footer"> |
|||
<view @click="cancle">取消</view> |
|||
<view class="sure" @click="addSpare">确认</view> |
|||
</view> |
|||
</u-popup> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import Form from '@/components/form/index.vue' |
|||
import SparePartsCard from '@/components/sparePartsCard/index.vue' |
|||
export default { |
|||
components: { |
|||
Form, |
|||
SparePartsCard |
|||
}, |
|||
data() { |
|||
return { |
|||
list: [{ |
|||
name: '设备信息' |
|||
}, { |
|||
name: '报修信息' |
|||
}, { |
|||
name: '维修记录' |
|||
}], |
|||
current: 0, |
|||
changeItem: '', |
|||
data: { |
|||
name: '', |
|||
subList: [{ |
|||
name: '备件111111', |
|||
stork: '1', |
|||
number: '30', |
|||
}, { |
|||
name: '备件111111', |
|||
stork: '1', |
|||
number: '30', |
|||
}] |
|||
}, |
|||
isPopupShow:false, |
|||
subForm: { |
|||
formLabel: '', |
|||
formField: 'subList', |
|||
required: true, |
|||
isShowButton: true, |
|||
disabled: false, |
|||
visible: true, |
|||
loading: false, |
|||
labelWidth: '180rpx', |
|||
border: true, |
|||
errorType: ['toast'], |
|||
formData: [{ |
|||
type: 'singleColumn', |
|||
field: 'name', |
|||
label: '模具', |
|||
disabled: false, |
|||
required: true, |
|||
span: 12, |
|||
list: [{ |
|||
label: '类型1', |
|||
value: 1 |
|||
}, { |
|||
label: '类型2', |
|||
value: 2 |
|||
}, { |
|||
label: '类型3', |
|||
value: 3 |
|||
}] |
|||
}, { |
|||
type: 'text', |
|||
field: 'stork', |
|||
label: '库存', |
|||
disabled: false, |
|||
required: true, |
|||
isList: true, |
|||
span: 6 |
|||
}, { |
|||
type: 'text', |
|||
field: 'number', |
|||
label: '数量', |
|||
disabled: false, |
|||
required: true, |
|||
isList: true, |
|||
span: 6 |
|||
}], |
|||
}, |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
change(index) { |
|||
console.log("index", index); |
|||
this.current = index |
|||
this.changeItem = this.list[this.current] |
|||
}, |
|||
// 添加表格表单 |
|||
addSubForm() { |
|||
console.log(5) |
|||
this.isPopupShow = true |
|||
}, |
|||
// 添加备件 |
|||
addSpare(){ |
|||
// 校验 |
|||
for (let i = 0; i < this.subForm.formData.length; i++) { |
|||
if (this.subForm.formData[i].required === true) { |
|||
if (!this.data[this.subForm.formData[i].field]) { |
|||
let placeholder = '请输入' |
|||
if (this.subForm.formData[i].type == 'text' || this.subForm.formData[i].type == 'textarea') { |
|||
placeholder = '请输入' |
|||
} else { |
|||
placeholder = '请选择' |
|||
} |
|||
this.$modal.showToast(placeholder + this.subForm.formData[i].label) |
|||
return; |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
// 取消添加备件 |
|||
cancle(){ |
|||
this.isPopupShow = false |
|||
}, |
|||
}, |
|||
onLoad() { |
|||
this.changeItem = this.list[this.current] |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.info { |
|||
background: white; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.tab { |
|||
border-bottom: 1px solid #e4e4e4; |
|||
|
|||
} |
|||
|
|||
.title { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 20rpx 30rpx; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
|
|||
view { |
|||
&:nth-child(1) { |
|||
flex: 1; |
|||
border-left: 10rpx solid #409eff; |
|||
padding-left: 20rpx; |
|||
font-weight: bold; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
padding: 30rpx; |
|||
|
|||
.dec-item { |
|||
padding-bottom: 30rpx; |
|||
display: flex; |
|||
|
|||
view { |
|||
&:nth-child(1) { |
|||
width: 160rpx; |
|||
} |
|||
|
|||
&:nth-child(2) { |
|||
color: #888888; |
|||
flex: 1; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.popup-title { |
|||
text-align: center; |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
color: #409eff; |
|||
padding: 30rpx |
|||
} |
|||
|
|||
.popup { |
|||
width: 600rpx; |
|||
padding: 0rpx 60rpx 0rpx; |
|||
|
|||
} |
|||
.popup-footer{ |
|||
display: flex; |
|||
border-top: 1px solid #e4e4e4; |
|||
view{ |
|||
line-height: 100rpx; |
|||
flex: 1; |
|||
text-align: center; |
|||
&.sure{ |
|||
color: #409eff; |
|||
} |
|||
} |
|||
} |
|||
.footer { |
|||
position: fixed; |
|||
bottom: 0px; |
|||
left: 0px; |
|||
width: 100%; |
|||
background: white; |
|||
z-index: 22; |
|||
} |
|||
|
|||
.btns { |
|||
display: flex; |
|||
|
|||
padding: 20rpx; |
|||
box-shadow: 0px -2rpx 20rpx rgba(0, 0, 0, 0.1); |
|||
|
|||
|
|||
button { |
|||
flex: 1; |
|||
margin: 0px 10rpx; |
|||
} |
|||
|
|||
.sure { |
|||
background: #409eff; |
|||
color: white; |
|||
border-radius: 8rpx; |
|||
|
|||
&::after { |
|||
border: 1px solid #409eff; |
|||
border-radius: 0px; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,161 +0,0 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<u-navbar back-icon-color='#fff' :background="{ background: '#409eff'}" back-text="" title-color='#fff' |
|||
:title="title"> |
|||
<template v-slot:right> |
|||
<u-icon name="plus" color="#fff" size="36" style="padding-right: 30rpx;" @click="addForm"></u-icon> |
|||
</template> |
|||
</u-navbar> |
|||
<Search @search='search' @screen='screen' /> |
|||
|
|||
<workOrderList :data="data" :labelList='labelList' @itemClick="itemClick"></workOrderList> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import workOrderList from '@/components/workOrderList/index.vue' |
|||
export default { |
|||
components: { |
|||
workOrderList |
|||
}, |
|||
data() { |
|||
return { |
|||
title:'', |
|||
type:'', |
|||
labelList:[{ |
|||
label: '报修单号', |
|||
field: 'dec1', |
|||
},{ |
|||
label: '设备名称', |
|||
field: 'dec2', |
|||
},{ |
|||
label: '设备编号', |
|||
field: 'dec3', |
|||
},{ |
|||
label: '存放位置', |
|||
field: 'dec4', |
|||
},{ |
|||
label: '紧急程度', |
|||
field: 'dec5', |
|||
}], |
|||
data: { |
|||
isShowTime: true, |
|||
list: [{ |
|||
title: '设备报修205245', |
|||
dec1: 'BX-20224648', |
|||
dec2: 'BX-20224648', |
|||
dec3: 'BX-20224648', |
|||
dec4: 'BX-20224648', |
|||
dec5: 'BX-20224648', |
|||
time: '2023-12-12 06:00:00', |
|||
status: 6 |
|||
}, { |
|||
title: '设备报修205245', |
|||
dec1: 'BX-20224648', |
|||
dec2: 'BX-20224648', |
|||
dec3: 'BX-20224648', |
|||
dec4: 'BX-20224648', |
|||
dec5: 'BX-20224648', |
|||
time: '2023-12-12 06:00:00', |
|||
status: 2 |
|||
}, { |
|||
title: '设备报修205245', |
|||
dec1: 'BX-20224648', |
|||
dec2: 'BX-20224648', |
|||
dec3: 'BX-20224648', |
|||
dec4: 'BX-20224648', |
|||
dec5: 'BX-20224648', |
|||
time: '2023-12-12 06:00:00', |
|||
status: 3 |
|||
}, { |
|||
title: '设备报修205245', |
|||
dec1: 'BX-20224648', |
|||
dec2: 'BX-20224648', |
|||
dec3: 'BX-20224648', |
|||
dec4: 'BX-20224648', |
|||
dec5: 'BX-20224648', |
|||
time: '2023-12-12 06:00:00', |
|||
status: 4 |
|||
}] |
|||
} |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
// 筛选 |
|||
screen() { |
|||
this.$tab.navigateTo(`/pages/workOrderList/screen?type=${this.type}`) |
|||
}, |
|||
itemClick(item,index){ |
|||
this.$tab.navigateTo(`/pages/workOrderList/detail?type=${this.type}`) |
|||
}, |
|||
addForm(){ |
|||
this.$tab.navigateTo(`/pages/workOrderList/addForm?type=${this.type}`) |
|||
}, |
|||
// 获取设备保修列表 |
|||
|
|||
}, |
|||
onLoad(option) { |
|||
this.type = option.type |
|||
if(option.type == 1){ |
|||
this.title = '设备报修' |
|||
}else if(option.type == 2){ |
|||
this.title = '维修工单' |
|||
}else if(option.type == 3){ |
|||
this.title = '检修工单' |
|||
}else if(option.type == 4){ |
|||
this.title = '点检工单' |
|||
}else if(option.type == 5){ |
|||
this.title = '保养工单' |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
.list{ |
|||
background: #f5f5f5; |
|||
margin-top: 20rpx; |
|||
.item{ |
|||
padding: 30rpx 30rpx 0px 30rpx; |
|||
margin-top: 20rpx; |
|||
background: white; |
|||
.title{ |
|||
display: flex; |
|||
align-items: center; |
|||
padding-bottom: 20rpx; |
|||
.title-txt{ |
|||
color: #409eff; |
|||
font-weight: bold; |
|||
font-size: 36rpx; |
|||
width: 0px; |
|||
flex: 1; |
|||
} |
|||
.time{ |
|||
color: #919191; |
|||
|
|||
} |
|||
} |
|||
.dec{ |
|||
padding-bottom: 20rpx; |
|||
span{ |
|||
color: #999999; |
|||
} |
|||
} |
|||
.last{ |
|||
padding-bottom: 30rpx; |
|||
} |
|||
.bottom{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-top: 1px solid #E4E4E4; |
|||
padding: 20rpx 0px; |
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -1,223 +0,0 @@ |
|||
<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 { |
|||
type:'', |
|||
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: '', |
|||
}, { |
|||
type: 'text', |
|||
field: 'location', |
|||
label: '存放位置', |
|||
}, { |
|||
type: 'singleColumn', |
|||
field: 'type', |
|||
label: '紧急程度', |
|||
list: [{ |
|||
label: '程度1', |
|||
value: 1 |
|||
}, { |
|||
label: '程度2', |
|||
value: 2 |
|||
}, { |
|||
label: '程度3', |
|||
value: 3 |
|||
}] |
|||
}, { |
|||
type: 'singleColumn', |
|||
field: 'type', |
|||
label: '工单状态', |
|||
list: [{ |
|||
label: '状态1', |
|||
value: 1 |
|||
}, { |
|||
label: '状态2', |
|||
value: 2 |
|||
}, { |
|||
label: '状态3', |
|||
value: 3 |
|||
}] |
|||
}], |
|||
}, |
|||
data: { |
|||
name: '', |
|||
sex: 2, |
|||
hobby: [1, 2], |
|||
open: true, |
|||
duoxuan: 3, |
|||
time: '2023-12-12 08:00:00' |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 触发提交表单 |
|||
submit() { |
|||
|
|||
}, |
|||
// 重置 |
|||
reset() { |
|||
console.log('表单数据信息1：', this.data); |
|||
this.data={} |
|||
}, |
|||
|
|||
}, |
|||
onLoad(option) { |
|||
this.type = option.type |
|||
if(option.type == 1){ |
|||
}else if(option.type == 2){ |
|||
this.form.formData[0] = { |
|||
type: 'text', |
|||
field: 'code', |
|||
label: '维修主题', |
|||
disabled: false, |
|||
required: true, |
|||
value: '' |
|||
} |
|||
}else if(option.type == 3){ |
|||
this.form.formData[0] = { |
|||
type: 'text', |
|||
field: 'code', |
|||
label: '检修主题', |
|||
disabled: false, |
|||
required: true, |
|||
value: '' |
|||
} |
|||
this.form.formData.pop() |
|||
}else if(option.type == 4){ |
|||
this.form.formData[0] = { |
|||
type: 'text', |
|||
field: 'code', |
|||
label: '点检主题', |
|||
disabled: false, |
|||
required: true, |
|||
value: '' |
|||
} |
|||
this.form.formData.pop() |
|||
}else if(option.type == 5){ |
|||
this.form.formData[0] = { |
|||
type: 'text', |
|||
field: 'code', |
|||
label: '保养主题', |
|||
disabled: false, |
|||
required: true, |
|||
value: '' |
|||
} |
|||
this.form.formData.pop() |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
@ -1,181 +0,0 @@ |
|||
<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: 'singleColumn', |
|||
field: 'type', |
|||
label: '模具', |
|||
list: [{ |
|||
label: '程度1', |
|||
value: 1 |
|||
}, { |
|||
label: '程度2', |
|||
value: 2 |
|||
}, { |
|||
label: '程度3', |
|||
value: 3 |
|||
}] |
|||
}, { |
|||
type: 'singleColumn', |
|||
field: 'type', |
|||
label: '维修工', |
|||
list: [{ |
|||
label: '状态1', |
|||
value: 1 |
|||
}, { |
|||
label: '状态2', |
|||
value: 2 |
|||
}, { |
|||
label: '状态3', |
|||
value: 3 |
|||
}] |
|||
}], |
|||
rules: { |
|||
// 对name字段进行必填验证 |
|||
name: [ |
|||
{ |
|||
min: 5, |
|||
message: '简介不能少于5个字', |
|||
trigger: 'change' |
|||
}, |
|||
// 对name字段进行必填验证 |
|||
{ |
|||
required: true, |
|||
message: '请填写姓名', |
|||
trigger: ['change', 'blur'] |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
data: { |
|||
name: '', |
|||
sex: 2, |
|||
hobby: [1, 2], |
|||
open: true, |
|||
duoxuan: 3, |
|||
time: '2023-12-12 08:00:00' |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 触发提交表单 |
|||
submit() { |
|||
console.log('表单数据信息1：', this.data); |
|||
this.$refs.form1.$refs.form.validate().then(res => { |
|||
console.log('表单数据信息：', res); |
|||
}).catch(err => { |
|||
console.log('表单错误信息：', err); |
|||
}) |
|||
}, |
|||
// 重置 |
|||
reset() { |
|||
console.log('表单数据信息1：', this.data); |
|||
this.data={} |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</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> |
|||
Loading…
Reference in new issue