From aeb366767301090156c52f88f210863027621989 Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Thu, 9 Nov 2023 14:22:36 +0800
Subject: [PATCH] =?UTF-8?q?78293=20=E5=9B=BD=E5=86=85=E5=A4=96=E6=94=BF?=
 =?UTF-8?q?=E7=AD=96-=E9=85=8D=E7=BD=AE=E6=94=BF=E7=AD=96=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../policy/components/configStandDrawer.vue   | 63 +++++++++++++++++--
 1 file changed, 57 insertions(+), 6 deletions(-)

diff --git a/src/pages/policyRegulation/policy/components/configStandDrawer.vue b/src/pages/policyRegulation/policy/components/configStandDrawer.vue
index d9b6d299b..74aa5c262 100644
--- a/src/pages/policyRegulation/policy/components/configStandDrawer.vue
+++ b/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 = []
-      for (let i = 0; i < alldata.length; i++) {
-        this.selectConfigStand.push(alldata[i].id)
-      }
+      this.selectConfigStand = alldata
     },
     // 分页点击后方法
     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>