更新数据

src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index.vue

@@ -59,10 +59,13 @@
               <li class="one_text_detail">创建时间：{{ row.xtCjsj }}</li>
             </ul>
           </div>
-           <div class="ww100 one_text_detail">
-            <el-button type="primary" size="small" v-for="(item, index) in row.bqList" :key="index">{{ item.bqMc }}</el-button>
-          </div>
         </template>
+         <template #bqList="{ row }">
+          <ul >
+            <li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{ item.bqFz || 0  }} 分) </li> 
+          </ul>
+        </template>
+
         <template #bgxx="{ row }">
           <div class="flex one_text_detail">背景资料：{{ row.qtBjzl }}</div>
           <div class="flex one_text_detail">创建单位：{{ row.xtCjbmmc }}</div>
@@ -188,6 +191,7 @@ const pageData = reactive({
   tableColumn: [
     { label: "群体基本信息", prop: "jbxx", showSolt: true,width:300 },
     { label: "背景信息", prop: "bgxx", showSolt: true,width:300 },
+    { label: "标签", prop: "bqList", showSolt: true ,width:200,showOverflowTooltip:true},
     { label: "管控信息", prop: "gkxx", showSolt: true,width:300 },
     { label: "稳控人数", prop: "zdryList", showSolt: true },
     { label: "状态", prop: "qtZt", showSolt: true }
@@ -321,6 +325,16 @@ const tabHeightFn = () => {
 defineExpose({});
 </script>
 
+<style lang="scss" scoped>
+.marks{
+  padding: 0 4px;
+  white-space: nowrap;
+  background: #73acf1;
+  border-radius: 4px;
+  color: #fff;
+}
+</style>
+
 <style>
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;