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