Skip to content

C
clique-web
Commit 74e8dd8b by 无尘
Options

add: 增加上传图片预览插件

parent 6430913f
Showing with 42 additions and 13 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>GIC-集团后台</title><link href=./static/css/app.5beb295110a985fd3f20d99974c6b7a1.css rel=stylesheet></head><body style="background-color: #f0f2f5;min-width: 1400px;"><div id=app></div><script type=text/javascript src=./static/js/manifest.9273ddd326fdc002c9b5.js></script><script type=text/javascript src=./static/js/vendor.634a4bfa2fa26d2b4636.js></script><script type=text/javascript src=./static/js/app.7cb20456a13884462de7.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>GIC-集团后台</title><link href=./static/css/app.da59ddb6789b7e5811ae47f9b0896d83.css rel=stylesheet></head><body style="background-color: #f0f2f5;min-width: 1400px;"><div id=app></div><script type=text/javascript src=./static/js/manifest.c28dcb3f3650e7384e1b.js></script><script type=text/javascript src=./static/js/vendor.0c507165c4ba79a63fe1.js></script><script type=text/javascript src=./static/js/app.3f3e08e549cee4e32d12.js></script></body></html>
\ No newline at end of file
dist/static/js/manifest.9273ddd326fdc002c9b5.js → dist/static/js/manifest.c28dcb3f3650e7384e1b.js
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,d){for(var f,o,b,i=0,u=[];i<c.length;i++)o=c[i],n[o]&&u.push(n[o][0]),n[o]=0;for(f in t)Object.prototype.hasOwnProperty.call(t,f)&&(e[f]=t[f]);for(a&&a(c,t,d);u.length;)u.shift()();if(d)for(i=0;i<d.length;i++)b=r(r.s=d[i]);return b};var c={},n={33:0};function r(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,r){a=n[e]=[c,r]});a[2]=c;var t=document.getElementsByTagName("head")[0],d=document.createElement("script");d.type="text/javascript",d.charset="utf-8",d.async=!0,d.timeout=12e4,r.nc&&d.setAttribute("nonce",r.nc),d.src=r.p+"static/js/"+e+"."+{0:"941b7928ac3ec125dffe",1:"d84116ddb7da8d636dae",2:"898e902c03247d4950cd",3:"c2dbaee2092c89d6bb92",4:"b4dcc6aadf91150f66db",5:"5b1afe039b0196c0894f",6:"2a27b6ee8413b8c3f627",7:"f356c8f6136a4f23a8aa",8:"e098e85a0326ac5e10f6",9:"4aedd9d9f32e5bd5b794",10:"3b6408b1d99252eda551",11:"f0b71dac5722ed6c4628",12:"b8af2fcb45c72480bdb0",13:"aeb35c8a0dafd5d162c6",14:"b3cb63d509fb1a06a935",15:"d4d84253d926c74f4aa9",16:"0deb7014f6e949104733",17:"3b9e1540c21a66e580d6",18:"a007799596487757e1ca",19:"ae6a42bb58a2bff32ae2",20:"5ca1dc2a926da3f19f62",21:"2d9d159547fd48b0ad9c",22:"f68b7dbd357d65f46fca",23:"c3d64d2c7ba03967c4a8",24:"56f2057036ab22585e0e",25:"2133fdde82de7785cbc4",26:"30fb9f14c41e89141c15",27:"b9fd5f8677a43cab4a3f",28:"44deebcea6ccd096081f",29:"9339e8311b77c469e738",30:"ebb71c6a502890f047f8"}[e]+".js";var f=setTimeout(o,12e4);function o(){d.onerror=d.onload=null,clearTimeout(f);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return d.onerror=d.onload=o,t.appendChild(d),c},r.m=e,r.c=c,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="./",r.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.9273ddd326fdc002c9b5.js.map
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,f){for(var d,o,b,i=0,u=[];i<c.length;i++)o=c[i],n[o]&&u.push(n[o][0]),n[o]=0;for(d in t)Object.prototype.hasOwnProperty.call(t,d)&&(e[d]=t[d]);for(a&&a(c,t,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)b=r(r.s=f[i]);return b};var c={},n={33:0};function r(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,r){a=n[e]=[c,r]});a[2]=c;var t=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,r.nc&&f.setAttribute("nonce",r.nc),f.src=r.p+"static/js/"+e+"."+{0:"941b7928ac3ec125dffe",1:"d84116ddb7da8d636dae",2:"898e902c03247d4950cd",3:"c2dbaee2092c89d6bb92",4:"b4dcc6aadf91150f66db",5:"5b1afe039b0196c0894f",6:"2a27b6ee8413b8c3f627",7:"f356c8f6136a4f23a8aa",8:"e098e85a0326ac5e10f6",9:"4aedd9d9f32e5bd5b794",10:"3b6408b1d99252eda551",11:"f0b71dac5722ed6c4628",12:"b8af2fcb45c72480bdb0",13:"fe6ae03c95a9571f97a5",14:"fbf1a2b02495d327fea8",15:"d4d84253d926c74f4aa9",16:"0deb7014f6e949104733",17:"3b9e1540c21a66e580d6",18:"a007799596487757e1ca",19:"ae6a42bb58a2bff32ae2",20:"5ca1dc2a926da3f19f62",21:"2d9d159547fd48b0ad9c",22:"f68b7dbd357d65f46fca",23:"c3d64d2c7ba03967c4a8",24:"56f2057036ab22585e0e",25:"2133fdde82de7785cbc4",26:"30fb9f14c41e89141c15",27:"b9fd5f8677a43cab4a3f",28:"44deebcea6ccd096081f",29:"9339e8311b77c469e738",30:"ebb71c6a502890f047f8"}[e]+".js";var d=setTimeout(o,12e4);function o(){f.onerror=f.onload=null,clearTimeout(d);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return f.onerror=f.onload=o,t.appendChild(f),c},r.m=e,r.c=c,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="./",r.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.c28dcb3f3650e7384e1b.js.map
\ No newline at end of file
dist/static/js/vendor.0c507165c4ba79a63fe1.js.map 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/vendor.634a4bfa2fa26d2b4636.js.map deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
package-lock.json
......@@ -107,6 +107,14 @@
"vue": "^2.5.11"
}
},
"@gic-test/vue-gic-img-preview": {
"version": "1.0.10",
"resolved": "http://www.gicdev.com:7001/@gic-test/vue-gic-img-preview/download/@gic-test/vue-gic-img-preview-1.0.10.tgz",
"integrity": "sha1-30yRAqxRiWHkKwHLVvdokUHSDtI=",
"requires": {
"vue": "^2.5.11"
}
},
"@riophae/vue-treeselect": {
"version": "0.0.29",
"resolved": "https://registry.npmjs.org/@riophae/vue-treeselect/-/vue-treeselect-0.0.29.tgz",
......
package.json
......@@ -14,6 +14,7 @@
"@gic-test/vue-gic-aside-menu": "^1.1.45",
"@gic-test/vue-gic-footer": "^1.0.8",
"@gic-test/vue-gic-header": "^1.3.31",
"@gic-test/vue-gic-img-preview": "^1.0.10",
"@riophae/vue-treeselect": "0.0.29",
"@tinymce/tinymce-vue": "^1.0.8",
"element-ui": "^2.3.9",
......
src/main.js
import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI ,{ Message } from 'element-ui'
import ElementUI, { Message } from 'element-ui'
import VueAxios from 'vue-axios'
import axios from 'axios'
import store from './store/store'
......@@ -16,7 +16,9 @@ import vueGicAsideMenu from '@gic-test/vue-gic-aside-menu'
import vueAreaAb from '@gic-test/vue-area-ab'
// 新增公共 footer插件
import vueGicFooter from '@gic-test/vue-gic-footer'
import vueGicImgPreview from '@gic-test/vue-gic-img-preview'
Vue.use(vueGicImgPreview)
Vue.use(vueGicFooter)
Vue.use(vueAreaAb)
......@@ -24,10 +26,10 @@ Vue.use(vueGicAsideMenu)
Vue.use(vueGicHeader)
Vue.config.productionTip = false;
Vue.use(ElementUI,{size: 'large'});
Vue.use(VueAxios,axios);
Vue.use(ElementUI, { size: 'large' });
Vue.use(VueAxios, axios);
Vue.axios.defaults.withCredentials = true ;// 跨域cookie访问
Vue.axios.defaults.withCredentials = true; // 跨域cookie访问
Vue.axios.interceptors.request.use(
config => {
return config;
......@@ -38,13 +40,13 @@ Vue.axios.interceptors.request.use(
});
Vue.axios.interceptors.response.use(
response => {
console.log("main:",response);
if(response.status == 200 && response.data.errorCode == 1) {
console.log("main:", response);
if (response.status == 200 && response.data.errorCode == 1) {
// router.replace({
// path: 'login',
// query: {redirect: router.currentRoute.fullPath}
// })
console.log("main:",response);
console.log("main:", response);
}
return response;
},
......
src/view/companyGroup/membershipSystem/companyGroupInfo.vue
......@@ -38,7 +38,7 @@
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload">
<div class="avatar-uploader-wrap" v-loading="uploadLoading">
<img v-if="ruleForm.qcloudImageUrl" :src="ruleForm.qcloudImageUrl" class="avatar">
<img v-if="ruleForm.qcloudImageUrl" :src="ruleForm.qcloudImageUrl" class="avatar" @mouseover="showImage(ruleForm.qcloudImageUrl)">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</div>
</el-upload>
......@@ -110,6 +110,7 @@
</div>
</div>
</div>
<vue-gic-img-preview :imgUrl="imgUrl" :imgShowFlag="imgShowFlag" @hideImage="hideImage"></vue-gic-img-preview>
<vue-gic-footer></vue-gic-footer>
</div>
</template>
......@@ -147,6 +148,10 @@ export default {
upUrl: '',// 上传地址
uploadLoading: false,
// 预览上传图片
imgShowFlag: false, // 是否弹框显示图片,true: 显示；false: 不显示
imgUrl: '',
ruleForm: {
cliqueName: '',
enterpriseName: '',
......@@ -238,6 +243,19 @@ export default {
methods: {
// 预览图片方法
showImage(src) {
var that = this
console.log(src)
that.imgShowFlag = true;
that.imgUrl = src;
},
hideImage(val) {
var that = this
console.log(val)
that.imgShowFlag = false
},
uploadUrl() {
var that = this
var host = window.location.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