Commit a1c43279 by 无尘

feat: 增加素材上传

parent 020d3b34
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.1cd574ff933a24ae1f197965bd0a2bc6.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.6c174143bd427b0dc1ef.js></script><script type=text/javascript src=./static/js/vendor.329cb88147b5a2d6f4c1.js></script><script type=text/javascript src=./static/js/app.7796b5a13d0460a03675.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.62ee6d39df8da08700fba6df866d3164.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.3fbed124568062ac0697.js></script><script type=text/javascript src=./static/js/vendor.329cb88147b5a2d6f4c1.js></script><script type=text/javascript src=./static/js/app.7796b5a13d0460a03675.js></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
!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={99: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:"0c92ca6a177308e38600",1:"fe9dec1f31b04053fd7e",2:"91fc9939f46ed2248be2",3:"b7e6d57d97174b75b050",4:"11254d7e3a102121b8ec",5:"2784801807ecd1469c27",6:"124ad8222f7b043b44ae",7:"ebad93a8c5bffffd9e98",8:"f1c9fb5c9212483138d8",9:"b5aae16b3951516573ad",10:"ebbed2d956a1376f014a",11:"59c7813cc972f62b1d18",12:"879536ae7ce46f0c54ec",13:"9a6eed75cb81e8530491",14:"906484db655680062129",15:"dc1ca8ebc6cc47b86e2d",16:"2ee1cd09e02cae2867cf",17:"78c6d10043e3245cbd2a",18:"4b5e4ee96f2607285a8a",19:"9dd7022e40b25f4bf71b",20:"1b54392e7af3a5224220",21:"6a4f413720f3f3c7b17c",22:"1c7008ee04fe6b121232",23:"6586d8dbbc88ff9e7868",24:"ae973093bb8dd3a5b495",25:"0af7295ba7b1c6c894de",26:"13962bf105070352b110",27:"57f367dff6dc03b81aee",28:"4967b74d6bbb9e6cc702",29:"28ccae4d06ea6b595ca9",30:"fd04453caecf77de05a2",31:"320f1a0aa86ca13e4306",32:"5e1383bc5cac66f2999a",33:"61635e97ee430e22a19b",34:"50c83d54c676bdfa7dd4",35:"ac9cb6aa5dc9b6fc2b6f",36:"7674738e3017ed5fcc1c",37:"e223c4067dc6c2fd38ab",38:"eaa34f0904ef970709a7",39:"f4a6c4a1b3881e31a92c",40:"655877fc2e44168b8c1c",41:"89560c4643dfa5754a23",42:"5c09b508b0a58d47c09c",43:"7c7427290d655f79f005",44:"8c27aaae1582618d2ab0",45:"235e93346fe2b95897cb",46:"cc4d205e90682c5b93c0",47:"26a5ded2bad54156ad19",48:"67316f92922aa44a4689",49:"a8a17bd4a62cf533f17e",50:"1892aba5601ac79c8a77",51:"3b64bf9b851ae6715634",52:"600a530c5d3ecac3db2c",53:"f93433cfdb48cb98bb84",54:"e9011eb58ee8fb0165ad",55:"3aff1a161f4b3876181c",56:"bd1d8ffdf7749d7d6e7a",57:"77278d614a1fc68d5681",58:"f8d434e5d4758ae8626c",59:"b3e479223a01f87d8337",60:"c05387a974f25645ee7b",61:"b93d3f6b5ec653e5c4c6",62:"12ee3896f6851cd2cb4c",63:"ab6bd438d590a7aa1e85",64:"8f377047299728a7c625",65:"b9df0942284c0dbfdc27",66:"5433d9783d667005811b",67:"0f6d447133b1acbc532b",68:"7830c5679af6f8b2cb9d",69:"61cee4c7c7a26b880f84",70:"6f28138a852985cde574",71:"4cf18546d28a67295cf8",72:"fe9d1bbd12f4274225e1",73:"88e613d232847cb90be2",74:"ab208d1118bb1a9aa540",75:"b14512ee0a369c73d41f",76:"6143595e7025663becbc",77:"98f5d41a602eec297e70",78:"bd75ce697ff5a3211d53",79:"7ede10f0ba3b16700fc9",80:"4d61def8e6694657ea56",81:"e7670320995684cfa512",82:"4194ad3d53ad440bfb80",83:"44fd11f0fbdad5fdfe01",84:"1823d3e667816d0f2259",85:"779373ab4595fb2a48f9",86:"72fd057b1111acefbe95",87:"f616874d7e40fcf1caa1",88:"5e52821a3ece9ccdeb3f",89:"85a2bbd9554df0f81300",90:"6d7f539733951e52b9e1",91:"44545722d2e68c8f5b69",92:"b5b46350bd10a723b0b2",93:"0cf2ca11a7d3aa4b1ef3",94:"4eb1775c97e0c0097641",95:"d14fcdfe817ed45c25db",98:"4afc4e966f02914d8565"}[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
!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={99: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:"0c92ca6a177308e38600",1:"fe9dec1f31b04053fd7e",2:"ad5fe70590fb5b286840",3:"b7e6d57d97174b75b050",4:"11254d7e3a102121b8ec",5:"2784801807ecd1469c27",6:"124ad8222f7b043b44ae",7:"ebad93a8c5bffffd9e98",8:"f1c9fb5c9212483138d8",9:"b5aae16b3951516573ad",10:"ebbed2d956a1376f014a",11:"59c7813cc972f62b1d18",12:"879536ae7ce46f0c54ec",13:"72a3eaee988294af1a6d",14:"906484db655680062129",15:"dc1ca8ebc6cc47b86e2d",16:"2ee1cd09e02cae2867cf",17:"78c6d10043e3245cbd2a",18:"4b5e4ee96f2607285a8a",19:"26cf7aee0ca5b60551a1",20:"1b54392e7af3a5224220",21:"6a4f413720f3f3c7b17c",22:"1c7008ee04fe6b121232",23:"6586d8dbbc88ff9e7868",24:"ae973093bb8dd3a5b495",25:"0af7295ba7b1c6c894de",26:"13962bf105070352b110",27:"57f367dff6dc03b81aee",28:"4967b74d6bbb9e6cc702",29:"28ccae4d06ea6b595ca9",30:"fd04453caecf77de05a2",31:"320f1a0aa86ca13e4306",32:"5e1383bc5cac66f2999a",33:"61635e97ee430e22a19b",34:"50c83d54c676bdfa7dd4",35:"ac9cb6aa5dc9b6fc2b6f",36:"7674738e3017ed5fcc1c",37:"e223c4067dc6c2fd38ab",38:"eaa34f0904ef970709a7",39:"f4a6c4a1b3881e31a92c",40:"655877fc2e44168b8c1c",41:"89560c4643dfa5754a23",42:"5c09b508b0a58d47c09c",43:"7c7427290d655f79f005",44:"8c27aaae1582618d2ab0",45:"235e93346fe2b95897cb",46:"cc4d205e90682c5b93c0",47:"26a5ded2bad54156ad19",48:"67316f92922aa44a4689",49:"a8a17bd4a62cf533f17e",50:"1892aba5601ac79c8a77",51:"3b64bf9b851ae6715634",52:"600a530c5d3ecac3db2c",53:"f93433cfdb48cb98bb84",54:"e9011eb58ee8fb0165ad",55:"3aff1a161f4b3876181c",56:"bd1d8ffdf7749d7d6e7a",57:"77278d614a1fc68d5681",58:"f8d434e5d4758ae8626c",59:"b3e479223a01f87d8337",60:"c05387a974f25645ee7b",61:"b93d3f6b5ec653e5c4c6",62:"12ee3896f6851cd2cb4c",63:"ab6bd438d590a7aa1e85",64:"8f377047299728a7c625",65:"b9df0942284c0dbfdc27",66:"5433d9783d667005811b",67:"0f6d447133b1acbc532b",68:"7830c5679af6f8b2cb9d",69:"61cee4c7c7a26b880f84",70:"6f28138a852985cde574",71:"4cf18546d28a67295cf8",72:"fe9d1bbd12f4274225e1",73:"88e613d232847cb90be2",74:"ab208d1118bb1a9aa540",75:"b14512ee0a369c73d41f",76:"6143595e7025663becbc",77:"98f5d41a602eec297e70",78:"bd75ce697ff5a3211d53",79:"7ede10f0ba3b16700fc9",80:"4d61def8e6694657ea56",81:"e7670320995684cfa512",82:"4194ad3d53ad440bfb80",83:"44fd11f0fbdad5fdfe01",84:"1823d3e667816d0f2259",85:"779373ab4595fb2a48f9",86:"72fd057b1111acefbe95",87:"f616874d7e40fcf1caa1",88:"5e52821a3ece9ccdeb3f",89:"85a2bbd9554df0f81300",90:"6d7f539733951e52b9e1",91:"44545722d2e68c8f5b69",92:"b5b46350bd10a723b0b2",93:"0cf2ca11a7d3aa4b1ef3",94:"4eb1775c97e0c0097641",95:"d14fcdfe817ed45c25db",98:"4afc4e966f02914d8565"}[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
......@@ -4,13 +4,14 @@
* @Author: 无尘
* @Date: 2018-12-06 13:44:22
* @LastEditors: 无尘
* @LastEditTime: 2019-12-10 11:45:40
* @LastEditTime: 2019-12-10 13:56:59
-->
<!--
多个上传组件
<mult-upload-image
:imageList="imageList"
@deleteImage="deleteImage">
@deleteImage="deleteImage"
@uploadOnSuccess="uploadOnSuccess">
</mult-upload-image>
-->
<template>
......@@ -20,8 +21,8 @@
<draggable :options="{ group: { name: 'people', pull: false, put: true }, sort: true }" v-model="dragImageList" @end="itemMoveEnd" class="drag-wrap" style="display: contents;">
<transition-group name="slide-fade">
<div v-for="(item, index) in imageList" :class="['img-content', index >= 6 ? 'm-t-8' : '']" :key="index">
<a class="item-img" :href="item.url">
<img :src="item.url" alt="上传图片" />
<a class="item-img" :href="item.imgUrl">
<img :src="item.imgUrl" alt="上传图片" />
</a>
<!-- 预览和删除按钮 -->
<div class="upload-icon__btn">
......@@ -37,7 +38,7 @@
</div>
<!-- 图片上传部分 -->
<div :class="['img-upload', imageList.length >= 6 ? 'm-t-8' : '']" v-if="imageList && imageList.length < maxImageLength">
<el-upload multiple class="loader" accept="image/jpg,image/jpeg,image/png,image/gif,image/bmp" :action="uploadUrl()" list-type="picture-card" :limit="9" :on-exceed="handleExceed" :on-change="uploadOnChange" :before-upload="beforeAvatarUpload" :on-success="uploadOnSuccess" :on-error="uploadOnError" :on-progress="uploadOnProgress" :file-list="fileDatas">
<el-upload multiple class="loader" accept="image/jpg,image/jpeg,image/png,image/gif,image/bmp" :action="uploadUrl()" list-type="picture-card" :limit="9" :on-exceed="handleExceed" :on-change="uploadOnChange" :before-upload="beforeAvatarUpload" :on-error="uploadOnError" :on-progress="uploadOnProgress" :file-list="fileDatas">
<i class="el-icon-plus gic-upload-btn"></i>
</el-upload>
</div>
......@@ -186,19 +187,6 @@ export default {
})
);
},
// 上传成功
uploadOnSuccess(res, file) {
const that = this;
that.pass = true;
/* eslint-disable */
console.log(res, file);
if (res.errorCode == 1) {
that.$message.success('上传成功');
that.$emit('uploadOnSuccess', { res: res, file: file });
} else {
that.$message.error(res.message);
}
},
// 开始上传
uploadOnProgress(e, file) {
const that = this;
......@@ -215,7 +203,17 @@ export default {
that.$message.error('图片上传失败,请重试!');
}
/* eslint-disable */
console.log(fileList, that.fileDatas)
that.fileDatas = fileList;
let list = [];
if (fileList.length) {
fileList.forEach(ele => {
list.push({
imgUrl:ele.response.result[0].qcloudImageUrl
})
})
}
that.$emit('uploadOnSuccess',list)
console.log('fileList:',fileList, that.fileDatas)
},
handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 9 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`);
......
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-09-18 15:25:12
* @LastEditors: 无尘
* @LastEditTime: 2019-12-10 13:47:37
* @LastEditTime: 2019-12-10 13:57:32
-->
<!--
......@@ -28,7 +28,7 @@ components: {
<limitTextarea :inputWidth="320" :inputValue.sync="formData.materialContent" :holder="'请输入素材内容'" :maxLength="1500"> </limitTextarea>
</el-form-item>
<el-form-item label="图片上传:" prop="imgUrlList">
<mult-upload-image :imageList="formData.imgUrlList" @uploadOnSuccess="uploadOnSuccess"> </mult-upload-image>
<mult-upload-image :imageList="formData.imgUrlList" @deleteImage="deleteImage" @uploadOnSuccess="uploadOnSuccess"> </mult-upload-image>
</el-form-item>
<el-form-item label="发送范围:" class="input-item is-required" prop="rangeList">
<div class="form-item-tip fonr-14 color-909399">下面两项可二选一,非全选。可选择行政架构或门店架构</div>
......@@ -217,7 +217,16 @@ export default {
const that = this;
that.formData.imgUrlList = list;
/* eslint-disable */
console.log(list);
console.log('list:',list);
},
/**
* 上传图片删除
*/
deleteImage(index) {
const that = this;
that.formData.imgUrlList.splice(index,1);
/* eslint-disable */
console.log('list2:',that.formData.imgUrlList);
},
/**
* 确认新建
......
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-04-12 17:56:45
* @LastEditors: 无尘
* @LastEditTime: 2019-12-09 10:05:22
* @LastEditTime: 2019-12-10 14:06:54
-->
<template>
<div class="notice-list-wrap">
......@@ -666,6 +666,8 @@ export default {
that.defaultSelection = data.result.adminStructor;
that.defaultStoreList = data.result.storeStructor;
data.result.pageTop = data.result.pageTop ? false : true;
data.result.newSeeFlag = data.result.newSeeFlag ? false : true;
data.result.watermarkFlag = data.result.watermarkFlag ? false : true;
data.result.sendType = String(data.result.sendType);
data.result.receiveType = String(data.result.receiveType);
that.dateValue = formatDate(data.result.sendTime);
......
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-04-12 17:56:45
* @LastEditors: 无尘
* @LastEditTime: 2019-12-09 09:49:52
* @LastEditTime: 2019-12-10 14:04:45
-->
<template>
<div class="notice-list-wrap">
......@@ -41,7 +41,7 @@
<el-input @keyup.enter.native="searchNotice" clearable class="search-input" placeholder="请输入公告标题" prefix-icon="el-icon-search" v-model="searchTitle" @clear="clearInput"> </el-input>
<el-date-picker @change="changeDate" class="search-date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="dateValue" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
<span class="new-visible">
<el-checkbox v-model="newSeeGlag" @change="changeFlag">新员工可见</el-checkbox>
<el-checkbox v-model="newSeeFlag" @change="changeFlag">新员工可见</el-checkbox>
</span>
<el-button @click="addNotice" class="fr" type="primary">新建公告</el-button>
</div>
......@@ -78,7 +78,7 @@
</el-table-column>
<el-table-column prop="address" label="新员工可见">
<template slot-scope="scope">
<el-switch v-model="scope.row.newSeeGlag" active-text="" inactive-text="" @change="changeNewVisible($event, scope.$index, scope.row)"> </el-switch>
<el-switch v-model="scope.row.newSeeFlag" active-text="" inactive-text="" @change="changeNewVisible($event, scope.$index, scope.row)"> </el-switch>
</template>
</el-table-column>
<el-table-column prop="opr" label="操作">
......@@ -167,7 +167,7 @@ export default {
activeBrand: this.brandId, // 商户(品牌) id
activeGroup: this.activeGroupId, // 商户(品牌) groupId
searchTitle: '',
newSeeGlag: false, // 新员工可见
newSeeFlag: false, // 新员工可见
dateValue: '',
startTime: '',
endTime: '',
......@@ -501,7 +501,7 @@ export default {
labelId: that.activeClassify || '',
startTime: that.startTime,
brandId: that.activeBrand,
newSeeGlag: that.newSeeGlag? 1 : 0,
newSeeFlag: that.newSeeFlag? 1 : 0,
title: that.searchTitle,
endTime: that.endTime,
pageNum: that.currentPage,
......@@ -513,7 +513,7 @@ export default {
if (data.errorCode == 1) {
if (data.result.list && data.result.list.length) {
data.result.list.forEach(ele => {
ele.newSeeGlag = ele.newSeeGlag == 1? true:false;
ele.newSeeFlag = ele.newSeeFlag == 1? true:false;
})
}
that.tableData = data.result.list || [];
......
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