修改前端页面

kongdeqiang

2023-09-15 0891b02adb0ae89391c6fff8f4e8937bdd750c16

 src/main.js

@@ -14,6 +14,9 @@
import StringUtil from './assets/js/StringUtil'
import TscPrintUtil from './assets/js/TscPrintUtil'
import Print from './assets/js/print'
import moment from 'moment'
import store from './store/index' // 引入vuex
Vue.prototype.$moment = moment;
Vue.use(Print) // 注册
import ViewUI from 'view-design';

@@ -21,12 +24,42 @@

// import style
import 'view-design/dist/styles/iview.css';
import preview from 'vue-photo-preview'
//preview的参数
var option = {
    minZoom:0.3,
    maxSpreadZoom: 20, // 控制预览图最大的倍数，默认是2倍，我这里改成了原图
    fullscreenEl: false, //控制是否显示右上角全屏按钮
    closeEl: true, //控制是否显示右上角关闭按钮
    tapToClose: true, //点击滑动区域应关闭图库
    shareEl: false, //控制是否显示分享按钮
    zoomEl: true, //控制是否显示放大缩小按钮
    counterEl: true, //控制是否显示左上角图片数量按钮
    arrowEl: true,  //控制如图的左右箭头（pc浏览器模拟手机时）
    tapToToggleControls: true, //点击应切换控件的可见性
    allowPanToNext:true, //当前项目缩放时，允许滑动到下一个/上一个项目
    clickToCloseNonZoomable: false,//点击图片应关闭图库，仅当图像小于视口的大小时
    closeOnVerticalDrag:false,//垂直拖动和未缩放图像时，请关闭图库
    pinchToClose:false,//捏以关闭画廊手势
    getDoubleTapZoom:()=>1 //函数应返回缩放级别，在双击手势后，用户单击缩放图标或鼠标单击图像本身时，图像将缩放到该级别
}
Vue.use(preview,option)

Vue.use(ViewUI);
Vue.config.productionTip = false
Vue.use(ElementUI, {
    size: 'small'
});
Vue.use(ElementUI);

import echarts from 'echarts'
Vue.prototype.$echarts = echarts;

import '@/utils/lib-fiexible'

import {getStore,setStore,removeStore} from "./libs/store";

Vue.prototype.getStore = getStore
Vue.prototype.setStore = setStore
Vue.prototype.removeStore = removeStore

Vue.prototype.$axios = axios;
axios.defaults.withCredentials = true
// 对提交的数据进行json序列化,可能存在问题,暂时未发现什么问题
@@ -43,19 +76,28 @@
// 配置文件
Vue.prototype.$systemconfig = {
// 服务端路径
    basePath: 'http://183.196.93.178:8089',
    //basePath:'http://127.0.0.1:8089'
    //basePath: 'http://183.196.93.178:8089',
    basePath:'http://127.0.0.1:8089'
}
Vue.prototype.$byutil = byUtils
Vue.prototype.$stringUtil = StringUtil
Vue.prototype.$tscPrintUtil = TscPrintUtil

// const rolesList = JSON.parse(localStorage.getItem('userRouters'))
//使用钩子函数对路由进行权限跳转
// router.beforeEach((to, from, next) => {
//     let user = byUtils.getUser()
//     if (!user && to.path!== '/') {
//         next('/');
//     }

//    console.log(to,"触发了",router.options.routes);
//    // type 2 : all admin
//    // type 0 :  泊车 id:2
//    // type 1 :  执法 id:3



//    next();
//         //
//     // if (to.path==='/login') {
//     //     byUtils.setUser(null)
@@ -76,6 +118,7 @@
//         } else {
//             next();
//         }

//     // }
// })
// router.beforeEach((to, from, next) => {
@@ -109,5 +152,6 @@

new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')