| | |
| | | <!-- 现场情况照片 --> |
| | | <el-form-item label="现场情况照片:" prop="situationPic"> |
| | | <div class="upImg" > |
| | | <!-- <div class="img-list" v-if="arrive.situationPic.length!==0"> |
| | | <div class="img" v-for="(item,index) in arrive.situationPic" :key="index"> |
| | | <img :src="item" alt=""> |
| | | <i class="el-icon-close myicon" @click="handleRemove(index)"></i> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <MyUpload @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload> |
| | | |
| | | <!-- <div class="upload" v-if="arrive.situationPic.length<4"> |
| | | <el-upload :file-list="fileList" class="upload-demo" |
| | | action="/sccg/file/medias" multiple :show-file-list="false" |
| | | :limit="50" :on-success="handleSuccess" list-type="picture" :headers="getToken()"> |
| | | <i class="el-icon-plus"></i> |
| | | </el-upload> |
| | | </div> --> |
| | | <div class="tip">{{ arrive.situationPic.length }} / 4</div> |
| | | </div> |
| | | </el-form-item> |
| | |
| | | components: { |
| | | MyUpload |
| | | }, |
| | | props: { |
| | | arriveData: { |
| | | type: Object, |
| | | default: () => null |
| | | } |
| | | }, |
| | | data() { |
| | | const checkTime = (rule, value, callback) => { |
| | | if (value) { |
| | |
| | | situationExplain: [ |
| | | { trigger: 'blur', validator: checkSit } |
| | | ], |
| | | // replyExplain: [ |
| | | // { trigger: 'blur', validator: checkReplay } |
| | | // ], |
| | | situationPic: [ |
| | | { trigger: 'blur', validator: checkSitPic } |
| | | ], |
| | |
| | | fileList: [], |
| | | } |
| | | }, |
| | | methods: { |
| | | created() { |
| | | this.arrive = this.arriveData; |
| | | }, |
| | | methods: { |
| | | handleSuccess(res, file, filelist) { |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | console.log(this.fileList); |
| | | if (this.arrive.situationPic.length < 4) { |
| | | this.arrive.situationPic.push(baseUrl + res.data.url1) |
| | | } |