From 64ced7066459dafff39eabe1b558147d2fffe5ae Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Mon, 18 Dec 2023 09:22:15 +0800
Subject: [PATCH] 管理优化

---
 src/views/property/propertyCompanyDistrict.vue |  605 +++++++++++++++++++++++++++---------------------------
 1 files changed, 301 insertions(+), 304 deletions(-)

diff --git a/src/views/property/propertyCompanyDistrict.vue b/src/views/property/propertyCompanyDistrict.vue
index 3164d7c..49cb7d9 100644
--- a/src/views/property/propertyCompanyDistrict.vue
+++ b/src/views/property/propertyCompanyDistrict.vue
@@ -15,336 +15,333 @@
 </template>
 
 <script>
-import { getList, remove, update, add, getPropertyCompanyDistrict } from "@/api/property/propertyCompanyDistrict";
-import { mapGetters } from "vuex";
-import website from '@/config/website';
-import func from "@/util/func";
-export default {
-  data() {
-    return {
-      form: {},
-      query: {},
-      loading: true,
-      page: {
-        pageSize: 10,
-        currentPage: 1,
-        total: 0,
-      },
-      datetime: "",
-      selectionList: [],
-      option: {
-        height: "auto",
-        calcHeight: 54,
-        dialogWidth: 1150,
-        tip: false,
-        searchShow: true,
-        searchMenuSpan: 3,
-        menuWidth: 350,
-        border: true,
-        //stripe:true,
-        index: true,
-        viewBtn: true,
-        selection: true,
-        dialogClickModal: false,
-        column: [
-          {
-            label: "小区",
-            prop: "districtId",
-            searchSpan: 5,
-            search: true,
-            type: 'tree',
-            dicUrl: `/api/blade-district/district/getDistrictTree`,
-            props: {
-              label: "name",
-              value: "id"
-            },
-            defaultExpandedKeys:["361102003"],
-            span: 12,
-            labelWidth: 120,
-            width: 260,
-            rules: [
-              {
+  import {
+    getList,
+    remove,
+    update,
+    add,
+    getPropertyCompanyDistrict
+  } from "@/api/property/propertyCompanyDistrict";
+  import {
+    mapGetters
+  } from "vuex";
+  import website from '@/config/website';
+  import func from "@/util/func";
+  export default {
+    data() {
+      return {
+        form: {},
+        query: {},
+        loading: true,
+        page: {
+          pageSize: 10,
+          currentPage: 1,
+          total: 0,
+        },
+        datetime: "",
+        selectionList: [],
+        option: {
+          height: "auto",
+          calcHeight: 54,
+          dialogWidth: 1150,
+          tip: false,
+          searchShow: true,
+          searchMenuSpan: 3,
+          menuWidth: 350,
+          border: true,
+          //stripe:true,
+          index: true,
+          viewBtn: true,
+          selection: true,
+          dialogClickModal: false,
+          column: [{
+              label: "小区",
+              prop: "districtId",
+              searchSpan: 5,
+              search: true,
+              type: 'tree',
+              dicUrl: `/api/blade-district/district/getDistrictTree`,
+              props: {
+                label: "name",
+                value: "id"
+              },
+              defaultExpandedKeys: ["361102003"],
+              span: 12,
+              labelWidth: 120,
+              width: 260,
+              rules: [{
                 required: true,
                 message: "请选择小区",
                 trigger: "blur",
-              },
-            ],
-          },
-          {
-            label: '物业公司',
-            prop: 'propertyCompanyId',
-            type: 'tree',
-            hide:true,
-            searchSpan: 5,
-            search: true,
-            span: 12,
-            labelWidth: 120,
-            dicUrl: `/api/blade-propertyCompany/propertyCompany/getPropertyCompanyList`,
-            cascader: ['userId'],
-            props: {
-              label: "name",
-              value: "id"
+              }, ],
             },
-            rules: [
-              {
+            {
+              label: '物业公司',
+              prop: 'propertyCompanyId',
+              type: 'tree',
+              hide: true,
+              searchSpan: 5,
+              search: true,
+              span: 12,
+              labelWidth: 120,
+              dicUrl: `/api/blade-propertyCompany/propertyCompany/getPropertyCompanyList`,
+              cascader: ['userId'],
+              props: {
+                label: "name",
+                value: "id"
+              },
+              rules: [{
                 required: true,
                 message: '请选择物业公司',
                 trigger: 'blur'
-              }
-            ]
-          },
-          {
-            label: '负责人',
-            prop: 'principal',
-            span: 12,
-            labelWidth: 120,
-            search:true,
-            searchSpan:4,
-            rules: [
-              {
+              }]
+            },
+            {
+              label: '项目经理',
+              prop: 'principal',
+              span: 12,
+              labelWidth: 120,
+              search: true,
+              searchSpan: 4,
+              rules: [{
                 required: true,
-                message: "请输入负责人",
+                message: "请输入项目经理",
                 trigger: "blur",
-              },
-            ],
-          },
-          {
-            label: '联系方式',
-            prop: 'principalPhone',
-            span: 12,
-            labelWidth: 120,
-            rules: [
-              {
+              }, ],
+            },
+            {
+              label: '联系方式',
+              prop: 'principalPhone',
+              span: 12,
+              labelWidth: 120,
+              rules: [{
                 required: true,
                 message: "请输入联系方式",
                 trigger: "blur",
+              }, ],
+            },
+            {
+              label: "物业成员",
+              prop: "userId",
+              span: 12,
+              labelWidth: 120,
+              type: "tree",
+              multiple: true,
+              remote: true,
+              props: {
+                label: 'name',
+                value: 'id'
               },
-            ],
-          },
-          {
-            label: "物业成员",
-            prop: "userId",
-            span: 12,
-            labelWidth: 120,
-            type:"tree",
-            multiple: true,
-            props: {
-              label: 'name',
-              value: 'id'
+              hide: true,
+              dicUrl: `/api/blade-system/user/list?name={{userId}}`,
             },
-            hide:true,
-            dicUrl: `/api/blade-propertyCompany/propertyCompany/getUserByPropertyCompany?id={{key}}`,
-          },
-          {
-            label: "物业阶段",
-            span: 12,
-            prop: "propertyStage",
-            labelWidth: 120,
-            type: "select",
-            search: true,
-            searchSpan: 4,
-            dataType: "number",
-            dicUrl: "/api/blade-system/dict-biz/dictionary?code=propertyStage",
-            props: {
-              label: "dictValue",
-              value: "dictKey",
+            {
+              label: "物业阶段",
+              span: 12,
+              prop: "propertyStage",
+              labelWidth: 120,
+              type: "select",
+              search: true,
+              searchSpan: 4,
+              dataType: "number",
+              dicUrl: "/api/blade-system/dict-biz/dictionary?code=propertyStage",
+              props: {
+                label: "dictValue",
+                value: "dictKey",
+              },
             },
-          },
-          {
-            label: "合同开始时间",
-            prop: "startTime",
-            span: 12,
-            labelWidth: 120,
-            type: "date",
-            format: "yyyy-MM-dd",
-            valueFormat: "yyyy-MM-dd",
-            rules: [
-              {
+            {
+              label: "合同开始时间",
+              prop: "startTime",
+              span: 12,
+              labelWidth: 120,
+              type: "date",
+              format: "yyyy-MM-dd",
+              valueFormat: "yyyy-MM-dd",
+              rules: [{
                 required: true,
                 message: "请选择合同开始时间",
                 trigger: "blur",
-              },
-            ],
-          },
-          {
-            label: "合同结束时间",
-            prop: "endTime",
-            labelWidth: 120,
-            span:12,
-            type: "date",
-            format: "yyyy-MM-dd",
-            valueFormat: "yyyy-MM-dd",
-            rules: [
-              {
+              }, ],
+            },
+            {
+              label: "合同结束时间",
+              prop: "endTime",
+              labelWidth: 120,
+              span: 12,
+              type: "date",
+              format: "yyyy-MM-dd",
+              valueFormat: "yyyy-MM-dd",
+              rules: [{
                 required: true,
                 message: "请选择合同结束时间",
                 trigger: "blur",
-              },
-            ],
-          },
-        ],
-      },
-      data: [],
-    };
-  },
-  watch: {
-  },
-  computed: {
-    ...mapGetters(["permission", "userInfo"]),
-    permissionList() {
-      return {
-        addBtn: this.vaildData(this.permission.propertyCompanyDistrict_add, true),
-        viewBtn: this.vaildData(this.permission.propertyCompanyDistrict_view, true),
-        delBtn: this.vaildData(this.permission.propertyCompanyDistrict_delete, true),
-        editBtn: this.vaildData(this.permission.propertyCompanyDistrict_edit, true),
+              }, ],
+            },
+          ],
+        },
+        data: [],
       };
     },
-    ids() {
-      let ids = [];
-      this.selectionList.forEach((ele) => {
-        ids.push(ele.id);
-      });
-      return ids.join(",");
-    },
-  },
-  methods: {
-    rowSave(row, done, loading) {
-      row.userId = func.join(row.userId);
-      add(row).then(
-        () => {
-          this.onLoad(this.page);
-          this.$message({
-            type: "success",
-            message: "操作成功!",
-          });
-          done();
-        },
-        (error) => {
-          window.console.log(error);
-          loading();
-        }
-      );
-    },
-    rowUpdate(row, index, done, loading) {
-      row.userId = func.join(row.userId);
-      update(row).then(
-        () => {
-          this.onLoad(this.page);
-          this.$message({
-            type: "success",
-            message: "操作成功!",
-          });
-          done();
-        },
-        (error) => {
-          window.console.log(error);
-          loading();
-        }
-      );
-    },
-    rowDel(row) {
-      this.$confirm("确定将选择数据删除?", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          return remove(row.id);
-        })
-        .then(() => {
-          this.onLoad(this.page);
-          this.$message({
-            type: "success",
-            message: "操作成功!",
-          });
-        });
-    },
-    searchReset() {
-      this.query = {};
-      this.onLoad(this.page);
-    },
-    searchChange(params, done) {
-      this.query = params;
-      this.page.currentPage = 1;
-      this.onLoad(this.page, params);
-      done();
-    },
-    selectionChange(list) {
-      this.selectionList = list;
-    },
-    selectionClear() {
-      this.selectionList = [];
-      this.$refs.crud.toggleSelection();
-    },
-    handleDelete() {
-      if (this.selectionList.length === 0) {
-        this.$message.warning("请选择至少一条数据");
-        return;
-      }
-      this.$confirm("确定将选择数据删除?", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          return remove(this.ids);
-        })
-        .then(() => {
-          this.onLoad(this.page);
-          this.$message({
-            type: "success",
-            message: "操作成功!",
-          });
-          this.$refs.crud.toggleSelection();
-        });
-    },
-    beforeOpen(done, type) {
-      if (["edit", "view"].includes(type)) {
-        getPropertyCompanyDistrict(this.form.id).then((res) => {
-          this.form = res.data.data;
-        });
-      }
-      // con
-      done();
-    },
-    currentChange(currentPage) {
-      this.page.currentPage = currentPage;
-    },
-    sizeChange(pageSize) {
-      this.page.pageSize = pageSize;
-    },
-    refreshChange() {
-      this.onLoad(this.page, this.query);
-    },
-    onLoad(page, params = {}) {
-      const { dateTime } = this.query;
-      let values = {
-        ...params,
-      };
-      if (dateTime) {
-        values = {
-          ...params,
-          startTime: dateTime[0],
-          endTime: dateTime[1],
-          ...this.query,
+    watch: {},
+    computed: {
+      ...mapGetters(["permission", "userInfo"]),
+      permissionList() {
+        return {
+          addBtn: this.vaildData(this.permission.propertyCompanyDistrict_add, true),
+          viewBtn: this.vaildData(this.permission.propertyCompanyDistrict_view, true),
+          delBtn: this.vaildData(this.permission.propertyCompanyDistrict_delete, true),
+          editBtn: this.vaildData(this.permission.propertyCompanyDistrict_edit, true),
         };
-        values.dateTime = null;
+      },
+      ids() {
+        let ids = [];
+        this.selectionList.forEach((ele) => {
+          ids.push(ele.id);
+        });
+        return ids.join(",");
+      },
+    },
+    methods: {
+      rowSave(row, done, loading) {
+        row.userId = func.join(row.userId);
+        add(row).then(
+          () => {
+            this.onLoad(this.page);
+            this.$message({
+              type: "success",
+              message: "操作成功!",
+            });
+            done();
+          },
+          (error) => {
+            window.console.log(error);
+            loading();
+          }
+        );
+      },
+      rowUpdate(row, index, done, loading) {
+        row.userId = func.join(row.userId);
+        update(row).then(
+          () => {
+            this.onLoad(this.page);
+            this.$message({
+              type: "success",
+              message: "操作成功!",
+            });
+            done();
+          },
+          (error) => {
+            window.console.log(error);
+            loading();
+          }
+        );
+      },
+      rowDel(row) {
+        this.$confirm("确定将选择数据删除?", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+          })
+          .then(() => {
+            return remove(row.id);
+          })
+          .then(() => {
+            this.onLoad(this.page);
+            this.$message({
+              type: "success",
+              message: "操作成功!",
+            });
+          });
+      },
+      searchReset() {
+        this.query = {};
+        this.onLoad(this.page);
+      },
+      searchChange(params, done) {
+        this.query = params;
+        this.page.currentPage = 1;
+        this.onLoad(this.page, params);
+        done();
+      },
+      selectionChange(list) {
+        this.selectionList = list;
+      },
+      selectionClear() {
+        this.selectionList = [];
+        this.$refs.crud.toggleSelection();
+      },
+      handleDelete() {
+        if (this.selectionList.length === 0) {
+          this.$message.warning("请选择至少一条数据");
+          return;
+        }
+        this.$confirm("确定将选择数据删除?", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+          })
+          .then(() => {
+            return remove(this.ids);
+          })
+          .then(() => {
+            this.onLoad(this.page);
+            this.$message({
+              type: "success",
+              message: "操作成功!",
+            });
+            this.$refs.crud.toggleSelection();
+          });
+      },
+      beforeOpen(done, type) {
+        if (["edit", "view"].includes(type)) {
+          getPropertyCompanyDistrict(this.form.id).then((res) => {
+            this.form = res.data.data;
+          });
+        }
+        // con
+        done();
+      },
+      currentChange(currentPage) {
+        this.page.currentPage = currentPage;
+      },
+      sizeChange(pageSize) {
+        this.page.pageSize = pageSize;
+      },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
+      onLoad(page, params = {}) {
+        const {
+          dateTime
+        } = this.query;
+        let values = {
+          ...params,
+        };
+        if (dateTime) {
+          values = {
+            ...params,
+            startTime: dateTime[0],
+            endTime: dateTime[1],
+            ...this.query,
+          };
+          values.dateTime = null;
+        }
+        this.loading = true;
+        getList(page.currentPage, page.pageSize, values).then((res) => {
+          const data = res.data.data;
+          this.page.total = data.total;
+          this.data = data.records;
+          this.loading = false;
+          this.selectionClear();
+        });
       }
-      this.loading = true;
-      getList(page.currentPage, page.pageSize, values).then((res) => {
-        const data = res.data.data;
-        this.page.total = data.total;
-        this.data = data.records;
-        this.loading = false;
-        this.selectionClear();
-      });
     }
-  }
-};
+  };
 </script>
 
 <style>
-.avue-upload__icon {
-  line-height: 6;
-}
-</style>
+  .avue-upload__icon {
+    line-height: 6;
+  }
+</style>
\ No newline at end of file

--
Gitblit v1.9.3