Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev
This commit is contained in:
commit
4a4a4b3d35
|
|
@ -136,7 +136,15 @@ export default {
|
|||
return this.$message.error(this.$t('task.detailError'))
|
||||
}
|
||||
this.getProcDefRouteSet(row, this.forwardDetail)
|
||||
},
|
||||
methodsThree () {
|
||||
this.$http.get('/category/getCategoryTree').then((res) => {
|
||||
localStorage.setItem('getCategoryTree', JSON.stringify(res.data.data))
|
||||
})
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.methodsThree()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="wrapper">
|
||||
<el-form :model="dataView">
|
||||
<el-form>
|
||||
<div v-for="(item, index) in dataView.children" :key="item">
|
||||
<!-- <div class="dataTitle">{{ item.name }}</div> -->
|
||||
<div v-for="itemson in item.children" :key="itemson.name">
|
||||
|
|
@ -234,8 +234,68 @@ export default {
|
|||
if (item) {
|
||||
this.dataList = item
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
videoAndImg (link) {
|
||||
if (link) {
|
||||
window.open(link)
|
||||
} else {
|
||||
this.$message({
|
||||
message: '未上传',
|
||||
type: 'warning'
|
||||
})
|
||||
}
|
||||
},
|
||||
insertList (val) {
|
||||
deptName () {
|
||||
console.log(this.dataForm.deptId)
|
||||
this.$http
|
||||
.get(`/sys/dept/${this.dataForm.deptId}`)
|
||||
.then(({ data: res }) => {
|
||||
console.log(res.data.name, 'res')
|
||||
this.unit = res.data.name
|
||||
})
|
||||
},
|
||||
queryPartAppByKeyIdFunction (index, indexSon, indexSonSon) {
|
||||
if (this.dataForm.type === '组件服务') {
|
||||
this.$http
|
||||
.get(
|
||||
'/dataResourceRel/queryApp4PartByKeyId' +
|
||||
'?keyId=' +
|
||||
this.dataForm.id
|
||||
)
|
||||
.then(({ data: res }) => {
|
||||
this.dataView.children[index].children[indexSon].children[
|
||||
indexSonSon
|
||||
].note1 = ''
|
||||
res.data.map((item) => {
|
||||
this.dataView.children[index].children[indexSon].children[
|
||||
indexSonSon
|
||||
].note1 += item.name + ';'
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$http
|
||||
.get(
|
||||
'/dataResourceRel/queryPart4AppByKeyId?keyId=' +
|
||||
this.dataForm.id +
|
||||
'&type=' +
|
||||
'组件服务'
|
||||
)
|
||||
.then(({ data: res }) => {
|
||||
this.dataView.children[index].children[indexSon].children[
|
||||
indexSonSon
|
||||
].note1 = ''
|
||||
res.data.map((item) => {
|
||||
this.dataView.children[index].children[indexSon].children[
|
||||
indexSonSon
|
||||
].note1 += item.name + ';'
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
insertListFunction (val) {
|
||||
if (val) {
|
||||
if (this.dataForm.type === '应用资源') {
|
||||
this.dataView = val.filter(
|
||||
|
|
@ -423,69 +483,10 @@ export default {
|
|||
}
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
videoAndImg (link) {
|
||||
if (link) {
|
||||
window.open(link)
|
||||
} else {
|
||||
this.$message({
|
||||
message: '未上传',
|
||||
type: 'warning'
|
||||
})
|
||||
}
|
||||
},
|
||||
deptName () {
|
||||
console.log(this.dataForm.deptId)
|
||||
this.$http
|
||||
.get(`/sys/dept/${this.dataForm.deptId}`)
|
||||
.then(({ data: res }) => {
|
||||
console.log(res.data.name, 'res')
|
||||
this.unit = res.data.name
|
||||
})
|
||||
},
|
||||
queryPartAppByKeyIdFunction (index, indexSon, indexSonSon) {
|
||||
if (this.dataForm.type === '组件服务') {
|
||||
this.$http
|
||||
.get(
|
||||
'/dataResourceRel/queryApp4PartByKeyId' +
|
||||
'?keyId=' +
|
||||
this.dataForm.id
|
||||
)
|
||||
.then(({ data: res }) => {
|
||||
this.dataView.children[index].children[indexSon].children[
|
||||
indexSonSon
|
||||
].note1 = ''
|
||||
res.data.map((item) => {
|
||||
this.dataView.children[index].children[indexSon].children[
|
||||
indexSonSon
|
||||
].note1 += item.name + ';'
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$http
|
||||
.get(
|
||||
'/dataResourceRel/queryPart4AppByKeyId?keyId=' +
|
||||
this.dataForm.id +
|
||||
'&type=' +
|
||||
'组件服务'
|
||||
)
|
||||
.then(({ data: res }) => {
|
||||
this.dataView.children[index].children[indexSon].children[
|
||||
indexSonSon
|
||||
].note1 = ''
|
||||
res.data.map((item) => {
|
||||
this.dataView.children[index].children[indexSon].children[
|
||||
indexSonSon
|
||||
].note1 += item.name + ';'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
created () {},
|
||||
mounted () {
|
||||
this.deptName()
|
||||
this.insertListFunction(this.insertList)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -37,8 +37,8 @@
|
|||
<h3>审批</h3>
|
||||
<div>
|
||||
<el-button type="primary" @click="showDialog('同意')">同意</el-button>
|
||||
<el-button type="danger" plain @click="showDialog('拒绝')"
|
||||
>拒绝</el-button
|
||||
<el-button type="danger" plain @click="showDialog('驳回')"
|
||||
>驳回</el-button
|
||||
>
|
||||
<!-- <el-radio-group v-model="agreeOrList" style="width: 230px">
|
||||
<el-radio-button label="同意" class="blueAll">同意</el-radio-button>
|
||||
|
|
@ -135,16 +135,16 @@ export default {
|
|||
this.init()
|
||||
console.log('fromList', this.$router.currentRoute.params.businessKey)
|
||||
// this.dataForm = this.$router.currentRoute.params.params.params.resourceDTO
|
||||
var callbacks = {
|
||||
startProcessSuccessCallback: this.closeCurrentTab,
|
||||
startProcessErrorCallback: this.startProcessErrorCallback,
|
||||
taskHandleSuccessCallback: this.closeCurrentTab,
|
||||
taskHandleErrorCallback: this.taskHandleErrorCallback,
|
||||
formSaveSuccessCallback: null,
|
||||
formSaveErrorCallback: null
|
||||
}
|
||||
// 初始化综合组件
|
||||
this.initProcessMultiple(callbacks)
|
||||
// var callbacks = {
|
||||
// startProcessSuccessCallback: this.closeCurrentTab,
|
||||
// startProcessErrorCallback: this.startProcessErrorCallback,
|
||||
// taskHandleSuccessCallback: this.closeCurrentTab,
|
||||
// taskHandleErrorCallback: this.taskHandleErrorCallback,
|
||||
// formSaveSuccessCallback: null,
|
||||
// formSaveErrorCallback: null
|
||||
// }
|
||||
// // 初始化综合组件
|
||||
// this.initProcessMultiple(callbacks)
|
||||
},
|
||||
mounted () {
|
||||
const businessKey = this.$router.currentRoute.params.businessKey
|
||||
|
|
@ -180,9 +180,10 @@ export default {
|
|||
this.input = ''
|
||||
},
|
||||
methodsThree () {
|
||||
this.$http.get('/category/getCategoryTree').then((res) => {
|
||||
this.insertList = res.data.data
|
||||
})
|
||||
// this.$http.get('/category/getCategoryTree').then((res) => {
|
||||
// this.insertList = res.data.data
|
||||
// })
|
||||
this.insertList = JSON.parse(localStorage.getItem('getCategoryTree'))
|
||||
},
|
||||
init () {
|
||||
this.visible = true
|
||||
|
|
@ -232,13 +233,14 @@ export default {
|
|||
})
|
||||
})
|
||||
.catch(() => {})
|
||||
} else if (this.dialogType === '拒绝') {
|
||||
} else if (this.dialogType === '驳回') {
|
||||
const params = qs.stringify({
|
||||
taskId: this.taskId,
|
||||
comment: this.input
|
||||
})
|
||||
this.$http
|
||||
.post('/act/task/endProcess?', params)
|
||||
// .post('/act/task/endProcess?', params)
|
||||
.post('/act/task/backToFirst?', params)
|
||||
.then(({ data: res }) => {
|
||||
if (res.code !== 0) {
|
||||
this.$message.error(res.msg)
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<!--
|
||||
* @Author: hisense.wuhongjian
|
||||
* @Date: 2022-03-29 16:45:25
|
||||
* @LastEditors: hisense.wuhongjian
|
||||
* @LastEditTime: 2022-08-02 09:58:16
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-08-02 11:59:30
|
||||
* @Description: 告诉大家这是什么
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
|
|
@ -53,17 +53,13 @@
|
|||
// window.SITE_CONFIG['frontUrl'] = 'http://10.134.135.9:9796/document/#/devModelFile/';
|
||||
// window.SITE_CONFIG['apiURL'] = 'http://10.134.135.9:8888/renren-admin';
|
||||
// 开发
|
||||
// window.SITE_CONFIG['backUrl'] = 'http://15.2.21.238:9797';
|
||||
window.SITE_CONFIG['backUrl'] = 'http://localhost:8001';
|
||||
window.SITE_CONFIG['previewUrl'] = 'http://192.168.124.236:9796/';
|
||||
window.SITE_CONFIG['frontUrl'] = 'http://192.168.124.236:9796/document/#/devModelFile/';
|
||||
window.SITE_CONFIG['apiURL'] = 'http://192.168.124.236:8888/renren-admin';
|
||||
window.SITE_CONFIG['websocketURL'] = '192.168.124.236:8888/renren-admin';
|
||||
window.SITE_CONFIG['POI_URL'] = 'http://15.2.21.238:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
|
||||
// window.SITE_CONFIG['backUrl'] = 'http://15.2.21.238:9797';
|
||||
// window.SITE_CONFIG['previewUrl'] = 'http://15.2.21.238:9796/';
|
||||
// window.SITE_CONFIG['frontUrl'] = 'http://15.2.21.238:9796/document/#/devModelFile/';
|
||||
// window.SITE_CONFIG['apiURL'] = 'http://15.2.21.239:8888/renren-admin';
|
||||
// window.SITE_CONFIG['POI_URL'] = 'http://15.2.21.238:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
|
||||
window.SITE_CONFIG['POI_URL'] = 'http://192.168.124.236:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
|
||||
// 穿透版本
|
||||
// window.SITE_CONFIG['backUrl'] = 'http://124.222.94.39:9797';
|
||||
// window.SITE_CONFIG['previewUrl'] = 'http://124.222.94.39:9796/';
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 571 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 119 KiB After Width: | Height: | Size: 122 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 514 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.liangjunhua
|
||||
* @Date: 2022-06-13 10:22:27
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-07-26 14:35:45
|
||||
* @LastEditTime: 2022-08-02 11:28:00
|
||||
* @Description: 算法上架
|
||||
-->
|
||||
<template>
|
||||
|
|
@ -266,7 +266,13 @@
|
|||
import { useRouter } from 'vue-router'
|
||||
import { getCategoryTree } from '@/api/personalCenter'
|
||||
import { shangjiainsert, shangjiaapply } from '@/api/personalCenter'
|
||||
import { getUser, getUserInfo } from '@/api/home'
|
||||
import {
|
||||
getUser,
|
||||
getUserInfo,
|
||||
selectOne,
|
||||
updateRes,
|
||||
relaunch,
|
||||
} from '@/api/home'
|
||||
import { message } from 'ant-design-vue'
|
||||
import mybus from '@/myplugins/mybus'
|
||||
const router = useRouter()
|
||||
|
|
@ -454,6 +460,7 @@
|
|||
!dataFrom.value.infoList.filter((val) => val.attrType === '应用领域')[0]
|
||||
.attrValue
|
||||
) {
|
||||
console.log('应用领域==========>', dataFrom.value.infoList)
|
||||
notFilled.value.push('应用领域')
|
||||
}
|
||||
if (notFilled.value.length > 0) {
|
||||
|
|
@ -543,34 +550,63 @@
|
|||
dataFrom.value.infoList = dataFrom.value.infoList.filter(
|
||||
(item) => item.attrValue !== ''
|
||||
)
|
||||
shangjiainsert(dataFrom.value).then((res) => {
|
||||
const instanceId = res.data.data
|
||||
dataFrom.value.id = res.data.data
|
||||
getUser().then((res6) => {
|
||||
getUserInfo(res6.data.data.id).then((res2) => {
|
||||
const deptId = dataFrom.value.deptId
|
||||
const userId = res2.data.data.id
|
||||
const userName = res2.data.data.realName
|
||||
const params = {
|
||||
instanceId: instanceId,
|
||||
deptId: deptId,
|
||||
userId: userId,
|
||||
userName: userName,
|
||||
resourceDTO: [dataFrom.value],
|
||||
}
|
||||
shangjiaapply(params).then((res3) => {
|
||||
console.log('res3', res3)
|
||||
if (res3.data.code == 0) {
|
||||
message.success('上架申请提交成功，请注意查看消息通知！')
|
||||
if (resourceId) {
|
||||
delete dataFrom.value.createDate
|
||||
delete dataFrom.value.updateDate
|
||||
dataFrom.value.infoList.map((del) => {
|
||||
delete del.createDate
|
||||
delete del.updateDate
|
||||
})
|
||||
updateRes(dataFrom.value).then((upres) => {
|
||||
if (upres.data.code == 0) {
|
||||
relaunch({ data: dataFrom.value, taskId: taskId }).then((res) => {
|
||||
console.log('驳回================>', res)
|
||||
if (res.data.code == 0) {
|
||||
message.success('重新发起流程成功！')
|
||||
submitFlag.value = true
|
||||
window.setTimeout(() => {
|
||||
window.close()
|
||||
submitFlag.value = true
|
||||
}, 1000)
|
||||
} else {
|
||||
message.error('重新发起流程失败！')
|
||||
submitFlag.value = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
message.error('数据更新失败！')
|
||||
submitFlag.value = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
shangjiainsert(dataFrom.value).then((res) => {
|
||||
const instanceId = res.data.data
|
||||
dataFrom.value.id = res.data.data
|
||||
getUser().then((res6) => {
|
||||
getUserInfo(res6.data.data.id).then((res2) => {
|
||||
const deptId = dataFrom.value.deptId
|
||||
const userId = res2.data.data.id
|
||||
const userName = res2.data.data.realName
|
||||
const params = {
|
||||
instanceId: instanceId,
|
||||
deptId: deptId,
|
||||
userId: userId,
|
||||
userName: userName,
|
||||
resourceDTO: [dataFrom.value],
|
||||
}
|
||||
shangjiaapply(params).then((res3) => {
|
||||
console.log('res3', res3)
|
||||
if (res3.data.code == 0) {
|
||||
message.success('上架申请提交成功，请注意查看消息通知！')
|
||||
window.setTimeout(() => {
|
||||
window.close()
|
||||
submitFlag.value = true
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -583,7 +619,7 @@
|
|||
navList.value = []
|
||||
navList2.value = []
|
||||
res.data.data.children.forEach((val) => {
|
||||
console.log(val)
|
||||
// console.log('val================>', val, echoData.value)
|
||||
navList.value.push({
|
||||
name: val.name,
|
||||
key: val.name,
|
||||
|
|
@ -601,14 +637,115 @@
|
|||
}
|
||||
})
|
||||
}
|
||||
// 回填数据
|
||||
if (resourceId) {
|
||||
val.children.map((item) => {
|
||||
if (item.children.length > 0) {
|
||||
item.children.map((child) => {
|
||||
switch (child.name) {
|
||||
case '算法名称':
|
||||
child.note1 = echoData.value.name
|
||||
break
|
||||
case '算法描述':
|
||||
child.note1 = echoData.value.description
|
||||
break
|
||||
case '共享条件':
|
||||
child.note1 = echoData.value.shareCondition
|
||||
break
|
||||
case '归属部门':
|
||||
child.note1 = echoData.value.deptId
|
||||
break
|
||||
case '部门联系人':
|
||||
child.note1 = echoData.value.deptContacts
|
||||
break
|
||||
case '部门联系人电话':
|
||||
child.note1 = echoData.value.deptPhone
|
||||
break
|
||||
case '接口请求方式':
|
||||
child.note1 = echoData.value.apiMethodType
|
||||
break
|
||||
case '应用领域':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
child.note1 = echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue
|
||||
child.note2 = echoData.value.infoList
|
||||
.filter((fil) => fil.attrType == child.name)[0]
|
||||
.attrValue.split(';')
|
||||
}
|
||||
break
|
||||
case '算法介绍视频':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
videoList.value = [
|
||||
{
|
||||
uid: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].id,
|
||||
name:
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].note3 || '--',
|
||||
status: 'done',
|
||||
url: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
thumbUrl: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
},
|
||||
]
|
||||
}
|
||||
break
|
||||
default:
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
child.note1 = echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue
|
||||
}
|
||||
break
|
||||
}
|
||||
})
|
||||
}
|
||||
console.log('item================>', item, echoData.value)
|
||||
})
|
||||
}
|
||||
})
|
||||
data.value = res.data.data.children
|
||||
refData.value = data.value.filter(
|
||||
(item) => item.name === showView.value
|
||||
)[0]
|
||||
console.log('所有编目结构==============>', res.data.data)
|
||||
console.log('所有编目结构==============>', data.value)
|
||||
})
|
||||
}
|
||||
const resourceId = router.currentRoute.value.query.id
|
||||
const taskId = router.currentRoute.value.query.taskId
|
||||
const echoData = ref({})
|
||||
if (resourceId) {
|
||||
// 回显数据
|
||||
selectOne(resourceId).then((res) => {
|
||||
echoData.value = res.data.data
|
||||
dataFrom.value = echoData.value
|
||||
init()
|
||||
// console.log('驳回修改===================>', echoData.value)
|
||||
})
|
||||
} else {
|
||||
init()
|
||||
}
|
||||
// 特殊字段处理
|
||||
const refPutOnTheShelf = ref(null)
|
||||
const changeSfys = (type) => {
|
||||
|
|
@ -624,7 +761,6 @@
|
|||
refPutOnTheShelf.value.add('计费标准信息', true)
|
||||
refPutOnTheShelf.value.add('常见问题', true, type)
|
||||
}
|
||||
init()
|
||||
mybus.on('chageDataFrom', (obj) => {
|
||||
if (obj.attrType == '技术文档' && obj.attrValue != null) {
|
||||
shiyongshouce.value = obj
|
||||
|
|
@ -698,6 +834,8 @@
|
|||
mybus.off('chageFileList')
|
||||
mybus.off('chageImgList')
|
||||
mybus.off('chageDataFromDwon')
|
||||
mybus.off('chageVideoList')
|
||||
mybus.off('chagePackageList')
|
||||
})
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.liangjunhua
|
||||
* @Date: 2022-06-13 10:22:27
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-07-26 14:41:26
|
||||
* @LastEditTime: 2022-08-02 11:40:41
|
||||
* @Description: 应用上架
|
||||
-->
|
||||
<template>
|
||||
|
|
@ -196,7 +196,13 @@
|
|||
import { useRouter } from 'vue-router'
|
||||
import { getCategoryTree } from '@/api/personalCenter'
|
||||
import { shangjiainsert, shangjiaapply } from '@/api/personalCenter'
|
||||
import { getUser, getUserInfo } from '@/api/home'
|
||||
import {
|
||||
getUser,
|
||||
getUserInfo,
|
||||
selectOne,
|
||||
updateRes,
|
||||
relaunch,
|
||||
} from '@/api/home'
|
||||
import { message } from 'ant-design-vue'
|
||||
import mybus from '@/myplugins/mybus'
|
||||
const showView = ref('基本信息')
|
||||
|
|
@ -394,34 +400,63 @@
|
|||
dataFrom.value.infoList = dataFrom.value.infoList.filter(
|
||||
(item) => item.attrValue !== ''
|
||||
)
|
||||
shangjiainsert(dataFrom.value).then((res) => {
|
||||
const instanceId = res.data.data
|
||||
dataFrom.value.id = res.data.data
|
||||
getUser().then((res6) => {
|
||||
getUserInfo(res6.data.data.id).then((res2) => {
|
||||
const deptId = dataFrom.value.deptId
|
||||
const userId = res2.data.data.id
|
||||
const userName = res2.data.data.realName
|
||||
const params = {
|
||||
instanceId: instanceId,
|
||||
deptId: deptId,
|
||||
userId: userId,
|
||||
userName: userName,
|
||||
resourceDTO: [dataFrom.value],
|
||||
}
|
||||
shangjiaapply(params).then((res3) => {
|
||||
console.log('res3', res3)
|
||||
if (res3.data.code == 0) {
|
||||
message.success('上架申请提交成功，请注意查看消息通知！')
|
||||
if (resourceId) {
|
||||
delete dataFrom.value.createDate
|
||||
delete dataFrom.value.updateDate
|
||||
dataFrom.value.infoList.map((del) => {
|
||||
delete del.createDate
|
||||
delete del.updateDate
|
||||
})
|
||||
updateRes(dataFrom.value).then((upres) => {
|
||||
if (upres.data.code == 0) {
|
||||
relaunch({ data: dataFrom.value, taskId: taskId }).then((res) => {
|
||||
console.log('驳回================>', res)
|
||||
if (res.data.code == 0) {
|
||||
message.success('重新发起流程成功！')
|
||||
submitFlag.value = true
|
||||
window.setTimeout(() => {
|
||||
window.close()
|
||||
submitFlag.value = true
|
||||
}, 1000)
|
||||
} else {
|
||||
message.error('重新发起流程失败！')
|
||||
submitFlag.value = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
message.error('数据更新失败！')
|
||||
submitFlag.value = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
shangjiainsert(dataFrom.value).then((res) => {
|
||||
const instanceId = res.data.data
|
||||
dataFrom.value.id = res.data.data
|
||||
getUser().then((res6) => {
|
||||
getUserInfo(res6.data.data.id).then((res2) => {
|
||||
const deptId = dataFrom.value.deptId
|
||||
const userId = res2.data.data.id
|
||||
const userName = res2.data.data.realName
|
||||
const params = {
|
||||
instanceId: instanceId,
|
||||
deptId: deptId,
|
||||
userId: userId,
|
||||
userName: userName,
|
||||
resourceDTO: [dataFrom.value],
|
||||
}
|
||||
shangjiaapply(params).then((res3) => {
|
||||
console.log('res3', res3)
|
||||
if (res3.data.code == 0) {
|
||||
message.success('上架申请提交成功，请注意查看消息通知！')
|
||||
window.setTimeout(() => {
|
||||
window.close()
|
||||
submitFlag.value = true
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
// 预览
|
||||
|
|
@ -451,6 +486,121 @@
|
|||
key: val.name,
|
||||
})
|
||||
navList2.value.push(val.name)
|
||||
// 回填数据
|
||||
if (resourceId) {
|
||||
val.children.map((item) => {
|
||||
if (item.children.length > 0) {
|
||||
item.children.map((child) => {
|
||||
switch (child.name) {
|
||||
case '应用名称':
|
||||
child.note1 = echoData.value.name
|
||||
break
|
||||
case '应用描述':
|
||||
child.note1 = echoData.value.description
|
||||
break
|
||||
case '共享条件':
|
||||
child.note1 = echoData.value.shareCondition
|
||||
break
|
||||
case '归属部门':
|
||||
child.note1 = echoData.value.deptId
|
||||
break
|
||||
case '部门联系人':
|
||||
child.note1 = echoData.value.deptContacts
|
||||
break
|
||||
case '部门联系人电话':
|
||||
child.note1 = echoData.value.deptPhone
|
||||
break
|
||||
case '接口请求方式':
|
||||
child.note1 = echoData.value.apiMethodType
|
||||
break
|
||||
case '应用领域':
|
||||
case '发布端':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
child.note1 = echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue
|
||||
child.note2 = echoData.value.infoList
|
||||
.filter((fil) => fil.attrType == child.name)[0]
|
||||
.attrValue.split(';')
|
||||
}
|
||||
break
|
||||
case '应用展示视频':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
videoList.value = [
|
||||
{
|
||||
uid: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].id,
|
||||
name:
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].note3 || '--',
|
||||
status: 'done',
|
||||
url: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
thumbUrl: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
},
|
||||
]
|
||||
}
|
||||
break
|
||||
case '应用图片':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
imgList.value = [
|
||||
{
|
||||
uid: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].id,
|
||||
name:
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].note3 || '--',
|
||||
status: 'done',
|
||||
url: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
thumbUrl: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
},
|
||||
]
|
||||
}
|
||||
break
|
||||
default:
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
child.note1 = echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue
|
||||
}
|
||||
break
|
||||
}
|
||||
})
|
||||
}
|
||||
console.log('item================>', item, echoData.value)
|
||||
})
|
||||
}
|
||||
})
|
||||
data.value = res.data.data.children
|
||||
refData.value = data.value.filter(
|
||||
|
|
@ -459,6 +609,20 @@
|
|||
console.log('所有编目结构==============>', res.data.data)
|
||||
})
|
||||
}
|
||||
const resourceId = router.currentRoute.value.query.id
|
||||
const taskId = router.currentRoute.value.query.taskId
|
||||
const echoData = ref({})
|
||||
if (resourceId) {
|
||||
// 回显数据
|
||||
selectOne(resourceId).then((res) => {
|
||||
echoData.value = res.data.data
|
||||
dataFrom.value = echoData.value
|
||||
init()
|
||||
// console.log('驳回修改===================>', echoData.value)
|
||||
})
|
||||
} else {
|
||||
init()
|
||||
}
|
||||
// 特殊字段处理
|
||||
const refPutOnTheShelf = ref(null)
|
||||
const changeGnjs = (type) => {
|
||||
|
|
@ -469,7 +633,6 @@
|
|||
console.log(refPutOnTheShelf)
|
||||
refPutOnTheShelf.value.add('常见问题', true, type)
|
||||
}
|
||||
init()
|
||||
mybus.on('chageDataFrom', (obj) => {
|
||||
if (obj.attrType == '技术文档' && obj.attrValue != null) {
|
||||
shiyongshouce.value = obj
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.liangjunhua
|
||||
* @Date: 2022-06-20 09:35:51
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-07-26 14:36:31
|
||||
* @LastEditTime: 2022-08-02 11:47:32
|
||||
* @Description: 业务组件
|
||||
-->
|
||||
<template>
|
||||
|
|
@ -229,7 +229,13 @@
|
|||
import { useRouter } from 'vue-router'
|
||||
import { getCategoryTree } from '@/api/personalCenter'
|
||||
import { shangjiainsert, shangjiaapply } from '@/api/personalCenter'
|
||||
import { getUser, getUserInfo } from '@/api/home'
|
||||
import {
|
||||
getUser,
|
||||
getUserInfo,
|
||||
selectOne,
|
||||
updateRes,
|
||||
relaunch,
|
||||
} from '@/api/home'
|
||||
import { message } from 'ant-design-vue'
|
||||
import mybus from '@/myplugins/mybus'
|
||||
const router = useRouter()
|
||||
|
|
@ -486,34 +492,64 @@
|
|||
dataFrom.value.infoList = dataFrom.value.infoList.filter(
|
||||
(item) => item.attrValue !== ''
|
||||
)
|
||||
shangjiainsert(dataFrom.value).then((res) => {
|
||||
const instanceId = res.data.data
|
||||
dataFrom.value.id = res.data.data
|
||||
getUser().then((res6) => {
|
||||
getUserInfo(res6.data.data.id).then((res2) => {
|
||||
const deptId = dataFrom.value.deptId
|
||||
const userId = res2.data.data.id
|
||||
const userName = res2.data.data.realName
|
||||
const params = {
|
||||
instanceId: instanceId,
|
||||
deptId: deptId,
|
||||
userId: userId,
|
||||
userName: userName,
|
||||
resourceDTO: [dataFrom.value],
|
||||
}
|
||||
shangjiaapply(params).then((res3) => {
|
||||
console.log('res3', res3)
|
||||
if (res3.data.code == 0) {
|
||||
message.success('上架申请提交成功，请注意查看消息通知！')
|
||||
|
||||
if (resourceId) {
|
||||
delete dataFrom.value.createDate
|
||||
delete dataFrom.value.updateDate
|
||||
dataFrom.value.infoList.map((del) => {
|
||||
delete del.createDate
|
||||
delete del.updateDate
|
||||
})
|
||||
updateRes(dataFrom.value).then((upres) => {
|
||||
if (upres.data.code == 0) {
|
||||
relaunch({ data: dataFrom.value, taskId: taskId }).then((res) => {
|
||||
console.log('驳回================>', res)
|
||||
if (res.data.code == 0) {
|
||||
message.success('重新发起流程成功！')
|
||||
submitFlag.value = true
|
||||
window.setTimeout(() => {
|
||||
window.close()
|
||||
submitFlag.value = true
|
||||
}, 1000)
|
||||
} else {
|
||||
message.error('重新发起流程失败！')
|
||||
submitFlag.value = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
message.error('数据更新失败！')
|
||||
submitFlag.value = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
shangjiainsert(dataFrom.value).then((res) => {
|
||||
const instanceId = res.data.data
|
||||
dataFrom.value.id = res.data.data
|
||||
getUser().then((res6) => {
|
||||
getUserInfo(res6.data.data.id).then((res2) => {
|
||||
const deptId = dataFrom.value.deptId
|
||||
const userId = res2.data.data.id
|
||||
const userName = res2.data.data.realName
|
||||
const params = {
|
||||
instanceId: instanceId,
|
||||
deptId: deptId,
|
||||
userId: userId,
|
||||
userName: userName,
|
||||
resourceDTO: [dataFrom.value],
|
||||
}
|
||||
shangjiaapply(params).then((res3) => {
|
||||
console.log('res3', res3)
|
||||
if (res3.data.code == 0) {
|
||||
message.success('上架申请提交成功，请注意查看消息通知！')
|
||||
window.setTimeout(() => {
|
||||
window.close()
|
||||
submitFlag.value = true
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -545,6 +581,121 @@
|
|||
key: val.name,
|
||||
})
|
||||
navList2.value.push(val.name)
|
||||
|
||||
// 回填数据
|
||||
if (resourceId) {
|
||||
val.children.map((item) => {
|
||||
if (item.children.length > 0) {
|
||||
item.children.map((child) => {
|
||||
switch (child.name) {
|
||||
case '组件名称':
|
||||
child.note1 = echoData.value.name
|
||||
break
|
||||
case '组件描述':
|
||||
child.note1 = echoData.value.description
|
||||
break
|
||||
case '共享条件':
|
||||
child.note1 = echoData.value.shareCondition
|
||||
break
|
||||
case '归属部门':
|
||||
child.note1 = echoData.value.deptId
|
||||
break
|
||||
case '部门联系人':
|
||||
child.note1 = echoData.value.deptContacts
|
||||
break
|
||||
case '部门联系人电话':
|
||||
child.note1 = echoData.value.deptPhone
|
||||
break
|
||||
case '接口请求方式':
|
||||
child.note1 = echoData.value.apiMethodType
|
||||
break
|
||||
case '应用领域':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
child.note1 = echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue
|
||||
child.note2 = echoData.value.infoList
|
||||
.filter((fil) => fil.attrType == child.name)[0]
|
||||
.attrValue.split(';')
|
||||
}
|
||||
break
|
||||
case '组件视频介绍':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
videoList.value = [
|
||||
{
|
||||
uid: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].id,
|
||||
name:
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].note3 || '--',
|
||||
status: 'done',
|
||||
url: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
thumbUrl: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
},
|
||||
]
|
||||
}
|
||||
break
|
||||
case '组件图片':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
imgList.value = [
|
||||
{
|
||||
uid: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].id,
|
||||
name:
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].note3 || '--',
|
||||
status: 'done',
|
||||
url: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
thumbUrl: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
},
|
||||
]
|
||||
}
|
||||
break
|
||||
default:
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
child.note1 = echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue
|
||||
}
|
||||
break
|
||||
}
|
||||
})
|
||||
}
|
||||
console.log('item================>', item, echoData.value)
|
||||
})
|
||||
}
|
||||
})
|
||||
data.value = res.data.data.children
|
||||
refData.value = data.value.filter(
|
||||
|
|
@ -553,7 +704,21 @@
|
|||
console.log('所有编目结构==============>', res.data.data)
|
||||
})
|
||||
}
|
||||
init()
|
||||
|
||||
const resourceId = router.currentRoute.value.query.id
|
||||
const taskId = router.currentRoute.value.query.taskId
|
||||
const echoData = ref({})
|
||||
if (resourceId) {
|
||||
// 回显数据
|
||||
selectOne(resourceId).then((res) => {
|
||||
echoData.value = res.data.data
|
||||
dataFrom.value = echoData.value
|
||||
init()
|
||||
// console.log('驳回修改===================>', echoData.value)
|
||||
})
|
||||
} else {
|
||||
init()
|
||||
}
|
||||
mybus.on('chageDataFrom', (obj) => {
|
||||
if (obj.attrType == '技术文档' && obj.attrValue != null) {
|
||||
shiyongshouce.value = obj
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.liangjunhua
|
||||
* @Date: 2022-06-20 09:35:17
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-07-26 14:37:17
|
||||
* @LastEditTime: 2022-08-02 11:51:50
|
||||
* @Description: 开发组件
|
||||
-->
|
||||
<template>
|
||||
|
|
@ -228,7 +228,13 @@
|
|||
import { useRouter } from 'vue-router'
|
||||
import { getCategoryTree } from '@/api/personalCenter'
|
||||
import { shangjiainsert, shangjiaapply } from '@/api/personalCenter'
|
||||
import { getUser, getUserInfo } from '@/api/home'
|
||||
import {
|
||||
getUser,
|
||||
getUserInfo,
|
||||
selectOne,
|
||||
updateRes,
|
||||
relaunch,
|
||||
} from '@/api/home'
|
||||
import { message } from 'ant-design-vue'
|
||||
import mybus from '@/myplugins/mybus'
|
||||
const router = useRouter()
|
||||
|
|
@ -498,34 +504,63 @@
|
|||
dataFrom.value.infoList = dataFrom.value.infoList.filter(
|
||||
(item) => item.attrValue !== ''
|
||||
)
|
||||
shangjiainsert(dataFrom.value).then((res) => {
|
||||
const instanceId = res.data.data
|
||||
dataFrom.value.id = res.data.data
|
||||
getUser().then((res6) => {
|
||||
getUserInfo(res6.data.data.id).then((res2) => {
|
||||
const deptId = dataFrom.value.deptId
|
||||
const userId = res2.data.data.id
|
||||
const userName = res2.data.data.realName
|
||||
const params = {
|
||||
instanceId: instanceId,
|
||||
deptId: deptId,
|
||||
userId: userId,
|
||||
userName: userName,
|
||||
resourceDTO: [dataFrom.value],
|
||||
}
|
||||
shangjiaapply(params).then((res3) => {
|
||||
console.log('res3', res3)
|
||||
if (res3.data.code == 0) {
|
||||
message.success('上架申请提交成功，请注意查看消息通知！')
|
||||
if (resourceId) {
|
||||
delete dataFrom.value.createDate
|
||||
delete dataFrom.value.updateDate
|
||||
dataFrom.value.infoList.map((del) => {
|
||||
delete del.createDate
|
||||
delete del.updateDate
|
||||
})
|
||||
updateRes(dataFrom.value).then((upres) => {
|
||||
if (upres.data.code == 0) {
|
||||
relaunch({ data: dataFrom.value, taskId: taskId }).then((res) => {
|
||||
console.log('驳回================>', res)
|
||||
if (res.data.code == 0) {
|
||||
message.success('重新发起流程成功！')
|
||||
submitFlag.value = true
|
||||
window.setTimeout(() => {
|
||||
window.close()
|
||||
submitFlag.value = true
|
||||
}, 1000)
|
||||
} else {
|
||||
message.error('重新发起流程失败！')
|
||||
submitFlag.value = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
message.error('数据更新失败！')
|
||||
submitFlag.value = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
shangjiainsert(dataFrom.value).then((res) => {
|
||||
const instanceId = res.data.data
|
||||
dataFrom.value.id = res.data.data
|
||||
getUser().then((res6) => {
|
||||
getUserInfo(res6.data.data.id).then((res2) => {
|
||||
const deptId = dataFrom.value.deptId
|
||||
const userId = res2.data.data.id
|
||||
const userName = res2.data.data.realName
|
||||
const params = {
|
||||
instanceId: instanceId,
|
||||
deptId: deptId,
|
||||
userId: userId,
|
||||
userName: userName,
|
||||
resourceDTO: [dataFrom.value],
|
||||
}
|
||||
shangjiaapply(params).then((res3) => {
|
||||
console.log('res3', res3)
|
||||
if (res3.data.code == 0) {
|
||||
message.success('上架申请提交成功，请注意查看消息通知！')
|
||||
window.setTimeout(() => {
|
||||
window.close()
|
||||
submitFlag.value = true
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -544,6 +579,121 @@
|
|||
key: val.name,
|
||||
})
|
||||
navList2.value.push(val.name)
|
||||
|
||||
// 回填数据
|
||||
if (resourceId) {
|
||||
val.children.map((item) => {
|
||||
if (item.children.length > 0) {
|
||||
item.children.map((child) => {
|
||||
switch (child.name) {
|
||||
case '组件名称':
|
||||
child.note1 = echoData.value.name
|
||||
break
|
||||
case '组件描述':
|
||||
child.note1 = echoData.value.description
|
||||
break
|
||||
case '共享条件':
|
||||
child.note1 = echoData.value.shareCondition
|
||||
break
|
||||
case '归属部门':
|
||||
child.note1 = echoData.value.deptId
|
||||
break
|
||||
case '部门联系人':
|
||||
child.note1 = echoData.value.deptContacts
|
||||
break
|
||||
case '部门联系人电话':
|
||||
child.note1 = echoData.value.deptPhone
|
||||
break
|
||||
case '接口请求方式':
|
||||
child.note1 = echoData.value.apiMethodType
|
||||
break
|
||||
case '应用领域':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
child.note1 = echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue
|
||||
child.note2 = echoData.value.infoList
|
||||
.filter((fil) => fil.attrType == child.name)[0]
|
||||
.attrValue.split(';')
|
||||
}
|
||||
break
|
||||
case '组件视频介绍':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
videoList.value = [
|
||||
{
|
||||
uid: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].id,
|
||||
name:
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].note3 || '--',
|
||||
status: 'done',
|
||||
url: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
thumbUrl: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
},
|
||||
]
|
||||
}
|
||||
break
|
||||
case '组件图片':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
imgList.value = [
|
||||
{
|
||||
uid: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].id,
|
||||
name:
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].note3 || '--',
|
||||
status: 'done',
|
||||
url: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
thumbUrl: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
},
|
||||
]
|
||||
}
|
||||
break
|
||||
default:
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
child.note1 = echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue
|
||||
}
|
||||
break
|
||||
}
|
||||
})
|
||||
}
|
||||
console.log('item================>', item, echoData.value)
|
||||
})
|
||||
}
|
||||
})
|
||||
data.value = res.data.data.children
|
||||
refData.value = data.value.filter(
|
||||
|
|
@ -552,7 +702,20 @@
|
|||
console.log('所有编目结构==============>', res.data.data)
|
||||
})
|
||||
}
|
||||
init()
|
||||
const resourceId = router.currentRoute.value.query.id
|
||||
const taskId = router.currentRoute.value.query.taskId
|
||||
const echoData = ref({})
|
||||
if (resourceId) {
|
||||
// 回显数据
|
||||
selectOne(resourceId).then((res) => {
|
||||
echoData.value = res.data.data
|
||||
dataFrom.value = echoData.value
|
||||
init()
|
||||
// console.log('驳回修改===================>', echoData.value)
|
||||
})
|
||||
} else {
|
||||
init()
|
||||
}
|
||||
mybus.on('chageDataFrom', (obj) => {
|
||||
if (obj.attrType == '技术文档' && obj.attrValue != null) {
|
||||
shiyongshouce.value = obj
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.liangjunhua
|
||||
* @Date: 2022-06-20 09:35:17
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-07-26 14:37:38
|
||||
* @LastEditTime: 2022-08-02 11:58:16
|
||||
* @Description: 图层服务
|
||||
-->
|
||||
<template>
|
||||
|
|
@ -177,7 +177,13 @@
|
|||
import { useRouter } from 'vue-router'
|
||||
import { getCategoryTree } from '@/api/personalCenter'
|
||||
import { shangjiainsert, shangjiaapply } from '@/api/personalCenter'
|
||||
import { getUser, getUserInfo } from '@/api/home'
|
||||
import {
|
||||
getUser,
|
||||
getUserInfo,
|
||||
selectOne,
|
||||
updateRes,
|
||||
relaunch,
|
||||
} from '@/api/home'
|
||||
import { message } from 'ant-design-vue'
|
||||
import mybus from '@/myplugins/mybus'
|
||||
const router = useRouter()
|
||||
|
|
@ -395,34 +401,63 @@
|
|||
dataFrom.value.infoList = dataFrom.value.infoList.filter(
|
||||
(item) => item.attrValue !== ''
|
||||
)
|
||||
shangjiainsert(dataFrom.value).then((res) => {
|
||||
const instanceId = res.data.data
|
||||
dataFrom.value.id = res.data.data
|
||||
getUser().then((res6) => {
|
||||
getUserInfo(res6.data.data.id).then((res2) => {
|
||||
const deptId = dataFrom.value.deptId
|
||||
const userId = res2.data.data.id
|
||||
const userName = res2.data.data.realName
|
||||
const params = {
|
||||
instanceId: instanceId,
|
||||
deptId: deptId,
|
||||
userId: userId,
|
||||
userName: userName,
|
||||
resourceDTO: [dataFrom.value],
|
||||
}
|
||||
shangjiaapply(params).then((res3) => {
|
||||
console.log('res3', res3)
|
||||
if (res3.data.code == 0) {
|
||||
message.success('上架申请提交成功，请注意查看消息通知！')
|
||||
if (resourceId) {
|
||||
delete dataFrom.value.createDate
|
||||
delete dataFrom.value.updateDate
|
||||
dataFrom.value.infoList.map((del) => {
|
||||
delete del.createDate
|
||||
delete del.updateDate
|
||||
})
|
||||
updateRes(dataFrom.value).then((upres) => {
|
||||
if (upres.data.code == 0) {
|
||||
relaunch({ data: dataFrom.value, taskId: taskId }).then((res) => {
|
||||
console.log('驳回================>', res)
|
||||
if (res.data.code == 0) {
|
||||
message.success('重新发起流程成功！')
|
||||
submitFlag.value = true
|
||||
window.setTimeout(() => {
|
||||
window.close()
|
||||
submitFlag.value = true
|
||||
}, 1000)
|
||||
} else {
|
||||
message.error('重新发起流程失败！')
|
||||
submitFlag.value = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
message.error('数据更新失败！')
|
||||
submitFlag.value = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
shangjiainsert(dataFrom.value).then((res) => {
|
||||
const instanceId = res.data.data
|
||||
dataFrom.value.id = res.data.data
|
||||
getUser().then((res6) => {
|
||||
getUserInfo(res6.data.data.id).then((res2) => {
|
||||
const deptId = dataFrom.value.deptId
|
||||
const userId = res2.data.data.id
|
||||
const userName = res2.data.data.realName
|
||||
const params = {
|
||||
instanceId: instanceId,
|
||||
deptId: deptId,
|
||||
userId: userId,
|
||||
userName: userName,
|
||||
resourceDTO: [dataFrom.value],
|
||||
}
|
||||
shangjiaapply(params).then((res3) => {
|
||||
console.log('res3', res3)
|
||||
if (res3.data.code == 0) {
|
||||
message.success('上架申请提交成功，请注意查看消息通知！')
|
||||
window.setTimeout(() => {
|
||||
window.close()
|
||||
submitFlag.value = true
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -441,6 +476,94 @@
|
|||
key: val.name,
|
||||
})
|
||||
navList2.value.push(val.name)
|
||||
|
||||
// 回填数据
|
||||
if (resourceId) {
|
||||
val.children.map((item) => {
|
||||
if (item.children.length > 0) {
|
||||
item.children.map((child) => {
|
||||
switch (child.name) {
|
||||
case '图层名称':
|
||||
child.note1 = echoData.value.name
|
||||
break
|
||||
case '图层描述':
|
||||
child.note1 = echoData.value.description
|
||||
break
|
||||
case '共享条件':
|
||||
child.note1 = echoData.value.shareCondition
|
||||
break
|
||||
case '归属部门':
|
||||
child.note1 = echoData.value.deptId
|
||||
break
|
||||
case '部门联系人':
|
||||
child.note1 = echoData.value.deptContacts
|
||||
break
|
||||
case '部门联系人电话':
|
||||
child.note1 = echoData.value.deptPhone
|
||||
break
|
||||
case '接口请求方式':
|
||||
child.note1 = echoData.value.apiMethodType
|
||||
break
|
||||
case '应用领域':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
child.note1 = echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue
|
||||
child.note2 = echoData.value.infoList
|
||||
.filter((fil) => fil.attrType == child.name)[0]
|
||||
.attrValue.split(';')
|
||||
}
|
||||
break
|
||||
case '图层缩略图':
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
imgList.value = [
|
||||
{
|
||||
uid: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].id,
|
||||
name:
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].note3 || '--',
|
||||
status: 'done',
|
||||
url: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
thumbUrl: echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue,
|
||||
},
|
||||
]
|
||||
}
|
||||
break
|
||||
default:
|
||||
if (
|
||||
echoData.value.infoList &&
|
||||
echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0]
|
||||
) {
|
||||
child.note1 = echoData.value.infoList.filter(
|
||||
(fil) => fil.attrType == child.name
|
||||
)[0].attrValue
|
||||
}
|
||||
break
|
||||
}
|
||||
})
|
||||
}
|
||||
console.log('item================>', item, echoData.value)
|
||||
})
|
||||
}
|
||||
})
|
||||
data.value = res.data.data.children
|
||||
refData.value = data.value.filter(
|
||||
|
|
@ -449,7 +572,20 @@
|
|||
console.log('所有编目结构==============>', res.data.data)
|
||||
})
|
||||
}
|
||||
init()
|
||||
const resourceId = router.currentRoute.value.query.id
|
||||
const taskId = router.currentRoute.value.query.taskId
|
||||
const echoData = ref({})
|
||||
if (resourceId) {
|
||||
// 回显数据
|
||||
selectOne(resourceId).then((res) => {
|
||||
echoData.value = res.data.data
|
||||
dataFrom.value = echoData.value
|
||||
init()
|
||||
// console.log('驳回修改===================>', echoData.value)
|
||||
})
|
||||
} else {
|
||||
init()
|
||||
}
|
||||
mybus.on('chageDataFrom', (obj) => {
|
||||
if (obj.attrType == '技术文档' && obj.attrValue != null) {
|
||||
shiyongshouce.value = obj
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.liangjunhua
|
||||
* @Date: 2022-06-17 14:11:08
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-07-26 16:29:25
|
||||
* @LastEditTime: 2022-08-02 11:31:43
|
||||
* @Description: 上架
|
||||
-->
|
||||
<template>
|
||||
|
|
@ -671,6 +671,8 @@
|
|||
console.log('默认部门=========>', item, res1.data)
|
||||
data.value.list.push(item)
|
||||
})
|
||||
} else {
|
||||
data.value.list.push(item)
|
||||
}
|
||||
})
|
||||
} else if (item.name === '部门联系人') {
|
||||
|
|
@ -680,6 +682,8 @@
|
|||
item.note1 = res1.data.realName || ''
|
||||
})
|
||||
data.value.list.push(item)
|
||||
} else {
|
||||
data.value.list.push(item)
|
||||
}
|
||||
} else if (item.name === '部门联系人电话') {
|
||||
if (!item.note1) {
|
||||
|
|
@ -688,6 +692,8 @@
|
|||
item.note1 = res1.data.mobile || ''
|
||||
})
|
||||
data.value.list.push(item)
|
||||
} else {
|
||||
data.value.list.push(item)
|
||||
}
|
||||
} else if (item.name === '来源应用') {
|
||||
queryApplicationRelByResourceId({
|
||||
|
|
@ -707,6 +713,7 @@
|
|||
data.value.list.push(item)
|
||||
}
|
||||
})
|
||||
console.log('props.dataFrom', data.value.list)
|
||||
})
|
||||
if (props.dataFrom) {
|
||||
// console.log(props.dataFrom, data.value.list)
|
||||
|
|
@ -1012,7 +1019,7 @@
|
|||
showTypeClick('调用接口')
|
||||
|
||||
watch(data.value.list, (newProps, oldProps) => {
|
||||
// console.log(newProps, oldProps)
|
||||
console.log('数据发生改变==========>', newProps, oldProps)
|
||||
newProps.forEach((val) => {
|
||||
// console.log('数据发生改变==========>', val)
|
||||
if (
|
||||
|
|
@ -1032,6 +1039,7 @@
|
|||
if (val.options) {
|
||||
note2 = val.options.filter((item) => item.value == val.note1)[0]
|
||||
}
|
||||
console.log('chageDataFromDwon===================>', val)
|
||||
mybus.emit('chageDataFromDwon', {
|
||||
attrType: val.name,
|
||||
attrValue: val.note1,
|
||||
|
|
@ -1040,11 +1048,21 @@
|
|||
})
|
||||
} else {
|
||||
if (val.name !== '应用领域' && val.name !== '发布端') {
|
||||
mybus.emit('chageDataFrom', {
|
||||
attrType: val.name,
|
||||
attrValue: val.note1,
|
||||
delFlag: 0,
|
||||
})
|
||||
if (val.name == '算法介绍视频') {
|
||||
console.log('变更视频==================>', val)
|
||||
mybus.emit('chageDataFrom', {
|
||||
attrType: val.name,
|
||||
attrValue: val.note1,
|
||||
delFlag: 0,
|
||||
note3: val.note3,
|
||||
})
|
||||
} else {
|
||||
mybus.emit('chageDataFrom', {
|
||||
attrType: val.name,
|
||||
attrValue: val.note1,
|
||||
delFlag: 0,
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.liangjunhua
|
||||
* @Date: 2022-06-09 15:41:19
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-06-20 16:38:35
|
||||
* @LastEditTime: 2022-08-02 11:30:50
|
||||
* @Description: 上传组件
|
||||
-->
|
||||
<template>
|
||||
|
|
@ -89,12 +89,22 @@
|
|||
return flag || Upload.LIST_IGNORE
|
||||
}
|
||||
const handlePreview = (file) => {
|
||||
// console.log(file)
|
||||
window.open(
|
||||
window.SITE_CONFIG.previewUrl +
|
||||
'hisense_office/onlinePreview?url=' +
|
||||
btoa(encodeURI(file.response.data))
|
||||
)
|
||||
console.log(file)
|
||||
if (file.response && file.response.data) {
|
||||
window.open(
|
||||
window.SITE_CONFIG.previewUrl +
|
||||
'hisense_office/onlinePreview?url=' +
|
||||
btoa(encodeURI(file.response.data))
|
||||
)
|
||||
} else if (file.url) {
|
||||
window.open(
|
||||
window.SITE_CONFIG.previewUrl +
|
||||
'hisense_office/onlinePreview?url=' +
|
||||
btoa(encodeURI(file.url))
|
||||
)
|
||||
} else {
|
||||
message.warning('预览失败！')
|
||||
}
|
||||
}
|
||||
const handleChange = (info) => {
|
||||
if (info.file.status !== 'uploading') {
|
||||
|
|
@ -104,6 +114,8 @@
|
|||
message.success(`${info.file.name}上传成功`)
|
||||
// eslint-disable-next-line vue/no-mutating-props
|
||||
props.data.note1 = info.file.response.data
|
||||
// eslint-disable-next-line vue/no-mutating-props
|
||||
props.data.note3 = info.file.name
|
||||
console.log(props.data, fileList.value)
|
||||
if (props.type === '图片') {
|
||||
if (!props.emitFlag) {
|
||||
|
|
@ -120,6 +132,7 @@
|
|||
} else if (props.type === '压缩包') {
|
||||
mybus.emit('chagePackageList', fileList.value)
|
||||
} else if (props.type === '视频') {
|
||||
console.log(fileList.value)
|
||||
mybus.emit('chageVideoList', fileList.value)
|
||||
}
|
||||
} else if (info.file.status === 'error') {
|
||||
|
|
@ -133,16 +146,16 @@
|
|||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.upload-list-inline {
|
||||
width: unset;
|
||||
button {
|
||||
height: 30px;
|
||||
width: 100px;
|
||||
border: 1px solid #bbd3ef;
|
||||
border-radius: 6px;
|
||||
background: #edf4fc;
|
||||
color: #0087ff;
|
||||
font-size: 14px;
|
||||
.upload-list-inline {
|
||||
width: unset;
|
||||
button {
|
||||
height: 30px;
|
||||
width: 100px;
|
||||
border: 1px solid #bbd3ef;
|
||||
border-radius: 6px;
|
||||
background: #edf4fc;
|
||||
color: #0087ff;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,171 @@
|
|||
<template>
|
||||
<div class="TheOverallProcess">
|
||||
<div class="TheOverallProcess-title">
|
||||
<div class="TheOverallProcess-title-text">总体流程</div>
|
||||
<div class="TheOverallProcess-title-line"></div>
|
||||
</div>
|
||||
<div class="TheOverallProcess-content">
|
||||
<span class="neng-li-ji-shi">能力集市</span>
|
||||
<span class="neng-li-cha-yue">能力查阅</span>
|
||||
<span class="shen-he-fa-bu-xia-jia">审核发布/下架</span>
|
||||
<span class="shen-qing">申请</span>
|
||||
<span class="neng-li-shang-jia-xia-jia">能力上架/下架</span>
|
||||
<span class="shen-he">审核</span>
|
||||
<span class="xin-xv-qui-fa-bu">新需求发布</span>
|
||||
<span class="neng-li-gong-xiang-fang">能力共享方（区市委办局）</span>
|
||||
<span class="UCS-neng-li-gong-xiang-ping-tai">UCS-能力共享平台</span>
|
||||
<span class="neng-li-shi-yong-fang">能力使用方（区市委办局）</span>
|
||||
<span class="shen-he-fa-bu">审核发布</span>
|
||||
<span class="xiang-ying-ping-lun">响应评论</span>
|
||||
<span class="shen-he-ti-gong">审核提供</span>
|
||||
<span class="xv-qui-zhong-xin">需求中心</span>
|
||||
<span class="neng-li-shen-qing-liu-cheng">能力申请流程</span>
|
||||
<span class="neng-li-xv-qiu-liu-cheng">能力需求流程</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup></script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.TheOverallProcess {
|
||||
width: 100%;
|
||||
.TheOverallProcess-title {
|
||||
margin: 57px 0 24px 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.TheOverallProcess-title-text {
|
||||
font-size: 26px;
|
||||
line-height: 26px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.TheOverallProcess-title-line {
|
||||
width: 50px;
|
||||
height: 3px;
|
||||
background: #0058e1;
|
||||
}
|
||||
}
|
||||
.TheOverallProcess-content {
|
||||
height: 855px;
|
||||
background: url('~@/assets/menu/TheOverallProcess-bg.png');
|
||||
position: relative;
|
||||
& > span {
|
||||
position: absolute;
|
||||
}
|
||||
.neng-li-ji-shi {
|
||||
left: 50%;
|
||||
top: 155px;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
margin-left: -36px;
|
||||
margin-top: -9px;
|
||||
}
|
||||
.neng-li-cha-yue {
|
||||
top: 85px;
|
||||
right: 658px;
|
||||
font-size: 16px;
|
||||
color: #ffc183;
|
||||
margin-top: -8px;
|
||||
margin-right: -32px;
|
||||
}
|
||||
.shen-he-fa-bu-xia-jia {
|
||||
top: 232px;
|
||||
left: 810px;
|
||||
font-size: 16px;
|
||||
color: #c1b3ff;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.shen-qing {
|
||||
right: 890px;
|
||||
top: 232px;
|
||||
font-size: 16px;
|
||||
margin-top: -8px;
|
||||
color: #ffc183;
|
||||
}
|
||||
.neng-li-shang-jia-xia-jia {
|
||||
top: 329px;
|
||||
left: 650px;
|
||||
font-size: 16px;
|
||||
color: #c1b3ff;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.shen-he {
|
||||
left: 693px;
|
||||
bottom: 409px;
|
||||
font-size: 16px;
|
||||
margin-top: -8px;
|
||||
color: #ffc183;
|
||||
}
|
||||
.xin-xv-qui-fa-bu {
|
||||
right: 650px;
|
||||
bottom: 487px;
|
||||
font-size: 16px;
|
||||
margin-top: -8px;
|
||||
color: #85edff;
|
||||
}
|
||||
.neng-li-gong-xiang-fang {
|
||||
left: 350px;
|
||||
top: 442px;
|
||||
font-size: 18px;
|
||||
margin-top: -9px;
|
||||
color: #fff;
|
||||
}
|
||||
.UCS-neng-li-gong-xiang-ping-tai {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
margin-top: 15px;
|
||||
margin-left: -74px;
|
||||
}
|
||||
.neng-li-shi-yong-fang {
|
||||
top: 442px;
|
||||
right: 350px;
|
||||
font-size: 18px;
|
||||
margin-top: -9px;
|
||||
color: #fff;
|
||||
}
|
||||
.shen-he-fa-bu {
|
||||
bottom: 321px;
|
||||
right: 50%;
|
||||
font-size: 16px;
|
||||
margin-bottom: -8px;
|
||||
color: #85edff;
|
||||
margin-right: -77px;
|
||||
}
|
||||
.xiang-ying-ping-lun {
|
||||
bottom: 230px;
|
||||
left: 679px;
|
||||
font-size: 16px;
|
||||
color: #85edff;
|
||||
}
|
||||
.shen-he-ti-gong {
|
||||
left: 50%;
|
||||
bottom: 47px;
|
||||
font-size: 16px;
|
||||
margin-bottom: -8px;
|
||||
color: #ffc183;
|
||||
margin-left: -32px;
|
||||
}
|
||||
.xv-qui-zhong-xin {
|
||||
font-size: 18px;
|
||||
left: 50%;
|
||||
margin-left: -36px;
|
||||
bottom: 147px;
|
||||
color: #fff;
|
||||
margin-bottom: -9px;
|
||||
}
|
||||
.neng-li-shen-qing-liu-cheng {
|
||||
color: #fff;
|
||||
left: 125px;
|
||||
top: 64px;
|
||||
}
|
||||
.neng-li-xv-qiu-liu-cheng {
|
||||
color: #fff;
|
||||
left: 125px;
|
||||
top: 102px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,125 +1,427 @@
|
|||
<template>
|
||||
<div class="menu-box">
|
||||
<div class="content-box">
|
||||
<!-- 提供服务 -->
|
||||
<div class="img-bg service-box">
|
||||
<div class="title" style="margin-bottom: 20px">
|
||||
<div class="text text-white">提供服务</div>
|
||||
<div class="line line-white"></div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<div class="list-item" v-for="(item, i) in seviceList" :key="i">
|
||||
<div class="item-name">{{ item.name }}</div>
|
||||
<div class="name-box">
|
||||
<div class="item-v" v-for="(v, j) in item.list" :key="j">{{ v }}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- imgList -->
|
||||
<div class="img-box" v-for="(item, i) in imgList" :key="i">
|
||||
<div class="title">
|
||||
<div class="text">{{ item.name }}</div>
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<div class="img-bg" :class="item.className" :style="{ 'background-image': `url(${item.bgImg || ''})` }">
|
||||
</div>
|
||||
<div v-if="item.btnText" class="btn">{{ item.btnText }} >></div>
|
||||
</div>
|
||||
<div class="menu-box">
|
||||
<div class="content-box">
|
||||
<!-- 提供服务 -->
|
||||
<div class="img-bg service-box">
|
||||
<div class="title" style="margin-bottom: 20px">
|
||||
<div class="text text-white">提供服务</div>
|
||||
<div class="line line-white"></div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<div class="list-item" v-for="(item, i) in seviceList" :key="i">
|
||||
<div class="item-name">
|
||||
<img :src="item.img" />
|
||||
{{ item.name }}
|
||||
</div>
|
||||
<div class="name-box">
|
||||
<div
|
||||
class="item-v"
|
||||
v-for="(v, j) in item.list"
|
||||
:key="j"
|
||||
:style="{
|
||||
'background-image': `url(${item.imgBG || ''})`,
|
||||
width: `${item.width || ''}`,
|
||||
}"
|
||||
>
|
||||
{{ v }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 总体流程 -->
|
||||
<TheOverallProcess></TheOverallProcess>
|
||||
<!-- imgList -->
|
||||
<div class="img-box" v-for="(item, i) in imgList" :key="i">
|
||||
<div class="title">
|
||||
<div class="text">{{ item.name }}</div>
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<div
|
||||
class="img-bg"
|
||||
:class="item.className"
|
||||
:style="{ 'background-image': `url(${item.bgImg || ''})` }"
|
||||
></div>
|
||||
<div v-if="item.btnText" class="btn" @click="toWhere(item.name)">
|
||||
{{ item.btnText }} >>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 联系我们 -->
|
||||
<div class="img-bg callus-box">
|
||||
<div class="title" style="margin-bottom: 20px">
|
||||
<div class="text text-white">联系我们</div>
|
||||
<div class="line line-white"></div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<p>
|
||||
办公电话：
|
||||
<span>0530-0000000</span>
|
||||
</p>
|
||||
<p>
|
||||
手机号：
|
||||
<span>0530-0000000</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 能力上架弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="visible"
|
||||
@ok="handleOk"
|
||||
class="shangjia-class"
|
||||
@cancel="handlecancel"
|
||||
>
|
||||
<div class="ant-modal-title" id="vcDialogTitle1">
|
||||
<div class="showBg"></div>
|
||||
能力上架申请
|
||||
</div>
|
||||
<div class="ability-to-type">
|
||||
<div class="title">能力类型选择</div>
|
||||
<div class="ability-to-type-content">
|
||||
<div
|
||||
v-for="item in abilityToType"
|
||||
:key="item"
|
||||
@click="abilityToTypeFunction(item)"
|
||||
:class="
|
||||
abilityToTypeFunctionData == item ? 'ability-to-type-down' : ''
|
||||
"
|
||||
>
|
||||
{{ item }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="component-type"
|
||||
v-if="abilityToTypeFunctionData == '组件服务'"
|
||||
>
|
||||
<div class="title">组件类型选择</div>
|
||||
<div class="component-type-content">
|
||||
<!-- <a-checkbox-group
|
||||
v-model:value="value1"
|
||||
name="checkboxgroup"
|
||||
:options="componentType"
|
||||
/> -->
|
||||
<a-radio-group v-model:value="componentTypeValue">
|
||||
<a-radio
|
||||
@click="componentTypeValueFunction(item)"
|
||||
v-for="item in componentType"
|
||||
:key="item"
|
||||
:value="item"
|
||||
>
|
||||
{{ item }}
|
||||
</a-radio>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import HomeHeader from '@/views/home/components/header'
|
||||
import HomeFooter from '@/views/newHome/components/Footer'
|
||||
import { ref, onMounted } from 'vue'
|
||||
import HomeHeader from '@/views/home/components/header'
|
||||
import HomeFooter from '@/views/newHome/components/Footer'
|
||||
import { ref, onMounted, watch } from 'vue'
|
||||
import TheOverallProcess from './TheOverallProcess.vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { message } from 'ant-design-vue'
|
||||
|
||||
const seviceList = ref(
|
||||
[
|
||||
{
|
||||
name: '组件服务',
|
||||
list: ['智能算法', '图层服务', '开发组件', '业务组件'],
|
||||
},
|
||||
{
|
||||
name: '应用资源',
|
||||
list: ['办公系统', '业务系统', '门户网站', '大屏看板', '小程序', '公众号'],
|
||||
},
|
||||
{
|
||||
name: '组件服务',
|
||||
list: ['视频资源', '云资源', '感知资源'],
|
||||
},
|
||||
{
|
||||
name: '组件服务',
|
||||
list: ['政务信息资源'],
|
||||
},
|
||||
]
|
||||
)
|
||||
const router = useRouter()
|
||||
|
||||
const imgList = ref([
|
||||
const seviceList = ref([
|
||||
{
|
||||
name: '能力上架',
|
||||
bgImg: require('../../../assets/menu/shelves.png'),
|
||||
btnText: '立即上架',
|
||||
className: 'shelves-img'
|
||||
name: '组件服务',
|
||||
img: require('@/assets/menu/service-component.png'),
|
||||
list: ['智能算法', '图层服务', '开发组件', '业务组件'],
|
||||
imgBG: require('../../../assets/menu/imgBG.png'),
|
||||
width: '124px',
|
||||
},
|
||||
{
|
||||
name: '能力申请',
|
||||
bgImg: require('../../../assets/menu/apply.png'),
|
||||
btnText: '立即申请',
|
||||
className: 'apply-img'
|
||||
name: '应用资源',
|
||||
img: require('@/assets/menu/service-application.png'),
|
||||
list: [
|
||||
'办公系统',
|
||||
'业务系统',
|
||||
'门户网站',
|
||||
'大屏看板',
|
||||
'小程序',
|
||||
'公众号',
|
||||
],
|
||||
imgBG: require('../../../assets/menu/imgBG.png'),
|
||||
width: '124px',
|
||||
},
|
||||
{
|
||||
name: '需求发布',
|
||||
bgImg: require('../../../assets/menu/demand.png'),
|
||||
btnText: '立即发布',
|
||||
className: 'demand-img'
|
||||
},
|
||||
{
|
||||
name: '资源下架',
|
||||
bgImg: require('../../../assets/menu/down.png'),
|
||||
btnText: '立即下架',
|
||||
className: 'down-img'
|
||||
},
|
||||
])
|
||||
name: '基础设施',
|
||||
img: require('@/assets/menu/service-infrastructure.png'),
|
||||
|
||||
list: ['视频资源', '云资源', '感知资源'],
|
||||
imgBG: require('../../../assets/menu/imgBG.png'),
|
||||
width: '124px',
|
||||
},
|
||||
{
|
||||
name: '数据资源',
|
||||
img: require('@/assets/menu/service-data.png'),
|
||||
|
||||
list: ['政务信息资源'],
|
||||
imgBG: require('../../../assets/menu/imgBG-long.png'),
|
||||
width: '200px',
|
||||
},
|
||||
])
|
||||
|
||||
const imgList = ref([
|
||||
{
|
||||
name: '能力上架',
|
||||
bgImg: require('../../../assets/menu/shelves.png'),
|
||||
btnText: '立即上架',
|
||||
className: 'shelves-img',
|
||||
},
|
||||
{
|
||||
name: '能力申请',
|
||||
bgImg: require('../../../assets/menu/apply.png'),
|
||||
btnText: '立即申请',
|
||||
className: 'apply-img',
|
||||
},
|
||||
{
|
||||
name: '需求发布',
|
||||
bgImg: require('../../../assets/menu/demand.png'),
|
||||
btnText: '立即发布',
|
||||
className: 'demand-img',
|
||||
},
|
||||
{
|
||||
name: '资源下架',
|
||||
bgImg: require('../../../assets/menu/down.png'),
|
||||
btnText: '立即下架',
|
||||
className: 'down-img',
|
||||
},
|
||||
])
|
||||
// 能力上架弹窗
|
||||
function handlecancel() {
|
||||
abilityToTypeFunctionData.value = '组件服务'
|
||||
componentTypeValue.value = ''
|
||||
}
|
||||
let abilityToTypeFunctionData = ref('组件服务')
|
||||
function abilityToTypeFunction(item) {
|
||||
abilityToTypeFunctionData.value = item
|
||||
}
|
||||
let abilityToType = ref(['组件服务', '应用资源'])
|
||||
let componentType = ref([
|
||||
'智能算法',
|
||||
'图层服务',
|
||||
'开发组件',
|
||||
// '办公组件',
|
||||
'业务组件',
|
||||
// '其他',
|
||||
])
|
||||
const visible = ref(false)
|
||||
let componentTypeValueOld = ref('')
|
||||
function componentTypeValueFunction(item) {
|
||||
if (componentTypeValueOld.value != item) {
|
||||
componentTypeValue.value = item
|
||||
componentTypeValueOld.value = item
|
||||
} else {
|
||||
componentTypeValue.value = ''
|
||||
}
|
||||
}
|
||||
let componentTypeValue = ref('')
|
||||
const handleOk = (e) => {
|
||||
let snum = ref({})
|
||||
if (abilityToTypeFunctionData.value == '组件服务') {
|
||||
if (!componentTypeValue.value || componentTypeValue.value == '') {
|
||||
message.error('请选择组件类型！')
|
||||
return
|
||||
} else if (
|
||||
componentTypeValue.value === '智能算法' ||
|
||||
componentTypeValue.value === '开发组件' ||
|
||||
componentTypeValue.value === '业务组件' ||
|
||||
componentTypeValue.value === '图层服务'
|
||||
) {
|
||||
snum.value = {
|
||||
abilityToType: abilityToTypeFunctionData.value,
|
||||
componentTypeValue: componentTypeValue.value,
|
||||
}
|
||||
} else {
|
||||
message.error('功能开发中！')
|
||||
return
|
||||
}
|
||||
} else {
|
||||
snum.value = {
|
||||
abilityToType: abilityToTypeFunctionData.value,
|
||||
}
|
||||
}
|
||||
const applypage = router.resolve({
|
||||
path: '/nenglishangjia', // 跳转的页面路由
|
||||
query: snum.value,
|
||||
})
|
||||
window.open(applypage.href, '_blank')
|
||||
visible.value = false
|
||||
abilityToTypeFunctionData.value = '组件服务'
|
||||
componentTypeValue.value = ''
|
||||
console.log(e)
|
||||
}
|
||||
|
||||
// 跳转
|
||||
const toWhere = (data) => {
|
||||
console.log(data, 'wwwwwww')
|
||||
if (data === '能力上架') {
|
||||
visible.value = true
|
||||
} else if (data === '能力申请') {
|
||||
const newpage = router.resolve({
|
||||
path: '/addApplication', // 跳转的页面路由
|
||||
})
|
||||
window.open(newpage.href, '_blank')
|
||||
} else if (data === '需求发布') {
|
||||
const newpage = router.resolve({
|
||||
path: '/DetailsPageconetent',
|
||||
query: {
|
||||
select: '组件服务',
|
||||
},
|
||||
})
|
||||
window.location.href = newpage.href
|
||||
} else if (data === '资源下架') {
|
||||
window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
|
||||
const newpage = router.resolve({
|
||||
path: '/personalCenter',
|
||||
})
|
||||
window.location.href = newpage.href
|
||||
}
|
||||
}
|
||||
watch(abilityToTypeFunctionData, () => {
|
||||
componentTypeValue.value = ''
|
||||
})
|
||||
</script>
|
||||
<style lang="less">
|
||||
.shangjia-class {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -2.6rem;
|
||||
margin-top: -1.44rem;
|
||||
font-size: 0.14rem;
|
||||
font-weight: 500;
|
||||
|
||||
.ant-radio-inner {
|
||||
height: 0.16rem;
|
||||
width: 0.16rem;
|
||||
}
|
||||
.ant-radio-inner::after {
|
||||
background-color: unset;
|
||||
background: url('~@/assets/personalCenter/xuanzhong.png') no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.ant-modal-content {
|
||||
border-radius: 0.1rem;
|
||||
.ability-to-type,
|
||||
.component-type {
|
||||
display: flex;
|
||||
margin-top: 0.2rem;
|
||||
.title {
|
||||
white-space: nowrap;
|
||||
margin-right: 0.2rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 0.26rem;
|
||||
}
|
||||
.component-type-content {
|
||||
width: 100%;
|
||||
height: unset;
|
||||
border: unset;
|
||||
background: unset;
|
||||
.ant-radio-group {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-gap: 0.15rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ability-to-type {
|
||||
.ability-to-type-content {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
height: unset;
|
||||
border: unset;
|
||||
background: unset;
|
||||
div {
|
||||
margin-right: 0.15rem;
|
||||
cursor: pointer;
|
||||
font-size: 0.14rem;
|
||||
width: 0.9rem;
|
||||
height: 0.26rem;
|
||||
border-radius: 0.13rem;
|
||||
color: #333333;
|
||||
background: #f5f5f5;
|
||||
border: 0.01rem #cccccc solid;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ability-to-type-down {
|
||||
background: #0087ff;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ant-modal-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ant-modal-footer {
|
||||
border: 0;
|
||||
text-align: center;
|
||||
padding-bottom: 0.2rem;
|
||||
button {
|
||||
margin-right: 0.2rem;
|
||||
border-radius: 0.08rem;
|
||||
}
|
||||
}
|
||||
|
||||
.showBg {
|
||||
height: 0.24rem;
|
||||
width: 0.24rem;
|
||||
background: url('~@/assets/home/shenqing.png') no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
.menu-box {
|
||||
.menu-box {
|
||||
width: 1920px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
// padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.title {
|
||||
.title {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.text {
|
||||
padding: 20px 0;
|
||||
font-size: 26px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
font-size: 26px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 50px;
|
||||
height: 3px;
|
||||
background: #0058e1;
|
||||
margin: 0 auto
|
||||
width: 50px;
|
||||
height: 3px;
|
||||
background: #0058e1;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.line-white {
|
||||
background: #fff;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.text-white {
|
||||
color: #fff;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.btn {
|
||||
.btn {
|
||||
width: 150px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
|
|
@ -132,103 +434,128 @@ const imgList = ref([
|
|||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: #e5eefc;
|
||||
background: #e5eefc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.img-box {
|
||||
.img-box {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.service-box {
|
||||
.service-box {
|
||||
width: 1920px;
|
||||
height: 613px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url('../../../assets/menu/service.png');
|
||||
|
||||
.list-box {
|
||||
width: 1560px;
|
||||
height: 350px;
|
||||
margin: 0 auto;
|
||||
width: 1560px;
|
||||
height: 350px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
.callus-box {
|
||||
width: 1920px;
|
||||
height: 214px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url('../../../assets/menu/callus.png');
|
||||
.list-box {
|
||||
width: 1560px;
|
||||
// height: 350px;
|
||||
margin: 0 auto;
|
||||
p {
|
||||
font-size: 24px;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
span {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
p:nth-child(1) {
|
||||
margin-right: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.img-bg {
|
||||
.img-bg {
|
||||
width: 1920px;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.process-img {
|
||||
.process-img {
|
||||
height: 855px;
|
||||
background-image: url('../../../assets/menu/process.png');
|
||||
}
|
||||
}
|
||||
|
||||
.shelves-img {
|
||||
.shelves-img {
|
||||
height: 497px;
|
||||
width: 1107px;
|
||||
margin: 0 auto;
|
||||
background-image: url('../../../assets/menu/shelves.png');
|
||||
}
|
||||
}
|
||||
|
||||
.apply-img {
|
||||
.apply-img {
|
||||
height: 752px;
|
||||
background-image: url('../../../assets/menu/apply.png');
|
||||
}
|
||||
}
|
||||
|
||||
.demand-img {
|
||||
.demand-img {
|
||||
height: 525px;
|
||||
width: 1300px;
|
||||
margin: 0 auto;
|
||||
background-image: url('../../../assets/menu/demand.png');
|
||||
}
|
||||
}
|
||||
|
||||
.down-img {
|
||||
.down-img {
|
||||
height: 544px;
|
||||
background-image: url('../../../assets/menu/down.png');
|
||||
}
|
||||
}
|
||||
|
||||
.list-box {
|
||||
.list-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.list-item {
|
||||
padding: 10px 20px;
|
||||
width: 310px;
|
||||
height: 330px;
|
||||
background: rgba(23, 85, 177, 0.43);
|
||||
border: 1px solid #74a9f8;
|
||||
border-radius: 2px;
|
||||
margin: 0 10px;
|
||||
cursor: pointer;
|
||||
padding: 10px 20px;
|
||||
width: 310px;
|
||||
height: 356px;
|
||||
background: rgba(23, 85, 177, 0.43);
|
||||
border: 1px solid #74a9f8;
|
||||
border-radius: 10px;
|
||||
margin: 0 10px;
|
||||
cursor: pointer;
|
||||
|
||||
.item-name {
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
padding: 20px 0 10px 0;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
padding: 20px 0 10px 0;
|
||||
}
|
||||
.name-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.name-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.item-v {
|
||||
min-width: 100px;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.4);
|
||||
border-radius: 6px;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
margin: 0 16px 20px 16px;
|
||||
}
|
||||
.item-v {
|
||||
width: 124px;
|
||||
height: 74px;
|
||||
line-height: 74px;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
margin: 0 0 20px;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.item-v:nth-child(2n) {
|
||||
margin-left: 16px;
|
||||
}
|
||||
// .item-v:last-child {
|
||||
// width: 200px;
|
||||
// }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -4,227 +4,265 @@
|
|||
<div class="menu-box">
|
||||
<div id="container" class="content-menu">
|
||||
<div class="left">
|
||||
<div class="first-title-text" v-for="(data, i) in titleList" :key="i" @click="changeName(data)"
|
||||
:style="{ color: data.name === titleData.name ? '#0058e1' : '' }">
|
||||
<div
|
||||
class="first-title-text"
|
||||
v-for="(data, i) in titleList"
|
||||
:key="i"
|
||||
@click="changeName(data)"
|
||||
:style="{ color: data.name === titleData.name ? '#0058e1' : '' }"
|
||||
>
|
||||
<div class="img" :class="data.className"></div>
|
||||
{{ data.name }}
|
||||
</div>
|
||||
<abilityDocTree :dataList="treeArray" @treeClick="treeClick" :clickData="clickData"></abilityDocTree>
|
||||
<abilityDocTree
|
||||
:dataList="treeArray"
|
||||
@treeClick="treeClick"
|
||||
:clickData="clickData"
|
||||
></abilityDocTree>
|
||||
</div>
|
||||
<!-- 技术文档 -->
|
||||
<div class="right" v-if="titleData.name !== '新手指引'">
|
||||
<div style="height: 100%">
|
||||
<iframe name="iframeName" width="1300" height="100%" id="iframeId" :frameborder="0"
|
||||
:src="doc_base_url + clickData.doc"></iframe>
|
||||
<iframe
|
||||
name="iframeName"
|
||||
width="1300"
|
||||
height="100%"
|
||||
id="iframeId"
|
||||
:frameborder="0"
|
||||
:src="doc_base_url + clickData.doc"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 使用手册 -->
|
||||
<div class="manual"><p>使用手册</p></div>
|
||||
</div>
|
||||
<menuBook v-if="titleData.name === '新手指引'"></menuBook>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <home-footer></home-footer> -->
|
||||
<home-footer></home-footer>
|
||||
</template>
|
||||
<script setup>
|
||||
import HomeHeader from '@/views/home/components/header'
|
||||
import abilityDocTree from './components/abilityDocTree'
|
||||
import menuBook from './components/menuBook'
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
import { getDevelopDocTree } from '@/api/home'
|
||||
import HomeFooter from '@/views/newHome/components/Footer'
|
||||
// import flatten from '@turf/flatten'
|
||||
import HomeHeader from '@/views/home/components/header'
|
||||
import abilityDocTree from './components/abilityDocTree'
|
||||
import menuBook from './components/menuBook'
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
import { getDevelopDocTree } from '@/api/home'
|
||||
import HomeFooter from '@/views/newHome/components/Footer'
|
||||
// import flatten from '@turf/flatten'
|
||||
|
||||
const titleList = ref([
|
||||
{
|
||||
name: '新手指引',
|
||||
className: 'newGuide',
|
||||
},
|
||||
{
|
||||
name: '技术文档',
|
||||
className: 'doc',
|
||||
},
|
||||
])
|
||||
const titleData = ref(titleList.value[0])
|
||||
const clickData = ref({})
|
||||
const treeArray = ref([])
|
||||
const treeArrayCopy = ref([])
|
||||
let typeList = ['组件服务', '应用资源', '基础设施', '数据资源', '知识库']
|
||||
let doc_base_url = ref(window.SITE_CONFIG['frontUrl'])
|
||||
const titleList = ref([
|
||||
{
|
||||
name: '新手指引',
|
||||
className: 'newGuide',
|
||||
},
|
||||
{
|
||||
name: '技术文档',
|
||||
className: 'doc',
|
||||
},
|
||||
])
|
||||
const titleData = ref(titleList.value[0])
|
||||
const clickData = ref({})
|
||||
const treeArray = ref([])
|
||||
const treeArrayCopy = ref([])
|
||||
let typeList = ['组件服务', '应用资源', '基础设施', '数据资源', '知识库']
|
||||
let doc_base_url = ref(window.SITE_CONFIG['frontUrl'])
|
||||
|
||||
const treeClick = (item) => {
|
||||
clickData.value = item
|
||||
console.log('clickData------------>', item)
|
||||
titleData.value = titleList.value[1]
|
||||
}
|
||||
|
||||
const getTreeData = () => {
|
||||
getDevelopDocTree({})
|
||||
.then((res) => {
|
||||
console.log('res------文档树------>', res)
|
||||
if (res.data.code !== 0) {
|
||||
return message.error(res.data.msg)
|
||||
}
|
||||
treeArray.value = res.data.data || []
|
||||
treeArrayCopy.value = JSON.parse(JSON.stringify(treeArray.value))
|
||||
})
|
||||
.catch((err) => {
|
||||
message.error(err)
|
||||
})
|
||||
}
|
||||
|
||||
const changeName = (item) => {
|
||||
titleData.value = item
|
||||
if (item.name == '新手指引') {
|
||||
clickData.value = {}
|
||||
const treeClick = (item) => {
|
||||
clickData.value = item
|
||||
console.log('clickData------------>', item)
|
||||
titleData.value = titleList.value[1]
|
||||
}
|
||||
if (item.name == '技术文档') {
|
||||
if (!clickData.value.title) {
|
||||
clickData.value = {}
|
||||
treeArray.value = []
|
||||
treeArrayCopy.value.map((val, i) => {
|
||||
let obj = Object.assign({}, val, {
|
||||
title: val.title,
|
||||
show:
|
||||
(i === 0 && val.children && val.children.length > 0) ||
|
||||
typeList.includes(val.title)
|
||||
? true
|
||||
: false,
|
||||
children: [],
|
||||
})
|
||||
formData(val.children, obj)
|
||||
treeArray.value.push(obj)
|
||||
|
||||
const getTreeData = () => {
|
||||
getDevelopDocTree({})
|
||||
.then((res) => {
|
||||
console.log('res------文档树------>', res)
|
||||
if (res.data.code !== 0) {
|
||||
return message.error(res.data.msg)
|
||||
}
|
||||
treeArray.value = res.data.data || []
|
||||
treeArrayCopy.value = JSON.parse(JSON.stringify(treeArray.value))
|
||||
})
|
||||
getFirstData(treeArrayCopy.value[0] || {})
|
||||
.catch((err) => {
|
||||
message.error(err)
|
||||
})
|
||||
}
|
||||
|
||||
const changeName = (item) => {
|
||||
titleData.value = item
|
||||
if (item.name == '新手指引') {
|
||||
clickData.value = {}
|
||||
}
|
||||
if (item.name == '技术文档') {
|
||||
if (!clickData.value.title) {
|
||||
clickData.value = {}
|
||||
treeArray.value = []
|
||||
treeArrayCopy.value.map((val, i) => {
|
||||
let obj = Object.assign({}, val, {
|
||||
title: val.title,
|
||||
show:
|
||||
(i === 0 && val.children && val.children.length > 0) ||
|
||||
typeList.includes(val.title)
|
||||
? true
|
||||
: false,
|
||||
children: [],
|
||||
})
|
||||
formData(val.children, obj)
|
||||
treeArray.value.push(obj)
|
||||
})
|
||||
getFirstData(treeArrayCopy.value[0] || {})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const formData = (children = [], dataItem) => {
|
||||
children.map((item, index) => {
|
||||
let _obj = Object.assign({}, item, {
|
||||
title: item.title,
|
||||
show:
|
||||
(index === 0 && item.children && item.children.length > 0) ||
|
||||
const formData = (children = [], dataItem) => {
|
||||
children.map((item, index) => {
|
||||
let _obj = Object.assign({}, item, {
|
||||
title: item.title,
|
||||
show:
|
||||
(index === 0 && item.children && item.children.length > 0) ||
|
||||
typeList.includes(item.title)
|
||||
? true
|
||||
: false,
|
||||
children: [],
|
||||
? true
|
||||
: false,
|
||||
children: [],
|
||||
})
|
||||
if (item.children && item.children.length > 0) {
|
||||
formData(item.children, _obj)
|
||||
}
|
||||
dataItem.children.push(_obj)
|
||||
})
|
||||
if (item.children && item.children.length > 0) {
|
||||
formData(item.children, _obj)
|
||||
}
|
||||
dataItem.children.push(_obj)
|
||||
})
|
||||
}
|
||||
|
||||
const getFirstData = (firstObj = {}) => {
|
||||
if (firstObj && firstObj.children && firstObj.children.length > 0) {
|
||||
getFirstData(firstObj.children[0])
|
||||
} else {
|
||||
clickData.value = firstObj
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
getTreeData()
|
||||
})
|
||||
const getFirstData = (firstObj = {}) => {
|
||||
if (firstObj && firstObj.children && firstObj.children.length > 0) {
|
||||
getFirstData(firstObj.children[0])
|
||||
} else {
|
||||
clickData.value = firstObj
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
getTreeData()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.menu-box {
|
||||
// overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.first-title-text {
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
color: #333;
|
||||
padding-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&:hover {
|
||||
color: #0058e1;
|
||||
.menu-box {
|
||||
// overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-container {
|
||||
width: 100%;
|
||||
padding-top: 0.74rem;
|
||||
}
|
||||
.first-title-text {
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
color: #333;
|
||||
padding-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.content-menu {
|
||||
width: 1800px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
// position: fixed;
|
||||
// left: 50%;
|
||||
// bottom: 0;
|
||||
// transform: translateX(-50%);
|
||||
// top: 0.6rem;
|
||||
// top: 0;
|
||||
}
|
||||
&:hover {
|
||||
color: #0058e1;
|
||||
}
|
||||
}
|
||||
|
||||
.left {
|
||||
width: 200px;
|
||||
padding: 20px;
|
||||
margin-right: 20px;
|
||||
background: rgba(244, 245, 248, 1);
|
||||
overflow-y: scroll;
|
||||
position: fixed;
|
||||
top: 200px;
|
||||
left: 90px;
|
||||
}
|
||||
.menu-container {
|
||||
width: 100%;
|
||||
padding-top: 0.74rem;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 1300px;
|
||||
height: calc(100% - 20px);
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 300px;
|
||||
min-height: 600px;
|
||||
}
|
||||
.content-menu {
|
||||
width: 1800px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
// position: fixed;
|
||||
// left: 50%;
|
||||
// bottom: 0;
|
||||
// transform: translateX(-50%);
|
||||
// top: 0.6rem;
|
||||
// top: 0;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
right: 0 !important;
|
||||
}
|
||||
.left {
|
||||
z-index: 10;
|
||||
width: 200px;
|
||||
padding: 20px;
|
||||
margin-right: 20px;
|
||||
background: rgba(244, 245, 248, 1);
|
||||
overflow-y: scroll;
|
||||
position: fixed;
|
||||
top: 200px;
|
||||
left: 90px;
|
||||
}
|
||||
|
||||
.content {
|
||||
right: 16rem !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
.right {
|
||||
width: 1300px;
|
||||
height: calc(100% - 20px);
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 300px;
|
||||
min-height: 600px;
|
||||
}
|
||||
.manual {
|
||||
cursor: pointer;
|
||||
z-index: 10;
|
||||
width: 74px;
|
||||
height: 136px;
|
||||
position: fixed;
|
||||
top: 200px;
|
||||
right: 200px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url('../../assets/menu/manual.png');
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: unset !important;
|
||||
p {
|
||||
color: #005be1;
|
||||
font-size: 20px;
|
||||
margin-bottom: 0;
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.img {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.sidebar {
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
.doc {
|
||||
background: url('~@/assets/capabilityCloud/doc.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.content {
|
||||
right: 16rem !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
|
||||
.newGuide {
|
||||
background: url('~@/assets/capabilityCloud/newGuide.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.img {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.new-menu-box {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.doc {
|
||||
background: url('~@/assets/capabilityCloud/doc.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.rela {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.newGuide {
|
||||
background: url('~@/assets/capabilityCloud/newGuide.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.new-menu-box {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.rela {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -159,9 +159,9 @@
|
|||
</div>
|
||||
<div class="button-box">
|
||||
<div class="button" @click="showDetail(item)">查看详情</div>
|
||||
<!-- <div class="button" @click="showAdd(item)" v-if="item.backToFirst">
|
||||
<div class="button" @click="showAdd(item)" v-if="item.backToFirst">
|
||||
修改
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- <div
|
||||
v-if="
|
||||
!(
|
||||
|
|
@ -450,12 +450,21 @@
|
|||
// abilitydemandapply 需求申请
|
||||
// abilityprocess 能力申请
|
||||
if (item.processDefinitionKey == 'resourcemountapply') {
|
||||
const data = {
|
||||
id: item.resourceId,
|
||||
taskId: item.currentTaskList[0].taskId,
|
||||
}
|
||||
if (item.dto.type == '组件服务') {
|
||||
data.abilityToType = '组件服务'
|
||||
data.componentTypeValue = item.dto.infoList.filter(
|
||||
(val) => val.attrType == '组件类型'
|
||||
)[0].attrValue
|
||||
} else if (item.dto.type == '应用资源') {
|
||||
data.abilityToType = '应用资源'
|
||||
}
|
||||
const newpage = router.resolve({
|
||||
path: '/nenglishangjia', // 跳转的页面路由
|
||||
query: {
|
||||
id: item.resourceId,
|
||||
taskId: item.currentTaskList[0].taskId,
|
||||
},
|
||||
query: data,
|
||||
})
|
||||
console.log('上架申请修改=================》', item)
|
||||
window.open(newpage.href, '_blank')
|
||||
|
|
|
|||
Loading…
Reference in New Issue