家族-后台-补充操作列

src/views/nobleman/GuildInfo.vue

@@ -78,6 +78,25 @@
       <el-table-column prop="diamondRemain"
                        align="center"
                        label="钻石总收入" />
+      <el-table-column align="center"
+                       label="操作"
+                       width="300">
+        <template v-slot="scope">
+          <el-button @click="ediClick(scope)"
+                     class="primary"
+                     type="primary"
+                     size="default"
+                     :disabled="!scope.row.enable">编辑</el-button>
+          <el-button @click="
+              delDialog = true;
+              delDialogData = scope.row;
+            "
+                     :class="scope.row.enable ? 'danger' : 'info'"
+                     :type="scope.row.enable ? 'danger' : 'info'"
+                     size="default"
+                     :disabled="!scope.row.enable">{{ scope.row.enable ? "移除" : "已解散" }}</el-button>
+        </template>
+      </el-table-column>
     </el-table>
     <!-- 新增弹窗 -->
     <el-dialog v-model="addDialog"
@@ -131,7 +150,7 @@
   </div>
 </template>
 <script>
-import { pageFamily, create } from "@/api/nobleman/nobleman";
+import { pageFamily, create, update, dismiss } from "@/api/nobleman/nobleman";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
@@ -201,6 +220,64 @@ export default {
         this.getData();
       });
     },
+    // 编辑按钮
+    ediClick (res) {
+      var obj = res.row;
+      this.ediObj.leaderId = obj.ownerErbanNo;
+      this.ediObj.leaderNick = obj.ownerNick;
+      this.ediObj.guildNick = obj.name;
+      this.ediObj.guildNumber = obj.memberNumLimit;
+      this.ediObj.id = obj.id;
+      this.editDialog = true;
+    },
+    // 二次确认弹窗
+    editDialogClick () {
+      console.log(this.ediObj);
+      update({
+        id: this.ediObj.id,
+        memberNumLimit: this.ediObj.guildNumber,
+      }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "success",
+          });
+          this.getData();
+          this.editDialog = false;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.delDialog = false;
+      });
+    },
+    // 解散按钮
+    delClick () {
+      console.log(this.delDialogData.id);
+      var familyId = this.delDialogData.id;
+      dismiss({ familyId }).then((res) => {
+        console.log();
+        if (res.code == 200) {
+          this.getData();
+          ElMessage({
+            showClose: true,
+            message: "解散成功",
+            type: "success",
+          });
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.delDialog = false;
+      });
+    },
     // 分页导航
     handleSizeChange () {
       this.getData();