修改前端页面

kongdeqiang

2023-06-06 6f1282471e5fd213443ac1f6dabfd3ef8b08c5c3

修改前端页面

 package-lock.json

Diff too large

 package.json

@@ -30,6 +30,7 @@
    "view-design": "^4.2.0",
    "vue": "^2.5.21",
    "vue-cropperjs": "^3.0.0",
    "vue-photo-preview": "^1.1.3",
    "vue-quill-editor": "^3.0.6",
    "vue-router": "^3.0.1",
    "vue-schart": "^1.0.0",

 public/words/administrativeDecisionLetter.docx

Binary files differ

 src/components/page/enterpark/index.vue

@@ -1,6 +1,6 @@
<template>
  <div class="mod-config">
      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
  <div class="mod-config" style="padding: 10px 10px 0px 10px;">
      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" >
        <el-form-item label="车牌号">
          <el-input v-model="searchForm.carNo" clearable></el-input>
        </el-form-item>
@@ -128,11 +128,11 @@
      },
      onPageSizeChange(val) {
        this.pageData.pageSize = val;
        this.loadData();
        this.getDataList();
      },
      onCurrentPageChange(val) {
        this.pageData.page = val;
        this.loadData();
        this.getDataList();
      },
    }
  }

 src/components/page/outPark/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="mod-config">
  <div class="mod-config" style="padding: 10px 10px 0px 10px;">
      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
        <el-form-item label="车牌号">
          <el-input v-model="searchForm.carNo" clearable></el-input>
@@ -168,11 +168,11 @@
      },
      onPageSizeChange(val) {
        this.pageData.pageSize = val;
        this.loadData();
        this.getDataList();
      },
      onCurrentPageChange(val) {
        this.pageData.page = val;
        this.loadData();
        this.getDataList();
      },
    }
  }

 src/components/page/parkticket/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="mod-config">
  <div class="mod-config" style="padding: 10px 10px 0px 10px;">
      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
        <el-form-item label="车牌号">
          <el-input v-model="searchForm.carNo" clearable></el-input>
@@ -177,11 +177,11 @@
      },
      onPageSizeChange(val) {
        this.pageData.pageSize = val;
        this.loadData();
        this.getDataList();
      },
      onCurrentPageChange(val) {
        this.pageData.page = val;
        this.loadData();
        this.getDataList();
      },
    }
  }

 src/components/page/ticket/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="mod-config">
  <div class="mod-config" style="padding: 10px 10px 0px 10px;">
      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
        <el-form-item label="车牌号">
          <el-input v-model="searchForm.carNo" clearable></el-input>
@@ -199,11 +199,11 @@
      },
      onPageSizeChange(val) {
        this.pageData.pageSize = val;
        this.loadData();
        this.getDataList();
      },
      onCurrentPageChange(val) {
        this.pageData.page = val;
        this.loadData();
        this.getDataList();
      },
      pictureHandle(data) {
         console.log(data,'data=====')

 src/components/page/zfticket/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="mod-config">
  <div class="mod-config" style="padding: 10px 10px 0px 10px;">
      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
        <el-form-item label="车牌号">
          <el-input v-model="searchForm.carNo" clearable></el-input>
@@ -157,11 +157,11 @@
      },
      onPageSizeChange(val) {
        this.pageData.pageSize = val;
        this.loadData();
        this.getDataList();
      },
      onCurrentPageChange(val) {
        this.pageData.page = val;
        this.loadData();
        this.getDataList();
      },
    }
  }

 src/main.js

@@ -23,6 +23,26 @@

// 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.config.js

@@ -11,12 +11,12 @@
    assetsDir: 'static',
    productionSourceMap: false,
    devServer: {
        sockHost: 'demo.my-domain.com',
        sockHost: 'localhost',
        disableHostCheck: true,
        proxy: {
            '/api':{
                //target:'http://183.196.93.178',
                target:'http://127.0.0.1',
                target:'http://183.196.93.178',
                //target:'http://127.0.0.1',
                changeOrigin:true,
                pathRewrite:{
                    '/api':''