Skip to content

C
clique-web
Commit 74e8dd8b by 无尘
Options

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

parent 6430913f
Showing with 82 additions and 52 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> <!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 \ 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}}([]); !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.9273ddd326fdc002c9b5.js.map //# sourceMappingURL=manifest.c28dcb3f3650e7384e1b.js.map
\ No newline at end of file \ 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 @@ ...@@ -107,6 +107,14 @@
"vue": "^2.5.11" "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": { "@riophae/vue-treeselect": {
"version": "0.0.29", "version": "0.0.29",
"resolved": "https://registry.npmjs.org/@riophae/vue-treeselect/-/vue-treeselect-0.0.29.tgz", "resolved": "https://registry.npmjs.org/@riophae/vue-treeselect/-/vue-treeselect-0.0.29.tgz",
......
package.json
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
"@gic-test/vue-gic-aside-menu": "^1.1.45", "@gic-test/vue-gic-aside-menu": "^1.1.45",
"@gic-test/vue-gic-footer": "^1.0.8", "@gic-test/vue-gic-footer": "^1.0.8",
"@gic-test/vue-gic-header": "^1.3.31", "@gic-test/vue-gic-header": "^1.3.31",
"@gic-test/vue-gic-img-preview": "^1.0.10",
"@riophae/vue-treeselect": "0.0.29", "@riophae/vue-treeselect": "0.0.29",
"@tinymce/tinymce-vue": "^1.0.8", "@tinymce/tinymce-vue": "^1.0.8",
"element-ui": "^2.3.9", "element-ui": "^2.3.9",
......
src/main.js
import Vue from 'vue' import Vue from 'vue'
import App from './App' import App from './App'
import router from './router' import router from './router'
import ElementUI ,{ Message } from 'element-ui' import ElementUI, { Message } from 'element-ui'
import VueAxios from 'vue-axios' import VueAxios from 'vue-axios'
import axios from 'axios' import axios from 'axios'
import store from './store/store' import store from './store/store'
...@@ -16,7 +16,9 @@ import vueGicAsideMenu from '@gic-test/vue-gic-aside-menu' ...@@ -16,7 +16,9 @@ import vueGicAsideMenu from '@gic-test/vue-gic-aside-menu'
import vueAreaAb from '@gic-test/vue-area-ab' import vueAreaAb from '@gic-test/vue-area-ab'
// 新增公共 footer插件 // 新增公共 footer插件
import vueGicFooter from '@gic-test/vue-gic-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(vueGicFooter)
Vue.use(vueAreaAb) Vue.use(vueAreaAb)
...@@ -24,48 +26,48 @@ Vue.use(vueGicAsideMenu) ...@@ -24,48 +26,48 @@ Vue.use(vueGicAsideMenu)
Vue.use(vueGicHeader) Vue.use(vueGicHeader)
Vue.config.productionTip = false; Vue.config.productionTip = false;
Vue.use(ElementUI,{size: 'large'}); Vue.use(ElementUI, { size: 'large' });
Vue.use(VueAxios,axios); Vue.use(VueAxios, axios);
Vue.axios.defaults.withCredentials = true ;// 跨域cookie访问 Vue.axios.defaults.withCredentials = true; // 跨域cookie访问
Vue.axios.interceptors.request.use( Vue.axios.interceptors.request.use(
config => { config => {
return config; return config;
}, },
err => { err => {
console.log('requesterr' + err); console.log('requesterr' + err);
return Promise.reject(err); return Promise.reject(err);
}); });
Vue.axios.interceptors.response.use( Vue.axios.interceptors.response.use(
response => { response => {
console.log("main:",response); console.log("main:", response);
if(response.status == 200 && response.data.errorCode == 1) { if (response.status == 200 && response.data.errorCode == 1) {
// router.replace({ // router.replace({
// path: 'login', // path: 'login',
// query: {redirect: router.currentRoute.fullPath} // query: {redirect: router.currentRoute.fullPath}
// }) // })
console.log("main:",response); console.log("main:", response);
} }
return response; return response;
}, },
error => { error => {
console.log(error); console.log(error);
if (error.response) { if (error.response) {
switch (error.response.status) { switch (error.response.status) {
case 401: case 401:
// 401 清除token信息并跳转到登录页面 // 401 清除token信息并跳转到登录页面
// store.commit(types.LOGOUT); // store.commit(types.LOGOUT);
// router.replace({ // router.replace({
// path: 'login', // path: 'login',
// query: {redirect: router.currentRoute.fullPath} // query: {redirect: router.currentRoute.fullPath}
// }); // });
window.location.href = window.location.origin + '/gic-web/#/'; window.location.href = window.location.origin + '/gic-web/#/';
case 500: case 500:
Message.error('服务器500') Message.error('服务器500')
} }
} }
return Promise.reject(error.response.data) return Promise.reject(error.response.data)
}); });
// router.beforeEach((to, from, next) => { // router.beforeEach((to, from, next) => {
// console.log("") // console.log("")
...@@ -76,9 +78,9 @@ Vue.axios.interceptors.response.use( ...@@ -76,9 +78,9 @@ Vue.axios.interceptors.response.use(
/* eslint-disable no-new */ /* eslint-disable no-new */
new Vue({ new Vue({
el: '#app', el: '#app',
router, router,
store, store,
components: { App }, components: { App },
template: '<App/>' template: '<App/>'
}); });
\ No newline at end of file
src/view/companyGroup/membershipSystem/companyGroupInfo.vue
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
:on-success="handleAvatarSuccess" :on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"> :before-upload="beforeAvatarUpload">
<div class="avatar-uploader-wrap" v-loading="uploadLoading"> <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> <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</div> </div>
</el-upload> </el-upload>
...@@ -110,6 +110,7 @@ ...@@ -110,6 +110,7 @@
</div> </div>
</div> </div>
</div> </div>
<vue-gic-img-preview :imgUrl="imgUrl" :imgShowFlag="imgShowFlag" @hideImage="hideImage"></vue-gic-img-preview>
<vue-gic-footer></vue-gic-footer> <vue-gic-footer></vue-gic-footer>
</div> </div>
</template> </template>
...@@ -147,6 +148,10 @@ export default { ...@@ -147,6 +148,10 @@ export default {
upUrl: '',// 上传地址 upUrl: '',// 上传地址
uploadLoading: false, uploadLoading: false,
// 预览上传图片
imgShowFlag: false, // 是否弹框显示图片,true: 显示；false: 不显示
imgUrl: '',
ruleForm: { ruleForm: {
cliqueName: '', cliqueName: '',
enterpriseName: '', enterpriseName: '',
...@@ -238,6 +243,19 @@ export default { ...@@ -238,6 +243,19 @@ export default {
methods: { 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() { uploadUrl() {
var that = this var that = this
var host = window.location.origin; 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