loveflow
1 year ago
parent
22d654a3f0
commit
aad13503c8
|
After Width: | Height: | Size: 3.5 KiB |
@ -0,0 +1,165 @@
|
|||||||
|
.loveflow {
|
||||||
|
.flexSpaceBetween {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.searchWrap {
|
||||||
|
/deep/ .el-input__inner {
|
||||||
|
color: #fff;
|
||||||
|
border: 0.1px solid #495e70;
|
||||||
|
background-color: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
/deep/ .el-form-item__label {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button {
|
||||||
|
border: 1px solid #4a6072;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 0px !important;
|
||||||
|
background: #323f43;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button:focus,
|
||||||
|
.el-button:hover {
|
||||||
|
border: 1px solid#34e1b3;
|
||||||
|
background: url("~@/assets/companyFile/2121.png") no-repeat !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tableWrap {
|
||||||
|
height: calc(100% - 60px);
|
||||||
|
}
|
||||||
|
/deep/ .el-table {
|
||||||
|
background-color: #233438;
|
||||||
|
.el-table__header-wrapper {
|
||||||
|
tr {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 500;
|
||||||
|
background: linear-gradient(to right, #284f49, #2f6363, #233b38);
|
||||||
|
th {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-table__body {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #233438;
|
||||||
|
tr {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #233438;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.gPagination {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
/deep/.el-pagination {
|
||||||
|
.el-pagination__total {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.el-pagination__sizes {
|
||||||
|
.el-input__inner {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn-prev {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.btn-next {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.el-pager {
|
||||||
|
.number {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
&.active {
|
||||||
|
background: url("~@/assets/companyFile/2121.png") no-repeat !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-pagination__jump {
|
||||||
|
color: #fff;
|
||||||
|
.el-input__inner {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/.el-dialog {
|
||||||
|
margin: 10vh auto 10vh !important;
|
||||||
|
.el-dialog__title {
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||||
|
}
|
||||||
|
|
||||||
|
background-image: url("~@/assets/companyFile/dialogBack.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 80vh;
|
||||||
|
|
||||||
|
/* 关闭弹窗叉号 */
|
||||||
|
.el-dialog__headerbtn {
|
||||||
|
.el-dialog__close {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-dialog__body {
|
||||||
|
padding: 30px 20px 0;
|
||||||
|
height: calc(100% - 120px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button {
|
||||||
|
width: 70px;
|
||||||
|
border: 1px solid #4a6072;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 0px !important;
|
||||||
|
background: #323f43;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button:focus,
|
||||||
|
.el-button:hover {
|
||||||
|
color: #34e1b3;
|
||||||
|
background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-form {
|
||||||
|
padding: 16px 0;
|
||||||
|
height: 100%;
|
||||||
|
background: url(/img/242112.6e40adf5.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
overflow-y: scroll;
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.el-form-item {
|
||||||
|
.el-form-item__label {
|
||||||
|
color: #fff;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.el-form-item__content {
|
||||||
|
.el-textarea__inner,
|
||||||
|
.el-input__inner {
|
||||||
|
border-radius: 0px;
|
||||||
|
border: 0.5px solid;
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 查询框点击颜色变化 */
|
||||||
|
.el-input__inner:focus,
|
||||||
|
.el-input__inner:hover {
|
||||||
|
border-color: #1b3736;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,129 @@
|
|||||||
|
<template>
|
||||||
|
<!-- 系统管理左侧导航菜单 -->
|
||||||
|
<el-menu
|
||||||
|
ref="menu"
|
||||||
|
:default-active="activeMenu"
|
||||||
|
class="el-menu-vertical-demo"
|
||||||
|
:router="true"
|
||||||
|
>
|
||||||
|
<!-- background-color="#f5f2e9"
|
||||||
|
text-color="#5aa4ae" -->
|
||||||
|
<!-- 一级导航 -->
|
||||||
|
<el-menu-item
|
||||||
|
:route="item.path"
|
||||||
|
v-for="item in menuList"
|
||||||
|
:key="item.name"
|
||||||
|
:index="item.name"
|
||||||
|
>
|
||||||
|
<i>
|
||||||
|
<img :src="item.icon" alt="" />
|
||||||
|
</i>
|
||||||
|
<span slot="title">{{ item.title }}</span>
|
||||||
|
</el-menu-item>
|
||||||
|
</el-menu>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "LeftNav",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isCollapse: false,
|
||||||
|
activeMenu: "",
|
||||||
|
menuList: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
created() {
|
||||||
|
this.activeMenu = this.$route.meta.name;
|
||||||
|
console.log(this.$route);
|
||||||
|
console.log(this.$router);
|
||||||
|
this.dealMenu(this.$router.getRoutes());
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
dealMenu(menu) {
|
||||||
|
this.menuList = [];
|
||||||
|
menu = menu || [];
|
||||||
|
let curName = this.$route.name;
|
||||||
|
for (let i = 0; i < menu.length; i++) {
|
||||||
|
if (menu[i]["path"].indexOf(curName) > -1) {
|
||||||
|
if (menu[i]["meta"] && menu[i]["meta"]["aside"]) {
|
||||||
|
this.menuList.push({
|
||||||
|
title: menu[i]["meta"]["title"],
|
||||||
|
name: menu[i]["meta"]["name"],
|
||||||
|
path: menu[i]["path"],
|
||||||
|
icon: menu[i]["meta"]["icon"],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
console.log(this.menuList);
|
||||||
|
},
|
||||||
|
// 点击跳转路由
|
||||||
|
clickMenu(val) {
|
||||||
|
this.$router.push({
|
||||||
|
path: val.path,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
setCurrentRoute() {
|
||||||
|
this.active = this.$route.path; //监听到当前路由状态并激活当前菜单
|
||||||
|
},
|
||||||
|
handleOpen(key, keyPath) {
|
||||||
|
console.log(key, keyPath);
|
||||||
|
},
|
||||||
|
handleClose(key, keyPath) {
|
||||||
|
console.log(key, keyPath);
|
||||||
|
},
|
||||||
|
select() {
|
||||||
|
sessionStorage.setItem("navkeep", this.$refs.menu.activeIndex);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
$route(to, from) {
|
||||||
|
console.log("aside", to);
|
||||||
|
this.activeMenu = to.meta.name;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.el-menu-vertical-demo:not(.el-menu--collapse) {
|
||||||
|
width: 100%; /* 保持和大的aside同宽 */
|
||||||
|
min-height: 98%; /* 固定侧边导航栏高度 */
|
||||||
|
background: url("~@/assets/companyFile/menuback.png") no-repeat;
|
||||||
|
padding: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.el-menu-vertical-demo.el-menu {
|
||||||
|
.el-menu-item {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 20px;
|
||||||
|
// margin-left: 17px;y
|
||||||
|
color: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
background: url("~@/assets/companyFile/921.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
i {
|
||||||
|
margin-right: 10px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
img {
|
||||||
|
margin-bottom: 4px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.is-active {
|
||||||
|
filter: brightness(150%);
|
||||||
|
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-menu-item:focus,
|
||||||
|
.el-menu-item:hover {
|
||||||
|
/* 导航选项点击触碰效果 */
|
||||||
|
filter: brightness(150%);
|
||||||
|
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,166 @@
|
|||||||
|
.enterpriseService {
|
||||||
|
.flexSpaceBetween {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.searchWrap {
|
||||||
|
/deep/ .el-input__inner {
|
||||||
|
color: #fff;
|
||||||
|
border: 0.1px solid #495e70;
|
||||||
|
background-color: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
/deep/ .el-form-item__label {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button {
|
||||||
|
border: 1px solid #4a6072;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 0px !important;
|
||||||
|
background: #323f43;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button:focus,
|
||||||
|
.el-button:hover {
|
||||||
|
border: 1px solid#34e1b3;
|
||||||
|
background: url("~@/assets/companyFile/2121.png") no-repeat !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tableWrap {
|
||||||
|
height: calc(100% - 60px);
|
||||||
|
}
|
||||||
|
/deep/ .el-table {
|
||||||
|
background-color: #233438;
|
||||||
|
.el-table__header-wrapper {
|
||||||
|
tr {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 500;
|
||||||
|
background: linear-gradient(to right, #284f49, #2f6363, #233b38);
|
||||||
|
th {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-table__body {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #233438;
|
||||||
|
tr {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #233438;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.gPagination {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
/deep/.el-pagination {
|
||||||
|
.el-pagination__total {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.el-pagination__sizes {
|
||||||
|
.el-input__inner {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn-prev {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.btn-next {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.el-pager {
|
||||||
|
.number {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
&.active {
|
||||||
|
background: url("~@/assets/companyFile/2121.png") no-repeat !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-pagination__jump {
|
||||||
|
color: #fff;
|
||||||
|
.el-input__inner {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/.el-dialog {
|
||||||
|
margin: 10vh auto 10vh !important;
|
||||||
|
.el-dialog__title {
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||||
|
}
|
||||||
|
|
||||||
|
background-image: url("~@/assets/companyFile/dialogBack.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
//height: 80vh;
|
||||||
|
|
||||||
|
/* 关闭弹窗叉号 */
|
||||||
|
.el-dialog__headerbtn {
|
||||||
|
.el-dialog__close {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-dialog__body {
|
||||||
|
padding: 30px 20px 0;
|
||||||
|
height: calc(100% - 120px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button {
|
||||||
|
width: 70px;
|
||||||
|
border: 1px solid #4a6072;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 0px !important;
|
||||||
|
background: #323f43;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button:focus,
|
||||||
|
.el-button:hover {
|
||||||
|
color: #34e1b3;
|
||||||
|
background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-form {
|
||||||
|
padding: 16px 0;
|
||||||
|
height: 100%;
|
||||||
|
background: url(/img/242112.6e40adf5.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
overflow-y: scroll;
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.el-form-item {
|
||||||
|
.el-form-item__label {
|
||||||
|
color: #fff;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.el-form-item__content {
|
||||||
|
.el-textarea__inner,
|
||||||
|
.el-input__inner {
|
||||||
|
border-radius: 0px;
|
||||||
|
border: 0.5px solid;
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 查询框点击颜色变化 */
|
||||||
|
.el-input__inner:focus,
|
||||||
|
.el-input__inner:hover {
|
||||||
|
border-color: #1b3736;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<template>
|
||||||
|
<div>法律咨询</div>
|
||||||
|
</template>
|
||||||
@ -1,151 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div class="search">
|
|
||||||
<gDict :options="dictList" :value="'1'"></gDict>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<el-button @click="add">打开</el-button>
|
|
||||||
|
|
||||||
<el-button type="danger" v-if="selectedRowKeys.length">批量删除</el-button>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
v-if="selectedRowKeys.length"
|
|
||||||
@click="clearSelection"
|
|
||||||
>
|
|
||||||
清空选择
|
|
||||||
</el-button>
|
|
||||||
|
|
||||||
<el-input v-model="queryParam.a" placeholder="请输入内容"></el-input>
|
|
||||||
<el-input v-model="queryParam.b" placeholder="请输入内容"></el-input>
|
|
||||||
|
|
||||||
<el-button type="primary" @click="searchQuery">查询</el-button>
|
|
||||||
<el-button type="primary" plain @click="searchReset">重置</el-button>
|
|
||||||
|
|
||||||
<div style="width: 800px">
|
|
||||||
<gMainTable
|
|
||||||
ref="gMainTable"
|
|
||||||
:tableData="dataSource"
|
|
||||||
:columns="columns"
|
|
||||||
rowKey="id"
|
|
||||||
:rowSelection="{
|
|
||||||
selectedRowKeys: selectedRowKeys,
|
|
||||||
selectionRows: selectionRows,
|
|
||||||
}"
|
|
||||||
@selectionChange="handleSelectionChange"
|
|
||||||
:pagination="ipagination"
|
|
||||||
@pageSizeChange="handlePageSizeChange"
|
|
||||||
@currentPageChange="handleCurrentPageChange"
|
|
||||||
>
|
|
||||||
<template v-slot:vaeSlot="{ scope }">
|
|
||||||
<el-button size="small" type="primary">{{
|
|
||||||
scope.row.name
|
|
||||||
}}</el-button>
|
|
||||||
</template>
|
|
||||||
</gMainTable>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<form-dialog
|
|
||||||
ref="formDialog"
|
|
||||||
:form-items="formItems"
|
|
||||||
@dialogSubmit="dialogSubmit"
|
|
||||||
>
|
|
||||||
<template v-slot:fzrslot="{ scope }">
|
|
||||||
{{ scope }}
|
|
||||||
</template>
|
|
||||||
</form-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
//import { deleteAction, getAction, downFile } from "@/loveflow/api/manage";
|
|
||||||
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
|
||||||
export default {
|
|
||||||
mixins: [tableListMixins],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
columns: [
|
|
||||||
{
|
|
||||||
prop: "id",
|
|
||||||
label: "序号",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: "name",
|
|
||||||
label: "姓名",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slot: "vaeSlot",
|
|
||||||
prop: "name",
|
|
||||||
label: "自定义",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
formItems: [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
itemAttrs: {
|
|
||||||
label: "车间编码",
|
|
||||||
rules: this.$rules.requiredItem,
|
|
||||||
},
|
|
||||||
attrs: {
|
|
||||||
model: "no",
|
|
||||||
value: "",
|
|
||||||
placeholder: "",
|
|
||||||
disabled: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "textarea",
|
|
||||||
itemAttrs: {
|
|
||||||
label: "备注",
|
|
||||||
},
|
|
||||||
attrs: {
|
|
||||||
model: "remark",
|
|
||||||
value: "",
|
|
||||||
placeholder: "",
|
|
||||||
rows: 4,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "slot",
|
|
||||||
slot: "fzrslot",
|
|
||||||
itemAttrs: {
|
|
||||||
label: "车间负责人",
|
|
||||||
},
|
|
||||||
attrs: {
|
|
||||||
model: "directorPerson",
|
|
||||||
value: "",
|
|
||||||
placeholder: "",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
dictList: [
|
|
||||||
{
|
|
||||||
value: "1",
|
|
||||||
label: "这是状态码1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "2",
|
|
||||||
label: "这是状态码2",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
add() {
|
|
||||||
this.$refs.formDialog.openDialog();
|
|
||||||
},
|
|
||||||
dialogSubmit() {},
|
|
||||||
clearSelection() {
|
|
||||||
this.$refs.gMainTable.clearSelection();
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.search {
|
|
||||||
width: vw(400);
|
|
||||||
height: vh(500);
|
|
||||||
background-color: #ccc;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -0,0 +1,82 @@
|
|||||||
|
<template>
|
||||||
|
<el-card class="box-card">
|
||||||
|
<div class="topZS"></div>
|
||||||
|
<div class="bottomZS"></div>
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>黑名单信息</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cardBody">
|
||||||
|
<div class="flexSpaceBetween">
|
||||||
|
<div class="tableOperator"></div>
|
||||||
|
<div class="searchWrap">
|
||||||
|
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
|
||||||
|
<el-form-item label="企业名称">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.name"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车牌号">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.car"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchQuery">查询</el-button>
|
||||||
|
<el-button type="primary" plain @click="searchReset"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tableWrap">
|
||||||
|
<gMainTable
|
||||||
|
ref="gMainTable"
|
||||||
|
:tableData="dataSource"
|
||||||
|
:columns="columns"
|
||||||
|
rowKey="id"
|
||||||
|
:pagination="ipagination"
|
||||||
|
@pageSizeChange="handlePageSizeChange"
|
||||||
|
@currentPageChange="handleCurrentPageChange"
|
||||||
|
>
|
||||||
|
</gMainTable>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||||
|
export default {
|
||||||
|
mixins: [tableListMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
prop: "name",
|
||||||
|
label: "企业名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "card",
|
||||||
|
label: "车牌号",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "tel",
|
||||||
|
label: "有效期",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address",
|
||||||
|
label: "描述",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url("../index.less");
|
||||||
|
</style>
|
||||||
@ -0,0 +1,106 @@
|
|||||||
|
<template>
|
||||||
|
<el-card class="box-card">
|
||||||
|
<div class="topZS"></div>
|
||||||
|
<div class="bottomZS"></div>
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>危化品车辆信息</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cardBody">
|
||||||
|
<div class="flexSpaceBetween">
|
||||||
|
<div class="tableOperator"></div>
|
||||||
|
<div class="searchWrap">
|
||||||
|
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
|
||||||
|
<el-form-item label="所属公司">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.name"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车牌号">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.car"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchQuery">查询</el-button>
|
||||||
|
<el-button type="primary" plain @click="searchReset"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tableWrap">
|
||||||
|
<gMainTable
|
||||||
|
ref="gMainTable"
|
||||||
|
:tableData="dataSource"
|
||||||
|
:columns="columns"
|
||||||
|
rowKey="id"
|
||||||
|
:pagination="ipagination"
|
||||||
|
@pageSizeChange="handlePageSizeChange"
|
||||||
|
@currentPageChange="handleCurrentPageChange"
|
||||||
|
>
|
||||||
|
</gMainTable>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||||
|
export default {
|
||||||
|
mixins: [tableListMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
prop: "name",
|
||||||
|
label: "所属公司",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "card",
|
||||||
|
label: "车牌号",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "tel",
|
||||||
|
label: "车辆类型",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address",
|
||||||
|
label: "车架号",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address1",
|
||||||
|
label: "核载",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address2",
|
||||||
|
label: "自重",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address3",
|
||||||
|
label: "经营范围",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address4",
|
||||||
|
label: "车辆颜色",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address5",
|
||||||
|
label: "车牌颜色",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address6",
|
||||||
|
label: "运营证编号",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url("../index.less");
|
||||||
|
</style>
|
||||||
@ -0,0 +1,226 @@
|
|||||||
|
<template>
|
||||||
|
<el-card class="box-card">
|
||||||
|
<div class="topZS"></div>
|
||||||
|
<div class="bottomZS"></div>
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>违法失信企业</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cardBody">
|
||||||
|
<div class="flexSpaceBetween">
|
||||||
|
<div class="tableOperator"></div>
|
||||||
|
<div class="searchWrap">
|
||||||
|
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
|
||||||
|
<el-form-item label="企业名称">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.name"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchQuery">查询</el-button>
|
||||||
|
<el-button type="primary" plain @click="searchReset"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tableWrap">
|
||||||
|
<gMainTable
|
||||||
|
ref="gMainTable"
|
||||||
|
:tableData="dataSource"
|
||||||
|
:columns="columns"
|
||||||
|
rowKey="id"
|
||||||
|
:pagination="ipagination"
|
||||||
|
@pageSizeChange="handlePageSizeChange"
|
||||||
|
@currentPageChange="handleCurrentPageChange"
|
||||||
|
>
|
||||||
|
<template v-slot:optSlot="{ scope }">
|
||||||
|
<el-link type="primary" @click="checkDetail(scope.row)"
|
||||||
|
>详情
|
||||||
|
</el-link>
|
||||||
|
</template>
|
||||||
|
</gMainTable>
|
||||||
|
</div>
|
||||||
|
<FormDialog
|
||||||
|
ref="formDialog"
|
||||||
|
:formItems="formItems"
|
||||||
|
:cancelBtn="false"
|
||||||
|
:submitBtn="false"
|
||||||
|
:closeBtn="true"
|
||||||
|
>
|
||||||
|
</FormDialog>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||||
|
export default {
|
||||||
|
mixins: [tableListMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
prop: "name",
|
||||||
|
label: "企业名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "card",
|
||||||
|
label: "法人姓名",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "tel",
|
||||||
|
label: "证件号码",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address",
|
||||||
|
label: "社会信用代码",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address1",
|
||||||
|
label: "违法失信ID",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address2",
|
||||||
|
label: "列入时间",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slot: "optSlot",
|
||||||
|
prop: "name",
|
||||||
|
label: "操作",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
formItems: [
|
||||||
|
{
|
||||||
|
type: "slot",
|
||||||
|
slot: "baseSlot",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "基本信息",
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "企业名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "name",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "人员姓名",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "证件号码",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "card",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "岗位名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "card",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "信用代码",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "经度",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "mz",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "纬度",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "hj",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "区县名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jz",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "街道名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jd",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
checkDetail(obj) {
|
||||||
|
this.$refs.formDialog.openDialog("detail", obj);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url("../index.less");
|
||||||
|
</style>
|
||||||
@ -0,0 +1,240 @@
|
|||||||
|
<template>
|
||||||
|
<el-card class="box-card">
|
||||||
|
<div class="topZS"></div>
|
||||||
|
<div class="bottomZS"></div>
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>重大危险源</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cardBody">
|
||||||
|
<div class="flexSpaceBetween">
|
||||||
|
<div class="tableOperator"></div>
|
||||||
|
<div class="searchWrap">
|
||||||
|
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
|
||||||
|
<el-form-item label="企业名称">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.name"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="人员姓名">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.name"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchQuery">查询</el-button>
|
||||||
|
<el-button type="primary" plain @click="searchReset"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tableWrap">
|
||||||
|
<gMainTable
|
||||||
|
ref="gMainTable"
|
||||||
|
:tableData="dataSource"
|
||||||
|
:columns="columns"
|
||||||
|
rowKey="id"
|
||||||
|
:pagination="ipagination"
|
||||||
|
@pageSizeChange="handlePageSizeChange"
|
||||||
|
@currentPageChange="handleCurrentPageChange"
|
||||||
|
>
|
||||||
|
<template v-slot:optSlot="{ scope }">
|
||||||
|
<el-link type="primary" @click="checkDetail(scope.row)"
|
||||||
|
>详情
|
||||||
|
</el-link>
|
||||||
|
</template>
|
||||||
|
</gMainTable>
|
||||||
|
</div>
|
||||||
|
<FormDialog
|
||||||
|
ref="formDialog"
|
||||||
|
:formItems="formItems"
|
||||||
|
:cancelBtn="false"
|
||||||
|
:submitBtn="false"
|
||||||
|
:closeBtn="true"
|
||||||
|
>
|
||||||
|
</FormDialog>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||||
|
export default {
|
||||||
|
mixins: [tableListMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
prop: "name",
|
||||||
|
label: "企业名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "card",
|
||||||
|
label: "人员姓名",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "tel",
|
||||||
|
label: "岗位名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address",
|
||||||
|
label: "企业唯一标识",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address1",
|
||||||
|
label: "社会信用代码",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address2",
|
||||||
|
label: "经度",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address3",
|
||||||
|
label: "维度",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address4",
|
||||||
|
label: "采集时间",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slot: "optSlot",
|
||||||
|
prop: "name",
|
||||||
|
label: "操作",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
formItems: [
|
||||||
|
{
|
||||||
|
type: "slot",
|
||||||
|
slot: "baseSlot",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "基本信息",
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "企业名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "name",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "人员姓名",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "证件号码",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "card",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "岗位名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "card",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "信用代码",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "经度",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "mz",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "纬度",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "hj",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "区县名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jz",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "街道名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jd",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
checkDetail(obj) {
|
||||||
|
this.$refs.formDialog.openDialog("detail", obj);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url("../index.less");
|
||||||
|
</style>
|
||||||
@ -0,0 +1,317 @@
|
|||||||
|
<template>
|
||||||
|
<el-card class="box-card">
|
||||||
|
<div class="topZS"></div>
|
||||||
|
<div class="bottomZS"></div>
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>监管报警信息</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cardBody">
|
||||||
|
<div class="flexSpaceBetween">
|
||||||
|
<div class="tableOperator"></div>
|
||||||
|
<div class="searchWrap">
|
||||||
|
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
|
||||||
|
<el-form-item label="企业名称">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.name"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchQuery">查询</el-button>
|
||||||
|
<el-button type="primary" plain @click="searchReset"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tableWrap">
|
||||||
|
<gMainTable
|
||||||
|
ref="gMainTable"
|
||||||
|
:tableData="dataSource"
|
||||||
|
:columns="columns"
|
||||||
|
rowKey="id"
|
||||||
|
:pagination="ipagination"
|
||||||
|
@pageSizeChange="handlePageSizeChange"
|
||||||
|
@currentPageChange="handleCurrentPageChange"
|
||||||
|
>
|
||||||
|
<template v-slot:optSlot="{ scope }">
|
||||||
|
<el-link type="primary" @click="checkDetail(scope.row)"
|
||||||
|
>详情
|
||||||
|
</el-link>
|
||||||
|
</template>
|
||||||
|
</gMainTable>
|
||||||
|
</div>
|
||||||
|
<FormDialog
|
||||||
|
ref="formDialog"
|
||||||
|
:formItems="formItems"
|
||||||
|
:cancelBtn="false"
|
||||||
|
:submitBtn="false"
|
||||||
|
:closeBtn="true"
|
||||||
|
>
|
||||||
|
</FormDialog>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||||
|
export default {
|
||||||
|
mixins: [tableListMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
prop: "name",
|
||||||
|
label: "企业名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "card",
|
||||||
|
label: "驾驶员名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "tel",
|
||||||
|
label: "押运员名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address",
|
||||||
|
label: "牵引车号",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address2",
|
||||||
|
label: "挂车号",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address1",
|
||||||
|
label: "罐体车",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address3",
|
||||||
|
label: "报警时间",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address4",
|
||||||
|
label: "报警地址",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address5",
|
||||||
|
label: "报警详情",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slot: "optSlot",
|
||||||
|
prop: "name",
|
||||||
|
label: "操作",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
formItems: [
|
||||||
|
{
|
||||||
|
type: "slot",
|
||||||
|
slot: "baseSlot",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "基本信息",
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "企业名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "name",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "驾驶员姓名",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "card",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "押运员名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "card",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "牵引车号",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "挂车号",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "罐车号",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "报警编码",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "报警时间",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "报警点经度",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "mz",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "报警点纬度",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "hj",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "报警类型编码",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jz",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "报警类型",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jd",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "报警点地址",
|
||||||
|
span: 22,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jd",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "textarea",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "报警详情",
|
||||||
|
span: 22,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jd",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
rows: 3,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
checkDetail(obj) {
|
||||||
|
this.$refs.formDialog.openDialog("detail", obj);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url("../index.less");
|
||||||
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,312 @@
|
|||||||
|
<template>
|
||||||
|
<el-card class="box-card">
|
||||||
|
<div class="topZS"></div>
|
||||||
|
<div class="bottomZS"></div>
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>系统企业信息</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cardBody">
|
||||||
|
<div class="flexSpaceBetween">
|
||||||
|
<div class="tableOperator"></div>
|
||||||
|
<div class="searchWrap">
|
||||||
|
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
|
||||||
|
<el-form-item label="企业名称">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.name"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchQuery">查询</el-button>
|
||||||
|
<el-button type="primary" plain @click="searchReset"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tableWrap">
|
||||||
|
<gMainTable
|
||||||
|
ref="gMainTable"
|
||||||
|
:tableData="dataSource"
|
||||||
|
:columns="columns"
|
||||||
|
rowKey="id"
|
||||||
|
:pagination="ipagination"
|
||||||
|
@pageSizeChange="handlePageSizeChange"
|
||||||
|
@currentPageChange="handleCurrentPageChange"
|
||||||
|
>
|
||||||
|
<template v-slot:optSlot="{ scope }">
|
||||||
|
<el-link type="primary" @click="checkDetail(scope.row)"
|
||||||
|
>详情
|
||||||
|
</el-link>
|
||||||
|
</template>
|
||||||
|
</gMainTable>
|
||||||
|
</div>
|
||||||
|
<FormDialog
|
||||||
|
ref="formDialog"
|
||||||
|
:formItems="formItems"
|
||||||
|
:cancelBtn="false"
|
||||||
|
:submitBtn="false"
|
||||||
|
:closeBtn="true"
|
||||||
|
>
|
||||||
|
</FormDialog>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||||
|
export default {
|
||||||
|
mixins: [tableListMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
prop: "name",
|
||||||
|
label: "企业名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "card",
|
||||||
|
label: "社会信用代码",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "tel",
|
||||||
|
label: "法人姓名",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address",
|
||||||
|
label: "企业类型",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address0",
|
||||||
|
label: "注册资本",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address1",
|
||||||
|
label: "成立日期",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address2",
|
||||||
|
label: "地址",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address3",
|
||||||
|
label: "登记状态",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slot: "optSlot",
|
||||||
|
prop: "name",
|
||||||
|
label: "操作",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
formItems: [
|
||||||
|
{
|
||||||
|
type: "slot",
|
||||||
|
slot: "baseSlot",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "基本信息",
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "企业名称",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "name",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "法人姓名",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "card",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "社会信用代码",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "card",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "企业类型",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "注册资本",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "成立日期",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "核准日期",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "营业日期",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "phone",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "登记机关",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "mz",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "登记状态",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "hj",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "紧急人姓名",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jz",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "紧急人电话",
|
||||||
|
span: 11,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jd",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "地址",
|
||||||
|
span: 22,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jd",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "input",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "经营范围",
|
||||||
|
span: 22,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "jd",
|
||||||
|
value: "",
|
||||||
|
placeholder: "",
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
checkDetail(obj) {
|
||||||
|
this.$refs.formDialog.openDialog("detail", obj);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url("../index.less");
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue