代码优化

linwe

2024-08-09 5e2aafeede13d337380f736567caf74f49713be7

 src/views/userHouse/houseList.vue

@@ -3,10 +3,10 @@
        <el-col :span="24">
            <basic-container>
                <avue-crud :option="option" :search.sync="search" :table-loading="loading" :data="data" ref="crud"
                    v-model="form" :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate"
                    @row-save="rowSave" :before-open="beforeOpen" :page.sync="page" @search-change="searchChange"
                    @search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange"
                    @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
          v-model="form" :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate" @row-save="rowSave"
          :before-open="beforeOpen" :page.sync="page" @search-change="searchChange" @search-reset="searchReset"
          @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
          @refresh-change="refreshChange" @on-load="onLoad">
                    <template slot="menuLeft">
                        <el-button type="danger" size="small" plain icon="el-icon-delete" v-if="permission.house_del"
                            @click="handleDelete">删 除
@@ -29,11 +29,11 @@
                    </template>

                    <template slot-scope="{row, size}" slot="menu">
                        <el-button :size="size" type="text" icon="el-icon-circle-plus-outline"
                            v-if="permission.house_manager" @click="handleHouseholdManager(row)">住户管理
            <el-button :size="size" type="text" icon="el-icon-circle-plus-outline" v-if="permission.house_manager"
              @click="handleHouseholdManager(row)">住户管理
                        </el-button>
                        <el-button :size="size" type="text" icon="el-icon-circle-plus-outline"
                            v-if="permission.house_tag" @click="manageLabel(row)">标签
            <el-button :size="size" type="text" icon="el-icon-circle-plus-outline" v-if="permission.house_tag"
              @click="manageLabel(row)">标签
                        </el-button>
                    </template>

@@ -49,8 +49,8 @@
                </avue-crud>
                <el-dialog title="用户角色配置" append-to-body :visible.sync="roleBox" width="345px">

                    <el-tree :data="roleGrantList" show-checkbox check-strictly default-expand-all node-key="id"
                        ref="treeRole" :default-checked-keys="roleTreeObj" :props="props">
          <el-tree :data="roleGrantList" show-checkbox check-strictly default-expand-all node-key="id" ref="treeRole"
            :default-checked-keys="roleTreeObj" :props="props">
                    </el-tree>

                    <span slot="footer" class="dialog-footer">
@@ -61,8 +61,8 @@

                <el-dialog title="标签管理" append-to-body :visible.sync="labelFlag" center width="600px">
                    <div id="" class="grid-container2">
                        <div class="grid-item" :style="{ backgroundColor: getColor(item.color) }"
                            v-for="(item, index) in labelData" :key="index" @click="changLabel(item)">
            <div class="grid-item" :style="{ backgroundColor: getColor(item.color) }" v-for="(item, index) in labelData"
              :key="index" @click="changLabel(item)">
                            {{ item.name }}
                        </div>
                    </div>
@@ -72,8 +72,7 @@
          </span> -->
                </el-dialog>

                <el-dialog :title="'编辑标签   ' + currentLabel.name" append-to-body :visible.sync="editLabelFlge"
                    width="655px">
        <el-dialog :title="'编辑标签   ' + currentLabel.name" append-to-body :visible.sync="editLabelFlge" width="655px">
                    <avue-form :option="labelOption" v-model="labelForm" :submit="onsubmit">
                    </avue-form>
                    <span slot="footer" class="dialog-footer">
@@ -101,7 +100,9 @@
</template>

<script>
import { setHouseLabelColor } from '@/util/util'
  import {
    setHouseLabelColor
  } from '@/util/util'

import {
    getList,
@@ -225,8 +226,7 @@
                viewBtn: true,
                dialogType: 'drawer',
                dialogClickModal: false,
                column: [
                    {
          column: [{
                        label: "房屋编号",
                        prop: "houseCode",
                        width: 180,
@@ -256,13 +256,11 @@
                        searchLabelWidth: 66,
                        hide: true,
                        value: [117.966460, 28.431002, ""],
                        rules: [
                            {
              rules: [{
                                required: true,
                                message: "请选择巡查地址",
                                trigger: "blur",
                            },
                        ],
              }, ],
                    },

                    {
@@ -271,7 +269,7 @@
                        label: "小区名称",
                        prop: "districtCode",
                        type: 'tree',
                        dicUrl: `/api/blade-district/district/getDistrictTree`,
              dicUrl: `/api/blade-district/district/getDistrictTree?id={{key}}`,
                        props: {
                            label: "name",
                            value: "id"
@@ -334,13 +332,11 @@
                            value: "id",
                        },
                        cascader: ["gridCode"],
                        rules: [
                            {
              rules: [{
                                required: true,
                                message: "请选择所属社区",
                                trigger: "blur",
                            },
                        ],
              }, ],
                    },

                    {
@@ -368,15 +364,12 @@
                            label: "gridName",
                            value: "gridCode",
                        },
                        dicUrl:
                            "/api/blade-grid/grid/getGridList?communityCode={{neiCode}}",
                        rules: [
                            {
              dicUrl: "/api/blade-grid/grid/getGridList?communityCode={{neiCode}}",
              rules: [{
                                required: true,
                                message: "请选择所属网格",
                                trigger: "blur",
                            },
                        ],
              }, ],
                    },

                    {
@@ -402,12 +395,10 @@
                        label: "电话",
                        prop: "phone",
                        slot: true,
                        rules: [
                            {
              rules: [{
                                validator: validatorPhone,
                                trigger: 'blur'
                            }
                        ],
              }],
                    },

                    {
@@ -698,8 +689,10 @@
                row.imageUrls = urls.join(",")
            }

            add({ ...row, ...this.locationDispose(row.location) }
            ).then(() => {
        add({
          ...row,
          ...this.locationDispose(row.location)
        }).then(() => {
                this.initFlag = false
                this.onLoad(this.page)
                this.$message({
@@ -723,7 +716,10 @@
                row.imageUrls = urls.join(",")
            }

            update({ ...row, ...this.locationDispose(row.location) }).then(() => {
        update({
          ...row,
          ...this.locationDispose(row.location)
        }).then(() => {
                this.initFlag = false
                this.onLoad(this.page)
                this.$message({