提交 3db63911 authored 作者: CRS's avatar CRS

new

上级 978edeb5
......@@ -291,7 +291,7 @@ export default {
}
.complaintManagementDetail .content .replyAll>span:nth-child(2) {
position: absolute;
right: 10px;
right: 30px;
color: #999;
}
.complaintManagementDetail .content .replyAll>span:nth-child(2)>img {
......
<!--评估报告管理-->
<template>
<div class="evaluationReport">
<el-row>
......
......@@ -63,7 +63,7 @@
<p class="blank"></p>
</div>
<div class="menu" v-if="this.$store.getters.getUserData.type === 1">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('keyTechnology',4,'关键技术管理')">
<img src="./img/GJJS.png">
<span>关键技术管理</span>
</p>
......
<!--关键技术管理-->
<template>
<div class="keyTechnology">
<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="新增技术" @click="add"><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="technologyName"
label="技术名称"
align="center">
</el-table-column>
<el-table-column
prop="advice"
label="技术建议"
align="center">
</el-table-column>
<el-table-column
prop="fund"
label="金额(万元)"
align="center">
</el-table-column>
<el-table-column
align='center'
prop="support"
label="是否支持国产化"
>
<template slot-scope="scope">
<span v-show="scope.row.support == 1"><img src="./img/yes.png"></span>
<span v-show="scope.row.support == 2"><img src="./img/no.png"></span>
<span v-show="scope.row.support == 3"><img src="./img/none.png"></span>
<span v-show="scope.row.support == 4">不完全支持</span>
<span v-show="scope.row.support == 5">优化</span>
</template>
</el-table-column>
<el-table-column
align='center'
prop="backOrFront"
label="使用技术"
>
<template slot-scope="scope">
<span v-show="scope.row.backorfront == 1">前端技术</span>
<span v-show="scope.row.backorfront == 2">后端技术</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>
<!-- 新增 / 编辑 公用弹窗 -->
<el-dialog :visible.sync="openModel" class="model">
<span class="closeModel" @click="reset()"></span>
<component :is="components" @on-cancel="reset"></component>
</el-dialog>
</div>
</template>
<script>
import add from './keyTechnologyAdd'
export default {
data () {
return {
searchVal: '',
currentPage: 1, // 分页第一页
pagesize: 8, // 每页个数
totleLength: 0, // 获取后台传的所有数据的长度
allData:[], // 列表内容
openModel: false, // 弹框开关
components: '' // 当前弹框内容
}
},
created() {
},
mounted(){
this.init();
},
methods: {
// 初始请求
init() {
let val = {
'technologyName': this.searchVal,
}
this.$server.getAllPageList(this.currentPage,this.pagesize,val).then(res=>{
console.log(res.data)
this.allData = res.data.rows;
this.totleLength = res.data.total;
})
},
// 搜索栏
search() {
this.currentPage = 1;
this.init();
},
// 点击分页
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
// 当前页数
handleCurrentChange(val) {
// console.log(`当前页: ${val}`);
this.currentPage = val;
this.init();
},
// 关闭弹框
reset() {
this.init();
this.openModel = false;
this.components = '';
},
// 新增技术
add() {
this.openModel = true;
this.components = 'add'
}
},
components: {
add
},
watch: {
}
}
</script>
<style scoped>
.keyTechnology{
background: #ebf0f8;
width: 100%;
}
.keyTechnology .content{
margin: 40px;
height: 841px;
background: #fff;
overflow: hidden;
}
.keyTechnology .content .title{
padding: 30px 0 0 60px;
font-size: 20px;
color: #233b6e;
}
.keyTechnology .content .search{
position: relative;
margin-top: 36px;
padding: 0px 70px 0px 70px;
display: flex;
}
.keyTechnology .content .searchVal{
width: 190px;
display: flex;
font-size: 18px;
color: #4663a6;
}
.keyTechnology .content .searchVal>span{
width: 140px;
display: inline-block;
line-height: 34px;
}
.keyTechnology .content .change{
color: #4877e6;
cursor: pointer;
}
.keyTechnology .content .change>img{
margin-right: 3px;
}
.keyTechnology>>>.el-input__inner{
border: 1px solid rgba(8,104,157,.3);
border-radius: 2px;
font-size: 18px;
height: 34px;
line-height: 34px;
width: 180px;
}
.keyTechnology .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;
}
.keyTechnology .content .button:hover{
background: rgba(72,119,230,.6);
}
.keyTechnology .content .new{
position: absolute;
right: 70px;
width: 50px;
}
.keyTechnology>>>.el-table__body tr, .el-table__body td{
cursor: pointer;
}
</style>
<template>
<div class="addPerson">
<p class="dialog-header">
<span>新增关键技术</span>
</p>
<div class="content">
</div>
</div>
</template>
<script>
export default {
props: [],
data () {
return {
form: {
},
rules: {
}
}
},
created() {
},
mounted(){
},
methods: {
},
components: {
},
watch: {
}
}
</script>
<style scoped>
.addPerson .content{
padding: 50px 80px 0 80px;
}
.addPerson>>>.el-input__inner{
border: 1px solid rgba(8,104,157,.3);
border-radius: 2px;
font-size: 18px;
height: 34px;
line-height: 34px;
width: 180px;
}
.addPerson .line{
margin: 0px 30px 0 30px;
height: 1px;
background: rgba(72,119,230,0.2);
}
.addPerson .buttonClick{
display: flex;
justify-content: space-evenly;
margin-top: 20px;
}
.addPerson .inline{
display: inline-block;
}
.addPerson>>>.el-form-item__label{
font-size: 18px;
color: #666;
}
.addPerson>>>.el-radio__label{
font-size: 18px;
color: #999;
}
.addPerson>>>.el-upload-list--picture-card .el-upload-list__item, .addPerson>>>.el-upload--picture-card{
height: 90px;
width: 70px;
line-height: 90px;
}
.addPerson>>>.el-form-item{
margin-bottom: 15px;
}
</style>
......@@ -31,7 +31,7 @@
</p>
</div>
<div>
<div @click="clickMenu('keyTechnology',4,'关键技术管理')">
<p class="menu">
<span class="font">关键技术管理</span>
</p>
......
......@@ -205,6 +205,12 @@ export default new Router({
name: 'evaluationReport',
component: resolve => require(['../components/evaluationReport/evaluationReport.vue'], resolve)
},
// 关键技术管理
{
path: '/keyTechnology',
name: 'keyTechnology',
component: resolve => require(['../components/keyTechnology/keyTechnology.vue'], resolve)
},
]
}
......
......@@ -289,5 +289,11 @@ const server = {
method: 'delete'
})
},
getAllPageList(page,size,data){ // 关键技术管理
return axios(assessment + '/technology/search/' + page + '/' + size,{
method: 'post',
data: data
})
},
}
export default server;
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论