wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev

This commit is contained in:
gongjiale 2022-11-29 17:37:58 +08:00
parent a614479f50 3d90e73659
commit 2d381d808c
11 changed files with 415 additions and 301 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
front/src/App.vue
View File

@ -2,7 +2,7 @@
* @Author: hisense.wuhongjian * @Author: hisense.wuhongjian
* @Date: 2022-05-06 11:12:00 * @Date: 2022-05-06 11:12:00
* @LastEditors: Light * @LastEditors: Light
* @LastEditTime: 2022-11-24 10:53:41 * @LastEditTime: 2022-11-29 17:28:20
* @Description: 告诉大家这是什么 * @Description: 告诉大家这是什么
--> -->
<template> <template>
@ -19,13 +19,14 @@
import { getCategoryTreePage } from '@/api/personalCenter' import { getCategoryTreePage } from '@/api/personalCenter'
import zhCN from 'ant-design-vue/es/locale/zh_CN' import zhCN from 'ant-design-vue/es/locale/zh_CN'
import Cookies from 'js-cookie' import Cookies from 'js-cookie'
import { onBeforeUnmount, onMounted, watch, nextTick } from 'vue' import { onBeforeUnmount, onMounted, watch, ref } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import mybus from '@/myplugins/mybus' import mybus from '@/myplugins/mybus'
const router = useRouter() const router = useRouter()
const locale = zhCN const locale = zhCN
const token = Cookies.get('ucsToken') const token = Cookies.get('ucsToken')
const whoShow1 = ref(whoShow)
console.log('token=================>', token) console.log('token=================>', token)
let ws = new WebSocket( let ws = new WebSocket(
`ws://${window.SITE_CONFIG['websocketURL']}/websocket?token=${token}` `ws://${window.SITE_CONFIG['websocketURL']}/websocket?token=${token}`
@ -39,6 +40,13 @@
if (router.currentRoute.value.name === 'mynoticeView') { if (router.currentRoute.value.name === 'mynoticeView') {
mybus.emit('noticeListInit') mybus.emit('noticeListInit')
} }
// 判断当前路由是否是待办列表
if (
router.currentRoute.value.name === 'DetailsPageconetent' &&
whoShow1.value.itShowXiHaiAn
) {
mybus.emit('initDetailsPageconetent')
}
} }
ws.onerror = function (e) { ws.onerror = function (e) {
console.log('WebSocket连接异常============================>', e) console.log('WebSocket连接异常============================>', e)

16
front/src/store/modules/user.js
View File

@ -2,7 +2,7 @@
* @author chuzhixin 1204505056@qq.com * @author chuzhixin 1204505056@qq.com
* @description 登录、获取用户信息、退出登录、清除accessToken逻辑，不建议修改 * @description 登录、获取用户信息、退出登录、清除accessToken逻辑，不建议修改
*/ */
import { getUserInfo, login, logout } from '@/api/user' import { getUserInfo, login, logout, getRole } from '@/api/user'
import { import {
getAccessToken, getAccessToken,
removeAccessToken, removeAccessToken,
@ -20,6 +20,7 @@ const state = () => ({
userId: '', userId: '',
avatar: '', avatar: '',
role: 0, // 用户管理员权限 role: 0, // 用户管理员权限
roleList: [], // 用户管理员权限
}) })
const getters = { const getters = {
accessToken: (state) => state.accessToken, accessToken: (state) => state.accessToken,
@ -27,6 +28,7 @@ const getters = {
realName: (state) => state.realName, realName: (state) => state.realName,
avatar: (state) => state.avatar, avatar: (state) => state.avatar,
role: (state) => state.role, role: (state) => state.role,
roleList: (state) => state.roleList,
userId: (state) => state.userId, userId: (state) => state.userId,
deptName: (state) => state.deptName, deptName: (state) => state.deptName,
deptId: (state) => state.deptId, deptId: (state) => state.deptId,
@ -64,6 +66,9 @@ const mutations = {
setRole(state, role) { setRole(state, role) {
state.role = role state.role = role
}, },
setRoleList(state, role) {
state.roleList = role
},
// 设置用户userId // 设置用户userId
setUserId(state, id) { setUserId(state, id) {
state.userId = id state.userId = id
@ -146,6 +151,14 @@ const actions = {
commit('setUsername', res.data.data.username) commit('setUsername', res.data.data.username)
commit('setRealname', res.data.data.realName) commit('setRealname', res.data.data.realName)
commit('setRole', res.data.data.roleIdList.length) commit('setRole', res.data.data.roleIdList.length)
// 获取角色数据
const roleArr = []
res.data.data.roleIdList.map((val) => {
getRole(val).then((role) => {
roleArr.push(role.data.data.name)
})
})
commit('setRoleList', roleArr)
commit('setUserId', res.data.data.id) commit('setUserId', res.data.data.id)
commit('setDeptName', res.data.data.deptName) commit('setDeptName', res.data.data.deptName)
commit('setDeptId', res.data.data.deptId) commit('setDeptId', res.data.data.deptId)
@ -181,7 +194,6 @@ const actions = {
* @param {*} { commit, dispatch } * @param {*} { commit, dispatch }
*/ */
async resetAll({ dispatch }) { async resetAll({ dispatch }) {
await dispatch('setAccessToken', '') await dispatch('setAccessToken', '')
await dispatch('acl/setFull', false, { await dispatch('acl/setFull', false, {
root: true, root: true,

171
front/src/views/capacitySquare/components/algorithm.vue
View File

@ -22,7 +22,11 @@
</div> </div>
<div class="bottom" v-show="selectFlag2"> <div class="bottom" v-show="selectFlag2">
<span class="light"></span> <span class="light"></span>
<div v-for="val in dictList" :key="val" @click="changeAreaFunction(val)"> <div
v-for="val in dictList"
:key="val"
@click="changeAreaFunction(val)"
>
{{ val }} {{ val }}
</div> </div>
</div> </div>
@ -30,9 +34,18 @@
</div> </div>
<div class="algorithm-class"> <div class="algorithm-class">
<div v-for="(item, index) in dataList" :key="`algorithm-${index}`" class="algorithm-card"> <div
<a-image :src="algorithmCardPhoto(item)" :width="525" :height="275" :fallback="imgSrc" :preview="false"> v-for="(item, index) in dataList"
</a-image> :key="`algorithm-${index}`"
class="algorithm-card"
>
<a-image
:src="algorithmCardPhoto(item)"
:width="525"
:height="275"
:fallback="imgSrc"
:preview="false"
></a-image>
<a-tooltip> <a-tooltip>
<template #title>{{ item.name }}</template> <template #title>{{ item.name }}</template>
@ -46,75 +59,79 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import { getCategoryTreePage } from '@/api/personalCenter' import { getCategoryTreePage } from '@/api/personalCenter'
import { getGisByArea } from '@/api/home' import { getGisByArea } from '@/api/home'
import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue' import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const deptType = ref(null) const area = router.currentRoute.value.query.area
const typeName = ref('全市') const deptType = ref(null)
const typeName2 = ref('全部') const typeName = ref('全市')
const dictList = ref([]) const typeName2 = ref('全部')
const dataList = ref([]) if (area) {
const selectFlag2 = ref(false) typeName2.value = area
const selectFlag = ref(false) }
getCategoryTreePage({ const dictList = ref([])
const dataList = ref([])
const selectFlag2 = ref(false)
const selectFlag = ref(false)
getCategoryTreePage({
page: 1, page: 1,
limit: 99, limit: 99,
dictTypeId: '1513712507692818433', dictTypeId: '1513712507692818433',
}).then((res) => { }).then((res) => {
dictList.value = ['全部'] dictList.value = ['全部']
res.data.data.list.map((val) => { res.data.data.list.map((val) => {
// if (val.dictLabel !== '其他') { // if (val.dictLabel !== '其他') {
dictList.value.push(val.dictLabel) dictList.value.push(val.dictLabel)
// } // }
}) })
}) })
const params = { const params = {
pageNum: 1, pageNum: 1,
type: '智能算法', type: '智能算法',
area: typeName2.value == '全部' ? '' : typeName2.value, area: typeName2.value == '全部' ? '' : typeName2.value,
pageSize: 9 // 固定9 pageSize: 9, // 固定9
} }
// 切换领域 // 切换领域
const changeAreaFunction = (val) => { const changeAreaFunction = (val) => {
params.pageNum = 1; params.pageNum = 1
typeName2.value = val typeName2.value = val
params.area = typeName2.value == '全部' ? '' : typeName2.value; params.area = typeName2.value == '全部' ? '' : typeName2.value
selectFlag2.value = false selectFlag2.value = false
pageWithAttrsFunction() pageWithAttrsFunction()
} }
let algorithmclassDom = null let algorithmclassDom = null
const imgSrc = ref(require('@/assets/capacitySquare/algorithm-photo.jpg')) const imgSrc = ref(require('@/assets/capacitySquare/algorithm-photo.jpg'))
const dataLength = ref(true) const dataLength = ref(true)
const isNoMore = ref(false) const isNoMore = ref(false)
let url = ref('') let url = ref('')
const pageWithAttrsFunction = () => { const pageWithAttrsFunction = () => {
getGisByArea(params).then((res) => { getGisByArea(params).then((res) => {
dataList.value = res.data.data.list dataList.value = res.data.data.list
if (res.data.data.list.length < 9) { if (res.data.data.list.length < 9) {
dataLength.value = false dataLength.value = false
} }
}) })
} }
pageWithAttrsFunction() pageWithAttrsFunction()
//图片显示 //图片显示
const algorithmCardPhoto = (item) => { const algorithmCardPhoto = (item) => {
let _arr = [] let _arr = []
if(item.pic && typeof item.pic == 'string') { if (item.pic && typeof item.pic == 'string') {
_arr = JSON.parse(item.pic) _arr = JSON.parse(item.pic)
} }
let _img = _arr[0] && _arr[0].img || imgSrc.value; let _img = (_arr[0] && _arr[0].img) || imgSrc.value
console.log('_img------------>', _img); console.log('_img------------>', _img)
return _img return _img
} }
//跳转详情页 //跳转详情页
const detailFunction = (id) => { const detailFunction = (id) => {
window.open(window.SITE_CONFIG.previewUrl + `#/details?id=${id}`) window.open(window.SITE_CONFIG.previewUrl + `#/details?id=${id}`)
} }
const algorithmFunction = (e) => { const algorithmFunction = (e) => {
var scrollTop = e.currentTarget.scrollTop var scrollTop = e.currentTarget.scrollTop
var windowHeight = e.currentTarget.clientHeight var windowHeight = e.currentTarget.clientHeight
var scrollHeight = e.currentTarget.scrollHeight var scrollHeight = e.currentTarget.scrollHeight
@ -135,13 +152,13 @@ const algorithmFunction = (e) => {
} else { } else {
isNoMore.value = false isNoMore.value = false
} }
} }
// 切换区市 // 切换区市
const changeDeptType = (str) => { const changeDeptType = (str) => {
if (str) { if (str) {
if (algorithmclassDom) { if (algorithmclassDom) {
algorithmclassDom.scrollTop = 0; algorithmclassDom.scrollTop = 0
} }
switch (str) { switch (str) {
case '全市': case '全市':
@ -161,50 +178,58 @@ const changeDeptType = (str) => {
typeName.value = '企 业' typeName.value = '企 业'
break break
} }
params.pageNum = 1; params.pageNum = 1
if(deptType.value !== null && deptType.value !== undefined) { if (deptType.value !== null && deptType.value !== undefined) {
params.deptType = deptType.value; params.deptType = deptType.value
}else { } else {
if(Object.keys(params).includes('deptType')) { if (Object.keys(params).includes('deptType')) {
delete params.deptType delete params.deptType
} }
} }
} }
selectFlag.value = false selectFlag.value = false
getData(str) getData(str)
} }
const getData = (str) => { const getData = (str) => {
getGisByArea(params).then((res) => { getGisByArea(params).then((res) => {
const resData = res.data.data || {} const resData = res.data.data || {}
if (resData.list.length > 0 && resData.list.length < 9 && algorithmclassDom) { if (
resData.list.length > 0 &&
resData.list.length < 9 &&
algorithmclassDom
) {
algorithmclassDom.removeEventListener('scroll', algorithmFunction, true) algorithmclassDom.removeEventListener('scroll', algorithmFunction, true)
} }
dataList.value = resData.list || [] dataList.value = resData.list || []
nextTick(() => { nextTick(() => {
algorithmclassDom = document.querySelector('.algorithm-box') algorithmclassDom = document.querySelector('.algorithm-box')
if (str && algorithmclassDom) { if (str && algorithmclassDom) {
algorithmclassDom.removeEventListener('scroll', algorithmFunction, true) algorithmclassDom.removeEventListener(
'scroll',
algorithmFunction,
true
)
algorithmclassDom.addEventListener('scroll', algorithmFunction, true) algorithmclassDom.addEventListener('scroll', algorithmFunction, true)
} }
}) })
}) })
} }
onMounted(() => { onMounted(() => {
algorithmclassDom = document.querySelector('.algorithm-class') algorithmclassDom = document.querySelector('.algorithm-class')
if (dataLength.value) { if (dataLength.value) {
//监听滚动事件 //监听滚动事件
algorithmclassDom.addEventListener('scroll', algorithmFunction, true) algorithmclassDom.addEventListener('scroll', algorithmFunction, true)
} }
}) })
onBeforeUnmount(() => { onBeforeUnmount(() => {
algorithmclassDom.removeEventListener('scroll', algorithmFunction, true) algorithmclassDom.removeEventListener('scroll', algorithmFunction, true)
}) })
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.algorithm { .algorithm {
.select { .select {
margin: 0.1rem 0 0.1rem 0.2rem; margin: 0.1rem 0 0.1rem 0.2rem;
color: #fff; color: #fff;
@ -229,7 +254,8 @@ onBeforeUnmount(() => {
position: absolute; position: absolute;
top: 0.4rem; top: 0.4rem;
left: 1.52rem; left: 1.52rem;
background: url('~@/assets/capacitySquare/select-light1.png') no-repeat; background: url('~@/assets/capacitySquare/select-light1.png')
no-repeat;
background-size: 100%; background-size: 100%;
} }
} }
@ -250,11 +276,12 @@ onBeforeUnmount(() => {
position: absolute; position: absolute;
top: -0.08rem; top: -0.08rem;
left: -0.3rem; left: -0.3rem;
background: url('~@/assets/capacitySquare/select-light2.png') no-repeat; background: url('~@/assets/capacitySquare/select-light2.png')
no-repeat;
background-size: 100%; background-size: 100%;
} }
&>div { & > div {
width: 1.8rem; width: 1.8rem;
height: 0.4rem; height: 0.4rem;
line-height: 0.4rem; line-height: 0.4rem;
@ -262,7 +289,7 @@ onBeforeUnmount(() => {
border-top: 1px solid #aed5ff; border-top: 1px solid #aed5ff;
} }
&>div:nth-of-type(1) { & > div:nth-of-type(1) {
border: none; border: none;
} }
} }
@ -299,7 +326,8 @@ onBeforeUnmount(() => {
.algorithm-card-photo { .algorithm-card-photo {
height: 100%; height: 100%;
width: 100%; width: 100%;
background: url('~@/assets/capacitySquare/algorithm-photo.jpg') no-repeat; background: url('~@/assets/capacitySquare/algorithm-photo.jpg')
no-repeat;
background-size: 100%; background-size: 100%;
} }
@ -313,7 +341,8 @@ onBeforeUnmount(() => {
font-family: alibaba; font-family: alibaba;
bottom: 0.15rem; bottom: 0.15rem;
padding-left: 0.22rem; padding-left: 0.22rem;
background: url('~@/assets/capacitySquare/algorithm-title-bg.png') no-repeat; background: url('~@/assets/capacitySquare/algorithm-title-bg.png')
no-repeat;
background-size: 100%; background-size: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -349,5 +378,5 @@ onBeforeUnmount(() => {
width: 0.08rem; width: 0.08rem;
border-radius: 0.08rem; border-radius: 0.08rem;
} }
} }
</style> </style>

11
front/src/views/capacitySquare/components/application.vue
View File

@ -1,8 +1,8 @@
<!-- <!--
* @Author: hisense.liangjunhua * @Author: hisense.liangjunhua
* @Date: 2022-08-09 09:31:25 * @Date: 2022-08-09 09:31:25
* @LastEditors: hisense.wuhongjian * @LastEditors: Light
* @LastEditTime: 2022-10-24 10:44:50 * @LastEditTime: 2022-11-29 14:41:49
* @Description: 应用资源 * @Description: 应用资源
--> -->
<template> <template>
@ -57,12 +57,17 @@
import { selectAppList } from '@/api/home' import { selectAppList } from '@/api/home'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
const router = useRouter() const router = useRouter()
const selectArea = router.currentRoute.value.query.area
const pageNum = ref(1) const pageNum = ref(1)
const flag = ref(true) const flag = ref(true)
const type = ref(null) const type = ref(null)
const area = ref(null) const area = ref(null)
const typeName = ref('全市') const typeName = ref('全市')
const typeName2 = ref('全部') const typeName2 = ref('全部')
if (selectArea && selectArea !== '全部') {
typeName2.value = selectArea
area.value = selectArea
}
const dictList = ref([]) const dictList = ref([])
const data = reactive({ list: [] }) const data = reactive({ list: [] })
const selectFlag = ref(false) const selectFlag = ref(false)
@ -121,7 +126,7 @@
type: type.value, type: type.value,
area: area.value, area: area.value,
}).then((res) => { }).then((res) => {
console.log('res---应用广场--------->', res); console.log('res---应用广场--------->', res)
if (res.data.data.total.length < 9) { if (res.data.data.total.length < 9) {
dom.removeEventListener('scroll', viewMonitor, true) dom.removeEventListener('scroll', viewMonitor, true)

6
front/src/views/capacitySquare/components/layer.vue
View File

@ -60,9 +60,15 @@
import { getCategoryTreePage } from '@/api/personalCenter' import { getCategoryTreePage } from '@/api/personalCenter'
import { getGisByArea } from '@/api/home' import { getGisByArea } from '@/api/home'
import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue' import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const area = router.currentRoute.value.query.area
const deptType = ref(null) const deptType = ref(null)
const typeName = ref('全市') const typeName = ref('全市')
const typeName2 = ref('全部') const typeName2 = ref('全部')
if (area) {
typeName2.value = area
}
const dictList = ref([]) const dictList = ref([])
const dataList = ref([]) const dataList = ref([])
const selectFlag2 = ref(false) const selectFlag2 = ref(false)

23
front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue
View File

@ -8,8 +8,7 @@
></DetalsTitle> ></DetalsTitle>
</div> </div>
<!-- 青岛市局 --> <!-- 青岛市局 -->
<div style="width: 100%; display: flex; justify-content: center" <div style="width: 100%; display: flex; justify-content: center">
>
<div class="content" v-for="item in dataFrom.content" :key="item.title"> <div class="content" v-for="item in dataFrom.content" :key="item.title">
<div class="content-left" v-if="item.titleType === '调用接口'"> <div class="content-left" v-if="item.titleType === '调用接口'">
<div class="left"> <div class="left">
@ -97,12 +96,14 @@
<a-tooltip> <a-tooltip>
<template #title> <template #title>
{{ {{
approveStatus === '通过' approveStatus === '通过' || role
? item.people.value ? item.people.value
: '请申请后查看' : '请申请后查看'
}} }}
</template> </template>
<span :class="{ 'blur-word': approveStatus !== '通过' }"> <span
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
>
{{ item.people.value }} {{ item.people.value }}
</span> </span>
</a-tooltip> </a-tooltip>
@ -112,12 +113,14 @@
<a-tooltip> <a-tooltip>
<template #title> <template #title>
{{ {{
approveStatus === '通过' approveStatus === '通过' || role
? item.phone.value ? item.phone.value
: '请申请后查看' : '请申请后查看'
}} }}
</template> </template>
<span :class="{ 'blur-word': approveStatus !== '通过' }"> <span
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
>
{{ item.phone.value }} {{ item.phone.value }}
</span> </span>
</a-tooltip> </a-tooltip>
@ -169,7 +172,15 @@
import { ref, defineProps, watch } from 'vue' import { ref, defineProps, watch } from 'vue'
import { message } from 'ant-design-vue' import { message } from 'ant-design-vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
const router = useRouter() const router = useRouter()
const store = useStore()
const role = ref(false)
store.getters['user/roleList'].map((val) => {
if (val === '运维管理员') {
role.value = true
}
})
const approveStatus = ref('通过') const approveStatus = ref('通过')
const whoShow1 = ref(whoShow) const whoShow1 = ref(whoShow)

12
front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue
View File

@ -8,8 +8,7 @@
></DetalsTitle> ></DetalsTitle>
</div> </div>
<!-- 青岛市局 --> <!-- 青岛市局 -->
<div style="width: 100%; display: flex; justify-content: center" <div style="width: 100%; display: flex; justify-content: center">
>
<div class="content"> <div class="content">
<div <div
v-for="(item, index) in dataFrom.content" v-for="(item, index) in dataFrom.content"
@ -24,6 +23,7 @@
<a-tooltip <a-tooltip
v-if=" v-if="
approveStatus !== '通过' && approveStatus !== '通过' &&
!role &&
(carditem.attrType === '联系人' || (carditem.attrType === '联系人' ||
carditem.attrType === '联系人电话') carditem.attrType === '联系人电话')
" "
@ -55,7 +55,15 @@
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle' import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
import { ref, defineProps, watch } from 'vue' import { ref, defineProps, watch } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
const router = useRouter() const router = useRouter()
const store = useStore()
const role = ref(false)
store.getters['user/roleList'].map((val) => {
if (val === '运维管理员') {
role.value = true
}
})
const approveStatus = ref('通过') const approveStatus = ref('通过')
const whoShow1 = ref(whoShow) const whoShow1 = ref(whoShow)
let dataFrom = ref({ let dataFrom = ref({

23
front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
View File

@ -7,8 +7,7 @@
:type="dataFrom.englishTitle" :type="dataFrom.englishTitle"
></DetalsTitle> ></DetalsTitle>
</div> </div>
<div style="width: 100%; display: flex; justify-content: center" <div style="width: 100%; display: flex; justify-content: center">
>
<div class="content" v-for="item in dataFrom.content" :key="item.title"> <div class="content" v-for="item in dataFrom.content" :key="item.title">
<div class="content-left"> <div class="content-left">
<div class="left"> <div class="left">
@ -52,12 +51,14 @@
<a-tooltip> <a-tooltip>
<template #title> <template #title>
{{ {{
approveStatus === '通过' approveStatus === '通过' || role
? item.people.value ? item.people.value
: '请申请后查看' : '请申请后查看'
}} }}
</template> </template>
<span :class="{ 'blur-word': approveStatus !== '通过' }"> <span
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
>
{{ item.people.value }} {{ item.people.value }}
</span> </span>
</a-tooltip> </a-tooltip>
@ -67,12 +68,14 @@
<a-tooltip> <a-tooltip>
<template #title> <template #title>
{{ {{
approveStatus === '通过' approveStatus === '通过' || role
? item.phone.value ? item.phone.value
: '请申请后查看' : '请申请后查看'
}} }}
</template> </template>
<span :class="{ 'blur-word': approveStatus !== '通过' }"> <span
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
>
{{ item.phone.value }} {{ item.phone.value }}
</span> </span>
</a-tooltip> </a-tooltip>
@ -124,7 +127,15 @@
import { ref, defineProps, watch } from 'vue' import { ref, defineProps, watch } from 'vue'
import { message } from 'ant-design-vue' import { message } from 'ant-design-vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
const router = useRouter() const router = useRouter()
const store = useStore()
const role = ref(false)
store.getters['user/roleList'].map((val) => {
if (val === '运维管理员') {
role.value = true
}
})
const approveStatus = ref('通过') const approveStatus = ref('通过')
const whoShow1 = ref(whoShow) const whoShow1 = ref(whoShow)
let dataFrom = ref({ let dataFrom = ref({

13
front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
View File

@ -7,8 +7,7 @@
:type="dataFrom.englishTitle" :type="dataFrom.englishTitle"
></DetalsTitle> ></DetalsTitle>
</div> </div>
<div style="width: 100%; display: flex; justify-content: center" <div style="width: 100%; display: flex; justify-content: center">
>
<div class="content"> <div class="content">
<div class="content-card"> <div class="content-card">
<div class="left"> <div class="left">
@ -40,6 +39,7 @@
<template #title> <template #title>
{{ {{
approveStatus !== '通过' && approveStatus !== '通过' &&
!role &&
(carditem.attrType === '部门联系人' || (carditem.attrType === '部门联系人' ||
carditem.attrType === '联系人电话') carditem.attrType === '联系人电话')
? '请申请后查看' ? '请申请后查看'
@ -50,6 +50,7 @@
:class="{ :class="{
'blur-word': 'blur-word':
approveStatus !== '通过' && approveStatus !== '通过' &&
!role &&
(carditem.attrType === '部门联系人' || (carditem.attrType === '部门联系人' ||
carditem.attrType === '联系人电话'), carditem.attrType === '联系人电话'),
}" }"
@ -80,7 +81,15 @@
import { pinyin } from 'pinyin-pro' import { pinyin } from 'pinyin-pro'
import { message } from 'ant-design-vue' import { message } from 'ant-design-vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
const router = useRouter() const router = useRouter()
const store = useStore()
const role = ref(false)
store.getters['user/roleList'].map((val) => {
if (val === '运维管理员') {
role.value = true
}
})
const approveStatus = ref('通过') const approveStatus = ref('通过')
const whoShow1 = ref(whoShow) const whoShow1 = ref(whoShow)
let flag = ref(true) let flag = ref(true)

23
front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
View File

@ -7,8 +7,7 @@
:type="dataFrom.englishTitle" :type="dataFrom.englishTitle"
></DetalsTitle> ></DetalsTitle>
</div> </div>
<div style="width: 100%; display: flex; justify-content: center" <div style="width: 100%; display: flex; justify-content: center">
>
<div class="content" v-for="item in dataFrom.content" :key="item.title"> <div class="content" v-for="item in dataFrom.content" :key="item.title">
<div class="content-left"> <div class="content-left">
<div class="left"> <div class="left">
@ -63,12 +62,14 @@
<a-tooltip> <a-tooltip>
<template #title> <template #title>
{{ {{
approveStatus === '通过' approveStatus === '通过' || role
? item.people.value ? item.people.value
: '请申请后查看' : '请申请后查看'
}} }}
</template> </template>
<span :class="{ 'blur-word': approveStatus !== '通过' }"> <span
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
>
{{ item.people.value }} {{ item.people.value }}
</span> </span>
</a-tooltip> </a-tooltip>
@ -78,12 +79,14 @@
<a-tooltip> <a-tooltip>
<template #title> <template #title>
{{ {{
approveStatus === '通过' approveStatus === '通过' || role
? item.phone.value ? item.phone.value
: '请申请后查看' : '请申请后查看'
}} }}
</template> </template>
<span :class="{ 'blur-word': approveStatus !== '通过' }"> <span
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
>
{{ item.phone.value }} {{ item.phone.value }}
</span> </span>
</a-tooltip> </a-tooltip>
@ -135,7 +138,15 @@
import { pinyin } from 'pinyin-pro' import { pinyin } from 'pinyin-pro'
import { ref, defineProps, watch } from 'vue' import { ref, defineProps, watch } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
const router = useRouter() const router = useRouter()
const store = useStore()
const role = ref(false)
store.getters['user/roleList'].map((val) => {
if (val === '运维管理员') {
role.value = true
}
})
const approveStatus = ref('通过') const approveStatus = ref('通过')
const whoShow1 = ref(whoShow) const whoShow1 = ref(whoShow)
let dataFrom = ref({ let dataFrom = ref({

6
front/src/views/home/infrastructureApplication.vue
View File

@ -2,7 +2,7 @@
* @Author: Light * @Author: Light
* @Date: 2022-11-18 11:53:43 * @Date: 2022-11-18 11:53:43
* @LastEditors: Light * @LastEditors: Light
* @LastEditTime: 2022-11-29 11:50:25 * @LastEditTime: 2022-11-29 17:28:02
* @Description: 告诉大家这是什么 * @Description: 告诉大家这是什么
--> -->
<template> <template>
@ -447,8 +447,12 @@
} }
} }
}) })
mybus.on('initDetailsPageconetent', () => {
initApply()
})
onBeforeUnmount(() => { onBeforeUnmount(() => {
mybus.off('selectCamera') mybus.off('selectCamera')
mybus.off('initDetailsPageconetent')
}) })
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>