95 lines
2.6 KiB
Vue
95 lines
2.6 KiB
Vue
<template>
|
||
<view>
|
||
<!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
|
||
<u--form labelPosition="left" :model="model1" ref="uForm" >
|
||
<u-form-item label="管护类型" prop="maintainType" borderBottom ref="item1"
|
||
required
|
||
labelPosition='top'
|
||
labelWidth="100px">
|
||
<u--input v-model="model1.maintainName" disabled disabledColor="#ffffff" placeholder="请选择管护类型"
|
||
border="none" ></u--input>
|
||
</u-form-item>
|
||
<u-form-item label="内容说明" prop="maintainContent" borderBottom labelPosition='top' required labelWidth="100px">
|
||
<u--textarea v-model="model1.maintainContent" placeholder="请输入内容" disabled></u--textarea>
|
||
</u-form-item>
|
||
<u-form-item label="现场图片" prop="pics" borderBottom labelPosition='top' labelWidth="100px">
|
||
<u-upload :fileList="model1.pics" name="pics" multiple disabled
|
||
multiple accept='image' :maxCount="10"></u-upload>
|
||
|
||
</u-form-item>
|
||
<u-form-item label="现场视频" prop="videos" borderBottom labelPosition='top' labelWidth="100px">
|
||
<u-upload :fileList="model1.videos" name="videos" multiple disabled
|
||
multiple accept='video' :maxCount="10"></u-upload>
|
||
|
||
</u-form-item>
|
||
</u--form>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
props:{
|
||
formData:Object
|
||
},
|
||
data() {
|
||
return {
|
||
showSex: false,
|
||
fileListpics: [],
|
||
fileListvideos: [],
|
||
model1: {
|
||
maintainContent: "",
|
||
maintainType: '',
|
||
pics: [],
|
||
videos: []
|
||
},
|
||
actions: [{
|
||
value: 1,
|
||
name: "溢洪道清障"
|
||
},
|
||
{
|
||
value: 2,
|
||
name: "除草除杂"
|
||
},
|
||
{
|
||
value: 3,
|
||
name: "设备养护"
|
||
},
|
||
{
|
||
value: 4,
|
||
name: "环境清洁"
|
||
},
|
||
{
|
||
value: 5,
|
||
name: "危险提示"
|
||
},
|
||
{
|
||
value: 6,
|
||
name: "其他"
|
||
},
|
||
],
|
||
radio: '',
|
||
switchVal: false
|
||
};
|
||
},
|
||
mounted() {
|
||
this.model1 = this.formData
|
||
this.model1.maintainName = this.actions.find(item=>item.value == this.formData.maintainType).name
|
||
this.model1.pics?.map(item1=>{
|
||
item1.url ='http://223.75.53.141:9102/test.by-lyf.tmp' + item1.filePath
|
||
return item1
|
||
})
|
||
this.model1.videos?.map(item1=>{
|
||
item1.url ='http://223.75.53.141:9102/test.by-lyf.tmp' + item1.filePath
|
||
return item1
|
||
})
|
||
console.log(this.model1,'83498943r80432',this.formData);
|
||
},
|
||
methods: {
|
||
|
||
},
|
||
onReady() {
|
||
//如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。
|
||
this.$refs.uForm.setRules(this.rules)
|
||
},
|
||
};
|
||
</script> |