提交 7a9a16d7 authored 作者: CRS's avatar CRS

new

上级 25d428fb
This source diff could not be displayed because it is too large. You can view the blob instead.
<template>
<div class="evaluationReport">
<el-row>
<el-col :span="24">
<div class="content">
<p class="title">评估报告管理</p>
<p class="search">
<span class="searchVal">
<el-input v-model="searchVal" size="medium" placeholder="请输入查询内容" @change="search"></el-input>
</span>
<span class="button" @click="search">查询</span>
<span class="button new" title="新增意见"><img src="./img/add.png"></span>
</p>
<div class="common-table">
<el-table
highlight-current-row
max-height="840"
:data="allData"
stripe
style="width: 100%;">
<el-table-column
prop="projectName"
label="项目名称"
align="center">
</el-table-column>
<el-table-column
prop="username"
label="用户名"
align="center">
</el-table-column>
<el-table-column
prop="createDate"
label="评估时间"
align="center">
</el-table-column>
<el-table-column
label="操作"
align="center">
<template slot-scope="scope">
<span class="change" @click="evaluation(scope.row)"><span class="evaluation"></span>评估</span>
<span class="change" @click="report(scope.row)"><span class="report"></span>报告</span>
<span class="change" @click="del(scope.row)"><span class="del"></span>删除</span>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页 -->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
:page-size="pagesize"
background
layout="prev, pager, next, jumper"
:total="totleLength">
</el-pagination>
</div>
<!-- 分页 -->
</div>
</el-col>
</el-row>
</div>
</template>
<script>
import $ from 'jquery';
export default {
data () {
return {
searchVal: '',
currentPage: 1, // 分页第一页
pagesize: 8, // 每页个数
totleLength: 0, // 获取后台传的所有数据的长度
allData:[] // 列表内容
}
},
created() {
},
mounted(){
this.init();
},
methods: {
// 初始请求
init() {
let val = {
'projectName': this.searchVal,
}
this.$server.getEvaluationList(this.currentPage,this.pagesize,val).then(res=>{
console.log(res.data)
this.allData = res.data.rows;
this.totleLength = res.data.total;
for (let item of this.allData) {
item.createDate = item.createDate === '' ? '暂无' : this.time(item.createDate);
}
})
},
// 搜索栏
search() {
this.currentPage = 1;
this.init();
},
// 点击分页
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
// 当前页数
handleCurrentChange(val) {
// console.log(`当前页: ${val}`);
this.currentPage = val;
this.init();
},
// 评估
evaluation(row) {
console.log(row)
// this.$router.push({name: 'complaintManagementDetail',params:{'value': row}});
},
// 报告
report(row) {
console.log(row)
},
// 删除
del(row) {
console.log(row);
this.$confirm('此操作将永久删除该报告, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$server.delEvaluationList(row.id).then(res => {
console.log(res);
this.$message({
type: 'success',
message: '删除成功!'
});
this.init()
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
},
// 时间换算
time(value) {
let date = new Date(value); // 时间戳为10位需*1000,时间戳为13位的话不需乘1000
let Y = date.getFullYear() + '-';
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
let s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
return Y + M + D + ' ' + h + m + s;
}
},
components: {
},
watch: {
}
}
</script>
<style scoped>
.evaluationReport{
background: #ebf0f8;
width: 100%;
}
.evaluationReport .content{
margin: 40px;
height: 841px;
background: #fff;
overflow: hidden;
}
.evaluationReport .content .title{
padding: 30px 0 0 60px;
font-size: 20px;
color: #233b6e;
}
.evaluationReport .content .search{
position: relative;
margin-top: 36px;
padding: 0px 70px 0px 70px;
display: flex;
}
.evaluationReport .content .searchVal{
width: 190px;
display: flex;
font-size: 18px;
color: #4663a6;
}
.evaluationReport .content .searchVal>span{
width: 140px;
display: inline-block;
line-height: 34px;
}
.evaluationReport .content .change{
color: #4877e6;
cursor: pointer;
}
.evaluationReport .content .change>img{
margin-right: 3px;
}
.evaluationReport>>>.el-input__inner{
border: 1px solid rgba(8,104,157,.3);
border-radius: 2px;
font-size: 18px;
height: 34px;
line-height: 34px;
width: 180px;
}
.evaluationReport .content .button{
display: inline-block;
width: 100px;
height: 34px;
line-height: 34px;
text-align: center;
background: #4877e6;
cursor: pointer;
border-radius: 4px;
color: #fff;
font-size: 18px;
}
.evaluationReport .content .button:hover{
background: rgba(72,119,230,.6);
}
.evaluationReport .content .new{
position: absolute;
right: 70px;
width: 50px;
}
.evaluationReport>>>.el-table__body tr, .el-table__body td{
cursor: pointer;
}
.evaluationReport .content .evaluation{
background: url("./img/evaluation.png") no-repeat;
display: inline-block;
width: 17px;
height: 18px;
vertical-align: middle;
margin-right: 5px;
}
.evaluationReport .content .report{
background: url("./img/report.png") no-repeat;
display: inline-block;
width: 15px;
height: 18px;
vertical-align: middle;
margin-right: 5px;
}
.evaluationReport .content .change{
margin-right: 15px;
}
.evaluationReport .content .del{
background: url("./img/del.png") no-repeat;
display: inline-block;
width: 17px;
height: 17px;
vertical-align: middle;
margin-right: 5px;
}
.evaluationReport .content .change:nth-child(1) {
color: #51e3c5;
}
.evaluationReport .content .change:nth-child(3) {
color: #ff9a3c;
}
/*表格单双行hover查看和图标改变*/
.evaluationReport>>>.el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped:hover td .change:nth-child(2){
color: #fff;
/*表格双行hover样式*/
}
.evaluationReport>>>.el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped:hover td .repot{
background: url("./img/reportH.png");
/*表格双行hover样式*/
}
.evaluationReport>>>.el-table--enable-row-hover .el-table__body tr:hover>td .change:nth-child(2){
color: #fff;
/*表格单行hover样式*/
}
.evaluationReport>>>.el-table--enable-row-hover .el-table__body tr:hover>td .report{
background: url("./img/reportH.png");
/*表格单行hover样式*/
}
</style>
......@@ -3,33 +3,32 @@
<div class="firstHome">
<el-row>
<el-col :span="24">
<p class="title">XXX工程综合监管系统</p>
<div class="menu">
<p class="bg">
<img src="./img/JD.png">
<span>基地建设</span>
</p>
<p class="bg" @click="jump('XCalliance',2,'XX联盟')">
<p class="bg" @click="jump('XCalliance',9,'XX联盟')">
<img src="./img/XC.png">
<span>XX联盟</span>
</p>
<p class="bg" @click="jump('integration',3,'XXX一体化')">
<p class="bg" @click="jump('integration',10,'XXX一体化')">
<img src="./img/ZQ.png">
<span>XXX一体化</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1" @click="jump('company',4,'国家名录')">
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1" @click="jump('company',11,'国家名录')">
<img src="./img/GJ.png">
<span>国家名录</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1" @click="jump('product',5,'市级名录')">
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1" @click="jump('product',12,'市级名录')">
<img src="./img/SJ.png">
<span>市级名录</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('company',4,'基础资料管理')">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('company',11,'基础资料管理')">
<img src="./img/GJ.png">
<span>基础资料管理</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('product',5,'市级准入管理')">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('product',12,'市级准入管理')">
<img src="./img/SJ.png">
<span>市级准入管理</span>
</p>
......@@ -39,55 +38,51 @@
</p>
</div>
<div class="menu">
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1" @click="jump('projectManagement',7,'我的项目')">
<p class="bg">
<img src="./img/PG.png" @click="jump('evaluationReport',1,'评估报告管理')">
<span>评估报告管理</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1" @click="jump('projectManagement',2,'我的项目')">
<img src="./img/WD.png">
<span>我的项目</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('projectManagement',7,'项目管理')">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('projectManagement',2,'项目管理')">
<img src="./img/WD.png">
<span>项目管理</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1" @click="jump('complaint',8,'意见建议')">
<img src="./img/YJ.png">
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1" @click="jump('complaint',3,'意见建议')">
<img src="./img/TS.png">
<span>意见建议</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('complaintManagement',8,'投诉管理')">
<img src="./img/YJ.png">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('complaintManagement',3,'投诉管理')">
<img src="./img/TS.png">
<span>投诉管理</span>
</p>
<p class="blank"></p>
<p class="blank"></p>
<p class="blank"></p>
<p class="blank"></p>
</div>
<p class="title XC">XX应用系统适配替换</p>
<div class="XCmenu">
<p v-if="this.$store.getters.getUserData.type === 1" @click="goOther('http://120.55.57.35:8080/assessment/#/Assessment')">
<img src="./img/PG.png">
<span>评估报告管理</span>
<span class="line"></span>
</p>
<p @click="goOther('http://120.55.57.35:8080/assessment/#/Assessment')" v-if="this.$store.getters.getUserData.type !== 1">
<img src="./img/PG.png">
<span>评估报告管理</span>
</p>
<p v-if="this.$store.getters.getUserData.type === 1" @click="goOther('http://120.55.57.35:8080/assessment/#/technology')">
<img src="./img/JS.png">
<div class="menu" v-if="this.$store.getters.getUserData.type === 1">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1">
<img src="./img/GJJS.png">
<span>关键技术管理</span>
<span class="line"></span>
</p>
<p v-if="this.$store.getters.getUserData.type === 1" @click="goOther('http://120.55.57.35:8080/assessment/#/configuration')">
<img src="./img/CS.png">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1">
<img src="./img/GZ.png">
<span>规则配置</span>
<span class="line"></span>
</p>
<p v-if="this.$store.getters.getUserData.type === 1" @click="goOther('http://120.55.57.35:8080/assessment/#/parameter')">
<img src="./img/GZ.png">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1">
<img src="./img/CS.png">
<span>参数配置</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1">
<img src="./img/WZ.png">
<span>未知依赖配置</span>
</p>
<p class="blank"></p>
<p class="blank"></p>
</div>
</el-col>
</el-row>
</div>
</template>
......@@ -134,32 +129,27 @@ export default {
<style scoped>
.firstHome{
background: #ebf0f8;
height: 980px;
padding: 70px 120px 0 148px;
}
.firstHome .title{
margin-bottom: 23px;
font-size: 20px;
color: #233b6e;
padding: 116px 116px 0 150px;
}
.firstHome .bg{
width: 230px;
height: 230px;
width: 180px;
height: 180px;
display: inline-block;
text-align: center;
background: url("./img/bg.png") no-repeat;
box-shadow: rgba(151,191,255,0.1) 7px 7px 5px;
cursor: pointer;
transition: all 0.5s;
}
.firstHome .bg:hover{
transform: scale(1.1);
box-shadow: rgba(72,119,230,0.2) 7px 7px 5px;
}
.firstHome .blank{
width: 230px;
height: 230px;
width: 170px;
height: 170px;
}
.firstHome .bg>img{
margin-top: 50px;
margin-top: 35px;
height: 67px;
}
.firstHome .bg>span {
......@@ -171,6 +161,7 @@ export default {
.firstHome .menu{
display: flex;
justify-content: space-between;
margin-bottom: 88px;
}
.firstHome .XC{
margin: 48px 0 32px 0;
......
src/components/home/img/CS.png

920 Bytes | W: | H:

src/components/home/img/CS.png

1.1 KB | W: | H:

src/components/home/img/CS.png
src/components/home/img/CS.png
src/components/home/img/CS.png
src/components/home/img/CS.png
  • 2-up
  • Swipe
  • Onion skin
src/components/home/img/GJ.png

1.3 KB | W: | H:

src/components/home/img/GJ.png

586 Bytes | W: | H:

src/components/home/img/GJ.png
src/components/home/img/GJ.png
src/components/home/img/GJ.png
src/components/home/img/GJ.png
  • 2-up
  • Swipe
  • Onion skin
src/components/home/img/GZ.png

1.1 KB | W: | H:

src/components/home/img/GZ.png

1.1 KB | W: | H:

src/components/home/img/GZ.png
src/components/home/img/GZ.png
src/components/home/img/GZ.png
src/components/home/img/GZ.png
  • 2-up
  • Swipe
  • Onion skin
src/components/home/img/PG.png

846 Bytes | W: | H:

src/components/home/img/PG.png

882 Bytes | W: | H:

src/components/home/img/PG.png
src/components/home/img/PG.png
src/components/home/img/PG.png
src/components/home/img/PG.png
  • 2-up
  • Swipe
  • Onion skin
src/components/home/img/bg.png

4.1 KB | W: | H:

src/components/home/img/bg.png

775 Bytes | W: | H:

src/components/home/img/bg.png
src/components/home/img/bg.png
src/components/home/img/bg.png
src/components/home/img/bg.png
  • 2-up
  • Swipe
  • Onion skin
<template>
<div class="sidebarAll">
<div class="sidebar">
<div>
<div @click="clickMenu('evaluationReport',1,'评估报告管理')">
<p class="menu">
<span class="font">基地建设</span>
<span class="font">评估报告管理</span>
</p>
</div>
<div @click="clickMenu('XCalliance',2,'XX联盟')">
<div @click="clickMenu('projectManagement',2,'项目管理')" v-if="this.$store.getters.getUserData.type === 1">
<p class="menu">
<span class="font">XX联盟</span>
<span class="font">项目管理</span>
</p>
</div>
<div @click="clickMenu('integration',3,'XXX一体化')">
<div @click="clickMenu('projectManagement',2,'我的项目')" v-if="this.$store.getters.getUserData.type !== 1">
<p class="menu">
<span class="font">XXX一体化</span>
<span class="font">我的项目</span>
</p>
</div>
<div @click="clickMenu('',4,'国家名录')" v-if="this.$store.getters.getUserData.type !== 1">
<div @click="clickMenu('complaintManagement',3,'投诉管理')" v-if="this.$store.getters.getUserData.type === 1">
<p class="menu">
<span class="font">国家名录</span>
<span class="font">投诉管理</span>
</p>
</div>
<div @click="clickMenu('',5,'市级名录')" v-if="this.$store.getters.getUserData.type !== 1">
<div @click="clickMenu('complaint',3,'意见建议')" v-if="this.$store.getters.getUserData.type !== 1">
<p class="menu">
<span class="font">市级名录</span>
<span class="font">意见建议</span>
</p>
</div>
<div @click="clickMenu('',4,'基础资料管理')" v-if="this.$store.getters.getUserData.type === 1">
<div>
<p class="menu">
<span class="font">基础资料管理</span>
<span class="font">关键技术管理</span>
</p>
</div>
<div @click="clickMenu('',5,'市级准入管理')" v-if="this.$store.getters.getUserData.type === 1">
<div>
<p class="menu">
<span class="font">市级准入管理</span>
<span class="font">规则配置</span>
</p>
</div>
<div>
<p class="menu">
<span class="font">课题攻关</span>
<span class="font">参数配置</span>
</p>
</div>
<div @click="clickMenu('projectManagement',7,'项目管理')" v-if="this.$store.getters.getUserData.type === 1">
<div>
<p class="menu">
<span class="font">项目管理</span>
<span class="font">未知依赖配置</span>
</p>
</div>
<div @click="clickMenu('projectManagement',7,'我的项目')" v-if="this.$store.getters.getUserData.type !== 1">
<div>
<p class="menu">
<span class="font">我的项目</span>
<span class="font">基地建设</span>
</p>
</div>
<div @click="clickMenu('complaintManagement',8,'投诉管理')" v-if="this.$store.getters.getUserData.type === 1">
<div @click="clickMenu('XCalliance',9,'XX联盟')">
<p class="menu">
<span class="font">投诉管理</span>
<span class="font">XX联盟</span>
</p>
</div>
<div @click="clickMenu('complaint',8,'意见建议')" v-if="this.$store.getters.getUserData.type !== 1">
<div @click="clickMenu('integration',10,'XXX一体化')">
<p class="menu">
<span class="font">意见建议</span>
<span class="font">XXX一体化</span>
</p>
</div>
<div @click="clickMenu('',11,'国家名录')" v-if="this.$store.getters.getUserData.type !== 1">
<p class="menu">
<span class="font">国家名录</span>
</p>
</div>
<div @click="clickMenu('',12,'市级名录')" v-if="this.$store.getters.getUserData.type !== 1">
<p class="menu">
<span class="font">市级名录</span>
</p>
</div>
<div @click="clickMenu('',11,'基础资料管理')" v-if="this.$store.getters.getUserData.type === 1">
<p class="menu">
<span class="font">基础资料管理</span>
</p>
</div>
<div @click="clickMenu('',12,'市级准入管理')" v-if="this.$store.getters.getUserData.type === 1">
<p class="menu">
<span class="font">市级准入管理</span>
</p>
</div>
<div>
<p class="menu">
<span class="font">课题攻关</span>
</p>
</div>
......@@ -177,17 +207,29 @@ export default {
name: '投诉管理'
},
{
name: '课题攻关',
menuList: []
name: '课题攻关'
},
{
name: '项目管理'
},
{
name: '项目管理',
menuList: []
name: '我的项目'
},
{
name: '我的项目',
menuList: []
name: '评估报告管理'
},
{
name: '关键技术管理'
},
{
name: '规则配置'
},
{
name: '参数配置'
},
{
name: '未知依赖配置'
}
]
}
},
......
......@@ -199,6 +199,12 @@ export default new Router({
name: 'projectDetails',
component: resolve => require(['../components/projectManagement/projectDetails/projectDetails.vue'], resolve)
},
// 评估报告管理
{
path: '/evaluationReport',
name: 'evaluationReport',
component: resolve => require(['../components/evaluationReport/evaluationReport.vue'], resolve)
},
]
}
......
......@@ -6,7 +6,7 @@ import store from '../store';
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
// console.log(store.getters.getSession.session)
config.headers.session = store.getters.getSession.session;
// config.headers.session = store.getters.getSession.session;
// 预处理请求信息(config 发出的数据) 下方是三种请求,李迪凡的
if (config.method === 'post' || config.method === 'put' || config.method === 'delete') {
// POST传参序列化
......
......@@ -9,6 +9,7 @@ import axios from '@/services/axios';
* headers
* dataType
*/
const assessment = 'http://120.55.57.35:8079'
const server = {
getfindAll() { // 获取权限列表
return axios('/authority/findAll', {
......@@ -276,6 +277,17 @@ const server = {
method: 'post',
data: data
})
}
},
getEvaluationList(page,size,data) { // 评估报告管理
return axios(assessment + '/evaluation/search/' + page + '/' + size,{
method: 'post',
data: data
})
},
delEvaluationList(id) { // 删除评估报告管理
return axios(assessment + '/evaluation/' + id,{
method: 'delete'
})
},
}
export default server;
import Vue from 'vue'
import { Row, Col, Carousel, CarouselItem, Scrollbar, Input, Button, Table, TableColumn, Pagination, Dialog,
Message,Select, Option, Form, FormItem, Radio, RadioGroup, Upload, DatePicker,Checkbox,CheckboxGroup} from 'element-ui'
Message,Select, Option, Form, FormItem, Radio, RadioGroup, Upload, DatePicker,Checkbox,CheckboxGroup,MessageBox} from 'element-ui'
import './element-variables.scss'
Vue.use(Row);
Vue.use(Col);
......@@ -28,3 +28,4 @@ Vue.use(Upload);
Vue.use(DatePicker);
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
Vue.prototype.$confirm = MessageBox.confirm;
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论