Merge pull request '关联数据集阻止事件冒泡和样式修改' (#2778) from fix-2764 into V20220830

Reviewed-on: https://git.openi.org.cn/OpenI/aiforge/pulls/2778
Reviewed-by: chenshihai <chenshh@pcl.ac.cn>

web_src/js/components/dataset/referenceDataset.vue

@@ -84,18 +84,21 @@
                         v-if="item.Category"
                         :href="'/explore/datasets?category=' + item.Category"
                         class="ui repo-topic label topic"
+                        @click.stop
                         >{{ i18n[item.Category] || item.Category }}</a
                       >
                       <a
                         v-if="item.Task"
                         :href="'/explore/datasets?task=' + item.Task"
                         class="ui repo-topic label topic"
+                        @click.stop
                         >{{ i18n[item.Task] || item.Task }}</a
                       >
                       <a
                         v-if="item.License"
                         :href="'/explore/datasets?license=' + item.License"
                         class="ui repo-topic label topic"
+                        @click.stop
                         >{{ item.License }}</a
                       >
                     </div>
@@ -111,6 +114,7 @@
                       <a
                         :href="'/' + item.Repo.OwnerName"
                         :title="item.Repo.OwnerName"
+                        @click.stop
                       >
                         <img
                           class="ui avatar image"
@@ -477,12 +481,10 @@ export default {
       }
     },
     changeCheckSelected(checked, item) {
-      if (!checked) {
-        let index = this.selectDatasetArray.findIndex((element) => {
-          return element.ID === item.ID;
-        });
-        this.selectDatasetArray.splice(index, 1);
-      }
+      let index = this.selectDatasetArray.findIndex((element) => {
+        return element.ID === item.ID;
+      });
+      this.selectDatasetArray.splice(index, 1);
     },
     postStar(item, isSigned) {
       if (!isSigned) {
@@ -705,6 +707,7 @@ export default {
   max-width: 35%;
   word-break: initial;
   margin-left: 1rem;
+  white-space: nowrap;
 }
 /deep/ .el-checkbox-group .el-checkbox .el-checkbox__label {
   display: flex;