合并版本v0.8.4.1

back/src/views/modules/hasToDoTasks/AbilityResourceShelf.vue

@@ -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>

back/src/views/modules/myAgent/demo/ResourcesAndServices.vue

@@ -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>

back/src/views/modules/myAgent/demo/ability-resource-shelf.vue

@@ -37,8 +37,8 @@
       <h3>审批</h3>
       <div>
         <el-button type="primary" @click="showDialog('同意')">同意</el-button>
-        <el-button type="danger" plain @click="showDialog('拒绝')"
+        <el-button type="danger" plain @click="showDialog('驳回')"
-          >拒绝</el-button
+          >驳回</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 = {
+    // var callbacks = {
-      startProcessSuccessCallback: this.closeCurrentTab,
+    //   startProcessSuccessCallback: this.closeCurrentTab,
-      startProcessErrorCallback: this.startProcessErrorCallback,
+    //   startProcessErrorCallback: this.startProcessErrorCallback,
-      taskHandleSuccessCallback: this.closeCurrentTab,
+    //   taskHandleSuccessCallback: this.closeCurrentTab,
-      taskHandleErrorCallback: this.taskHandleErrorCallback,
+    //   taskHandleErrorCallback: this.taskHandleErrorCallback,
-      formSaveSuccessCallback: null,
+    //   formSaveSuccessCallback: null,
-      formSaveErrorCallback: null
+    //   formSaveErrorCallback: null
-    }
+    // }
-    // 初始化综合组件
+    // // 初始化综合组件
-    this.initProcessMultiple(callbacks)
+    // 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.$http.get('/category/getCategoryTree').then((res) => {
-        this.insertList = res.data.data
+      //   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)

front/public/index.html

@@ -2,7 +2,7 @@
  * @Author: hisense.wuhongjian
  * @Date: 2022-03-29 16:45:25
  * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-08-02 10:18:50
+ * @LastEditTime: 2022-08-02 16:06:03
  * @Description: 告诉大家这是什么
 -->
 <!DOCTYPE html>

front/src/utils/request.js

@@ -98,7 +98,10 @@ instance.interceptors.response.use(
     }
     if (response.headers.redirect) {
       window.location.replace(response.headers.redirect)
-      return
+      // setTimeout(() => {
+      location.reload()
+      // }, 1000)
+      return response
     }
     if (response.headers.redirect === '/#/login') {
       var keys = document.cookie.match(/[^ =;]+(?=\=)/g)

front/src/views/capacityOnTheShelf/Algorithm.vue

@@ -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) => {
+        if (resourceId) {
-          const instanceId = res.data.data
+          delete dataFrom.value.createDate
-          dataFrom.value.id = res.data.data
+          delete dataFrom.value.updateDate
-          getUser().then((res6) => {
+          dataFrom.value.infoList.map((del) => {
-            getUserInfo(res6.data.data.id).then((res2) => {
+            delete del.createDate
-              const deptId = dataFrom.value.deptId
+            delete del.updateDate
-              const userId = res2.data.data.id
+          })
-              const userName = res2.data.data.realName
+          updateRes(dataFrom.value).then((upres) => {
-              const params = {
+            if (upres.data.code == 0) {
-                instanceId: instanceId,
+              relaunch({ data: dataFrom.value, taskId: taskId }).then((res) => {
-                deptId: deptId,
+                console.log('驳回================>', res)
-                userId: userId,
+                if (res.data.code == 0) {
-                userName: userName,
+                  message.success('重新发起流程成功！')
-                resourceDTO: [dataFrom.value],
+                  submitFlag.value = true
-              }
-              shangjiaapply(params).then((res3) => {
-                console.log('res3', res3)
-                if (res3.data.code == 0) {
-                  message.success('上架申请提交成功，请注意查看消息通知！')
                   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>

front/src/views/capacityOnTheShelf/Application.vue

@@ -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) => {
+      if (resourceId) {
-        const instanceId = res.data.data
+        delete dataFrom.value.createDate
-        dataFrom.value.id = res.data.data
+        delete dataFrom.value.updateDate
-        getUser().then((res6) => {
+        dataFrom.value.infoList.map((del) => {
-          getUserInfo(res6.data.data.id).then((res2) => {
+          delete del.createDate
-            const deptId = dataFrom.value.deptId
+          delete del.updateDate
-            const userId = res2.data.data.id
+        })
-            const userName = res2.data.data.realName
+        updateRes(dataFrom.value).then((upres) => {
-            const params = {
+          if (upres.data.code == 0) {
-              instanceId: instanceId,
+            relaunch({ data: dataFrom.value, taskId: taskId }).then((res) => {
-              deptId: deptId,
+              console.log('驳回================>', res)
-              userId: userId,
+              if (res.data.code == 0) {
-              userName: userName,
+                message.success('重新发起流程成功！')
-              resourceDTO: [dataFrom.value],
+                submitFlag.value = true
-            }
-            shangjiaapply(params).then((res3) => {
-              console.log('res3', res3)
-              if (res3.data.code == 0) {
-                message.success('上架申请提交成功，请注意查看消息通知！')
                 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

front/src/views/capacityOnTheShelf/BusinessComponent.vue

@@ -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
+        if (resourceId) {
-          dataFrom.value.id = res.data.data
+          delete dataFrom.value.createDate
-          getUser().then((res6) => {
+          delete dataFrom.value.updateDate
-            getUserInfo(res6.data.data.id).then((res2) => {
+          dataFrom.value.infoList.map((del) => {
-              const deptId = dataFrom.value.deptId
+            delete del.createDate
-              const userId = res2.data.data.id
+            delete del.updateDate
-              const userName = res2.data.data.realName
+          })
-              const params = {
+          updateRes(dataFrom.value).then((upres) => {
-                instanceId: instanceId,
+            if (upres.data.code == 0) {
-                deptId: deptId,
+              relaunch({ data: dataFrom.value, taskId: taskId }).then((res) => {
-                userId: userId,
+                console.log('驳回================>', res)
-                userName: userName,
+                if (res.data.code == 0) {
-                resourceDTO: [dataFrom.value],
+                  message.success('重新发起流程成功！')
-              }
+                  submitFlag.value = true
-              shangjiaapply(params).then((res3) => {
-                console.log('res3', res3)
-                if (res3.data.code == 0) {
-                  message.success('上架申请提交成功，请注意查看消息通知！')
                   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

front/src/views/capacityOnTheShelf/DevelopmentComponents.vue

@@ -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) => {
+        if (resourceId) {
-          const instanceId = res.data.data
+          delete dataFrom.value.createDate
-          dataFrom.value.id = res.data.data
+          delete dataFrom.value.updateDate
-          getUser().then((res6) => {
+          dataFrom.value.infoList.map((del) => {
-            getUserInfo(res6.data.data.id).then((res2) => {
+            delete del.createDate
-              const deptId = dataFrom.value.deptId
+            delete del.updateDate
-              const userId = res2.data.data.id
+          })
-              const userName = res2.data.data.realName
+          updateRes(dataFrom.value).then((upres) => {
-              const params = {
+            if (upres.data.code == 0) {
-                instanceId: instanceId,
+              relaunch({ data: dataFrom.value, taskId: taskId }).then((res) => {
-                deptId: deptId,
+                console.log('驳回================>', res)
-                userId: userId,
+                if (res.data.code == 0) {
-                userName: userName,
+                  message.success('重新发起流程成功！')
-                resourceDTO: [dataFrom.value],
+                  submitFlag.value = true
-              }
-              shangjiaapply(params).then((res3) => {
-                console.log('res3', res3)
-                if (res3.data.code == 0) {
-                  message.success('上架申请提交成功，请注意查看消息通知！')
                   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

front/src/views/capacityOnTheShelf/LayerServices.vue

@@ -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) => {
+        if (resourceId) {
-          const instanceId = res.data.data
+          delete dataFrom.value.createDate
-          dataFrom.value.id = res.data.data
+          delete dataFrom.value.updateDate
-          getUser().then((res6) => {
+          dataFrom.value.infoList.map((del) => {
-            getUserInfo(res6.data.data.id).then((res2) => {
+            delete del.createDate
-              const deptId = dataFrom.value.deptId
+            delete del.updateDate
-              const userId = res2.data.data.id
+          })
-              const userName = res2.data.data.realName
+          updateRes(dataFrom.value).then((upres) => {
-              const params = {
+            if (upres.data.code == 0) {
-                instanceId: instanceId,
+              relaunch({ data: dataFrom.value, taskId: taskId }).then((res) => {
-                deptId: deptId,
+                console.log('驳回================>', res)
-                userId: userId,
+                if (res.data.code == 0) {
-                userName: userName,
+                  message.success('重新发起流程成功！')
-                resourceDTO: [dataFrom.value],
+                  submitFlag.value = true
-              }
-              shangjiaapply(params).then((res3) => {
-                console.log('res3', res3)
-                if (res3.data.code == 0) {
-                  message.success('上架申请提交成功，请注意查看消息通知！')
                   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

front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue

@@ -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', {
+          if (val.name == '算法介绍视频') {
-            attrType: val.name,
+            console.log('变更视频==================>', val)
-            attrValue: val.note1,
+            mybus.emit('chageDataFrom', {
-            delFlag: 0,
+              attrType: val.name,
-          })
+              attrValue: val.note1,
+              delFlag: 0,
+              note3: val.note3,
+            })
+          } else {
+            mybus.emit('chageDataFrom', {
+              attrType: val.name,
+              attrValue: val.note1,
+              delFlag: 0,
+            })
+          }
         }
       }
     })

front/src/views/components/upload/index.vue

@@ -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)
+    console.log(file)
-    window.open(
+    if (file.response && file.response.data) {
-      window.SITE_CONFIG.previewUrl +
+      window.open(
-        'hisense_office/onlinePreview?url=' +
+        window.SITE_CONFIG.previewUrl +
-        btoa(encodeURI(file.response.data))
+          '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 {
+  .upload-list-inline {
-  width: unset;
+    width: unset;
-  button {
+    button {
-    height: 30px;
+      height: 30px;
-    width: 100px;
+      width: 100px;
-    border: 1px solid #bbd3ef;
+      border: 1px solid #bbd3ef;
-    border-radius: 6px;
+      border-radius: 6px;
-    background: #edf4fc;
+      background: #edf4fc;
-    color: #0087ff;
+      color: #0087ff;
-    font-size: 14px;
+      font-size: 14px;
+    }
   }
-}
 </style>

front/src/views/instructionManual/components/TheOverallProcess.vue

@@ -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>

front/src/views/instructionManual/components/menuBook.vue

@@ -1,125 +1,427 @@
 <template>
-    <div class="menu-box">
+  <div class="menu-box">
-        <div class="content-box">
+    <div class="content-box">
-            <!-- 提供服务 -->
+      <!-- 提供服务 -->
-            <div class="img-bg service-box">
+      <div class="img-bg service-box">
-                <div class="title" style="margin-bottom: 20px">
+        <div class="title" style="margin-bottom: 20px">
-                    <div class="text text-white">提供服务</div>
+          <div class="text text-white">提供服务</div>
-                    <div class="line line-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>
+        <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 HomeHeader from '@/views/home/components/header'
-import HomeFooter from '@/views/newHome/components/Footer'
+  import HomeFooter from '@/views/newHome/components/Footer'
-import { ref, onMounted } from 'vue'
+  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(
+  const router = useRouter()
-    [
-        {
-            name: '组件服务',
-            list: ['智能算法', '图层服务', '开发组件', '业务组件'],
-        },
-        {
-            name: '应用资源',
-            list: ['办公系统', '业务系统', '门户网站', '大屏看板', '小程序', '公众号'],
-        },
-        {
-            name: '组件服务',
-            list: ['视频资源', '云资源', '感知资源'],
-        },
-        {
-            name: '组件服务',
-            list: ['政务信息资源'],
-        },
-    ]
-)
 
-const imgList = ref([
+  const seviceList = ref([
     {
-        name: '能力上架',
+      name: '组件服务',
-        bgImg: require('../../../assets/menu/shelves.png'),
+      img: require('@/assets/menu/service-component.png'),
-        btnText: '立即上架',
+      list: ['智能算法', '图层服务', '开发组件', '业务组件'],
-        className: 'shelves-img'
+      imgBG: require('../../../assets/menu/imgBG.png'),
+      width: '124px',
     },
     {
-        name: '能力申请',
+      name: '应用资源',
-        bgImg: require('../../../assets/menu/apply.png'),
+      img: require('@/assets/menu/service-application.png'),
-        btnText: '立即申请',
+      list: [
-        className: 'apply-img'
+        '办公系统',
+        '业务系统',
+        '门户网站',
+        '大屏看板',
+        '小程序',
+        '公众号',
+      ],
+      imgBG: require('../../../assets/menu/imgBG.png'),
+      width: '124px',
     },
     {
-        name: '需求发布',
+      name: '基础设施',
-        bgImg: require('../../../assets/menu/demand.png'),
+      img: require('@/assets/menu/service-infrastructure.png'),
-        btnText: '立即发布',
-        className: 'demand-img'
-    },
-    {
-        name: '资源下架',
-        bgImg: require('../../../assets/menu/down.png'),
-        btnText: '立即下架',
-        className: 'down-img'
-    },
-])
 
+      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;
+      padding: 20px 0;
-        font-size: 26px;
+      font-size: 26px;
-        margin: 0 auto;
+      margin: 0 auto;
-        text-align: center;
+      text-align: center;
     }
 
     .line {
-        width: 50px;
+      width: 50px;
-        height: 3px;
+      height: 3px;
-        background: #0058e1;
+      background: #0058e1;
-        margin: 0 auto
+      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;
+      width: 1560px;
-        height: 350px;
+      height: 350px;
-        margin: 0 auto;
+      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;
+      padding: 10px 20px;
-        width: 310px;
+      width: 310px;
-        height: 330px;
+      height: 356px;
-        background: rgba(23, 85, 177, 0.43);
+      background: rgba(23, 85, 177, 0.43);
-        border: 1px solid #74a9f8;
+      border: 1px solid #74a9f8;
-        border-radius: 2px;
+      border-radius: 10px;
-        margin: 0 10px;
+      margin: 0 10px;
-        cursor: pointer;
+      cursor: pointer;
 
+      .item-name {
+        color: #fff;
+        font-size: 20px;
+        text-align: center;
+        padding: 20px 0 10px 0;
+      }
 
-        .item-name {
+      .name-box {
-            color: #fff;
+        display: flex;
-            font-size: 20px;
+        align-items: center;
-            text-align: center;
+        justify-content: flex-start;
-            padding: 20px 0 10px 0;
+        flex-wrap: wrap;
-        }
+      }
 
-        .name-box {
+      .item-v {
-            display: flex;
+        width: 124px;
-            align-items: center;
+        height: 74px;
-            justify-content: flex-start;
+        line-height: 74px;
-            flex-wrap: wrap;
+        color: #fff;
-        }
+        font-size: 20px;
-
+        text-align: center;
-        .item-v {
+        margin: 0 0 20px;
-            min-width: 100px;
+        background-size: 100% 100%;
-            color: #fff;
+      }
-            font-size: 20px;
+      .item-v:nth-child(2n) {
-            text-align: center;
+        margin-left: 16px;
-            padding: 10px;
+      }
-            border: 1px solid rgba(255, 255, 255, 0.4);
+      // .item-v:last-child {
-            border-radius: 6px;
+      //   width: 200px;
-            background: rgba(255, 255, 255, 0.2);
+      // }
-            margin: 0 16px 20px 16px;
-        }
     }
-}
+  }
 </style>

front/src/views/instructionManual/index.vue

@@ -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)"
+          <div
-            :style="{ color: data.name === titleData.name ? '#0058e1' : '' }">
+            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"
+            <iframe
-              :src="doc_base_url + clickData.doc"></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 HomeHeader from '@/views/home/components/header'
-import abilityDocTree from './components/abilityDocTree'
+  import abilityDocTree from './components/abilityDocTree'
-import menuBook from './components/menuBook'
+  import menuBook from './components/menuBook'
-import { ref, onMounted } from 'vue'
+  import { ref, onMounted } from 'vue'
-import { message } from 'ant-design-vue'
+  import { message } from 'ant-design-vue'
-import { getDevelopDocTree } from '@/api/home'
+  import { getDevelopDocTree } from '@/api/home'
-import HomeFooter from '@/views/newHome/components/Footer'
+  import HomeFooter from '@/views/newHome/components/Footer'
-// import flatten from '@turf/flatten'
+  // import flatten from '@turf/flatten'
 
-const titleList = ref([
+  const titleList = ref([
-  {
+    {
-    name: '新手指引',
+      name: '新手指引',
-    className: 'newGuide',
+      className: 'newGuide',
-  },
+    },
-  {
+    {
-    name: '技术文档',
+      name: '技术文档',
-    className: 'doc',
+      className: 'doc',
-  },
+    },
-])
+  ])
-const titleData = ref(titleList.value[0])
+  const titleData = ref(titleList.value[0])
-const clickData = ref({})
+  const clickData = ref({})
-const treeArray = ref([])
+  const treeArray = ref([])
-const treeArrayCopy = ref([])
+  const treeArrayCopy = ref([])
-let typeList = ['组件服务', '应用资源', '基础设施', '数据资源', '知识库']
+  let typeList = ['组件服务', '应用资源', '基础设施', '数据资源', '知识库']
-let doc_base_url = ref(window.SITE_CONFIG['frontUrl'])
+  let doc_base_url = ref(window.SITE_CONFIG['frontUrl'])
 
-const treeClick = (item) => {
+  const treeClick = (item) => {
-  clickData.value = item
+    clickData.value = item
-  console.log('clickData------------>', item)
+    console.log('clickData------------>', item)
-  titleData.value = titleList.value[1]
+    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 = {}
   }
-  if (item.name == '技术文档') {
+
-    if (!clickData.value.title) {
+  const getTreeData = () => {
-      clickData.value = {}
+    getDevelopDocTree({})
-      treeArray.value = []
+      .then((res) => {
-      treeArrayCopy.value.map((val, i) => {
+        console.log('res------文档树------>', res)
-        let obj = Object.assign({}, val, {
+        if (res.data.code !== 0) {
-          title: val.title,
+          return message.error(res.data.msg)
-          show:
+        }
-            (i === 0 && val.children && val.children.length > 0) ||
+        treeArray.value = res.data.data || []
-              typeList.includes(val.title)
+        treeArrayCopy.value = JSON.parse(JSON.stringify(treeArray.value))
-              ? true
-              : false,
-          children: [],
-        })
-        formData(val.children, obj)
-        treeArray.value.push(obj)
       })
-      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) => {
+  const formData = (children = [], dataItem) => {
-  children.map((item, index) => {
+    children.map((item, index) => {
-    let _obj = Object.assign({}, item, {
+      let _obj = Object.assign({}, item, {
-      title: item.title,
+        title: item.title,
-      show:
+        show:
-        (index === 0 && item.children && item.children.length > 0) ||
+          (index === 0 && item.children && item.children.length > 0) ||
           typeList.includes(item.title)
-          ? true
+            ? true
-          : false,
+            : false,
-      children: [],
+        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(() => {
+  const getFirstData = (firstObj = {}) => {
-  getTreeData()
+    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 {
+  .menu-box {
-  // overflow: hidden;
+    // overflow: hidden;
-  height: 100%;
+    height: 100%;
-}
-
-.first-title-text {
-  cursor: pointer;
-  font-size: 18px;
-  color: #333;
-  padding-bottom: 10px;
-  display: flex;
-  align-items: center;
-
-  &:hover {
-    color: #0058e1;
   }
-}
 
-.menu-container {
+  .first-title-text {
-  width: 100%;
+    cursor: pointer;
-  padding-top: 0.74rem;
+    font-size: 18px;
-}
+    color: #333;
+    padding-bottom: 10px;
+    display: flex;
+    align-items: center;
 
-.content-menu {
+    &:hover {
-  width: 1800px;
+      color: #0058e1;
-  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;
-}
 
-.left {
+  .menu-container {
-  width: 200px;
+    width: 100%;
-  padding: 20px;
+    padding-top: 0.74rem;
-  margin-right: 20px;
+  }
-  background: rgba(244, 245, 248, 1);
-  overflow-y: scroll;
-  position: fixed;
-  top: 200px;
-  left: 90px;
-}
 
-.right {
+  .content-menu {
-  width: 1300px;
+    width: 1800px;
-  height: calc(100% - 20px);
+    display: flex;
-  position: absolute;
+    justify-content: flex-start;
-  top: 10px;
+    margin: 0 auto;
-  left: 300px;
+    box-sizing: border-box;
-  min-height: 600px;
+    // position: fixed;
-}
+    // left: 50%;
+    // bottom: 0;
+    // transform: translateX(-50%);
+    // top: 0.6rem;
+    // top: 0;
+  }
 
-.sidebar {
+  .left {
-  right: 0 !important;
+    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 {
-  right: 16rem !important;
+    width: 1300px;
-  left: 0 !important;
+    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 {
+  .sidebar {
-  height: 20px;
+    right: 0 !important;
-  width: 20px;
+  }
-  margin-right: 8px;
-}
 
-.doc {
+  .content {
-  background: url('~@/assets/capabilityCloud/doc.png') no-repeat;
+    right: 16rem !important;
-  background-size: 100%;
+    left: 0 !important;
-}
+  }
 
-.newGuide {
+  .img {
-  background: url('~@/assets/capabilityCloud/newGuide.png') no-repeat;
+    height: 20px;
-  background-size: 100%;
+    width: 20px;
-}
+    margin-right: 8px;
+  }
 
-.new-menu-box {
+  .doc {
-  height: 100%;
+    background: url('~@/assets/capabilityCloud/doc.png') no-repeat;
-  display: flex;
+    background-size: 100%;
-  align-items: center;
+  }
-  justify-content: center;
-}
 
-.rela {
+  .newGuide {
-  width: 100%;
+    background: url('~@/assets/capabilityCloud/newGuide.png') no-repeat;
-  height: 100%;
+    background-size: 100%;
-  position: relative;
+  }
-}
 
+  .new-menu-box {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .rela {
+    width: 100%;
+    height: 100%;
+    position: relative;
+  }
 </style>

front/src/views/personalCenter/components/MyApply.vue

@@ -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: {
+        query: data,
-          id: item.resourceId,
-          taskId: item.currentTaskList[0].taskId,
-        },
       })
       console.log('上架申请修改=================》', item)
       window.open(newpage.href, '_blank')