| | |
| | | <div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
| | | </div>
|
| | | </div>
|
| | | <div style="display: flex; width: 1800px; height: 90px; margin : 10px 10px 20px 18px; ">
|
| | | <div style="display: flex; width: 1800px; height: 400px; margin : 10px 10px 20px 18px; ">
|
| | | <div style="display: flex; width: 90px; height: 90px; text-align: center;">
|
| | | <label class="layui-form-label" style="padding: 32px 0px 32px 0px; ;">活动封面</label>
|
| | | <label class="layui-form-label" >活动封面</label>
|
| | | </div>
|
| | | <div style="width:auto; height: auto;">
|
| | | <div id="uploadDemoView32">
|
| | | <img v-bind:src="activityPic" id="activityfileView" v-on:click="addPicClick(activityfile)" style="width: 100px; height: 90px;">
|
| | | <input type="file" id="activityfile" name="activityfile" @change="viewPicClick(activityfileView,$event);"
|
| | | accept="image/*" style="display: none;" />
|
| | | <div class="layui-form-item" style="width:450px; height:400px; margin:10px 10px 20px 0px; border:1px solid #CCC; overflow: hidden;">
|
| | | <!--商品展示框-->
|
| | | <div class="div_linepic" v-for="(item, index) in activityImgs">
|
| | | <div class="div_goodspic">
|
| | | <img v-bind:src="item" class="pic" v-on:click="replaceClick(index)">
|
| | | <img src="../../../img/ic_close_img.png" class="delpic" v-if="index!=activityImgs.length-1" v-on:click="delClick(index)">
|
| | | <input type="file" v-bind:id="'activity'+index" name="activitypic" accept="image/*" @change="viewClick(index,$event);" style="display: none;" />
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | <div class="layui-form-mid layui-word-aux" style="margin:25px 0px 0px 20px;"> 选填</div>
|
| | |
| | | data: {
|
| | | videoUrl: "",
|
| | | videoPic: defaultImg,
|
| | | activityPic: defaultImg,
|
| | | activityUrl: "",
|
| | | activityImgs: [defaultImg],
|
| | | picUrls: [],
|
| | |
|
| | | // 删除图片
|
| | | delClick: function(indexC) {
|
| | | vm3.activityImgs.splice(indexC, 1);
|
| | | vm3.picUrls.splice(indexC, 1);
|
| | | },
|
| | | |
| | | // 选择图片
|
| | | replaceClick: function(indexC) {
|
| | | $("#activity" + indexC).click();
|
| | | },
|
| | | |
| | | // 添加替换图片
|
| | | viewClick: function(indexC, e) {
|
| | | //判断是否支持FileReader
|
| | | if (window.FileReader) {
|
| | | var reader = new FileReader();
|
| | | } else {
|
| | | alert("您的设备不支持图片预览功能,如需该功能请升级您的设备!");
|
| | | }
|
| | | //获取文件
|
| | | var file = e.target.files[0];
|
| | | var imageType = /^image\//;
|
| | | if (!imageType.test(file.type)) {
|
| | | return; //是否是图片
|
| | | }
|
| | | reader.onload = function(e) {
|
| | | var oldlength = vm3.activityImgs.length - 1;
|
| | | //表示从indexC这个下标的元素开始, 删除1个元素,并在这个位置增加新元素e.target.result
|
| | | vm3.activityImgs.splice(indexC, 1, e.target.result);
|
| | | if (oldlength === indexC) {
|
| | | vm3.activityImgs.push(defaultImg);
|
| | | }
|
| | | };
|
| | | reader.readAsDataURL(file);
|
| | | },
|
| | | |
| | | // 选择图片
|
| | | addPicClick: function(targetId) {
|
| | | $(targetId).click();
|
| | | },
|
| | |
|
| | | |
| | | // 添加替换图片
|
| | | viewPicClick: function(indexC, e) {
|
| | | //判断是否支持FileReader
|
| | |
| | | },
|
| | |
|
| | | submitGoods: function() {
|
| | | doui.showLoading("正在处理");
|
| | | // doui.showLoading("正在处理");
|
| | | var mydata = {
|
| | | pid: hdid,
|
| | | videoUrl: vm3.videoUrl,
|
| | | activityUrl: vm3.activityUrl,
|
| | | picUrls: vm3.picUrls.toString(),
|
| | | };
|
| | |
|
| | | // 视频封面图
|
| | |
| | | mydata.filevideo = videohuodong;
|
| | | }
|
| | |
|
| | | // 活动封面图
|
| | | var activityfile = document.getElementById("activityfile").files[0]; // js 获取文件对象
|
| | | if (activityfile != null) {
|
| | | mydata.activityfile = activityfile;
|
| | | }
|
| | | // 图片文件
|
| | | var bi = 0;
|
| | | $("input[name='activitypic']").each(function() {
|
| | | var fileObj = $(this)[0].files[0];
|
| | | if (fileObj != null && fileObj != undefined) {
|
| | | if (bi == 0) {
|
| | | mydata.file0 = fileObj;
|
| | | } else if (bi == 1) {
|
| | | mydata.file1 = fileObj;
|
| | | } else if (bi == 2) {
|
| | | mydata.file2 = fileObj;
|
| | | } else if (bi == 3) {
|
| | | mydata.file3 = fileObj;
|
| | | } else if (bi == 4) {
|
| | | mydata.file4 = fileObj;
|
| | | } else if (bi == 5) {
|
| | | mydata.file5 = fileObj;
|
| | | } else if (bi == 6) {
|
| | | mydata.file6 = fileObj;
|
| | | } else if (bi == 7) {
|
| | | mydata.file7 = fileObj;
|
| | | } else if (bi == 8) {
|
| | | mydata.file8 = fileObj;
|
| | | } else {
|
| | | // break;
|
| | | }
|
| | | }
|
| | | bi = bi + 1;
|
| | | });
|
| | | bi = 0;
|
| | | |
| | |
|
| | | doui.upload({
|
| | | type: "jsonp",
|
| | |
| | | if (res.data.videoPic != "") {
|
| | | vm3.videoPic = res.data.videoPic;
|
| | | }
|
| | | |
| | | |
| | | vm3.activityUrl = res.data.activityUrl;
|
| | | if (res.data.activityPic != "") {
|
| | | vm3.activityPic = res.data.activityPic;
|
| | | |
| | | vm3.picUrls=[];
|
| | | vm3.activityImgs = [];
|
| | | for (var i = 0; i < res.data.listPic.length; i ++) {
|
| | | vm3.picUrls.push(res.data.listPic[i]);
|
| | | vm3.activityImgs.push(res.data.listPic[i]);
|
| | | }
|
| | | vm3.activityImgs.push(defaultImg);
|
| | | }
|
| | | }
|
| | | });
|