loveflow
7 months 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