From 4a6d616463f106943bba3e9470f3564abc989969 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 13 Oct 2021 16:19:54 +0800
Subject: [PATCH] 通知通告和 状态颜色
---
src/views/qualificationExamination/paymentInquiry.vue | 1031 +++++++++++++++++++-------------------
src/router/views/index.js | 2
src/components/map/main.vue | 555 ++++++++++----------
src/styles/element-ui.scss | 24
4 files changed, 802 insertions(+), 810 deletions(-)
diff --git a/src/components/map/main.vue b/src/components/map/main.vue
index 2e69e7e..c7e927d 100644
--- a/src/components/map/main.vue
+++ b/src/components/map/main.vue
@@ -7,340 +7,331 @@
* @LastEditTime: 2021-04-24 11:59:43
-->
<template>
- <div id="track_map"
- style="height: 100%"></div>
+ <div id="track_map" style="height: 100%"></div>
</template>
<script>
-import 'ol/ol.css'
-import OlView from 'ol/View.js'
+import "ol/ol.css";
+import OlView from "ol/View.js";
// import XYZ from 'ol/source/XYZ'
-import OlLayerTile from 'ol/layer/Tile.js'
-import OlMap from 'ol/Map.js'
+import OlLayerTile from "ol/layer/Tile.js";
+import OlMap from "ol/Map.js";
import {
- // eslint-disable-next-line no-unused-vars
- defaults as OlControlDefaults,
- defaults,
- // 全屏控件
- FullScreen,
- // 比例尺控件
- ScaleLine,
- // 缩放滚动条控件
- // eslint-disable-next-line no-unused-vars
- ZoomSlider,
- // 鼠标位置控件
- // eslint-disable-next-line no-unused-vars
- MousePosition,
- // -地图属性控件
- Attribution,
- // 鹰眼控件
- // eslint-disable-next-line no-unused-vars
- OverviewMap,
- // 缩放到范围控件
- // eslint-disable-next-line no-unused-vars
- ZoomToExtent,
- Rotate
+ // eslint-disable-next-line no-unused-vars
+ defaults as OlControlDefaults,
+ defaults,
+ // 全屏控件
+ FullScreen,
+ // 比例尺控件
+ ScaleLine,
+ // 缩放滚动条控件
+ // eslint-disable-next-line no-unused-vars
+ ZoomSlider,
+ // 鼠标位置控件
+ // eslint-disable-next-line no-unused-vars
+ MousePosition,
+ // -地图属性控件
+ Attribution,
+ // 鹰眼控件
+ // eslint-disable-next-line no-unused-vars
+ OverviewMap,
+ // 缩放到范围控件
+ // eslint-disable-next-line no-unused-vars
+ ZoomToExtent,
+ Rotate,
+} from "ol/control.js";
-} from 'ol/control.js'
+import VectorLayer from "ol/layer/Vector";
+import VectorSource from "ol/source/Vector";
+import WMTS from "ol/source/WMTS";
-import VectorLayer from 'ol/layer/Vector'
-import VectorSource from 'ol/source/Vector'
-import WMTS from 'ol/source/WMTS'
+import WMTSTileGrid from "ol/tilegrid/WMTS";
-import WMTSTileGrid from 'ol/tilegrid/WMTS'
+import Feature from "ol/Feature.js";
+import Point from "ol/geom/Point.js";
+import LineString from "ol/geom/LineString.js";
+import { Icon, Style, Fill, Stroke } from "ol/style.js";
-import Feature from 'ol/Feature.js'
-import Point from 'ol/geom/Point.js'
-import LineString from 'ol/geom/LineString.js'
-import { Icon, Style, Fill, Stroke } from 'ol/style.js'
+import { getWidth, getTopLeft } from "ol/extent";
-import { getWidth, getTopLeft } from 'ol/extent'
-
-import { get as getProjection } from 'ol/proj'
+import { get as getProjection } from "ol/proj";
import XYZ from "ol/source/XYZ";
-import start from '@/assets/img/start.png'
+import start from "@/assets/img/start.png";
export default {
- name: 'Map',
- data () {
- return {
- gunAddlayer: new VectorLayer({ // 图标图层
- zIndex: 22,
- source: new VectorSource()
- }),
- peopleAddlayer: new VectorLayer({ // 图标图层
- zIndex: 22,
- source: new VectorSource()
- }),
- carAddlayer: new VectorLayer({ // 图标图层
- zIndex: 22,
- source: new VectorSource()
- }),
- peopleLineAddlayer: new VectorLayer({ // 图标图层
- zIndex: 22,
- source: new VectorSource()
- }),
- startPoint: new VectorLayer({ // 图标图层
- zIndex: 22,
- source: new VectorSource()
- }),
- ol2d: null,
- }
- },
- mounted () {
- // 本地开发使用
- // this.ol2d = new OlMap({
- // layers: [
- // new OlLayerTile({
- // zIndex: 4,
- // title: '影像',
- // source: new XYZ({
- // url: "https://webmap-tile.sf-express.com/MapTileService/rt?fetchtype=static&x={x}&y={y}&z={z}&project=sfmap&pic_size=256&pic_type=png8&data_name=361100&data_format=merged-dat&data_type=normal" // 行政区划
- // })
- // })
- // // ,
- // // new OlLayerTile({
- // // zIndex: 5,
- // // title: '道路+中文注记',
- // // source: new XYZ({
- // // url: 'http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 注记
- // // })
- // // })
- // ],
-
- // // 注意地图控件的写法
- // controls: defaults().extend([
- // new FullScreen(),
- // new ScaleLine(),
- // new MousePosition(),
- // new Rotate(),
- // new Attribution()
- // ]),
- // target: 'track_map',
- // view: new OlView({
- // center: [0, 0],
- // zoom: 2,
- // projection: 'EPSG:4326'
+ name: "Map",
+ data() {
+ return {
+ gunAddlayer: new VectorLayer({
+ // 图标图层
+ zIndex: 22,
+ source: new VectorSource(),
+ }),
+ peopleAddlayer: new VectorLayer({
+ // 图标图层
+ zIndex: 22,
+ source: new VectorSource(),
+ }),
+ carAddlayer: new VectorLayer({
+ // 图标图层
+ zIndex: 22,
+ source: new VectorSource(),
+ }),
+ peopleLineAddlayer: new VectorLayer({
+ // 图标图层
+ zIndex: 22,
+ source: new VectorSource(),
+ }),
+ startPoint: new VectorLayer({
+ // 图标图层
+ zIndex: 22,
+ source: new VectorSource(),
+ }),
+ ol2d: null,
+ };
+ },
+ mounted() {
+ // 本地开发使用;
+ this.ol2d = new OlMap({
+ layers: [
+ new OlLayerTile({
+ zIndex: 4,
+ title: "影像",
+ source: new XYZ({
+ url: "https://webmap-tile.sf-express.com/MapTileService/rt?fetchtype=static&x={x}&y={y}&z={z}&project=sfmap&pic_size=256&pic_type=png8&data_name=361100&data_format=merged-dat&data_type=normal", // 行政区划
+ }),
+ }),
+ // ,
+ // new OlLayerTile({
+ // zIndex: 5,
+ // title: '道路+中文注记',
+ // source: new XYZ({
+ // url: 'http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 注记
// })
// })
+ ],
+ // 注意地图控件的写法
+ controls: defaults().extend([
+ new FullScreen(),
+ new ScaleLine(),
+ new MousePosition(),
+ new Rotate(),
+ new Attribution(),
+ ]),
+ target: "track_map",
+ view: new OlView({
+ center: [0, 0],
+ zoom: 2,
+ projection: "EPSG:4326",
+ }),
+ });
+ // var projection = getProjection("EPSG:4326");
+ // var projectionExtent = projection.getExtent();
+ // var size = getWidth(projectionExtent) / 256;
+ // var resolutions = [];
+ // for (var z = 2; z < 19; ++z) {//计算比例尺
+ // resolutions[z] = size / Math.pow(2, z);
+ // }
+ // // 正式服务器上使用
+ // this.ol2d = new OlMap({
+ // layers: [
+ // new OlLayerTile({//矢量地图
+ // source: new WMTS({
+ // url: "http://47.49.21.207:7001/PGIS_S_TileMapServer/Maps/YX",
+ // layer: "JX14YGJCIMGL7_L14",
+ // style: "default",
+ // matrixSet: "JX14YGJCIMGL7_L14",
+ // format: "image/png",
+ // wrapX: true,
+ // tileGrid: new WMTSTileGrid({
+ // origin: getTopLeft(projectionExtent),
+ // //resolutions: res.slice(0, 15),
+ // resolutions: resolutions,
+ // matrixIds: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
+ // })
+ // }),
+ // })
+ // ],
+ // // 注意地图控件的写法
+ // controls: defaults().extend([
+ // new FullScreen(),
+ // new ScaleLine(),
+ // // new MousePosition(),
+ // new Rotate(),
+ // new Attribution()
+ // ]),
+ // target: 'track_map',
+ // view: new OlView({
+ // center: [115.85883507433789, 28.708432053474827],
+ // projection: projection,
+ // zoom: 11,
+ // maxZoom: 15,
+ // minZoom: 1
- var projection = getProjection("EPSG:4326");
- var projectionExtent = projection.getExtent();
- var size = getWidth(projectionExtent) / 256;
- var resolutions = [];
- for (var z = 2; z < 19; ++z) {//计算比例尺
- resolutions[z] = size / Math.pow(2, z);
- }
+ // })
+ // })
- // 正式服务器上使用
- this.ol2d = new OlMap({
- layers: [
- new OlLayerTile({//矢量地图
+ this.parentParameter();
- source: new WMTS({
- url: "http://47.49.21.207:7001/PGIS_S_TileMapServer/Maps/YX",
- layer: "JX14YGJCIMGL7_L14",
- style: "default",
- matrixSet: "JX14YGJCIMGL7_L14",
- format: "image/png",
- wrapX: true,
- tileGrid: new WMTSTileGrid({
- origin: getTopLeft(projectionExtent),
- //resolutions: res.slice(0, 15),
- resolutions: resolutions,
- matrixIds: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
- })
- }),
+ window.ol2d = this.ol2d;
- })
- ],
+ var view = this.ol2d.getView();
- // 注意地图控件的写法
- controls: defaults().extend([
- new FullScreen(),
- new ScaleLine(),
- // new MousePosition(),
- new Rotate(),
- new Attribution()
- ]),
- target: 'track_map',
- view: new OlView({
- center: [115.85883507433789, 28.708432053474827],
- projection: projection,
- zoom: 11,
- maxZoom: 15,
- minZoom: 1
+ view.setCenter([115.85883507433789, 28.708432053474827]);
- })
- })
+ view.setZoom(13);
+ this.ol2d.addLayer(this.gunAddlayer);
+ this.ol2d.addLayer(this.peopleAddlayer);
+ this.ol2d.addLayer(this.carAddlayer);
+ this.ol2d.addLayer(this.peopleLineAddlayer);
+ this.ol2d.addLayer(this.startPoint);
+ },
+ methods: {
+ addEntitys(item, icon, scale, name, type) {
+ this[type].getSource().clear();
+ const iconFeature = new Feature({
+ geometry: new Point([Number(item.LGTD), Number(item.LTTD)]),
+ name: name,
+ attributes: item,
+ });
+ const iconStyle = new Style({
+ // text: new Text({ // 字体, 未成功, 浪费许多时间
+ // font: 'Normal ' + 12 + 'px ' + 'iconfont',
+ // text: "\e645",
+ // fill: new Fill({ color: "green" }),
+ // }),
+ image: new Icon({
+ scale: scale,
+ opacity: 1,
+ src: icon,
+ // src: require('../../assets/Mark.png')
+ }),
+ // new CircleStyle({ // 普通样式
+ // radius: 6,
+ // fill: new Fill({
+ // color: 'rgba(200, 155, 155, 0.8)'
+ // }),
+ // stroke: new Stroke({
+ // color: 'black',
+ // width: 0.3,
+ // })
+ // }),
+ });
+ iconFeature.setStyle(iconStyle);
- this.parentParameter();
+ this[type].getSource().addFeature(iconFeature);
- window.ol2d = this.ol2d
-
- var view = this.ol2d.getView()
-
- view.setCenter([115.85883507433789, 28.708432053474827])
-
- view.setZoom(13)
-
-
- this.ol2d.addLayer(this.gunAddlayer)
- this.ol2d.addLayer(this.peopleAddlayer)
- this.ol2d.addLayer(this.carAddlayer)
- this.ol2d.addLayer(this.peopleLineAddlayer)
- this.ol2d.addLayer(this.startPoint)
-
+ this.flyTo(Number(item.LGTD), Number(item.LTTD), 18);
},
- methods: {
- addEntitys (item, icon, scale, name, type) {
- this[type].getSource().clear()
+ addLines(arr) {
+ this.addEntity(arr[0][0], arr[0][1]);
+ this.peopleLineAddlayer.getSource().clear();
+ // 点坐标
+ var lineCoords = arr; // 线里点的集合
- const iconFeature = new Feature({
- geometry: new Point([Number(item.LGTD), Number(item.LTTD)]),
- name: name,
- attributes: item
- })
+ // 要素
+ // var lineCoords = [[featureInfo.lineString[0][0],featureInfo.lineString[0][0]],[featureInfo.lineString(0),featureInfo.lineString(0)]];
+ var feature_LineString = new Feature({
+ geometry: new LineString(lineCoords),
+ });
- const iconStyle = new Style({
- // text: new Text({ // 字体, 未成功, 浪费许多时间
- // font: 'Normal ' + 12 + 'px ' + 'iconfont',
- // text: "\e645",
- // fill: new Fill({ color: "green" }),
- // }),
+ feature_LineString.setStyle(
+ new Style({
+ //填充色
+ fill: new Fill({
+ color: "rgba(255, 255, 255, 0.2)",
+ }),
+ //边线颜色
+ stroke: new Stroke({
+ color: "rgb(252, 94, 32)",
+ width: 5,
+ }),
+ })
+ );
- image: new Icon({
- scale: scale,
- opacity: 1,
- src: icon
- // src: require('../../assets/Mark.png')
- })
+ this.peopleLineAddlayer.getSource().addFeature(feature_LineString);
- // new CircleStyle({ // 普通样式
- // radius: 6,
- // fill: new Fill({
- // color: 'rgba(200, 155, 155, 0.8)'
- // }),
- // stroke: new Stroke({
- // color: 'black',
- // width: 0.3,
- // })
- // }),
- })
+ this.flyTo(
+ arr[Math.ceil(arr.length / 2)][0],
+ arr[Math.ceil(arr.length / 2)][1],
+ 15
+ );
+ },
- iconFeature.setStyle(iconStyle)
+ addEntity(LGTD, LTTD) {
+ this.startPoint.getSource().clear();
- this[type].getSource().addFeature(iconFeature)
+ const iconFeature = new Feature({
+ geometry: new Point([LGTD, LTTD]),
+ name: "起始点",
+ });
- this.flyTo(Number(item.LGTD), Number(item.LTTD), 18)
- },
+ const iconStyle = new Style({
+ // text: new Text({ // 字体, 未成功, 浪费许多时间
+ // font: 'Normal ' + 12 + 'px ' + 'iconfont',
+ // text: "\e645",
+ // fill: new Fill({ color: "green" }),
+ // }),
- addLines (arr) {
- this.addEntity(arr[0][0], arr[0][1])
- this.peopleLineAddlayer.getSource().clear()
- // 点坐标
- var lineCoords = arr;// 线里点的集合
+ image: new Icon({
+ anchor: [0.5, 170], //锚点
+ anchorOrigin: "top-left", //锚点源
+ anchorXUnits: "fraction", //锚点X值单位
+ anchorYUnits: "pixels", //锚点Y值单位
+ offsetOrigin: "top-left",
+ scale: 0.2,
+ opacity: 1,
+ src: start,
+ // src: require('../../assets/Mark.png')
+ }),
- // 要素
- // var lineCoords = [[featureInfo.lineString[0][0],featureInfo.lineString[0][0]],[featureInfo.lineString(0),featureInfo.lineString(0)]];
- var feature_LineString = new Feature({
- geometry: new LineString(lineCoords)
- });
+ // new CircleStyle({ // 普通样式
+ // radius: 6,
+ // fill: new Fill({
+ // color: 'rgba(200, 155, 155, 0.8)'
+ // }),
+ // stroke: new Stroke({
+ // color: 'black',
+ // width: 0.3,
+ // })
+ // }),
+ });
+ iconFeature.setStyle(iconStyle);
- feature_LineString.setStyle(new Style({
- //填充色
- fill: new Fill({
- color: 'rgba(255, 255, 255, 0.2)'
- }),
- //边线颜色
- stroke: new Stroke({
- color: 'rgb(252, 94, 32)',
- width: 5
- })
- }))
+ this.startPoint.getSource().addFeature(iconFeature);
+ },
+ clearLine() {
+ this.peopleLineAddlayer.getSource().clear();
+ this.startPoint.getSource().clear();
+ },
- this.peopleLineAddlayer.getSource().addFeature(feature_LineString)
+ flyTo(lgtd, lttd, size) {
+ var view = this.ol2d.getView();
- this.flyTo(arr[Math.ceil(arr.length / 2)][0], arr[Math.ceil(arr.length / 2)][1], 15)
- },
+ view.setCenter([lgtd, lttd]);
- addEntity (LGTD, LTTD) {
- this.startPoint.getSource().clear()
+ view.setZoom(size);
+ },
- const iconFeature = new Feature({
- geometry: new Point([LGTD, LTTD]),
- name: '起始点',
- })
-
- const iconStyle = new Style({
- // text: new Text({ // 字体, 未成功, 浪费许多时间
- // font: 'Normal ' + 12 + 'px ' + 'iconfont',
- // text: "\e645",
- // fill: new Fill({ color: "green" }),
- // }),
-
- image: new Icon({
- anchor: [0.5, 170], //锚点
- anchorOrigin: 'top-left', //锚点源
- anchorXUnits: 'fraction', //锚点X值单位
- anchorYUnits: 'pixels', //锚点Y值单位
- offsetOrigin: 'top-left',
- scale: 0.2,
- opacity: 1,
- src: start
- // src: require('../../assets/Mark.png')
- })
-
- // new CircleStyle({ // 普通样式
- // radius: 6,
- // fill: new Fill({
- // color: 'rgba(200, 155, 155, 0.8)'
- // }),
- // stroke: new Stroke({
- // color: 'black',
- // width: 0.3,
- // })
- // }),
- })
-
- iconFeature.setStyle(iconStyle)
-
- this.startPoint.getSource().addFeature(iconFeature)
-
- },
-
- clearLine () {
- this.peopleLineAddlayer.getSource().clear()
- this.startPoint.getSource().clear()
- },
-
- flyTo (lgtd, lttd, size) {
- var view = this.ol2d.getView()
-
- view.setCenter([lgtd, lttd])
-
- view.setZoom(size)
- },
-
- parentParameter () {
- this.$emit('childParameter', this.ol2d)
- }
- }
-}
+ parentParameter() {
+ this.$emit("childParameter", this.ol2d);
+ },
+ },
+};
</script>
diff --git a/src/router/views/index.js b/src/router/views/index.js
index dad3ab3..4cfb3a5 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -196,7 +196,7 @@
redirect: '/desk/notice',
children: [{
path: 'index',
- name: '通知公告',
+ name: '通知通告',
meta: {
i18n: 'dict'
},
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index e9845a9..c0fe5a2 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -17,7 +17,7 @@
}
.el-menu--display,
-.el-menu--display+.el-submenu__icon-arrow {
+.el-menu--display + .el-submenu__icon-arrow {
display: none;
}
@@ -50,17 +50,17 @@
.el-dropdown-menu__item--divided:before,
.el-menu,
-.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
-.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
-.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
+.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
background-color: transparent;
}
.el-dropdown-menu__item--divided:before,
.el-menu,
-.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
-.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
-.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
+.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
background-color: transparent !important;
}
@@ -104,7 +104,7 @@
color: $fontColor !important;
}
-.el-table__body tr.hover-row>td {
+.el-table__body tr.hover-row > td {
background-color: $mainBhover !important;
}
@@ -268,7 +268,7 @@
}
//菜单编辑删除按钮
-.el-button+.el-button {
+.el-button + .el-button {
padding-left: 8px;
padding-right: 8px;
}
@@ -592,11 +592,11 @@
background-color: $mainB !important;
}
-.el-tabs--border-card>.el-tabs__header {
+.el-tabs--border-card > .el-tabs__header {
background-color: $mainB !important;
}
-.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
+.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
background-color: transparent !important;
border-bottom: 1px solid $mainB !important;
}
@@ -674,4 +674,4 @@
// .fontcolorfff .el-date-editor .el-range-input {
.el-date-editor .el-range-input {
color: #fff !important;
-}
\ No newline at end of file
+}
diff --git a/src/views/qualificationExamination/paymentInquiry.vue b/src/views/qualificationExamination/paymentInquiry.vue
index d7b074a..88a81b5 100644
--- a/src/views/qualificationExamination/paymentInquiry.vue
+++ b/src/views/qualificationExamination/paymentInquiry.vue
@@ -1,111 +1,108 @@
/*
* @Author: Morpheus
* @Date: 2021-07-07 17:30:05
- * @Last Modified by: Morpheus
- * @Last Modified time: 2021-08-12 19:32:05
+ * @Last Modified by: liu
+ * @Last Modified time: 2021-10-13 16:18:50
* menu-name 缴费查询
*/
<template>
- <basic-container>
- <avue-crud :option="option"
- :table-loading="loading"
- :data="data"
- :page.sync="page"
- :permission="permissionList"
- v-model="form"
- ref="crud"
- @row-update="rowUpdates"
- @row-save="rowSave"
- @row-del="rowDel"
- @search-change="searchChange"
- @search-reset="searchReset"
- @selection-change="selectionChange"
- @current-change="currentChange"
- @size-change="sizeChange"
- @refresh-change="refreshChange"
- @on-load="onLoad">
+ <basic-container>
+ <avue-crud
+ :option="option"
+ :table-loading="loading"
+ :data="data"
+ :page.sync="page"
+ :permission="permissionList"
+ v-model="form"
+ ref="crud"
+ @row-update="rowUpdates"
+ @row-save="rowSave"
+ @row-del="rowDel"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @selection-change="selectionChange"
+ @current-change="currentChange"
+ @size-change="sizeChange"
+ @refresh-change="refreshChange"
+ @on-load="onLoad"
+ >
+ <template slot-scope="{ type, size, row }" slot="menu">
+ <el-button
+ icon="el-icon-edit"
+ :size="size"
+ :type="type"
+ @click.stop="payTheFees(row)"
+ >缴费确认
+ </el-button>
+ <el-button
+ type="text"
+ icon="el-icon-download"
+ size="small"
+ @click="handleDownload(row)"
+ >下载
+ </el-button>
+ <el-button
+ type="text"
+ icon="el-icon-picture-outline-round"
+ size="small"
+ @click="seeImages(row)"
+ >预览
+ </el-button>
+ </template>
+ <template slot-scope="{ row }" slot="sex">
+ {{ row.sex == 1 ? "男" : row.sex == 2 ? "女" : "" }}
+ </template>
- <template slot-scope="{ type, size, row }"
- slot="menu">
+ <template class="tdtype" slot-scope="{ row }" slot="paymentStatus">
+ <el-tag class="dtype">
+ {{
+ row.paymentStatus == "1"
+ ? "已缴费"
+ : row.paymentStatus == "2"
+ ? "未缴费"
+ : "部分缴费"
+ }}
+ <i class="gz" v-if="row.paymentStatus == '1'"></i>
+ <i class="yj" v-if="row.paymentStatus == '2'"></i>
+ <i class="zc" v-if="row.paymentStatus == '3'"></i>
+ </el-tag>
+ </template>
- <el-button icon="el-icon-edit"
- :size="size"
- :type="type"
- @click.stop="payTheFees(row)">缴费确认
- </el-button>
- <el-button
- type="text"
- icon="el-icon-download"
- size="small"
- @click="handleDownload(row)"
- >下载
- </el-button>
- <el-button
- type="text"
- icon="el-icon-picture-outline-round"
- size="small"
- @click="seeImages(row)"
- >预览
- </el-button>
-
- </template>
-
-
- <template slot-scope="{ row }"
- slot="sex">
- {{row.sex==1?'男':row.sex==2?'女':''}}
- </template>
-
- <template class="tdtype"
- slot-scope="{ row }"
- slot="paymentStatus">
- <el-tag class="dtype">
- {{ row.paymentStatus == "1" ? "已缴费" : row.paymentStatus == "2" ? "未缴费" : "部分缴费" }}
- <i class="gz"
- v-if="row.paymentStatus == '1'"></i>
- <i class="yj"
- v-if="row.paymentStatus == '2'"></i>
- <i class="zc"
- v-if="row.paymentStatus == '3'"></i>
- </el-tag>
- </template>
-
- <!-- 自定义按钮 -->
- <template slot="menuLeft">
- <el-button
- type="success"
- size="small"
- plain
- icon="el-icon-upload2"
- @click="handleImport"
- >缴费凭证批量上传
- </el-button>
- </template>
-
- </avue-crud>
- <el-dialog
- title="预览"
- append-to-body
- :visible.sync="imgSee"
- class="see-img-box"
- >
- <div class="img" :style="{ background: imgUrl }"></div>
- </el-dialog>
- <el-dialog
- title="缴费凭证批量上传"
- append-to-body
- :visible.sync="excelBox"
- width="555px"
- >
- <avue-form
- :option="excelOption"
- v-model="excelForm"
- :upload-after="uploadAfter"
- >
- </avue-form>
- </el-dialog>
- </basic-container>
+ <!-- 自定义按钮 -->
+ <template slot="menuLeft">
+ <el-button
+ type="success"
+ size="small"
+ plain
+ icon="el-icon-upload2"
+ @click="handleImport"
+ >缴费凭证批量上传
+ </el-button>
+ </template>
+ </avue-crud>
+ <el-dialog
+ title="预览"
+ append-to-body
+ :visible.sync="imgSee"
+ class="see-img-box"
+ >
+ <div class="img" :style="{ background: imgUrl }"></div>
+ </el-dialog>
+ <el-dialog
+ title="缴费凭证批量上传"
+ append-to-body
+ :visible.sync="excelBox"
+ width="555px"
+ >
+ <avue-form
+ :option="excelOption"
+ v-model="excelForm"
+ :upload-after="uploadAfter"
+ >
+ </avue-form>
+ </el-dialog>
+ </basic-container>
</template>
<script>
@@ -119,448 +116,452 @@
import { mapGetters } from "vuex";
import { datasing } from "./dataqualificationExamination";
// import { getList } from "@/api/qualificationExamination/qualificationExamination";
-import { getLispereexamPayment, update } from "@/api/qualificationExamination/scoreInquiry";
+import {
+ getLispereexamPayment,
+ update,
+} from "@/api/qualificationExamination/scoreInquiry";
export default {
- data () {
- var dic1 = [
- {
- label: "公司缴费",
+ data() {
+ var dic1 = [
+ {
+ label: "公司缴费",
+ value: 1,
+ },
+ {
+ label: "个人缴费",
+ value: 2,
+ },
+ ];
+ var dic2 = [
+ {
+ label: "已缴费",
+ value: 1,
+ },
+ {
+ label: "未缴费",
+ value: 2,
+ },
+ {
+ label: "部分缴费",
+ value: 3,
+ },
+ ];
+ return {
+ form: {},
+ query: {},
+ loading: true,
+ imgSee: false,
+ excelBox: false,
+ excelForm: {},
+ excelOption: {
+ submitBtn: false,
+ emptyBtn: false,
+ column: [
+ {
+ label: "模板上传",
+ prop: "excelFile",
+ type: "upload",
+ drag: true,
+ loadText: "模板上传中，请稍等",
+ span: 24,
+ propsHttp: {
+ res: "data",
+ },
+ tip: "请上传 zip 压缩文件",
+ action:
+ "/api/blade-resource/oss/endpoint/put-file-exam-payment-zip",
+ },
+ ],
+ },
+ page: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0,
+ },
+ selectionList: [],
+ option: {
+ // 操作栏多余按钮去除
+ delBtn: false,
+ editBtn: false,
+ addBtn: false,
+ selection: true,
+ menu: true,
+ menuWidth: 260,
+ searchShowBtn: false,
+
+ align: "center",
+ height: "auto",
+ calcHeight: 30,
+ tip: false,
+ searchShow: true,
+ searchMenuSpan: 6,
+ index: true,
+ viewBtn: true,
+ dialogClickModal: false,
+
+ column: [
+ {
+ label: "缴费人",
+ prop: "realName",
+ search: true,
+ searchSpan: 4,
+ },
+ {
+ label: "身份证号",
+ prop: "idCardNo",
+ search: true,
+ searchSpan: 4,
+ width: 150,
+ },
+ {
+ label: "性别",
+ prop: "sex",
+ slot: true,
+ dicData: [
+ {
+ label: "男",
value: 1,
- },
- {
- label: "个人缴费",
+ },
+ {
+ label: "女",
value: 2,
- },
- ];
- var dic2 = [
- {
+ },
+ ],
+ },
+ {
+ label: "联系方式",
+ prop: "phone",
+ },
+ {
+ label: "所在单位",
+ prop: "deptName",
+ search: true,
+ searchSpan: 6,
+ width: 200,
+ },
+ {
+ label: "报考证件类型",
+ prop: "paperType",
+ },
+ {
+ label: "报名时间",
+ prop: "applyTime",
+ type: "datetime",
+ format: "yyyy-MM-dd HH:mm:ss",
+ valueFormat: "yyyy-MM-dd HH:mm:ss",
+ width: 150,
+ },
+ {
+ label: "缴费状态",
+ prop: "paymentStatus",
+ searchSpan: 4,
+ search: true,
+ dicData: [
+ {
label: "已缴费",
value: 1,
- },
- {
+ },
+ {
label: "未缴费",
value: 2,
- },
- {
+ },
+ {
label: "部分缴费",
value: 3,
- },
- ];
- return {
- form: {},
- query: {},
- loading: true,
- imgSee: false,
- excelBox: false,
- excelForm: {},
- excelOption: {
- submitBtn: false,
- emptyBtn: false,
- column: [
- {
- label: "模板上传",
- prop: "excelFile",
- type: "upload",
- drag: true,
- loadText: "模板上传中，请稍等",
- span: 24,
- propsHttp: {
- res: "data",
- },
- tip: "请上传 zip 压缩文件",
- action: "/api/blade-resource/oss/endpoint/put-file-exam-payment-zip",
- }
- ],
- },
- page: {
- pageSize: 10,
- currentPage: 1,
- total: 0,
- },
- selectionList: [],
- option: {
- // 操作栏多余按钮去除
- delBtn: false,
- editBtn: false,
- addBtn: false,
- selection: true,
- menu: true,
- menuWidth:260,
- searchShowBtn: false,
-
- align: "center",
- height: "auto",
- calcHeight: 30,
- tip: false,
- searchShow: true,
- searchMenuSpan: 6,
- index: true,
- viewBtn: true,
- dialogClickModal: false,
-
- column: [
- {
- label: "缴费人",
- prop: "realName",
- search:true,
- searchSpan:4,
- },
- {
- label: "身份证号",
- prop: "idCardNo",
- search:true,
- searchSpan:4,
- width:150
- },
- {
- label: "性别",
- prop: "sex",
- slot:true,
- dicData: [
- {
- label:"男",
- value:1
- },
- {
- label:"女",
- value:2
- }
- ],
- },
- {
- label: "联系方式",
- prop: "phone",
- },
- {
- label: "所在单位",
- prop: "deptName",
- search:true,
- searchSpan:6,
- width:200
- },
- {
- label: "报考证件类型",
- prop: "paperType"
- },
- {
- label: "报名时间",
- prop: "applyTime",
- type: "datetime",
- format: "yyyy-MM-dd HH:mm:ss",
- valueFormat: "yyyy-MM-dd HH:mm:ss",
- width:150
- },
- {
- label: "缴费状态",
- prop: "paymentStatus",
- searchSpan: 4,
- search: true,
- dicData: [
- {
- label:"已缴费",
- value:1
- },
- {
- label:"未缴费",
- value:2
- },
- {
- label:"部分缴费",
- value:3
- },
- ],
- type: "select",
- },
- {
- label: "缴费凭证",
- prop: "certificateUrl",
- overHidden: true,
- type: "upload",
- listType: "picture-img",
- },
- {
- label: "缴费时间",
- prop: "paymentTime",
- type: "date",
- format: "yyyy-MM-dd",
- valueFormat: "yyyy-MM-dd",
- labelWidth: 120,
- searchSpan: 4,
- // search: true,
- overHidden: true,
- rules: [
- {
- required: true,
- message: "请输入时间",
- trigger: "click",
- },
- ],
- },
-
- ],
- },
- data: [
- // {
- // deptid: "江西众泰保安公司",
- // punishtype: 2,
- // punishreason: "非法施工",
- // punishresult: "没收全部非法所得财产，并罚款3W元",
- // punishtime: "2021-01-01",
- // punisnum: 110110110120,
- // },
+ },
],
- };
- },
- computed: {
- ...mapGetters(["permission"]),
- permissionList () {
- return {
- addBtn: this.vaildData(this.permission.post_add, false),
- viewBtn: this.vaildData(this.permission.post_view, false),
- delBtn: this.vaildData(this.permission.post_delete, false),
- editBtn: this.vaildData(this.permission.post_edit, false),
- };
- },
- ids () {
- let ids = [];
- this.selectionList.forEach((ele) => {
- ids.push(ele.id);
- });
- return ids.join(",");
- },
- },
- methods: {
- rowSave (row, done, loading) {
- adddata(row).then(
- () => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- },
- rowUpdates (row, index, done, loading) {
- // console.log(42342);
- update(row).then(
- () => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- },
- rowDel (row) {
- this.$confirm("确定将选择数据删除?", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- return remove(row.id);
- })
- .then(() => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- });
- },
-
- payTheFees (row) {
- console.log(row)
- this.$confirm("请确认是否缴费？", {
- confirmButtonText: "已缴费",
- cancelButtonText: "未缴费",
- type: "warning",
- })
- .then(() => {
- row.paymentStatus = "1";
- return update(row).then(() => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- });
- })
- .catch(() => {
- row.paymentStatus = "2";
- return update(row).then(() => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- });
- });
- },
-
- // beforeOpen(done, type) {
- // if (["edit", "view"].includes(type)) {
- // getDetail(this.form.id).then((res) => {
- // this.form = res.data.data;
- // });
- // }
- // done();
+ type: "select",
+ },
+ {
+ label: "缴费凭证",
+ prop: "certificateUrl",
+ overHidden: true,
+ type: "upload",
+ listType: "picture-img",
+ },
+ {
+ label: "缴费时间",
+ prop: "paymentTime",
+ type: "date",
+ format: "yyyy-MM-dd",
+ valueFormat: "yyyy-MM-dd",
+ labelWidth: 120,
+ searchSpan: 4,
+ // search: true,
+ overHidden: true,
+ rules: [
+ {
+ required: true,
+ message: "请输入时间",
+ trigger: "click",
+ },
+ ],
+ },
+ ],
+ },
+ data: [
+ // {
+ // deptid: "江西众泰保安公司",
+ // punishtype: 2,
+ // punishreason: "非法施工",
+ // punishresult: "没收全部非法所得财产，并罚款3W元",
+ // punishtime: "2021-01-01",
+ // punisnum: 110110110120,
// },
+ ],
+ };
+ },
+ computed: {
+ ...mapGetters(["permission"]),
+ permissionList() {
+ return {
+ addBtn: this.vaildData(this.permission.post_add, false),
+ viewBtn: this.vaildData(this.permission.post_view, false),
+ delBtn: this.vaildData(this.permission.post_delete, false),
+ editBtn: this.vaildData(this.permission.post_edit, false),
+ };
+ },
+ ids() {
+ let ids = [];
+ this.selectionList.forEach((ele) => {
+ ids.push(ele.id);
+ });
+ return ids.join(",");
+ },
+ },
+ methods: {
+ rowSave(row, done, loading) {
+ adddata(row).then(
+ () => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
+ rowUpdates(row, index, done, loading) {
+ // console.log(42342);
+ update(row).then(
+ () => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
+ rowDel(row) {
+ this.$confirm("确定将选择数据删除?", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(() => {
+ return remove(row.id);
+ })
+ .then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ });
+ },
- searchReset () {
- this.query = {};
+ payTheFees(row) {
+ console.log(row);
+ this.$confirm("请确认是否缴费？", {
+ confirmButtonText: "已缴费",
+ cancelButtonText: "未缴费",
+ type: "warning",
+ })
+ .then(() => {
+ row.paymentStatus = "1";
+ return update(row).then(() => {
this.onLoad(this.page);
- },
-
- searchChange (params, done) {
- this.query = params;
- this.page.currentPage = 1;
- this.onLoad(this.page, params);
- done();
- },
- selectionChange (list) {
- this.selectionList = list;
- },
- selectionClear () {
- this.selectionList = [];
- this.$refs.crud.toggleSelection();
- },
- currentChange (currentPage) {
- this.page.currentPage = currentPage;
- },
- sizeChange (pageSize) {
- this.page.pageSize = pageSize;
- },
- refreshChange () {
- this.onLoad(this.page, this.query);
- },
- onLoad (page, params = {}) {
- // this.loading = false;
- this.loading = true;
- getLispereexamPayment(
- page.currentPage,
- page.pageSize,
- Object.assign(params, this.query)
- ).then((res) => {
- const data = res.data.data;
- this.page.total = data.total;
- this.data = data.records;
- console.log(this.data, "getLispereexamPayment");
- this.loading = false;
- // this.selectionClear();
+ this.$message({
+ type: "success",
+ message: "操作成功!",
});
- },
- handleDownload(row) {
- window.open(`${row.certificateUrl}`);
- },
- seeImages(row) {
- this.imgUrl = "";
- this.imgUrl = "url(" + row.certificateUrl + ") center center / contain no-repeat";
-
- this.imgSee = true;
- },
- handleImport() {
- this.excelBox = true;
- },
- uploadAfter(res, done, loading, column) {
- window.console.log(column);
- this.excelBox = false;
- this.refreshChange();
- done();
- },
- // onLoad(page, params = {}) {
- // // this.loading = false;
- // this.loading = true;
- // // getListJSON().then((res) => {
- // // axios
- // // .get(
- // // "../../api/qualificationExamination/signQualificationExamination.json"
- // // )
- // // .then((res) => {
- // // page.currentPage,
- // // page.pageSize,
- // // Object.assign(params, this.query)
- // if (datasing) {
- // var res = datasing;
- // console.log(res, "signQualificationExamination");
- // const data = res.data;
- // // this.page.total = data.total;
- // var d = data.records;
- // for (var k in d) {
- // d[k].examination_mx = "正常";
- // d[k].examination_type = "正常";
- // d[k]["carid"] = "370111198807051124";
- // d[k]["certificate"] = "拥有";
- // d[k]["reviewTime"] = "2021-02-21";
- // d[k]["results"] = "通过";
- // d[k]["onjob"] = "是";
- // }
- // this.data = d;
- // this.loading = false;
- // }
- // // this.selectionClear();
- // // });
- // },
-
- // 行单击
- // handleRowClick(row) {
- // // delete (row["name"]);
- // var obj = row;
- // obj["name"] = "保安公司详细资料";
- // this.$router.push({
- // path: `/securityCompany/index`,
- // query: obj,
- // });
- // },
+ });
+ })
+ .catch(() => {
+ row.paymentStatus = "2";
+ return update(row).then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ });
+ });
},
+
+ // beforeOpen(done, type) {
+ // if (["edit", "view"].includes(type)) {
+ // getDetail(this.form.id).then((res) => {
+ // this.form = res.data.data;
+ // });
+ // }
+ // done();
+ // },
+
+ searchReset() {
+ this.query = {};
+ this.onLoad(this.page);
+ },
+
+ searchChange(params, done) {
+ this.query = params;
+ this.page.currentPage = 1;
+ this.onLoad(this.page, params);
+ done();
+ },
+ selectionChange(list) {
+ this.selectionList = list;
+ },
+ selectionClear() {
+ this.selectionList = [];
+ this.$refs.crud.toggleSelection();
+ },
+ currentChange(currentPage) {
+ this.page.currentPage = currentPage;
+ },
+ sizeChange(pageSize) {
+ this.page.pageSize = pageSize;
+ },
+ refreshChange() {
+ this.onLoad(this.page, this.query);
+ },
+ onLoad(page, params = {}) {
+ // this.loading = false;
+ this.loading = true;
+ getLispereexamPayment(
+ page.currentPage,
+ page.pageSize,
+ Object.assign(params, this.query)
+ ).then((res) => {
+ const data = res.data.data;
+ this.page.total = data.total;
+ this.data = data.records;
+ console.log(this.data, "getLispereexamPayment");
+ this.loading = false;
+ // this.selectionClear();
+ });
+ },
+ handleDownload(row) {
+ window.open(`${row.certificateUrl}`);
+ },
+ seeImages(row) {
+ this.imgUrl = "";
+ this.imgUrl =
+ "url(" + row.certificateUrl + ") center center / contain no-repeat";
+
+ this.imgSee = true;
+ },
+ handleImport() {
+ this.excelBox = true;
+ },
+ uploadAfter(res, done, loading, column) {
+ window.console.log(column);
+ this.excelBox = false;
+ this.refreshChange();
+ done();
+ },
+ // onLoad(page, params = {}) {
+ // // this.loading = false;
+ // this.loading = true;
+ // // getListJSON().then((res) => {
+ // // axios
+ // // .get(
+ // // "../../api/qualificationExamination/signQualificationExamination.json"
+ // // )
+ // // .then((res) => {
+ // // page.currentPage,
+ // // page.pageSize,
+ // // Object.assign(params, this.query)
+ // if (datasing) {
+ // var res = datasing;
+ // console.log(res, "signQualificationExamination");
+ // const data = res.data;
+ // // this.page.total = data.total;
+ // var d = data.records;
+ // for (var k in d) {
+ // d[k].examination_mx = "正常";
+ // d[k].examination_type = "正常";
+ // d[k]["carid"] = "370111198807051124";
+ // d[k]["certificate"] = "拥有";
+ // d[k]["reviewTime"] = "2021-02-21";
+ // d[k]["results"] = "通过";
+ // d[k]["onjob"] = "是";
+ // }
+ // this.data = d;
+ // this.loading = false;
+ // }
+ // // this.selectionClear();
+ // // });
+ // },
+
+ // 行单击
+ // handleRowClick(row) {
+ // // delete (row["name"]);
+ // var obj = row;
+ // obj["name"] = "保安公司详细资料";
+ // this.$router.push({
+ // path: `/securityCompany/index`,
+ // query: obj,
+ // });
+ // },
+ },
};
</script>
<style scoped>
.dtype {
- width: 80px;
+ width: 80px;
}
.zc {
- position: absolute;
- top: 50%;
- margin-top: -5px;
- margin-left: 6px;
- width: 10px;
- height: 10px;
- border-radius: 30%;
- background: #29c093;
+ position: absolute;
+ top: 50%;
+ margin-top: -5px;
+ margin-left: 6px;
+ width: 10px;
+ height: 10px;
+ border-radius: 30%;
+ background: #f48f57;
}
.yj {
- position: absolute;
- top: 50%;
- margin-top: -5px;
- margin-left: 6px;
- width: 10px;
- height: 10px;
- border-radius: 30%;
- background: #f34a4a;
+ position: absolute;
+ top: 50%;
+ margin-top: -5px;
+ margin-left: 6px;
+ width: 10px;
+ height: 10px;
+ border-radius: 30%;
+ background: #f34a4a;
}
.gz {
- position: absolute;
- top: 50%;
- margin-top: -5px;
- margin-left: 6px;
- width: 10px;
- height: 10px;
- border-radius: 30%;
- background: #f48f57;
+ position: absolute;
+ top: 50%;
+ margin-top: -5px;
+ margin-left: 6px;
+ width: 10px;
+ height: 10px;
+ border-radius: 30%;
+ background: #29c093;
}
</style>
--
Gitblit v1.9.3