更新数据

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

@@ -53,10 +53,13 @@
               <li class="flex one_text_detail">民族：<DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" /></li>
             </ul>
           </div>
-          <div class="ww100 one_text_detail">
-            <el-button :key="index" type="primary" size="small" v-for="(item, index) in row.bqList">{{ 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 #jzxx="{ row }">
           <div class="flex one_text_detail">户籍地区划：<DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" /></div>
           <div class="flex one_text_detail">户籍派出所：{{ row.hjdPcsmc }}</div>
@@ -221,10 +224,11 @@ const pageData = reactive({
     pageSize: 20,
     pageCurrent: 1
   },
-  controlsWidth: 200,
+  controlsWidth: 120,
   tableColumn: [
     { label: "重点人员信息", prop: "ryxx", showSolt: true,width:300,showOverflowTooltip:true },
     { label: "户籍居住信息", prop: "jzxx", showSolt: true,width:300, },
+    { label: "标签", prop: "bqList", showSolt: true ,width:200,showOverflowTooltip:true},
     { label: "管辖单位", prop: "gxdw", showSolt: true,width:300, },
     { label: "处置状态", prop: "zdrCzzt", showSolt: true },
     { label: "状态", prop: "xtSjzt", showSolt: true },
@@ -386,6 +390,16 @@ const tabHeightFn = () => {
 };
 </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;