审批和前台应用详情
This commit is contained in:
851673013@qq.com
parent
3ad0e3e77c
commit
4a52c2cf78
|
|
@ -1,22 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="wrapper"></div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
components: {},
|
|
||||||
props: {},
|
|
||||||
data () {
|
|
||||||
return {}
|
|
||||||
},
|
|
||||||
watch: {},
|
|
||||||
computed: {},
|
|
||||||
methods: {},
|
|
||||||
created () {},
|
|
||||||
mounted () {}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.wrapper {
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -168,20 +168,6 @@ export default {
|
||||||
this.dataView = val.filter(
|
this.dataView = val.filter(
|
||||||
(item) => item.name === this.dataForm.type + '一'
|
(item) => item.name === this.dataForm.type + '一'
|
||||||
)[0]
|
)[0]
|
||||||
console.log(this.dataView)
|
|
||||||
console.log(this.dataForm)
|
|
||||||
// 应用描述
|
|
||||||
// this.dataView.children[0].children[0].children[4].note1 =
|
|
||||||
// this.dataForm.description
|
|
||||||
// 应用名称
|
|
||||||
// this.dataView.children[0].children[0].children[0].note1 =
|
|
||||||
// this.dataForm.name
|
|
||||||
// 共享条件
|
|
||||||
this.dataView.children[2].children[1].children[0].note1 =
|
|
||||||
this.dataForm.shareCondition
|
|
||||||
// 共享类型
|
|
||||||
this.dataView.children[2].children[1].children[1].note1 =
|
|
||||||
this.dataForm.shareType
|
|
||||||
this.dataForm.infoList.map((item, index) => {
|
this.dataForm.infoList.map((item, index) => {
|
||||||
this.dataView.children.map((itemView, indexView) => {
|
this.dataView.children.map((itemView, indexView) => {
|
||||||
// console.log('itemView', itemView)
|
// console.log('itemView', itemView)
|
||||||
|
|
@ -236,12 +222,16 @@ export default {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
if (item.attrType === '功能介绍') {
|
if (item.attrType === '功能介绍') {
|
||||||
this.dataForm.infoList[index].attrValue = JSON.parse(
|
this.dataForm.infoList[index].attrValue = JSON.parse(
|
||||||
item.attrValue
|
item.attrValue
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
console.log(this.dataView)
|
||||||
|
console.log(this.dataForm)
|
||||||
|
debugger
|
||||||
} else {
|
} else {
|
||||||
const componentType = this.dataForm.infoList.filter(
|
const componentType = this.dataForm.infoList.filter(
|
||||||
(item) => item.attrType === '组件类型'
|
(item) => item.attrType === '组件类型'
|
||||||
|
|
@ -318,7 +308,11 @@ export default {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
if (item.attrType === '算法优势' || item.attrType === '应用场景') {
|
if (
|
||||||
|
item.attrType === '算法优势' ||
|
||||||
|
item.attrType === '应用场景' ||
|
||||||
|
item.attrType === '功能介绍'
|
||||||
|
) {
|
||||||
this.dataForm.infoList[index].attrValue = JSON.parse(
|
this.dataForm.infoList[index].attrValue = JSON.parse(
|
||||||
item.attrValue
|
item.attrValue
|
||||||
)
|
)
|
||||||
|
|
|
||||||
|
|
@ -7,9 +7,6 @@
|
||||||
@keyup.enter.native="dataFormSubmitHandle()"
|
@keyup.enter.native="dataFormSubmitHandle()"
|
||||||
:label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
|
:label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
|
||||||
>
|
>
|
||||||
<div v-if="shifoushizujian">
|
|
||||||
<Applicationresources></Applicationresources>
|
|
||||||
</div>
|
|
||||||
<div v-if="flagShow">
|
<div v-if="flagShow">
|
||||||
<ResourcesAndServices
|
<ResourcesAndServices
|
||||||
:dataForm="dataForm"
|
:dataForm="dataForm"
|
||||||
|
|
@ -39,13 +36,21 @@
|
||||||
<div class="agreeOr">
|
<div class="agreeOr">
|
||||||
<h3>审批</h3>
|
<h3>审批</h3>
|
||||||
<div>
|
<div>
|
||||||
<el-radio-group v-model="agreeOrList" style="width:230px;">
|
<el-radio-group v-model="agreeOrList" style="width: 230px">
|
||||||
<el-radio-button label="同意" class="blueAll">同意</el-radio-button>
|
<el-radio-button label="同意" class="blueAll">同意</el-radio-button>
|
||||||
<el-radio-button label="退回" class="redAll">退回</el-radio-button>
|
<el-radio-button label="退回" class="redAll">退回</el-radio-button>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<el-input v-if="agreeOrList ==='同意' " v-model="inputAgree" placeholder="请输入同意意见"></el-input>
|
<el-input
|
||||||
<el-input v-if="agreeOrList ==='退回'" v-model="inputNo" placeholder="请输入退回意见"></el-input>
|
v-if="agreeOrList === '同意'"
|
||||||
<el-button class="inputBule" @click="agreeOrNot">提交</el-button>
|
v-model="inputAgree"
|
||||||
|
placeholder="请输入同意意见"
|
||||||
|
></el-input>
|
||||||
|
<el-input
|
||||||
|
v-if="agreeOrList === '退回'"
|
||||||
|
v-model="inputNo"
|
||||||
|
placeholder="请输入退回意见"
|
||||||
|
></el-input>
|
||||||
|
<el-button class="inputBule" @click="agreeOrNot">提交</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -53,7 +58,6 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import processModule from '@/mixins/process-module'
|
import processModule from '@/mixins/process-module'
|
||||||
import Applicationresources from './Application-resources.vue'
|
|
||||||
import ResourcesAndServices from './ResourcesAndServices.vue'
|
import ResourcesAndServices from './ResourcesAndServices.vue'
|
||||||
import debounce from 'lodash/debounce'
|
import debounce from 'lodash/debounce'
|
||||||
import qs from 'qs'
|
import qs from 'qs'
|
||||||
|
|
@ -62,7 +66,6 @@ export default {
|
||||||
// 注入公共方法
|
// 注入公共方法
|
||||||
// mixins: [processModule],
|
// mixins: [processModule],
|
||||||
components: {
|
components: {
|
||||||
Applicationresources,
|
|
||||||
ResourcesAndServices
|
ResourcesAndServices
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
|
|
@ -146,64 +149,72 @@ export default {
|
||||||
// }
|
// }
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
agreeOrNot: debounce(function () {
|
agreeOrNot: debounce(
|
||||||
if (this.agreeOrList === '同意') {
|
function () {
|
||||||
console.log('this.dataForm.taskId', this.taskId)
|
if (this.agreeOrList === '同意') {
|
||||||
const params = qs.stringify({
|
console.log('this.dataForm.taskId', this.taskId)
|
||||||
taskId: this.taskId,
|
const params = qs.stringify({
|
||||||
comment: this.inputAgree
|
taskId: this.taskId,
|
||||||
})
|
comment: this.inputAgree
|
||||||
console.log(params)
|
|
||||||
this.$http.post('/act/task/complete?' + params).then(({ data: res }) => {
|
|
||||||
if (res.code !== 0) {
|
|
||||||
this.$message.error(res.msg)
|
|
||||||
if (this.callbacks.taskHandleErrorCallback) {
|
|
||||||
this.callbacks.taskHandleErrorCallback(res)
|
|
||||||
}
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.$message({
|
|
||||||
message: this.$t('prompt.success'),
|
|
||||||
type: 'success',
|
|
||||||
duration: 500,
|
|
||||||
onClose: () => {
|
|
||||||
this.visible = false
|
|
||||||
if (this.callbacks.taskHandleSuccessCallback) {
|
|
||||||
this.callbacks.taskHandleSuccessCallback(res)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
}).catch(() => {})
|
console.log(params)
|
||||||
} else if (this.agreeOrList === '退回') {
|
this.$http
|
||||||
console.log('this.dataForm.taskId', this.taskId)
|
.post('/act/task/complete?' + params)
|
||||||
const params = qs.stringify({
|
.then(({ data: res }) => {
|
||||||
taskId: this.taskId,
|
if (res.code !== 0) {
|
||||||
comment: this.inputNo
|
this.$message.error(res.msg)
|
||||||
})
|
if (this.callbacks.taskHandleErrorCallback) {
|
||||||
this.$http.post('/act/task/backToFirst?', params).then(({ data: res }) => {
|
this.callbacks.taskHandleErrorCallback(res)
|
||||||
if (res.code !== 0) {
|
}
|
||||||
this.$message.error(res.msg)
|
return
|
||||||
if (this.callbacks.taskHandleErrorCallback) {
|
|
||||||
this.callbacks.taskHandleErrorCallback(res)
|
|
||||||
}
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.$message({
|
|
||||||
message: this.$t('prompt.success'),
|
|
||||||
type: 'success',
|
|
||||||
duration: 500,
|
|
||||||
onClose: () => {
|
|
||||||
this.visible = false
|
|
||||||
if (this.callbacks.taskHandleSuccessCallback) {
|
|
||||||
this.callbacks.taskHandleSuccessCallback(res)
|
|
||||||
}
|
}
|
||||||
}
|
this.$message({
|
||||||
|
message: this.$t('prompt.success'),
|
||||||
|
type: 'success',
|
||||||
|
duration: 500,
|
||||||
|
onClose: () => {
|
||||||
|
this.visible = false
|
||||||
|
if (this.callbacks.taskHandleSuccessCallback) {
|
||||||
|
this.callbacks.taskHandleSuccessCallback(res)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
} else if (this.agreeOrList === '退回') {
|
||||||
|
console.log('this.dataForm.taskId', this.taskId)
|
||||||
|
const params = qs.stringify({
|
||||||
|
taskId: this.taskId,
|
||||||
|
comment: this.inputNo
|
||||||
})
|
})
|
||||||
})
|
this.$http
|
||||||
}
|
.post('/act/task/backToFirst?', params)
|
||||||
}, 1000, { leading: true, trailing: false })
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
this.$message.error(res.msg)
|
||||||
|
if (this.callbacks.taskHandleErrorCallback) {
|
||||||
|
this.callbacks.taskHandleErrorCallback(res)
|
||||||
|
}
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.$message({
|
||||||
|
message: this.$t('prompt.success'),
|
||||||
|
type: 'success',
|
||||||
|
duration: 500,
|
||||||
|
onClose: () => {
|
||||||
|
this.visible = false
|
||||||
|
if (this.callbacks.taskHandleSuccessCallback) {
|
||||||
|
this.callbacks.taskHandleSuccessCallback(res)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
1000,
|
||||||
|
{ leading: true, trailing: false }
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
|
||||||
|
|
@ -8,172 +8,211 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="application-details" :class="{ fixed2: scrollTop >= 600 }">
|
<div class="application-details" :class="{ fixed2: scrollTop >= 600 }">
|
||||||
<!-- 头部基本信息 -->
|
<!-- 头部基本信息 -->
|
||||||
<application-top-details :dataList="dataList.data"></application-top-details>
|
<application-top-details
|
||||||
|
:dataList="dataList.data"
|
||||||
|
></application-top-details>
|
||||||
<!-- 导航 -->
|
<!-- 导航 -->
|
||||||
<application-navigation :dataList="dataList.data" :associatedComponents="associatedComponents"
|
<application-navigation
|
||||||
:class="{ fixed: scrollTop >= 600 }" :selectNow="selectNow"></application-navigation>
|
:dataList="dataList.data"
|
||||||
|
:associatedComponents="associatedComponents"
|
||||||
|
:class="{ fixed: scrollTop >= 600 }"
|
||||||
|
:selectNow="selectNow"
|
||||||
|
></application-navigation>
|
||||||
<!-- 关联能力 -->
|
<!-- 关联能力 -->
|
||||||
<application-associated-ability v-if="!loading" :associatedComponents="associatedComponents"
|
<application-associated-ability
|
||||||
id="application-associated-ability" class="scrollBox"></application-associated-ability>
|
v-if="!loading"
|
||||||
|
:associatedComponents="associatedComponents"
|
||||||
|
id="application-associated-ability"
|
||||||
|
class="scrollBox"
|
||||||
|
></application-associated-ability>
|
||||||
<!-- 应用展示 视频 -->
|
<!-- 应用展示 视频 -->
|
||||||
<application-presentation :dataList="dataList.data" id="application-presentation" class="scrollBox">
|
<application-presentation
|
||||||
</application-presentation>
|
:dataList="dataList.data"
|
||||||
|
id="application-presentation"
|
||||||
|
class="scrollBox"
|
||||||
|
></application-presentation>
|
||||||
<!-- 关联组件 -->
|
<!-- 关联组件 -->
|
||||||
<application-associated-components :dataList="dataList.data" id="application-associated-components"
|
<application-associated-components
|
||||||
class="scrollBox" v-if="false"></application-associated-components>
|
:dataList="dataList.data"
|
||||||
|
id="application-associated-components"
|
||||||
|
class="scrollBox"
|
||||||
|
v-if="false"
|
||||||
|
></application-associated-components>
|
||||||
|
|
||||||
<!-- 功能介绍-->
|
<!-- 功能介绍-->
|
||||||
<application-function-intorduction :dataList="dataList.data" id="function-introduction" class="scrollBox">
|
<application-function-intorduction
|
||||||
</application-function-intorduction>
|
:dataList="dataList.data"
|
||||||
|
id="function-introduction"
|
||||||
|
class="scrollBox"
|
||||||
|
></application-function-intorduction>
|
||||||
|
<!--应用详情-->
|
||||||
|
<application-ability-trial
|
||||||
|
:dataList="dataList.data"
|
||||||
|
id="application-ability-trial"
|
||||||
|
class="scrollBox"
|
||||||
|
></application-ability-trial>
|
||||||
<!-- 使用能力 -->
|
<!-- 使用能力 -->
|
||||||
<application-ability-toise :dataList="dataList.data" id="ability-to-use" class="scrollBox">
|
<application-ability-toise
|
||||||
</application-ability-toise>
|
:dataList="dataList.data"
|
||||||
|
id="ability-to-use"
|
||||||
|
class="scrollBox"
|
||||||
|
></application-ability-toise>
|
||||||
<!-- 部署与安全-->
|
<!-- 部署与安全-->
|
||||||
<application-deployment-and-security :dataList="dataList.data" id="deployment-and-security" class="scrollBox">
|
<application-deployment-and-security
|
||||||
</application-deployment-and-security>
|
:dataList="dataList.data"
|
||||||
|
id="deployment-and-security"
|
||||||
|
class="scrollBox"
|
||||||
|
></application-deployment-and-security>
|
||||||
<!-- 归属部门与服务商-->
|
<!-- 归属部门与服务商-->
|
||||||
<application-owning-department-and-service-provider :dataList="dataList.data" id="department-and-service-provider"
|
<application-owning-department-and-service-provider
|
||||||
class="scrollBox"></application-owning-department-and-service-provider>
|
:dataList="dataList.data"
|
||||||
|
id="department-and-service-provider"
|
||||||
|
class="scrollBox"
|
||||||
|
></application-owning-department-and-service-provider>
|
||||||
<!-- 常见问题-->
|
<!-- 常见问题-->
|
||||||
<application-common-problem :dataList="dataList.data" id="common-problem" class="scrollBox">
|
<application-common-problem
|
||||||
</application-common-problem>
|
:dataList="dataList.data"
|
||||||
|
id="common-problem"
|
||||||
|
class="scrollBox"
|
||||||
|
></application-common-problem>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import ApplicationAbilityToise from '@/views/detailsAll/components/Application/ApplicationAbilityToise.vue'
|
import ApplicationAbilityToise from '@/views/detailsAll/components/Application/ApplicationAbilityToise.vue'
|
||||||
import ApplicationAssociatedComponents from '@/views/detailsAll/components/Application/ApplicationAssociatedComponents.vue'
|
import ApplicationAssociatedComponents from '@/views/detailsAll/components/Application/ApplicationAssociatedComponents.vue'
|
||||||
import ApplicationAssociatedAbility from '@/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue'
|
import ApplicationAssociatedAbility from '@/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue'
|
||||||
import ApplicationOwningDepartmentAndServiceProvider from '@/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue'
|
import ApplicationOwningDepartmentAndServiceProvider from '@/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue'
|
||||||
import ApplicationFunctionIntorduction from '@/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue'
|
import ApplicationFunctionIntorduction from '@/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue'
|
||||||
import ApplicationDeploymentAndSecurity from '@/views/detailsAll/components/Application/ApplicationDeploymentAndSecurity.vue'
|
import ApplicationDeploymentAndSecurity from '@/views/detailsAll/components/Application/ApplicationDeploymentAndSecurity.vue'
|
||||||
import ApplicationTopDetails from '@/views/detailsAll/components/Application/ApplicationTopDetails.vue'
|
import ApplicationTopDetails from '@/views/detailsAll/components/Application/ApplicationTopDetails.vue'
|
||||||
import ApplicationNavigation from '@/views/detailsAll/components/Application/ApplicationNavigation.vue'
|
import ApplicationNavigation from '@/views/detailsAll/components/Application/ApplicationNavigation.vue'
|
||||||
import ApplicationPresentation from '@/views/detailsAll/components/Application/ApplicationPresentation.vue'
|
import ApplicationPresentation from '@/views/detailsAll/components/Application/ApplicationPresentation.vue'
|
||||||
import ApplicationCommonProblem from '@/views/detailsAll/components/Application/ApplicationCommonProblem' //常见问题
|
import ApplicationAbilityTrial from '@/views/detailsAll/components/Application/ApplicationAbilityTrial.vue'
|
||||||
import { ref, onMounted, onBeforeUnmount, reactive } from 'vue'
|
import ApplicationCommonProblem from '@/views/detailsAll/components/Application/ApplicationCommonProblem' //常见问题
|
||||||
import { useRouter } from 'vue-router'
|
import { ref, onMounted, onBeforeUnmount, reactive } from 'vue'
|
||||||
import {
|
import { useRouter } from 'vue-router'
|
||||||
updateVisits,
|
import {
|
||||||
selectOne,
|
updateVisits,
|
||||||
queryPartAppByKeyId,
|
selectOne,
|
||||||
browsingInsert,
|
queryPartAppByKeyId,
|
||||||
} from '@/api/home'
|
browsingInsert,
|
||||||
import mybus from '@/myplugins/mybus'
|
} from '@/api/home'
|
||||||
const associatedComponents = ref([{ type: '组件服务', dataList: [] }])
|
import mybus from '@/myplugins/mybus'
|
||||||
let loading = ref(true)
|
const associatedComponents = ref([{ type: '组件服务', dataList: [] }])
|
||||||
const router = useRouter()
|
let loading = ref(true)
|
||||||
const scrollTop = ref(0)
|
const router = useRouter()
|
||||||
const domArr = ref([])
|
const scrollTop = ref(0)
|
||||||
const selectNow = ref('')
|
const domArr = ref([])
|
||||||
const dataList = reactive({ data: {} })
|
const selectNow = ref('')
|
||||||
const id = router.currentRoute.value.query.id
|
const dataList = reactive({ data: {} })
|
||||||
const obj = JSON.parse(window.sessionStorage.getItem('preview'))
|
const id = router.currentRoute.value.query.id
|
||||||
document.documentElement.style.transition = 'all 0.3s ease'
|
const obj = JSON.parse(window.sessionStorage.getItem('preview'))
|
||||||
document.documentElement.scrollTop = 0
|
document.documentElement.style.transition = 'all 0.3s ease'
|
||||||
document.body.style.transition = 'all 0.3s ease'
|
document.documentElement.scrollTop = 0
|
||||||
document.body.scrollTop = 0
|
document.body.style.transition = 'all 0.3s ease'
|
||||||
mybus.on('flyToView', (id) => {
|
document.body.scrollTop = 0
|
||||||
let top = document.querySelector('#' + id).offsetTop - 50
|
mybus.on('flyToView', (id) => {
|
||||||
// console.log(top, document.querySelector('#' + id).offsetTop-50)
|
let top = document.querySelector('#' + id).offsetTop - 50
|
||||||
document.documentElement.scrollTop = top
|
// console.log(top, document.querySelector('#' + id).offsetTop-50)
|
||||||
document.body.scrollTop = top
|
document.documentElement.scrollTop = top
|
||||||
})
|
document.body.scrollTop = top
|
||||||
onMounted(() => {
|
})
|
||||||
// console.clear()
|
onMounted(() => {
|
||||||
window.addEventListener('scroll', () => {
|
// console.clear()
|
||||||
domArr.value = document.querySelectorAll('.scrollBox')
|
window.addEventListener('scroll', () => {
|
||||||
scrollTop.value =
|
domArr.value = document.querySelectorAll('.scrollBox')
|
||||||
document.documentElement.scrollTop || document.body.scrollTop
|
scrollTop.value =
|
||||||
for (let i = 0; i < domArr.value.length; i++) {
|
document.documentElement.scrollTop || document.body.scrollTop
|
||||||
if (i === 0) {
|
for (let i = 0; i < domArr.value.length; i++) {
|
||||||
if (scrollTop.value <= domArr.value[i + 1].offsetTop - 50) {
|
if (i === 0) {
|
||||||
selectNow.value = domArr.value[i].id
|
if (scrollTop.value <= domArr.value[i + 1].offsetTop - 50) {
|
||||||
}
|
selectNow.value = domArr.value[i].id
|
||||||
} else if (i == domArr.value.length - 1) {
|
}
|
||||||
if (scrollTop.value >= domArr.value[i].offsetTop - 50) {
|
} else if (i == domArr.value.length - 1) {
|
||||||
selectNow.value = domArr.value[i].id
|
if (scrollTop.value >= domArr.value[i].offsetTop - 50) {
|
||||||
}
|
selectNow.value = domArr.value[i].id
|
||||||
} else {
|
}
|
||||||
if (
|
} else {
|
||||||
scrollTop.value >= domArr.value[i].offsetTop - 50 &&
|
if (
|
||||||
scrollTop.value <= domArr.value[i + 1].offsetTop - 50
|
scrollTop.value >= domArr.value[i].offsetTop - 50 &&
|
||||||
) {
|
scrollTop.value <= domArr.value[i + 1].offsetTop - 50
|
||||||
selectNow.value = domArr.value[i].id
|
) {
|
||||||
}
|
selectNow.value = domArr.value[i].id
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
})
|
})
|
||||||
})
|
|
||||||
|
|
||||||
const init = (id) => {
|
const init = (id) => {
|
||||||
if (id) {
|
if (id) {
|
||||||
selectOne(id).then((res) => {
|
selectOne(id).then((res) => {
|
||||||
// console.clear()
|
// console.clear()
|
||||||
dataList.data = res.data.data
|
dataList.data = res.data.data
|
||||||
const arrList = ref([])
|
const arrList = ref([])
|
||||||
arrList.value = JSON.parse(window.sessionStorage.getItem('visits'))
|
arrList.value = JSON.parse(window.sessionStorage.getItem('visits'))
|
||||||
console.log(
|
console.log(
|
||||||
'初始化详情页=========================>',
|
'初始化详情页=========================>',
|
||||||
dataList.data,
|
dataList.data,
|
||||||
arrList.value
|
arrList.value
|
||||||
)
|
)
|
||||||
if (arrList.value && arrList.value.indexOf(id) === -1) {
|
if (arrList.value && arrList.value.indexOf(id) === -1) {
|
||||||
arrList.value.push(id)
|
arrList.value.push(id)
|
||||||
updateVisits({
|
updateVisits({
|
||||||
id: res.data.data.id,
|
id: res.data.data.id,
|
||||||
visits: res.data.data.visits || '0',
|
visits: res.data.data.visits || '0',
|
||||||
|
}).then(() => {
|
||||||
|
window.sessionStorage.setItem(
|
||||||
|
'visits',
|
||||||
|
JSON.stringify(arrList.value)
|
||||||
|
)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 浏览记录
|
||||||
|
browsingInsert({
|
||||||
|
resourceId: res.data.data.id,
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
window.sessionStorage.setItem(
|
console.log('浏览记录+1')
|
||||||
'visits',
|
|
||||||
JSON.stringify(arrList.value)
|
|
||||||
)
|
|
||||||
})
|
})
|
||||||
}
|
|
||||||
// 浏览记录
|
|
||||||
browsingInsert({
|
|
||||||
resourceId: res.data.data.id,
|
|
||||||
}).then(() => {
|
|
||||||
console.log('浏览记录+1')
|
|
||||||
})
|
})
|
||||||
})
|
associatedComponents.value.map((item, index) => {
|
||||||
associatedComponents.value.map((item, index) => {
|
let queryPartAppByKeyIdParams = {
|
||||||
let queryPartAppByKeyIdParams = {
|
keyId: id,
|
||||||
keyId: id,
|
type: item.type,
|
||||||
type: item.type,
|
}
|
||||||
}
|
queryPartAppByKeyId(queryPartAppByKeyIdParams).then((res) => {
|
||||||
queryPartAppByKeyId(queryPartAppByKeyIdParams).then((res) => {
|
associatedComponents.value[0].dataList = res.data.data
|
||||||
associatedComponents.value[0].dataList = res.data.data
|
loading.value = false
|
||||||
loading.value = false
|
})
|
||||||
})
|
})
|
||||||
})
|
} else if (obj) {
|
||||||
} else if (obj) {
|
dataList.data = obj
|
||||||
dataList.data = obj
|
console.log('预览==============', obj)
|
||||||
console.log('预览==============', obj)
|
}
|
||||||
}
|
}
|
||||||
}
|
const associatedComponentsFunction = () => {
|
||||||
const associatedComponentsFunction = () => {
|
if (
|
||||||
if (
|
associatedComponents.value[0].dataList.length > 0 ||
|
||||||
associatedComponents.value[0].dataList.length > 0 ||
|
associatedComponents.value[1].dataList.length > 0 ||
|
||||||
associatedComponents.value[1].dataList.length > 0 ||
|
associatedComponents.value[2].dataList.length > 0
|
||||||
associatedComponents.value[2].dataList.length > 0
|
) {
|
||||||
) {
|
return associatedComponents.value
|
||||||
return associatedComponents.value
|
}
|
||||||
}
|
}
|
||||||
}
|
init(id)
|
||||||
init(id)
|
onBeforeUnmount(() => {
|
||||||
onBeforeUnmount(() => {
|
mybus.off('flyToView')
|
||||||
mybus.off('flyToView')
|
})
|
||||||
})
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.fixed {
|
.fixed {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 2000;
|
z-index: 2000;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fixed2>div:nth-of-type(3) {
|
.fixed2 > div:nth-of-type(3) {
|
||||||
margin-top: 0.84rem;
|
margin-top: 0.84rem;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,184 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.liangjunhua
|
||||||
|
* @Date: 2022-06-09 09:29:29
|
||||||
|
* @LastEditors: hisense.liangjunhua
|
||||||
|
* @LastEditTime: 2022-06-13 15:21:26
|
||||||
|
* @Description: 应用详情
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="algorithm-on-trial" v-if="true">
|
||||||
|
<detals-title title="应用详情" type="PROBATION"></detals-title>
|
||||||
|
<div class="main">
|
||||||
|
<div class="main-left">
|
||||||
|
<p>{{ dataFrom.linkName }}</p>
|
||||||
|
<p style="cursor: pointer" @click="clickLink(dataFrom.link)">
|
||||||
|
{{ dataFrom.link }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="main-center">
|
||||||
|
<p>{{ dataFrom.numberName }}</p>
|
||||||
|
<p>{{ dataFrom.number }}</p>
|
||||||
|
<div @click="copyFunction(dataFrom.number, '复制账号')">复制账号</div>
|
||||||
|
</div>
|
||||||
|
<div class="main-right">
|
||||||
|
<p>{{ dataFrom.passwordName }}</p>
|
||||||
|
<p>{{ dataFrom.password }}</p>
|
||||||
|
<div @click="copyFunction(dataFrom.password2, '复制密码')">
|
||||||
|
复制密码
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle.vue'
|
||||||
|
import { ref, defineProps, watch } from 'vue'
|
||||||
|
import { message } from 'ant-design-vue'
|
||||||
|
let flag = ref(true)
|
||||||
|
const props = defineProps({
|
||||||
|
dataList: { type: Object, default: null },
|
||||||
|
})
|
||||||
|
const dataFrom = ref({
|
||||||
|
linkName: '访问地址',
|
||||||
|
link: 'http://localhost:8080/#/detailsfdddffffffffffffffdfgdfgdfdgdfgdfg',
|
||||||
|
numberName: '试用账号',
|
||||||
|
number: 'zhangfeihu',
|
||||||
|
passwordName: '试用密码',
|
||||||
|
password: '**************************',
|
||||||
|
password2: '',
|
||||||
|
})
|
||||||
|
if (props.dataList.infoList) {
|
||||||
|
// let obj = props.dataList.infoList.filter(
|
||||||
|
// (item) => item.attrType === '是否支持试用' && item.attrValue === '是'
|
||||||
|
// )[0]
|
||||||
|
// if (obj) {
|
||||||
|
// flag.value = false
|
||||||
|
// } else {
|
||||||
|
props.dataList.infoList.map((item) => {
|
||||||
|
if (item.attrType == '访问地址') {
|
||||||
|
debugger
|
||||||
|
dataFrom.value.link = item.attrValue
|
||||||
|
} else if (item.attrType == '试用用户名') {
|
||||||
|
dataFrom.value.number = item.attrValue
|
||||||
|
} else if (item.attrType == '试用密码') {
|
||||||
|
dataFrom.value.password2 = item.attrValue
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
const clickLink = (link) => {
|
||||||
|
window.open(link)
|
||||||
|
}
|
||||||
|
//复制方法
|
||||||
|
const copyFunction = (data, name) => {
|
||||||
|
let url = data
|
||||||
|
let oInput = document.createElement('input')
|
||||||
|
oInput.value = url
|
||||||
|
document.body.appendChild(oInput)
|
||||||
|
oInput.select() // 选择对象;
|
||||||
|
console.log(oInput.value)
|
||||||
|
document.execCommand('Copy') // 执行浏览器复制命令
|
||||||
|
oInput.remove() // 执行浏览器复制命令
|
||||||
|
message.success(name + '成功')
|
||||||
|
}
|
||||||
|
message.config({
|
||||||
|
top: '100px', // 距离顶部的位置
|
||||||
|
})
|
||||||
|
// const success = () => {
|
||||||
|
// message.success({
|
||||||
|
// // content: 'This is a prompt message with custom className and style',
|
||||||
|
// className: 'custom-class',
|
||||||
|
// style: {},
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
watch(
|
||||||
|
() => props.dataList,
|
||||||
|
(val) => {
|
||||||
|
if (val) {
|
||||||
|
// let obj = val.infoList.filter(
|
||||||
|
// (item) => item.attrType === '是否支持试用' && item.attrValue === '是'
|
||||||
|
// )[0]
|
||||||
|
// if (!obj) {
|
||||||
|
// flag.value = false
|
||||||
|
// } else {
|
||||||
|
props.dataList.infoList.map((item) => {
|
||||||
|
if (item.attrType == '访问地址') {
|
||||||
|
dataFrom.value.link = item.attrValue
|
||||||
|
} else if (item.attrType == '试用用户名') {
|
||||||
|
dataFrom.value.number = item.attrValue
|
||||||
|
} else if (item.attrType == '试用密码') {
|
||||||
|
dataFrom.value.password2 = item.attrValue
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.algorithm-on-trial {
|
||||||
|
padding: 0.8rem 0px 0.8rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
.main {
|
||||||
|
margin-top: 0.3rem;
|
||||||
|
width: 13rem;
|
||||||
|
height: 2.5rem;
|
||||||
|
background: url('~@/assets/detailsAll/kfzj_sybg.png') no-repeat;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 33.33% 33.33% 33.33%;
|
||||||
|
align-items: center;
|
||||||
|
.main-left {
|
||||||
|
border-right: 0.01rem #ffffff solid;
|
||||||
|
padding-left: 0.7rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
& > p {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.main-center {
|
||||||
|
padding-left: 1rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
.main-right {
|
||||||
|
padding-right: 0.7rem;
|
||||||
|
}
|
||||||
|
& > div > p:first-child {
|
||||||
|
font-size: 0.26rem;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
& > div > p:nth-child(2) {
|
||||||
|
font-size: 0.22rem;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 0.34rem;
|
||||||
|
}
|
||||||
|
& > div:first-child > p:last-child {
|
||||||
|
text-decoration: underline;
|
||||||
|
word-wrap: break-word;
|
||||||
|
word-break: normal;
|
||||||
|
}
|
||||||
|
& > div > div:last-child {
|
||||||
|
height: 0.34rem;
|
||||||
|
width: 1.1rem;
|
||||||
|
border: 0.01rem solid #ffffff;
|
||||||
|
border-radius: 0.06rem;
|
||||||
|
font-size: 0.18rem;
|
||||||
|
color: #ffffff;
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0.34rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
.custom-class {
|
||||||
|
/* top: 100px; */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -75,13 +75,14 @@
|
||||||
attrValue: '是',
|
attrValue: '是',
|
||||||
}
|
}
|
||||||
dataFrom.value.content[1].childrenContent.push(isAndNo)
|
dataFrom.value.content[1].childrenContent.push(isAndNo)
|
||||||
} else if (item.attrType === '访问地址') {
|
|
||||||
let obj = {
|
|
||||||
attrType: '访问地址',
|
|
||||||
attrValue: item.attrValue || '------',
|
|
||||||
}
|
|
||||||
dataFrom.value.content[0].childrenContent.push(obj)
|
|
||||||
}
|
}
|
||||||
|
// } else if (item.attrType === '访问地址') {
|
||||||
|
// let obj = {
|
||||||
|
// attrType: '访问地址',
|
||||||
|
// attrValue: item.attrValue || '------',
|
||||||
|
// }
|
||||||
|
// dataFrom.value.content[0].childrenContent.push(obj)
|
||||||
|
// }
|
||||||
})
|
})
|
||||||
if (dataFrom.value.content[1].childrenContent.length <= 0) {
|
if (dataFrom.value.content[1].childrenContent.length <= 0) {
|
||||||
let data = [
|
let data = [
|
||||||
|
|
@ -99,12 +100,12 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//访问地址跳转方法
|
// //访问地址跳转方法
|
||||||
const addressFunction = (name, itemValue) => {
|
// const addressFunction = (name, itemValue) => {
|
||||||
if (name == '访问地址') {
|
// if (name == '访问地址') {
|
||||||
window.open(itemValue)
|
// window.open(itemValue)
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
watch(
|
watch(
|
||||||
() => props.dataList,
|
() => props.dataList,
|
||||||
(val) => {
|
(val) => {
|
||||||
|
|
@ -125,13 +126,14 @@
|
||||||
attrValue: '是',
|
attrValue: '是',
|
||||||
}
|
}
|
||||||
dataFrom.value.content[1].childrenContent.push(isAndNo)
|
dataFrom.value.content[1].childrenContent.push(isAndNo)
|
||||||
} else if (item.attrType === '访问地址') {
|
|
||||||
let obj = {
|
|
||||||
attrType: '访问地址',
|
|
||||||
attrValue: item.attrValue || '------',
|
|
||||||
}
|
|
||||||
dataFrom.value.content[0].childrenContent.push(obj)
|
|
||||||
}
|
}
|
||||||
|
// } else if (item.attrType === '访问地址') {
|
||||||
|
// let obj = {
|
||||||
|
// attrType: '访问地址',
|
||||||
|
// attrValue: item.attrValue || '------',
|
||||||
|
// }
|
||||||
|
// dataFrom.value.content[0].childrenContent.push(obj)
|
||||||
|
// }
|
||||||
})
|
})
|
||||||
if (dataFrom.value.content[1].childrenContent.length <= 0) {
|
if (dataFrom.value.content[1].childrenContent.length <= 0) {
|
||||||
debugger
|
debugger
|
||||||
|
|
|
||||||
|
|
@ -41,6 +41,10 @@
|
||||||
name: '使用能力',
|
name: '使用能力',
|
||||||
key: 'ability-to-use',
|
key: 'ability-to-use',
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: '应用详情',
|
||||||
|
key: 'application-ability-trial',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: '部署与安全',
|
name: '部署与安全',
|
||||||
key: 'deployment-and-security',
|
key: 'deployment-and-security',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue