From 5876a3488ec4abe0fcda1b59b376c31ed5802e55 Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Fri, 22 Jul 2022 16:02:49 +0800
Subject: [PATCH 1/7] =?UTF-8?q?=E5=B8=B8=E8=A7=81=E9=97=AE=E9=A2=98bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/capacityOnTheShelf/Application.vue   | 1 +
 front/src/views/capacityOnTheShelf/LayerServices.vue | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/front/src/views/capacityOnTheShelf/Application.vue b/front/src/views/capacityOnTheShelf/Application.vue
index 81236fb1..0469ef71 100644
--- a/front/src/views/capacityOnTheShelf/Application.vue
+++ b/front/src/views/capacityOnTheShelf/Application.vue
@@ -56,6 +56,7 @@
         @back="back()"
       ></put-on-the-shelf>
       <put-on-the-shelf
+        ref="refPutOnTheShelf"
         v-else-if="showView === '部署与应用'"
         :refData="refData"
         :dataFrom="dataFrom"
diff --git a/front/src/views/capacityOnTheShelf/LayerServices.vue b/front/src/views/capacityOnTheShelf/LayerServices.vue
index 8538064c..84f55cb1 100644
--- a/front/src/views/capacityOnTheShelf/LayerServices.vue
+++ b/front/src/views/capacityOnTheShelf/LayerServices.vue
@@ -129,7 +129,9 @@
       <a-popconfirm
         v-if="
           showView === '部署与使用' &&
-          bs[0].list.filter((val) => val.note1 !== '').length > 0
+          bs[0].list.filter(
+            (val) => val.note1 !== '' && val.name !== '计费方式'
+          ).length > 0
         "
         title="如果常见问题未填写完整将会被丢弃，是否进行提交?"
         ok-text="是"

From f52cbac58784f3dfa8f4c60777875d0172ec4d37 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Fri, 22 Jul 2022 16:06:40 +0800
Subject: [PATCH 2/7] =?UTF-8?q?=E8=B5=8B=E8=83=BD=E5=9C=BA=E6=99=AF?=
 =?UTF-8?q?=EF=BC=8C=E8=9E=8D=E5=90=88=E6=9C=8D=E5=8A=A1=E6=8C=82=E6=8E=A5?=
 =?UTF-8?q?=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ability/IntegratedServices-add.vue        | 213 ++--------
 .../modules/ability/IntegratedServices.vue    |  39 +-
 .../assignedScene/add-update-scene.vue        | 250 ++++++------
 .../components/scene-one-input.vue            | 120 ++++++
 .../components/scene-use-step.vue             |  16 +-
 .../modules/ability/assignedScene/index.vue   |  12 +-
 .../ability/components/combine-ability.vue    | 370 ++++++++++++++++++
 .../ability/components/common-question.vue    |  15 +-
 .../components/integrated-combine-ability.vue |   9 +-
 front/public/index.html                       |   3 +-
 10 files changed, 712 insertions(+), 335 deletions(-)
 create mode 100644 back/src/views/modules/ability/assignedScene/components/scene-one-input.vue
 rename back/src/views/modules/ability/{ => assignedScene}/components/scene-use-step.vue (84%)
 create mode 100644 back/src/views/modules/ability/components/combine-ability.vue

diff --git a/back/src/views/modules/ability/IntegratedServices-add.vue b/back/src/views/modules/ability/IntegratedServices-add.vue
index d56937be..da6482f6 100644
--- a/back/src/views/modules/ability/IntegratedServices-add.vue
+++ b/back/src/views/modules/ability/IntegratedServices-add.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <el-dialog :visible.sync="addOrUpdateVisibleCopy" :title="modalType === 'display' ? '能力展示' : '挂接'"
-      @close="closeModal" :close-on-click-modal="false" :close-on-press-escape="false">
-      <div v-show="modalType !== 'display'" style="
+    <el-dialog :visible.sync="addOrUpdateVisibleCopy" :title="modalTypeText[modalType]" @close="closeModal"
+      :close-on-click-modal="false" :close-on-press-escape="false">
+      <div style="
             text-align: center;
             font-weight: 600;
             font-size: 18px;
@@ -10,14 +10,13 @@
           ">
         填写字段
       </div>
-      <el-checkbox-group v-show="modalType !== 'display'" v-model="checkList" @change="changeBtn"
-        style="margin-bottom: 20px">
-        <el-checkbox-button v-for="(item, i) in btnList" :label="item.name" :key="i">{{ item.name }}
+      <el-checkbox-group v-model="checkList" @change="changeBtn" style="margin-bottom: 20px">
+        <el-checkbox-button v-for="(item) in btnList" :label="item" :key="item">{{ item }}
         </el-checkbox-button>
       </el-checkbox-group>
 
       <!-- 挂载和修改-->
-      <div key="1" v-if="modalType !== 'display'">
+      <div key="1">
         <el-form :model="dataForm" :rules="rules" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
           :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
           <!-- 基本信息 -->
@@ -34,98 +33,35 @@
               <el-input class="input-box" v-model="dataForm.name" placeholder="请输入融合服务名称"></el-input>
             </el-form-item>
             <el-form-item label="融合服务描述" prop="description">
-              <el-input class="input-box" v-model="dataForm.description" placeholder="请输入融合服务描述"></el-input>
+              <el-input type="textarea" :rows="3" class="input-box" v-model="dataForm.description"
+                placeholder="请输入融合服务描述"></el-input>
             </el-form-item>
-            <el-form-item label="应用领域" prop="applicationArea">
-              <el-select v-model="dataForm.applicationArea" placeholder="请选择应用领域" filterable>
+            <el-form-item label="支撑场景" prop="applicationArea">
+              <el-select v-model="dataForm.applicationArea" placeholder="请选择支撑场景" filterable>
                 <el-option v-for="item in areaList" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="部门联系人" prop="deptUser">
-              <el-input class="input-box" v-model="dataForm.deptUser" placeholder="请输入部门联系人"></el-input>
-            </el-form-item>
-            <el-form-item label="部门联系人电话" prop="mobile">
-              <el-input class="input-box" v-model="dataForm.mobile" placeholder="请输入部门联系人电话"></el-input>
-            </el-form-item>
-            <el-form-item label="服务商" prop="provider">
-              <el-input class="input-box" v-model="dataForm.provider" placeholder="请输入服务商"></el-input>
-            </el-form-item>
-            <el-form-item label="服务商联系人" prop="providerUser">
-              <el-input class="input-box" v-model="dataForm.providerUser" placeholder="请输入服务商联系人"></el-input>
-            </el-form-item>
-            <el-form-item label="服务商联系人电话" prop="providerMobile">
-              <el-input class="input-box" v-model="dataForm.providerMobile" placeholder="请输入服务商联系人电话"></el-input>
-            </el-form-item>
           </div>
 
           <!-- 组合能力 -->
           <div class="" style="marigin-bottom:40px" v-show="checkList.includes('组合能力')">
-            <integrated-combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" title="组合能力"
-              ref="combineAbility" :disabledType="modalType === 'display'">
-            </integrated-combine-ability>
-          </div>
-
-
-          <!-- 技术文档 -->
-          <div style="margin-bottom:20px" v-show="checkList.includes('技术文档')">
-            <div style="
-                          text-align: center;
-                          font-weight: 600;
-                          font-size: 18px;
-                          margin-bottom: 10px;
-                        ">
-              技术文档
+            <div class="title">
+              组合能力
             </div>
-            <div v-for="(item, index) in dataForm.fuseAttrList" :key="index">
-              <div v-if="item.attrType === '技术文档'">
-                <el-form-item label="技术文档" prop="attrValue">
-                  <el-upload ref="addUpload" class="upload-demo" :action="fileUploadUrl"
-                    :before-upload="beforeAvatarUpload" :on-success="handleAvatarSuccess" :file-list="fileList"
-                    :show-file-list="false">
-                    <el-button size="small" type="primary">上传</el-button>
-                  </el-upload>
-                  <el-button v-if="item.attrValue" @click="item.attrValue = ''" type="danger">删除</el-button>
-                </el-form-item>
-                <div>
-                  <div v-for="(name, i) in fileNameList" :key="i">{{ name }}</div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- 常见问题 -->
-          <div v-show="checkList.includes('常见问题')">
-            <common-question :dataForm="dataForm" @update="updateDataForm" ref="commonQuestion"></common-question>
+            <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="基础设施" ref="jcssDom"
+              :getDataParams="getListParams['基础设施']"></combine-ability>
+            <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="数据资源" ref="sjzyDom"
+              :getDataParams="getListParams['数据资源']"></combine-ability>
+            <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="组件服务" ref="zjfwDom"
+              :getDataParams="getListParams['组件服务']"></combine-ability>
           </div>
         </el-form>
       </div>
 
-      <!-- 展示 -->
-      <el-form key="2" class="detial-form" v-else :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
-        <el-form-item :label="displayInfo[data]" v-for="(data, i) in Object.keys(displayInfo)" :key="i" :prop="data">
-          {{ dataForm[data] || "--" }}
-        </el-form-item>
-        <div v-for="(data, i) in displayListInfo['常见问题']" :key="`${i}${JSON.stringify(data)}`">
-          <el-form-item :label="`常见问题${i + 1}`">
-            {{ `${data['question']}` }}
-          </el-form-item>
-          <el-form-item :label="`问题描述${i + 1}`">
-            {{ `${data['answer']} ` }}
-          </el-form-item>
-        </div>
-        <div v-for="(data, i) in displayListInfo['组合能力']" :key="`${i}${JSON.stringify(data)}`">
-          <el-form-item :label="`能力类别${i + 1}`">
-            {{ `${data['type']}` }}
-          </el-form-item>
-          <el-form-item :label="`能力名称${i + 1}`">
-            {{ `${data['name']} ` }}
-          </el-form-item>
-        </div>
-      </el-form>
-
       <template slot="footer">
         <el-button @click="closeModal">{{ $t("cancel") }}</el-button>
-        <el-button v-if="modalType !== 'display'" type="primary" @click="dataFormSubmitHandle()">{{
+        <el-button type="primary" @click="dataFormSubmitHandle()">{{
             $t("confirm")
         }}</el-button>
       </template>
@@ -139,43 +75,32 @@ import debounce from "lodash/debounce";
 import qs from "qs";
 import CommonQuestion from './components/common-question.vue';
 import IntegratedCombineAbility from './components/integrated-combine-ability.vue';
+import CombineAbility from './components/combine-ability.vue';
 import Cookies from 'js-cookie'
 import { tableColumns } from './IntegratedServices.vue';
+import { getFuseResourceList, getListParams, modalTypeText } from "./assignedScene/add-update-scene.vue";
 
 export default {
   components: {
     CommonQuestion,
     IntegratedCombineAbility,
+    CombineAbility,
   },
   data() {
     return {
-      fileList: [],
       fileUploadUrl: `${window.SITE_CONFIG['apiURL']}/sys/oss/upload?token=${Cookies.get('ucsToken')}`,
       dataForm: {
+        "name": "",
         "applicationArea": "",
         "description": "",
-        "fuseAttrList": [
-          {
-            "attrType": "技术文档",
-            "attrValue": "",
-          },
-          {
-            "attrType": "常见问题",
-            "attrValue": '[{ question: "", answer: "" }]',
-          }
-        ],
+        "fuseAttrList": [],
+        // 选择的能力
         "fuseResourceList": [
           {
             "resourceId": 0,
             "sequence": ""
           }
         ],
-        "mobile": "",
-        "name": "",
-        "provider": "",
-        "providerMobile": "",
-        "providerUser": "",
-        "deptUser": "",
         type: '融合服务'
       },
       rules: {
@@ -194,37 +119,19 @@ export default {
           },
         ],
       },
-      btnList: [
-        {
-          name: '基本信息',
-          key: 'basic',
-          show: true,
-        },
-        {
-          name: '组合能力',
-          key: 'combine',
-          show: true,
-        },
-        {
-          name: '技术文档',
-          key: 'basic',
-          show: true,
-        },
-        {
-          name: '常见问题',
-          key: 'basic',
-          show: true,
-        },
-      ],
-      checkList: ['基本信息', '组合能力', '技术文档', '常见问题'],
+      btnList: ['基本信息', '组合能力'],
+      checkList: ['基本信息', '组合能力'],
       areaList: [],
-      fileNameList: [],
       addOrUpdateVisibleCopy: this.addOrUpdateVisible,
       displayInfo: tableColumns,
-      displayListInfo: {
-        '常见问题': [],
-        '组合能力': []
+      getListParams: getListParams,
+      refsParseArray: {
+        'zjfwDom': '组件服务',
+        'sjzyDom': '数据资源',
+        'jcssDom': '基础设施',
       },
+      modalTypeText: modalTypeText,
+      abilityListObj: {}
     };
   },
   props: {
@@ -291,29 +198,17 @@ export default {
     },
     // 更新表单
     updateDataForm(data) {
-      if (data.title == '常见问题') {
-        this.dataForm.fuseAttrList.map(v => {
-          if (v.attrType === '常见问题') {
-            v.attrValue = JSON.stringify(data.list)
-          }
-        })
-      }
-      if (data.title == '组合能力') {
-        this.dataForm.fuseResourceList = data.list
+      if (Object.keys(this.getListParams).includes(data.title)) {
+        this.abilityListObj[data.title] = data.list;
       }
     },
+    getFuseResourceList() {
+      return getFuseResourceList(this.abilityListObj)
+    },
     // 改变按钮状态
     changeBtn(data) {
       this.checkList = data;
     },
-    beforeAvatarUpload() { },
-    handleAvatarSuccess(res, file) {
-      console.log(file)
-      if (res.code !== 0) {
-        return this.$message.error("上传文件失败");
-      }
-      this.fileNameList.push(file.name)
-    },
     // 表单提交
     dataFormSubmitHandle: debounce(
       function () {
@@ -326,10 +221,7 @@ export default {
             'add': 'post',
             'update': 'put'
           }
-          let arr = this.dataForm.fuseResourceList.filter(v => v.resourceId !== '') || []
-          if (arr.length == 0) {
-            this.dataForm.fuseResourceList = []
-          }
+          this.dataForm.fuseResourceList = this.getFuseResourceList()
           this.$http
           [methodsObj[this.modalType]]("/fuse", this.dataForm)
             .then(({ data: res }) => {
@@ -359,30 +251,11 @@ export default {
     getDetail(data) {
       this.dataForm = data;
       this.$nextTick(() => {
-        this.$refs.combineAbility && this.$refs.combineAbility.getDataInfo(data)
-        this.$refs.commonQuestion && this.$refs.commonQuestion.getDataInfo(data)
-        console.log('this.dataForm----详情-------->', this.dataForm);
+        for (const key in this.refsParseArray) {
+          this.$refs[key] && this.$refs[key].getDataInfo && this.$refs[key].getDataInfo(data)
+        }
       })
     },
-    // 重组数据
-    getDisPlayData() {
-      this.$nextTick(() => {
-        const questionObj = this.dataForm.fuseAttrList.find(v => v.attrType == '常见问题') || {};
-        let fuseResourceList = this.dataForm.fuseResourceList || [];
-        let arr = []
-        fuseResourceList.map(v => {
-          if (v.resource) {
-            arr.push({
-              name: v.resource.name,
-              type: v.resource.type,
-            })
-          }
-        })
-        this.displayListInfo['常见问题'] = JSON.parse(questionObj.attrValue || '[]')
-        this.displayListInfo['组合能力'] = arr
-      })
-
-    },
   },
   beforeDestroy() {
     this.clearForm()
diff --git a/back/src/views/modules/ability/IntegratedServices.vue b/back/src/views/modules/ability/IntegratedServices.vue
index 397e1b3d..78628527 100644
--- a/back/src/views/modules/ability/IntegratedServices.vue
+++ b/back/src/views/modules/ability/IntegratedServices.vue
@@ -21,16 +21,15 @@
       </el-form>
       <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle"
         style="width: 100%" :height="qp ? '810px' : '650px'">
-        <el-table-column v-for="(item) in Object.keys(tableColumns)" :key="item" :prop="item" label="融合服务名称"
-          header-align="center" align="center"></el-table-column>
+        <el-table-column v-for="(item) in Object.keys(tableColumns)" :key="item" :prop="item"
+          :label="tableColumns[item]" header-align="center" align="center"></el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="240" right="0">
           <template slot-scope="scope">
             <el-button v-if="$hasPermission('ability:bsabilityai:update')" type="text" size="small"
               @click="handleUpdate(scope.row)">{{ $t("update") }}</el-button>
             <el-button v-if="$hasPermission('ability:bsabilityai:delete')" type="text" size="small"
               @click="deleteRow(scope.row.id)">{{ $t("delete") }}</el-button>
-            <el-button type="text" size="small" @click="showDetail(scope.row)">能力展示</el-button>
-            <el-button type="text" size="small" @click="showDocument(scope.row)">技术文档</el-button>
+            <el-button type="text" size="small" @click="showDetail(scope.row)">详情</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -58,13 +57,7 @@ import { type } from "os";
 export const tableColumns = {
   'name': '融合服务名称',
   'description': '融合服务描述',
-  'provider': '服务商',
-  'providerUser': '服务商联系人',
-  'providerMobile': '服务商联系人电话',
-  'applicationArea': '应用领域',
-  'deptId': '所属部门',
-  'deptUser': '部门联系人',
-  'mobile': '部门联系人电话',
+  'applicationArea': '支撑场景',
 }
 
 export default {
@@ -145,23 +138,17 @@ export default {
     closeModal() {
       this.addOrUpdateVisible = false;
     },
-    // 展示
+    // 详情
     showDetail(val) {
-      this.addOrUpdateVisible = true;
-      this.modalType = 'display';
-      const cloneVal = JSON.parse(JSON.stringify(val))
-      this.$nextTick(() => {
-        this.$refs.addOrUpdate.dataForm = cloneVal;
-        this.$refs.addOrUpdate.getDisPlayData()
-      })
-    },
-    showDocument(val) {
-      console.log(val);
-      window.open(
-        window.SITE_CONFIG.frontUrl + "?id=" + val.id + "&&type=" + val.type,
-        "_blank"
-      );
+      window.open(window.SITE_CONFIG.previewUrl + '#/details?id=' + val.id)
     },
+    // showDocument(val) {
+    //   console.log(val);
+    //   window.open(
+    //     window.SITE_CONFIG.frontUrl + "?id=" + val.id + "&&type=" + val.type,
+    //     "_blank"
+    //   );
+    // },
     fullScreen() {
       if (window.outerHeight === screen.availHeight) {
         if (window.outerWidth === screen.availWidth) {
diff --git a/back/src/views/modules/ability/assignedScene/add-update-scene.vue b/back/src/views/modules/ability/assignedScene/add-update-scene.vue
index 4a8275af..ece53975 100644
--- a/back/src/views/modules/ability/assignedScene/add-update-scene.vue
+++ b/back/src/views/modules/ability/assignedScene/add-update-scene.vue
@@ -2,7 +2,7 @@
   <div>
     <el-dialog :visible.sync="addOrUpdateVisibleCopy" :title="modalTypeText[modalType]" @close="closeModal"
       :close-on-click-modal="false" :close-on-press-escape="false">
-      <div v-if="modalType !== 'display'" style="
+      <div style="
             text-align: center;
             font-weight: 600;
             font-size: 18px;
@@ -10,16 +10,15 @@
           ">
         填写字段
       </div>
-      <el-checkbox-group v-if="modalType !== 'display'" v-model="checkList" @change="changeBtn"
-        style="margin-bottom: 20px">
-        <el-checkbox-button v-for="(item, i) in btnList" :label="item.name" :key="i">{{ item.name }}
+      <el-checkbox-group v-model="checkList" @change="changeBtn" style="margin-bottom: 20px">
+        <el-checkbox-button v-for="(item) in btnList" :label="item" :key="item">{{ item }}
         </el-checkbox-button>
       </el-checkbox-group>
 
       <!-- 挂载和修改   -->
       <div key="1">
-        <el-form v-if="modalType !== 'display'" :model="dataForm" :rules="rules" ref="dataForm"
-          @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
+        <el-form :model="dataForm" :rules="rules" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
+          :label-width="$i18n.locale === 'en-US' ? '120px' : '100px'">
           <!-- 基本信息 -->
           <div style="margin-bottom:40px" v-show="checkList.includes('基本信息')">
             <div style="
@@ -31,101 +30,150 @@
               基本信息
             </div>
             <el-form-item label="名称" prop="name">
-              <el-input v-model="dataForm.name" placeholder="请输入名称" :disabled="modalType === 'display'"
-                style="width:90%"></el-input>
+              <el-input v-model="dataForm.name" placeholder="请输入名称" style="width:90%"></el-input>
             </el-form-item>
             <el-form-item label="描述" prop="description">
-              <el-input type="textarea" :rows="3" v-model="dataForm.description" placeholder="请输入描述" style="width:90%"
-                :disabled="modalType === 'display'"></el-input>
+              <el-input type="textarea" :rows="3" v-model="dataForm.description" placeholder="请输入描述" style="width:90%">
+              </el-input>
             </el-form-item>
           </div>
 
-          <!-- 关联能力 -->
-          <div class="" style="marigin-bottom:40px" v-show="checkList.includes('关联能力')">
-            <integrated-combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" title="关联能力"
-              ref="combineAbility" :disabledType="modalType === 'display'">
-            </integrated-combine-ability>
+          <!-- 场景痛点 -->
+          <div class="" style="padding-bottom:40px" v-show="checkList.includes('场景痛点')">
+            <scene-one-input :dataForm="dataForm" @update="updateDataForm" ref="scenePainDom" title="场景痛点"
+              :keyTextObj="painKeyTextObj"></scene-one-input>
+          </div>
+
+          <!-- 解决方案 -->
+          <div class="" style="padding-bottom:40px" v-show="checkList.includes('解决方案')">
+            <scene-one-input :dataForm="dataForm" @update="updateDataForm" ref="solutionDom" title="解决方案"
+              :keyTextObj="solutionKeyTextObj"></scene-one-input>
+          </div>
+
+          <!-- 组合能力 -->
+          <div class="" style="padding-bottom:40px" v-show="checkList.includes('组合能力')">
+            <div class="title">
+              组合能力
+            </div>
+            <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="基础设施" ref="jcssDom"
+              :getDataParams="getListParams['基础设施']"></combine-ability>
+            <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="数据资源" ref="sjzyDom"
+              :getDataParams="getListParams['数据资源']"></combine-ability>
+            <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="组件服务" ref="zjfwDom"
+              :getDataParams="getListParams['组件服务']"></combine-ability>
           </div>
 
           <!-- 更多能力 -->
           <div class="" style="marigin-bottom:40px" v-show="checkList.includes('更多能力')">
-            <common-question :dataForm="dataForm" @update="updateDataForm" ref="commonQuestion" title="更多能力"
+            <common-question :dataForm="dataForm" @update="updateDataForm" ref="moreAbilityDom" title="更多能力"
               :keyTextObj="moreKeyTextObj">
             </common-question>
           </div>
 
           <!-- 使用步骤 -->
           <div style="marigin-bottom:20px" v-show="checkList.includes('使用步骤')">
-            <scene-use-step :dataForm="dataForm" @update="updateDataForm" :disabledType="modalType === 'display'"
-              ref="sceneUseUp">
+            <scene-use-step :dataForm="dataForm" @update="updateDataForm" ref="sceneUseUpDom">
             </scene-use-step>
           </div>
         </el-form>
       </div>
-
-      <!-- 展示 -->
-      <el-form key="2" v-if="modalType === 'display'" class="detial-form"
-        :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
-        <el-form-item :label="displayInfo[data]" v-for="(data, i) in Object.keys(displayInfo)" :key="i" :prop="data">
-          {{ dataForm[data] || "--" }}
-        </el-form-item>
-        <div class="group-box" v-for="(data, i) in displayListInfo['使用步骤']" :key="`${i}${JSON.stringify(data)}`">
-          <el-form-item :label="`使用步骤标题${i + 1}`">
-            {{ `${data['question']}` }}
-          </el-form-item>
-          <el-form-item :label="`描述${i + 1}`">
-            {{ `${data['answer']} ` }}
-          </el-form-item>
-        </div>
-        <div class="group-box" v-for="(data, i) in displayListInfo['关联能力']" :key="`${i}${JSON.stringify(data)}`">
-          <el-form-item :label="`能力类别${i + 1}`">
-            {{ `${data['type']}` }}
-          </el-form-item>
-          <el-form-item :label="`能力名称${i + 1}`">
-            {{ `${data['name']} ` }}
-          </el-form-item>
-        </div>
-      </el-form>
-
       <template slot="footer">
         <el-button @click="closeModal">{{ $t("cancel") }}</el-button>
-        <el-button v-if="modalType !== 'display'" type="primary" @click="dataFormSubmitHandle()">{{
+        <el-button type="primary" @click="dataFormSubmitHandle()">{{
             $t("confirm")
         }}</el-button>
       </template>
     </el-dialog>
-
   </div>
 </template>
 
 <script>
 import debounce from "lodash/debounce";
 import qs from "qs";
-import SceneUseStep from '../components/scene-use-step.vue';
+import SceneUseStep from './components/scene-use-step.vue';
+import SceneOneInput from './components/scene-one-input.vue';
+import CombineAbility from '../components/combine-ability.vue';
 import IntegratedCombineAbility from '../components/integrated-combine-ability.vue';
 import Cookies from 'js-cookie'
 import CommonQuestion from '../components/common-question.vue';
 
+
+let btnArray = ['基本信息', '场景痛点', '解决方案', '组合能力', '更多能力', '使用步骤']
+export const getJson = (type) => {
+  return {
+    methods: 'get',
+    url: '/census/center/selectResourceListByType',
+    postData: {
+      type
+    }
+  }
+}
+export const getDescJson = (text) => {
+  return {
+    descObj: {
+      text: `${text}描述`,
+      key: 'description'
+    },
+  }
+}
+
+export const getListParams = {
+  '基础设施': {
+    methods: 'get',
+    url: '',
+    postData: {
+
+    }
+  },
+  '数据资源': getJson('数据资源'),
+  '组件服务': getJson('组件服务'),
+}
+
+export const modalTypeText = {
+  add: '挂接',
+  update: '修改'
+}
+
+export const getFuseResourceList = (abilityListObj) => {
+  let arr = []
+  let length = 0
+  for (const key in abilityListObj) {
+    if (Object.hasOwnProperty.call(abilityListObj, key)) {
+      const itemArray = abilityListObj[key];
+      itemArray.map((v, i) => {
+        let index = (i + 1) + length
+        arr.push({
+          resourceId: v,
+          type: key,
+          sequence: index
+        })
+      })
+      length = itemArray.length
+    }
+  }
+  return arr
+}
+
 export default {
   components: {
     SceneUseStep,
     IntegratedCombineAbility,
     CommonQuestion,
+    CombineAbility,
+    SceneOneInput,
   },
   data() {
     return {
-      fileList: [],
       fileUploadUrl: `${window.SITE_CONFIG['apiURL']}/sys/oss/upload?token=${Cookies.get('ucsToken')}`,
       moreKeyTextObj: {
         nameObj: {
           text: '能力名称',
           key: 'name'
         },
-        descObj: {
-          text: '能力描述',
-          key: 'description'
-        },
+        ...getDescJson('能力'),
       },
+      painKeyTextObj: getDescJson('痛点'),
+      solutionKeyTextObj: getDescJson('方案'),
       dataForm: {
         "applicationArea": "",
         "description": "",
@@ -138,6 +186,14 @@ export default {
             "attrType": "更多能力",
             "attrValue": [{ name: "", description: "" }],
           },
+          {
+            "attrType": "场景痛点",
+            "attrValue": [{ description: "" }],
+          },
+          {
+            "attrType": "解决方案",
+            "attrValue": [{ description: "" }],
+          },
         ],
         "fuseResourceList": [
           {
@@ -168,45 +224,25 @@ export default {
           },
         ],
       },
-      btnList: [
-        {
-          name: '基本信息',
-          key: 'basic',
-          show: true,
-        },
-        {
-          name: '关联能力',
-          key: 'combine',
-          show: true,
-        },
-        {
-          name: '更多能力',
-          key: 'more',
-          show: true,
-        },
-        {
-          name: '使用步骤',
-          key: 'basic',
-          show: true,
-        },
-      ],
-      checkList: ['基本信息', '关联能力', '更多能力', '使用步骤'],
-      areaList: [],
+      checkList: JSON.parse(JSON.stringify(btnArray)),
+      btnList: JSON.parse(JSON.stringify(btnArray)),
       addOrUpdateVisibleCopy: this.addOrUpdateVisible,
       displayInfo: {
         'name': '名称',
         'description': '描述',
       },
-      displayListInfo: {
-        '使用步骤': [],
-        '关联能力': [],
-        '更多能力': [],
+      modalTypeText: modalTypeText,
+      refsParseArray: {
+        'sceneUseUpDom': '使用步骤',
+        'moreAbilityDom': '更多能力',
+        'scenePainDom': '场景痛点',
+        'solutionDom': '解决方案',
+        'zjfwDom': '组件服务',
+        'sjzyDom': '数据资源',
+        'jcssDom': '基础设施',
       },
-      modalTypeText: {
-        add: '挂接',
-        display: '能力展示',
-        update: '修改'
-      }
+      getListParams: getListParams,
+      abilityListObj: {}
     };
   },
   props: {
@@ -246,13 +282,16 @@ export default {
     },
     // 更新表单
     updateDataForm(data) {
-      if (data.title == '关联能力') {
-        this.dataForm.fuseResourceList = data.list
+      if (Object.keys(this.getListParams).includes(data.title)) {
+        this.abilityListObj[data.title] = data.list;
       } else {
         // 更多能力、使用步骤
         this.operateFuseAttrList(data.title, data)
       }
     },
+    getFuseResourceList() {
+      return getFuseResourceList(this.abilityListObj)
+    },
     operateFuseAttrList(title, data) {
       if (this.dataForm.fuseAttrList.every(v => v.attrType !== title)) {
         this.dataForm.fuseAttrList.push({
@@ -283,13 +322,11 @@ export default {
             'add': 'post',
             'update': 'put'
           }
-          let arr = this.dataForm.fuseResourceList.filter(v => v.resourceId !== '') || []
-          if (arr.length == 0) {
-            this.dataForm.fuseResourceList = []
-          }
+          this.dataForm.fuseResourceList = this.getFuseResourceList()
           let _obj = Object.assign({}, this.dataForm, {
             type: '赋能场景'
           })
+
           this.$http
           [methodsObj[this.modalType]]("/fuse", _obj)
             .then(({ data: res }) => {
@@ -319,32 +356,12 @@ export default {
     getDetail(data) {
       this.dataForm = data;
       this.$nextTick(() => {
-        this.$refs.combineAbility && this.$refs.combineAbility.getDataInfo(data)
-        this.$refs.sceneUseUp && this.$refs.sceneUseUp.getDataInfo(data)
-        this.$refs.commonQuestion && this.$refs.commonQuestion.getDataInfo(data)
+        for (const key in this.refsParseArray) {
+          this.$refs[key] && this.$refs[key].getDataInfo && this.$refs[key].getDataInfo(data)
+        }
         console.log('this.dataForm----详情-------->', this.dataForm);
       })
     },
-    // 重组数据
-    // getDisPlayData() {
-    //   this.$nextTick(() => {
-    //     const stepObj = this.dataForm.fuseAttrList.find(v => v.attrType == '使用步骤') || {};
-    //     const moreObj = this.dataForm.fuseAttrList.find(v => v.attrType == '更多能力') || {};
-    //     let fuseResourceList = this.dataForm.fuseResourceList || [];
-    //     let arr = []
-    //     fuseResourceList.map(v => {
-    //       if (v.resource) {
-    //         arr.push({
-    //           name: v.resource.name,
-    //           type: v.resource.type,
-    //         })
-    //       }
-    //     })
-    //     this.displayListInfo['使用步骤'] = JSON.parse(stepObj.attrValue || '[]')
-    //     this.displayListInfo['更多能力'] = JSON.parse(moreObj.attrValue || '[]')
-    //     this.displayListInfo['关联能力'] = arr
-    //   })
-    // },
   },
   beforeDestroy() {
     this.clearForm()
@@ -455,7 +472,10 @@ export default {
   line-height: 32px;
 }
 
-.group-box {
-  // margin-bottom: 10px;
+.title {
+  text-align: center;
+  font-weight: 600;
+  font-size: 18px;
+  margin-bottom: 10px;
 }
 </style>
diff --git a/back/src/views/modules/ability/assignedScene/components/scene-one-input.vue b/back/src/views/modules/ability/assignedScene/components/scene-one-input.vue
new file mode 100644
index 00000000..2cae290f
--- /dev/null
+++ b/back/src/views/modules/ability/assignedScene/components/scene-one-input.vue
@@ -0,0 +1,120 @@
+<template>
+    <div class="question-box">
+        <div class="title">
+            {{ title }}
+        </div>
+        <div v-for="(item, index) in dataInfo" :key="index">
+            <el-form-item :label="keyTextObj.descObj.text">
+                <el-input type="textarea" :rows="2" v-model="item[keyTextObj.descObj.key]"
+                    :placeholder="`请输入${keyTextObj.descObj.text}`" style="width:90%">
+                </el-input>
+                <el-button style="margin-left:10px" @click="deleteItem(index)" type="danger" size="small"
+                    v-if="dataInfo.length > 1">删除
+                </el-button>
+            </el-form-item>
+            <el-button class="add-btn" size="small" v-if="index == dataInfo.length - 1" @click="addItem"
+                type="primary">添加
+            </el-button>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    props: {
+        dataForm: {
+            type: Object,
+            default: () => { }
+        },
+        title: {
+            type: String,
+            default: ''
+        },
+        keyTextObj: {
+            type: Object,
+            default: () => {
+                return {
+                    descObj: {
+                        text: '描述',
+                        key: 'description'
+                    },
+                }
+            }
+        }
+    },
+    data() {
+        return {
+            dataInfo: []
+        }
+    },
+    watch: {
+        dataInfo: {
+            handler(newVal) {
+                this.dataInfo = newVal;
+                this.$emit('update', {
+                    title: this.title,
+                    list: newVal
+                })
+            },
+            deep: true,
+            immediate: true,
+        },
+    },
+    methods: {
+        getDataInfo(dataForm) {
+            let arr = []
+            if (dataForm && (dataForm.id || dataForm.id === 0)) {
+                let fuseAttrList = dataForm.fuseAttrList || [];
+                let obj = fuseAttrList.find(v => v.attrType === this.title) || {}
+                let attrValue = JSON.parse(obj.attrValue || "[]")
+                if (attrValue.length > 0) {
+                    attrValue.map(v => {
+                        arr.push({
+                            [this.keyTextObj.descObj.key]: v[this.keyTextObj.descObj.key],
+                        })
+                    })
+                } else {
+                    arr = []
+                    arr.push({
+                        [this.keyTextObj.descObj.key]: '',
+                    })
+                }
+            } else {
+                arr = []
+                arr.push({
+                    [this.keyTextObj.descObj.key]: '',
+                })
+            }
+            this.dataInfo = arr;
+        },
+        // 新增
+        addItem() {
+            let index = this.dataInfo.length - 1;
+            if (this.dataInfo[index][this.keyTextObj.descObj.key] === '') {
+                return this.$message.warning('请填写完整信息！')
+            }
+            this.dataInfo.push({
+                [this.keyTextObj.descObj.key]: '',
+            })
+        },
+        // 删除
+        deleteItem(list, index) {
+            this.dataInfo.splice(index, 1)
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.question-box {
+    .title {
+        text-align: center;
+        font-weight: 600;
+        font-size: 18px;
+        margin-bottom: 10px;
+    }
+}
+
+.add-btn {
+    margin-top: -12px;
+    margin-left: 100px;
+}
+</style>
\ No newline at end of file
diff --git a/back/src/views/modules/ability/components/scene-use-step.vue b/back/src/views/modules/ability/assignedScene/components/scene-use-step.vue
similarity index 84%
rename from back/src/views/modules/ability/components/scene-use-step.vue
rename to back/src/views/modules/ability/assignedScene/components/scene-use-step.vue
index b2f8a669..afc0d6eb 100644
--- a/back/src/views/modules/ability/components/scene-use-step.vue
+++ b/back/src/views/modules/ability/assignedScene/components/scene-use-step.vue
@@ -16,8 +16,8 @@
                     v-if="!disabledType && dataInfo.length > 1">删除
                 </el-button>
             </el-form-item>
-            <el-button style="margin-left:70px" size="small" v-if="!disabledType && index == dataInfo.length - 1"
-                @click="addItem" type="primary">添加
+            <el-button class="add-btn" size="small"
+                v-if="!disabledType && index == dataInfo.length - 1" @click="addItem" type="primary">添加
             </el-button>
         </div>
 
@@ -87,6 +87,13 @@ export default {
         },
         // 新增
         addItem() {
+            let index = this.dataInfo.length - 1;
+            if (this.dataInfo[index].question === '' || this.dataInfo[index].answer === '') {
+                return this.$message.warning('请填写完整信息！')
+            }
+            if (this.dataInfo.length >= 6) {
+                return this.$message.warning('最多添加6个使用步骤！')
+            }
             this.dataInfo.push({
                 question: "",
                 answer: "",
@@ -115,4 +122,9 @@ export default {
 .step-box {
     padding: 20px 10px 10px 10px;
 }
+
+.add-btn {
+    margin-top: -12px;
+    margin-left: 100px;
+}
 </style>
\ No newline at end of file
diff --git a/back/src/views/modules/ability/assignedScene/index.vue b/back/src/views/modules/ability/assignedScene/index.vue
index 19e2c87f..8ad45a6d 100644
--- a/back/src/views/modules/ability/assignedScene/index.vue
+++ b/back/src/views/modules/ability/assignedScene/index.vue
@@ -32,7 +32,7 @@
               @click="handleUpdate(scope.row)">{{ $t("update") }}</el-button>
             <el-button v-if="$hasPermission('ability:bsabilityai:delete')" type="text" size="small"
               @click="deleteRow(scope.row.id)">{{ $t("delete") }}</el-button>
-            <el-button type="text" size="small" @click="showDetail(scope.row)">能力展示</el-button>
+            <el-button type="text" size="small" @click="showDetail(scope.row)">详情</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -131,15 +131,9 @@ export default {
     closeModal() {
       this.addOrUpdateVisible = false;
     },
-    // 展示
+    // 详情
     showDetail(val) {
-      this.addOrUpdateVisible = true;
-      this.modalType = 'display';
-      const cloneVal = JSON.parse(JSON.stringify(val))
-      this.$nextTick(() => {
-        this.$refs.addOrUpdate.dataForm = cloneVal;
-        this.$refs.addOrUpdate.getDisPlayData()
-      })
+      window.open(window.SITE_CONFIG.previewUrl + '#/details?id=' + val.id)
     },
     fullScreen() {
       if (window.outerHeight === screen.availHeight) {
diff --git a/back/src/views/modules/ability/components/combine-ability.vue b/back/src/views/modules/ability/components/combine-ability.vue
new file mode 100644
index 00000000..4d0693d7
--- /dev/null
+++ b/back/src/views/modules/ability/components/combine-ability.vue
@@ -0,0 +1,370 @@
+<template>
+    <div class="ability-box">
+        <div class="top">
+            <div class="type">{{ type }}</div>
+            <el-button type="primary" size="small" @click="showModal = true">添加</el-button>
+        </div>
+
+        <el-dialog :visible.sync="showModal" title="关联应用" @close="close" :close-on-click-modal="false"
+            :close-on-press-escape="false" :key="showKey" append-to-body>
+            <div class="relate-application-content">
+                <el-transfer v-model="selectedArray" filterable :filter-method="filterMethod" filter-placeholder="请输入名称"
+                    :titles="nameArray" :props="{
+                        key: 'id',
+                        label: 'name',
+                    }" :data="transferData"></el-transfer>
+            </div>
+            <template slot="footer">
+                <el-button @click="showModal = false">{{ $t("cancel") }}</el-button>
+                <el-button type="primary" @click="confirmSubmitHandle()">{{
+                        $t("confirm")
+                }}</el-button>
+            </template>
+        </el-dialog>
+
+        <div class="show-box" v-if="displayList.length > 0">
+            <div class="list-box">
+                <div v-for="(item, i) in displayList" :key="i">
+                    <el-tooltip popper-class="testTooltip" effect="dark" :content="item.name || '--'" placement="top">
+                        <div class="list-item">
+                            {{ item.name || '--' }}
+                        </div>
+                    </el-tooltip>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</template>
+
+<script>
+
+let sjzyArray = [
+    {
+        "zyname": "城阳区图书馆总分馆、社区图书室明细信息",
+        "sjcczl": 0.02,
+        "zycode": "307013110716000007",
+        "ygxjghjls": 0,
+        "jghxxjlzs": 0,
+        "neibukeshi": "",
+        "xgxt": "城阳区图书馆及总分馆、社区图书室明细信息",
+        "ygxdsjccl": 0,
+        "zygszl": "et",
+        "ykfjghjls": 0,
+        "syqk": 0,
+        "zyformat": "电子表格",
+        "guid": "277c51e0-066b-441d-9262-6e53ce6fc99a",
+        "TGBM": "城阳区文化和旅游局",
+        "ykfdsjccl": 0
+    },
+    {
+        "zyname": "2021年度西海岸新区科技型中小企业名单信息",
+        "sjcczl": 0,
+        "zycode": "307013109000000010",
+        "ygxjghjls": 0,
+        "jghxxjlzs": 0,
+        "neibukeshi": "高新技术科",
+        "xgxt": "2021年度西海岸新区科技型中小企业名单信息，企业名称，入库编号。",
+        "ygxdsjccl": 0,
+        "zygszl": "access",
+        "ykfjghjls": 0,
+        "syqk": 0,
+        "zyformat": "数据库",
+        "guid": "6ed1a478-443a-48ee-8af0-4c7ac2681a94",
+        "TGBM": "青岛西海岸新区工业和信息化局（区科技局、区大数据局）",
+        "ykfdsjccl": 0
+    },
+    {
+        "zyname": "西海岸新区高新技术企业名单信息",
+        "sjcczl": 0,
+        "zycode": "307013109000000012",
+        "ygxjghjls": 0,
+        "jghxxjlzs": 0,
+        "neibukeshi": "高新技术科",
+        "xgxt": "西海岸新区高新技术企业名单信息",
+        "ygxdsjccl": 0,
+        "zygszl": "access",
+        "ykfjghjls": 0,
+        "syqk": 0,
+        "zyformat": "数据库",
+        "guid": "770a9127-e7fd-4a6b-ba17-c80cf06ab670",
+        "TGBM": "青岛西海岸新区工业和信息化局（区科技局、区大数据局）",
+        "ykfdsjccl": 0
+    },
+    {
+        "zyname": "西海岸新区高新技术企业认定补助名单信息",
+        "sjcczl": 0,
+        "zycode": "307013109000000011",
+        "ygxjghjls": 0,
+        "jghxxjlzs": 0,
+        "neibukeshi": "高新技术科",
+        "xgxt": "西海岸新区高新技术企业认定补助名单信息，企业名称、扶持项目。",
+        "ygxdsjccl": 0,
+        "zygszl": "access",
+        "ykfjghjls": 0,
+        "syqk": 0,
+        "zyformat": "数据库",
+        "guid": "ae52c5f8-ef6e-4ae9-a657-79dcb6f65643",
+        "TGBM": "青岛西海岸新区工业和信息化局（区科技局、区大数据局）",
+        "ykfdsjccl": 0
+    },
+    {
+        "zyname": "青岛西海岸新区第六批区级非物质文化遗产代表性项目名录",
+        "sjcczl": 0,
+        "zycode": "307013109026000037",
+        "ygxjghjls": 0,
+        "jghxxjlzs": 0,
+        "neibukeshi": "艺术科",
+        "xgxt": "青岛西海岸新区第六批区级非物质文化遗产代表性项目名录，如项目类别、序号、项目名称、申报单位",
+        "ygxdsjccl": 0,
+        "zygszl": "et",
+        "ykfjghjls": 0,
+        "syqk": 0,
+        "zyformat": "电子表格",
+        "guid": "6d80a3b1-744e-4292-a904-0168d640b1fc",
+        "TGBM": "青岛西海岸新区文化和旅游局（区新闻出版广电局、区文物局）",
+        "ykfdsjccl": 0
+    }
+]
+
+let res = {
+    "code": 0,
+    "msg": "success",
+    "data": {
+        "PageCount": "2115",
+        "data": sjzyArray,
+        "rows": "10573"
+    }
+}
+
+let keyObj = {
+    '数据资源': {
+        idKey: 'zycode',
+        nameKey: 'zyname'
+    },
+    '组件服务': {
+        idKey: 'zycode',
+        nameKey: 'zyname'
+    },
+    '基础设施': {
+        idKey: 'zycode',
+        nameKey: 'zyname'
+    },
+}
+
+export default {
+    props: {
+        type: {
+            type: String,
+            default: ''
+        },
+        nameArray: {
+            type: Array,
+            default: () => ["未选择名称", "已选择名称"],
+        },
+        // 最多选择的数据个数
+        maxNum: {
+            type: Number,
+            default: 10
+        },
+        getDataParams: {
+            type: Object,
+            default: () => {
+                return {
+                    methods: 'get',
+                    url: '',
+                    postData: {}
+                }
+            }
+        }
+    },
+    data() {
+        return {
+            showKey: 0,
+            showModal: false,
+            transferData: [], // 穿梭框所有数据
+            selectedArray: [], // 已选择的数据id
+            allData: [],
+            displayList: [], // 用于展示的list
+        }
+    },
+    watch: {
+        showModal(newVal) {
+            if (newVal) {
+                this.getData()
+            }
+        }
+    },
+    methods: {
+        async getDataInfo(dataForm) {
+            await this.getData()
+            let arr = []
+            let attrValue = dataForm.fuseResourceList.filter(v => v.type == this.type)
+            if (attrValue.length > 0) {
+                attrValue.map(val => {
+                    let item = this.allData.find(v => v.id == val.resourceId) || {};
+                    let _obj = {
+                        type: val.type,
+                        id: val.resourceId,
+                        name: item.name
+                    }
+                    arr.push(_obj)
+                })
+            }
+            // 展示
+            this.displayList = JSON.parse(JSON.stringify(arr));
+            // 已选中
+            this.selectedArray = arr.map(v => v.id);
+            this.$nextTick(() => {
+                console.log(999, this.displayList)
+            })
+        },
+        // 获取列表
+        getData() {
+            // if (this.getDataParams.url === '') {
+            //     return;
+            // }
+            // this.$http[this.getDataParams.methods](this.getDataParams.url, this.getDataParams.postData).then(res => {
+            //     console.log('res.data------------>', res.data);
+            //     if (res.data.code !== 0) {
+            //         return this.$message.error(res.msg);
+            //     }
+            //     this.transferData = res.data.data || []  // allData
+            //     this.allData = res.data.data || []
+
+            // }).catch(err => {
+            //     this.$message.error(err);
+            // })
+            this.allData = []
+            this.transferData = []
+            let arr = JSON.parse(JSON.stringify(sjzyArray));
+
+            arr.map(v => {
+                this.transferData.push({
+                    type: this.type,
+                    id: v[keyObj[this.type].idKey],
+                    name: v[keyObj[this.type].nameKey] || '--'
+                })
+            })
+            this.allData = JSON.parse(JSON.stringify(this.transferData));
+        },
+        filterMethod(query, item) {
+            return item.name && item.name.indexOf(query) > -1;
+        },
+        confirmSubmitHandle() {
+            if (this.selectedArray.length > this.maxNum) {
+                return this.$message.error('最多选择十条数据！');
+            }
+            this.showModal = false;
+            this.displayList = []
+            this.allData.map(v => {
+                if (this.selectedArray.includes(v.id)) {
+                    this.displayList.push(v)
+                }
+            })
+            this.displayList = this.displayList.concat(this.displayList)
+            this.$emit('update', {
+                title: this.type,
+                list: this.selectedArray
+            })
+        },
+        close() {
+            // this.$emit("isShowRelatePopup", false);
+            this.showModal = false;
+            this.selectedArray = []
+            this.allData = []
+            this.transferData = []
+        },
+    }
+
+}
+</script>
+<style lang="scss" scoped>
+.ability-box {
+    margin-bottom: 10px;
+
+    .show-box {
+        display: flex;
+        justify-content: flex-start;
+        align-items: flex-start;
+    }
+
+    .top {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+    }
+
+    .type {
+        padding-right: 12px;
+        font-size: 14px;
+        color: #606266;
+        width: 100px;
+        box-sizing: border-box;
+        text-align: right;
+        line-height: 40px;
+        height: 40px;
+    }
+
+    .list-box {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+        margin-left: 100px;
+    }
+
+    .list-item {
+        font-size: 14px;
+        color: #606266;
+        width: 380px;
+        text-align: left;
+        margin-right: 10px;
+        line-height: 40px;
+        height: 40px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+}
+</style>
+
+<style lang="scss" scoped>
+.icon-input ::v-deep .el-input__inner {
+    cursor: pointer;
+}
+
+::v-deep .el-dialog__body {
+    height: 580px;
+    overflow: auto;
+}
+
+::v-deep .el-checkbox-button__inner {
+    width: 130px;
+    margin: 0 10px 5px;
+    border-left: unset !important;
+    border-radius: unset !important;
+    border: 1px solid #dcdfe6 !important;
+}
+
+.relate-application-content {
+    height: 100%;
+
+    ::v-deep .el-transfer {
+        height: 100%;
+    }
+
+    ::v-deep .el-transfer-panel {
+        width: 39.5%;
+        height: 100%;
+    }
+
+    ::v-deep .el-transfer-panel__body {
+        height: 100%;
+    }
+
+    ::v-deep .el-transfer-panel__list.is-filterable {
+        height: calc(100% - 102px);
+    }
+}
+</style>
diff --git a/back/src/views/modules/ability/components/common-question.vue b/back/src/views/modules/ability/components/common-question.vue
index bc67d874..c653cedb 100644
--- a/back/src/views/modules/ability/components/common-question.vue
+++ b/back/src/views/modules/ability/components/common-question.vue
@@ -17,8 +17,8 @@
                     v-if="dataInfo.length > 1">删除
                 </el-button>
             </el-form-item>
-            <el-button style="margin-left:70px" size="small" v-if="index == dataInfo.length - 1" @click="addItem"
-                type="primary">添加
+            <el-button class="add-btn" size="small" v-if="index == dataInfo.length - 1" @click="addItem" type="primary">
+                添加
             </el-button>
         </div>
     </div>
@@ -84,7 +84,6 @@ export default {
                     })
                 } else {
                     arr = []
-                    console.log('this.keyTextObj.nameObj.key------------>', this.keyTextObj.nameObj.key);
                     arr.push({
                         [this.keyTextObj.nameObj.key]: '',
                         [this.keyTextObj.descObj.key]: '',
@@ -92,7 +91,6 @@ export default {
                 }
             } else {
                 arr = []
-                console.log('this.keyTextObj.nameObj.key------------>', this.keyTextObj.nameObj.key);
                 arr.push({
                     [this.keyTextObj.nameObj.key]: '',
                     [this.keyTextObj.descObj.key]: '',
@@ -102,6 +100,10 @@ export default {
         },
         // 新增
         addItem() {
+            let index = this.dataInfo.length - 1;
+            if (this.dataInfo[index][this.keyTextObj.nameObj.key] === '' || this.dataInfo[index][this.keyTextObj.descObj.key] === '') {
+                return this.$message.warning('请填写完整信息！')
+            }
             this.dataInfo.push({
                 [this.keyTextObj.nameObj.key]: '',
                 [this.keyTextObj.descObj.key]: '',
@@ -123,4 +125,9 @@ export default {
         margin-bottom: 10px;
     }
 }
+
+.add-btn {
+    margin-top: -12px;
+    margin-left: 100px;
+}
 </style>
\ No newline at end of file
diff --git a/back/src/views/modules/ability/components/integrated-combine-ability.vue b/back/src/views/modules/ability/components/integrated-combine-ability.vue
index 80eea64b..3a34b330 100644
--- a/back/src/views/modules/ability/components/integrated-combine-ability.vue
+++ b/back/src/views/modules/ability/components/integrated-combine-ability.vue
@@ -24,7 +24,7 @@
                         v-if="!disabledType && dataInfo.length > 1">删除
                     </el-button>
                 </el-form-item>
-                <el-button style="margin-left:70px" size="small" v-if="!disabledType && index == dataInfo.length - 1"
+                <el-button style="margin-left:100px" size="small" v-if="!disabledType && index == dataInfo.length - 1"
                     @click="addItem(dataInfo, 0)" type="primary">添加
                 </el-button>
             </div>
@@ -57,15 +57,9 @@ export default {
                 {
                     value: '组件服务',
                 },
-                {
-                    value: '应用资源',
-                },
                 {
                     value: '基础设施',
                 },
-                {
-                    value: '知识库',
-                },
             ],
             dataInfo: [],
             abilityArrayCopy: [],
@@ -157,7 +151,6 @@ export default {
             // 过滤掉已选的
             item.abilityOptions = arr.filter(v => !selectArray.includes(v.id))
             console.log('abilityOptions------------>', item.abilityOptions);
-
         },
     }
 }
diff --git a/front/public/index.html b/front/public/index.html
index 97a19eed..a697cdf0 100644
--- a/front/public/index.html
+++ b/front/public/index.html
@@ -49,7 +49,8 @@
     window.SITE_CONFIG['backUrl'] = 'http://localhost:8001';
     window.SITE_CONFIG['previewUrl'] = 'http://15.2.21.238:9796/';
     window.SITE_CONFIG['frontUrl'] = 'http://15.2.21.238:9796/document/#/devModelFile/';
-    window.SITE_CONFIG['apiURL'] = 'http://15.2.21.238:8888/renren-admin';
+    // window.SITE_CONFIG['apiURL'] = 'http://15.2.21.238:8888/renren-admin';
+    window.SITE_CONFIG['apiURL'] = 'http://10.18.1.99:8889/renren-admin';
     window.SITE_CONFIG['POI_URL'] = 'http://15.2.21.238:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
     // 穿透版本
     // window.SITE_CONFIG['backUrl'] = 'http://124.222.94.39:9797';

From d92cf6925f8ceddaf9703960301b1db4fe3e4f5a Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Fri, 22 Jul 2022 16:46:03 +0800
Subject: [PATCH 3/7] bug448

---
 front/src/views/home/algorithmCompare.vue | 126 ++++++++++++----------
 1 file changed, 67 insertions(+), 59 deletions(-)

diff --git a/front/src/views/home/algorithmCompare.vue b/front/src/views/home/algorithmCompare.vue
index bab19889..fd66bb38 100644
--- a/front/src/views/home/algorithmCompare.vue
+++ b/front/src/views/home/algorithmCompare.vue
@@ -57,13 +57,22 @@
                 :id="data.title"
                 :title="data.title"
                 :ref="data.title"
+                v-if="
+                  !(
+                    data.title == '算法优势' ||
+                    data.title == '应用场景' ||
+                    data.title == '应用案例' ||
+                    data.title == '常见问题' ||
+                    data.title == '计费标准信息'
+                  )
+                "
               >
                 {{ data.title }}
               </div>
               <!-- 算法优势 -->
-              <div class="group-data" v-if="data.groupName">
-                <!-- <compare-group-view :dataList="data.groupList"></compare-group-view> -->
-                <div v-if="data.groupList.length > 0">
+              <!-- <div class="group-data" v-if="data.groupName"> -->
+              <!-- <compare-group-view :dataList="data.groupList"></compare-group-view> -->
+              <!-- <div v-if="data.groupList.length > 0">
                   <div
                     class="group-box"
                     v-for="(data, i) in data.groupList"
@@ -97,11 +106,10 @@
                 </div>
                 <div v-if="data.groupList.length == 0" class="no-data">
                   暂无数据
-                </div>
-              </div>
+                </div> -->
+              <!-- </div> -->
               <div
                 class="flex-row-start row-tr"
-                v-else
                 v-for="(rowData, j) in data.list"
                 :key="j"
                 :class="j == data.list.length - 1 ? 'border-bottom' : ''"
@@ -235,51 +243,51 @@
         key: '算法介绍视频',
       },
     ],
-    算法优势: [
-      {
-        text: '算法优势名称',
-        key: 'name',
-      },
-      {
-        text: '算法优势描述',
-        key: 'desc',
-      },
-    ],
-    应用场景: [
-      {
-        text: '场景名称',
-        key: '场景名称',
-      },
-      {
-        text: '场景描述',
-        key: '场景描述',
-      },
-    ],
-    应用案例: [
-      {
-        text: '关联应用',
-      },
-      {
-        text: '算法需求背景',
-      },
-      {
-        text: '算法应用期望达成效果',
-      },
-    ],
-    计费标准信息: [
-      {
-        text: '是否收费',
-      },
-      {
-        text: '计费方式',
-      },
-      {
-        text: '计费描述',
-      },
-      // {
-      //     text: '计费标准信息', key: ''
-      // },
-    ],
+    // 算法优势: [
+    //   {
+    //     text: '算法优势名称',
+    //     key: 'name',
+    //   },
+    //   {
+    //     text: '算法优势描述',
+    //     key: 'desc',
+    //   },
+    // ],
+    // 应用场景: [
+    //   {
+    //     text: '场景名称',
+    //     key: '场景名称',
+    //   },
+    //   {
+    //     text: '场景描述',
+    //     key: '场景描述',
+    //   },
+    // ],
+    // 应用案例: [
+    //   {
+    //     text: '关联应用',
+    //   },
+    //   {
+    //     text: '算法需求背景',
+    //   },
+    //   {
+    //     text: '算法应用期望达成效果',
+    //   },
+    // ],
+    // 计费标准信息: [
+    //   {
+    //     text: '是否收费',
+    //   },
+    //   {
+    //     text: '计费方式',
+    //   },
+    //   {
+    //     text: '计费描述',
+    //   },
+    //   // {
+    //   //     text: '计费标准信息', key: ''
+    //   // },
+    // ],
     使用方式: [
       {
         text: '服务接口',
@@ -311,14 +319,14 @@
         text: '服务商联系电话',
       },
     ],
-    常见问题: [
-      {
-        text: '常见问题',
-      },
-      {
-        text: '回答',
-      },
-    ],
+    // 常见问题: [
+    //   {
+    //     text: '常见问题',
+    //   },
+    //   {
+    //     text: '回答',
+    //   },
+    // ],
   }
   // 左侧导航
   const leftNav = ref([])

From 133553b6a13df62617e1d2719ef84b354837af99 Mon Sep 17 00:00:00 2001
From: gaoyuanwei <2826352639@qq.com>
Date: Fri, 22 Jul 2022 16:51:00 +0800
Subject: [PATCH 4/7] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E9=99=90=E4=B8=80=E4=B8=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/home/apply.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/front/src/views/home/apply.vue b/front/src/views/home/apply.vue
index 3a488731..2a3bb77c 100644
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
@@ -151,6 +151,7 @@
                   :headers="headers"
                   @change="handleChange"
                   :before-upload="beforeUpload"
+                  :maxCount="1"
                 >
                   <a-button
                     style="
@@ -172,6 +173,10 @@
                   <span style="font-size: 14px; color: #999">
                     支持doc、docx、jpg、png、jpeg、pdf、xlxs、ppt类型文件
                   </span>
+                  <div v-if="fileList.length < 1">
+                    <plus-outlined />
+                    <div style="margin-top: 8px">上传限一个文件</div>
+                  </div>
                 </a-upload>
               </a-form-item>
 

From b8afda6f0a90abfc1a10d653b3a49c4a591029f5 Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Fri, 22 Jul 2022 16:58:19 +0800
Subject: [PATCH 5/7] =?UTF-8?q?=E6=88=91=E7=9A=84=E6=B5=8F=E8=A7=88bug?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/personalCenter/components/MyBrowse.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/front/src/views/personalCenter/components/MyBrowse.vue b/front/src/views/personalCenter/components/MyBrowse.vue
index cbf4345e..db6fb3da 100644
--- a/front/src/views/personalCenter/components/MyBrowse.vue
+++ b/front/src/views/personalCenter/components/MyBrowse.vue
@@ -39,7 +39,9 @@
       <a-list-item>
         <a-skeleton avatar :title="false" :loading="!!item.loading" active>
           <a-list-item-meta
-            :description="item.description || '--'"
+            :description="
+              tabList[tabIndex] != '知识库' ? item.description || '--' : ''
+            "
             style="position: relative"
           >
             <template #title>

From f372ae6b730dbad1896042a6576f196246ca3e8f Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Fri, 22 Jul 2022 17:24:17 +0800
Subject: [PATCH 6/7] =?UTF-8?q?BUG=20=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workBench/components/dept-todo-view.vue    | 10 ++++------
 front/src/views/home/DetailsPageconetent.vue   | 18 ++++++++++--------
 .../views/home/components/searchResultList.vue |  4 ++--
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/back/src/views/modules/workBench/components/dept-todo-view.vue b/back/src/views/modules/workBench/components/dept-todo-view.vue
index f40c5dcf..a8645c48 100644
--- a/back/src/views/modules/workBench/components/dept-todo-view.vue
+++ b/back/src/views/modules/workBench/components/dept-todo-view.vue
@@ -15,21 +15,19 @@
             <div v-for="(item, i) in dataInfo.list" :key="i">
                 <!-- 待办 -->
                 <el-tooltip effect="dark" v-if="dataInfo.type === 'todo'"
-                    :content="(item.userName || '--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'?'申请':'')"
+                    :content="(item.userName || '--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')"
                     placement="top">
                     <div class="list-item ellipsis">
                         <!-- {{ `${(item.processDefinitionName || '--')}${item.taskName ? ('—' + item.taskName) : ''}` }} -->
-                        {{(item.userName || '--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'?'申请':'')}}
+                        {{(item.userName || '--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')}}
                     </div>
                 </el-tooltip>
                 <!-- 已办 -->
                 <el-tooltip effect="dark" v-else
-                    :content="`${(item.processDefinitionName || '--')}${item.resourceName ? ('—' + item.resourceName) : ''}`"
+                    :content="(item.startUserName||'--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')"
                     placement="top">
                     <div class="list-item ellipsis">
-                        {{ `${(item.processDefinitionName || '--')}${item.resourceName ? ('—' + item.resourceName) :
-                                ''}`
-                        }}
+                        {{ (item.startUserName||'--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')}}
                     </div>
                 </el-tooltip>
             </div>
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index 367c147d..799cd94e 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -1034,7 +1034,8 @@
                   loading.value = false
                 } else {
                   resourceTotal.value = res.data.data.total || ''
-                  getShoppingCartList(res.data.data.records)
+                  resourceList.data = res.data.data.records || []
+                  // getShoppingCartList(res.data.data.records)
                 }
               })
             }
@@ -1111,7 +1112,8 @@
                 loading.value = false
               } else {
                 resourceTotal.value = res.data.data.total || ''
-                getShoppingCartList(res.data.data.records)
+                resourceList.data = res.data.data.records || []
+                // getShoppingCartList(res.data.data.records)
               }
             })
           }
@@ -1129,12 +1131,12 @@
         }).then((res) => {
           console.log('申购车列表================>', res.data.data.records)
           shoppingCartList.value = res.data.data.records
-          list.map((item) => {
-            item.isInShoppingCart = false
-            item.isInShoppingCart = shoppingCartList.value.some((item2) => {
-              return item.id === item2.resourceId
-            })
-          })
+          // list.map((item) => {
+          //   item.isInShoppingCart = false
+          //   item.isInShoppingCart = shoppingCartList.value.some((item2) => {
+          //     return item.id === item2.resourceId
+          //   })
+          // })
           console.log('经过过滤后的列表信息', list)
           resourceList.data = list
         })
diff --git a/front/src/views/home/components/searchResultList.vue b/front/src/views/home/components/searchResultList.vue
index 749ffc71..c1250b04 100644
--- a/front/src/views/home/components/searchResultList.vue
+++ b/front/src/views/home/components/searchResultList.vue
@@ -589,7 +589,6 @@
       // 加入申购车
       const addShoppingCart = (item, index) => {
         console.log('item===============>', item)
-        mybus.emit('changeSelcted', index)
         if (flag.value && item.id) {
           flag.value = false
           sgcInsert({
@@ -600,6 +599,7 @@
             console.log(res)
             message.success('添加申购车成功！')
             mybus.emit('getSgcNum')
+            mybus.emit('changeSelcted', index)
             flag.value = true
           })
         }
@@ -789,7 +789,7 @@
     },
     beforeUnmount() {
       mybus.off('chongzhi')
-      mybus.emit('changeSelcted')
+      // mybus.emit('changeSelcted')
     },
   }
 </script>

From f10110e1bf0b790e15f66f63a3fb8d9647960765 Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Fri, 22 Jul 2022 17:26:48 +0800
Subject: [PATCH 7/7] bug

---
 back/src/views/modules/activiti/demo/putaway-process3.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/back/src/views/modules/activiti/demo/putaway-process3.vue b/back/src/views/modules/activiti/demo/putaway-process3.vue
index 6b3f8901..e6625af1 100644
--- a/back/src/views/modules/activiti/demo/putaway-process3.vue
+++ b/back/src/views/modules/activiti/demo/putaway-process3.vue
@@ -98,7 +98,7 @@
         </div>
       </div>
     </div>
-    <div class="agreeOr" v-if="this.dataForm.taskId">
+    <div class="agreeOr" v-if="taskId">
       <div>
         <!-- <el-radio-group v-model="agreeOrList" style="width:230px;">
           <el-radio-button label="同意" class="blueAll" @click="showDialog('同意')">同意</el-radio-button>
@@ -154,6 +154,7 @@ export default {
       dataForm: [],
       deptName: '',
       dataList: {},
+      taskId: '',
       datalistrighttablelist: [
         '赋能应用名称',
         '应用归属部门',
@@ -324,6 +325,7 @@ export default {
     taskHandleErrorCallback (data) {}
   },
   created () {
+    this.taskId = this.$route.params.taskId
     this.dataForm.taskId = this.$route.params.taskId
     this.init()
   },