查询列表设置数据字典样式回显

RuoYi

2021-09-01 34a6f2e1f12786d2da4e2db1edd92163e7e5be62

 ruoyi-ui/src/views/system/notice/index.vue

@@ -30,7 +30,7 @@
        </el-select>

      </el-form-item>

      <el-form-item>

        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>

        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>

        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>

      </el-form-item>

    </el-form>

@@ -39,6 +39,7 @@
      <el-col :span="1.5">

        <el-button

          type="primary"

          plain

          icon="el-icon-plus"

          size="mini"

          @click="handleAdd"

@@ -48,6 +49,7 @@
      <el-col :span="1.5">

        <el-button

          type="success"

          plain

          icon="el-icon-edit"

          size="mini"

          :disabled="single"

@@ -58,6 +60,7 @@
      <el-col :span="1.5">

        <el-button

          type="danger"

          plain

          icon="el-icon-delete"

          size="mini"

          :disabled="multiple"

@@ -77,20 +80,16 @@
        prop="noticeTitle"

        :show-overflow-tooltip="true"

      />

      <el-table-column

        label="公告类型"

        align="center"

        prop="noticeType"

        :formatter="typeFormat"

        width="100"

      />

      <el-table-column

        label="状态"

        align="center"

        prop="status"

        :formatter="statusFormat"

        width="100"

      />

      <el-table-column label="公告类型" align="center" prop="noticeType" width="100">

        <template slot-scope="scope">

          <dict-tag :options="typeOptions" :value="scope.row.noticeType"/>

        </template>

      </el-table-column>

      <el-table-column label="状态" align="center" prop="status" width="100">

        <template slot-scope="scope">

          <dict-tag :options="statusOptions" :value="scope.row.status"/>

        </template>

      </el-table-column>

      <el-table-column label="创建者" align="center" prop="createBy" width="100" />

      <el-table-column label="创建时间" align="center" prop="createTime" width="100">

        <template slot-scope="scope">

@@ -173,14 +172,10 @@
</template>



<script>

import { listNotice, getNotice, delNotice, addNotice, updateNotice, exportNotice } from "@/api/system/notice";

import Editor from '@/components/Editor';

import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/system/notice";



export default {

  name: "Notice",

  components: {

    Editor

  },

  data() {

    return {

      // 遮罩层

@@ -221,7 +216,7 @@
          { required: true, message: "公告标题不能为空", trigger: "blur" }

        ],

        noticeType: [

          { required: true, message: "公告类型不能为空", trigger: "blur" }

          { required: true, message: "公告类型不能为空", trigger: "change" }

        ]

      }

    };

@@ -244,14 +239,6 @@
        this.total = response.total;

        this.loading = false;

      });

    },

    // 公告状态字典翻译

    statusFormat(row, column) {

      return this.selectDictLabel(this.statusOptions, row.status);

    },

    // 公告状态字典翻译

    typeFormat(row, column) {

      return this.selectDictLabel(this.typeOptions, row.noticeType);

    },

    // 取消按钮

    cancel() {

@@ -333,7 +320,7 @@
        }).then(() => {

          this.getList();

          this.msgSuccess("删除成功");

        })

        }).catch(() => {});

    }

  }

};