Merge branch 'hi-ucs-dev' of http://15.2.21.221:3000/wuhongjian/hi-ucs into hi-ucs-dev

back/src/views/modules/ability/IntegratedServices-add.vue

@@ -2,7 +2,7 @@
   <div>
     <el-dialog :visible.sync="addOrUpdateVisibleCopy" :title="modalType === 'display' ? '能力展示' : '挂接'"
       @close="closeModal" :close-on-click-modal="false" :close-on-press-escape="false">
-      <div v-if="modalType !== 'display'" style="
+      <div v-show="modalType !== 'display'" style="
             text-align: center;
             font-weight: 600;
             font-size: 18px;
@@ -10,7 +10,7 @@
           ">
         填写字段
       </div>
-      <el-checkbox-group v-if="modalType !== 'display'" v-model="checkList" @change="changeBtn"
+      <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-button>
@@ -21,7 +21,7 @@
         <el-form :model="dataForm" :rules="rules" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
           :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
           <!-- 基本信息 -->
-          <div style="margin-bottom:20px" v-if="checkList.includes('基本信息')">
+          <div style="margin-bottom:20px" v-show="checkList.includes('基本信息')">
             <div style="
                 text-align: center;
                 font-weight: 600;
@@ -60,13 +60,15 @@
           </div>
 
           <!-- 组合能力 -->
-          <div class="" v-if="checkList.includes('组合能力')">
+          <div class="" style="marigin-bottom:40px" v-show="checkList.includes('组合能力')">
-            <integrated-combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm">
+            <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-if="checkList.includes('技术文档')">
+          <div style="margin-bottom:20px" v-show="checkList.includes('技术文档')">
             <div style="
                           text-align: center;
                           font-weight: 600;
@@ -92,8 +94,8 @@
             </div>
           </div>
           <!-- 常见问题 -->
-          <div v-if="checkList.includes('常见问题')">
+          <div v-show="checkList.includes('常见问题')">
-            <common-question :dataForm="dataForm" @update="updateDataForm"></common-question>
+            <common-question :dataForm="dataForm" @update="updateDataForm" ref="commonQuestion"></common-question>
           </div>
         </el-form>
       </div>
@@ -138,6 +140,7 @@ import qs from "qs";
 import CommonQuestion from './components/common-question.vue';
 import IntegratedCombineAbility from './components/integrated-combine-ability.vue';
 import Cookies from 'js-cookie'
+import { tableColumns } from './IntegratedServices.vue';
 
 export default {
   components: {
@@ -158,7 +161,7 @@ export default {
           },
           {
             "attrType": "常见问题",
-            "attrValue": [{ question: "", answer: "" }],
+            "attrValue": '[{ question: "", answer: "" }]',
           }
         ],
         "fuseResourceList": [
@@ -172,11 +175,8 @@ export default {
         "provider": "",
         "providerMobile": "",
         "providerUser": "",
-        // "updateDate": "",
-        // "updater": 0,
-        // "createDate": "",
-        // "creator": 0,
         "deptUser": "",
+        type: '融合服务'
       },
       rules: {
         name: [
@@ -220,16 +220,7 @@ export default {
       areaList: [],
       fileNameList: [],
       addOrUpdateVisibleCopy: this.addOrUpdateVisible,
-      displayInfo: {
+      displayInfo: tableColumns,
-        'name': '融合服务名称',
-        'description': '融合服务描述',
-        'applicationArea': '应用领域',
-        'deptUser': '部门联系人',
-        'mobile': '部门联系人电话',
-        'provider': '服务商',
-        'providerMobile': '服务商联系人',
-        'providerMobile': '服务商联系人电话',
-      },
       displayListInfo: {
         '常见问题': [],
         '组合能力': []
@@ -257,9 +248,12 @@ export default {
     addOrUpdateVisible: {
       handler(newVal) {
         this.addOrUpdateVisibleCopy = newVal;
+        if (this.modalType == 'add' && newVal) {
+          this.getDetail(this.dataForm)
+        }
       },
       immediate: true,
-    }
+    },
   },
   mounted() {
     // 获取应用领域
@@ -365,21 +359,24 @@ 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);
       })
     },
     // 重组数据
     getDisPlayData() {
       this.$nextTick(() => {
-        console.log('this.dataForm----重组数据-------->', this.dataForm);
         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

back/src/views/modules/ability/IntegratedServices.vue

@@ -21,25 +21,8 @@
       </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="融合服务名称"
-        <el-table-column prop="name" label="融合服务名称" header-align="center" align="center"></el-table-column>
+          header-align="center" align="center"></el-table-column>
-
-        <el-table-column prop="description" label="融合服务描述" header-align="center" align="center"></el-table-column>
-
-        <el-table-column prop="provider" label="服务商" header-align="center" align="center"></el-table-column>
-
-        <el-table-column prop="providerUser" label="服务商联系人" header-align="center" align="center"></el-table-column>
-
-        <el-table-column prop="providerMobile" label="服务商联系人电话" header-align="center" align="center"></el-table-column>
-
-        <el-table-column prop="applicationArea" label="应用领域" header-align="center" align="center"></el-table-column>
-
-        <el-table-column prop="deptId" label="所属部门" header-align="center" align="center"></el-table-column>
-
-        <el-table-column prop="deptUser" label="部门联系人" header-align="center" align="center"></el-table-column>
-
-        <el-table-column prop="mobile" label="部门联系人电话" header-align="center" align="center"></el-table-column>
-
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="94" right="0">
           <template slot-scope="scope">
             <el-button v-if="$hasPermission('ability:bsabilityai:update')" type="text" size="small"
@@ -61,9 +44,7 @@
       <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="query" @closeModal="closeModal"
         :addOrUpdateVisible="addOrUpdateVisible" :modalType="modalType">
       </add-or-update>
-      <relate-application v-if="relateApplicationResourceVisible" ref="relateApplication" :relateInfo="relationData"
+
-        :nameArray="topNameArray" @isShowRelatePopup="handleIsShowRelatePopupApply"></relate-application>
-      <show-child v-if="showData" :tableData="tableData" :childName="childName" :isShow="showData"></show-child>
     </div>
   </el-card>
 </template>
@@ -71,20 +52,28 @@
 <script>
 import mixinViewModule from "@/mixins/view-module";
 import AddOrUpdate from "./IntegratedServices-add";
-import dictionaries from "@/utils/dictionaries";
-import RelateApplication from "./bsabilityai-relate-application.vue";
-import showChild from './showChild.vue'
 import qs from "qs";
 import { type } from "os";
 
+export const tableColumns = {
+  'name': '融合服务名称',
+  'description': '融合服务描述',
+  'provider': '服务商',
+  'providerUser': '服务商联系人',
+  'providerMobile': '服务商联系人电话',
+  'applicationArea': '应用领域',
+  'deptId': '所属部门',
+  'deptUser': '部门联系人',
+  'mobile': '部门联系人电话',
+}
 
 export default {
   mixins: [mixinViewModule],
   data() {
     return {
+      // 表格--列
+      tableColumns: tableColumns,
       tableData: [],
-      showData: false,
-      childName: '',
       mixinViewModuleOptions: {
         getDataListURL: "/fuse/page",
         exportURL: "/ability/bsabilityai/export",
@@ -92,27 +81,18 @@ export default {
         getDataListIsPage: true,
         deleteIsBatch: false,
       },
-      disabled: false,
-      sceneArr: dictionaries.sceneArr,
-      fieldArr: dictionaries.fieldArr,
-      shareFormArr: dictionaries.shareFormArr,
       dataForm: {
         name: "",
         order: 'desc',
         orderField: 'create_date',
+        type: '融合服务'
       },
       qp: false,
-      relateApplicationResourceVisible: false,
-      relationData: {}, //打开穿梭框时传递的参数
-      topNameArray: [], //
       modalType: 'add',
     };
   },
-  watch: {},
   components: {
     AddOrUpdate,
-    RelateApplication,
-    showChild,
   },
   mounted() {
     window.addEventListener("resize", this.a);
@@ -154,7 +134,6 @@ export default {
       this.modalType = 'update';
       const cloneVal = JSON.parse(JSON.stringify(val))
       this.$nextTick(() => {
-        // this.$refs.addOrUpdate.dataForm = cloneVal;
         this.$refs.addOrUpdate.getDetail(cloneVal)
       })
     },
@@ -183,50 +162,26 @@ export default {
         "_blank"
       );
     },
-    // findValue(list, type) {
-    //   const found = list.find((item) => item.attrType === type);
-    //   if (found) {
-    //     return found.attrValue;
-    //   } else {
-    //     return "暂无数据";
-    //   }
-    // },
     fullScreen() {
       if (window.outerHeight === screen.availHeight) {
         if (window.outerWidth === screen.availWidth) {
           console.log(
             "全屏1",
-            window.outerHeight,
-            screen.availHeight,
-            window.outerWidth,
-            screen.availWidth
           );
           this.qp = false;
         } else {
           console.log(
             "不是全屏2",
-            window.outerHeight,
-            screen.availHeight,
-            window.outerWidth,
-            screen.availWidth
           );
           this.qp = true;
         }
       } else {
         console.log(
           "不是全屏3",
-          window.outerHeight,
-          screen.availHeight,
-          window.outerWidth,
-          screen.availWidth
         );
         this.qp = true;
       }
     },
-    // 是否展示关联应用弹窗
-    handleIsShowRelatePopupApply(type) {
-      this.relateApplicationResourceVisible = type;
-    },
   },
 };
 </script>

back/src/views/modules/ability/assignedScene/add-update-scene.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <el-dialog :visible.sync="addOrUpdateVisibleCopy" :title="modalType === 'display' ? '能力展示' : '挂接'"
+    <el-dialog :visible.sync="addOrUpdateVisibleCopy" :title="modalTypeText[modalType]" @close="closeModal"
-      @close="closeModal" :close-on-click-modal="false" :close-on-press-escape="false">
+      :close-on-click-modal="false" :close-on-press-escape="false">
       <div v-if="modalType !== 'display'" style="
             text-align: center;
             font-weight: 600;
@@ -17,11 +17,11 @@
       </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()"
+        <el-form v-if="modalType !== 'display'" :model="dataForm" :rules="rules" ref="dataForm"
-          :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
+          @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
           <!-- 基本信息 -->
-          <div style="margin-bottom:20px" v-if="checkList.includes('基本信息')">
+          <div style="margin-bottom:40px" v-show="checkList.includes('基本信息')">
             <div style="
                 text-align: center;
                 font-weight: 600;
@@ -30,62 +30,46 @@
               ">
               基本信息
             </div>
-            <el-form-item label="融合服务名称" prop="name">
+            <el-form-item label="名称" prop="name">
-              <el-input v-model="dataForm.name" placeholder="请输入融合服务名称"></el-input>
+              <el-input v-model="dataForm.name" placeholder="请输入名称" :disabled="modalType === 'display'"></el-input>
             </el-form-item>
-            <el-form-item label="融合服务描述" prop="description">
+            <el-form-item label="描述" prop="description">
-              <el-input v-model="dataForm.description" placeholder="请输入融合服务描述"></el-input>
+              <el-input type="textarea" :rows="3" v-model="dataForm.description" placeholder="请输入描述"
-            </el-form-item>
+                :disabled="modalType === 'display'"></el-input>
-            <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 v-model="dataForm.deptUser" placeholder="请输入部门联系人"></el-input>
-            </el-form-item>
-            <el-form-item label="部门联系人电话" prop="mobile">
-              <el-input v-model="dataForm.mobile" placeholder="请输入部门联系人电话"></el-input>
-            </el-form-item>
-            <el-form-item label="服务商" prop="provider">
-              <el-input v-model="dataForm.provider" placeholder="请输入服务商"></el-input>
-            </el-form-item>
-            <el-form-item label="服务商联系人" prop="providerUser">
-              <el-input v-model="dataForm.providerUser" placeholder="请输入服务商联系人"></el-input>
-            </el-form-item>
-            <el-form-item label="服务商联系人电话" prop="providerMobile">
-              <el-input v-model="dataForm.providerMobile" placeholder="请输入服务商联系人电话"></el-input>
             </el-form-item>
           </div>
 
           <!-- 关联能力 -->
-          <div class="" v-if="checkList.includes('关联能力')">
+          <div class="" style="marigin-bottom:40px" v-show="checkList.includes('关联能力')">
-            <integrated-combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm">
+            <integrated-combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" title="关联能力"
+              ref="combineAbility" :disabledType="modalType === 'display'">
             </integrated-combine-ability>
           </div>
 
           <!-- 使用步骤 -->
-          <div v-if="checkList.includes('使用步骤')">
+          <div style="marigin-bottom:20px" v-show="checkList.includes('使用步骤')">
-            <common-question :dataForm="dataForm" @update="updateDataForm"></common-question>
+            <scene-use-step :dataForm="dataForm" @update="updateDataForm" :disabledType="modalType === 'display'"
+              ref="sceneUseUp">
+            </scene-use-step>
           </div>
         </el-form>
       </div>
 
       <!-- 展示 -->
-      <el-form key="2" class="detial-form" v-else :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
+      <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 v-for="(data, i) in displayListInfo['使用步骤']" :key="`${i}${JSON.stringify(data)}`">
+        <div class="group-box" v-for="(data, i) in displayListInfo['使用步骤']" :key="`${i}${JSON.stringify(data)}`">
-          <el-form-item :label="`使用步骤${i + 1}`">
+          <el-form-item :label="`使用步骤标题${i + 1}`">
             {{ `${data['question']}` }}
           </el-form-item>
-          <el-form-item :label="`问题描述${i + 1}`">
+          <el-form-item :label="`描述${i + 1}`">
             {{ `${data['answer']} ` }}
           </el-form-item>
         </div>
-        <div v-for="(data, i) in displayListInfo['关联能力']" :key="`${i}${JSON.stringify(data)}`">
+        <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>
@@ -109,13 +93,13 @@
 <script>
 import debounce from "lodash/debounce";
 import qs from "qs";
-import CommonQuestion from '../components/common-question.vue';
+import SceneUseStep from '../components/scene-use-step.vue';
 import IntegratedCombineAbility from '../components/integrated-combine-ability.vue';
 import Cookies from 'js-cookie'
 
 export default {
   components: {
-    CommonQuestion,
+    SceneUseStep,
     IntegratedCombineAbility,
   },
   data() {
@@ -126,10 +110,6 @@ export default {
         "applicationArea": "",
         "description": "",
         "fuseAttrList": [
-          // {
-          //   "attrType": "技术文档",
-          //   "attrValue": "",
-          // },
           {
             "attrType": "使用步骤",
             "attrValue": [{ question: "", answer: "" }],
@@ -137,7 +117,7 @@ export default {
         ],
         "fuseResourceList": [
           {
-            "resourceId": 0,
+            "resourceId": '',
             "sequence": ""
           }
         ],
@@ -183,7 +163,6 @@ export default {
       ],
       checkList: ['基本信息', '关联能力', '使用步骤'],
       areaList: [],
-      fileNameList: [],
       addOrUpdateVisibleCopy: this.addOrUpdateVisible,
       displayInfo: {
         'name': '名称',
@@ -193,6 +172,11 @@ export default {
         '使用步骤': [],
         '关联能力': []
       },
+      modalTypeText: {
+        add: '挂接',
+        display: '能力展示',
+        update: '修改'
+      }
     };
   },
   props: {
@@ -216,6 +200,9 @@ export default {
     addOrUpdateVisible: {
       handler(newVal) {
         this.addOrUpdateVisibleCopy = newVal;
+        if (this.modalType == 'add' && newVal) {
+          this.getDetail(this.dataForm)
+        }
       },
       immediate: true,
     }
@@ -244,7 +231,6 @@ export default {
     changeBtn(data) {
       this.checkList = data;
     },
-
     // 表单提交
     dataFormSubmitHandle: debounce(
       function () {
@@ -293,21 +279,24 @@ 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)
         console.log('this.dataForm----详情-------->', this.dataForm);
       })
     },
     // 重组数据
     getDisPlayData() {
       this.$nextTick(() => {
-        console.log('this.dataForm----重组数据-------->', this.dataForm);
         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
@@ -424,4 +413,8 @@ export default {
   color: #606266;
   line-height: 32px;
 }
+
+.group-box {
+  // margin-bottom: 10px;
+}
 </style>

back/src/views/modules/ability/assignedScene/index.vue

@@ -26,18 +26,16 @@
 
         <el-table-column prop="description" label="描述" header-align="center" align="center"></el-table-column>
 
-        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="94" right="0">
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="300" 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>
           </template>
         </el-table-column>
       </el-table>
-
       <el-pagination :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit" :total="Number(total)"
         layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
         @current-change="pageCurrentChangeHandle">
@@ -54,7 +52,6 @@
 <script>
 import mixinViewModule from "@/mixins/view-module";
 import AddUpdateScene from "./add-update-scene";
-// import dictionaries from "@/utils/dictionaries";
 
 export default {
   mixins: [mixinViewModule],
@@ -70,9 +67,6 @@ export default {
         deleteIsBatch: false,
       },
       disabled: false,
-      // sceneArr: dictionaries.sceneArr,
-      // fieldArr: dictionaries.fieldArr,
-      // shareFormArr: dictionaries.shareFormArr,
       dataForm: {
         name: "",
         order: 'desc',
@@ -80,13 +74,9 @@ export default {
         type: '赋能场景'
       },
       qp: false,
-      // relateApplicationResourceVisible: false,
-      // relationData: {}, //打开穿梭框时传递的参数
-      // topNameArray: [], //
       modalType: 'add',
     };
   },
-  watch: {},
   components: {
     AddUpdateScene,
   },
@@ -130,7 +120,6 @@ export default {
       this.modalType = 'update';
       const cloneVal = JSON.parse(JSON.stringify(val))
       this.$nextTick(() => {
-        // this.$refs.addOrUpdate.dataForm = cloneVal;
         this.$refs.addOrUpdate.getDetail(cloneVal)
       })
     },
@@ -152,41 +141,22 @@ export default {
         this.$refs.addOrUpdate.getDisPlayData()
       })
     },
-    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) {
           console.log(
             "全屏1",
-            window.outerHeight,
-            screen.availHeight,
-            window.outerWidth,
-            screen.availWidth
           );
           this.qp = false;
         } else {
           console.log(
             "不是全屏2",
-            window.outerHeight,
-            screen.availHeight,
-            window.outerWidth,
-            screen.availWidth
           );
           this.qp = true;
         }
       } else {
         console.log(
           "不是全屏3",
-          window.outerHeight,
-          screen.availHeight,
-          window.outerWidth,
-          screen.availWidth
         );
         this.qp = true;
       }

back/src/views/modules/ability/bsabilityai.vue

@@ -510,45 +510,45 @@ export default {
         })
       })
       this.submitFrom.infoList = this.submitFrom.infoList.sort((a, b) => arr.indexOf(a.attrType) - arr.indexOf(b.attrType))
-      // if (this.submitFrom.id) {
+      if (this.submitFrom.id) {
-      //   // 解决编辑无组件类型
+        // 解决编辑无组件类型
-      //   this.submitFrom.infoList.map(val => {
+        this.submitFrom.infoList.map(val => {
-      //     if (val.attrType === '组件类型') {
+          if (val.attrType === '组件类型') {
-      //       val.attrValue = this.radio
+            val.attrValue = this.radio
-      //     }
+          }
-      //   })
+        })
-      //   console.log('编辑===============>', this.submitFrom)
+        console.log('编辑===============>', this.submitFrom)
-      //   console.log(this.submitFrom.infoList, '===============abc')
+        console.log(this.submitFrom.infoList, '===============abc')
-      //   // 去重
+        // 去重
-      //   const newArr = this.submitFrom.infoList.filter((element, index, self) => {
+        const newArr = this.submitFrom.infoList.filter((element, index, self) => {
-      //     return self.findIndex(x => x.attrType === element.attrType) === index
+          return self.findIndex(x => x.attrType === element.attrType) === index
-      //   })
+        })
-      //   this.submitFrom.infoList = newArr
+        this.submitFrom.infoList = newArr
-      //   console.log(this.submitFrom.infoList, '====================================wpwpwp')
+        console.log(this.submitFrom.infoList, '====================================wpwpwp')
-      //   this.$http
+        this.$http
-      //     .put('/resource/update', this.submitFrom)
+          .put('/resource/update', this.submitFrom)
-      //     .then(({ data: res }) => {
+          .then(({ data: res }) => {
-      //       if (res.code !== 0) {
+            if (res.code !== 0) {
-      //         this.$message.error('修改失败!')
+              this.$message.error('修改失败!')
-      //       } else {
+            } else {
-      //         this.$message.success('修改成功！')
+              this.$message.success('修改成功！')
-      //         this.clear()
+              this.clear()
-      //       }
+            }
-      //     })
+          })
-      //     .catch(() => {})
+          .catch(() => {})
-      // } else {
+      } else {
-      //   this.$http
+        this.$http
-      //     .post('/resource/insert?source= b', this.submitFrom)
+          .post('/resource/insert?source= b', this.submitFrom)
-      //     .then(({ data: res }) => {
+          .then(({ data: res }) => {
-      //       if (res.code !== 0) {
+            if (res.code !== 0) {
-      //         this.$message.error('上架失败!')
+              this.$message.error('上架失败!')
-      //       } else {
+            } else {
-      //         this.$message.success('上架成功！')
+              this.$message.success('上架成功！')
-      //         this.clear()
+              this.clear()
-      //       }
+            }
-      //     })
+          })
-      //     .catch(() => {})
+          .catch(() => {})
-      // }
+      }
     },
     // 新修改
     UpdateData (item) {

back/src/views/modules/ability/components/common-question.vue

@@ -8,8 +8,10 @@
                 <el-input v-model="item.question" placeholder="请输入问题名称" style="width:90%"></el-input>
             </el-form-item>
             <el-form-item label="问题描述" prop="question">
-                <el-input v-model="item.answer" placeholder="请输入问题描述" style="width:90%"></el-input>
+                <el-input type="textarea" :rows="2" v-model="item.answer" placeholder="请输入问题描述" style="width:90%">
-                <el-button style="margin-left:10px" @click="deleteItem(index)" type="danger" size="small">删除
+                </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 style="margin-left:120px" size="small" v-if="index == dataInfo.length - 1" @click="addItem"
@@ -43,26 +45,14 @@ export default {
             deep: true,
             immediate: true,
         },
-        dataForm: {
-            handler(newVal, oldVal) {
-                // 防止无限循环，简单比较一下
-                if (JSON.stringify(newVal) != JSON.stringify(oldVal)) {
-                    this.dataForm = newVal;
-                    this.getDataInfo();
-                }
-            },
-            deep: true,
-            immediate: true,
-        }
     },
     methods: {
-        getDataInfo() {
+        getDataInfo(dataForm) {
             let arr = []
-            let fuseAttrList = this.dataForm.fuseAttrList || [];
+            if (dataForm && (dataForm.id || dataForm.id === 0)) {
+                let fuseAttrList = dataForm.fuseAttrList || [];
                 let obj = fuseAttrList.find(v => v.attrType === '常见问题') || {}
-            console.log('obj-------常见问题----->', obj);
+                let attrValue = JSON.parse(obj.attrValue || "[]")
-            let attrValue = JSON.parse(obj.attrValue)
-
                 if (attrValue.length > 0) {
                     attrValue.map(v => {
                         arr.push({
@@ -70,6 +60,7 @@ export default {
                             answer: v.answer,
                         })
                     })
+                }
             } else {
                 arr = []
                 arr.push({
@@ -95,8 +86,6 @@ export default {
 </script>
 <style lang="scss" scoped>
 .question-box {
-    margin-bottom: 20px;
-
     .title {
         text-align: center;
         font-weight: 600;

back/src/views/modules/ability/components/integrated-combine-ability.vue

@@ -2,25 +2,32 @@
 <template>
     <div class="content-box">
         <div class="title">
-            组合能力
+            {{ title }}
         </div>
+        <div class="no-data loading-box" v-loading="loading" v-if="loading">
+        </div>
+        <div v-if="!loading">
             <div v-for="(item, index) in dataInfo" :key="index">
                 <el-form-item label="能力类别" prop="">
-                <el-select v-model="item.type" placeholder="请选择能力类别" @change="(data) => changeType(data, item, index)">
+                    <el-select v-model="item.type" placeholder="请选择能力类别"
+                        @change="(data) => filterSelect(data, item)" :disabled="disabledType">
                         <el-option v-for="val in typeOptions" :key="val.value" :label="val.value" :value="val.value">
                         </el-option>
                     </el-select>
-                <el-select style="margin-left: 20px" v-model="item.name" placeholder="请选择能力" filterable>
+                    <el-select style="margin-left: 20px" v-model="item.resourceId" placeholder="请选择能力"
+                        :disabled="disabledType">
                         <el-option v-for="val in item.abilityOptions" :key="val.id" :label="val.name" :value="val.id">
                         </el-option>
                     </el-select>
-                <el-button style="margin-left:10px" @click="deleteItem(dataInfo, index)" type="danger" size="small">删除
+                    <el-button style="margin-left:10px" @click="deleteItem(dataInfo, index)" type="danger" size="small"
+                        v-if="!disabledType && dataInfo.length > 1">删除
                     </el-button>
-                <el-button style="margin-left:10px" size="small" v-if="index == dataInfo.length - 1"
+                    <el-button style="margin-left:10px" size="small"
-                    @click="addItem(dataInfo, 0)" type="primary">添加
+                        v-if="!disabledType && index == dataInfo.length - 1" @click="addItem(dataInfo, 0)"
+                        type="primary">添加
                     </el-button>
                 </el-form-item>
-
+            </div>
         </div>
     </div>
 </template>
@@ -31,10 +38,22 @@ export default {
             type: Object,
             default: () => { }
         },
+        title: {
+            type: String,
+            default: '组合能力'
+        },
+        // 是否可编辑
+        disabledType: {
+            type: Boolean,
+            default: false
+        },
     },
     data() {
         return {
             typeOptions: [
+                {
+                    value: '',
+                },
                 {
                     value: '数据资源',
                 },
@@ -51,7 +70,10 @@ export default {
                     value: '知识库',
                 },
             ],
-            dataInfo: []
+            dataInfo: [],
+            abilityArray: [],
+            abilityArrayCopy: [],
+            loading: false,
         }
     },
     watch: {
@@ -61,56 +83,52 @@ export default {
                 let arr = newVal.map((v, index) => {
                     return {
                         sequence: index,
-                        resourceId: v.name
+                        resourceId: v.resourceId,
                     }
                 })
                 this.$emit('update', {
-                    title: '组合能力',
+                    title: this.title,
                     list: arr
                 })
             },
             deep: true,
             immediate: true,
         },
-        dataForm: {
-            handler(newVal, oldVal) {
-                // 防止无限循环，简单比较一下
-                if (JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
-                    this.dataForm = newVal;
-                    this.getDataInfo();
-                }
     },
-            deep: true,
+    mounted() {
-            immediate: true,
-        }
     },
     methods: {
-        getDataInfo() {
+        async getDataInfo(dataForm) {
+            await this.getAbility()
             let arr = []
-            let attrValue = this.dataForm.fuseResourceList || []
+            let attrValue = dataForm.fuseResourceList || []
             if (attrValue.length > 0) {
                 attrValue.map(v => {
-                    arr.push({
+                    let _obj = {
                         type: v.resource && v.resource.type,
-                        name: v.resourceId,
+                        resourceId: v.resourceId,
-                        abilityOptions: []
+                    }
-                    })
+                    this.filterSelect(v.resource && v.resource.type, _obj)
+                    arr.push(_obj)
                 })
             } else {
                 arr = []
                 arr.push({
                     type: "",
-                    name: "",
+                    resourceId: "",
                     abilityOptions: []
                 })
             }
             this.dataInfo = arr;
+            this.$nextTick(() => {
+                console.log(999, this.dataInfo)
+            })
         },
         // 新增
         addItem(list) {
             list.push({
                 type: "",
-                name: "",
+                resourceId: "",
                 abilityOptions: []
             })
         },
@@ -119,27 +137,30 @@ export default {
             list.splice(index, 1)
         },
         // 获取能力
-        getAbility(type = '', item) {
+        getAbility() {
-            this.$http.get(`/resource/list`, {
+            return new Promise((resolve, reject) => {
-                params: {
+                this.loading = true;
-                    type: type
+                this.$http.get(`/resource/list`, {}).then(({ data: res }) => {
-                }
+                    this.loading = false;
-            }).then(({ data: res }) => {
                     if (res.code !== 0) {
                         return this.$message.error(res.msg)
                     }
-                let arr = res.data || []
+                    this.abilityArray = res.data || []
-                let selectArray = this.dataInfo.map(v => v.name) || [];
+                    this.abilityArrayCopy = res.data || []
-                // 过滤掉已选的
+                    resolve(res)
-                item.abilityOptions = arr.filter(v => !selectArray.includes(v.id))
                 }).catch((err) => {
+                    this.loading = false;
                     this.$message.error(err)
+                    reject(err)
+                })
             })
         },
-        changeType(data, item) {
+        filterSelect(type, item) {
-            this.getAbility(data, item)
+            let arr = this.abilityArrayCopy.filter(v => v.type == type)
+            let selectArray = this.dataInfo.map(v => v.resourceId) || [];
+            // 过滤掉已选的
+            item.abilityOptions = arr.filter(v => !selectArray.includes(v.id))
         },
-
     }
 }
 </script>
@@ -154,4 +175,9 @@ export default {
         margin-bottom: 10px;
     }
 }
+
+.loading-box {
+    width: 100%;
+    height: 100px;
+}
 </style>

back/src/views/modules/ability/components/scene-use-step.vue

@@ -1,21 +1,34 @@
 <template>
     <div class="question-box">
         <div class="title">
-            常见问题
+            能力使用步骤
         </div>
         <div v-for="(item, index) in dataInfo" :key="index">
-            <el-form-item label="问题名称" prop="question">
+            <el-form-item label="标题" prop="question">
-                <el-input v-model="item.question" placeholder="请输入问题名称" style="width:90%"></el-input>
+                <el-input v-model="item.question" placeholder="请输入标题" style="width:90%" :disabled="disabledType">
+                </el-input>
             </el-form-item>
-            <el-form-item label="问题描述" prop="question">
+            <el-form-item label="解释说明" prop="question">
-                <el-input v-model="item.answer" placeholder="请输入问题描述" style="width:90%"></el-input>
+                <el-input type="textarea" :rows="3" v-model="item.answer" placeholder="请输入解释说明" style="width:90%"
-                <el-button style="margin-left:10px" @click="deleteItem(index)" type="danger" size="small">删除
+                    :disabled="disabledType">
+                </el-input>
+                <el-button style="margin-left:10px" @click="deleteItem(index)" type="danger" size="small"
+                    v-if="!disabledType && dataInfo.length > 1">删除
                 </el-button>
             </el-form-item>
-            <el-button style="margin-left:120px" size="small" v-if="index == dataInfo.length - 1" @click="addItem"
+            <el-button style="margin-left:120px" size="small" v-if="!disabledType && index == dataInfo.length - 1"
-                type="primary">添加
+                @click="addItem" type="primary">添加
             </el-button>
         </div>
+
+        <div class="step-box">
+            <el-steps :active="2">
+                <el-step status="finish" :title="item.question || `标题${index + 1}`" v-for="(item, index) in dataInfo"
+                    :key="index">
+                </el-step>
+            </el-steps>
+        </div>
+
     </div>
 </template>
 <script>
@@ -24,7 +37,12 @@ export default {
         dataForm: {
             type: Object,
             default: () => { }
-        }
+        },
+        // 是否可编辑
+        disabledType: {
+            type: Boolean,
+            default: false
+        },
     },
     data() {
         return {
@@ -36,32 +54,20 @@ export default {
             handler(newVal) {
                 this.dataInfo = newVal;
                 this.$emit('update', {
-                    title: '常见问题',
+                    title: '使用步骤',
                     list: newVal
                 })
             },
             deep: true,
             immediate: true,
         },
-        dataForm: {
-            handler(newVal, oldVal) {
-                // 防止无限循环，简单比较一下
-                if (JSON.stringify(newVal) != JSON.stringify(oldVal)) {
-                    this.dataForm = newVal;
-                    this.getDataInfo();
-                }
-            },
-            deep: true,
-            immediate: true,
-        }
     },
     methods: {
-        getDataInfo() {
+        getDataInfo(dataForm) {
             let arr = []
-            let fuseAttrList = this.dataForm.fuseAttrList || [];
+            let fuseAttrList = dataForm.fuseAttrList || [];
-            let obj = fuseAttrList.find(v => v.attrType === '常见问题') || {}
+            let obj = fuseAttrList.find(v => v.attrType === '使用步骤') || {}
-            console.log('obj-------常见问题----->', obj);
+            let attrValue = JSON.parse(obj.attrValue || "[]")
-            let attrValue = JSON.parse(obj.attrValue)
 
             if (attrValue.length > 0) {
                 attrValue.map(v => {
@@ -96,6 +102,7 @@ export default {
 <style lang="scss" scoped>
 .question-box {
     margin-bottom: 20px;
+    margin-top: 40px;
 
     .title {
         text-align: center;
@@ -104,4 +111,8 @@ export default {
         margin-bottom: 10px;
     }
 }
+
+.step-box {
+    padding: 20px 10px 10px 10px;
+}
 </style>

front/src/api/user.js

@@ -1,8 +1,8 @@
 /*
  * @Author: hisense.wuhongjian
  * @Date: 2022-03-29 17:48:03
- * @LastEditors: hisense.wuhongjian
+ * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-04-12 10:07:15
+ * @LastEditTime: 2022-07-15 16:42:22
  * @Description: 告诉大家这是什么
  */
 import request from '@/utils/request'
@@ -30,6 +30,13 @@ export function getUserInfo() {
     method: 'get',
   })
 }
+export function getDeptAll() {
+  //此处为了兼容mock.js使用data传递accessToken，如果使用mock可以走headers
+  return request({
+    url: '/sys/dept/all',
+    method: 'get',
+  })
+}
 
 export function logout() {
   return request({

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-15 11:31:36
+ * @LastEditTime: 2022-07-15 16:28:56
  * @Description: 算法上架
 -->
 <template>
@@ -81,6 +81,7 @@
       ></algorithm-deployment-use> -->
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
+      <button @click="close()">取消</button>
       <button v-show="showView !== '基本信息'" @click="back()">上一步</button>
       <button v-show="showView === '部署与使用'" @click="preview()">
         预览
@@ -218,6 +219,9 @@
   getUser().then((res) => {
     dataFrom.value.deptId = res.data.data.deptId
   })
+  const close = () => {
+    window.close()
+  }
   const back = () => {
     navList.value.forEach((val, index) => {
       if (val.key === showView.value && index > 0) {
@@ -281,7 +285,7 @@
             shangjiaapply(params).then((res3) => {
               console.log('res3', res3)
               if (res3.data.code == 0) {
-                message.success('上架成功！')
+                message.success('上架申请提交成功，请注意查看消息通知！')
                 window.setTimeout(() => {
                   window.close()
                   submitFlag.value = true
@@ -445,10 +449,15 @@
         background: #999;
       }
     }
-    .finish {
+    .btn {
-      color: #0087ff;
+      display: flex;
-      .bg-box {
+      justify-content: space-around;
-        background: #9ccefa;
+      padding: 10px 350px 0;
+      button {
+        cursor: pointer;
+        width: 80px;
+        height: 35px;
+        text-align: center;
         color: #fff;
         border: 1px solid #9ccefa;
         span {
@@ -459,6 +468,16 @@
       .line {
         background: #0087ff;
       }
+      button:nth-of-type(1) {
+        color: #0087ff;
+        background: #e1edfa;
+      }
+      button:nth-of-type(2) {
+        background: #01c5dc;
+      }
+    }
+    .first {
+      justify-content: space-around;
     }
   }
   .btn {

front/src/views/capacityOnTheShelf/Application.vue

@@ -237,7 +237,7 @@
             shangjiaapply(params).then((res3) => {
               console.log('res3', res3)
               if (res3.data.code == 0) {
-                message.success('上架成功！')
+                message.success('上架申请提交成功，请注意查看消息通知！')
                 window.setTimeout(() => {
                   window.close()
                   submitFlag.value = true

front/src/views/capacityOnTheShelf/BusinessComponent.vue

@@ -261,7 +261,7 @@
             shangjiaapply(params).then((res3) => {
               console.log('res3', res3)
               if (res3.data.code == 0) {
-                message.success('上架成功！')
+                message.success('上架申请提交成功，请注意查看消息通知！')
                 window.setTimeout(() => {
                   window.close()
                   submitFlag.value = true

front/src/views/capacityOnTheShelf/DevelopmentComponents.vue

@@ -261,7 +261,7 @@
             shangjiaapply(params).then((res3) => {
               console.log('res3', res3)
               if (res3.data.code == 0) {
-                message.success('上架成功！')
+                message.success('上架申请提交成功，请注意查看消息通知！')
                 window.setTimeout(() => {
                   window.close()
                   submitFlag.value = true

front/src/views/capacityOnTheShelf/LayerServices.vue

@@ -209,7 +209,7 @@
             shangjiaapply(params).then((res3) => {
               console.log('res3', res3)
               if (res3.data.code == 0) {
-                message.success('上架成功！')
+                message.success('上架申请提交成功，请注意查看消息通知！')
                 window.setTimeout(() => {
                   window.close()
                   submitFlag.value = true

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-15 11:51:18
+ * @LastEditTime: 2022-07-15 16:56:49
  * @Description: 上架
 -->
 <template>
@@ -111,7 +111,7 @@
             ></upload>
           </div>
           <div class="submit">
-            <a-button type="primary" @click="add(title.name)">提交</a-button>
+            <a-button type="primary" @click="add(title.name)">添加</a-button>
           </div>
         </div>
       </template>
@@ -265,6 +265,18 @@
                 {{ itemSelect.dictLabel }}
               </a-select-option>
             </a-select>
+            <a-select
+              v-else-if="item.name === '归属部门'"
+              style="width: 240px"
+              v-model:value="item.note1"
+              show-search
+              placeholder="请输入关键字"
+              :options="item.options"
+              :filter-option="filterOption"
+              @focus="handleFocus"
+              @blur="handleBlur"
+              @change="handleChange2"
+            ></a-select>
             <div
               v-else-if="item.type == 'checkBox'"
               class="application-Area"
@@ -317,6 +329,7 @@
   import mybus from '@/myplugins/mybus'
   import upload from '@/views/components/upload'
   import { message } from 'ant-design-vue'
+  import { getUserInfo, getDeptAll } from '@/api/user'
   import {
     getCategoryTreePage,
     queryApplicationRelByResourceId,
@@ -390,6 +403,9 @@
     // }]
   })
   // console.log('props==========>', props)
+  const changeAdd = () => {
+    console.log('子组件方法触发~')
+  }
   const data = ref({
     list: [],
   })
@@ -451,6 +467,25 @@
           }
           data.value.list.push(item)
         })
+      } else if (item.name === '归属部门') {
+        getDeptAll().then((res) => {
+          const dataList = []
+          res.data.data.forEach((element) => {
+            dataList.push({
+              value: element.id,
+              label: element.name,
+            })
+          })
+          item.options = dataList
+          if (!item.note1) {
+            getUserInfo().then(({ data: res1 }) => {
+              console.log(res1.data)
+              item.note1 = res1.data.deptId
+              console.log('默认部门=========>', item, res1.data)
+              data.value.list.push(item)
+            })
+          }
+        })
       } else {
         data.value.list.push(item)
       }
@@ -670,6 +705,21 @@
       }
     })
   })
+  const handleChange2 = (value) => {
+    console.log(`selected ${value}`)
+  }
+
+  const handleBlur = () => {
+    console.log('blur')
+  }
+
+  const handleFocus = () => {
+    console.log('focus')
+  }
+
+  const filterOption = (input, option) => {
+    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+  }
 </script>
 <style></style>
 <style lang="less" scoped>

front/src/views/detailsAll/components/Algorithm/AlgorithmAdvantage.vue

@@ -12,7 +12,10 @@
       <div class="top">
         <div v-for="val in data" :key="val.id" class="item">
           <div class="icon" :class="val.icon"></div>
+          <a-tooltip>
+            <template #title>{{ val.title }}</template>
             <div class="title">{{ val.title }}</div>
+          </a-tooltip>
           <a-tooltip>
             <template #title>{{ val.text }}</template>
             <div class="text">{{ val.text }}</div>
@@ -119,7 +122,11 @@
           .title {
             font-size: 22px;
             margin-top: 25px;
+            width: 2.6rem;
             text-align: center;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
           }
           .text {
             height: 78px;

front/src/views/detailsAll/components/Algorithm/AlgorithmChargingStandard.vue

@@ -12,9 +12,7 @@
           <div class="content-content">{{ item.content }}</div>
         </a-tooltip>
         <div class="content-footer">
-          <span>{{ item.unit }}</span>
           <span>{{ item.value }}</span>
-          <span>{{ item.time }}</span>
         </div>
       </div>
     </div>
@@ -40,44 +38,10 @@
       // dataFrom.value = obj
       obj.attrValue.map((item) => {
         let params = {}
-        switch (item.type) {
-          case '一次性买断':
         params = {
           title: item.type,
           content: item.desc,
           value: item.price,
-              time: '元',
-              unit: '￥',
-            }
-            break
-          case '按调用次数':
-            params = {
-              title: item.type,
-              content: item.desc,
-              value: item.price,
-              time: '/次',
-              unit: '￥',
-            }
-            break
-
-          case '按并发路数':
-            params = {
-              title: item.type,
-              content: item.desc,
-              value: item.price,
-              time: '/路',
-              unit: '￥',
-            }
-            break
-          case '按年计费':
-            params = {
-              title: item.type,
-              content: item.desc,
-              value: item.price,
-              time: '/年',
-              unit: '￥',
-            }
-            break
         }
         dataFrom.value.push(params)
       })
@@ -97,44 +61,10 @@
           // dataFrom.value = obj
           obj.attrValue.map((item) => {
             let params = {}
-            switch (item.type) {
-              case '一次性买断':
             params = {
               title: item.type,
               content: item.desc,
               value: item.price,
-                  time: '元',
-                  unit: '￥',
-                }
-                break
-              case '按调用次数':
-                params = {
-                  title: item.type,
-                  content: item.desc,
-                  value: item.price,
-                  time: '/次',
-                  unit: '￥',
-                }
-                break
-
-              case '按并发路数':
-                params = {
-                  title: item.type,
-                  content: item.desc,
-                  value: item.price,
-                  time: '/路',
-                  unit: '￥',
-                }
-                break
-              case '按年计费':
-                params = {
-                  title: item.type,
-                  content: item.desc,
-                  value: item.price,
-                  time: '/年',
-                  unit: '￥',
-                }
-                break
             }
             dataFrom.value.push(params)
           })
@@ -189,14 +119,6 @@
             font-size: 22px;
             color: #ff8b55;
           }
-          span:nth-child(2) {
-            font-size: 32px;
-            color: #ff8b55;
-          }
-          span:last-child {
-            font-size: 22px;
-            color: #999999;
-          }
         }
       }
       .content-card:hover {

front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue

@@ -21,12 +21,18 @@
             <span class="label" v-if="props.dataList.type">
               {{ props.dataList.type }}
             </span>
+            <span class="label" v-if="componentType">
+              {{ componentType }}
+            </span>
             <span class="label" v-if="props.dataList.shareType">
               {{ props.dataList.shareType }}
             </span>
             <span class="label" v-if="props.dataList.shareCondition">
               {{ props.dataList.shareCondition }}
             </span>
+            <span class="label" v-if="deploymentLocation">
+              {{ deploymentLocation }}
+            </span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->
@@ -71,6 +77,7 @@
   })
   const router = useRouter()
   const applicationArea = ref('')
+  const deploymentLocation = ref('') //部署位置
   //加入申购车
   const addShoppingCart = () => {
     console.log('加入申购车==================>', props.dataList)
@@ -128,6 +135,13 @@
     let obj = props.dataList.infoList.filter(
       (val) => val.attrType === '组件类型'
     )[0]
+    if (
+      props.dataList.infoList.filter((val) => val.attrType === '部署位置')[0]
+    ) {
+      deploymentLocation.value = props.dataList.infoList.filter(
+        (val) => val.attrType === '部署位置'
+      )[0].attrValue
+    }
     if (obj) {
       componentType.value = obj.attrValue
     }
@@ -142,6 +156,15 @@
         let obj = props.dataList.infoList.filter(
           (val) => val.attrType === '组件类型'
         )[0]
+        if (
+          props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0]
+        ) {
+          deploymentLocation.value = props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0].attrValue
+        }
         if (obj) {
           componentType.value = obj.attrValue
         }
@@ -189,8 +212,8 @@
         }
         .lable-father {
           position: absolute;
-          min-width: 3.5rem;
+          min-width: 5.5rem;
-          right: -3.5rem;
+          right: -5.5rem;
           top: 0;
         }
         .label {

front/src/views/detailsAll/components/Application/ApplicationDeploymentAndSecurity.vue

@@ -68,11 +68,13 @@
         item.attrType === '部署位置'
       ) {
         dataFrom.value.content[0].childrenContent.push(item)
-      } else if (
+      } else if (item.attrType === '等保定级') {
-        item.attrType === '是否等保备案' ||
-        item.attrType === '等保定级'
-      ) {
         dataFrom.value.content[1].childrenContent.push(item)
+        let isAndNo = {
+          attrType: '是否等保备案',
+          attrValue: '是',
+        }
+        dataFrom.value.content[1].childrenContent.push(isAndNo)
       } else if (item.attrType === '访问地址') {
         let obj = {
           attrType: '访问地址',
@@ -85,7 +87,7 @@
       let data = [
         {
           attrType: '是否等保备案',
-          attrValue: '------',
+          attrValue: '否',
         },
         {
           attrType: '等保定级',
@@ -116,11 +118,13 @@
             item.attrType === '部署位置'
           ) {
             dataFrom.value.content[0].childrenContent.push(item)
-          } else if (
+          } else if (item.attrType === '等保定级') {
-            item.attrType === '是否等保备案' ||
-            item.attrType === '等保定级'
-          ) {
             dataFrom.value.content[1].childrenContent.push(item)
+            let isAndNo = {
+              attrType: '是否等保备案',
+              attrValue: '是',
+            }
+            dataFrom.value.content[1].childrenContent.push(isAndNo)
           } else if (item.attrType === '访问地址') {
             let obj = {
               attrType: '访问地址',
@@ -130,10 +134,11 @@
           }
         })
         if (dataFrom.value.content[1].childrenContent.length <= 0) {
+          debugger
           let data = [
             {
               attrType: '是否等保备案',
-              attrValue: '------',
+              attrValue: '否',
             },
             {
               attrType: '等保定级',

front/src/views/detailsAll/components/Business/BusinessTopDetails.vue

@@ -21,12 +21,18 @@
             <span class="label" v-if="props.dataList.type">
               {{ props.dataList.type }}
             </span>
+            <span class="label" v-if="componentType">
+              {{ componentType }}
+            </span>
             <span class="label" v-if="props.dataList.shareType">
               {{ props.dataList.shareType }}
             </span>
             <span class="label" v-if="props.dataList.shareCondition">
               {{ props.dataList.shareCondition }}
             </span>
+            <span class="label" v-if="deploymentLocation">
+              {{ deploymentLocation }}
+            </span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->
@@ -75,6 +81,8 @@
   })
   const router = useRouter()
   const businessArea = ref('')
+  const deploymentLocation = ref('') //部署位置
+  const componentType = ref('') //组件类型
   // // 加入申购车
   const addShoppingCart = () => {
     console.log('加入申购车==================>', props.dataList)
@@ -124,14 +132,17 @@
       message.success('收藏成功')
     })
   }
-  const componentType = ref('')
   if (props.dataList.infoList) {
     businessArea.value = props.dataList.infoList.filter(
       (val) => val.attrType === '应用领域'
     )[0].attrValue
-    let obj = props.dataList.infoList.filter(
+    if (
-      (val) => val.attrType === '组件类型'
+      props.dataList.infoList.filter((val) => val.attrType === '部署位置')[0]
-    )[0]
+    ) {
+      deploymentLocation.value = props.dataList.infoList.filter(
+        (val) => val.attrType === '部署位置'
+      )[0].attrValue
+    }
     if (obj) {
       componentType.value = obj.attrValue
     }
@@ -146,6 +157,15 @@
         let obj = props.dataList.infoList.filter(
           (val) => val.attrType === '组件类型'
         )[0]
+        if (
+          props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0]
+        ) {
+          deploymentLocation.value = props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0].attrValue
+        }
         if (obj) {
           componentType.value = obj.attrValue
         }
@@ -197,8 +217,8 @@
 
         .lable-father {
           position: absolute;
-          min-width: 3.5rem;
+          min-width: 5.5rem;
-          right: -3.5rem;
+          right: -5.5rem;
           top: 0;
         }
 

front/src/views/detailsAll/components/Business/BusinessUsageMode.vue

@@ -138,10 +138,12 @@
       flag.value = false
     } else {
       // eslint-disable-next-line vue/no-setup-props-destructure
-      dataFrom.value.content[0].link.value = props.dataList.apiUrl
+      dataFrom.value.content[0].link.value = props.dataList.apiUrl || '--'
-      dataFrom.value.content[0].facilitator.value = props.dataList.deptName
+      dataFrom.value.content[0].facilitator.value =
-      dataFrom.value.content[0].people.value = props.dataList.deptContacts
+        props.dataList.deptName || '--'
-      dataFrom.value.content[0].phone.value = props.dataList.deptPhone
+      dataFrom.value.content[0].people.value =
+        props.dataList.deptContacts || '--'
+      dataFrom.value.content[0].phone.value = props.dataList.deptPhone || '--'
       console.log('dataList', props.dataList)
       props.dataList.infoList.map((item) => {
         if (item.attrType === '组件地址') {
@@ -173,10 +175,10 @@
         if (!obj) {
           flag.value = false
         } else {
-          dataFrom.value.content[0].link.value = val.apiUrl
+          dataFrom.value.content[0].link.value = val.apiUrl || '--'
-          dataFrom.value.content[0].facilitator.value = val.deptName
+          dataFrom.value.content[0].facilitator.value = val.deptName || '--'
-          dataFrom.value.content[0].people.value = val.deptContacts
+          dataFrom.value.content[0].people.value = val.deptContacts || '--'
-          dataFrom.value.content[0].phone.value = val.deptPhone
+          dataFrom.value.content[0].phone.value = val.deptPhone || '--'
           console.log('dataList', val)
           val.infoList.map((item) => {
             if (item.attrType === '组件地址') {

front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue

@@ -102,24 +102,24 @@
     if (!obj) {
       flag.value = false
     } else {
-      dataFrom.value.content[0].childrenContent[0].attrValue =
-        props.dataList.deptContacts
       dataFrom.value.content[0].childrenContent[1].attrValue =
-        props.dataList.deptPhone
+        props.dataList.deptContacts || '--'
       dataFrom.value.content[0].childrenContent[2].attrValue =
-        props.dataList.deptName
+        props.dataList.deptPhone || '--'
+      dataFrom.value.content[0].childrenContent[0].attrValue =
+        props.dataList.deptName || '--'
       props.dataList.infoList.map((item) => {
         if (item.attrType == '组件地址') {
           dataFrom.value.link = item.attrValue
         } else if (item.attrType == '服务商联系人') {
-          dataFrom.value.content[1].childrenContent[0].attrValue =
-            item.attrValue
-        } else if (item.attrType == '服务商联系电话') {
           dataFrom.value.content[1].childrenContent[1].attrValue =
-            item.attrValue
+            item.attrValue || '--'
-        } else if (item.attrType == '服务商' || item.attrType == '服务商名') {
+        } else if (item.attrType == '服务商联系电话') {
           dataFrom.value.content[1].childrenContent[2].attrValue =
-            item.attrValue
+            item.attrValue || '--'
+        } else if (item.attrType == '服务商' || item.attrType == '服务商名') {
+          dataFrom.value.content[1].childrenContent[0].attrValue =
+            item.attrValue || '--'
         }
       })
     }
@@ -164,27 +164,27 @@
         if (!obj) {
           flag.value = false
         } else {
-          dataFrom.value.content[0].childrenContent[0].attrValue =
-            props.dataList.deptContacts
           dataFrom.value.content[0].childrenContent[1].attrValue =
-            props.dataList.deptPhone
+            props.dataList.deptContacts || '--'
           dataFrom.value.content[0].childrenContent[2].attrValue =
-            props.dataList.deptName
+            props.dataList.deptPhone || '--'
+          dataFrom.value.content[0].childrenContent[0].attrValue =
+            props.dataList.deptName || '--'
           props.dataList.infoList.map((item) => {
             if (item.attrType == '组件地址') {
               dataFrom.value.link = item.attrValue
             } else if (item.attrType == '服务商联系人') {
-              dataFrom.value.content[1].childrenContent[0].attrValue =
-                item.attrValue
-            } else if (item.attrType == '服务商联系电话') {
               dataFrom.value.content[1].childrenContent[1].attrValue =
-                item.attrValue
+                item.attrValue || '--'
+            } else if (item.attrType == '服务商联系电话') {
+              dataFrom.value.content[1].childrenContent[2].attrValue =
+                item.attrValue || '--'
             } else if (
               item.attrType == '服务商' ||
               item.attrType == '服务商名'
             ) {
-              dataFrom.value.content[1].childrenContent[2].attrValue =
+              dataFrom.value.content[1].childrenContent[0].attrValue =
-                item.attrValue
+                item.attrValue || '--'
             }
           })
         }
@@ -204,11 +204,11 @@
     }
     .content {
       display: flex;
-      width: 13rem;
+      width: 14rem;
       justify-content: space-between;
       .content-card {
         height: 1.8rem;
-        width: 6.2rem;
+        width: 6.6rem;
         border-radius: 0.2rem;
         background: linear-gradient(
           to right,
@@ -242,11 +242,18 @@
             max-width: 2.8rem;
             div {
               max-width: 2.8rem;
+              // overflow: hidden;
+              // text-overflow: ellipsis;
+              // display: -webkit-box;
+              // -webkit-box-orient: vertical;
+              // -webkit-line-clamp: 1;
+              & > span:last-child {
+                display: inline-block;
+                width: 1.19rem;
                 overflow: hidden;
                 text-overflow: ellipsis;
-              display: -webkit-box;
+                white-space: nowrap;
-              -webkit-box-orient: vertical;
+              }
-              -webkit-line-clamp: 1;
             }
           }
         }

front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue

@@ -21,12 +21,18 @@
             <span class="label" v-if="props.dataList.type">
               {{ props.dataList.type }}
             </span>
+            <span class="label" v-if="componentType">
+              {{ componentType }}
+            </span>
             <span class="label" v-if="props.dataList.shareType">
               {{ props.dataList.shareType }}
             </span>
             <span class="label" v-if="props.dataList.shareCondition">
               {{ props.dataList.shareCondition }}
             </span>
+            <span class="label" v-if="deploymentLocation">
+              {{ deploymentLocation }}
+            </span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->
@@ -71,6 +77,7 @@
   })
   const router = useRouter()
   const applicationArea = ref('')
+  const deploymentLocation = ref('') //部署位置
   // 加入申购车
   const addShoppingCart = () => {
     console.log('加入申购车==================>', props.dataList)
@@ -128,6 +135,13 @@
     let obj = props.dataList.infoList.filter(
       (val) => val.attrType === '组件类型'
     )[0]
+    if (
+      props.dataList.infoList.filter((val) => val.attrType === '部署位置')[0]
+    ) {
+      deploymentLocation.value = props.dataList.infoList.filter(
+        (val) => val.attrType === '部署位置'
+      )[0].attrValue
+    }
     if (obj) {
       componentType.value = obj.attrValue
     }
@@ -142,6 +156,15 @@
         let obj = props.dataList.infoList.filter(
           (val) => val.attrType === '组件类型'
         )[0]
+        if (
+          props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0]
+        ) {
+          deploymentLocation.value = props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0].attrValue
+        }
         if (obj) {
           componentType.value = obj.attrValue
         }
@@ -188,8 +211,8 @@
         }
         .lable-father {
           position: absolute;
-          min-width: 3.5rem;
+          min-width: 5.5rem;
-          right: -3.5rem;
+          right: -5.5rem;
           top: 0;
         }
         .label {

front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue

@@ -21,12 +21,18 @@
             <span class="label" v-if="props.dataList.type">
               {{ props.dataList.type }}
             </span>
+            <span class="label" v-if="componentType">
+              {{ componentType }}
+            </span>
             <span class="label" v-if="props.dataList.shareType">
               {{ props.dataList.shareType }}
             </span>
             <span class="label" v-if="props.dataList.shareCondition">
               {{ props.dataList.shareCondition }}
             </span>
+            <span class="label" v-if="deploymentLocation">
+              {{ deploymentLocation }}
+            </span>
           </p>
         </div>
         <!-- <span class="label">免费</span> -->
@@ -71,6 +77,7 @@
   })
   const router = useRouter()
   const businessArea = ref('')
+  const deploymentLocation = ref('') //部署位置
   // 加入申购车
   const addShoppingCart = () => {
     console.log('加入申购车==================>', props.dataList)
@@ -129,6 +136,13 @@
     let obj = props.dataList.infoList.filter(
       (val) => val.attrType === '组件类型'
     )[0]
+    if (
+      props.dataList.infoList.filter((val) => val.attrType === '部署位置')[0]
+    ) {
+      deploymentLocation.value = props.dataList.infoList.filter(
+        (val) => val.attrType === '部署位置'
+      )[0].attrValue
+    }
     if (obj) {
       componentType.value = obj.attrValue
     }
@@ -145,6 +159,15 @@
         let obj = props.dataList.infoList.filter(
           (item) => item.attrType === '组件类型'
         )[0]
+        if (
+          props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0]
+        ) {
+          deploymentLocation.value = props.dataList.infoList.filter(
+            (val) => val.attrType === '部署位置'
+          )[0].attrValue
+        }
         if (obj) {
           componentType.value = obj.attrValue
         }
@@ -191,8 +214,8 @@
         }
         .lable-father {
           position: absolute;
-          min-width: 3.5rem;
+          min-width: 5.5rem;
-          right: -3.5rem;
+          right: -5.5rem;
           top: 0;
         }
         .label {

front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue

@@ -142,10 +142,12 @@
       flag.value = false
     } else {
       // eslint-disable-next-line vue/no-setup-props-destructure
-      dataFrom.value.content[0].link.value = props.dataList.apiUrl
+      dataFrom.value.content[0].link.value = props.dataList.apiUrl || '--'
-      dataFrom.value.content[0].facilitator.value = props.dataList.deptName
+      dataFrom.value.content[0].facilitator.value =
-      dataFrom.value.content[0].people.value = props.dataList.deptContacts
+        props.dataList.deptName || '--'
-      dataFrom.value.content[0].phone.value = props.dataList.deptPhone
+      dataFrom.value.content[0].people.value =
+        props.dataList.deptContacts || '--'
+      dataFrom.value.content[0].phone.value = props.dataList.deptPhone || '--'
       console.log('dataList', props.dataList)
       props.dataList.infoList.map((item) => {
         if (item.attrType === '服务地址') {
@@ -179,10 +181,10 @@
         if (!obj) {
           flag.value = false
         } else {
-          dataFrom.value.content[0].link.value = val.apiUrl
+          dataFrom.value.content[0].link.value = val.apiUrl || '--'
-          dataFrom.value.content[0].facilitator.value = val.deptName
+          dataFrom.value.content[0].facilitator.value = val.deptName || '--'
-          dataFrom.value.content[0].people.value = val.deptContacts
+          dataFrom.value.content[0].people.value = val.deptContacts || '--'
-          dataFrom.value.content[0].phone.value = val.deptPhone
+          dataFrom.value.content[0].phone.value = val.deptPhone || '--'
           console.log('dataList', val)
           val.infoList.map((item) => {
             if (item.attrType === '服务地址') {

front/src/views/home/components/header.vue

@@ -63,6 +63,10 @@
     <div class="mynotice" v-show="mynoticeFlag">
       <a-list item-layout="horizontal" :data-source="mynoticeData">
         <template #renderItem="{ item }">
+          <a-tooltip placement="left">
+            <template #title>
+              <span>{{ item.content }}</span>
+            </template>
             <a-list-item>
               <a-list-item-meta :description="item.senderDate">
                 <template #title>
@@ -70,6 +74,7 @@
                 </template>
               </a-list-item-meta>
             </a-list-item>
+          </a-tooltip>
         </template>
       </a-list>
       <div class="bottom" @click="goToView()">查看更多</div>

front/src/views/home/infrastructurePage.vue

@@ -414,12 +414,15 @@
   // }
   const getCamera = () => {
     console.log('初始化调用')
+    console.log('不选左侧树的时候不调用接口', mapSearchParam.value)
+    if (mapSearchParam.value.parentId) {
       getCameraByParentId(mapSearchParam.value).then((res) => {
         console.log('RRRRRRRRRR', res.data.data)
         dataSource.value = res.data.data
         pagination.value.total = res.data.count
       })
     }
+  }
   //加入申购车
   const addShoppingCart = () => {
     if (selectedList.value.length > 0) {