FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

征求意见的查看附件

Browse Source
This commit is contained in:
shenyanpei
2021-09-09 18:39:19 +08:00
parent 31a6fa4e4a
commit d42da3d955
3 changed files with 1276 additions and 1182 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/creatProcess/bzzqyj/step1-1.vue
+74 -47
View File
@@ -63,7 +63,9 @@
style="display: none;" style="display: none;"
></el-input> ></el-input>
<div style="display: flex;"> <div style="display: flex;">
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;" v-for="(item, index) in form.fjList" :key="index">{{ item.fileName }}</div> <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;" v-for="(item, index) in form.fjList" :key="index">
{{ item.fileName }}
</div>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
@@ -194,7 +196,8 @@
</el-formItem> </el-formItem>
<el-formItem label="标准类别" prop="standSort" class="search-item"> <el-formItem label="标准类别" prop="standSort" class="search-item">
<el-select v-model="standCommonlySearch.standSort" placeholder="根据标准类别查找" clearable> <el-select v-model="standCommonlySearch.standSort" placeholder="根据标准类别查找" clearable>
<el-option v-for="opt in standSortOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label }} <el-option v-for="opt in standSortOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">
{{ opt.label }}
</el-option> </el-option>
</el-select> </el-select>
</el-formItem> </el-formItem>
@@ -210,11 +213,13 @@
size="mini" size="mini"
class="common-button-primary" class="common-button-primary"
@click="sarStandCompareHisInfo">查询</el-button> @click="sarStandCompareHisInfo">查询
</el-button>
<el-button <el-button
class="common-button-default" class="common-button-default"
size="mini" size="mini"
@click="clearSearchStand">清空</el-button> @click="clearSearchStand">清空
</el-button>
</el-formItem> </el-formItem>
</el-form> </el-form>
</div> </div>
@@ -234,8 +239,12 @@
<el-table-column type="selection" width="55" align="center"/> <el-table-column type="selection" width="55" align="center"/>
<el-table-column label="标准号" align="center"> <el-table-column label="标准号" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.standYear" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</div> <div v-if="scope.row.standYear" @click="handlePreview(scope.row)" class="table-jump">
<div v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}</div> {{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}
</div>
<div v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
{{ scope.row.standNumber }}
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="cname" label="标准名称" align="center"> <el-table-column prop="cname" label="标准名称" align="center">
@@ -305,12 +314,12 @@
<script> <script>
import ProcessHeader from '../../components/ProcessHeader' import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter' import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle' import ProcessTitle from '../../components/ProcessTitle'
import { saveTaskFirst, queryTaskFirst } from 'api/process' import {saveTaskFirst, queryTaskFirst} from 'api/process'
export default { export default {
name: "bzzqyjStep1-1", name: "bzzqyjStep1-1",
data() { data() {
return { return {
@@ -337,16 +346,16 @@
}, },
formRules: { formRules: {
cid: [ cid: [
{ required: true, message: '请输入标准编号', trigger: 'change' }, {required: true, message: '请输入标准编号', trigger: 'change'},
], ],
endTime: [ endTime: [
{ required: true, message: '请输入标准结束日期', trigger: 'change' }, {required: true, message: '请输入标准结束日期', trigger: 'change'},
], ],
cname: [ cname: [
{ required: true, message: '请输入标准名称', trigger: 'change' }, {required: true, message: '请输入标准名称', trigger: 'change'},
], ],
fjListId: [ fjListId: [
{ required: true, message: '请选择附件', trigger: 'change' }, {required: true, message: '请选择附件', trigger: 'change'},
] ]
}, },
// 标准征求意见数据可库 // 标准征求意见数据可库
@@ -377,16 +386,16 @@
}, },
roleFormRules: { roleFormRules: {
dockUserList: [ dockUserList: [
{ required: true, message: '请选择责任部门对接人', trigger: 'change' }, {required: true, message: '请选择责任部门对接人', trigger: 'change'},
], ],
ministerUser: [ ministerUser: [
{ required: true, message: '请选择标准法规部部长', trigger: 'change' }, {required: true, message: '请选择标准法规部部长', trigger: 'change'},
], ],
directorUser: [ directorUser: [
{ required: true, message: '请选择技术管理中心主任', trigger: 'change' }, {required: true, message: '请选择技术管理中心主任', trigger: 'change'},
], ],
presidentUser: [ presidentUser: [
{ required: true, message: '请选择工程研究院院长', trigger: 'change' }, {required: true, message: '请选择工程研究院院长', trigger: 'change'},
] ]
}, },
nodeList: [], nodeList: [],
@@ -403,7 +412,7 @@
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle
}, },
mounted () { mounted() {
this.getData() this.getData()
this.sarStandCompareHis() this.sarStandCompareHis()
this.$http.get('sys/dictype/getDicTypeListCode', '', { this.$http.get('sys/dictype/getDicTypeListCode', '', {
@@ -418,7 +427,7 @@
} }
}, },
methods: { methods: {
updataFj (item) { updataFj(item) {
let id let id
let type = item.fileName.split('.') let type = item.fileName.split('.')
if (type[1] === 'pdf') { if (type[1] === 'pdf') {
@@ -428,7 +437,7 @@
} }
window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + id)) window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + id))
}, },
addfjList () { addfjList() {
this.$http.get('lawss/sarStandFile/queryFileInfo', { this.$http.get('lawss/sarStandFile/queryFileInfo', {
standId: this.form.standId standId: this.form.standId
}, {}, res => { }, {}, res => {
@@ -436,24 +445,24 @@
}) })
this.fzlistModel = true this.fzlistModel = true
}, },
handleSelection2 (data) { handleSelection2(data) {
this.addFjList = data this.addFjList = data
}, },
closeDrawer2 () { closeDrawer2() {
this.fzlistModel = false this.fzlistModel = false
this.addFjList = [] this.addFjList = []
}, },
enterDrawer2 () { enterDrawer2() {
this.fzlistModel = false this.fzlistModel = false
this.form.fjList = this.addFjList this.form.fjList = this.addFjList
let idList let idList
this.addFjList.forEach( item => { this.addFjList.forEach(item => {
idList += item.id + ',' idList += item.id + ','
}) })
this.form.fjListId = idList this.form.fjListId = idList
}, },
// 点击查看 // 点击查看
handlePreview (item) { handlePreview(item) {
let pageType let pageType
if (item.standType === 'FOREIGN') { if (item.standType === 'FOREIGN') {
pageType = 'FOREIGN_STAND' pageType = 'FOREIGN_STAND'
@@ -469,7 +478,7 @@
}) })
window.open(routeUrl.href, '_blank') window.open(routeUrl.href, '_blank')
}, },
getData () { getData() {
queryTaskFirst({ queryTaskFirst({
bpnId: this.$route.query.bpnId bpnId: this.$route.query.bpnId
}).then(res => { }).then(res => {
@@ -487,7 +496,7 @@
/** 标准征求意见库方法* /** 标准征求意见库方法*
* **********************************************/ * **********************************************/
// 清空 // 清空
clearSearchStand () { clearSearchStand() {
this.standCommonlySearch.page = 1 this.standCommonlySearch.page = 1
this.standCommonlySearch.standSort = '' this.standCommonlySearch.standSort = ''
this.standCommonlySearch.standNumber = '' this.standCommonlySearch.standNumber = ''
@@ -500,7 +509,7 @@
this.sarStandCompareHis() this.sarStandCompareHis()
}, },
// 查询表格 // 查询表格
sarStandCompareHis () { sarStandCompareHis() {
this.spinShow = true this.spinShow = true
var formData = this.standCommonlySearch var formData = this.standCommonlySearch
this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage', formData, { this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage', formData, {
@@ -520,12 +529,12 @@
// }, e => { // }, e => {
// }) // })
}, },
pageChange (page) { pageChange(page) {
this.standCommonlySearch.page = page this.standCommonlySearch.page = page
this.sarStandCompareHis() this.sarStandCompareHis()
}, },
// 分页每页显示数改变后方法 // 分页每页显示数改变后方法
pageSizeChange (pageSize) { pageSizeChange(pageSize) {
this.$store.getters.userInfo.configContent = pageSize this.$store.getters.userInfo.configContent = pageSize
this.standCommonlySearch.size = pageSize this.standCommonlySearch.size = pageSize
this.sarStandCompareHis() this.sarStandCompareHis()
@@ -566,10 +575,10 @@
}, },
/*** **********************************************/ /*** **********************************************/
/** 流程节点负责人的选择 *****************************/ /** 流程节点负责人的选择 *****************************/
checkedRole2 (data) { checkedRole2(data) {
var idList = '' var idList = ''
var nameList = '' var nameList = ''
data.forEach( item => { data.forEach(item => {
if (nameList.length > 0) { if (nameList.length > 0) {
nameList += ',' nameList += ','
idList += ',' idList += ','
@@ -580,7 +589,7 @@
this.roleForm.dockUserList = idList this.roleForm.dockUserList = idList
this.roleForm.dockUserListName = nameList this.roleForm.dockUserListName = nameList
}, },
checkedRole (data) { checkedRole(data) {
if (this.type === 'ministerUser') { if (this.type === 'ministerUser') {
this.roleForm.ministerUser = data[0].id this.roleForm.ministerUser = data[0].id
this.roleForm.ministerUserName = data[0].name this.roleForm.ministerUserName = data[0].name
@@ -592,14 +601,14 @@
this.roleForm.presidentUserName = data[0].name this.roleForm.presidentUserName = data[0].name
} }
}, },
choiceZRRS () { choiceZRRS() {
this.nodeList2 = [] this.nodeList2 = []
if ( this.roleForm.dockUserList.length > 0) { if (this.roleForm.dockUserList.length > 0) {
this.nodeList2 = this.roleForm.dockUserList.split(',') this.nodeList2 = this.roleForm.dockUserList.split(',')
} }
this.modalshowflag2 = true this.modalshowflag2 = true
}, },
choiceZRR (type, title, id) { choiceZRR(type, title, id) {
this.nodeList = [] this.nodeList = []
this.nodeList.push(id) this.nodeList.push(id)
this.type = type this.type = type
@@ -609,7 +618,8 @@
handleTabs(name) { handleTabs(name) {
this.active = name this.active = name
}, },
handleSave() {}, handleSave() {
},
handleSubmit() { handleSubmit() {
this.$refs['bzzqyjForm'].validate((valid) => { this.$refs['bzzqyjForm'].validate((valid) => {
if (valid) { if (valid) {
@@ -622,6 +632,8 @@
if (res.ok) { if (res.ok) {
var json = Object.assign(this.form, this.roleForm) var json = Object.assign(this.form, this.roleForm)
json.commentText = this.commentText json.commentText = this.commentText
json.filesId = this.roleForm.dockUserList
json.filesName = this.roleForm.dockUserListName
this.$http.post('lawss/activiti/completeTask', { this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json), json: JSON.stringify(json),
taskId: res.data, taskId: res.data,
@@ -647,26 +659,30 @@
}) })
} }
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import '~@/assets/styles/style'; @import '~@/assets/styles/style';
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
.bzzqyjStep1-1 {
.bzzqyjStep1-1 {
.myForm { .myForm {
/deep/.el-form-item__content { /deep/ .el-form-item__content {
line-height: 10px; line-height: 10px;
} }
} }
/deep/.el-drawer__container {
/deep/ .el-drawer__container {
.prc-content-border { .prc-content-border {
border: none; border: none;
padding: 0 20px 0; padding: 0 20px 0;
} }
} }
position: relative; position: relative;
height: 100%; height: 100%;
.headerTabs { .headerTabs {
height: 52px; height: 52px;
display: flex; display: flex;
@@ -674,6 +690,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
right: 10px; right: 10px;
.headerTabsItem { .headerTabsItem {
border: 1px solid #c1c1c1; border: 1px solid #c1c1c1;
padding: 0 5px; padding: 0 5px;
@@ -681,12 +698,14 @@
line-height: 30px; line-height: 30px;
cursor: pointer; cursor: pointer;
} }
.active { .active {
border: 1px solid #E6A23C; border: 1px solid #E6A23C;
color: #fff; color: #fff;
background: #E6A23C; background: #E6A23C;
} }
} }
.content { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -694,37 +713,45 @@
height: calc(~'100% - 107px'); height: calc(~'100% - 107px');
overflow: auto; overflow: auto;
} }
.standardForComments { .standardForComments {
height: 100%; height: 100%;
background: #fff; background: #fff;
.el-divider--horizontal { .el-divider--horizontal {
display: block; display: block;
height: 1px; height: 1px;
width: 100%; width: 100%;
margin: 0; margin: 0;
} }
flex-direction: column; flex-direction: column;
.action-bar { .action-bar {
margin-bottom: 5px; margin-bottom: 5px;
padding: 0; padding: 0;
} }
.content { .content {
flex: auto; flex: auto;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.table-wrap { .table-wrap {
flex: auto; flex: auto;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
} }
} }
& > .pagination { & > .pagination {
position: static; position: static;
/deep/.pagination-slot {
/deep/ .pagination-slot {
padding: 0; padding: 0;
} }
} }
} }
} }
</style> </style>
src/pages/processCenter/pages/creatProcess/bzzqyj/step1.vue
+14 -4
View File
@@ -334,6 +334,7 @@ export default {
standType: '', standType: '',
standId: '', standId: '',
fjList: [], fjList: [],
fjListName: '',
fjListId: '' fjListId: ''
}, },
formRules: { formRules: {
@@ -438,7 +439,11 @@ export default {
this.fzlistModel = true this.fzlistModel = true
}, },
handleSelection2 (data) { handleSelection2 (data) {
if(data.length > 5) {
this.$message.warning('最多选择5条附件')
} else {
this.addFjList = data this.addFjList = data
}
}, },
closeDrawer2 () { closeDrawer2 () {
this.fzlistModel = false this.fzlistModel = false
@@ -447,11 +452,14 @@ export default {
enterDrawer2 () { enterDrawer2 () {
this.fzlistModel = false this.fzlistModel = false
this.form.fjList = this.addFjList this.form.fjList = this.addFjList
let idList let idList = []
this.addFjList.forEach( item => { let nameList = []
idList += item.id + ',' this.addFjList.forEach(item => {
idList.push(item.id)
nameList.push(item.fileName)
}) })
this.form.fjListId = idList this.form.fjListName = nameList.join(',')
this.form.fjListId = idList.join(',')
}, },
// 点击查看 // 点击查看
handlePreview (item) { handlePreview (item) {
@@ -633,6 +641,8 @@ export default {
if (res.ok) { if (res.ok) {
var json = Object.assign(this.form, this.roleForm) var json = Object.assign(this.form, this.roleForm)
json.commentText = this.commentText json.commentText = this.commentText
json.filesId = this.addFjList
json.filesName = this.form.fjListName
this.$http.post('lawss/activiti/completeTask', { this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json), json: JSON.stringify(json),
taskId: res.data, taskId: res.data,
src/pages/regulatoryRepository/standardForComments/pags/consultationDetails.vue
+100 -43
View File
@@ -25,19 +25,34 @@
{{ this.$route.query.item.cname || '-' }} {{ this.$route.query.item.cname || '-' }}
</span> </span>
</p> </p>
<p class="transition-box-p">
<label class="transition-box-label">附件：</label>
<span class="file-box" v-if="fileInfoList.length > 0">
<span v-for="(file,item) in fileInfoList"
target="_blank"
class="transition-box-span table-jump"
@click="handleQueryPdf(file)"
:key="item">
{{ file.name }}
</span>
</span>
<span class="transition-box-span" v-else>-</span>
</p>
<p class="transition-box-p"> <p class="transition-box-p">
<label class="transition-box-label">上传时间：</label> <label class="transition-box-label">上传时间：</label>
<span class="transition-box-span">{{ this.$route.query.item.startTime || '-' }}</span> <span class="transition-box-span">{{ this.$route.query.item.startTime || '-' }}</span>
</p> </p>
<p class="transition-box-p"> <p class="transition-box-p">
<label class="transition-box-label">征求意见周期：</label> <label class="transition-box-label">征求意见周期：</label>
<span class="transition-box-span" v-if="this.$route.query.item.startTime && this.$route.query.item.endTime">{{ this.$route.query.item.startTime + ' ~ ' + this.$route.query.item.endTime}}</span> <span class="transition-box-span" v-if="this.$route.query.item.startTime && this.$route.query.item.endTime">{{ this.$route.query.item.startTime + ' ~ ' + this.$route.query.item.endTime }}</span>
<span class="transition-box-span" v-else>-</span> <span class="transition-box-span" v-else>-</span>
</p> </p>
</div> </div>
</transition> </transition>
<div class="effect"> <div class="effect">
<el-button v-if="ideaKey" type="primary" class="common-button-primary" size="mini" @click="selectStandardPro('add')">添加</el-button> <el-button v-if="ideaKey" type="primary" class="common-button-primary" size="mini" @click="selectStandardPro('add')">
添加
</el-button>
<el-button type="primary" class="common-button-primary" size="mini" @click="exportAll">导出</el-button> <el-button type="primary" class="common-button-primary" size="mini" @click="exportAll">导出</el-button>
</div> </div>
<div class="container"> <div class="container">
@@ -103,8 +118,12 @@
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item v-if="scope.row.userId === $store.getters.userInfo.userId" :command="[scope.row, '编辑']">编辑</el-dropdown-item> <el-dropdown-item v-if="scope.row.userId === $store.getters.userInfo.userId" :command="[scope.row, '编辑']">
<el-dropdown-item v-if="scope.row.userId === $store.getters.userInfo.userId" :command="[scope.row, '删除']">删除</el-dropdown-item> 编辑
</el-dropdown-item>
<el-dropdown-item v-if="scope.row.userId === $store.getters.userInfo.userId" :command="[scope.row, '删除']">
删除
</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
@@ -144,7 +163,9 @@
</el-form> </el-form>
</div> </div>
<div class="demo-drawer-footer"> <div class="demo-drawer-footer">
<el-button :loading="isSubmit" size="mini" class="common-button-primary" icon="el-icon-check" type="primary" @click="saveUserInfo">提交</el-button> <el-button :loading="isSubmit" size="mini" class="common-button-primary" icon="el-icon-check" type="primary" @click="saveUserInfo">
提交
</el-button>
<el-button size="mini" class="common-button-default" icon="el-icon-close" @click="closeDrawer">取消</el-button> <el-button size="mini" class="common-button-default" icon="el-icon-close" @click="closeDrawer">取消</el-button>
</div> </div>
</div> </div>
@@ -154,10 +175,11 @@
</template> </template>
<script> <script>
export default { export default {
name: 'consultationDetails', name: 'consultationDetails',
data () { data() {
return { return {
fileInfoList: [],
itemData: this.$route.query.item, itemData: this.$route.query.item,
id: '', // 选中id id: '', // 选中id
type: '', // 选中状态 type: '', // 选中状态
@@ -175,16 +197,16 @@
}, },
opinionContentRules: { opinionContentRules: {
partCode: [ partCode: [
{ required: true, message: '请输入章节编号', trigger: 'blur' }, {required: true, message: '请输入章节编号', trigger: 'blur'},
], ],
oldText: [ oldText: [
{ required: true, message: '请输入修改前内容', trigger: 'blur' } {required: true, message: '请输入修改前内容', trigger: 'blur'}
], ],
newText: [ newText: [
{ required: true, message: '请输入修改后内容', trigger: 'blur' } {required: true, message: '请输入修改后内容', trigger: 'blur'}
], ],
reason: [ reason: [
{ required: true, message: '请输入修改理由', trigger: 'blur' } {required: true, message: '请输入修改理由', trigger: 'blur'}
], ],
}, },
standinfoList: [], // 详情列表 standinfoList: [], // 详情列表
@@ -201,7 +223,7 @@
}, },
methods: { methods: {
// 点击查看 // 点击查看
handlePreview (item) { handlePreview(item) {
let routeUrl = this.$router.resolve({ let routeUrl = this.$router.resolve({
name: 'OtherStandardDetails', name: 'OtherStandardDetails',
params: { params: {
@@ -211,10 +233,10 @@
}) })
window.open(routeUrl.href, '_blank') window.open(routeUrl.href, '_blank')
}, },
exportAll () { exportAll() {
window.open('/api/slrs/sar-public-idea-all/tuallStand?cid=' + this.$route.query.item.cid) window.open('/api/slrs/sar-public-idea-all/tuallStand?cid=' + this.$route.query.item.cid)
}, },
getIdeaKey () { getIdeaKey() {
this.$http.get('slrs/sar-public-idea-all/checkIsShow', { this.$http.get('slrs/sar-public-idea-all/checkIsShow', {
endTime: this.form.endTime endTime: this.form.endTime
}, {}, res => { }, {}, res => {
@@ -247,13 +269,13 @@
this.form.size = pageSize this.form.size = pageSize
this.getList() this.getList()
}, },
back (){ back() {
this.$router.push({ this.$router.push({
name:'standardForComments' name: 'standardForComments'
}) })
}, },
// 更多 // 更多
handleCommand (command) { handleCommand(command) {
switch (command[1]) { switch (command[1]) {
case '编辑': case '编辑':
this.selectStandardPro('edit', command[0]) this.selectStandardPro('edit', command[0])
@@ -264,7 +286,7 @@
} }
}, },
//编辑 //编辑
selectStandardPro(type, row){ selectStandardPro(type, row) {
this.type = type this.type = type
if (type === 'edit') { if (type === 'edit') {
this.id = row.id this.id = row.id
@@ -284,7 +306,7 @@
this.isDialog = true this.isDialog = true
}, },
//删除 //删除
deleteStand(id){ deleteStand(id) {
this.$confirm('确认删除这些意见？', '提示', { this.$confirm('确认删除这些意见？', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonClass: 'common-button-primary', confirmButtonClass: 'common-button-primary',
@@ -351,72 +373,98 @@
closeDrawer() { closeDrawer() {
this.isDialog = false this.isDialog = false
}, },
getFileInfo() {
JSON.parse(this.$route.query.item.files).forEach(item=>{
this.fileInfoList.push({
attId: item.attId,
id: item.id,
name: item.fileName
})
})
}, },
mounted () { handleQueryPdf(file){
window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + file.id))
}
},
mounted() {
this.getList() this.getList()
this.getIdeaKey() this.getIdeaKey()
this.getFileInfo()
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
@import '~@/assets/styles/style'; @import '~@/assets/styles/style';
.consultationDetails {
.consultationDetails {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.iconClass{
.iconClass {
width: 18px; width: 18px;
height: 18px; height: 18px;
} }
.contentTitle { .contentTitle {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 10px; padding: 0 10px;
height: 50px; height: 50px;
background: #ffffff; background: #ffffff;
.title{
.title {
flex: 1; flex: 1;
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 20px;
margin-left: 15px; margin-left: 15px;
.el-icon-s-order{
.el-icon-s-order {
font-size: 22px; font-size: 22px;
color: #4498F0; color: #4498F0;
cursor: pointer; cursor: pointer;
} }
} }
} }
.transition-box{
.transition-box {
padding: 0 10px; padding: 0 10px;
background: #ffffff; background: #ffffff;
font-size: 14px; font-size: 14px;
.transition-box-p{
.transition-box-p {
line-height: 35px; line-height: 35px;
.transition-box-label{
.transition-box-label {
display: inline-block; display: inline-block;
width: 100px; width: 100px;
vertical-align: top; vertical-align: top;
} }
.transition-box-span{
.transition-box-span {
display: inline-block; display: inline-block;
width: calc(~'100% - 100px'); width: calc(~'100% - 100px');
} }
.file-box{
.file-box {
display: inline-block; display: inline-block;
width: calc(~'100% - 100px'); width: calc(~'100% - 100px');
.transition-box-span{
.transition-box-span {
display: inline; display: inline;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
color: #4498f0; color: #4498f0;
} }
p{
& > a{ p {
& > a {
cursor: pointer; cursor: pointer;
} }
& > i{
& > i {
display: inline-block; display: inline-block;
margin-left: 3px; margin-left: 3px;
width: 18px; width: 18px;
@@ -427,10 +475,12 @@
vertical-align: sub; vertical-align: sub;
cursor: pointer; cursor: pointer;
} }
.icon-download{
.icon-download {
background-image: url("~assets/images/shangqi/img/download.png"); background-image: url("~assets/images/shangqi/img/download.png");
} }
.icon-download2{
.icon-download2 {
background-image: url("~assets/images/shangqi/img/download2.png"); background-image: url("~assets/images/shangqi/img/download2.png");
} }
} }
@@ -438,28 +488,33 @@
} }
} }
} }
.effect { .effect {
margin: 10px 10px 0 0; margin: 10px 10px 0 0;
} }
.container { .container {
height: calc(~'100% - 52px - 55px - 50px'); height: calc(~'100% - 52px - 55px - 50px');
flex: auto; flex: auto;
display: flex; display: flex;
margin:10px 0; margin: 10px 0;
flex-direction: column; flex-direction: column;
padding: 0; padding: 0;
.el-tabs{
.el-tabs {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: auto; flex: auto;
/deep/.el-tabs__content{
/deep/ .el-tabs__content {
//height: calc(~'100% - 55px'); //height: calc(~'100% - 55px');
overflow-y: auto; overflow-y: auto;
flex: auto; flex: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.el-tab-pane{
.el-tab-pane {
height: 100%; height: 100%;
flex: auto; flex: auto;
display: flex; display: flex;
@@ -468,13 +523,15 @@
} }
} }
} }
.add-demo { .add-demo {
.search-area { .search-area {
height: 100%; height: 100%;
} }
::v-deep .el-textarea__inner { ::v-deep .el-textarea__inner {
width: 1000px; width: 1000px;
} }
} }
} }
</style> </style>