李劲龙 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 './btn.scss';
@import './public.scss';
@import './font.css';
body {
height: 100%;
@ -25,7 +26,7 @@ html {
#app {
height: 100%;
background-color: #f2f2f2;
background-color: #F2F4F6;
}
*,

@ -3,22 +3,30 @@
width: 100%;
display: flex;
flex-direction: column;
background-color: #F2F4F6;
.content-search {
padding-top: 20px;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
background-color: #fff;
border-radius: 5px;
.search-title {
font-weight: 700;
font-size: 18px;
color: #3D3D3D;
padding-left: 10px;
font-family: Alibaba PuHuiTi;
font-weight: bold;
font-size: 16px;
color: #192734;
padding-left: 20px;
position: relative;
padding-bottom: 15px;
border-bottom: 1px solid #F2F4F6;
&::before {
content: "";
display: block;
width: 72px;
height: 3px;
width: 4px;
height: 20px;
border-radius: 5px;
position: relative;
top: 30px;
position: absolute;
top: 0px;
left: 0px;
background-color: #2F8AE5;
}
}
@ -34,6 +42,11 @@
}
}
}
.tyshxydm-class {
.el-form-item__content {
width: calc(100% - 140px);
}
}
.unit-form {
.el-form-item__content {
width: 100%;
@ -42,36 +55,58 @@
}
main {
flex: 1;
padding: 20px 10px;
padding: 20px 0px;
background-color: #fff;
border-radius: 5px;
.search-title {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #F2F4F6;
padding: 0px 10px 0px 0px;
.search-title-span {
font-weight: 700;
font-size: 18px;
color: #3D3D3D;
padding-left: 10px;
padding-right: 50px;
font-family: Alibaba PuHuiTi;
font-weight: bold;
font-size: 16px;
color: #192734;
padding-left: 20px;
position: relative;
&::before {
content: "";
display: block;
width: 72px;
height: 3px;
width: 4px;
height: 20px;
border-radius: 5px;
position: relative;
top: 30px;
position: absolute;
top: 0px;
left: 0px;
background-color: #2F8AE5;
}
}
}
.search-title-two {
padding-bottom: 15px;
}
section {
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 {
margin-top: 15px;
padding: 0px 10px;
.btn-prev,
.btn-next {
padding: 0px 15px;
@ -120,52 +155,76 @@
}
.audit-pages-box,.info-left {
height: 100%;
background-color: #fff;
border-radius: 5px;
.content-info {
padding: 20px 0;
margin-bottom: 15px;
background-color: #fff;
border-radius: 5px;
.info-title {
font-weight: 700;
font-size: 18px;
color: #3D3D3D;
padding-left: 10px;
font-family: Alibaba PuHuiTi;
font-weight: bold;
font-size: 16px;
color: #192734;
padding-left: 20px;
position: relative;
padding-bottom: 15px;
border-bottom: 1px solid #F2F4F6;
&::before {
content: "";
display: block;
width: 72px;
height: 3px;
position: relative;
top: 30px;
background-color: #2F8AE5;
width: 4px;
height: 20px;
border-radius: 5px;
position: absolute;
top: 0px;
left: 0px;
background-color: #2F8AE5;
}
}
.top-info {
margin: 20px 20px 0px 20px;
padding: 20px;
background: #FAFBFC;
.top-row {
margin-bottom: 50px;
margin-bottom: 20px;
}
.el-col {
color: #464242;
color: #192733;
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 14px;
span {
color: black;
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 14px;
color: #5C6166;
}
}
}
}
.content-info-two {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
// border-bottom: 1px solid #ccc;
// margin-bottom: 20px;
}
.info-cut-off-rule {
border-bottom: 1px solid #ccc;
border-bottom: 1px solid #F2F4F6;
display: flex;
margin-bottom: 20px;
div {
padding: 10px;
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;
background-color: #fff;
background-color: #F5F5F5;
cursor: pointer;
margin-right: 10px;
}
.left-tab {
margin-left: 20px;
@ -173,30 +232,62 @@
}
.active-tab {
color: #fff;
background-color: #555555;
background-color: #1485EF;
border: 1px solid #1485EF;
}
}
.info-cut-off-rule-my {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #F2F4F6;
margin-bottom: 20px;
.info-title {
font-weight: 700;
font-size: 18px;
color: #3D3D3D;
padding-left: 10px;
font-family: Alibaba PuHuiTi;
font-weight: bold;
font-size: 16px;
color: #192734;
padding-left: 20px;
position: relative;
&::before {
content: "";
display: block;
width: 72px;
height: 3px;
position: relative;
top: 30px;
background-color: #2F8AE5;
width: 4px;
height: 20px;
border-radius: 5px;
position: absolute;
top: 0px;
left: 0px;
background-color: #2F8AE5;
}
}
}
.info-bottom-box {
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 {
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 {
@ -85,8 +111,10 @@
// menu hover
.submenu-title-noDropdown,
.el-submenu__title {
border-radius: 5px;
&: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,
& .el-submenu .el-menu-item {
min-width: $base-sidebar-width !important;
min-width: 180px !important;
border-radius: 5px;
&: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 .el-submenu .el-menu-item {
background-color: $base-sub-menu-background !important;
background-color: $base-menu-background !important;
&:hover {
background-color: $base-sub-menu-hover !important;
background-color: #1485EF !important;
}
}
}

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

@ -82,6 +82,10 @@ export default {
const route = sidebarRouters.filter(item => item.path == '')
const twoActiveRoute = route[0].children.filter(item => item.path == "mytaskAudit")
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 {
this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
}

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

@ -1,14 +1,14 @@
<template>
<div v-if="!item.hidden">
<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}">
<item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
</el-menu-item>
</app-link>
</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">
<item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
</template>

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

@ -113,6 +113,11 @@ export const constantRoutes = [
component: () => import('@/views/unitPages/myAssets/assetsAuth'),
name: 'myAssetsAuth',
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 = {
/**
* 侧边栏主题 深色主题theme-dark浅色主题theme-light
@ -35,7 +27,7 @@ module.exports = {
/**
* 是否显示logo
*/
sidebarLogo: false,
sidebarLogo: true,
/**
* 是否显示动态标题

File diff suppressed because one or more lines are too long

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

@ -102,7 +102,7 @@
</el-row>
</div>
<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 label="系统名称" key="name" width="200px" prop="name" 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="status" width="200px" prop="status" class-name="table-status" align="center">
<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 v-if="scope.row.status === 1" style="color: #F59A23;">
<span v-if="scope.row.status === 1" style="color: #F58A0C;">
测试中
</span>
<span v-if="scope.row.status === 2" style="color: #00aaaa;">
<span v-if="scope.row.status === 2" style="color: #1485EF;">
使用中
</span>
<span v-if="scope.row.status === 3" style="color: #29A07A;">
维护中
</span>
<span v-if="scope.row.status === 4" style="color: #C51717;">
<span v-if="scope.row.status === 4" style="color: #F50C0C;">
报废
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<span class="look-info" @click="goInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">查看</span>
<span class="look-info" @click="edit(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">编辑</span>
<span class="del-info" @click="delInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">删除</span>
<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="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>
</el-table-column>
</el-table>
@ -337,6 +348,13 @@ export default {
},
//
delInfo(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID

@ -86,7 +86,7 @@
</el-row>
</el-form>
<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 label="资产编号" key="number" width="200px" prop="number" align="center" />
<el-table-column label="资产名称" key="name" prop="name" align="center" />
@ -111,14 +111,22 @@
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<span class="look-info" @click="goInfo(scope.row)" style="color: #192A92;cursor: pointer;margin-right: 5px;">查看</span>
<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;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="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>
</el-table-column>
</el-table>
</section>
<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 label="单位名称" key="unitName" width="200px" prop="unitName" align="center" />
<el-table-column label="核查资产数量" key="hczcsl" prop="hczcsl" align="center" />
@ -288,6 +296,13 @@ export default {
pageType: "info",
}})
},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID

@ -79,7 +79,7 @@
</el-row>
</div>
<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 label="任务编号" key="number" width="200px" prop="number" 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="status" width="200px" prop="status" class-name="table-status" align="center">
<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 v-if="scope.row.status === 1" style="color: #F43147;">
<span v-if="scope.row.status === 1" style="color: #F50C0C;">
审核驳回
</span>
<span v-if="scope.row.status === 3" style="color: #a4c86c;">
<span v-if="scope.row.status === 3" style="color: #16B771;">
正常完成
</span>
<span v-if="scope.row.status === 4" style="color: #00aaaa;">
<span v-if="scope.row.status === 4" style="color: #1485EF;">
超期完成
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<span class="look-info" @click="goInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">查看</span>
<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;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="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>
</el-table-column>
</el-table>
@ -303,6 +311,13 @@ export default {
pageType: "info",
}})
},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID

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

@ -1,16 +1,458 @@
<!-- 单位管理 -->
<!-- 新增单位 -->
<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>
</template>
<script>
export default {
dicts:['zc_xtzyx'],
data() {
return {
ruleForm:{
//
restContacts:[],
//
jcxxUnit:[
{
name:"",
tyshxydm:"",
lxdh:"",
}
],
},
rules:{}
}
},
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>

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

@ -78,6 +78,18 @@ export default {
font-weight: 800;
font-size: 16px;
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 {

@ -1,9 +1,9 @@
<template>
<div class="app-container">
<!-- <div class="app-container" id="L-size-main">
<el-row :gutter="20">
<!--用户数据-->
用户数据
<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-input
v-model="queryParams.userName"
@ -43,7 +43,7 @@
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-row :gutter="10" class="mb8" id="L-tab">
<el-col :span="1.5">
<el-button
type="primary"
@ -76,7 +76,7 @@
</el-col>
</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 label="单位名称" align="center" key="nickName" prop="nickName">
<template slot-scope="scope">{{ scope.row.unitInfo.nickName }}</template>
@ -94,7 +94,7 @@
</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"/> -->
<dict-tag :options="dict.type.sshy" :value="scope.row.sshy"/>
{{ scope.row.sshy }}
</template>
</el-table-column>
@ -128,7 +128,7 @@
</el-table>
<pagination
v-show="total>0"
id="L-pagination"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@ -136,7 +136,148 @@
/>
</el-col>
</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-upload
@ -174,11 +315,12 @@ import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUs
import { getToken } from "@/utils/auth";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import myPagination from "@/views/components/Pagination/index.vue"
export default {
name: "User",
dicts: ['dwlx','sshy'],
components: { Treeselect },
components: { Treeselect, myPagination },
data() {
return {
//
@ -241,16 +383,6 @@ export default {
status: 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: {
userName: [
@ -279,7 +411,17 @@ export default {
trigger: "blur"
}
]
}
},
formInline:{
name:"",
type:"",
status:"",
},
pagination:{
current:1,
size:10,
},
tabHeader: undefined,
};
},
watch: {
@ -290,9 +432,16 @@ export default {
},
created() {
this.getList();
this.getConfigKey("sys.user.initPassword").then(response => {
this.initPassword = response.msg;
});
// this.getConfigKey("sys.user.initPassword").then(response => {
// this.initPassword = response.msg;
// });
},
mounted(){
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods: {
/** 查询用户列表 */
@ -305,6 +454,12 @@ export default {
}
);
},
//
getPagination(pages){
this.queryParams.pageNum = pages.page;
this.queryParams.pageSize = pages.limit;
this.getList();
},
//
filterNode(value, data) {
if (!value) return true;
@ -364,14 +519,17 @@ export default {
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
getUser().then(response => {
this.postOptions = response.posts;
this.roleOptions = response.roles;
this.open = true;
this.title = "添加用户";
this.form.password = this.initPassword;
});
// this.reset();
// getUser().then(response => {
// this.postOptions = response.posts;
// this.roleOptions = response.roles;
// this.open = true;
// this.title = "";
// this.form.password = this.initPassword;
// });
this.$router.push({name: 'UnitAuth',query: {
pageType: "add",
}})
},
/** 修改按钮操作 */
handleUpdate(row) {
@ -429,6 +587,23 @@ export default {
//
submitFileForm() {
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>
</div>
<main>
<div class="search-title">
<div class="search-title search-title-two">
<span class="search-title-span">资产列表</span>
</div>
<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 label="系统名称" key="number" width="200px" prop="number" 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="status" width="200px" prop="status" class-name="table-status" align="center">
<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 v-if="scope.row.status === 1" style="color: #F59A23;">
<span v-if="scope.row.status === 1" style="color: #F58A0C;">
测试中
</span>
<span v-if="scope.row.status === 2" style="color: #00aaaa;">
<span v-if="scope.row.status === 2" style="color: #1485EF;">
使用中
</span>
<span v-if="scope.row.status === 3" style="color: #29A07A;">
维护中
</span>
<span v-if="scope.row.status === 4" style="color: #C51717;">
<span v-if="scope.row.status === 4" style="color: #F50C0C;">
报废
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<template slot-scope="scope">
<span class="look-info" @click="goInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">查看</span>
<span class="look-info" @click="edit(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">编辑</span>
<span class="del-info" @click="delInfo(scope.row)" style="color: #192A92;margin-right: 15px;cursor: pointer;">删除</span>
<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="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>
</el-table-column>
</el-table>
@ -234,6 +245,13 @@ export default {
},
//
delInfo(){},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID

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

@ -39,11 +39,11 @@
</el-form>
</div>
<main>
<div class="search-title">
<div class="search-title search-title-two">
<span class="search-title-span">任务列表</span>
</div>
<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 label="任务编号" key="number" width="200px" prop="number" 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="status" width="200px" prop="status" class-name="table-status" align="center">
<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 v-if="scope.row.status === 1" style="color: #F43147;">
<span v-if="scope.row.status === 1" style="color: #F50C0C;">
审核驳回
</span>
<span v-if="scope.row.status === 2" style="color: #a4c86c;">
<span v-if="scope.row.status === 2" style="color: #16B771;">
已完成
</span>
</template>
</el-table-column>
<el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
<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>
<span class="del-info" v-if="scope.row.status == 0" @click="goInfo(scope.row,1)" style="color: #192A92;margin-right: 15px;cursor: pointer;"></span>
<span class="del-info" v-if="scope.row.status == 1" @click="goInfo(scope.row,2)" style="color: #192A92;margin-right: 15px;cursor: pointer;"></span>
<div style="display: flex;align-items: center;justify-content: center;">
<div v-if="scope.row.status == 2" 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 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>
</el-table-column>
</el-table>
@ -210,6 +221,13 @@ export default {
//
edit(){
},
// table
tableRowClassName({row, rowIndex}){
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
}
return '';
},
//
cancalDebounce(){
const element = document.getElementById('L-size-main'); // ID

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

Loading…
Cancel
Save