样式 （1：搜索按钮放入右侧，2：隐藏表格显影按钮，3：页码改为（15,30,50,100））

liuyg

2021-11-23 7c124560b27add087b4aa8fc457de1e84f950d9c

 src/views/system/param.vue

@@ -1,17 +1,24 @@
<template>
  <basic-container>
    <avue-crud v-bind="bindVal"
               v-on="onEvent"
               v-model="form"
               :permission="permissionList"
               :page.sync="page">
  <basic-container
    :class="[$store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '']"
  >
    <avue-crud
      v-bind="bindVal"
      v-on="onEvent"
      v-model="form"
      :permission="permissionList"
      :page.sync="page"
      :option="option"
    >
      <template slot="menuLeft">
        <el-button type="danger"
                   size="small"
                   icon="el-icon-delete"
                   v-if="permission.param_delete"
                   plain
                   @click="handleDelete">删 除
        <el-button
          type="danger"
          size="small"
          icon="el-icon-delete"
          v-if="permission.param_delete"
          plain
          @click="handleDelete"
          >删 除
        </el-button>
      </template>
    </avue-crud>
@@ -19,26 +26,32 @@
</template>

<script>

export default window.$crudCommon({
  data() {
    return {}
  },
  computed: {
    permissionList() {
export default window.$crudCommon(
  {
    data() {
      return {
        addBtn: this.vaildData(this.permission.param_add, false),
        viewBtn: this.vaildData(this.permission.param_view, false),
        delBtn: this.vaildData(this.permission.param_delete, false),
        editBtn: this.vaildData(this.permission.param_edit, false)
        option: {
          ...this.$store.state.control.clearOtherBut,
        },
      };
    }
    },
    computed: {
      permissionList() {
        return {
          addBtn: this.vaildData(this.permission.param_add, false),
          viewBtn: this.vaildData(this.permission.param_view, false),
          delBtn: this.vaildData(this.permission.param_delete, false),
          editBtn: this.vaildData(this.permission.param_edit, false),
        };
      },
    },
    methods: {},
  },
  methods: {}
}, {
  //模块路径
  name: 'system/param',
})
  {
    //模块路径
    name: "system/param",
  }
);
</script>

<style>