From bec79d7b98d7aaf67e9c8f56083ff9f689f266c3 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 15 Jul 2021 17:32:12 +0800
Subject: [PATCH] 蓝色主题 修改 和监管处罚创建
---
src/styles/top.scss | 11
src/views/regulatoryInformation/data.js | 271 +++++++++++++++
src/views/regulatoryInformation/index.vue | 358 +++++++++++++++++++++
src/router/views/index.js | 17
src/styles/media.scss | 12
src/styles/ourBackgroundColor.scss | 22 +
src/styles/tags.scss | 10
src/api/regulatoryInformation/regulatoryInformation.js | 40 ++
src/styles/element-ui.scss | 242 ++++++++++++++
src/styles/sidebar.scss | 7
10 files changed, 973 insertions(+), 17 deletions(-)
diff --git a/src/api/regulatoryInformation/regulatoryInformation.js b/src/api/regulatoryInformation/regulatoryInformation.js
new file mode 100644
index 0000000..34cbd50
--- /dev/null
+++ b/src/api/regulatoryInformation/regulatoryInformation.js
@@ -0,0 +1,40 @@
+import request from '@/router/axios';
+
+export const getList = (current, size, params) => {
+ return request({
+ url: '/api/punish/list',
+ method: 'get',
+ params: {
+ ...params,
+ current,
+ size,
+ }
+ })
+}
+
+export const adddata = (row) => {
+ return request({
+ url: '/api/punish/save',
+ // url: 'http://192.168.0.104:80/punish/save',
+ method: 'post',
+ data: row
+ })
+}
+
+export const update = (row) => {
+ return request({
+ url: '/api/punish/update',
+ method: 'post',
+ data: row
+ })
+}
+
+export const remove = (ids) => {
+ return request({
+ url: '/api/punish/remove',
+ method: 'post',
+ params: {
+ ids,
+ }
+ })
+}
\ No newline at end of file
diff --git a/src/router/views/index.js b/src/router/views/index.js
index fd66b74..a8c574a 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -134,7 +134,7 @@
component: () =>
import( /* webpackChunkName: "views" */ '@/views/work/process/leave/detail')
}]
- },{
+ }, {
path: '/attach',
redirect: '/resource/attach',
component: Layout,
@@ -191,5 +191,18 @@
path: '/map',
component: () =>
import( /* webpackChunkName: "views" */ '@/views/mapHome/index')
- },
+ }, {
+ path: '/regulatoryInformation',
+ redirect: '/regulatoryInformation/index',
+ component: Layout,
+ children: [{
+ path: 'index',
+ name: '监管信息',
+ meta: {
+ i18n: 'index',
+ },
+ component: () =>
+ import( /* webpackChunkName: "views" */ '@/views/regulatoryInformation/index')
+ }]
+ }
]
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 54c3e92..f1b86fb 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -1,3 +1,4 @@
+@import "./ourBackgroundColor.scss";
.el-dropdown-menu__item {
font-size: 12px !important;
line-height: 28px !important;
@@ -25,7 +26,6 @@
display: none;
}
-
.el-message__icon,
.el-message__content {
display: inline-block;
@@ -49,12 +49,19 @@
padding: 0 !important;
}
-.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-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 {
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-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 {
background-color: transparent !important;
}
@@ -62,10 +69,237 @@
padding: 6px 18px !important;
}
+//部分全局颜色设置
.el-card__body {
+ background-color: $mainB !important;
+ // border:1px solid $mainB !important;
//padding: 16px !important;
}
.el-divider--horizontal {
margin: 12px 0 !important;
}
+
+.avue-group .el-collapse,
+.avue-group .el-collapse-item__wrap {
+ border-color: $mainB !important;
+ background-color: $mainB !important;
+}
+.el-form-item__label {
+ color: $fontColor !important;
+}
+.avue-crud__menu {
+ background-color: $mainB !important;
+}
+.el-table {
+ background-color: $mainB !important;
+ color: $fontColor !important;
+}
+
+.el-table th,
+.el-table tr {
+ background-color: $mainB !important;
+ color: $fontColor !important;
+}
+.el-table__body tr.hover-row > td {
+ background-color: $mainBhover !important;
+}
+.el-button--text {
+ color: $fontColor !important;
+}
+.el-card {
+ background-color: $mainB !important;
+}
+.el-tabs__item {
+ color: $fontColor !important;
+}
+//标签栏活动按钮
+.el-tabs__item.is-active {
+ color: $fontColorActive1 !important;
+}
+.el-input.is-disabled .el-input__inner {
+ color: $fontColor !important;
+}
+.el-textarea.is-disabled .el-textarea__inner {
+ color: $fontColor !important;
+}
+.el-textarea.is-disabled .el-textarea__inner {
+ background-color: $mainB !important;
+}
+.el-pagination__jump,
+.el-pagination__total {
+ color: $fontColor !important;
+}
+.avue-sidebar .el-menu-item i,
+.avue-sidebar .el-menu-item span,
+.avue-sidebar .el-submenu__title i,
+.avue-sidebar .el-submenu__title span {
+ color: $fontColor !important;
+}
+.el-menu-item:hover {
+ // background-color: $mainBhover !important;
+ color: red !important;
+}
+.el-input__inner {
+ background-color: $inputB !important;
+ color: $fontColor !important;
+}
+.el-tree-node__content {
+ background-color: $mainB !important;
+ color: $fontColor !important;
+}
+.el-tree-node__content:hover {
+ background-color: $mainBhover !important;
+}
+//el按钮
+.el-button {
+ background-color: $mainBhover !important;
+ color: $fontColor !important;
+}
+.el-pagination.is-background .btn-next,
+.el-pagination.is-background .btn-prev,
+.el-pagination.is-background .el-pager li {
+ background-color: $inputB !important;
+ color: $fontColor !important;
+}
+.el-tree {
+ background-color: $inputB !important;
+ color: $fontColor !important;
+}
+.el-table th {
+ background-color: $inputB1 !important;
+}
+
+//弹窗
+.el-dialog__header {
+ background-color: $inputB !important;
+}
+.avue-dialog .el-dialog__title,
+.avue-dialog .el-drawer__header,
+.el-dialog__title {
+ color: $fontColor !important;
+}
+.el-dialog__body {
+ background-color: $inputB !important;
+ color: $fontColor !important;
+}
+.w-e-toolbar {
+ background-color: $inputB !important;
+ color: $fontColor !important;
+}
+.el-collapse-item__content {
+ color: $fontColor !important;
+}
+
+//表格等待
+.el-loading-mask {
+ background-color: $inputB1 !important;
+}
+
+//附件上传弹窗中心
+.el-upload-dragger {
+ background-color: $inputB1 !important;
+}
+.el-upload-dragger .el-upload__text,
+.el-upload-dragger .el-icon-upload {
+ color: $fontColor !important;
+}
+//单选
+.el-radio {
+ color: $fontColor !important;
+}
+
+//多行输入
+.el-textarea__inner {
+ background-color: $inputB1 !important;
+}
+
+// 数字type input
+.el-input-number__decrease,
+.el-input-number__increase {
+ background-color: $inputB1 !important;
+}
+//菜单图标
+.el-input-group__append,
+.el-input-group__prepend {
+ background-color: $inputB1 !important;
+ color: $fontColor !important;
+}
+//登入表单 恢复按钮
+.login-border .el-input__inner {
+ background-color: #fff !important;
+ color: #606266 !important;
+}
+//菜单编辑删除按钮
+.el-button + .el-button {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+//菜单自定义按钮
+
+.el-button--text,
+.el-button--text.is-disabled,
+.el-button--text.is-disabled:focus,
+.el-button--text.is-disabled:hover,
+.el-button--text:active {
+ padding-left: 8px !important;
+ padding-right: 8px !important;
+}
+//菜单按钮
+.login-border .el-button {
+ background-color: $buttonB !important;
+ color: #fff !important;
+}
+
+//bug窗口
+.el-dialog,
+.el-pager li {
+ background-color: $mainB !important;
+}
+
+//导航搜索 下拉
+.el-autocomplete-suggestion__wrap {
+ background-color: $mainB !important;
+}
+
+.el-autocomplete-suggestion li {
+ color: $fontColor !important;
+}
+.el-autocomplete-suggestion li:hover {
+ background-color: $inputB1 !important;
+}
+
+//总标签栏 更多 下拉框
+.el-dropdown-menu {
+ background-color: $mainB !important;
+}
+.el-dropdown-menu__item {
+ color: $fontColor !important;
+}
+.el-dropdown-menu__item:hover {
+ background-color: $inputB1 !important;
+ color: $fontColor !important;
+}
+//总标签栏
+.avue-tags {
+ background-color: $mainBx1 !important;
+ color: $fontColor !important;
+}
+
+//通知弹窗
+.el-popover {
+ background-color: $mainB !important;
+}
+
+.avue-notice__subtitle,
+.avue-notice__title {
+ color: $fontColor !important;
+}
+
+//左侧导航栏
+.avue-logo {
+ background-color: $mainB !important;
+}
+.avue-sidebar {
+ background-color: $mainB !important;
+}
diff --git a/src/styles/media.scss b/src/styles/media.scss
index 2781c4c..aa02089 100644
--- a/src/styles/media.scss
+++ b/src/styles/media.scss
@@ -1,3 +1,7 @@
+@import "./ourBackgroundColor.scss";
+.avue-logo{
+ background-color: $leftMenuTop;
+}
.avue-left,
.avue-header,
.avue-top,
@@ -11,7 +15,8 @@
.avue-contail {
width: 100%;
height: 100%;
- background: #f0f2f5;
+ // background: #f0f2f5;
+ background: $black;
background-size: 100%;
background-repeat: no-repeat;
}
@@ -45,7 +50,7 @@
.avue-header {
padding-left: 240px;
width: 100%;
- background-color: #fff;
+ background-color: $black;
box-sizing: border-box;
}
@@ -59,7 +64,8 @@
box-sizing: border-box;
overflow: hidden;
transition: all 0.5s;
- background: #f0f2f5;
+ // background: #f0f2f5;
+ background: $black;
z-index: 1026;
&--fullscreen {
diff --git a/src/styles/ourBackgroundColor.scss b/src/styles/ourBackgroundColor.scss
new file mode 100644
index 0000000..31a731c
--- /dev/null
+++ b/src/styles/ourBackgroundColor.scss
@@ -0,0 +1,22 @@
+$black: #03277c;
+
+$leftMenuB: #1446dd;
+
+$leftMenuTop: #1446dd;
+
+$fontColor: #fff;
+
+$mainB2: #0048e5;
+$mainB: #004ca7;
+$mainBx1: #013e8a;
+
+$mainBhover: #1d5ce4;
+
+$fontColorActive: #2f96ff;
+$fontColorActive1: #52a9ff;
+
+$inputB: #0246e1;
+
+$buttonB: #7cbdff;
+
+$inputB1: rgb(25, 88, 233);
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
index f4995d7..32eff42 100644
--- a/src/styles/sidebar.scss
+++ b/src/styles/sidebar.scss
@@ -29,13 +29,16 @@
}
}
+@import "./ourBackgroundColor.scss";
+
.avue-sidebar {
user-select: none;
position: relative;
padding-top: 60px;
height: 100%;
position: relative;
- background-color: #20222a;
+ background-color: $leftMenuB;
+ // background-color: #20222a;
transition: width .2s;
box-sizing: border-box;
box-shadow: 2px 0 6px rgba(0,21,41,.35);
@@ -81,7 +84,7 @@
background: #409eff;
position: absolute;
}
- background-color: rgba(0,0,0,.8);
+ background-color: $black;
i,span{
color:#fff;
}
diff --git a/src/styles/tags.scss b/src/styles/tags.scss
index 283be5e..af7b051 100644
--- a/src/styles/tags.scss
+++ b/src/styles/tags.scss
@@ -1,5 +1,5 @@
-
+@import "./ourBackgroundColor.scss";
.avue-tags {
user-select: none;
position: relative;
@@ -7,8 +7,10 @@
margin-bottom: 10px;
box-sizing: border-box;
overflow: hidden;
- border-top: 1px solid #f6f6f6;
- background-color: #fff;
+ border-top: 1px solid $black;
+ // border-top: 1px solid #f6f6f6;
+ background-color: $black;
+ // background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
.el-tabs--card>.el-tabs__header {
margin: 0;
@@ -27,7 +29,7 @@
line-height:40px;
font-size: 13px;
font-weight: normal;
- color: #ccc;
+ color: $fontColor;
&.is-active {
color: #409EFF;
border-bottom: 3px solid #409EFF;
diff --git a/src/styles/top.scss b/src/styles/top.scss
index a3f9b81..13a9df5 100644
--- a/src/styles/top.scss
+++ b/src/styles/top.scss
@@ -1,9 +1,14 @@
+@import "./ourBackgroundColor.scss";
$height:64px;
+.el-dropdown{
+ color: $fontColor !important;
+}
.avue-top {
padding: 0 20px;
position: relative;
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
- color: rgba(0, 0, 0, .65);
+ box-shadow: 0 1px 2px 0 $fontColor;
+ // color: rgba(0, 0, 0, .65);
+ color: $fontColor;
font-size: 28px;
height: $height;
line-height: $height;
@@ -17,6 +22,7 @@
.el-menu--horizontal>.el-menu-item {
height: $height;
line-height: $height;
+ color: $fontColor !important;
}
}
.avue-breadcrumb {
@@ -44,6 +50,7 @@
top:0;
width: 400px !important;
.el-input__inner {
+ border: 1px solid #fff !important;
font-size: 13px;
border: none;
background-color: transparent;
diff --git a/src/views/regulatoryInformation/data.js b/src/views/regulatoryInformation/data.js
new file mode 100644
index 0000000..5d5661a
--- /dev/null
+++ b/src/views/regulatoryInformation/data.js
@@ -0,0 +1,271 @@
+var DIC = [
+ {
+ label: '招聘中',
+ value: 1,
+ }, {
+ label: '停止招聘',
+ value: 2,
+ }
+]
+var DIC1 = [
+ {
+ label: '拥有',
+ value: 1,
+ }, {
+ label: '未拥有',
+ value: 2,
+ }
+]
+
+var w = 160
+ , s = 12;
+export var column = [
+ {
+ label: "id",
+ prop: "id",
+ hide: true,
+ editDisplay: false,
+ addDisplay: false,
+ viewDisplay: false,
+ },
+ // {
+ // label: "保安单位",
+ // prop: "tenantName",
+ // hide: true,
+ // editDisplay: false,
+ // addDisplay: false
+ // },
+ // {
+ // label: "保安id",
+ // prop: "deptId",
+ // hide: true,
+ // editDisplay: false,
+ // addDisplay: false,
+ // value: JSON.parse(window.localStorage.getItem("saber-userInfo")).content.dept_id
+ // },//上面不显示
+ {
+ label: "保安公司",
+ prop: "deptId",
+ rules: [{
+ required: true,
+ message: "请输入保安公司",
+ trigger: "blur"
+ }],
+ // addDisplay: true,
+ // editDisplay: true,
+ // viewDisplay: true,
+ overHidden: true,
+ searchSpan: 4,
+ dicUrl: "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
+ props: {
+ label: "title",
+ value: "id"
+ },
+ hide: true,
+ // search: true,
+ type: "select",
+ },
+ {
+ label: "招聘岗位",
+ prop: "name",
+ hide: true,
+ // search: true,
+ },
+ {
+ label: "招聘人数",
+ prop: "number",
+ width: 70,
+ hide: true,
+ // search: true,
+ },
+ {
+ label: "保安证",
+ prop: "permit",
+ // addDisplay: true,
+ // editDisplay: true,
+ // viewDisplay: true,
+ filter: false,
+ type: 'tree',
+ dicData: DIC1,
+ searchSpan: 4,
+ hide: true,
+ // dicUrl: "/api/blade-system/dict-biz/dictionary?code=equipage",
+ // props: {
+ // label: "dictValue",
+ // value: "dictKey"
+ // },
+ // search: true,
+ // type: "select",
+ },
+ {
+ label: "学历要求",
+ prop: "education",
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
+ searchSpan: 4,
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType",
+ props: {
+ label: "dictValue",
+ value: "dictKey"
+ },
+ hide: true,
+ // search: true,
+ type: "select",
+ // rules: [{
+ // required: true,
+ // message: "请选择学历",
+ // trigger: "blur"
+ // }],
+ },
+ {
+ label: "工作经验",
+ prop: "experience",
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
+ hide: true,
+ searchSpan: 4,
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=experienceType",
+ props: {
+ label: "dictValue",
+ value: "dictKey"
+ },
+ // search: true,
+ type: "select",
+ // rules: [{
+ // required: true,
+ // message: "请选择工作经验",
+ // trigger: "blur"
+ // }],
+ },
+ {
+ label: "工作任务",
+ prop: "workDesc",
+ // search: true,
+ // width: 110,
+ overHidden: true
+ },
+ {
+ label: "福利",
+ prop: "welfare",
+ search: true,
+ searchSpan: 5,
+ overHidden: true
+ },
+ {
+ label: "最低薪资",
+ prop: "minSalary",
+ width: 100,
+ // search: true,
+ searchSpan: 4,
+ },
+ {
+ label: "最高薪资",
+ prop: "maxSalary",
+ width: 100,
+ // search: true,
+ searchSpan: 4,
+ },
+ {
+ label: "单位性质",
+ prop: "unitsNature",
+ width: 70,
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
+ searchSpan: 4,
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=unitsNatureType",
+ props: {
+ label: "dictValue",
+ value: "dictKey"
+ },
+ // search: true,
+ type: "select",
+ // rules: [{
+ // required: false,
+ // message: "请选择单位规模",
+ // trigger: "blur"
+ // }],
+ },
+ {
+ label: "单位规模",
+ prop: "unitsScale",
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
+ width: 150,
+ searchSpan: 4,
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=unitsScaleType",
+ props: {
+ label: "dictValue",
+ value: "dictKey"
+ },
+ search: true,
+ type: "select",
+ // rules: [{
+ // required: true,
+ // message: "请选择单位规模",
+ // trigger: "blur"
+ // }],
+ },
+ {
+ label: "联系人",
+ prop: "linkman",
+ hide: true,
+ // search: true,
+ },
+ {
+ label: "联系人电话",
+ prop: "phone",
+ hide: true,
+ // search: true,
+ width: 110,
+ },
+ {
+ label: "详细地址",
+ prop: "address",
+ width: 110,
+ // search: true,
+ hide: true,
+ overHidden: true
+ },
+ {
+ label: "开始时间",
+ prop: "startTime",
+ // search: true,
+ hide: true,
+ type: "date",
+ format: "yyyy-MM-dd hh:mm:ss",
+ valueFormat: "yyyy-MM-dd hh:mm:ss",
+ width: 88,
+ },
+
+ {
+ label: "结束时间",
+ prop: "endTime",
+ // search: true,
+ hide: true,
+ type: "date",
+ format: "yyyy-MM-dd hh:mm:ss",
+ valueFormat: "yyyy-MM-dd hh:mm:ss",
+ width: 88,
+ },
+ {
+ label: "招聘状态",
+ // prop: "status",
+ // search: true,
+ // searchSpan: 4,
+ width: 70,
+ prop: 'status',
+ hide: true,
+ filter: false,
+ type: 'tree',
+ dicData: DIC,
+ // rules: [{
+ // required: true,
+ // message: "请选择单位规模",
+ // trigger: "blur"
+ // }],
+ },
+]
diff --git a/src/views/regulatoryInformation/index.vue b/src/views/regulatoryInformation/index.vue
new file mode 100644
index 0000000..edb700a
--- /dev/null
+++ b/src/views/regulatoryInformation/index.vue
@@ -0,0 +1,358 @@
+/*
+ * @Author: Morpheus
+ * @Date: 2021-07-07 17:30:05
+ * @Last Modified by: Morpheus
+ * @Last Modified time: 2021-07-10 16:06:14
+ * 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"
+ >
+ </avue-crud>
+ </basic-container>
+</template>
+
+<script>
+import {
+ getList,
+ getDetail,
+ adddata,
+ update,
+ remove,
+} from "@/api/regulatoryInformation/regulatoryInformation";
+import { mapGetters } from "vuex";
+
+export default {
+ data() {
+ var dic = [
+ {
+ label: "警告",
+ value: "0",
+ },
+ {
+ label: "罚款",
+ value: "1",
+ },
+ {
+ label: "没收违法所得",
+ value: "2",
+ },
+ {
+ label: "没收非法财物",
+ value: "3",
+ },
+ {
+ label: "责令停止施工",
+ value: "4",
+ },
+ {
+ label: "责令停止使用",
+ value: "5",
+ },
+ {
+ label: "责令停止违法行为",
+ value: "6",
+ },
+ {
+ label: "责令停业",
+ value: "7",
+ },
+ ];
+ return {
+ form: {},
+ query: {},
+ loading: true,
+ page: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0,
+ },
+ selectionList: [],
+ option: {
+ // 操作栏多余按钮去除
+ // delBtn: false,
+ // editBtn: false,
+ // addBtn: false,
+ // selection: false,
+ // menu: false,
+
+ align: "center",
+ height: "auto",
+ calcHeight: 30,
+ tip: false,
+ searchShow: true,
+ searchMenuSpan: 6,
+ index: true,
+ viewBtn: true,
+ dialogClickModal: false,
+
+ column: [
+ {
+ label: "保安公司",
+ prop: "deptid",
+ labelWidth: 120,
+ searchLabelWidth: 120,
+ searchSpan: 5,
+ dicUrl:
+ "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
+ props: {
+ label: "title",
+ value: "id",
+ },
+ search: true,
+ overHidden: true,
+ type: "select",
+ rules: [
+ {
+ required: true,
+ message: "请输入保安公司",
+ trigger: "blur",
+ },
+ ],
+ },
+ {
+ label: "处罚类型",
+ prop: "punishtype",
+ type: "select",
+ labelWidth: 120,
+ // display: false,
+ dicData: dic,
+ // props: {
+ // label: "label",
+ // value: "value",
+ // },
+ searchSpan: 5,
+ search: true,
+ width: 120,
+ },
+ {
+ label: "处罚原因",
+ prop: "punishreason",
+ // display: false,
+ labelWidth: 120,
+ width: 200,
+ },
+ {
+ label: "处罚结果",
+ prop: "punishresult",
+ // display: false,
+ width: 200,
+ labelWidth: 120,
+ overHidden: true,
+ },
+ {
+ label: "处罚日期",
+ prop: "punishtime",
+ type: "date",
+ format: "yyyy-MM-dd",
+ valueFormat: "yyyy-MM-dd",
+ mock: {
+ type: "datetime",
+ labelWidth: 120,
+ format: "yyyy-MM-dd",
+ },
+ // search: true,
+ searchSpan: 4,
+ // display: false,
+ width: 180,
+ },
+
+ {
+ label: "处罚批准文号",
+ prop: "punisnum",
+ labelWidth: 120,
+ // display: false,
+ },
+ ],
+ // group: [
+ // {
+ // label: "详细信息",
+ // prop: "baseInfo",
+ // icon: "el-icon-user-solid",
+ // column: [
+ // {
+ // label: "公司名称",
+ // prop: "enterprisename",
+ // display: false,
+ // },
+ // ],
+ // },
+ // {
+ // label: "详细信息",
+ // prop: "detailInfo",
+ // icon: "el-icon-s-order",
+ // column: [],
+ // },
+ // {
+ // label: "职责信息",
+ // prop: "dutyInfo",
+ // icon: "el-icon-s-custom",
+ // column: [],
+ // },
+ // ],
+ },
+ 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: "操作成功!",
+ });
+ });
+ },
+ // 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;
+ getList(
+ 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;
+ 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>
+</style>
--
Gitblit v1.9.3