78293 国内外政策-配置政策弹窗修改

src/pages/policyRegulation/policy/components/configStandDrawer.vue

@@ -119,6 +119,22 @@
           :total="configTotal"
           @pageChange="configuraPageChange"
           @pageSizeChange="configuraPageSizeChange"></pagination>
+      <div class="divDel">
+        <div class="divDel_title">已选政策</div>
+        <div class="divDel_box">
+          <el-tag
+              v-for="tag in selectConfigStand"
+              :key="tag.id"
+              size="mini"
+              closable
+              @close="handleTagClose(tag)">
+            <a v-if="tag.standStatusShow === '作废' "
+               class="table-jump" style="color: #F56C6C"
+               @click="handlePreview(tag)">{{ tag.lawsName }}</a>
+            <a v-else @click="handlePreview(tag)" class="table-jump" style="color: #333333">{{ tag.lawsName }}</a>
+          </el-tag>
+        </div>
+      </div>
       <loading :loading="configLoading">加载中...</loading>
     </div>
     <div class="demo-drawer-footer">
@@ -169,6 +185,7 @@ export default {
         // standSort: '',
         // replaceStandNum: ''
       }, // 分页查询过程中用到的对象
+      selectConfigStand: []
     }
   },
   props: {
@@ -255,10 +272,7 @@ export default {
       this.selectConfiguraStand()
     },
     selectConfigStandChange (alldata) {
-      this.selectConfigStand = []
+      this.selectConfigStand = alldata
-      for (let i = 0; i < alldata.length; i++) {
-        this.selectConfigStand.push(alldata[i].id)
-      }
     },
     // 分页点击后方法
     configuraPageChange (page) {
@@ -284,7 +298,7 @@ export default {
           type: 'warning'
         })
       } else {
-        search.idlist = this.selectConfigStand
+        search.idlist = this.selectConfigStand.map(item => item.id)
         this.$http.postData('lawss/sarLawsInfo/saveStandardsMenu', search, {
           _this: this,
           loading: 'isSubmit'
@@ -307,6 +321,20 @@ export default {
       }
       return dateStr
     },
+    handleTagClose (tag) {
+      this.$set(this, 'selectConfigStand', this.selectConfigStand.filter(item => item.id !== tag.id))
+      this.$refs.selection.toggleRowSelection(tag, false)
+    },
+    handlePreview (tag) {
+      let routeUrl = this.$router.resolve({
+        name: 'OtherLawsStandDetails',
+        params: {
+          id: tag.id,
+          pageType: 'FOREIGN_LAWS'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    }
   }
 }
 </script>
@@ -316,10 +344,33 @@ export default {
   .demo-drawer-content{
     .drawer-content{
       //height: calc(~'100% - 52px - 56px');
-      flex: auto;
+      //flex: auto;
+      height: calc(100% - 220px);
       display: flex;
       flex-direction: column;
     }
+    .divDel {
+      border-top: 1px solid #000;
+      height: 100px;
+      .divDel_title {
+        margin: 10px;
+      }
+      .divDel_box {
+        height: 55px;
+        padding: 0px;
+        display: flex;
+        flex-wrap: wrap;
+        overflow: auto;
+        margin: 10px;
+        align-content: flex-start;
+        span {
+          margin: 0px 5px 5px 0;
+        }
+      }
+    }
+  }
+  .demo-drawer-footer{
+    height: 60px;
   }
 }
 </style>