From 78e3a4d7f0bdcff63406f0e687dc28b0ea423864 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Fri, 15 Jul 2022 17:33:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ability/components/common-question.vue    |  2 +-
 .../components/integrated-combine-ability.vue | 32 ++++++++++---------
 .../ability/components/scene-use-step.vue     |  2 +-
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/back/src/views/modules/ability/components/common-question.vue b/back/src/views/modules/ability/components/common-question.vue
index 0ab78cb3..1d729e1e 100644
--- a/back/src/views/modules/ability/components/common-question.vue
+++ b/back/src/views/modules/ability/components/common-question.vue
@@ -14,7 +14,7 @@
                     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"
+            <el-button style="margin-left:70px" size="small" v-if="index == dataInfo.length - 1" @click="addItem"
                 type="primary">添加
             </el-button>
         </div>
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 60952228..80eea64b 100644
--- a/back/src/views/modules/ability/components/integrated-combine-ability.vue
+++ b/back/src/views/modules/ability/components/integrated-combine-ability.vue
@@ -9,24 +9,24 @@
         <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) => filterSelect(data, item)" :disabled="disabledType">
+                    <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.resourceId" placeholder="请选择能力"
-                        :disabled="disabledType">
-                        <el-option v-for="val in item.abilityOptions" :key="val.id" :label="val.name" :value="val.id">
+                    <el-select class="ability-input" style="margin-left: 20px;max-width:530px" v-model="item.resourceId"
+                        placeholder="请选择能力" filterable :disabled="disabledType">
+                        <el-option style="max-width:530px" 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"
                         v-if="!disabledType && dataInfo.length > 1">删除
                     </el-button>
-                    <el-button style="margin-left:10px" size="small"
-                        v-if="!disabledType && index == dataInfo.length - 1" @click="addItem(dataInfo, 0)"
-                        type="primary">添加
-                    </el-button>
                 </el-form-item>
+                <el-button style="margin-left:70px" size="small" v-if="!disabledType && index == dataInfo.length - 1"
+                    @click="addItem(dataInfo, 0)" type="primary">添加
+                </el-button>
             </div>
         </div>
     </div>
@@ -51,9 +51,6 @@ export default {
     data() {
         return {
             typeOptions: [
-                {
-                    value: '',
-                },
                 {
                     value: '数据资源',
                 },
@@ -71,7 +68,6 @@ export default {
                 },
             ],
             dataInfo: [],
-            abilityArray: [],
             abilityArrayCopy: [],
             loading: false,
         }
@@ -139,13 +135,13 @@ export default {
         // 获取能力
         getAbility() {
             return new Promise((resolve, reject) => {
+                this.abilityArrayCopy = []
                 this.loading = true;
                 this.$http.get(`/resource/list`, {}).then(({ data: res }) => {
                     this.loading = false;
                     if (res.code !== 0) {
                         return this.$message.error(res.msg)
                     }
-                    this.abilityArray = res.data || []
                     this.abilityArrayCopy = res.data || []
                     resolve(res)
                 }).catch((err) => {
@@ -160,6 +156,8 @@ export default {
             let selectArray = this.dataInfo.map(v => v.resourceId) || [];
             // 过滤掉已选的
             item.abilityOptions = arr.filter(v => !selectArray.includes(v.id))
+            console.log('abilityOptions------------>', item.abilityOptions);
+
         },
     }
 }
@@ -180,4 +178,8 @@ export default {
     width: 100%;
     height: 100px;
 }
-</style>
\ No newline at end of file
+
+.ability-input {
+    width: calc(100% - 300px);
+}
+</style>
diff --git a/back/src/views/modules/ability/components/scene-use-step.vue b/back/src/views/modules/ability/components/scene-use-step.vue
index f81fa7d6..b2f8a669 100644
--- a/back/src/views/modules/ability/components/scene-use-step.vue
+++ b/back/src/views/modules/ability/components/scene-use-step.vue
@@ -16,7 +16,7 @@
                     v-if="!disabledType && dataInfo.length > 1">删除
                 </el-button>
             </el-form-item>
-            <el-button style="margin-left:120px" size="small" v-if="!disabledType && index == dataInfo.length - 1"
+            <el-button style="margin-left:70px" size="small" v-if="!disabledType && index == dataInfo.length - 1"
                 @click="addItem" type="primary">添加
             </el-button>
         </div>