Skip to content

O
office-web
Commit 25d727b3 by 无尘
Options

fix: 测试图片上传

parent 4175047e
Showing with 30 additions and 13 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.db26aa9c6cb9f6d8d7f83b06c6c4c595.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.3d80c9ac65896d5b4634.js></script><script type=text/javascript src=./static/js/vendor.0000e68e65e4a9dc3840.js></script><script type=text/javascript src=./static/js/app.51455857f0297d6ad727.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.6648acf80e041fa98d5c4f84c69001fd.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.6ef5ea96d1bb857e7512.js></script><script type=text/javascript src=./static/js/vendor.0000e68e65e4a9dc3840.js></script><script type=text/javascript src=./static/js/app.cc49d0b4a22b25b8cde8.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/js/manifest.3d80c9ac65896d5b4634.js → dist/static/js/manifest.6ef5ea96d1bb857e7512.js
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],d[t]&&u.push(d[t][0]),d[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=f(f.s=n[i]);return o};var a={},d={103:0};function f(c){if(a[c])return a[c].exports;var d=a[c]={i:c,l:!1,exports:{}};return e[c].call(d.exports,d,d.exports,f),d.l=!0,d.exports}f.e=function(e){var c=d[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,f){c=d[e]=[a,f]});c[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+e+"."+{0:"e02bb013de875e5ccbb7",1:"fe9dec1f31b04053fd7e",2:"54aabab28c7735d34c10",3:"b7e6d57d97174b75b050",4:"11254d7e3a102121b8ec",5:"b5e24a58d047a2ec70f5",6:"124ad8222f7b043b44ae",7:"ebad93a8c5bffffd9e98",8:"f1c9fb5c9212483138d8",9:"b5aae16b3951516573ad",10:"ebbed2d956a1376f014a",11:"59c7813cc972f62b1d18",12:"879536ae7ce46f0c54ec",13:"57e51fc1b6342003f25d",14:"dce1b92c12422c24e840",15:"043879bcee1012d065fb",16:"f483f95dbac654c7de5a",17:"ff6edf624b982c354977",18:"d33eb115b60e0d362001",19:"d7d09ae4564d64842009",20:"455fd80bd8af15457c57",21:"c1b5e15e28768af52654",22:"2a873e819c6c369d5cd1",23:"d2380bf3c276e741313b",24:"56085041ae784faf3c32",25:"e23f42a6b2180b63c129",26:"606394f2e20eb1a455fa",27:"c3f7fb68797f235ad906",28:"5c93d8a260522a61d27e",29:"c5bb15e8e1bd17cdc0f7",30:"91cd2c7b75ba4aec78dc",31:"5d5e618d2ceadec7e8cb",32:"fc2213c2b57da6c25ea2",33:"f4c48aa4b6adbdec738a",34:"e5ba3c1688f3038d3d09",35:"d8abf87eeb477b4bc1f3",36:"2cadbd4ded3457625f52",37:"8dc3e1f0f3e416135406",38:"9f4a46d2ce3c9477a06b",39:"b33ea830129fb895dd77",40:"6a72d08fe0ffa0a16cf6",41:"17121c9227dddf24b37d",42:"54f2f4850c109391114a",43:"fb46c0bad10552e7ef89",44:"3d32c7e1954754671303",45:"c0accd45711184d0044d",46:"785c8076b8d217da747e",47:"b477848570e876912bdb",48:"32a6d29de6b93cd9201c",49:"1a7182d9cdf2e08ff7f0",50:"4235ecfe09e1fc4e1ca4",51:"2f363aaad04264e9f159",52:"d56e883ddcbef7c6b221",53:"ec91f2b143d0b1e708b5",54:"31eed9c38748896262d1",55:"4f96191ae2c44c6f18f7",56:"99063bd3b07926595af4",57:"ba6530916d934b70d218",58:"2241679269f18e7f14c3",59:"5c336f6f4d119300c1d8",60:"d43c13d5c29feb45e864",61:"0806aac37bd2b86e8bc2",62:"8ef5c75f77376ecd8873",63:"bbe4da77ef31a0aa9150",64:"f26939887c305ec6f7fc",65:"069ccaf5f8e5b5f3c59d",66:"5f0382c9cb76b57ba778",67:"745b9621e5297c575b33",68:"aaaa125fb978b59c2cbf",69:"bb6a8bab41cac9f11bd4",70:"a226d330de7ebb2a4c5f",71:"9551ae81326c57064dec",72:"cb1b3985b92be4556fc1",73:"b6b1fb51b601c0fafcda",74:"6206c00744e77bc84fec",75:"93eb5a61daaa3a1df425",76:"78e5a422e9fecbbd255a",77:"b3f7cf4d2b54d306c522",78:"1fc3472c5f95a0a66979",79:"69811ba75d1fceae9737",80:"12442b543aff65f2c05d",81:"00a94b58ac2affb758dc",82:"1fa56152d6bdcfd4ec14",83:"976088a6ee120b8caa17",84:"45dae077c86a1a0050ff",85:"0c7635a15cceae31d981",86:"d0d0607a424156f2d88d",87:"aee44c25b8d252c44b6e",88:"6583c4b0dc7a8f908fa2",89:"8d513b9c9d7970a612c0",90:"57319965505945b3ae7e",91:"446342439ce97b19c84f",92:"09a5823b00d6180576b9",93:"e801fdd8bbd27a68d8ee",94:"c50da77d4e1d5a44b971",95:"04507f6fadd31b01a746",96:"d4a4beef007fa347bd93",97:"8b0f08b3974b32d7bc2a",98:"69c8efc82743796dc255",99:"58cc1884c4f80303999a",102:"2629d20834840d0da10e"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=d[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},f.m=e,f.c=a,f.d=function(e,c,a){f.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},f.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(c,"a",c),c},f.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},f.p="./",f.oe=function(e){throw console.error(e),e}}([]); !function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],f[t]&&u.push(f[t][0]),f[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var a={},f={103:0};function d(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,d){c=f[e]=[a,d]});c[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+e+"."+{0:"e02bb013de875e5ccbb7",1:"fe9dec1f31b04053fd7e",2:"54aabab28c7735d34c10",3:"b7e6d57d97174b75b050",4:"11254d7e3a102121b8ec",5:"b5e24a58d047a2ec70f5",6:"124ad8222f7b043b44ae",7:"ebad93a8c5bffffd9e98",8:"f1c9fb5c9212483138d8",9:"b5aae16b3951516573ad",10:"ebbed2d956a1376f014a",11:"59c7813cc972f62b1d18",12:"879536ae7ce46f0c54ec",13:"57e51fc1b6342003f25d",14:"dce1b92c12422c24e840",15:"043879bcee1012d065fb",16:"f483f95dbac654c7de5a",17:"ff6edf624b982c354977",18:"f7633d51986d0c6798f1",19:"efae2c489054aff3096c",20:"455fd80bd8af15457c57",21:"c1b5e15e28768af52654",22:"2a873e819c6c369d5cd1",23:"d2380bf3c276e741313b",24:"56085041ae784faf3c32",25:"e23f42a6b2180b63c129",26:"606394f2e20eb1a455fa",27:"c3f7fb68797f235ad906",28:"5c93d8a260522a61d27e",29:"c5bb15e8e1bd17cdc0f7",30:"91cd2c7b75ba4aec78dc",31:"5d5e618d2ceadec7e8cb",32:"fc2213c2b57da6c25ea2",33:"f4c48aa4b6adbdec738a",34:"e5ba3c1688f3038d3d09",35:"d8abf87eeb477b4bc1f3",36:"2cadbd4ded3457625f52",37:"8dc3e1f0f3e416135406",38:"9f4a46d2ce3c9477a06b",39:"b33ea830129fb895dd77",40:"6a72d08fe0ffa0a16cf6",41:"17121c9227dddf24b37d",42:"54f2f4850c109391114a",43:"fb46c0bad10552e7ef89",44:"3d32c7e1954754671303",45:"c0accd45711184d0044d",46:"785c8076b8d217da747e",47:"b477848570e876912bdb",48:"32a6d29de6b93cd9201c",49:"1a7182d9cdf2e08ff7f0",50:"4235ecfe09e1fc4e1ca4",51:"2f363aaad04264e9f159",52:"d56e883ddcbef7c6b221",53:"ec91f2b143d0b1e708b5",54:"31eed9c38748896262d1",55:"4f96191ae2c44c6f18f7",56:"99063bd3b07926595af4",57:"ba6530916d934b70d218",58:"2241679269f18e7f14c3",59:"5c336f6f4d119300c1d8",60:"d43c13d5c29feb45e864",61:"0806aac37bd2b86e8bc2",62:"8ef5c75f77376ecd8873",63:"bbe4da77ef31a0aa9150",64:"f26939887c305ec6f7fc",65:"069ccaf5f8e5b5f3c59d",66:"5f0382c9cb76b57ba778",67:"745b9621e5297c575b33",68:"aaaa125fb978b59c2cbf",69:"bb6a8bab41cac9f11bd4",70:"a226d330de7ebb2a4c5f",71:"9551ae81326c57064dec",72:"cb1b3985b92be4556fc1",73:"b6b1fb51b601c0fafcda",74:"6206c00744e77bc84fec",75:"93eb5a61daaa3a1df425",76:"78e5a422e9fecbbd255a",77:"b3f7cf4d2b54d306c522",78:"1fc3472c5f95a0a66979",79:"69811ba75d1fceae9737",80:"12442b543aff65f2c05d",81:"00a94b58ac2affb758dc",82:"1fa56152d6bdcfd4ec14",83:"976088a6ee120b8caa17",84:"45dae077c86a1a0050ff",85:"0c7635a15cceae31d981",86:"d0d0607a424156f2d88d",87:"aee44c25b8d252c44b6e",88:"6583c4b0dc7a8f908fa2",89:"8d513b9c9d7970a612c0",90:"57319965505945b3ae7e",91:"446342439ce97b19c84f",92:"09a5823b00d6180576b9",93:"e801fdd8bbd27a68d8ee",94:"c50da77d4e1d5a44b971",95:"04507f6fadd31b01a746",96:"d4a4beef007fa347bd93",97:"8b0f08b3974b32d7bc2a",98:"69c8efc82743796dc255",99:"58cc1884c4f80303999a",102:"2629d20834840d0da10e"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},d.m=e,d.c=a,d.d=function(e,c,a){d.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},d.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(c,"a",c),c},d.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},d.p="./",d.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
src/components/mult-upload-img.vue
...@@ -4,12 +4,13 @@ ...@@ -4,12 +4,13 @@
* @Author: 无尘 * @Author: 无尘
* @Date: 2018-12-06 13:44:22 * @Date: 2018-12-06 13:44:22
* @LastEditors : 无尘 * @LastEditors : 无尘
* @LastEditTime : 2019-12-24 09:40:53 * @LastEditTime : 2019-12-24 10:29:32
--> -->
<!-- <!--
多个上传组件 多个上传组件
<mult-upload-image <mult-upload-image
:imageList="imageList" :imageList="imageList"
:originList = "originList"
:disabled="disabled" :disabled="disabled"
@deleteImage="deleteImage" @deleteImage="deleteImage"
@sortImg = "sortImg" @sortImg = "sortImg"
...@@ -106,13 +107,19 @@ export default { ...@@ -106,13 +107,19 @@ export default {
default() { default() {
return []; return [];
} }
},
originList: {
type: Array,
default() {
return [];
}
} }
}, },
data() { data() {
return { return {
dragImageList: JSON.parse(JSON.stringify(this.imageList)), // 传递的图片数据 dragImageList: JSON.parse(JSON.stringify(this.imageList)), // 传递的图片数据
fileDatas: JSON.parse(JSON.stringify(this.imageList)), fileDatas: JSON.parse(JSON.stringify(this.originList)),
initialImg: 0, // 初始索引 initialImg: 0, // 初始索引
progress: 0, // 上传进度 progress: 0, // 上传进度
pass: null, // 是否上传成功 pass: null, // 是否上传成功
...@@ -221,7 +228,7 @@ export default { ...@@ -221,7 +228,7 @@ export default {
}) })
}) })
} }
that.$emit('uploadOnSuccess',list); that.$emit('uploadOnSuccess',list, fileList);
that.pass = null; that.pass = null;
that.progress = 0; that.progress = 0;
}) })
...@@ -253,13 +260,19 @@ export default { ...@@ -253,13 +260,19 @@ export default {
// move end // move end
itemMoveEnd(evt) { itemMoveEnd(evt) {
const that = this; const that = this;
that.$emit('sortImg', that.dragImageList); for (let index = 0; index < that.dragImageList.length; index++) {
that.fileDatas[index].response.result[0].qcloudImageUrl = that.dragImageList[index].imgUrl;
}
that.$emit('sortImg', that.dragImageList, that.fileDatas);
} }
}, },
watch: { watch: {
imageList: function(newData, oldData) { imageList: function(newData, oldData) {
const that = this; const that = this;
that.dragImageList = JSON.parse(JSON.stringify(newData)); that.dragImageList = JSON.parse(JSON.stringify(newData));
},
originList: function(newData, oldData) {
const that = this;
that.fileDatas = JSON.parse(JSON.stringify(newData)); that.fileDatas = JSON.parse(JSON.stringify(newData));
} }
}, },
...@@ -267,7 +280,7 @@ export default { ...@@ -267,7 +280,7 @@ export default {
mounted() { mounted() {
const that = this; const that = this;
that.dragImageList = JSON.parse(JSON.stringify(that.imageList)); that.dragImageList = JSON.parse(JSON.stringify(that.imageList));
that.fileDatas = JSON.parse(JSON.stringify(that.imageList)); that.fileDatas = JSON.parse(JSON.stringify(that.originList));
}, },
components: { components: {
draggable draggable
......
src/views/enterpriseApp/marketingMaterial/newEnjoy.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Author: 无尘 * @Author: 无尘
* @Date: 2019-09-18 15:25:12 * @Date: 2019-09-18 15:25:12
* @LastEditors : 无尘 * @LastEditors : 无尘
* @LastEditTime : 2019-12-23 13:35:56 * @LastEditTime : 2019-12-24 10:29:49
--> -->
<!-- <!--
...@@ -28,7 +28,7 @@ components: { ...@@ -28,7 +28,7 @@ components: {
<limitTextarea :disInput="$route.query.materialId ? true : false" :inputWidth="320" :inputValue.sync="formData.materialContent" :holder="'请输入素材内容'" :maxLength="1500"> </limitTextarea> <limitTextarea :disInput="$route.query.materialId ? true : false" :inputWidth="320" :inputValue.sync="formData.materialContent" :holder="'请输入素材内容'" :maxLength="1500"> </limitTextarea>
</el-form-item> </el-form-item>
<el-form-item label="图片上传：" prop="imgUrlList"> <el-form-item label="图片上传：" prop="imgUrlList">
<mult-upload-image :disabled="$route.query.materialId ? true : false" :imageList="formData.imgUrlList" @deleteImage="deleteImage" @uploadOnSuccess="uploadOnSuccess" @sortImg="sortImg"> </mult-upload-image> <mult-upload-image :disabled="$route.query.materialId ? true : false" :originList="originList" :imageList="formData.imgUrlList" @deleteImage="deleteImage" @uploadOnSuccess="uploadOnSuccess" @sortImg="sortImg"> </mult-upload-image>
<div class="font-12 color-606266">单个图片大小不超过5M，最多支持上传9张</div> <div class="font-12 color-606266">单个图片大小不超过5M，最多支持上传9张</div>
</el-form-item> </el-form-item>
<el-form-item label="发送范围：" class="input-item is-required" prop="rangeList"> <el-form-item label="发送范围：" class="input-item is-required" prop="rangeList">
...@@ -204,6 +204,7 @@ export default { ...@@ -204,6 +204,7 @@ export default {
rangeList: [{ validator: validRange, trigger: 'change' }], rangeList: [{ validator: validRange, trigger: 'change' }],
imgUrlList: [{ required: true, validator: validImg, trigger: 'change' }] imgUrlList: [{ required: true, validator: validImg, trigger: 'change' }]
}, },
originList: [],
// 预览 // 预览
previewVisible: false, previewVisible: false,
materialPreviewData: {} materialPreviewData: {}
...@@ -213,9 +214,10 @@ export default { ...@@ -213,9 +214,10 @@ export default {
/** /**
* 上传 * 上传
*/ */
uploadOnSuccess(list) { uploadOnSuccess(list, origin) {
const that = this; const that = this;
that.formData.imgUrlList = list; that.formData.imgUrlList = list;
that.originList = origin;
/* eslint-disable */ /* eslint-disable */
console.log('上传list:',list); console.log('上传list:',list);
}, },
...@@ -225,12 +227,14 @@ export default { ...@@ -225,12 +227,14 @@ export default {
deleteImage(index) { deleteImage(index) {
const that = this; const that = this;
that.formData.imgUrlList.splice(index,1); that.formData.imgUrlList.splice(index,1);
that.originList.splice(index,1);
/* eslint-disable */ /* eslint-disable */
console.log('删除list2:',that.formData.imgUrlList); console.log('删除list2:',that.formData.imgUrlList);
}, },
sortImg(list) { sortImg(list,origin) {
const that = this; const that = this;
that.formData.imgUrlList = list; that.formData.imgUrlList = list;
that.originList = origin;
}, },
/** /**
* 确认新建 * 确认新建
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment