前台-技术文档-总体流程

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
       }
+    }
   },
-    insertList (val) {
+  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 + ';'
+            })
+          })
+      }
+    },
+    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

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

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

@@ -11,39 +11,52 @@
           <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 class="item-v" v-for="(v, j) in item.list" :key="j">
-                        </div>
+                {{ 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>
+          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>
 </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 } from 'vue'
+  import TheOverallProcess from './TheOverallProcess.vue'
 
-const seviceList = ref(
+  const seviceList = ref([
-    [
     {
       name: '组件服务',
       list: ['智能算法', '图层服务', '开发组件', '业务组件'],
     },
     {
       name: '应用资源',
-            list: ['办公系统', '业务系统', '门户网站', '大屏看板', '小程序', '公众号'],
+      list: [
+        '办公系统',
+        '业务系统',
+        '门户网站',
+        '大屏看板',
+        '小程序',
+        '公众号',
+      ],
     },
     {
       name: '组件服务',
@@ -53,46 +66,43 @@ const seviceList = ref(
       name: '组件服务',
       list: ['政务信息资源'],
     },
-    ]
+  ])
-)
 
-const imgList = ref([
+  const imgList = ref([
     {
       name: '能力上架',
       bgImg: require('../../../assets/menu/shelves.png'),
       btnText: '立即上架',
-        className: 'shelves-img'
+      className: 'shelves-img',
     },
     {
       name: '能力申请',
       bgImg: require('../../../assets/menu/apply.png'),
       btnText: '立即申请',
-        className: 'apply-img'
+      className: 'apply-img',
     },
     {
       name: '需求发布',
       bgImg: require('../../../assets/menu/demand.png'),
       btnText: '立即发布',
-        className: 'demand-img'
+      className: 'demand-img',
     },
     {
       name: '资源下架',
       bgImg: require('../../../assets/menu/down.png'),
       btnText: '立即下架',
-        className: 'down-img'
+      className: 'down-img',
     },
-])
+  ])
-
 </script>
 
-
 <style lang="less" scoped>
-.menu-box {
+  .menu-box {
     width: 1920px;
     padding-bottom: 40px;
-}
+  }
 
-.title {
+  .title {
     margin-bottom: 20px;
 
     .text {
@@ -106,7 +116,7 @@ const imgList = ref([
       width: 50px;
       height: 3px;
       background: #0058e1;
-        margin: 0 auto
+      margin: 0 auto;
     }
 
     .line-white {
@@ -116,10 +126,9 @@ const imgList = ref([
     .text-white {
       color: #fff;
     }
+  }
 
-}
+  .btn {
-
-.btn {
     width: 150px;
     height: 50px;
     line-height: 50px;
@@ -134,14 +143,13 @@ const imgList = ref([
     &:hover {
       background: #e5eefc;
     }
-}
+  }
 
-
+  .img-box {
-.img-box {
     margin-bottom: 50px;
-}
+  }
 
-.service-box {
+  .service-box {
     width: 1920px;
     height: 613px;
     background-size: 100% 100%;
@@ -152,43 +160,43 @@ const imgList = ref([
       height: 350px;
       margin: 0 auto;
     }
-}
+  }
 
-.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;
@@ -203,7 +211,6 @@ const imgList = ref([
       margin: 0 10px;
       cursor: pointer;
 
-
       .item-name {
         color: #fff;
         font-size: 20px;
@@ -230,5 +237,5 @@ const imgList = ref([
         margin: 0 16px 20px 16px;
       }
     }
-}
+  }
 </style>