1442 lines
42 KiB
Vue
1442 lines
42 KiB
Vue
<template>
|
||
<div style="height: 100vh; color: #ffffff;">
|
||
<div class="home_v3">
|
||
<div class="information-container">
|
||
<div style="width: 100%; text-align: center;">
|
||
<div class="content-search" style="">
|
||
<div class="content-search-box">
|
||
<div class="home-select">
|
||
<el-select v-model="checkState">
|
||
<el-option
|
||
v-for="item in checkStateOptions"
|
||
:key="item.value"
|
||
:label="item.label"
|
||
:value="item.value">
|
||
</el-option>
|
||
</el-select>
|
||
</div>
|
||
<div class="line-box">
|
||
<div class="line"></div>
|
||
</div>
|
||
<div class="home-input">
|
||
<el-input
|
||
placeholder="What are you looking for？"
|
||
@keyup.native.enter="search"
|
||
v-model="checkContent">
|
||
</el-input>
|
||
</div>
|
||
<div class="search-btn-box" style="cursor: pointer;" >
|
||
<div class="search-btn" @click="search"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="information-card">
|
||
|
||
<el-tabs
|
||
style="width: calc(100% - 160px);"
|
||
type="card"
|
||
tab-position="left"
|
||
>
|
||
|
||
<el-tab-pane>
|
||
<template slot="label">
|
||
<tab-label icon="el-icon-document" label="我的消息" :badge-number="getDynamicTotal.msgCount"></tab-label>
|
||
</template>
|
||
|
||
<tab-list>
|
||
<tab-list-item
|
||
v-for="item in dynamicsList"
|
||
:key="item.id"
|
||
:title="item.msgTitle"
|
||
:time="item.creationTime"
|
||
@click="handleListItemClick('我的消息', item)"
|
||
></tab-list-item>
|
||
</tab-list>
|
||
</el-tab-pane>
|
||
<el-tab-pane>
|
||
<template slot="label">
|
||
<tab-label icon="el-icon-office-building" label="我的企标" :badge-number="getDynamicTotal.myStandCount"></tab-label>
|
||
</template>
|
||
|
||
<tab-list>
|
||
<tab-list-item
|
||
v-for="item in enterpriseStandardList"
|
||
:key="item.id"
|
||
:title="item.title"
|
||
:time="item.creationTime"
|
||
@click="handleListItemClick('我的企标', item)"
|
||
> </tab-list-item>
|
||
</tab-list>
|
||
</el-tab-pane>
|
||
<el-tab-pane>
|
||
<template slot="label">
|
||
<tab-label icon="el-icon-bell" label="待办任务" :badge-number="taskNumber"></tab-label>
|
||
</template>
|
||
|
||
<tab-list>
|
||
<tab-list-item
|
||
v-for="item in todoList"
|
||
:key="item.taskIds"
|
||
:title="item.prcName"
|
||
:time="item.creatTime"
|
||
@click="handleListItemClick('待办任务', item)"
|
||
></tab-list-item>
|
||
</tab-list>
|
||
</el-tab-pane>
|
||
<el-tab-pane>
|
||
<template slot="label">
|
||
<tab-label icon="el-icon-chat-dot-round" label="动态&资料"></tab-label>
|
||
</template>
|
||
|
||
<tab-list>
|
||
<tab-list-item
|
||
v-for="item in informationCenterList"
|
||
:key="item.id"
|
||
:title="item.title"
|
||
:time="item.creationTime"
|
||
@click="handleListItemClick('资料中心', item)"
|
||
></tab-list-item>
|
||
</tab-list>
|
||
</el-tab-pane>
|
||
|
||
<el-tab-pane>
|
||
<template slot="label">
|
||
<tab-label icon="el-icon-star-on" label="我的收藏"></tab-label>
|
||
</template>
|
||
|
||
<tab-list>
|
||
<tab-list-item
|
||
v-for="item in collectionList"
|
||
:key="item.id"
|
||
:title="item.collectTitle"
|
||
:time="item.creationTime"
|
||
@click="handleListItemClick('我的收藏', item)"
|
||
></tab-list-item>
|
||
</tab-list>
|
||
</el-tab-pane>
|
||
|
||
<el-tab-pane>
|
||
<template slot="label">
|
||
<tab-label icon="el-icon-view" label="我的浏览"></tab-label>
|
||
</template>
|
||
|
||
<tab-list>
|
||
<tab-list-item
|
||
v-for="item in browsingList"
|
||
:key="item.id"
|
||
:title="item.resTitle"
|
||
:time="item.creationTime"
|
||
@click="handleListItemClick('我的浏览', item)"
|
||
></tab-list-item>
|
||
</tab-list>
|
||
</el-tab-pane>
|
||
|
||
</el-tabs>
|
||
|
||
<div class="enter-card-box" style="">
|
||
<enter-card icon="icon-box home" label="标准法规库" path="/domesticStandardsAndRegulations"></enter-card>
|
||
<enter-card icon="icon-box liucheng" label="已发流程" path="/processCenter?tabsName=AlreadySend"></enter-card>
|
||
<enter-card icon="icon-box liucheng" label="发起流程" path="/"></enter-card>
|
||
<!--<enter-card icon="icon-box iconfont icon-duibi" label="标准比对库" path="/standardComparisonLibrary"></enter-card>-->
|
||
<!--<enter-card icon="icon-box iconfont icon-duibifenxi" label="标准比对" path="/standContrast"></enter-card>-->
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import TabLabel from '@/pages/home/components/TabLabel'
|
||
import TabList from '@/pages/home/components/TabList'
|
||
import TabListItem from '@/pages/home/components/TabListItem'
|
||
import EnterCard from '@/pages/home/components/EnterCard'
|
||
import {mapGetters, mapMutations} from 'vuex'
|
||
function getPlanStatusName (status) {
|
||
switch (status) {
|
||
case '1':
|
||
return '制定中'
|
||
case '2':
|
||
return '修订中'
|
||
case '3':
|
||
return '已发布'
|
||
case '4':
|
||
return '计划已确认(初始状态)'
|
||
}
|
||
}
|
||
|
||
export default {
|
||
name: 'information',
|
||
components: {EnterCard, TabListItem, TabList, TabLabel},
|
||
data() {
|
||
this.pagination = {
|
||
page: 1,
|
||
pageSize: 15
|
||
}
|
||
return {
|
||
taskNumber: 0,
|
||
// 当前查询状态
|
||
checkState: 'All',
|
||
// 查询内容
|
||
checkContent: '',
|
||
// 状态列表
|
||
checkStateOptions: [
|
||
{
|
||
label: '全部',
|
||
value: 'All'
|
||
},
|
||
{
|
||
label: '国内标准法规',
|
||
value: 'stand'
|
||
},
|
||
{
|
||
label: '海外标准法规', // value没改
|
||
value: 'bussstand'
|
||
},
|
||
{
|
||
label: '国内外政策',
|
||
value: 'laws'
|
||
},
|
||
{
|
||
label: '企业标准',
|
||
value: 'enterprise'
|
||
}
|
||
],
|
||
browsingList: [],
|
||
dynamicsList: [],
|
||
informationCenterList: [],
|
||
collectionList: [],
|
||
enterpriseStandardList: [],
|
||
todoList: []
|
||
}
|
||
},
|
||
computed: {
|
||
...mapGetters(['getDynamicTotal', 'getDynamicTotal'])
|
||
},
|
||
methods: {
|
||
...mapMutations(['setDynamicTotal', 'setHandleInfo']),
|
||
// 动态列表跳页
|
||
detailsJump (item) {
|
||
// 判断是否是审核类的消息
|
||
if (item.msgType === 'CONFIRM' || item.msgType === 'APPROVAL') {
|
||
} else {
|
||
// 是文本类型的可以跳转
|
||
if (item.readFlag === 0) {
|
||
let total = parseInt(this.getDynamicTotal.msgCount) - 1
|
||
let obj = {}
|
||
obj.allCount = parseInt(total + this.getDynamicTotal.shareCount)
|
||
obj.msgCount = total
|
||
obj.shareCount = parseInt(this.getDynamicTotal.shareCount)
|
||
if (obj.allCount > 0) {
|
||
this.setDynamicTotal(obj)
|
||
} else {
|
||
this.setDynamicTotal('')
|
||
}
|
||
}
|
||
if (item.msgType === 'SPLIT') {
|
||
this.$store.commit('setDetailMap', this.$route.path)
|
||
this.$router.push(item.returnAddress + '&auditFlag=' + (item.msgResult ? '0':'1') + '&auditId=' + item.id)
|
||
} else {
|
||
this.$store.commit('setDynamicsPage', this.page)
|
||
if (item.returnAddress) {
|
||
var pos = item.returnAddress.lastIndexOf('/')
|
||
var str = item.returnAddress.substring(0, pos)
|
||
this.$store.commit('setDetailMap', this.$route.path)
|
||
// this.$router.push(str + '/' + item.id)
|
||
this.$router.push({
|
||
name: str,
|
||
params: {
|
||
id: item.id
|
||
}
|
||
})
|
||
} else {
|
||
this.$store.commit('setDetailMap', this.$route.path)
|
||
this.$router.push({
|
||
name: 'DetailsJump',
|
||
params: {
|
||
id: item.id
|
||
// pageType: item.msgType,
|
||
// toPage: this.toPage
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
},
|
||
// 资料中心查看详情
|
||
informationDetails (information) {
|
||
this.$store.commit('setDetailMap', this.$route.path)
|
||
const route = this.$router.resolve({
|
||
name: 'DynamicInfomationDetails2',
|
||
query: {
|
||
id: information.id,
|
||
pageType: information.msgType + '_MSG'
|
||
}
|
||
})
|
||
window.open(route.href, '_blank')
|
||
},
|
||
|
||
// 我的收藏跳转
|
||
detailsDynamics (item) {
|
||
if (item.collectType === 'STAND_SPLIT') {
|
||
this.$store.commit('setDetailMap', this.$route.path)
|
||
let str = item.collectTitle.split('( 编号:')
|
||
const route = this.$router.resolve({
|
||
name: 'ItemSplitInfo',
|
||
query: {
|
||
infoId: item.collectResId,
|
||
standNumSplit: str[1].slice(0, str[1].length - 1),
|
||
standNameSplit: str[0]
|
||
}
|
||
})
|
||
window.open(route.href, '_blank')
|
||
|
||
} else if (item.collectType === 'RESOURCE_MSG') {
|
||
// 资料中心
|
||
this.$store.commit('setDetailMap', this.$route.path)
|
||
const route = this.$router.resolve({
|
||
name: 'DynamicInfomationDetails2',
|
||
query: {
|
||
id: item.collectResId,
|
||
pageType: item.collectType
|
||
}
|
||
})
|
||
window.open(route.href, '_blank')
|
||
} else if (item.collectType === 'INLAND_MSG') {
|
||
// 动态信息
|
||
const route = this.$router.resolve({
|
||
name: 'informationIndex2',
|
||
query: {
|
||
id: item.collectResId
|
||
}
|
||
})
|
||
window.open(route.href, '_blank')
|
||
} else if (item.collectType === 'FOREIGN_LAWS') {
|
||
this.$http.get('lawss/sarMenu/judgeSarMenuByRole', {
|
||
sarId: item.collectResId,
|
||
sarType: item.collectType
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
if (res.ok) {
|
||
// if (this.$hasPermission('A2HDHMEA6W')) {
|
||
let routeUrl = this.$router.resolve({
|
||
name: 'OtherLawsDetails',
|
||
params: {
|
||
id: item.collectResId,
|
||
pageType: item.collectType
|
||
}
|
||
})
|
||
window.open(routeUrl.href, '_blank')
|
||
// } else {
|
||
// this.$message.warning('无权访问')
|
||
// }
|
||
} else {
|
||
this.$message.error(res.message)
|
||
}
|
||
}, e => {
|
||
this.$message.error('无权访问')
|
||
})
|
||
} else if (item.collectType === 'INLAND_STAND' || item.collectType === 'FOREIGN_STAND' || 'BUSINESS_STAND') {
|
||
this.$http.get('lawss/sarMenu/judgeSarMenuByRole', {
|
||
sarId: item.collectResId,
|
||
sarType: item.collectType
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
if (res.ok) {
|
||
if (item.collectType === 'BUSINESS_STAND') {
|
||
// if (this.$hasPermission('YJUHC32R7G')) {
|
||
let routeUrl = this.$router.resolve({
|
||
name: 'OtherBussStandardDetails',
|
||
params: {
|
||
id: item.collectResId,
|
||
pageType: item.collectType
|
||
}
|
||
})
|
||
window.open(routeUrl.href, '_blank')
|
||
// } else {
|
||
// this.$message.warning('无权访问')
|
||
// }
|
||
} else {
|
||
//if (this.$hasPermission('SSA6WR4HV8')) {
|
||
let routeUrl = this.$router.resolve({
|
||
name: 'OtherStandardDetails',
|
||
params: {
|
||
id: item.collectResId,
|
||
pageType: item.collectType
|
||
}
|
||
})
|
||
window.open(routeUrl.href, '_blank')
|
||
// } else {
|
||
// this.$message.warning('无权访问')
|
||
// }
|
||
}
|
||
} else {
|
||
this.$message.error(res.message)
|
||
}
|
||
}, e => {
|
||
this.$message.error('无权访问')
|
||
})
|
||
}
|
||
},
|
||
|
||
// 我的浏览跳转
|
||
jumpDetails (item) {
|
||
let standItem = {}
|
||
standItem.collectResId = item.resId
|
||
standItem.collectType = item.cookieType
|
||
if (item.cookieType === 'INLAND_STAND' || item.cookieType === 'FOREIGN_STAND' || item.cookieType === 'BUSINESS_STAND') {
|
||
this.detailsStandard(standItem)
|
||
} else if (item.cookieType === 'INLAND_LAWS' || item.cookieType === 'FOREIGN_LAWS') {
|
||
this.detailsLaws(standItem)
|
||
} else if (item.cookieType === 'INLAND_MSG') {
|
||
this.$store.commit('setDetailMap', this.$route.path)
|
||
this.$router.push({
|
||
name: 'informationIndex2',
|
||
query: {
|
||
id: item.resId
|
||
}
|
||
})
|
||
} else if (item.cookieType === 'RESOURCE_MSG') {
|
||
this.$store.commit('setDetailMap', this.$route.path)
|
||
const route = this.$router.resolve({
|
||
name: 'DynamicInfomationDetails2',
|
||
query: {
|
||
id: item.resId,
|
||
pageType: 'RESOURCE_MSG'
|
||
}
|
||
})
|
||
window.open(route.href, '_blank')
|
||
} else {
|
||
this.detailsDynamics(standItem)
|
||
}
|
||
},
|
||
detailsStandard (item) {
|
||
this.$http.get('lawss/sarMenu/judgeSarMenuByRole', {
|
||
sarId: item.collectResId,
|
||
sarType: item.collectType
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
if (res.ok) {
|
||
if (item.collectType === 'BUSINESS_STAND') {
|
||
if (this.$hasPermission('YJUHC32R7G')) {
|
||
let routeUrl = this.$router.resolve({
|
||
name: 'OtherBussStandardDetails',
|
||
params: {
|
||
id: item.collectResId,
|
||
pageType: item.collectType
|
||
}
|
||
})
|
||
window.open(routeUrl.href, '_blank')
|
||
} else {
|
||
this.message.warning('无权访问')
|
||
}
|
||
} else {
|
||
if (this.$hasPermission('SSA6WR4HV8')) {
|
||
let routeUrl = this.$router.resolve({
|
||
name: 'OtherStandardDetails',
|
||
params: {
|
||
id: item.collectResId,
|
||
pageType: item.collectType
|
||
}
|
||
})
|
||
window.open(routeUrl.href, '_blank')
|
||
} else {
|
||
this.$message.warning('无权访问')
|
||
}
|
||
}
|
||
} else {
|
||
this.$message.error(res.message)
|
||
}
|
||
}, e => {
|
||
this.$message.error('无权访问')
|
||
})
|
||
},
|
||
detailsLaws (item) {
|
||
this.$http.get('lawss/sarMenu/judgeSarMenuByRole', {
|
||
sarId: item.collectResId,
|
||
sarType: item.collectType
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
if (res.ok) {
|
||
if (this.$hasPermission('A2HDHMEA6W')) {
|
||
let routeUrl = this.$router.resolve({
|
||
name: 'OtherLawsDetails',
|
||
params: {
|
||
id: item.collectResId,
|
||
pageType: item.collectType
|
||
}
|
||
})
|
||
window.open(routeUrl.href, '_blank')
|
||
} else {
|
||
this.$message.warning('无权访问')
|
||
}
|
||
} else {
|
||
this.$message.error(res.message)
|
||
}
|
||
}, e => {
|
||
this.$message.error('无权访问')
|
||
})
|
||
},
|
||
detailsDynamics2 (item) {
|
||
let routeUrl = this.$router.resolve({
|
||
name: 'OtherDomesticDynamicsDetails',
|
||
params: {
|
||
id: item.collectResId,
|
||
pageType: item.collectType
|
||
}
|
||
})
|
||
window.open(routeUrl.href, '_blank')
|
||
},
|
||
jumpToMyBusStandard(item) {
|
||
const route = this.$router.resolve('/MyEnterpriseStandard')
|
||
window.open(route.href, '_blank')
|
||
},
|
||
dealWith (row) {
|
||
this.setHandleInfo((JSON.stringify(row)))
|
||
const prcType = row.prcType
|
||
switch (prcType) {
|
||
// 法规入库及评估流程
|
||
case '1':
|
||
if (row.taskInfo === '再次下发') {
|
||
this.$router.push({
|
||
name: 'RuKuStep1',
|
||
query: {
|
||
taskIds: row.taskIds,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
prcType: row.prcType
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '填写FO') {
|
||
this.$router.push({
|
||
name: 'RuKuStep2',
|
||
query: {
|
||
taskIds: row.taskIds,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
prcType: row.prcType
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '填写SVPPS') {
|
||
this.$router.push({
|
||
name: 'RuKuStep3',
|
||
query: {
|
||
taskIds: row.taskIds,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
prcType: row.prcType
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '高级经理审批') {
|
||
this.$router.push({
|
||
name: 'RuKuStep4',
|
||
query: {
|
||
taskIds: row.taskIds,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
prcType: row.prcType
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '法规入库') {
|
||
this.$router.push({
|
||
name: 'RuKuStep5',
|
||
query: {
|
||
taskIds: row.taskIds,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
prcType: row.prcType
|
||
}
|
||
})
|
||
}
|
||
break
|
||
|
||
// 法规入库及评估流程
|
||
case '2':
|
||
if (row.taskInfo === '技术评估') {
|
||
this.$router.push({
|
||
name: 'handle',
|
||
query: {
|
||
taskIds: row.taskIds,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
prcType: row.prcType
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '再次下发' || row.taskInfo === '单条回退再次下发' || row.taskInfo === '回退再次下发'){
|
||
this.$router.push({
|
||
name: 'handle1',
|
||
query: {
|
||
newtype:'1',
|
||
taskIds: row.taskIds,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
prcType: row.prcType,
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '审核') {
|
||
this.$router.push({
|
||
name: 'handle2',
|
||
query: {
|
||
taskIds: row.taskIds,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
prcType: row.prcType
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '评估结果汇总') {
|
||
this.$router.push({
|
||
name: 'handle3',
|
||
query: {
|
||
taskIds: row.taskIds,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
prcType: row.prcType
|
||
}
|
||
})
|
||
}
|
||
break
|
||
|
||
// 项目评估流程
|
||
case '3':
|
||
if (row.taskInfo === '下发人员') {
|
||
this.$router.push({
|
||
name: 'XmpgSetp2'
|
||
})
|
||
} else if (row.taskInfo === '合规评估') {
|
||
this.$router.push({
|
||
name: 'XmpgSetp3'
|
||
})
|
||
} else if (row.taskInfo === '一级审批') {
|
||
this.$router.push({
|
||
name: 'XmpgSetp4'
|
||
})
|
||
} else if (row.taskInfo === '二级审批') {
|
||
this.$router.push({
|
||
name: 'XmpgSetp5'
|
||
})
|
||
} else if (row.taskInfo === '评估结果汇总') {
|
||
this.$router.push({
|
||
name: 'XmpgSetp6'
|
||
})
|
||
}
|
||
break
|
||
|
||
// 企标制修订流程
|
||
case '4':
|
||
if (row.taskInfo === '起草人重新编辑') {
|
||
this.$router.push({
|
||
name: 'qbzxdStep1',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '其他起草人审核') {
|
||
this.$router.push({
|
||
name: 'qbzxdStep2-1',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '其他联络人') {
|
||
this.$router.push({
|
||
name: 'qbzxdStep2-2',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === 'FO审批') {
|
||
this.$router.push({
|
||
name: 'qbzxdStep3-1',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '其他审核人审核') {
|
||
this.$router.push({
|
||
name: 'qbzxdStep3-2',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '高级经理审批') {
|
||
this.$router.push({
|
||
name: 'qbzxdStep4',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '企标工程师审批') {
|
||
this.$router.push({
|
||
name: 'qbzxdStep5',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
}
|
||
break
|
||
|
||
case '5':
|
||
if (row.taskInfo === '填写计划') {
|
||
this.$router.push({
|
||
name: 'zgStep2'
|
||
})
|
||
} else if (row.taskInfo === '审批计划') {
|
||
this.$router.push({
|
||
name: 'zgStep3'
|
||
})
|
||
} else if (row.taskInfo === '设计方案') {
|
||
this.$router.push({
|
||
name: 'zgStep4'
|
||
})
|
||
} else if (row.taskInfo === '审核设计') {
|
||
this.$router.push({
|
||
name: 'zgStep5'
|
||
})
|
||
} else if (row.taskInfo === '验证结果') {
|
||
this.$router.push({
|
||
name: 'zgStep6'
|
||
})
|
||
} else if (row.taskInfo === '审核验证') {
|
||
this.$router.push({
|
||
name: 'zgStep7'
|
||
})
|
||
} else if (row.taskInfo === '更改落实') {
|
||
this.$router.push({
|
||
name: 'zgStep8'
|
||
})
|
||
} else if (row.taskInfo === '审核更改') {
|
||
this.$router.push({
|
||
name: 'zgStep9'
|
||
})
|
||
}
|
||
break
|
||
|
||
case '6':
|
||
if (row.taskInfo === '起草人修订') {
|
||
this.$router.push({
|
||
name: 'QbzxdsqStep4'
|
||
})
|
||
} else if (row.taskInfo === 'FO审批') {
|
||
this.$router.push({
|
||
name: 'QbzxdsqStep2'
|
||
})
|
||
} else if (row.taskInfo === '高级经理审批') {
|
||
this.$router.push({
|
||
name: 'QbzxdsqStep3'
|
||
})
|
||
}
|
||
break
|
||
|
||
// 企标废止流程
|
||
case '7':
|
||
if (row.taskInfo === '主起草人重新发起') {
|
||
this.$router.push({
|
||
name: 'qbfzStep1',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === 'FO审批') {
|
||
this.$router.push({
|
||
name: 'qbfzStep2',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '高级经理审批') {
|
||
this.$router.push({
|
||
name: 'qbfzStep3',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '总监审批') {
|
||
this.$router.push({
|
||
name: 'qbfzStep4',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '企标工程师审批') {
|
||
this.$router.push({
|
||
name: 'qbfzStep5',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
}
|
||
break
|
||
|
||
// 企标延期制修订审批流程
|
||
case '8':
|
||
if (row.taskInfo === '高级经理审批') {
|
||
this.$router.push({
|
||
name: 'QbyqzxdspStep2'
|
||
})
|
||
} else if (row.taskInfo === '总监审批') {
|
||
this.$router.push({
|
||
name: 'QbyqzxdspStep3'
|
||
})
|
||
} else if (row.taskInfo === '主起草人重新申请') {
|
||
this.$router.push({
|
||
name: 'QbyqzxdspStep4'
|
||
})
|
||
}
|
||
break
|
||
// 采购流程
|
||
case '9':
|
||
if (row.taskInfo === '高级经理审批') {
|
||
this.$router.push({
|
||
path: '/bzcg/step2',
|
||
query: {
|
||
taskIds: row.taskIds,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '标准采购员审批') {
|
||
this.$router.push({
|
||
path: '/bzcg/step3',
|
||
query: {
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '项目经理或EQ总监审批') {
|
||
this.$router.push({
|
||
path: '/bzcg/step4',
|
||
query: {
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '再次发起申请') {
|
||
this.$router.push({
|
||
path: '/bzcg/step1-1',
|
||
query: {
|
||
id: row.id,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
}
|
||
break
|
||
// 会前流程
|
||
case '10':
|
||
if (row.taskInfo === 'EQ系统经理审批') {
|
||
this.$router.push({
|
||
name: 'HqsqStep2'
|
||
})
|
||
} else if (row.taskInfo === '参会人再次申请') {
|
||
this.$router.push({
|
||
name: 'HqsqStep3'
|
||
})
|
||
}
|
||
break
|
||
// 企标制修订评估流程
|
||
case '11':
|
||
if (row.taskInfo === 'FO审批') {
|
||
this.$router.push({
|
||
name: 'QbzxdpgStep2'
|
||
})
|
||
} else if (row.taskInfo === '主起草人填写') {
|
||
this.$router.push({
|
||
name: 'QbzxdpgStep3'
|
||
})
|
||
} else if (row.taskInfo === '高级经理审批') {
|
||
this.$router.push({
|
||
name: 'QbzxdpgStep4'
|
||
})
|
||
}
|
||
break
|
||
// 企标勘误流程
|
||
case '12':
|
||
if (row.taskInfo === 'FO审批') {
|
||
this.$router.push({
|
||
name: 'QbkwStep2'
|
||
})
|
||
} else if (row.taskInfo === '企标工程师审批') {
|
||
this.$router.push({
|
||
name: 'QbkwStep3'
|
||
})
|
||
} else if (row.taskInfo === '主起草人重新填写') {
|
||
this.$router.push({
|
||
name: 'QbkwStep4'
|
||
})
|
||
}
|
||
break
|
||
// 行政管理要求评估流程
|
||
case '13':
|
||
if (row.taskInfo === 'fo审批') {
|
||
this.$router.push({
|
||
name: 'ZcjspgStep2',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === 'fo填写时间'){
|
||
this.$router.push({
|
||
name: 'ZcjspgStep3',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '查看页面'){
|
||
this.$router.push({
|
||
name: 'ZcjspgStep4',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '再次下发'){
|
||
this.$router.push({
|
||
name: 'ZcjspgStep1-1',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
}
|
||
break
|
||
// 政策入库及技术评估
|
||
case '14':
|
||
if (row.taskInfo === '再次下发') {
|
||
this.$router.push({
|
||
name: 'zcrk&jspgStep1',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === 'FO填写SVPPS' || row.taskInfo === 'SVPPS及评估结果') {
|
||
this.$router.push({
|
||
name: 'zcrk&jspgStep2',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '标准采购员审批') {
|
||
this.$router.push({
|
||
path: '/bzfy/step3',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === 'FO审批') {
|
||
this.$router.push({
|
||
name: 'zcrk&jspgStep3',
|
||
query: {
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === 'FO填写时间' || row.taskInfo === 'FO审批（是否关闭）' ) {
|
||
this.$router.push({
|
||
name: 'zcrk&jspgStep3',
|
||
query: {
|
||
taskIds: row.taskIds,
|
||
taskInfo: row.taskInfo
|
||
}
|
||
})
|
||
}
|
||
break
|
||
|
||
// 标准翻译流程
|
||
case '15':
|
||
if (row.taskInfo === '高级经理审批') {
|
||
this.$router.push({
|
||
path: '/bzfy/step2',
|
||
query: {
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '标准采购员审批') {
|
||
this.$router.push({
|
||
path: '/bzfy/step3',
|
||
query: {
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '项目经理或EQ总监审批') {
|
||
this.$router.push({
|
||
path: '/bzfy/step4',
|
||
query: {
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
} else if (row.taskInfo === '再次发起申请') {
|
||
this.$router.push({
|
||
path: '/bzfy/step1-1',
|
||
query: {
|
||
id: row.id,
|
||
prcId: row.prcId,
|
||
prcNum: row.prcNum,
|
||
prcName: row.prcName,
|
||
taskIds: row.taskIds
|
||
}
|
||
})
|
||
}
|
||
break
|
||
// 会后管理流程
|
||
case '16':
|
||
if (row.taskInfo === '参会人申请') {
|
||
this.$router.push({
|
||
name: 'HhglStep1'
|
||
})
|
||
} else if (row.taskInfo === 'EQ系统经理审批') {
|
||
this.$router.push({
|
||
name: 'HhglStep2'
|
||
})
|
||
}
|
||
break
|
||
// 企标备案流程
|
||
case '17':
|
||
if (row.taskInfo === '会签审批') {
|
||
this.$router.push({
|
||
name: 'QbbaStep2'
|
||
})
|
||
} else if (row.taskInfo === '企标工程师审批') {
|
||
this.$router.push({
|
||
name: 'QbbaStep3'
|
||
})
|
||
} else if (row.taskInfo === '发起人修订') {
|
||
this.$router.push({
|
||
name: 'QbbaStep4'
|
||
})
|
||
} else if (row.taskInfo === 'VI总监审批') {
|
||
this.$router.push({
|
||
name: 'QbbaStep5'
|
||
})
|
||
} else if (row.taskInfo === '企标备案专家审批') {
|
||
this.$router.push({
|
||
name: 'QbbaStep6'
|
||
})
|
||
} else if (row.taskInfo === '项目总工审批') {
|
||
this.$router.push({
|
||
name: 'QbbaStep7'
|
||
})
|
||
} else if (row.taskInfo === '再次发起') {
|
||
this.$router.push({
|
||
name: 'QbbaStep8'
|
||
})
|
||
}
|
||
break
|
||
// 海外标准法规清单发布/更新流程
|
||
case '18':
|
||
if (row.taskInfo === '会签人审批') {
|
||
this.$router.push({
|
||
name: 'bzqdStep2'
|
||
})
|
||
} else if (row.taskInfo === '重新发起') {
|
||
this.$router.push({
|
||
name: 'bzqdStep3'
|
||
})
|
||
} else if (row.taskInfo === '发起人确认') {
|
||
this.$router.push({
|
||
name:'bzqdStep3'
|
||
})
|
||
}
|
||
break
|
||
}
|
||
},
|
||
|
||
handleListItemClick(type, data) {
|
||
const matcher = {
|
||
'待办任务': this.dealWith,
|
||
'我的消息': this.detailsJump,
|
||
'资料中心': this.informationDetails,
|
||
'我的收藏': this.detailsDynamics,
|
||
'我的浏览': this.jumpDetails,
|
||
'我的企标': this.jumpToMyBusStandard
|
||
}
|
||
matcher[type](data)
|
||
},
|
||
|
||
search () {
|
||
this.$router.push({
|
||
name: 'StandardSearch',
|
||
params: {
|
||
selectKey: this.checkState,
|
||
searchValue: this.checkContent || undefined
|
||
}
|
||
})
|
||
},
|
||
|
||
// 分页查询 我的浏览
|
||
selectBrowsing () {
|
||
return new Promise((resolve, reject) => {
|
||
this.$http.get('person/personCookies/page', {
|
||
page: this.pagination.page,
|
||
pageSize: this.pagination.pageSize,
|
||
userId: this.$store.getters.userInfo.userId
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
if (res.ok) {
|
||
resolve(res.data)
|
||
} else {
|
||
reject(res)
|
||
}
|
||
}, e => {
|
||
reject(e)
|
||
})
|
||
})
|
||
},
|
||
|
||
|
||
// 查找 动态列表
|
||
selectDynamics () {
|
||
return new Promise((resolve, reject) => {
|
||
this.$http.get('person/personMsg/page', {
|
||
page: this.pagination.page,
|
||
pageSize: this.pagination.pageSize,
|
||
userId: this.$store.getters.userInfo.userId
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
if (res.ok) {
|
||
resolve(res.data)
|
||
} else {
|
||
reject(res)
|
||
}
|
||
}, e => {
|
||
reject(e)
|
||
})
|
||
})
|
||
},
|
||
// 查询用户未读动态
|
||
queryByPersonMsg () {
|
||
this.$http.get('/person/personMsg/selectNotRed', {}, {
|
||
_this: this,
|
||
loading: 'loading'
|
||
}, res => {
|
||
this.setDynamicTotal(res.data)
|
||
}, e => {
|
||
})
|
||
},
|
||
...mapMutations(['setDynamicTotal']),
|
||
// 查找 资料中心
|
||
selectInformationCenter() {
|
||
return new Promise((resolve, reject) => {
|
||
this.$http.get('lawss/msgDynamicInfo/page', {
|
||
page: this.pagination.page,
|
||
pageSize: this.pagination.pageSize,
|
||
userId: this.$store.getters.userInfo.userId
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
if (res.ok) {
|
||
resolve(res.data)
|
||
} else {
|
||
reject(res)
|
||
}
|
||
}, e => {
|
||
reject(e)
|
||
})
|
||
})
|
||
},
|
||
|
||
// 查找 我的收藏
|
||
selectCollection() {
|
||
return new Promise((resolve, reject) => {
|
||
this.$http.get('person/personCollect/page', {
|
||
page: this.pagination.page,
|
||
pageSize: this.pagination.pageSize,
|
||
userId: this.$store.getters.userInfo.userId
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
if (res.ok) {
|
||
resolve(res.data)
|
||
} else {
|
||
reject(res)
|
||
}
|
||
}, e => {
|
||
reject(e)
|
||
})
|
||
})
|
||
},
|
||
|
||
// 查找 我的企标
|
||
selectEnterpriseStandard() {
|
||
return new Promise((resolve, reject) => {
|
||
this.$http.get('lawss/sarBussStandPlan/getSelfPage', {
|
||
page: this.pagination.page,
|
||
pageSize: this.pagination.pageSize,
|
||
userId: this.$store.getters.userInfo.userId
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
if (res.ok) {
|
||
resolve(res.data)
|
||
} else {
|
||
reject(res)
|
||
}
|
||
}, e => {
|
||
reject(e)
|
||
})
|
||
})
|
||
},
|
||
|
||
// 查找 待办任务
|
||
selectToDoList() {
|
||
return new Promise((resolve, reject) => {
|
||
this.$http.postData('lawss/activiti/todoTaskList', {
|
||
current: this.pagination.page,
|
||
size: this.pagination.pageSize,
|
||
userId: this.$store.getters.userInfo.userId
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
this.taskNumber = res.count
|
||
resolve(res)
|
||
}, e => {
|
||
reject(e)
|
||
})
|
||
})
|
||
},
|
||
},
|
||
created() {
|
||
Promise.all([
|
||
this.selectBrowsing(),
|
||
this.selectDynamics(),
|
||
this.selectInformationCenter(),
|
||
this.selectCollection(),
|
||
this.selectEnterpriseStandard(),
|
||
this.selectToDoList()
|
||
]).then(values => {
|
||
const [
|
||
browsingData,
|
||
dynamicsData,
|
||
informationCenterData,
|
||
collectionData,
|
||
enterpriseStandardData,
|
||
todoData
|
||
] = values
|
||
this.browsingList = browsingData.list
|
||
this.dynamicsList = dynamicsData.list
|
||
this.informationCenterList = informationCenterData.list
|
||
this.collectionList = collectionData.list
|
||
const enterpriseStandardList = enterpriseStandardData.list || []
|
||
this.enterpriseStandardList = enterpriseStandardList.map(item => {
|
||
return {
|
||
...item,
|
||
title: `[${getPlanStatusName(item.planStatus)}] ${item.cnName}`
|
||
}
|
||
})
|
||
this.todoList = todoData.list
|
||
})
|
||
},
|
||
mounted() {
|
||
this.queryByPersonMsg()
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
.home_v3 {
|
||
height: 100%;
|
||
//background: url("~@/assets/images/shangqi/home/home-bg.png") no-repeat;
|
||
background: url("~@/assets/images/shangqi/home/BG.png") no-repeat;
|
||
background-size: cover;
|
||
overflow: auto;
|
||
}
|
||
|
||
.content-search {
|
||
display: inline-block;
|
||
text-align: center;
|
||
color: #fff;
|
||
margin: 50px 0;
|
||
@media screen and (min-width: 1920px) {
|
||
margin: 100px 0;
|
||
}
|
||
.content-search-box{
|
||
background-color: #fff;
|
||
display: inline-flex;
|
||
align-items: center ;
|
||
width: 560px;
|
||
height: 48px;
|
||
/deep/.el-input__inner {
|
||
height: 46px;
|
||
padding: 0 34px;
|
||
}
|
||
.el-select {
|
||
display: inline-block;
|
||
width: 155px;
|
||
/deep/input.el-input__inner{
|
||
border: none;
|
||
color: #999999;
|
||
font-family: PingFang-SC-Bold;
|
||
}
|
||
}
|
||
.home-input{
|
||
display: inline-block;
|
||
width: 400px;
|
||
/deep/input.el-input__inner{
|
||
font-size: 16px;
|
||
border: none;
|
||
}
|
||
}
|
||
.line-box{
|
||
display: inline-block;
|
||
height: 46px;
|
||
width: 2px;
|
||
padding: 10px 0;
|
||
background-color: #fff;
|
||
.line{
|
||
display: inline-block;
|
||
height: 26px;
|
||
width: 1px;
|
||
background-color: #999;
|
||
}
|
||
}
|
||
.search-btn-box{
|
||
width: 55px;
|
||
height: 46px;
|
||
padding: 9px 0 10px 10px;
|
||
background-color: #fff;
|
||
.search-btn{
|
||
width: 25px;
|
||
height: 25px;
|
||
background: url("~@/assets/images/shangqi/home/search.png") no-repeat;
|
||
background-size: 100% 100%;
|
||
cursor:pointer
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.home-select {
|
||
/deep/input {
|
||
text-align: center;
|
||
}
|
||
}
|
||
|
||
.information-card {
|
||
width: 1210px;
|
||
height: 580px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
|
||
// 修改布局及 border
|
||
/deep/ .el-tabs {
|
||
position: relative;
|
||
height: 100%;
|
||
.el-tabs__header {
|
||
width: 155px;
|
||
margin: 0;
|
||
.el-tabs__item {
|
||
height: auto;
|
||
border: none;
|
||
}
|
||
}
|
||
.el-tabs__content {
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
width: calc(~'100% - 155px');
|
||
height: 100%;
|
||
.el-tab-pane {
|
||
height: 100%;
|
||
}
|
||
}
|
||
}
|
||
|
||
// 背景修改
|
||
/deep/ .el-tabs {
|
||
.el-tabs__header {
|
||
background: rgba(0, 72, 158, 0.8);
|
||
}
|
||
.el-tabs__content {
|
||
background: rgba(40, 98, 176, 0.8);
|
||
}
|
||
|
||
}
|
||
// border修改
|
||
/deep/ .el-tabs {
|
||
//border: 2px solid #4091FF;
|
||
// 先清空所有的border
|
||
.el-tabs__header, .el-tabs__nav, .el-tabs__item, .el-tabs__item.is-left.is-active, .el-tabs__item.is-left:first-child {
|
||
border: none;
|
||
}
|
||
|
||
.el-tabs__header {
|
||
overflow: hidden;
|
||
border: 2px solid #4091FF;
|
||
}
|
||
.el-tabs__content {
|
||
border: 2px solid #4091FF;
|
||
border-left: none;
|
||
}
|
||
}
|
||
|
||
/deep/.el-tabs__item
|
||
{
|
||
color: #ffffff;
|
||
padding: 0;
|
||
.wx-item .wx-label:hover {
|
||
background: linear-gradient(90deg, rgba(66, 143, 222, 0.1), rgba(66, 143, 222, 0.5) 47%, rgba(66, 143, 222, 0.5) 53%, rgba(66, 143, 222, 0.1));
|
||
}
|
||
&.is-active {
|
||
.wx-item .wx-label {
|
||
background: linear-gradient(90deg, rgba(66, 143, 222, 0.1), rgba(66, 143, 222, 0.5) 47%, rgba(66, 143, 222, 0.5) 53%, rgba(66, 143, 222, 0.1));
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
|
||
}
|
||
.information-container {
|
||
padding-bottom: 50px;
|
||
}
|
||
|
||
|
||
/deep/.icon-box{
|
||
display: inline-block;
|
||
width: 36px;
|
||
height: 36px;
|
||
&.iconfont {
|
||
font-size: 36px;
|
||
}
|
||
//margin-right: 13px;
|
||
&.home{
|
||
background: url("~@/assets/images/shangqi/home/firstPage-icon.png") no-repeat;
|
||
background-size: 100% 100%;
|
||
}
|
||
&.liucheng {
|
||
background-image: url("~assets/images/shangqi/sideBar/liucheng.png");
|
||
background-size: 100% 100%;
|
||
}
|
||
}
|
||
.enter-card-box {
|
||
.wx-card:not(:first-of-type) {
|
||
margin-top: 20px;
|
||
}
|
||
}
|
||
</style>
|