上传处置结果处理

luobisheng

2022-11-23 f78386db30fc23cdfa77192e4d8c29aeaf8e71a9

 src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue

@@ -5,7 +5,7 @@
            <el-form ref="arriveForm" label-width="160px" :model="arrive" :rules="arriveRules" autoComplete="on">
                <!-- 到达时间 -->
                <el-form-item label="到达时间:" prop="arrivalTime">
                    <el-date-picker v-model="arrive.arrivalTime" type="datetime" placeholder="选择到达时间">
                    <el-date-picker v-model="arrive.arrivalTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="选择到达时间">
                    </el-date-picker>
                </el-form-item>
                <!-- 到达地址 -->
@@ -25,7 +25,7 @@
                <!-- 现场情况照片 -->
                <el-form-item label="现场情况照片:" prop="situationPic">
                    <div class="upImg" >
                            <MyUpload @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload>
                            <MyUpload :picture-list="arrive.situationPic" @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload>
                        <div class="tip">{{ arrive.situationPic.length }} / 4</div>
                    </div>
                </el-form-item>
@@ -35,6 +35,7 @@
</template>
<script>
import MyUpload from "@/components/myUpload"
import { deepClone } from "@/utils/helper";
export default {
    components: {
        MyUpload
@@ -103,7 +104,10 @@
        }
    },
  created() {
      this.arrive = this.arriveData;
      this.arrive = deepClone(this.arriveData);
      if (this.arriveData) {
        this.arrive.situationPic = this.arriveData.situationPic.split(',');
      }
  },
  methods: {
        handleSuccess(res, file, filelist) {
@@ -139,17 +143,6 @@
        delPicUrl({url}){
            const baseUrl = 'http://140.143.152.226:8410/';
            this.arrive.situationPic.splice(this.arrive.situationPic.indexOf(baseUrl + url),1);
            console.log(this.arrive.situationPic);
        }
    },
    watch: {
        'arrive.situationPic.length': {
            handler(newLen, oldLen) {
                if (newLen !== 0) {
                    this.$refs.arriveForm.validateField('situationPic');
                }
            },
            deep: true,
        }
    }
}