301 lines
8.1 KiB
Vue
301 lines
8.1 KiB
Vue
<!--征求意见详情-->
|
||
<template>
|
||
<div class="consultationDetails">
|
||
<div class="contentTitle">
|
||
<div class="back" title="返回" @click="back">
|
||
<i class="el-icon-back"></i>
|
||
</div>
|
||
<div class="title">管理征求意见<i class="el-icon-s-order" @click="heightShow = !heightShow"></i></div>
|
||
</div>
|
||
<transition name="el-zoom-in-top">
|
||
<div v-show="heightShow" class="transition-box">
|
||
<p class="transition-box-p">
|
||
<label class="transition-box-label">标准号：</label>
|
||
<span class="transition-box-span">{{ opinionList.standardNumber }}</span>
|
||
</p>
|
||
<p class="transition-box-p">
|
||
<label class="transition-box-label">标准名称：</label>
|
||
<span class="transition-box-span">{{ opinionList.standardName || '-' }}</span>
|
||
</p>
|
||
<p class="transition-box-p">
|
||
<label class="transition-box-label">上传时间：</label>
|
||
<span class="transition-box-span">{{ opinionList.uploadTime || '-' }}</span>
|
||
</p> <p class="transition-box-p">
|
||
<label class="transition-box-label">征求意见周期：</label>
|
||
<span class="transition-box-span">{{ opinionList.opinionCycle || '-' }}</span>
|
||
</p>
|
||
</div>
|
||
</transition>
|
||
<div class="effect">
|
||
<el-button type="primary" class="common-button-primary" size="mini" @click="exportStandard" title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项">导出</el-button>
|
||
</div>
|
||
<div class="container" style="position:relative;">
|
||
<div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
|
||
<el-table
|
||
:data="standinfoList"
|
||
height="100%"
|
||
border
|
||
style="width: 100%"
|
||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||
fontWeight: 'bold', height: '48px'}">
|
||
<el-table-column
|
||
type="selection"
|
||
width="55"
|
||
align="center">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="date"
|
||
label="章节编号"
|
||
width="180">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="name"
|
||
label="修改意见内容(包括理由或依据)"
|
||
>
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="department"
|
||
label="提出部门"
|
||
width="300"
|
||
>
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="proposer"
|
||
label="提出人"
|
||
width="170"
|
||
>
|
||
</el-table-column>
|
||
|
||
</el-table>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<pagination
|
||
style="position: static;"
|
||
:page="newModelPageConfig.page"
|
||
:total="newModelPageConfig.total"
|
||
@pageChange="page => handlePageChange('newModel', page)"
|
||
@pageSizeChange="pageSize => handlePageSizeChange('newModel', pageSize)"></pagination>
|
||
</div>
|
||
<!--导出文件改名字模态框-->
|
||
<el-dialog :visible.sync="exportModelFlag" class="export-dialog" title="导出文件" width="300px">
|
||
<el-form :inline="true" class="label-input-form search-area">
|
||
<el-form-item label="导出名称" class="search-item">
|
||
<el-input v-model="exportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称"/>
|
||
</el-form-item>
|
||
</el-form>
|
||
<span slot="footer" class="demo-drawer-footer">
|
||
<el-button size="mini" class="common-button-default" icon="el-icon-close" @click="cancal">取消</el-button>
|
||
<el-button size="mini" type="primary" class="common-button-primary" icon="el-icon-check" @click="exportTestItem">提交</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: 'categoryDetails',
|
||
data () {
|
||
return {
|
||
exportName:'',
|
||
exportModelFlag: false, //导出模态窗状态
|
||
heightShow: true,
|
||
isSubmit: false,
|
||
opinionList: {
|
||
standardNumber: 'GB 121-12',
|
||
standardName: '机动车安全运行条件',
|
||
uploadTime: '2002-11-23',
|
||
opinionCycle: '2001-02-21到 2012-02-02'
|
||
},
|
||
opinionContent: {
|
||
number:'',
|
||
content: '',
|
||
},
|
||
standinfoList: [{
|
||
date: '1.1.2',
|
||
name: '文章内容不清晰',
|
||
department: '事业部',
|
||
proposer: '徐磊',
|
||
}, {
|
||
date: '1.2.3.1',
|
||
name: '标准有错误',
|
||
department: '标准法规部',
|
||
proposer: '汪重阳',
|
||
}, {
|
||
date: '1.21.1',
|
||
name: '标准延时',
|
||
department: '政策部',
|
||
proposer: '吕毅',
|
||
}, {
|
||
date: '1.21.1',
|
||
name: '实用性不高',
|
||
department: '技术部',
|
||
proposer: '王浩宇',
|
||
}, {
|
||
date: '1.2.31',
|
||
name: '不贴合国家标准',
|
||
department: '事业部',
|
||
proposer: '胡佳硕',
|
||
}, ],
|
||
newModelPageConfig: {
|
||
page: 1,
|
||
total: 0
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
//分页数据改变
|
||
handlePageChange(field, page) {
|
||
switch (field) {
|
||
case "newModel":
|
||
break;
|
||
case "":
|
||
break;
|
||
}
|
||
},
|
||
handlePageSizeChange(field, pageSize) {
|
||
switch (field) {
|
||
case "newModel":
|
||
break;
|
||
case "":
|
||
break;
|
||
}
|
||
},
|
||
back (){
|
||
this.$router.push({
|
||
name:'standardForComments'
|
||
})
|
||
},
|
||
exportStandard() {
|
||
this.exportModelFlag = true
|
||
},
|
||
cancal () {
|
||
this.exportModelFlag = false
|
||
},
|
||
exportTestItem() {
|
||
this.exportModelFlag = false
|
||
}
|
||
},
|
||
mounted () {}
|
||
}
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
@import '~@/assets/styles/mixins';
|
||
@import '~@/assets/styles/style';
|
||
.consultationDetails {
|
||
height: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
.iconClass{
|
||
width: 18px;
|
||
height: 18px;
|
||
}
|
||
.contentTitle {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 0 10px;
|
||
height: 50px;
|
||
background: #ffffff;
|
||
.title{
|
||
flex: 1;
|
||
font-weight: bold;
|
||
font-size: 20px;
|
||
margin-left: 15px;
|
||
.el-icon-s-order{
|
||
font-size: 22px;
|
||
color: #4498F0;
|
||
cursor: pointer;
|
||
}
|
||
}
|
||
}
|
||
.transition-box{
|
||
padding: 0 10px;
|
||
background: #ffffff;
|
||
font-size: 14px;
|
||
.transition-box-p{
|
||
line-height: 35px;
|
||
.transition-box-label{
|
||
display: inline-block;
|
||
width: 100px;
|
||
vertical-align: top;
|
||
}
|
||
.transition-box-span{
|
||
display: inline-block;
|
||
width: calc(~'100% - 100px');
|
||
}
|
||
.file-box{
|
||
display: inline-block;
|
||
width: calc(~'100% - 100px');
|
||
.transition-box-span{
|
||
display: inline;
|
||
width: 100%;
|
||
cursor: pointer;
|
||
color: #4498f0;
|
||
}
|
||
p{
|
||
& > a{
|
||
cursor: pointer;
|
||
}
|
||
& > i{
|
||
display: inline-block;
|
||
margin-left: 3px;
|
||
width: 18px;
|
||
height: 16px;
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%;
|
||
background-position: center center;
|
||
vertical-align: sub;
|
||
cursor: pointer;
|
||
}
|
||
.icon-download{
|
||
background-image: url("~assets/images/shangqi/img/download.png");
|
||
}
|
||
.icon-download2{
|
||
background-image: url("~assets/images/shangqi/img/download2.png");
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
.effect {
|
||
margin-left: 10px;
|
||
}
|
||
.container {
|
||
height: calc(~'100% - 52px - 55px - 50px');
|
||
flex: auto;
|
||
display: flex;
|
||
margin:10px;
|
||
flex-direction: column;
|
||
.el-tabs{
|
||
height: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex: auto;
|
||
/deep/.el-tabs__content{
|
||
//height: calc(~'100% - 55px');
|
||
overflow-y: auto;
|
||
flex: auto;
|
||
display: flex;
|
||
flex-direction: column;
|
||
.el-tab-pane{
|
||
height: 100%;
|
||
flex: auto;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.add-demo {
|
||
.search-area {
|
||
height: 100%;
|
||
}
|
||
::v-deep .el-textarea__inner {
|
||
width: 1000px;
|
||
}
|
||
}
|
||
}
|
||
</style>
|