更新数据

src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/components/addForm.vue

@@ -3,8 +3,8 @@
     <div class="head_box">
       <span class="title">{{ title }} 重点群体管理 </span>
       <div>
-        <el-button size="small" @click="close">关闭</el-button>
         <el-button type="primary" v-if="!disabled" size="small" :loading="loading" @click="submit">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
       </div>
     </div>
     <div class="form_cnt">
@@ -28,7 +28,7 @@
                 :tableConfiger="pageData.qcjConfiger"
                 :controlsWidth="pageData.controlsWidth">
                 <template #controls="{ row }">
-                  <el-link type="danger" @click="delDictItem(row.bqId)">删除</el-link>
+                  <el-link type="danger" @click="delDictItem(row)">删除</el-link>
                 </template>
               </MyTable>
             </div>
@@ -128,7 +128,7 @@ const formData = ref([
   { label: "群体成立时间", prop: "qtClsj", type: "date" },
   { label: "群体标签", prop: "bqList", type: "slot", width: "100%" },
   { label: "两群采集录入", prop: "lqxxList", type: "slot", width: "100%" },
-  { label: "管辖单位", prop: "gxSsbmdm", type: "department" },
+  { label: "管辖单位", prop: "gxSsbmdm",depMc:'gxSsbmmc', type: "department" },
   { label: "入库开始时间", prop: "zdrRkkssj", type: "datetime" },
   { label: "入库截至时间", prop: "zdrRkjssj", type: "datetime" },
   { label: "列控原因", prop: "zdrLkyy", type: "textarea",width: "100%" },
@@ -146,7 +146,7 @@ const pageData = reactive({
     showSelectType: "null",
     loading: false,
   },
-  controlsWidth: 220, //操作栏宽度
+  controlsWidth: 120, //操作栏宽度
   zdryColumn: [
     { label: "姓名", prop: "ryXm"},
     { label: "性别", prop: "ryXb", showSolt: true },
@@ -275,6 +275,12 @@ const getSPdep = (val) =>{
   listQuery.value.sprSsbmmc = val ? val.orgName : ''
 }
 
+const delDictItem = (row) =>{
+  listQuery.value.lqxxList = listQuery.value.lqxxList.filter(v=>{
+    return row.id != v.id
+  })
+}
+
 // 关闭
 const close = () => {
   listQuery.value = {};

src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/components/addcjlr.vue

@@ -47,6 +47,7 @@ const init = (lx,row) =>{
 
 const submitForm = () =>{
     elform.value.submit((val)=>{
+        val.id = new Date().getTime();
         let obj = { type:type.value, data:val }
         emit('change',obj)
         showDialog.value = false;

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;