业委会新增调整

shuishen

2023-12-23 5400020df59ed6267d5cda59f44af5a1053712a5

业委会新增调整

 src/views/gzll/owners.vue

@@ -6,7 +6,8 @@
      @row-del="rowDel" :before-open="beforeOpen" @search-reset="searchReset" @selection-change="selectionChange"
      @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
      <template slot-scope="scope" slot="menu">
        <el-button type="text" icon="el-icon-circle-plus-outline" size="small" @click="manageMember(scope.row)">业委会成员
                <el-button type="text" icon="el-icon-circle-plus-outline" size="small"
                    @click="manageMember(scope.row)">业委会成员
        </el-button>
      </template>
    </avue-crud>
@@ -30,7 +31,7 @@
    mapGetters
  } from "vuex"
  import website from '@/config/website'
  import func from "@/util/func";
import func from "@/util/func"
  import ownersMemberManager from "./components/ownersMemberManager"

  export default {
@@ -66,18 +67,9 @@
          viewBtn: true,
          excelBtn: true,
          dialogClickModal: false,
          column: [{
              label: "业委会名称",
              prop: "name",
              search: true,
              searchLabelWidth: 136,
              rules: [{
                required: true,
                message: "请输入业委会名称",
                trigger: "blur",
              }, ],
            },
                column: [
            {
                        hide: true,
              label: "小区",
              prop: "areaId",
              searchSpan: 5,
@@ -89,9 +81,8 @@
              },
              defaultExpandedKeys: ["361102003"],
              cascader: ['principalId'],
              span: 12,
                        span: 10,
              labelWidth: 120,
              width: 220,
              overHidden: true,
              rules: [{
                required: true,
@@ -99,28 +90,40 @@
                trigger: "blur",
              }, ],
            },

            {
              label: "开始时间",
              prop: "startTime",
              type: "date",
              format: "yyyy-MM-dd HH:mm:ss",
              valueFormat: "yyyy-MM-dd HH:mm:ss",
                        span: 10,
                        labelWidth: 120,
                        offset: 2,
                        label: "业委会名称",
                        prop: "name",
                        search: true,
                        searchLabelWidth: 136,
              rules: [{
                required: true,
                message: "请输入走访时间",
                            message: "请输入业委会名称",
                trigger: "blur",
              }, ],
            },

                    {
                        addDisplay: false,
                        editDisplay: false,
                        viewDisplay: false,
                        label: "小区",
                        prop: "areaName"
                    },

            {
              label: "总人数",
              prop: "peopleTotal",
              display: false,
            },
            {
                        span: 10,
                        labelWidth: 120,
              label: "业委会负责人",
              prop: "principalId",
              span: 12,
              labelWidth: 120,
              type: "tree",
              remote: true,
              props: {
@@ -135,8 +138,12 @@
                message: "请选择业委会负责人",
                trigger: "blur",
              }, ],
            }, {
                    },
                    {
                        span: 10,
                        labelWidth: 120,
              label: "负责人名称",
                        offset: 2,
              prop: "principalName",
              rules: [{
                required: true,
@@ -145,6 +152,8 @@
              }, ],
            },
            {
                        span: 10,
                        labelWidth: 120,
              label: "负责人手机号",
              prop: "mobile",
              rules: [{
@@ -153,18 +162,69 @@
                trigger: "blur",
              }, ],
            },

            {
              label: "地址",
                        span: 10,
                        labelWidth: 120,
                        label: "业委会届别",
                        offset: 2,
                        prop: "session",
                        type: "number",
                        rules: [{
                            required: true,
                            message: "请输入业委会届别",
                            trigger: "blur",
                        },],
                    },

                    {
                        span: 10,
                        labelWidth: 120,
                        label: "成立时间",
                        prop: "establishTime",
                        type: "date",
                        format: "yyyy-MM-dd HH:mm:ss",
                        valueFormat: "yyyy-MM-dd HH:mm:ss",
                    },

                    {
                        span: 20,
                        labelWidth: 120,
                        label: "所在地址",
              prop: "location",
            },

            {
              label: "经度",
              prop: "longitude",
                        span: 10,
                        labelWidth: 120,
                        label: "任期开始时间",
                        prop: "startTime",
                        type: "date",
                        format: "yyyy-MM-dd HH:mm:ss",
                        valueFormat: "yyyy-MM-dd HH:mm:ss",
                        rules: [{
                            required: true,
                            message: "请输入任期开始时间",
                            trigger: "blur",
                        },],
            },

            {
              label: "纬度",
              prop: "latitude",
                        span: 10,
                        labelWidth: 120,
                        label: "任期结束时间",
                        offset: 2,
                        prop: "endTime",
                        type: "date",
                        format: "yyyy-MM-dd HH:mm:ss",
                        valueFormat: "yyyy-MM-dd HH:mm:ss",
                        rules: [{
                            required: true,
                            message: "请输入任期结束时间",
                            trigger: "blur",
                        },],
            },

            {
              label: "图片",
              prop: "imageUrl",
@@ -179,8 +239,51 @@
                url: "link",
              },
              viewDisplay: false,
              span: 24,
            }, {
                        span: 20,
                    },

                    {
                        span: 10,
                        labelWidth: 120,
                        label: "排序",
                        prop: "sort",
                        type: 'number',
                        rules: [{
                            required: true,
                            message: "请输入排序",
                            trigger: "blur",
                        },],
                    },

                    {
                        span: 10,
                        labelWidth: 120,
                        label: "状态",
                        offset: 2,
                        prop: "status",
                        type: 'switch',
                        activeColor: "#13ce66",
                        inactiveColor: "#ccc",
                        dicData: [
                            {
                                label: "关闭",
                                value: 1
                            },
                            {
                                label: "正常",
                                value: 0
                            },
                        ],
                        rules: [{
                            required: true,
                            message: "请输入排序",
                            trigger: "blur",
                        },],
                    },

                    {
                        span: 20,
                        labelWidth: 120,
              label: "简介",
              prop: "profile",
              component: "AvueUeditor",
@@ -193,7 +296,6 @@
              },
              hide: true,
              minRows: 6,
              span: 24,
            },

            // {
@@ -240,9 +342,9 @@
        row.imageUrl = func.join(row.imageUrl)
        if (row.imageUrl.length > 0) {
          var urls = []
          var split = row.imageUrl.split(",");
                var split = row.imageUrl.split(",")
          split.forEach(url => {
            var names = url.split("jczz/");
                    var names = url.split("jczz/")
            urls.push(names[1])
          })
          row.imageUrl = urls.join(",")
@@ -250,43 +352,43 @@
        row.propertyFlag = 1
        add(row).then(
          () => {
            this.onLoad(this.page);
                    this.onLoad(this.page)
            this.$message({
              type: "success",
              message: "操作成功!",
            });
            done();
                    })
                    done()
          },
          (error) => {
            window.console.log(error);
            loading();
                    window.console.log(error)
                    loading()
          }
        );
            )
      },
      rowUpdate(row, index, done, loading) {
        if (row.imageUrl.length > 0) {
          var urls = []
          var split = row.imageUrl.split(",");
                var split = row.imageUrl.split(",")
          split.forEach(url => {
            var names = url.split("jczz/");
                    var names = url.split("jczz/")
            urls.push(names[1])
          })
          row.imageUrl = urls.join(",")
        }
        update(row).then(
          () => {
            this.onLoad(this.page);
                    this.onLoad(this.page)
            this.$message({
              type: "success",
              message: "操作成功!",
            });
            done();
                    })
                    done()
          },
          (error) => {
            window.console.log(error);
            loading();
                    window.console.log(error)
                    loading()
          }
        );
            )
      },
      rowDel(row) {
        this.$confirm("确定将选择数据删除?", {
@@ -295,15 +397,15 @@
            type: "warning",
          })
          .then(() => {
            return remove(row.id);
                    return remove(row.id)
          })
          .then(() => {
            this.onLoad(this.page);
                    this.onLoad(this.page)
            this.$message({
              type: "success",
              message: "操作成功!",
            });
          });
                    })
                })
      },
      // handleDelete() {
      //   if (this.selectionList.length === 0) {
@@ -330,24 +432,24 @@
      beforeOpen(done, type) {
        if (["edit", "view"].includes(type)) {
          getDetatil(this.form.id).then((res) => {
            this.form = res.data.data;
            this.form.propertyFlag = 1;
                    this.form = res.data.data
                    this.form.propertyFlag = 1
            if (this.form.constructionSchemeUrls.length > 0) {
              var urls = []
              var names = this.form.constructionSchemeUrls.split(",");
                        var names = this.form.constructionSchemeUrls.split(",")
              names.forEach(name => {
                urls.push(website.minioUrl + name)
              })
              this.form.constructionSchemeUrls = urls.join(",")
              const column = this.findObject(this.option.column, "principalId");
                        const column = this.findObject(this.option.column, "principalId")
              let arr = []
              arr.push(this.form.areaId)
              column.defaultExpandedKeys = arr;
                        column.defaultExpandedKeys = arr
            }
          });
                })
        }
        // con
        done();
            done()
      },
      searchReset() {
        this.query = {}
@@ -403,7 +505,7 @@
  }
</script>

<style>
<style scoped>
  .avue-upload__icon {
    line-height: 6;
  }