页面修改

src/components/UserMan/memberGroup.vue

@@ -10,20 +10,23 @@
       <div style="display: flex; align-items: center; flex-wrap: wrap">
         <div class="searchInput" style="width: 210px">
           <el-input @keyup.enter.native="(msg.pageIndex = 1), getList()" @clear="(msg.pageIndex = 1), getList()"
-            style="display: inline-block; width: 180px; height: 30px" placeholder="请输入昵称" v-model="msg.GroupName"
-            size="small" clearable>
+            style="display: inline-block; width: 180px; height: 30px" placeholder="请输入名称" v-model="msg.GroupName"
+            size="small" clearable maxlength="20">
           </el-input>
           <span @click="(msg.pageIndex = 1), getList()" class="el-icon-search"
             style=" color: #979dad; font-size: 14px;  position: relative;  top: 1px; "></span>
         </div>
       </div>
-      <!--  @selection-change="handleSelectionChange"-->
       <el-table :data="tableData" v-loading="loading" border style="width: 100%; margin: 20px 0">
-        <!--:selectable="checkSelectable"-->
-        <el-table-column type="selection" width="55"></el-table-column>
         <el-table-column prop="GroupId" label="ID" width="150"> </el-table-column>
         <el-table-column prop="GroupName" label="分组名称" width="200"> </el-table-column>
-        <el-table-column prop="LookGroupIds" label="可查看分组" width="300"> </el-table-column>
+        <el-table-column prop="LookGroupList" label="可查看分组" width="300"> 
+           <template slot-scope="scope">
+             <span v-for="(item,index) in scope.row.LookGroupList" :key="index" style="display:inline-block;">
+               {{item.GroupName}}
+             </span>
+           </template>
+        </el-table-column>
         <el-table-column prop="CreateDate" width="200" label="加入时间"></el-table-column>
         <el-table-column prop="address" label="操作" fixed="right">
           <template slot-scope="scope">
@@ -48,7 +51,7 @@
       <div>
         <el-form :model="addMsg" ref="addMsg" label-width="150px">
           <el-form-item label="分组名称">
-            <el-input v-model="addMsg.GroupName" class="w300" placeholder="请输入分组名称"></el-input>
+            <el-input v-model="addMsg.GroupName" class="w300" maxlength="30" placeholder="请输入分组名称"></el-input>
           </el-form-item>
           <el-form-item label="可查看分组">
             <el-select v-model="addMsg.GroupIdList" multiple class="w300">