前端字典管理

最新推荐文章于 2024-03-26 23:45:00 发布

か磕磕绊绊总是情

最新推荐文章于 2024-03-26 23:45:00 发布

阅读量1.2k

点赞数

分类专栏： vue 笔记文章标签：前端

本文链接：https://blog.csdn.net/qq_54747897/article/details/121627043

版权

<template>
  <div style="margin: 15px;">
    <!-- 1.路径导航（面包屑） -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/Home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>数据管理字典</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 2.搜索栏-->
    <el-form style="margin-top: 18px;" :inline="true">
      <el-form-item label="类型">
        <el-input v-model="dictType" placeholder="请输入字典类型"></el-input>
      </el-form-item>
      <el-form-item label="条目">
        <el-input v-model="dictItem" placeholder="请输入字典条目"></el-input>
      </el-form-item>
      <el-form-item label="值">
        <el-input v-model="dictValue" placeholder="请输入字典值"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="query(1)">查询</el-button>
        <el-button type="success" icon="el-icon-plus" @click="open(null)">新增</el-button>
      </el-form-item>
    </el-form>
    <!-- 3.数据表格-->
   <el-table :data="tableData" style="width: 100%; margin-top: -15px;">
      <el-table-column prop="dict_id" label="编号" width="180">
      </el-table-column>
      <el-table-column prop="dict_type" label="类别" width="180">
      </el-table-column>
      <el-table-column prop="dict_item" label="条目">
      </el-table-column>
      <el-table-column prop="dict_value" label="值">
      </el-table-column>
      <el-table-column prop="dict_is_editable" label="是否编辑">
          <template slot-scope="scope">
             <div v-if="scope.row.dict_is_editable==true">是</div>
             <div v-else>否</div>
          </template>
      </el-table-column>
      <el-table-column  label="操作" width="180">
        <template slot-scope="scope" v-if="scope.