页面修改

src/components/UserMan/memberGroup.vue

@@ -21,12 +21,11 @@
       <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="100"> </el-table-column>
-        <el-table-column prop="GroupName" label="分组名称" width="100"> </el-table-column>
-        <el-table-column prop="LookGroupIds" label="可查看分组" width="100"> </el-table-column>
-        <el-table-column prop="CreateDate" width="150" label="加入时间"></el-table-column>
-
-        <el-table-column prop="address" width="140" label="操作" fixed="right">
+        <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="CreateDate" width="200" label="加入时间"></el-table-column>
+        <el-table-column prop="address"   label="操作" fixed="right">
           <template slot-scope="scope">
             <el-tooltip class="item" effect="dark" content="编辑" placement="top">
               <img @click="EditGroup(scope.row)" style="width: 32px; height: 32px"
@@ -34,7 +33,7 @@
             </el-tooltip>
 
             <el-tooltip class="item" effect="dark" content="删除" placement="top">
-              <img @click="showQRcode(scope.row)" style="width: 32px; height: 32px"
+              <img @click="DeleteGroup(scope.row)" style="width: 32px; height: 32px"
                 src="../../assets/img/userman/QRcode.png" alt="" />
             </el-tooltip>
           </template>
@@ -44,43 +43,26 @@
         :page-size="msg.pageSize" :current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
       </el-pagination>
     </div>
-    <!-- 修改星星数 -->
-    <!-- <el-dialog title="修改星星数" :visible.sync="Egoods" width="600px" :close-on-click-modal="false">
+    <!-- 新增修改用户分组 -->
+    <el-dialog title="修改星星数" :visible.sync="IsShowGroup" width="600px" :close-on-click-modal="false">
       <div>
-        <el-form :model="modifyobj" :rules="rules" ref="modifyobj" label-width="150px">
-          <el-form-item label="修改模式">
-            <el-radio v-model="modifyobj.IsAdd" :label="1">增加</el-radio>
-            <el-radio v-model="modifyobj.IsAdd" :label="2">减少</el-radio>
-          </el-form-item>
-          <el-form-item label="原始星星数">
-            <span>{{ PNum }}</span>
+        <el-form :model="addMsg" ref="addMsg" label-width="150px">
+          <el-form-item label="分组名称">
+            <el-input v-model="addMsg.GroupName" placeholder="请输入分组名称"></el-input>
           </el-form-item>
-          <el-form-item label="修改星星数">
-            <el-input v-model="modifyobj.PonitNum" style="width: 260px" size="small" :min="0" type="number"
-              placeholder="请输入星星数"></el-input>
+          <el-form-item label="可查看分组">
+            <el-select v-model="addMsg.GroupIdList">
+              <el-option v-for="item in groupArray" :key="item.GroupId" :label="item.GroupName" :value="item.GroupId">
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-form>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="Egoods = false">关 闭</el-button>
-        <el-button size="small" type="primary" @click="setUpdatePointNum()">修 改</el-button>
-      </span>
-    </el-dialog> -->
-    <!-- 充值积分 -->
-    <!-- <el-dialog title="二维码" :visible.sync="qrshow" width="600px">
-      <div style="display: flex; align-items: center; justify-content: center">
-        <el-image style="width: 200px; height: 200px" :src="qrcodeImg"></el-image>
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="qrshow = false">关 闭</el-button>
+        <el-button size="small" @click="IsShowGroup = false">关 闭</el-button>
+        <el-button size="small" type="primary" @click="SaveGroup()">修 改</el-button>
       </span>
     </el-dialog>
-    <el-dialog title="查看详情" :visible.sync="detailShow" width="800px">
-      <detail :data="detailData" />
-      <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="detailShow = false">关 闭</el-button>
-      </span>
-    </el-dialog> -->
   </div>
 </template>
 <script>
@@ -105,8 +87,11 @@
           GroupId: 0,
           GroupName: "", //分组名称
           LookGroupIds: "",
+          GroupIdList: [],
           IsSpecial: 0,
         },
+        IsShowGroup: false, //是否显示用户分组弹窗
+        groupArray: [], //用户分组列表
       };
     },
     created() {
@@ -115,7 +100,7 @@
     methods: {
       //新增修改用户分组
       EditGroup(obj) {
-
+        this.IsShowGroup = true;
       },
       //保存用户分组信息
       SaveGroup() {
@@ -161,9 +146,11 @@
       //获取分组下来列表
       getgroupList() {
         this.apipost("/api/User/GetMemberGroupList", {
-          GroupId: item.GroupId
+
         }, res => {
           console.log(res);
+          this.groupArray = res.data.data;
+
 
         });
       }