yuebonui-vue3/src/views/articlenews/index.vue

（开头部分） 7KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <div class="app-container">
    <el-form
      ref="searchformRef" v-show="showSearch"
      :inline="true"
      :model="queryParams"
      class="demo-form-inline"
    >
      <el-form-item label="名称：">
        <el-input v-model="queryParams.keywords" clearable placeholder="名称" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="handleSearch()">查询</el-button>
        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>    
    <el-row :gutter="10" class="mb8">
      <el-button-group>
        <el-button v-hasPermi="['Articlenews/Add']" type="primary" icon="plus" @click="handleEditDataFrom()">新增</el-button>
        <el-button v-hasPermi="['Articlenews/Edit']" type="primary" icon="edit" :disabled="single" class="el-button-modify" @click="handleEditDataFrom('edit')">修改</el-button>
        <el-button v-hasPermi="['Articlenews/Enable']" type="info" icon="video-pause" :disabled="multiple" @click="setEnable('0')">禁用</el-button>
        <el-button v-hasPermi="['Articlenews/Enable']" type="success" icon="video-play" :disabled="multiple" @click="setEnable('1')">启用</el-button>
        <el-button v-hasPermi="['Articlenews/DeleteSoft']" type="warning" icon="delete" :disabled="multiple" @click="deleteSoft('0')">软删除</el-button>
        <el-button v-hasPermi="['Articlenews/Delete']" type="danger" icon="delete" :disabled="multiple" @click="deletePhysics()">删除</el-button>
      </el-button-group>
      <right-toolbar v-model:showSearch="showSearch" @queryTable="loadTableData"></right-toolbar>
    </el-row>
    <el-table
      ref="gridtable"
      v-loading="tableloading"
      :data="tableData"
      stripe
      highlight-current-row
      style="width: 100%"
      :default-sort="{prop: 'SortCode', order: 'ascending'}"
      @selection-change="handleSelectChange"
      @sort-change="handleSortChange"
    >
      <el-table-column type="selection" width="50" />
      <el-table-column prop="Title" label="文章标题" sortable="custom" />
      <el-table-column prop="CategoryName" label="所属分类" sortable="custom" width="120" />
      <el-table-column prop="SortCode" label="排序" sortable="custom" width="120" />
      <el-table-column label="属性" sortable="custom" width="230" prop="" align="center">
        <template #default="scope">
          <el-tag v-if="scope.row.IsTop === true" disable-transitions>置顶</el-tag>
          <el-tag v-if="scope.row.IsRed === true" type="success" disable-transitions>推荐</el-tag>
          <el-tag v-if="scope.row.IsHot === true" type="danger" disable-transitions>热门</el-tag>
          <el-tag v-if="scope.row.IsNew === true" type="warning" disable-transitions>最新</el-tag>
        </template>
      </el-table-column>
      <el-table-column label="是否发布" sortable="custom" width="120" prop="EnabledMark" align="center">
        <template #default="scope">
          <el-tag :type="scope.row.EnabledMark === true ? 'success' : 'info'" disable-transitions>{{ scope.row.EnabledMark === true ? "已发布" : "未发布" }}</el-tag>
        </template>
      </el-table-column>
      <el-table-column prop="CreatorTime" label="创建时间" sortable="custom" width="160" />
    </el-table>
    <Pagination
      v-show="queryParams.pageTotal>0"
      :total="queryParams.pageTotal"
后面还有 174 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。