| | |
| | | </el-form-item> |
| | | <!-- 现场情况说明 --> |
| | | <el-form-item label="现场情况说明:" prop="situationExplain"> |
| | | <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" maxlength="200" show-word-limit |
| | | <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="200" show-word-limit |
| | | v-model="arrive.situationExplain" placeholder="请输入情况说明,限制200字以内"></el-input> |
| | | </el-form-item> |
| | | <!-- 信访回复说明 --> |
| | | <el-form-item label="信访回复说明:" prop="replyExplain"> |
| | | <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" maxlength="200" show-word-limit |
| | | <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="200" show-word-limit |
| | | v-model="arrive.replyExplain" placeholder="请输入回访说明,限制200字以内"></el-input> |
| | | </el-form-item> |
| | | <!-- 现场情况照片 --> |
| | | <el-form-item label="现场情况照片:" prop="situationPic"> |
| | | <div class="upImg"> |
| | | <div class="img-list"> |
| | | <img :src="item" alt="" v-for="(item,index) in arrive.situationPic" :key="index"> |
| | | <img :src="item" alt="" v-for="(item, index) in arrive.situationPic" :key="index" /> |
| | | </div> |
| | | <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="4" :on-success="handleSuccess" :headers="getToken()"> |
| | | <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="4" :on-success="handleSuccess" :headers="getToken()"> |
| | | <i class="el-icon-plus"></i> |
| | | </el-upload> |
| | | </div> |
| | | <div class="tip">{{arrive.situationPic.length}} / 4</div> |
| | | <div class="tip"> |
| | | {{ arrive.situationPic.length }} / 4 |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import { FILE_ORIGINAL_PATH } from "@/utils"; |
| | | export default { |
| | | data() { |
| | | const checkTime = (rule, value, callback) => { |
| | |
| | | fileList: [], |
| | | } |
| | | }, |
| | | props:['getArrive'], |
| | | props: ['getArrive'], |
| | | methods: { |
| | | handleSuccess(res, file, filelist) { |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | const baseUrl = ''; |
| | | |
| | | if (this.arrive.situationPic.length < 4) { |
| | | this.arrive.situationPic.push(baseUrl + res.data.url1) |
| | | |
| | | this.arrive.situationPic.push(FILE_ORIGINAL_PATH + res.data.url1) |
| | | } |
| | | }, |
| | | getToken() { |
| | |
| | | } |
| | | }, |
| | | // 获取arrive对象 |
| | | backData(){ |
| | | backData() { |
| | | this.arrive.situationPic.forEach(item => { |
| | | item = item.replace(FILE_ORIGINAL_PATH, '') |
| | | }) |
| | | |
| | | const { arrive } = this; |
| | | this.$emit('getArrive',{arrive}); |
| | | this.$emit('getArrive', { arrive }); |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .arrive-title{ |
| | | .arrive-title { |
| | | line-height: 60px; |
| | | font-weight: 650; |
| | | font-size: 20px; |
| | |
| | | |
| | | // ::v-deep .el-form-item__label { |
| | | // color: #4b9bb7; |
| | | // } |
| | | </style> |
| | | // }</style> |