身份证正反面调整

odc.xiaohui

2023-03-08 d24c9dde20cba23b96082b4db81b5223c75e4ea9

 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,22 +25,7 @@
                <!-- 现场情况照片 -->
                <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> -->
                            <MyUpload :picture-list="arrive.situationPic" @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload>
                        <div class="tip">{{ arrive.situationPic.length }} / 4</div>
                    </div>
                </el-form-item>
@@ -50,10 +35,17 @@
</template>
<script>
import MyUpload from "@/components/myUpload"
import { deepClone } from "@/utils/helper";
export default {
    components: {
        MyUpload
    },
  props: {
    arriveData: {
      type: Object,
      default: () => null
    }
  },
    data() {
        const checkTime = (rule, value, callback) => {
            if (value) {
@@ -74,13 +66,6 @@
                callback()
            } else {
                callback(new Error('现场情况说明不能为空'));
            }
        }
        const checkReplay = (rule, value, callback) => {
            if (value) {
                callback()
            } else {
                callback(new Error('信访回复说明不能为空'));
            }
        }
        const checkSitPic = (rule, value, callback) => {
@@ -104,9 +89,6 @@
                situationExplain: [
                    { trigger: 'blur', validator: checkSit }
                ],
                // replyExplain: [
                //     { trigger: 'blur', validator: checkReplay }
                // ],
                situationPic: [
                    { trigger: 'blur', validator: checkSitPic }
                ],
@@ -114,11 +96,15 @@
            fileList: [],
        }
    },
    methods: {
  created() {
      if (this.arriveData) {
        this.arrive = deepClone(this.arriveData);
        this.arrive.situationPic = this.arriveData.situationPic.split(',');
      }
  },
  methods: {
        handleSuccess(res, file, filelist) {
            const baseUrl = 'http://140.143.152.226:8410/';
            console.log(res);
            console.log(this.fileList);
            if (this.arrive.situationPic.length < 4) {
                this.arrive.situationPic.push(baseUrl + res.data.url1)
            }
@@ -145,24 +131,11 @@
            if (this.arrive.situationPic.length < 4) {
                this.arrive.situationPic.push(baseUrl + url)
            }
            console.log(url);
        },
        //删除图片
        delPicUrl({url}){
            const baseUrl = 'http://140.143.152.226:8410/';
            console.log(url);
            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,
        }
    }
}
@@ -180,7 +153,7 @@

.upImg {
    display: flex;

    overflow: auto;
    .tip {
        position: absolute;
        bottom: 0;
@@ -223,16 +196,16 @@
    border-radius: 4px;
}

::v-deep .el-textarea__inner {
    background-color: #09152f;
    border: 1px solid #17324c;
}
// ::v-deep .el-textarea__inner {
//     // background-color: #09152f;
//     border: 1px solid #17324c;
// }

::v-deep .el-input__count {
    background-color: #09152f;
}
// ::v-deep .el-input__count {
//     // background-color: #09152f;
// }

::v-deep .el-form-item__label {
    color: #4b9bb7;
}
</style>
// ::v-deep .el-form-item__label {
//     color: #4b9bb7;
// }
</style>