zhanghua
2025-07-16 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3
src/views/operate/disposal/casepool/learn/updateUser/uploadResult/components/arrive/index.vue
@@ -14,28 +14,29 @@
                </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>
@@ -43,6 +44,7 @@
    </div>
</template>
<script>
import { FILE_ORIGINAL_PATH } from "@/utils";
export default {
    data() {
        const checkTime = (rule, value, callback) => {
@@ -104,12 +106,14 @@
            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() {
@@ -120,15 +124,19 @@
            }
        },
        // 获取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;
@@ -180,5 +188,4 @@
// ::v-deep .el-form-item__label {
//     color: #4b9bb7;
// }
</style>
// }</style>