表格按钮样式修改

guanqb

2024-01-30 a9e5b9858096288528d23d1a8218e327db4b6870

表格按钮样式修改

 src/views/article/article.vue

@@ -803,8 +803,16 @@
}
</script>

<style>
<style lang="scss" scoped>
.avue-upload__icon {
    line-height: 6;
}

:deep(.avue-form__menu--center) {
    text-align: left;
}

:deep(.avue-form__menu--center .el-button) {
    margin: 0 5px 0 0;
}
</style>

 src/views/grid/gridman.vue

@@ -99,7 +99,7 @@
                        prop: "gridmanName",
                        searchSpan: 4,
                        search: true,
                        searchLabelWidth: 66,
                        searchLabelWidth: 60,
                        rules: [
                            {
                                required: true,

 src/views/property/inviteTenders.vue

@@ -801,8 +801,16 @@
}
</script>

<style>
<style lang="scss" scoped>
.avue-upload__icon {
    line-height: 6;
}

:deep(.avue-form__menu--center) {
    text-align: left;
}

:deep(.avue-form__menu--center .el-button) {
    margin: 0 5px 0 0;
}
</style>

 src/views/property/oiae.vue

@@ -283,6 +283,7 @@
                        slot: true,
                        searchSpan: 4,
                        search: true,
                        searchLabelWidth: 76,
                        type: "select",
                        rules: [{
                            required: true,

 src/views/property/ownersCommittee.vue

@@ -682,8 +682,16 @@
}
</script>

<style>
<style lang="scss" scoped>
.avue-upload__icon {
    line-height: 6;
}

:deep(.avue-form__menu--center) {
    text-align: left;
}

:deep(.avue-form__menu--center .el-button) {
    margin: 0 5px 0 0;
}
</style>

 src/views/propertySupervision/residentSupervision.vue

@@ -890,4 +890,12 @@
.box .el-scrollbar__wrap {
    overflow: scroll;
}

:deep(.avue-form__menu--center) {
    text-align: left;
}

:deep(.avue-form__menu--center .el-button) {
    margin: 0 5px 0 0;
}
</style>

 src/views/userHouse/houseHoldList.vue

@@ -1,12 +1,12 @@
<template>
    <el-row>
        <el-col :span="24">
    <!-- <el-row>
        <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">
        <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">
                    <!-- <template slot="menuLeft"> -->
                    <!-- <el-button type="danger" size="small" plain icon="el-icon-delete" v-if="permission.household_delete"
                            @click="handleDelete">删 除
@@ -20,8 +20,8 @@
                    <!-- </template> -->

                    <template slot-scope="{row, size}" slot="menu">
                        <el-button :size="size" type="text" icon="el-icon-circle-plus-outline"
                            v-if="permission.househould_manager" @click="manageLabel(row)">标签
                <el-button :size="size" type="text" icon="el-icon-circle-plus-outline" v-if="permission.househould_manager"
                    @click="manageLabel(row)">标签
                        </el-button>
                    </template>
                    <template slot-scope="{row, size}" slot="phoneNumber">
@@ -39,8 +39,8 @@
                </avue-crud>
                <el-dialog title="用户角色配置" append-to-body :visible.sync="roleBox" width="345px" center>

                    <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">
@@ -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">
@@ -92,8 +91,8 @@
                    </avue-form>
                </el-dialog>
            </basic-container>
        </el-col>
    </el-row>
    <!-- </el-col>
    </el-row> -->
</template>

<script>
@@ -1117,7 +1116,7 @@
}
</script>

<style>
<style lang="scss" scoped>
.box {
    height: 800px;
}
@@ -1152,4 +1151,12 @@
.box .el-scrollbar__wrap {
    overflow: scroll;
}

:deep(.el-form-item__content) {
    text-align: left !important;
}

:deep(.avue-form__menu--center .el-button) {
    margin: 0 5px 0 0;
}
</style>