element上传多图片

<el-dialog title="添加图片"  :visible.sync="dialogFormVisible" width="80%">
    <el-row v-for="(item,index) in imgList" class="survey">
        <el-col :span="5">
            上传图片{{index+1}}
        </el-col>
        <el-col :span="12">
            <single-image-upload  directory="sign-img" :data="index"
                                 @complete="fxpic"></single-image-upload>
        </el-col>
    </el-row>
    <el-row class="linehightSmall" >
        <el-col :span="2">
            添加图片
        </el-col>
        <el-col :span="2">
            <el-button type="primary" icon="el-icon-plus" circle
                       @click="addquestion"></el-button>
        </el-col>
    </el-row>
    <el-button type="primary" @click="ImgsAdd">添加</el-button>

</el-dialog>

<script>
    //<img width="200" :src="Pic1" alt="">
    export default {
        data() {
            return {
                list: [],
                key: "",
                datetime: [],
                totalRecord: 0,
                currentPage: 1,
                dialogFormVisible: false,
                formLabelWidth: '120px',
                imgList: [{ url:""}],
            }
        },
        created() {
            this.getData();
            //this.getImagesPath();
        },
        methods: {
            getStatus(row) {
                if (row.startTime === "" || row.endTime === "") {
                    return "N/A";
                }
                let st = this.$helper.strTimeToJsDate(row.startTime);
                let et = this.$helper.strTimeToJsDate(row.endTime);
                let dt = new Date();

                if (st > dt)
                    return "注册中";
                else if (dt >= st && dt < et)
                    return "进行中";
                else
                    return "回顾";
            },
            copyUrlHandler(index, row) {
                this.$refs.copyUrlDialog.url = this.$config.data.serviceEventUrlRule.replace("{id}", row.id).replace("{cid}", row.companyId);
                this.$refs.copyUrlDialog.visible = true;
            },
            pageChange(val) {
                this.currentPage = val;
                this.loadList();
            },
            exportHandler() {
                //显示出dialog
                var self = this;
                //加载数据
                this.$http.sendPost(this.$config.api.exportServiceEventList, {
                    key: this.key,
                    value: this.value,
                    start: (self.datetime != null && self.datetime.length === 2) ? self.$helper.convertDateTime(self.datetime[0]) : "",
                    end: (self.datetime != null && self.datetime.length === 2) ? self.$helper.convertDateTime(self.datetime[1]) : "",
                }, data => {
                    //
                    if (data !== null && data !== "") {
                        //window.open(data);
                        self.$helper.downloadFil(data);
                    }
                    //成功后通知下载
                }, null, "请不要关闭浏览器", 0, "export");
            },
            searchHandler() {
                this.loadList();
            },
            //getImagesPath(){
                //this.$http.sendPost(this.$config.api.getAdPath, {
                    //key: "",
                    //pageSize: this.$config.data.pageSize,
                    //currentPage: this.currentPage
                //, data => {
                    //this.imgPaths = data.list;
               // });
            //},
            //图片一
                fxpic(data,key){
                            this.imgList[key].url=data[0][0];
                },
            //添加图片
            addquestion() {
                this.imgList.push({
                            url:"",
                    })
            },


            //添加图片
            ImgsAdd(){
                let self=this;
                this.$http.sendPost(this.$config.api.AdPathAdd,this.imgList,function () {
                    self.$message.success('添加成功');
                })
            },
            search() {
                this.loadList();
            },
            //获取数据
            getData() {
                //读列表
                this.loadList();
            },
            loadList() {
                var self = this;
                this.$http.sendPost(this.$config.api.getServiceEventList, {
                    key: this.key,
                    start: (self.datetime != null && self.datetime.length === 2) ? self.$helper.convertDateTime(self.datetime[0]) : "",
                    end: (self.datetime != null && self.datetime.length === 2) ? self.$helper.convertDateTime(self.datetime[1]) : "",
                    currentPage: this.currentPage,
                    pageSize: this.$config.data.pageSize
                }, data => {
                    this.list =  data.list ;
                    this.totalRecord = data.pager.totalRecord
                });

            },
            switchIsEvent(index,row){
                var self=this;
                if (row.isEvent ===1) {
                    //不包含
                    row.isEvent = 0;
                    this.$http.sendPost(this.$config.api.UpdateFwEventByID, {id: row.id,isEvent:0},function (data) {
                        self.$message.success('处理成功');
                    });
                }
                else {
                    //包含
                    row.isEvent = 1;
                    this.$http.sendPost(this.$config.api.UpdateFwEventByID, {id: row.id,isEvent:1},function (data) {
                        self.$message.success('处理成功');
                    });
                }
            },

        }
    }

</script>