公会金币流水 - 增加分区选择

src/views/nobleman/GoldWater.vue

@@ -21,6 +21,11 @@
         </el-date-picker>
       </div>
     </div>
+    <div class="inquire">
+      <span>分区</span>
+      <partition-select v-model:partition-id="inquire.partitionId"
+                        @update:partitionId="getlistByPartition" />
+    </div>
     <div class="inquire">
       <div class="block">
         <span class="demonstration">国家</span>
@@ -158,12 +163,17 @@ import {
   incomeExportFamilys,
   getlistByPartitionId
 } from "@/api/nobleman/nobleman";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
+
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
 export default {
   name: "GoldWater",
+   components: {
+    PartitionSelect
+  },
   data () {
     return {
       loading: false,
@@ -172,7 +182,7 @@ export default {
         time: this.calculateLastSevenDays(),
         id: "",
         nick: "",
-        partitionId: 2,
+        partitionId: undefined,
         inquireonInfos: [
           // { desc: "英语区", id: 1 },
           // { desc: "阿拉伯区", id: 2 },
@@ -198,9 +208,20 @@ export default {
   },
   created () {
     this.getData();
-    this.getlistByPartitionId()
+    // this.getlistByPartitionId()
   },
   methods: {
+     getlistByPartition (e)  {
+      console.log(e)
+      if (e) {
+        this.inquire.partitionId = e;
+      }
+      getlistByPartitionId({ partitionId: this.inquire.partitionId, containAll: true }).then((res) => {
+        if (res.code == 200) {
+          this.inquire.inquireonInfos = res.data;
+        }
+      });
+    },
     getlistByPartitionId () {
       getlistByPartitionId({ partitionId: 1, containAll: true }).then((res) => {
         if (res.code == 200) {