页面UI
This commit is contained in:
11528
@@ -244,7 +244,8 @@
|
|||||||
this.submitLoading = true
|
this.submitLoading = true
|
||||||
this.$http.postData('sarPosition/position/role', {
|
this.$http.postData('sarPosition/position/role', {
|
||||||
positionId: this.selectList[0].id,
|
positionId: this.selectList[0].id,
|
||||||
roleIds: this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())
|
roleIds: this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys()),
|
||||||
|
operator: this.$store.getters.userInfo.account,
|
||||||
}, {}, res=> {
|
}, {}, res=> {
|
||||||
if (res.ok) {
|
if (res.ok) {
|
||||||
this.$message.success('配置成功')
|
this.$message.success('配置成功')
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -1,338 +1,338 @@
|
|||||||
<!-- 已收藏的标准法规 -->
|
<!-- 已收藏的标准法规 -->
|
||||||
<template>
|
<template>
|
||||||
<div id="CollectionStandard">
|
<div id="CollectionStandard">
|
||||||
<table-tools-bar>
|
<table-tools-bar>
|
||||||
<div slot="left">
|
<div slot="left">
|
||||||
<div class="search-area">
|
<div class="search-area">
|
||||||
<el-form :inline="true" class="label-input-form" @keyup.enter.native="selectStandardBtn">
|
<el-form :inline="true" class="label-input-form" @keyup.enter.native="selectStandardBtn">
|
||||||
<el-form-item label="标准法规标题" class="search-item search-item-last">
|
<el-form-item label="标准法规标题" class="search-item search-item-last">
|
||||||
<el-input v-model="search.name"
|
<el-input v-model="search.name"
|
||||||
placeholder="请输入标准法规信息"
|
placeholder="请输入标准法规信息"
|
||||||
clearable
|
clearable
|
||||||
:maxlength="100"
|
:maxlength="100"
|
||||||
@keyup.enter.native="selectStandardBtn"></el-input>
|
@keyup.enter.native="selectStandardBtn"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-form-item class="search-item btn-box">
|
||||||
<el-button
|
<el-button
|
||||||
:loading="searching"
|
:loading="searching"
|
||||||
type="primary"
|
type="primary"
|
||||||
class="common-button-primary"
|
class="common-button-primary"
|
||||||
size="mini"
|
size="mini"
|
||||||
v-btn-permission="'a0926c279e15ef0a3a2bc782f93d15fa'"
|
v-btn-permission="'b19a4a9ad4f0767f70d622f257800dd5'"
|
||||||
@click="selectStandardBtn">
|
@click="selectStandardBtn">
|
||||||
查询
|
查询
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
class="common-button-default"
|
class="common-button-default"
|
||||||
size="mini"
|
size="mini"
|
||||||
v-btn-permission="'63d0dbbae0bee0f0888295d6cc6ef9c3'"
|
v-btn-permission="'16c7a9cd3d9c5d8e0575593e0f632d85'"
|
||||||
@click="resetSelect">清空</el-button>
|
@click="resetSelect">清空</el-button>
|
||||||
<!-- <el-button-->
|
<!-- <el-button-->
|
||||||
<!-- class="common-button-default"-->
|
<!-- class="common-button-default"-->
|
||||||
<!-- size="mini"-->
|
<!-- size="mini"-->
|
||||||
<!-- @click="cancleCollectBatch">-->
|
<!-- @click="cancleCollectBatch">-->
|
||||||
<!--<!– <i class="iconfont"></i>–>-->
|
<!--<!– <i class="iconfont"></i>–>-->
|
||||||
<!-- 取消收藏-->
|
<!-- 取消收藏-->
|
||||||
<!-- </el-button>-->
|
<!-- </el-button>-->
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div slot="right"></div>
|
<div slot="right"></div>
|
||||||
</table-tools-bar>
|
</table-tools-bar>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<el-checkbox :value="checkAll" size="large" @change="handleSelectAll" :indeterminate="indeterminate" style="padding: 6px;padding-left: 15px " v-if="total > 0">全选</el-checkbox>
|
<el-checkbox :value="checkAll" size="large" @change="handleSelectAll" :indeterminate="indeterminate" style="padding: 6px;padding-left: 15px " v-if="total > 0">全选</el-checkbox>
|
||||||
<div class="content-detail" v-if="total >0 && contentOpen">
|
<div class="content-detail" v-if="total >0 && contentOpen">
|
||||||
<div v-for="(item, index1) in standardList" :key="index1">
|
<div v-for="(item, index1) in standardList" :key="index1">
|
||||||
<div class="card domBtn">
|
<div class="card domBtn">
|
||||||
<el-col :span="1"><el-checkbox v-model="item.checked" size="large"></el-checkbox></el-col>
|
<el-col :span="1"><el-checkbox v-model="item.checked" size="large"></el-checkbox></el-col>
|
||||||
<el-row>
|
<el-row>
|
||||||
<div>
|
<div>
|
||||||
<el-col :span="5" :offset="1" >
|
<el-col :span="5" :offset="1" >
|
||||||
<i class="el-icon-collection-tag" style="position: relative; left: -15px" />
|
<i class="el-icon-collection-tag" style="position: relative; left: -15px" />
|
||||||
所属板块：{{ item.collectType === 'INLAND_STAND' ? '国内标准法规' : (item.collectType === 'FOREIGN_STAND' ? '海外标准法规' : '企业标准') }}
|
所属板块：{{ item.collectType === 'INLAND_STAND' ? '国内标准法规' : (item.collectType === 'FOREIGN_STAND' ? '海外标准法规' : '企业标准') }}
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-tooltip class="item" effect="dark" :content="item.collectTitle" placement="top" v-if="item.collectTitle">
|
<el-tooltip class="item" effect="dark" :content="item.collectTitle" placement="top" v-if="item.collectTitle">
|
||||||
<div class="left-contents" @click="getDetail(item)">标题：{{ item.collectTitle }}</div>
|
<div class="left-contents" @click="getDetail(item)">标题：{{ item.collectTitle }}</div>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<div class="left-contents" @click="getDetail(item)">标题：{{ item.collectTitle }}</div>
|
<div class="left-contents" @click="getDetail(item)">标题：{{ item.collectTitle }}</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4" :offset="3">创建时间：{{getDate(item.creationTime)}}</el-col>
|
<el-col :span="4" :offset="3">创建时间：{{getDate(item.creationTime)}}</el-col>
|
||||||
</div>
|
</div>
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<el-button size="mini" v-btn-permission="'fc2b045e1fe8a5e14feab48d3138df53'" @click="cancelStandard(item)" style="margin-top: -5px; border: 1px dashed #dcdee2">取消收藏</el-button>
|
<el-button size="mini" v-btn-permission="'e0815e0f82f6b2af3a9b232cb916bdf8'" @click="cancelStandard(item)" style="margin-top: -5px; border: 1px dashed #dcdee2">取消收藏</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<has-no-data pClass="content-detail" v-if="total === 0"></has-no-data>
|
<has-no-data pClass="content-detail" v-if="total === 0"></has-no-data>
|
||||||
<loading :loading="loading">数据获取中</loading>
|
<loading :loading="loading">数据获取中</loading>
|
||||||
</div>
|
</div>
|
||||||
<pagination :total="total" :page="page" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
|
<pagination :total="total" :page="page" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'collectionStandard',
|
name: 'collectionStandard',
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
contentOpen: true,
|
contentOpen: true,
|
||||||
searching: false,
|
searching: false,
|
||||||
saveNote: '',
|
saveNote: '',
|
||||||
// 加载
|
// 加载
|
||||||
loading: false,
|
loading: false,
|
||||||
loadDate: false,
|
loadDate: false,
|
||||||
// 查询
|
// 查询
|
||||||
search: {
|
search: {
|
||||||
name: ''
|
name: ''
|
||||||
},
|
},
|
||||||
// 分页
|
// 分页
|
||||||
total: 0,
|
total: 0,
|
||||||
page: 1,
|
page: 1,
|
||||||
rows: 10,
|
rows: 10,
|
||||||
// 数据内容
|
// 数据内容
|
||||||
standardList: [],
|
standardList: [],
|
||||||
checkAll: false, // 是否全选
|
checkAll: false, // 是否全选
|
||||||
indeterminate: false, // 是否半选
|
indeterminate: false, // 是否半选
|
||||||
selectedList: [],
|
selectedList: [],
|
||||||
selectedAllInfoList: []
|
selectedAllInfoList: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getDetail(item) {
|
getDetail(item) {
|
||||||
let routeUrl = this.$router.resolve({
|
let routeUrl = this.$router.resolve({
|
||||||
name: 'OtherStandardDetails',
|
name: 'OtherStandardDetails',
|
||||||
params: {
|
params: {
|
||||||
id: item.collectResId,
|
id: item.collectResId,
|
||||||
pageType: 'INLAND_STAND'
|
pageType: 'INLAND_STAND'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
window.open(routeUrl.href, '_blank')
|
window.open(routeUrl.href, '_blank')
|
||||||
},
|
},
|
||||||
// 重置
|
// 重置
|
||||||
resetSelect () {
|
resetSelect () {
|
||||||
this.search.name = ''
|
this.search.name = ''
|
||||||
this.pageChange(1)
|
this.pageChange(1)
|
||||||
},
|
},
|
||||||
// 分页
|
// 分页
|
||||||
pageChange (page) {
|
pageChange (page) {
|
||||||
this.page = page
|
this.page = page
|
||||||
this.selectStandard()
|
this.selectStandard()
|
||||||
},
|
},
|
||||||
pageSizeChange (pageSize) {
|
pageSizeChange (pageSize) {
|
||||||
this.rows = pageSize
|
this.rows = pageSize
|
||||||
this.selectStandard()
|
this.selectStandard()
|
||||||
},
|
},
|
||||||
// 搜索
|
// 搜索
|
||||||
selectStandardBtn () {
|
selectStandardBtn () {
|
||||||
this.page = 1
|
this.page = 1
|
||||||
this.selectStandard()
|
this.selectStandard()
|
||||||
},
|
},
|
||||||
// 查询、加载数据
|
// 查询、加载数据
|
||||||
selectStandard () {
|
selectStandard () {
|
||||||
this.$http.get('person/personCollect/page', {
|
this.$http.get('person/personCollect/page', {
|
||||||
pageNo: this.page,
|
pageNo: this.page,
|
||||||
pageSize: this.$store.getters.userInfo.configContent,
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
userId: this.$store.getters.userInfo.userId,
|
userId: this.$store.getters.userInfo.userId,
|
||||||
collectTitle: this.search.name
|
collectTitle: this.search.name
|
||||||
}, {
|
}, {
|
||||||
_this: this,
|
_this: this,
|
||||||
loading: 'loading'
|
loading: 'loading'
|
||||||
}, res => {
|
}, res => {
|
||||||
this.standardList = []
|
this.standardList = []
|
||||||
this.standardList = res.data.records
|
this.standardList = res.data.records
|
||||||
this.total = res.data.total
|
this.total = res.data.total
|
||||||
this.contentOpen = true
|
this.contentOpen = true
|
||||||
}, e => {})
|
}, e => {})
|
||||||
},
|
},
|
||||||
// 取消收藏
|
// 取消收藏
|
||||||
cancelStandard (item) {
|
cancelStandard (item) {
|
||||||
this.$confirm('确定取消收藏此数据?', '提示', {
|
this.$confirm('确定取消收藏此数据?', '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
confirmButtonClass: 'common-button-primary',
|
confirmButtonClass: 'common-button-primary',
|
||||||
roundButton: true
|
roundButton: true
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
// var json = {
|
// var json = {
|
||||||
// id: item.collectId
|
// id: item.collectId
|
||||||
// }
|
// }
|
||||||
// json.userId = this.$store.getters.userInfo.userId
|
// json.userId = this.$store.getters.userInfo.userId
|
||||||
this.$http.put('person/personCollect/updateByUserId',{'id': item.id}, {
|
this.$http.put('person/personCollect/updateByUserId',{'id': item.id}, {
|
||||||
_this: this
|
_this: this
|
||||||
}, res => {
|
}, res => {
|
||||||
if (res.ok) {
|
if (res.ok) {
|
||||||
this.$message.success('已取消收藏')
|
this.$message.success('已取消收藏')
|
||||||
this.contentOpen = false
|
this.contentOpen = false
|
||||||
this.pageChange(1)
|
this.pageChange(1)
|
||||||
this.selectStandard()
|
this.selectStandard()
|
||||||
}
|
}
|
||||||
}, e => {
|
}, e => {
|
||||||
})
|
})
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getDate (date) {
|
getDate (date) {
|
||||||
return date != null ? date.substring(0, date.indexOf(' ')) : ''
|
return date != null ? date.substring(0, date.indexOf(' ')) : ''
|
||||||
},
|
},
|
||||||
cancleCollectBatch () {
|
cancleCollectBatch () {
|
||||||
if (this.selectedList.length === 0) {
|
if (this.selectedList.length === 0) {
|
||||||
this.$confirm('请先选择数据进行取消收藏', '提示', {
|
this.$confirm('请先选择数据进行取消收藏', '提示', {
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
confirmButtonClass: 'common-button-primary',
|
confirmButtonClass: 'common-button-primary',
|
||||||
roundButton: true
|
roundButton: true
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
(
|
(
|
||||||
this.$confirm('确定取消这些数据?', '提示', {
|
this.$confirm('确定取消这些数据?', '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
confirmButtonClass: 'common-button-primary',
|
confirmButtonClass: 'common-button-primary',
|
||||||
roundButton: true
|
roundButton: true
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
this.$http.post('/person/personCollect/cancelCollectByBatch', {
|
this.$http.post('/person/personCollect/cancelCollectByBatch', {
|
||||||
ids: this.selectedList
|
ids: this.selectedList
|
||||||
}, {
|
}, {
|
||||||
_this: this
|
_this: this
|
||||||
}, res => {
|
}, res => {
|
||||||
if (res.ok) {
|
if (res.ok) {
|
||||||
this.pageChange(1)
|
this.pageChange(1)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleCardClick (item, event) {
|
handleCardClick (item, event) {
|
||||||
item.checked = !item.checked
|
item.checked = !item.checked
|
||||||
},
|
},
|
||||||
// 全选
|
// 全选
|
||||||
handleSelectAll (checked) {
|
handleSelectAll (checked) {
|
||||||
if (checked) {
|
if (checked) {
|
||||||
this.selectedList = []
|
this.selectedList = []
|
||||||
for (let i = 0; i < this.standardList.length; i++) {
|
for (let i = 0; i < this.standardList.length; i++) {
|
||||||
this.$set(this.standardList[i], 'checked', true)
|
this.$set(this.standardList[i], 'checked', true)
|
||||||
this.selectedList.push(this.standardList[i].id)
|
this.selectedList.push(this.standardList[i].id)
|
||||||
this.selectedAllInfoList.push(this.standardList[i])
|
this.selectedAllInfoList.push(this.standardList[i])
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
for (let i = 0; i < this.standardList.length; i++) {
|
for (let i = 0; i < this.standardList.length; i++) {
|
||||||
this.$set(this.standardList[i], 'checked', false)
|
this.$set(this.standardList[i], 'checked', false)
|
||||||
this.selectedList = []
|
this.selectedList = []
|
||||||
this.selectedAllInfoList = []
|
this.selectedAllInfoList = []
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
standardList: {
|
standardList: {
|
||||||
deep: true,
|
deep: true,
|
||||||
handler (newVal, oldVal) {
|
handler (newVal, oldVal) {
|
||||||
this.selectedList = []
|
this.selectedList = []
|
||||||
for (let i = 0; i < newVal.length; i++) {
|
for (let i = 0; i < newVal.length; i++) {
|
||||||
if (newVal[i].checked) {
|
if (newVal[i].checked) {
|
||||||
this.selectedList.push(newVal[i].id)
|
this.selectedList.push(newVal[i].id)
|
||||||
this.selectedAllInfoList.push(newVal[i])
|
this.selectedAllInfoList.push(newVal[i])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (this.selectedList.length === newVal.length && newVal.length !== 0) {
|
if (this.selectedList.length === newVal.length && newVal.length !== 0) {
|
||||||
this.checkAll = true
|
this.checkAll = true
|
||||||
this.indeterminate = false
|
this.indeterminate = false
|
||||||
} else if (this.selectedList.length === 0) {
|
} else if (this.selectedList.length === 0) {
|
||||||
this.checkAll = false
|
this.checkAll = false
|
||||||
} else {
|
} else {
|
||||||
this.checkAll = false
|
this.checkAll = false
|
||||||
this.indeterminate = false
|
this.indeterminate = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 已选择的列表
|
// 已选择的列表
|
||||||
selectedList (newVal, oldVal) {
|
selectedList (newVal, oldVal) {
|
||||||
if (oldVal.length === this.standardList.length && newVal.length !== 0) {
|
if (oldVal.length === this.standardList.length && newVal.length !== 0) {
|
||||||
this.checkAll = false
|
this.checkAll = false
|
||||||
this.indeterminate = true
|
this.indeterminate = true
|
||||||
} else if (newVal.length === 0) {
|
} else if (newVal.length === 0) {
|
||||||
this.checkAll = false
|
this.checkAll = false
|
||||||
this.indeterminate = false
|
this.indeterminate = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted () {
|
mounted () {
|
||||||
this.selectStandard()
|
this.selectStandard()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
//@import '~styles/style';
|
//@import '~styles/style';
|
||||||
//@import '~styles/mixins';
|
//@import '~styles/mixins';
|
||||||
#CollectionStandard{
|
#CollectionStandard{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
.content{
|
.content{
|
||||||
height: calc(~'100% - 150px');
|
height: calc(~'100% - 150px');
|
||||||
.content-detail{
|
.content-detail{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height:100%;
|
height:100%;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
/*padding: 0.1rem;*/
|
/*padding: 0.1rem;*/
|
||||||
background-color: white;
|
background-color: white;
|
||||||
.card{
|
.card{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
line-height:1rem;
|
line-height:1rem;
|
||||||
border: 1px solid #EEE;
|
border: 1px solid #EEE;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
transition: all .2s ease-in-out;
|
transition: all .2s ease-in-out;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
/*padding: 14px;*/
|
/*padding: 14px;*/
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
padding-left: 14px;
|
padding-left: 14px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
//.un-select();
|
//.un-select();
|
||||||
.left-contents{
|
.left-contents{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
//.ellipsis()
|
//.ellipsis()
|
||||||
}
|
}
|
||||||
.ivu-row{
|
.ivu-row{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
.ivu-col{
|
.ivu-col{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:hover{
|
&:hover{
|
||||||
box-shadow: 0px 1px 13px 0px #DDD;
|
box-shadow: 0px 1px 13px 0px #DDD;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.note{
|
.note{
|
||||||
font-size:15px;
|
font-size:15px;
|
||||||
line-height: 1rem;
|
line-height: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
clear: both;
|
clear: both;
|
||||||
margin: 0 1rem;
|
margin: 0 1rem;
|
||||||
.noteLeft{
|
.noteLeft{
|
||||||
float: left;
|
float: left;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.noteRight{
|
.noteRight{
|
||||||
float: right;
|
float: right;
|
||||||
width: 30%;
|
width: 30%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,100 +1,117 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="my-collection v-class">
|
<div class="my-collection v-class">
|
||||||
<panel-header :tabs="tabsList" @activated="showComponent" :active="active"></panel-header>
|
<panel-header :tabs="tabsList" @activated="showComponent" :active="active"></panel-header>
|
||||||
<panel-content class="panel-content-box">
|
<transition enter-active-class="" leave-active-class="">
|
||||||
<components :is="active"></components>
|
<components :is="active"></components>
|
||||||
</panel-content>
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import CollectionDynamics from './components/CollectionDynamics'
|
import CollectionDynamics from './components/CollectionDynamics'
|
||||||
import CollectionLaws from './components/CollectionLaws'
|
import CollectionLaws from './components/CollectionLaws'
|
||||||
import CollectionStandard from './components/CollectionStandard'
|
import CollectionStandard from './components/CollectionStandard'
|
||||||
import CollectionBreak from './components/CollectionBreak'
|
import CollectionBreak from './components/CollectionBreak'
|
||||||
export default {
|
export default {
|
||||||
name: 'MyCollection',
|
name: 'MyCollection',
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
active: 'CollectionStandard',
|
active: 'CollectionStandard',
|
||||||
tabsList: [
|
}
|
||||||
{
|
},
|
||||||
title: '已收藏的标准法规',
|
computed: {
|
||||||
name: 'CollectionStandard'
|
tabsList() {
|
||||||
},
|
const list = [
|
||||||
// {
|
{
|
||||||
// title: '已收藏的动态&资料 ',
|
title: '已收藏的标准法规',
|
||||||
// name: 'CollectionDynamics'
|
name: 'CollectionStandard',
|
||||||
// },
|
permission:'f3686f4736acca57b1c0a97a990f96fc'
|
||||||
{
|
},
|
||||||
title: '已收藏的政策',
|
// {
|
||||||
name: 'CollectionLaws'
|
// title: '已收藏的动态&资料 ',
|
||||||
},
|
// name: 'CollectionDynamics'
|
||||||
// {
|
// },
|
||||||
// title: '已收藏的标准拆分',
|
{
|
||||||
// name: 'CollectionBreak'
|
title: '已收藏的政策',
|
||||||
// }
|
name: 'CollectionLaws',
|
||||||
]
|
permission:'200212748ffc5fd3d93179789446535a'
|
||||||
}
|
},
|
||||||
},
|
// {
|
||||||
methods: {
|
// title: '已收藏的标准拆分',
|
||||||
showComponent (name) {
|
// name: 'CollectionBreak'
|
||||||
this.active = name
|
// }
|
||||||
}
|
]
|
||||||
// getCookie (name) {
|
|
||||||
// // 获取指定名称的cookie值
|
return list.filter(item => {
|
||||||
// // (^| )name=([^;]*)(;|$),match[0]为与整个正则表达式匹配的字符串，match[i]为正则表达式捕获数组相匹配的数组；
|
if (item.permission) {
|
||||||
// let arr = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)(;|$)'))
|
return this.$hasPermission(item.permission)
|
||||||
// if (arr != null) {
|
} else {
|
||||||
// return unescape(arr[2])
|
return false
|
||||||
// }
|
}
|
||||||
// return null
|
})
|
||||||
// }
|
}
|
||||||
},
|
},
|
||||||
components: {
|
methods: {
|
||||||
CollectionDynamics,
|
showComponent(name) {
|
||||||
CollectionLaws,
|
if (this.active !== name) {
|
||||||
CollectionStandard,
|
this.active = name
|
||||||
CollectionBreak
|
const location = this.$router.replace({ query: { tabsName: name } })
|
||||||
},
|
}
|
||||||
mounted () {
|
}
|
||||||
if (this.$route.query.type === '1') {
|
// getCookie (name) {
|
||||||
this.active = 'CollectionBreak'
|
// // 获取指定名称的cookie值
|
||||||
}
|
// // (^| )name=([^;]*)(;|$),match[0]为与整个正则表达式匹配的字符串，match[i]为正则表达式捕获数组相匹配的数组；
|
||||||
// let collecttype = this.getCookie('collectionType')
|
// let arr = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)(;|$)'))
|
||||||
// if (collecttype == null || collecttype === '') {
|
// if (arr != null) {
|
||||||
// this.active = 'CollectionLaws'
|
// return unescape(arr[2])
|
||||||
// } else if (collecttype === 'INLAND_LAWS' || collecttype === 'FOREIGN_LAWS') {
|
// }
|
||||||
// this.active = 'CollectionLaws'
|
// return null
|
||||||
// } else if (collecttype === 'INLAND_STAND' || collecttype === 'FOREIGN_STAND' || collecttype === 'BUSINESS_STAND') {
|
// }
|
||||||
// this.active = 'CollectionStandard'
|
},
|
||||||
// } else {
|
components: {
|
||||||
// this.active = 'CollectionDynamics'
|
CollectionDynamics,
|
||||||
// }
|
CollectionLaws,
|
||||||
// document.cookie = 'collectionType=' + ''
|
CollectionStandard,
|
||||||
}
|
CollectionBreak
|
||||||
}
|
},
|
||||||
</script>
|
mounted () {
|
||||||
|
if (this.$route.query.type === '1') {
|
||||||
<style lang="less" scoped>
|
this.active = 'CollectionBreak'
|
||||||
.my-collection {
|
}
|
||||||
height: calc(~'100% - 50px');
|
// let collecttype = this.getCookie('collectionType')
|
||||||
.panel-content-box{
|
// if (collecttype == null || collecttype === '') {
|
||||||
height: 100%;
|
// this.active = 'CollectionLaws'
|
||||||
}
|
// } else if (collecttype === 'INLAND_LAWS' || collecttype === 'FOREIGN_LAWS') {
|
||||||
/deep/.el-input__inner {
|
// this.active = 'CollectionLaws'
|
||||||
/*@media screen and (min-width: 1920px) {*/
|
// } else if (collecttype === 'INLAND_STAND' || collecttype === 'FOREIGN_STAND' || collecttype === 'BUSINESS_STAND') {
|
||||||
/* height: 40px !important;*/
|
// this.active = 'CollectionStandard'
|
||||||
/* line-height: 40px !important;*/
|
// } else {
|
||||||
/*}*/
|
// this.active = 'CollectionDynamics'
|
||||||
}
|
// }
|
||||||
/deep/#labelInput {
|
// document.cookie = 'collectionType=' + ''
|
||||||
label {
|
}
|
||||||
/*@media screen and (min-width: 1920px) {*/
|
}
|
||||||
/* height: 40px !important;*/
|
</script>
|
||||||
/* line-height: 40px !important;*/
|
|
||||||
/*}*/
|
<style lang="less" scoped>
|
||||||
}
|
.my-collection {
|
||||||
}
|
height: calc(~'100% - 50px');
|
||||||
}
|
.panel-content-box{
|
||||||
</style>
|
height: 100%;
|
||||||
|
}
|
||||||
|
/deep/.el-input__inner {
|
||||||
|
/*@media screen and (min-width: 1920px) {*/
|
||||||
|
/* height: 40px !important;*/
|
||||||
|
/* line-height: 40px !important;*/
|
||||||
|
/*}*/
|
||||||
|
}
|
||||||
|
/deep/#labelInput {
|
||||||
|
label {
|
||||||
|
/*@media screen and (min-width: 1920px) {*/
|
||||||
|
/* height: 40px !important;*/
|
||||||
|
/* line-height: 40px !important;*/
|
||||||
|
/*}*/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -62,7 +62,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="其他附件" prop="model" class="add-form-item form-item-disabled">
|
<el-form-item label="其他附件" prop="model" class="add-form-item form-item-disabled">
|
||||||
<div v-if="form.modelList.length > 0">
|
<div v-if="form.modelList.length > 0">
|
||||||
<div v-for="(item, index) in form.modelList" class="fileClass" :key="index" style="margin-right: 5px;">
|
<div v-for="(item, index) in form.modelList" class="fileClass" :key="index" style="margin-right: 5px;padding-left: 10px;">
|
||||||
<span @click="fileLook(item)">{{ item.name }}</span>
|
<span @click="fileLook(item)">{{ item.name }}</span>
|
||||||
<el-button
|
<el-button
|
||||||
size="small"
|
size="small"
|
||||||
@@ -82,12 +82,12 @@
|
|||||||
style="display: none;"
|
style="display: none;"
|
||||||
clearable
|
clearable
|
||||||
></el-input>
|
></el-input>
|
||||||
<el-button type="primary" @click="choiceZRR">选择责任人</el-button>
|
<el-button type="primary" @click="choiceZRR" style="padding-left: 10px">选择责任人</el-button>
|
||||||
<div @click="choiceZRR">
|
<div @click="choiceZRR">
|
||||||
<div v-if="form.responUserListName" style="color: #666;">
|
<div v-if="form.responUserListName" style="color: #666;">
|
||||||
{{ form.responUserListName }}
|
{{ form.responUserListName }}
|
||||||
</div>
|
</div>
|
||||||
<div v-else style="color: #ccc;">
|
<div v-else style="color: #ccc;padding-left: 10px;" >
|
||||||
请选择责任人
|
请选择责任人
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -62,7 +62,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="其他附件" prop="model" class="add-form-item form-item-disabled">
|
<el-form-item label="其他附件" prop="model" class="add-form-item form-item-disabled">
|
||||||
<div v-if="form.modelList.length > 0">
|
<div v-if="form.modelList.length > 0">
|
||||||
<div v-for="(item, index) in form.modelList" class="fileClass" :key="index" style="margin-right: 5px;">
|
<div v-for="(item, index) in form.modelList" class="fileClass" :key="index" style="margin-right: 5px;padding-left: 10px;">
|
||||||
<span @click="fileLook(item)">{{ item.name }}</span>
|
<span @click="fileLook(item)">{{ item.name }}</span>
|
||||||
<el-button
|
<el-button
|
||||||
size="small"
|
size="small"
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -65,7 +65,7 @@ export default {
|
|||||||
if (item.permission) {
|
if (item.permission) {
|
||||||
return this.$hasPermission(item.permission)
|
return this.$hasPermission(item.permission)
|
||||||
} else {
|
} else {
|
||||||
return true
|
return false
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -114,6 +114,7 @@
|
|||||||
label="章节名称">
|
label="章节名称">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
|
prop="content"
|
||||||
align="center"
|
align="center"
|
||||||
label="修改意见内容(包括理由或依据)"
|
label="修改意见内容(包括理由或依据)"
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user