李劲龙 3 months ago
commit e97651af45

Binary file not shown.

After

Width:  |  Height:  |  Size: 401 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 452 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 612 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 676 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 851 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1015 B

After

Width:  |  Height:  |  Size: 837 B

@ -0,0 +1,12 @@
@font-face {
font-family: "Alibaba PuHuiTi";
src: url("./fonts/Alibaba-PuHuiTi-Bold.ttf");
}
@font-face {
font-family: "Alimama ShuHeiTi";
src: url("./fonts/AlimamaShuHeiTi-Bold.ttf");
}
@font-face {
font-family: "Alibaba PuHuiTiR";
src: url("./fonts/Alibaba-PuHuiTi-Regular.ttf");
}

@ -5,6 +5,7 @@
@import './sidebar.scss'; @import './sidebar.scss';
@import './btn.scss'; @import './btn.scss';
@import './public.scss'; @import './public.scss';
@import './font.css';
body { body {
height: 100%; height: 100%;
@ -25,7 +26,7 @@ html {
#app { #app {
height: 100%; height: 100%;
background-color: #f2f2f2; background-color: #F2F4F6;
} }
*, *,

@ -3,22 +3,30 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #F2F4F6;
.content-search { .content-search {
padding-top: 20px; padding-top: 20px;
border-bottom: 1px solid #ccc; margin-bottom: 15px;
background-color: #fff;
border-radius: 5px;
.search-title { .search-title {
font-weight: 700; font-family: Alibaba PuHuiTi;
font-size: 18px; font-weight: bold;
color: #3D3D3D; font-size: 16px;
padding-left: 10px; color: #192734;
padding-left: 20px;
position: relative;
padding-bottom: 15px;
border-bottom: 1px solid #F2F4F6;
&::before { &::before {
content: ""; content: "";
display: block; display: block;
width: 72px; width: 4px;
height: 3px; height: 20px;
border-radius: 5px; border-radius: 5px;
position: relative; position: absolute;
top: 30px; top: 0px;
left: 0px;
background-color: #2F8AE5; background-color: #2F8AE5;
} }
} }
@ -34,6 +42,11 @@
} }
} }
} }
.tyshxydm-class {
.el-form-item__content {
width: calc(100% - 140px);
}
}
.unit-form { .unit-form {
.el-form-item__content { .el-form-item__content {
width: 100%; width: 100%;
@ -42,36 +55,58 @@
} }
main { main {
flex: 1; flex: 1;
padding: 20px 10px; padding: 20px 0px;
background-color: #fff;
border-radius: 5px;
.search-title { .search-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid #F2F4F6;
padding: 0px 10px 0px 0px;
.search-title-span { .search-title-span {
font-weight: 700; font-family: Alibaba PuHuiTi;
font-size: 18px; font-weight: bold;
color: #3D3D3D; font-size: 16px;
padding-left: 10px; color: #192734;
padding-right: 50px; padding-left: 20px;
position: relative;
&::before { &::before {
content: ""; content: "";
display: block; display: block;
width: 72px; width: 4px;
height: 3px; height: 20px;
border-radius: 5px; border-radius: 5px;
position: relative; position: absolute;
top: 30px; top: 0px;
left: 0px;
background-color: #2F8AE5; background-color: #2F8AE5;
} }
} }
} }
.search-title-two {
padding-bottom: 15px;
}
section { section {
margin: 10px 0; margin: 10px 0;
padding: 0px 10px;
.el-table {
th {
background: rgba(98,153,204,0.1);
}
td {
border-bottom: none;
}
.evenNumber-row {
background-color: #F6F9FD;
}
}
} }
} }
} }
#L-pagination { #L-pagination {
margin-top: 15px; margin-top: 15px;
padding: 0px 10px;
.btn-prev, .btn-prev,
.btn-next { .btn-next {
padding: 0px 15px; padding: 0px 15px;
@ -120,52 +155,76 @@
} }
.audit-pages-box,.info-left { .audit-pages-box,.info-left {
height: 100%; height: 100%;
background-color: #fff;
border-radius: 5px;
.content-info { .content-info {
padding: 20px 0; padding: 20px 0;
margin-bottom: 15px;
background-color: #fff;
border-radius: 5px;
.info-title { .info-title {
font-weight: 700; font-family: Alibaba PuHuiTi;
font-size: 18px; font-weight: bold;
color: #3D3D3D; font-size: 16px;
padding-left: 10px; color: #192734;
padding-left: 20px;
position: relative;
padding-bottom: 15px;
border-bottom: 1px solid #F2F4F6;
&::before { &::before {
content: ""; content: "";
display: block; display: block;
width: 72px; width: 4px;
height: 3px; height: 20px;
position: relative;
top: 30px;
background-color: #2F8AE5;
border-radius: 5px; border-radius: 5px;
position: absolute;
top: 0px;
left: 0px;
background-color: #2F8AE5;
} }
} }
.top-info { .top-info {
margin: 20px 20px 0px 20px;
padding: 20px; padding: 20px;
background: #FAFBFC;
.top-row { .top-row {
margin-bottom: 50px; margin-bottom: 20px;
} }
.el-col { .el-col {
color: #464242; color: #192733;
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 14px;
span { span {
color: black; font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 14px;
color: #5C6166;
} }
} }
} }
} }
.content-info-two { .content-info-two {
border-bottom: 1px solid #ccc; // border-bottom: 1px solid #ccc;
margin-bottom: 20px; // margin-bottom: 20px;
} }
.info-cut-off-rule { .info-cut-off-rule {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #F2F4F6;
display: flex; display: flex;
margin-bottom: 20px; margin-bottom: 20px;
div { div {
padding: 10px; padding: 10px;
padding: 10px 20px; padding: 10px 20px;
border: 1px solid #ccc; border: 1px solid #F5F5F5;
font-weight: 400;
font-family: Alibaba PuHuiTiR;
font-size: 14px;
color: #192733;
border-bottom: none; border-bottom: none;
background-color: #fff; background-color: #F5F5F5;
cursor: pointer; cursor: pointer;
margin-right: 10px;
} }
.left-tab { .left-tab {
margin-left: 20px; margin-left: 20px;
@ -173,30 +232,62 @@
} }
.active-tab { .active-tab {
color: #fff; color: #fff;
background-color: #555555; background-color: #1485EF;
border: 1px solid #1485EF;
} }
} }
.info-cut-off-rule-my { .info-cut-off-rule-my {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #F2F4F6;
margin-bottom: 20px; margin-bottom: 20px;
.info-title { .info-title {
font-weight: 700; font-family: Alibaba PuHuiTi;
font-size: 18px; font-weight: bold;
color: #3D3D3D; font-size: 16px;
padding-left: 10px; color: #192734;
padding-left: 20px;
position: relative;
&::before { &::before {
content: ""; content: "";
display: block; display: block;
width: 72px; width: 4px;
height: 3px; height: 20px;
position: relative;
top: 30px;
background-color: #2F8AE5;
border-radius: 5px; border-radius: 5px;
position: absolute;
top: 0px;
left: 0px;
background-color: #2F8AE5;
} }
} }
} }
.info-bottom-box { .info-bottom-box {
padding: 0px 20px; padding: 0px 20px;
section {
.el-table {
th {
background: rgba(98,153,204,0.1);
}
td {
border-bottom: none;
}
.evenNumber-row {
background-color: #F6F9FD;
}
}
}
}
}
.audit-pages-box-two,.info-left-two {
background-color: #F2F4F6 !important;
display: flex;
flex-direction: column;
.renwuxiangqing {
flex: 1;
background-color: #fff;
border-radius: 5px;
} }
} }

@ -54,6 +54,32 @@
.el-scrollbar { .el-scrollbar {
height: calc(100% - 50px); height: calc(100% - 50px);
} }
.sever-TITLE {
text-align: center;
font-family: Alimama ShuHeiTi;
font-weight: bold;
font-size: 20px;
color: #FFFFFF;
line-height: 50px;
}
}
.cheshileiming {
padding: 10px 20px;
.is-active {
height: 30px;
line-height: 30px;
border-radius: 5px;
background-color: #1485EF !important;
}
li {
height: 30px;
line-height: 30px;
}
.el-submenu__title {
height: 30px;
line-height: 30px;
}
} }
.is-horizontal { .is-horizontal {
@ -85,8 +111,10 @@
// menu hover // menu hover
.submenu-title-noDropdown, .submenu-title-noDropdown,
.el-submenu__title { .el-submenu__title {
border-radius: 5px;
&:hover { &:hover {
background-color: rgba(0, 0, 0, 0.06) !important; // background-color: rgba(0, 0, 0, 0.06) !important;
background-color: #1485EF !important;
} }
} }
@ -96,19 +124,20 @@
& .nest-menu .el-submenu>.el-submenu__title, & .nest-menu .el-submenu>.el-submenu__title,
& .el-submenu .el-menu-item { & .el-submenu .el-menu-item {
min-width: $base-sidebar-width !important; min-width: 180px !important;
border-radius: 5px;
&:hover { &:hover {
background-color: rgba(0, 0, 0, 0.06) !important; // background-color: rgba(0, 0, 0, 0.06) !important;
background-color: #1485EF !important;
} }
} }
& .theme-dark .nest-menu .el-submenu>.el-submenu__title, & .theme-dark .nest-menu .el-submenu>.el-submenu__title,
& .theme-dark .el-submenu .el-menu-item { & .theme-dark .el-submenu .el-menu-item {
background-color: $base-sub-menu-background !important; background-color: $base-menu-background !important;
&:hover { &:hover {
background-color: $base-sub-menu-hover !important; background-color: #1485EF !important;
} }
} }
} }

@ -9,7 +9,8 @@ $yellow:#FEC171;
$panGreen: #30B08F; $panGreen: #30B08F;
// //
$base-menu-color:#bfcbd9; // $base-menu-color:#bfcbd9;
$base-menu-color:#B8C4CC;
$base-menu-color-active:#f4f4f5; $base-menu-color-active:#f4f4f5;
$base-menu-background:#304156; $base-menu-background:#304156;
$base-logo-title-color: #ffffff; $base-logo-title-color: #ffffff;

@ -82,6 +82,10 @@ export default {
const route = sidebarRouters.filter(item => item.path == '') const route = sidebarRouters.filter(item => item.path == '')
const twoActiveRoute = route[0].children.filter(item => item.path == "mytaskAudit") const twoActiveRoute = route[0].children.filter(item => item.path == "mytaskAudit")
this.levelList = [activeRoute[0].children[0],twoActiveRoute[0],matched[0]] this.levelList = [activeRoute[0].children[0],twoActiveRoute[0],matched[0]]
} else if(matched[0].path == "/unitAuth" ) {
// ----
const activeRoute = sidebarRouters.filter(item => item.path == '/' && item.children[0].path == 'unit')
this.levelList = [activeRoute[0].children[0],matched[0]]
} else { } else {
this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false) this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
} }

@ -30,7 +30,7 @@ export default {
.app-main { .app-main {
/* 50= navbar 50 */ /* 50= navbar 50 */
border-radius: 5px; border-radius: 5px;
height: calc(100vh - 60px); height: calc(100vh - 75px);
width: calc(100% - 20px); width: calc(100% - 20px);
position: relative; position: relative;
// overflow: scroll; // overflow: scroll;

@ -1,14 +1,14 @@
<template> <template>
<div v-if="!item.hidden"> <div v-if="!item.hidden">
<template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow"> <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
<app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path, onlyOneChild.query)"> <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path, onlyOneChild.query)" class="cheshileiming">
<el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}"> <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
<item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" /> <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
</el-menu-item> </el-menu-item>
</app-link> </app-link>
</template> </template>
<el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body> <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body class="cheshileiming">
<template slot="title"> <template slot="title">
<item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" /> <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
</template> </template>

@ -1,7 +1,7 @@
<template> <template>
<div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }"> <div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<!-- :collapse="isCollapse" --> <!-- :collapse="isCollapse" -->
<logo v-if="showLogo" /> <div class="sever-TITLE">太仓资产管理系统</div>
<el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper"> <el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
<!-- :collapse="isCollapse" --> <!-- :collapse="isCollapse" -->
<el-menu <el-menu
@ -10,7 +10,7 @@
:background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground" :background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
:text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor" :text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"
:unique-opened="true" :unique-opened="true"
:active-text-color="settings.theme" active-text-color="#FFFFFF"
:collapse-transition="false" :collapse-transition="false"
mode="vertical" mode="vertical"
> >

@ -113,6 +113,11 @@ export const constantRoutes = [
component: () => import('@/views/unitPages/myAssets/assetsAuth'), component: () => import('@/views/unitPages/myAssets/assetsAuth'),
name: 'myAssetsAuth', name: 'myAssetsAuth',
meta: { title: '资产详情', icon: 'user', activeMenu: "/myAssets" } meta: { title: '资产详情', icon: 'user', activeMenu: "/myAssets" }
},{
path: 'unitAuth',
component: () => import('@/views/auditPages/unitManagement/index'),
name: 'UnitAuth',
meta: { title: '新增单位', icon: 'user', activeMenu: "/unit" }
} }
] ]
}, },

@ -1,11 +1,3 @@
/*
* @Descripttion:
* @version:
* @Author: JC9527
* @Date: 2024-11-11 15:34:30
* @LastEditors: JC9527
* @LastEditTime: 2024-11-12 16:48:07
*/
module.exports = { module.exports = {
/** /**
* 侧边栏主题 深色主题theme-dark浅色主题theme-light * 侧边栏主题 深色主题theme-dark浅色主题theme-light
@ -35,7 +27,7 @@ module.exports = {
/** /**
* 是否显示logo * 是否显示logo
*/ */
sidebarLogo: false, sidebarLogo: true,
/** /**
* 是否显示动态标题 * 是否显示动态标题

File diff suppressed because one or more lines are too long

@ -2486,7 +2486,7 @@ export default {
radio:"", radio:"",
props:{ props:{
value:'code', value:'code',
label:"name", label:"value",
checkStrictly:true, checkStrictly:true,
}, },
ruleForm:{ ruleForm:{

@ -102,7 +102,7 @@
</el-row> </el-row>
</div> </div>
<section> <section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" border> <el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
<el-table-column type="index" width="50" label="序号" align="center"/> <el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="系统名称" key="name" width="200px" prop="name" align="center" /> <el-table-column label="系统名称" key="name" width="200px" prop="name" align="center" />
<el-table-column label="系统类型" key="type" prop="type" align="center" /> <el-table-column label="系统类型" key="type" prop="type" align="center" />
@ -114,28 +114,39 @@
<el-table-column label="新增时间" key="time" prop="time" align="center" /> <el-table-column label="新增时间" key="time" prop="time" align="center" />
<el-table-column label="系统状态" key="status" width="200px" prop="status" class-name="table-status" align="center"> <el-table-column label="系统状态" key="status" width="200px" prop="status" class-name="table-status" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.status === 0" style="color: #a4c86c;"> <span v-if="scope.row.status === 0" style="color: #16B771;">
已安装 已安装
</span> </span>
<span v-if="scope.row.status === 1" style="color: #F59A23;"> <span v-if="scope.row.status === 1" style="color: #F58A0C;">
测试中 测试中
</span> </span>
<span v-if="scope.row.status === 2" style="color: #00aaaa;"> <span v-if="scope.row.status === 2" style="color: #1485EF;">
使用中 使用中
</span> </span>
<span v-if="scope.row.status === 3" style="color: #29A07A;"> <span v-if="scope.row.status === 3" style="color: #29A07A;">
维护中 维护中
</span> </span>
<span v-if="scope.row.status === 4" style="color: #C51717;"> <span v-if="scope.row.status === 4" style="color: #F50C0C;">
报废 报废
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center"> <el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="look-info" @click="goInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">查看</span> <div style="display: flex;align-items: center;justify-content: center;">
<span class="look-info" @click="edit(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">编辑</span> <div style="display: flex;align-items: center;">
<span class="del-info" @click="delInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">删除</span> <img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" @click="goInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">查看</span>
</div>
<div style="display: flex;align-items: center;">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" @click="goInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">编辑</span>
</div>
<div style="display: flex;align-items: center;">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" @click="goInfo(scope.row)" style="color: #F50C0C;margin-right: 15px;cursor: pointer;">删除</span>
</div>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -337,6 +348,13 @@ export default {
}, },
// //
delInfo(){}, delInfo(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
// //
cancalDebounce(){ cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById('L-size-main'); // ID

@ -86,7 +86,7 @@
</el-row> </el-row>
</el-form> </el-form>
<section v-if="index == 1"> <section v-if="index == 1">
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" border> <el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center"/> <el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="资产编号" key="number" width="200px" prop="number" align="center" /> <el-table-column label="资产编号" key="number" width="200px" prop="number" align="center" />
<el-table-column label="资产名称" key="name" prop="name" align="center" /> <el-table-column label="资产名称" key="name" prop="name" align="center" />
@ -111,14 +111,22 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center"> <el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="look-info" @click="goInfo(scope.row)" style="color: #192A92;cursor: pointer;margin-right: 5px;">查看</span> <div style="display: flex;align-items: center;justify-content: center;">
<span class="look-info" @click="goAudit(scope.row)" style="color: #192A92;cursor: pointer;" v-if="scope.row.status == 1"></span> <div style="display: flex;align-items: center;">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" @click="goInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">查看</span>
</div>
<div v-if="scope.row.status == 1" style="display: flex;align-items: center;">
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" @click="delInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">审核</span>
</div>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</section> </section>
<section v-if="index == 2"> <section v-if="index == 2">
<el-table v-loading="loading" :data="tableDataTwo" :height="tabHeader" :max-height="tabHeader" border> <el-table v-loading="loading" :data="tableDataTwo" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center"/> <el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="单位名称" key="unitName" width="200px" prop="unitName" align="center" /> <el-table-column label="单位名称" key="unitName" width="200px" prop="unitName" align="center" />
<el-table-column label="核查资产数量" key="hczcsl" prop="hczcsl" align="center" /> <el-table-column label="核查资产数量" key="hczcsl" prop="hczcsl" align="center" />
@ -288,6 +296,13 @@ export default {
pageType: "info", pageType: "info",
}}) }})
}, },
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
// //
cancalDebounce(){ cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById('L-size-main'); // ID

@ -79,7 +79,7 @@
</el-row> </el-row>
</div> </div>
<section> <section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" border> <el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center"/> <el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="任务编号" key="number" width="200px" prop="number" align="center" /> <el-table-column label="任务编号" key="number" width="200px" prop="number" align="center" />
<el-table-column label="任务名称" key="name" prop="name" align="center" /> <el-table-column label="任务名称" key="name" prop="name" align="center" />
@ -92,24 +92,32 @@
<el-table-column label="任务完成时间" key="time" prop="time" align="center" /> <el-table-column label="任务完成时间" key="time" prop="time" align="center" />
<el-table-column label="任务状态" key="status" width="200px" prop="status" class-name="table-status" align="center"> <el-table-column label="任务状态" key="status" width="200px" prop="status" class-name="table-status" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.status === 0" style="color: #F59A23;"> <span v-if="scope.row.status === 0" style="color: #F58A0C;">
待审核 待审核
</span> </span>
<span v-if="scope.row.status === 1" style="color: #F43147;"> <span v-if="scope.row.status === 1" style="color: #F50C0C;">
审核驳回 审核驳回
</span> </span>
<span v-if="scope.row.status === 3" style="color: #a4c86c;"> <span v-if="scope.row.status === 3" style="color: #16B771;">
正常完成 正常完成
</span> </span>
<span v-if="scope.row.status === 4" style="color: #00aaaa;"> <span v-if="scope.row.status === 4" style="color: #1485EF;">
超期完成 超期完成
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center"> <el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="look-info" @click="goInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">查看</span> <div style="display: flex;align-items: center;justify-content: center;">
<span class="del-info" v-if="scope.row.status == 0" @click="delInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;"></span> <div style="display: flex;align-items: center;">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" @click="goInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">查看</span>
</div>
<div v-if="scope.row.status == 0" style="display: flex;align-items: center;">
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" @click="delInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">审核</span>
</div>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -303,6 +311,13 @@ export default {
pageType: "info", pageType: "info",
}}) }})
}, },
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
// //
cancalDebounce(){ cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById('L-size-main'); // ID

@ -96,7 +96,7 @@
</el-row> </el-row>
</el-form> </el-form>
<section v-if="index == 1"> <section v-if="index == 1">
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" border> <el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center"/> <el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="资产编号" key="number" width="200px" prop="number" align="center" /> <el-table-column label="资产编号" key="number" width="200px" prop="number" align="center" />
<el-table-column label="资产名称" key="name" prop="name" align="center" /> <el-table-column label="资产名称" key="name" prop="name" align="center" />
@ -127,7 +127,7 @@
</el-table> </el-table>
</section> </section>
<section v-if="index == 2"> <section v-if="index == 2">
<el-table v-loading="loading" :data="tableDataTwo" :height="tabHeader" :max-height="tabHeader" border> <el-table v-loading="loading" :data="tableDataTwo" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center"/> <el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="单位名称" key="unitName" width="200px" prop="unitName" align="center" /> <el-table-column label="单位名称" key="unitName" width="200px" prop="unitName" align="center" />
<el-table-column label="核查资产数量" key="hczcsl" prop="hczcsl" align="center" /> <el-table-column label="核查资产数量" key="hczcsl" prop="hczcsl" align="center" />
@ -326,6 +326,13 @@ export default {
}, },
getList(){}, getList(){},
getListTwo(){}, getListTwo(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
// //
cancalDebounce(){ cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById('L-size-main'); // ID
@ -336,7 +343,7 @@ export default {
const headerHeight = header.offsetHeight; const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight; const paginationtHeight = pagination.offsetHeight;
const tabHeight = tab.offsetHeight; const tabHeight = tab.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - tabHeight - 160; this.tabHeader = elementHeight - headerHeight - paginationtHeight - tabHeight - 140;
} }
}, },
} }

@ -1,16 +1,458 @@
<!-- 单位管理 --> <!-- 新增单位 -->
<template> <template>
<div> <div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0;">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right">
<el-row>
<el-col :span="12">
<el-form-item label="新增单位名称">
<el-input v-model="ruleForm.xtmc" placeholder="请输入单位名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位简称">
<el-input v-model="ruleForm.dwmc" placeholder="请输入单位简称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属区域">
<el-input v-model="ruleForm.xtmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位详细地址">
<el-input v-model="ruleForm.dwmc" placeholder="请输入单位详细地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属行业">
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
<el-option
v-for="dict in dict.type.zc_xtzyx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位类型">
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
<el-option
v-for="dict in dict.type.zc_xtzyx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="单位标签">
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
<el-option
v-for="dict in dict.type.zc_xtzyx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属监管单位">
<el-input v-model="ruleForm.dwmc" placeholder="请输入监管单位"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="单位角色">
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
<el-option
v-for="dict in dict.type.zc_xtzyx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位直属性质">
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
<el-option
v-for="dict in dict.type.zc_xtzyx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="统一社会信用代码">
<el-input v-model="ruleForm.xtmc" placeholder="请输入统一社会信用代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否关基单位">
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
<el-option
v-for="dict in dict.type.zc_xtzyx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<!-- 联系人 -->
<el-row style="margin: 10px 0;">
<span class="top-title-box">联系人</span>
<el-row>
<el-col :span="24">
<el-form-item label="单位负责人" required class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item prop="name">
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="phoneNumber">
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="email">
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="zhiwu">
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="分管负责人" required class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item prop="name">
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="phoneNumber">
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="email">
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="zhiwu">
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="部门负责人" required class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item prop="name">
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="phoneNumber">
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="email">
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="zhiwu">
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="第一联系人" required class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item prop="name">
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="phoneNumber">
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="email">
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="zhiwu">
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="其他联系人" required class="daoqitixingren">
<el-row>
<el-col :span="6">
<el-form-item prop="name">
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="phoneNumber">
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="email">
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style="margin-left: 10px;">
<el-form-item prop="zhiwu">
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入职务职称"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item :label="'其他联系人' + (index + 1)" v-for="(domain, index) in ruleForm.restContacts" :key="domain.key" :prop="'restContacts.' + index + '.value'">
<el-row>
<el-col :span="23">
<el-input v-model="domain.value"></el-input>
</el-col>
<el-col :span="1" style="text-align: center;">
<i @click="removeDomain(domain,'restContacts')" class="el-icon-remove-outline" style="margin-left: 5px;font-size: 16px;cursor: pointer;"></i>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item prop="btn">
<el-button @click="addForm('restContacts')"></el-button>
</el-form-item>
</el-col>
</el-row>
</el-row>
<!-- 检查信息 -->
<el-row style="margin: 10px 0;">
<span class="top-title-box">检查信息</span>
</el-row>
<div v-for="(domain, index) in ruleForm.jcxxUnit" :key="domain.key" :prop="'jcxxUnit.' + index + '.value'">
<el-row style="display: flex;">
<el-col :span="8">
<el-form-item class="daoqitixingren" required :label="'时间' + (index == 0 ? '' : index)">
<el-date-picker
v-model="ruleForm.ymdqsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8" style="margin-left: 10px;">
<el-form-item class="daoqitixingren" :label="'系统域名' + (index == 0 ? '' : index)">
<el-input v-model="domain.tyshxydm" placeholder="请输入系统域名"></el-input>
</el-form-item>
</el-col>
<el-col :span="7" style="margin-left: 17px;">
<el-form-item class="daoqitixingren" :label="'系统名称' + (index == 0 ? '' : index)">
<el-input v-model="domain.lxdh" placeholder="请输入系统名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="1" style="margin-left: 10px;text-align: center;">
<i @click="addGongyinglian('jcxxUnit')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
<i @click="removeDomain(domain,'jcxxUnit')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
</el-col>
</el-row>
</div>
<el-row>
<el-col :span="8">
<el-form-item label="等保级别">
<el-select v-model="ruleForm.xtzyx" placeholder="请选择等保级别">
<el-option
v-for="dict in dict.type.zc_xtzyx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="单位名称">
<el-input v-model="ruleForm.xtmc" placeholder="请输入单位名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="统一社会信用代码">
<el-input v-model="ruleForm.xtmc" placeholder="请输入统一社会信用代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否关基单位">
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
<el-option
v-for="dict in dict.type.zc_xtzyx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="检查结果">
<el-input type="textarea" resize="none" placeholder="请输入检查结果" :rows="5" v-model="ruleForm.xgyw_ywms"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 更多信息 -->
<el-row style="margin: 10px 0;">
<span class="top-title-box">更多信息</span>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="官网">
<el-input v-model="ruleForm.xtmc" placeholder="请输入官网"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="地图经度">
<el-input v-model="ruleForm.xtmc" placeholder="请输入地图经度"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="地图纬度">
<el-input v-model="ruleForm.xtmc" placeholder="请输入地图纬度"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="上级单位">
<el-input v-model="ruleForm.xtmc" placeholder="请输入上级单位"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注">
<el-input type="textarea" resize="none" placeholder="请输入备注" :rows="5" v-model="ruleForm.xgyw_ywms"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;">
<el-button type="danger">取消</el-button>
<el-button type="primary">确定</el-button>
</el-row>
</el-form>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
dicts:['zc_xtzyx'],
data() { data() {
return { return {
ruleForm:{
//
restContacts:[],
//
jcxxUnit:[
{
name:"",
tyshxydm:"",
lxdh:"",
}
],
},
rules:{}
} }
}, },
methods:{ methods:{
// form
addForm(type){
this.ruleForm[type].push({
value: '',
key: Date.now()
});
},
// Form
addGongyinglian(type){
this.ruleForm[type].push({
name:"",
tyshxydm:"",
lxr:"",
lxdh:"",
key: Date.now()
});
},
// form
removeDomain(item,type) {
var index = this.ruleForm[type].indexOf(item)
if (index !== -1) {
this.ruleForm[type].splice(index, 1)
}
},
}, },
} }
</script> </script>

@ -17,6 +17,7 @@
:background="background" :background="background"
:current-page.sync="currentPage" :current-page.sync="currentPage"
:page-size.sync="pageSize" :page-size.sync="pageSize"
:page-sizes="[10, 20, 30]"
:layout="layout" :layout="layout"
:pager-count="pagerCount" :pager-count="pagerCount"
:total="total" :total="total"
@ -56,7 +57,7 @@ export default {
}, },
layout: { layout: {
type: String, type: String,
default: 'prev, pager, next, jumper' default: 'prev, pager, next, sizes, jumper'
}, },
background: { background: {
type: Boolean, type: Boolean,

@ -78,6 +78,18 @@ export default {
font-weight: 800; font-weight: 800;
font-size: 16px; font-size: 16px;
color: #000000; color: #000000;
position: relative;
&::after {
content: "";
position: absolute;
top: 0;
left: -20px;
width: 5px;
border-radius: 5px;
height: 100%;
background-color: #1485EF;
}
} }
} }
.el-dialog__footer { .el-dialog__footer {

@ -1,9 +1,9 @@
<template> <template>
<div class="app-container"> <!-- <div class="app-container" id="L-size-main">
<el-row :gutter="20"> <el-row :gutter="20">
<!--用户数据--> 用户数据
<el-col :span="24" :xs="24"> <el-col :span="24" :xs="24">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" id="L-header">
<el-form-item label="单位名称" prop="userName"> <el-form-item label="单位名称" prop="userName">
<el-input <el-input
v-model="queryParams.userName" v-model="queryParams.userName"
@ -43,7 +43,7 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8" id="L-tab">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="primary" type="primary"
@ -76,7 +76,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-table v-loading="loading" :data="userList"> <el-table v-loading="loading" :data="userList" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" label="序号" width="50" align="center" /> <el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column label="单位名称" align="center" key="nickName" prop="nickName"> <el-table-column label="单位名称" align="center" key="nickName" prop="nickName">
<template slot-scope="scope">{{ scope.row.unitInfo.nickName }}</template> <template slot-scope="scope">{{ scope.row.unitInfo.nickName }}</template>
@ -94,7 +94,7 @@
</el-table-column> </el-table-column>
<el-table-column label="所属行业" align="center" key="sshy" prop="sshy"> <el-table-column label="所属行业" align="center" key="sshy" prop="sshy">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <dict-tag :options="dict.type.sshy" :value="scope.row.sshy"/> --> <dict-tag :options="dict.type.sshy" :value="scope.row.sshy"/>
{{ scope.row.sshy }} {{ scope.row.sshy }}
</template> </template>
</el-table-column> </el-table-column>
@ -128,7 +128,7 @@
</el-table> </el-table>
<pagination <pagination
v-show="total>0" id="L-pagination"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@ -136,7 +136,148 @@
/> />
</el-col> </el-col>
</el-row> </el-row>
</div> -->
<div class="L-main" id="L-size-main">
<div class="content-search" id="L-header">
<div class="search-title">查询条件</div>
<el-form :inline="true" :model="queryParams" size="small" class="demo-form-inline">
<el-row>
<el-col :span="6">
<el-form-item label="单位名称:">
<el-input
v-model="queryParams.userName"
placeholder="请输入单位名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="单位类型:">
<el-select
v-model="queryParams.status"
placeholder="用户状态"
clearable
>
<el-option
v-for="dict in dict.type.dwlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="统一社会信用代码:" class="tyshxydm-class">
<el-input
v-model="queryParams.phonenumber"
placeholder="请输入统一社会信用代码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="3" style="text-align: right;padding-right: 20px;">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery"></el-button>
<el-button size="mini" type="primary" @click="handleQuery"></el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span">任务列表</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
v-hasPermi="['system:user:import']"
>导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:user:export']"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:user:add']"
>新增单位</el-button>
</el-col>
</el-row>
</div>
<section>
<el-table v-loading="loading" :data="userList" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column label="单位名称" align="center" key="nickName" prop="nickName">
<template slot-scope="scope">{{ scope.row.unitInfo.nickName }}</template>
</el-table-column>
<el-table-column label="单位类型" align="center" key="dwlx" prop="dwlx">
<template slot-scope="scope">
<dict-tag :options="dict.type.dwlx" :value="scope.row.dwlx"/>
</template>
</el-table-column>
<el-table-column label="统一社会信用代码" align="center" key="userName" prop="userName">
<template slot-scope="scope">{{ scope.row.unitInfo.userName }}</template>
</el-table-column>
<el-table-column label="所属区域" align="center" key="ssqycounty" prop="ssqycounty">
<template slot-scope="scope">{{ scope.row.unitInfo.ssqycounty }}</template>
</el-table-column>
<el-table-column label="所属行业" align="center" key="sshy" prop="sshy">
<template slot-scope="scope">
<!-- <dict-tag :options="dict.type.sshy" :value="scope.row.sshy"/> -->
{{ scope.row.sshy }}
</template>
</el-table-column>
<el-table-column label="单位地址" align="center" key="dwxxdz" prop="dwxxdz">
<template slot-scope="scope">{{ scope.row.unitInfo.dwxxdz }}</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="display: flex;align-items: center;">
<img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" @click="handleUpdate(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">查看</span>
</div>
<div style="display: flex;align-items: center;">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" @click="handleUpdate(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">编辑</span>
</div>
<div style="display: flex;align-items: center;">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" @click="handleDelete(scope.row)" style="color: #F50C0C;margin-right: 15px;cursor: pointer;">删除</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="queryParams.pageNum"
:limit="queryParams.pageSize"
@pagination="getPagination"
:current-page.sync="queryParams.pageNum"
></my-pagination>
</main>
<!-- 用户导入对话框 --> <!-- 用户导入对话框 -->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body> <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload <el-upload
@ -174,11 +315,12 @@ import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUs
import { getToken } from "@/utils/auth"; import { getToken } from "@/utils/auth";
import Treeselect from "@riophae/vue-treeselect"; import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import myPagination from "@/views/components/Pagination/index.vue"
export default { export default {
name: "User", name: "User",
dicts: ['dwlx','sshy'], dicts: ['dwlx','sshy'],
components: { Treeselect }, components: { Treeselect, myPagination },
data() { data() {
return { return {
// //
@ -241,16 +383,6 @@ export default {
status: undefined, status: undefined,
deptId: undefined deptId: undefined
}, },
//
columns: [
{ key: 0, label: `用户编号`, visible: true },
{ key: 1, label: `用户名称`, visible: true },
{ key: 2, label: `用户昵称`, visible: true },
{ key: 3, label: `部门`, visible: true },
{ key: 4, label: `手机号码`, visible: true },
{ key: 5, label: `状态`, visible: true },
{ key: 6, label: `创建时间`, visible: true }
],
// //
rules: { rules: {
userName: [ userName: [
@ -279,7 +411,17 @@ export default {
trigger: "blur" trigger: "blur"
} }
] ]
} },
formInline:{
name:"",
type:"",
status:"",
},
pagination:{
current:1,
size:10,
},
tabHeader: undefined,
}; };
}, },
watch: { watch: {
@ -290,9 +432,16 @@ export default {
}, },
created() { created() {
this.getList(); this.getList();
this.getConfigKey("sys.user.initPassword").then(response => { // this.getConfigKey("sys.user.initPassword").then(response => {
this.initPassword = response.msg; // this.initPassword = response.msg;
}); // });
},
mounted(){
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
}, },
methods: { methods: {
/** 查询用户列表 */ /** 查询用户列表 */
@ -305,6 +454,12 @@ export default {
} }
); );
}, },
//
getPagination(pages){
this.queryParams.pageNum = pages.page;
this.queryParams.pageSize = pages.limit;
this.getList();
},
// //
filterNode(value, data) { filterNode(value, data) {
if (!value) return true; if (!value) return true;
@ -364,14 +519,17 @@ export default {
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); // this.reset();
getUser().then(response => { // getUser().then(response => {
this.postOptions = response.posts; // this.postOptions = response.posts;
this.roleOptions = response.roles; // this.roleOptions = response.roles;
this.open = true; // this.open = true;
this.title = "添加用户"; // this.title = "";
this.form.password = this.initPassword; // this.form.password = this.initPassword;
}); // });
this.$router.push({name: 'UnitAuth',query: {
pageType: "add",
}})
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
@ -429,6 +587,23 @@ export default {
// //
submitFileForm() { submitFileForm() {
this.$refs.upload.submit(); this.$refs.upload.submit();
},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID
const header = document.getElementById('L-header'); // ID
const pagination = document.getElementById('L-pagination'); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 120;
} }
} }
}; };

@ -48,11 +48,11 @@
</el-form> </el-form>
</div> </div>
<main> <main>
<div class="search-title"> <div class="search-title search-title-two">
<span class="search-title-span">资产列表</span> <span class="search-title-span">资产列表</span>
</div> </div>
<section> <section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" border> <el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center"/> <el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="系统名称" key="number" width="200px" prop="number" align="center" /> <el-table-column label="系统名称" key="number" width="200px" prop="number" align="center" />
<el-table-column label="系统类型" key="name" prop="name" align="center" /> <el-table-column label="系统类型" key="name" prop="name" align="center" />
@ -64,28 +64,39 @@
<el-table-column label="新增时间" key="time" prop="time" align="center" /> <el-table-column label="新增时间" key="time" prop="time" align="center" />
<el-table-column label="系统状态" key="status" width="200px" prop="status" class-name="table-status" align="center"> <el-table-column label="系统状态" key="status" width="200px" prop="status" class-name="table-status" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.status === 0" style="color: #a4c86c;"> <span v-if="scope.row.status === 0" style="color: #16B771;">
已安装 已安装
</span> </span>
<span v-if="scope.row.status === 1" style="color: #F59A23;"> <span v-if="scope.row.status === 1" style="color: #F58A0C;">
测试中 测试中
</span> </span>
<span v-if="scope.row.status === 2" style="color: #00aaaa;"> <span v-if="scope.row.status === 2" style="color: #1485EF;">
使用中 使用中
</span> </span>
<span v-if="scope.row.status === 3" style="color: #29A07A;"> <span v-if="scope.row.status === 3" style="color: #29A07A;">
维护中 维护中
</span> </span>
<span v-if="scope.row.status === 4" style="color: #C51717;"> <span v-if="scope.row.status === 4" style="color: #F50C0C;">
报废 报废
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center"> <el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="look-info" @click="goInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">查看</span> <div style="display: flex;align-items: center;justify-content: center;">
<span class="look-info" @click="edit(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">编辑</span> <div style="display: flex;align-items: center;">
<span class="del-info" @click="delInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">删除</span> <img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" @click="goInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">查看</span>
</div>
<div style="display: flex;align-items: center;">
<img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="look-info" @click="goInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">编辑</span>
</div>
<div style="display: flex;align-items: center;">
<img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" @click="goInfo(scope.row)" style="color: #F50C0C;margin-right: 15px;cursor: pointer;">删除</span>
</div>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -234,6 +245,13 @@ export default {
}, },
// //
delInfo(){}, delInfo(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
// //
cancalDebounce(){ cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById('L-size-main'); // ID

@ -1,5 +1,5 @@
<template> <template>
<div class="audit-pages-box" id="L-size-main"> <div class="audit-pages-box audit-pages-box-two" id="L-size-main">
<div class="content-info content-info-two" id="L-header"> <div class="content-info content-info-two" id="L-header">
<div class="info-title">任务信息</div> <div class="info-title">任务信息</div>
<div class="top-info"> <div class="top-info">
@ -24,6 +24,7 @@
</el-row> </el-row>
</div> </div>
</div> </div>
<main class="renwuxiangqing">
<div class="info-cut-off-rule-my" id="L-tab"> <div class="info-cut-off-rule-my" id="L-tab">
<div class="info-title">资产核查</div> <div class="info-title">资产核查</div>
</div> </div>
@ -66,7 +67,7 @@
</el-row> </el-row>
</el-form> </el-form>
<section> <section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" border> <el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center"/> <el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="资产编号" key="number" width="200px" prop="number" align="center" /> <el-table-column label="资产编号" key="number" width="200px" prop="number" align="center" />
<el-table-column label="资产名称" key="name" prop="name" align="center" /> <el-table-column label="资产名称" key="name" prop="name" align="center" />
@ -106,6 +107,7 @@
:current-page.sync="pagination.current" :current-page.sync="pagination.current"
></my-pagination> ></my-pagination>
</div> </div>
</main>
</div> </div>
</template> </template>
<script> <script>
@ -192,6 +194,13 @@ export default {
}}) }})
}, },
getList(){}, getList(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
// //
cancalDebounce(){ cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById('L-size-main'); // ID

@ -39,11 +39,11 @@
</el-form> </el-form>
</div> </div>
<main> <main>
<div class="search-title"> <div class="search-title search-title-two">
<span class="search-title-span">任务列表</span> <span class="search-title-span">任务列表</span>
</div> </div>
<section> <section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" border> <el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center"/> <el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="任务编号" key="number" width="200px" prop="number" align="center" /> <el-table-column label="任务编号" key="number" width="200px" prop="number" align="center" />
<el-table-column label="任务名称" key="name" prop="name" align="center" /> <el-table-column label="任务名称" key="name" prop="name" align="center" />
@ -55,22 +55,33 @@
<el-table-column label="任务期限" key="unit" prop="unit" align="center" /> <el-table-column label="任务期限" key="unit" prop="unit" align="center" />
<el-table-column label="任务状态" key="status" width="200px" prop="status" class-name="table-status" align="center"> <el-table-column label="任务状态" key="status" width="200px" prop="status" class-name="table-status" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.status === 0" style="color: #F59A23;"> <span v-if="scope.row.status === 0" style="color: #F58A0C;">
待审核 待审核
</span> </span>
<span v-if="scope.row.status === 1" style="color: #F43147;"> <span v-if="scope.row.status === 1" style="color: #F50C0C;">
审核驳回 审核驳回
</span> </span>
<span v-if="scope.row.status === 2" style="color: #a4c86c;"> <span v-if="scope.row.status === 2" style="color: #16B771;">
已完成 已完成
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center"> <el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="del-info" v-if="scope.row.status == 2" @click="goInfo(scope.row,3)" style="color: #192A92;margin-right: 15px;cursor: pointer;"></span> <div style="display: flex;align-items: center;justify-content: center;">
<span class="del-info" v-if="scope.row.status == 0" @click="goInfo(scope.row,1)" style="color: #192A92;margin-right: 15px;cursor: pointer;"></span> <div v-if="scope.row.status == 2" style="display: flex;align-items: center;">
<span class="del-info" v-if="scope.row.status == 1" @click="goInfo(scope.row,2)" style="color: #192A92;margin-right: 15px;cursor: pointer;"></span> <img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
<span class="look-info" @click="goInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">查看</span>
</div>
<div v-if="scope.row.status == 0" style="display: flex;align-items: center;">
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" @click="delInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">开始核查</span>
</div>
<div v-if="scope.row.status == 1" style="display: flex;align-items: center;">
<img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
<span class="del-info" @click="delInfo(scope.row)" style="color: #1485EF;margin-right: 15px;cursor: pointer;">重新核查</span>
</div>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -210,6 +221,13 @@ export default {
// //
edit(){ edit(){
}, },
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
// //
cancalDebounce(){ cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById('L-size-main'); // ID

@ -2,7 +2,7 @@
<div class="L-task-info"> <div class="L-task-info">
<el-row> <el-row>
<el-col :span="20"> <el-col :span="20">
<div class="info-left" id="L-size-main"> <div class="info-left info-left-two" id="L-size-main">
<div class="content-info content-info-two" id="L-header"> <div class="content-info content-info-two" id="L-header">
<div class="info-title">任务基本信息</div> <div class="info-title">任务基本信息</div>
<div class="top-info"> <div class="top-info">
@ -27,6 +27,7 @@
</el-row> </el-row>
</div> </div>
</div> </div>
<main class="renwuxiangqing">
<div class="info-cut-off-rule-my" id="L-tab"> <div class="info-cut-off-rule-my" id="L-tab">
<div class="info-title">资产信息</div> <div class="info-title">资产信息</div>
</div> </div>
@ -63,7 +64,7 @@
</el-row> </el-row>
</el-form> --> </el-form> -->
<section> <section>
<el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" border> <el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader" :row-class-name="tableRowClassName">
<el-table-column type="index" width="50" label="序号" align="center"/> <el-table-column type="index" width="50" label="序号" align="center"/>
<el-table-column label="资产编号" key="number" width="200px" prop="number" align="center" /> <el-table-column label="资产编号" key="number" width="200px" prop="number" align="center" />
<el-table-column label="资产名称" key="name" prop="name" align="center" /> <el-table-column label="资产名称" key="name" prop="name" align="center" />
@ -102,6 +103,7 @@
:current-page.sync="pagination.current" :current-page.sync="pagination.current"
></my-pagination> ></my-pagination>
</div> </div>
</main>
</div> </div>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
@ -217,6 +219,13 @@ export default {
this.getList(); this.getList();
}, },
getList(){}, getList(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
// //
cancalDebounce(){ cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID const element = document.getElementById('L-size-main'); // ID

Loading…
Cancel
Save