Skip to content

X
xinrenli-admin
Commit 954b6754 by honghong
Options

动态页面增加删除功能

parent 3b3bb2cc
Showing with 52 additions and 149 deletions
src/api/orderform/index.js
...@@ -143,4 +143,12 @@ export function accumulatedTransactionVolumeGET(query) { ...@@ -143,4 +143,12 @@ export function accumulatedTransactionVolumeGET(query) {
method: 'get', method: 'get',
// params: query // params: query
}) })
}
//删除动态
export function deleteDynamic(query) {
return request({
url: `/xinrenli/article/remove`,
method: 'get',
params: query
})
} }
\ No newline at end of file
src/views/dynamic/index.vue
...@@ -24,10 +24,19 @@ ...@@ -24,10 +24,19 @@
<el-form-item> <el-form-item>
<el-button type="primary" plain icon="el-icon-download" size="mini" @click="handleGenTable">导出</el-button> <el-button type="primary" plain icon="el-icon-download" size="mini" @click="handleGenTable">导出</el-button>
<el-button type="primary" plain size="mini" @click="modify(0, '3')">新增发布</el-button> <el-button type="primary" plain size="mini" @click="modify(0, '3')">新增发布</el-button>
<el-button
type="danger"
plain
:disabled="multiple"
icon="el-icon-delete"
size="mini"
@click="handleDelete"
>删除</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table :data="tableData" border style="width: 100%"> <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center"></el-table-column>
<el-table-column type="index" width="50" label="序号" align="center"> <el-table-column type="index" width="50" label="序号" align="center">
</el-table-column> </el-table-column>
<el-table-column prop="title" label="动态标题" :show-overflow-tooltip="true" align="center"> <el-table-column prop="title" label="动态标题" :show-overflow-tooltip="true" align="center">
...@@ -42,6 +51,7 @@ ...@@ -42,6 +51,7 @@
<el-table-column label="操作" width="150"> <el-table-column label="操作" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="modify(scope.row, '1')">修改</el-button> <el-button type="text" size="small" @click="modify(scope.row, '1')">修改</el-button>
<el-button type="text" size="small" @click="handleDelete(scope.row)">删除</el-button>
<el-button type="text" size="small" @click="modify(scope.row, '2')">详情</el-button> <el-button type="text" size="small" @click="modify(scope.row, '2')">详情</el-button>
</template> </template>
</el-table-column> </el-table-column>
...@@ -60,7 +70,7 @@ ...@@ -60,7 +70,7 @@
<script> <script>
import comindex from './components/index' import comindex from './components/index'
import commodify from './components/modify' import commodify from './components/modify'
import { articleGET, articlePOST, articlesGET, articlePUT } from '@/api/orderform/index' import { articleGET, articlePOST, articlesGET, articlePUT,deleteDynamic } from '@/api/orderform/index'
export default { export default {
name: "orderform", name: "orderform",
data() { data() {
...@@ -73,52 +83,8 @@ export default { ...@@ -73,52 +83,8 @@ export default {
value1: '', value1: '',
title: '动态发布', title: '动态发布',
btn:'确认发布', btn:'确认发布',
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '', value: '',
tableData: [{ tableData: [],
date: '2016-05-02',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-04',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1517 弄',
zip: 200333
}, {
date: '2016-05-01',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1519 弄',
zip: 200333
}, {
date: '2016-05-03',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1516 弄',
zip: 200333
}],
// 日期范围 // 日期范围
dateRange: "", dateRange: "",
// 查询参数 // 查询参数
...@@ -135,7 +101,10 @@ export default { ...@@ -135,7 +101,10 @@ export default {
title: "代码预览", title: "代码预览",
data: {}, data: {},
activeName: "domain.java" activeName: "domain.java"
} },
ids:[],
multiple: true,//删除是否禁用
single: true,
}; };
}, },
components: { components: {
...@@ -164,6 +133,30 @@ export default { ...@@ -164,6 +133,30 @@ export default {
this.queryParams.pageSize = 10; this.queryParams.pageSize = 10;
this.artic() this.artic()
}, },
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
// 删除
handleDelete(row){
const ids = row.id || this.ids.join();
this.$modal
.confirm('是否确认删除该数据项？')
.then(() => {
this.loading = true;
return deleteDynamic({ids});
})
.then(() => {
this.loading = false;
this.artic();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
// 导出订单 // 导出订单
handleGenTable() { handleGenTable() {
this.download('/xinrenli/article/export', { this.download('/xinrenli/article/export', {
......
src/views/index.vue
...@@ -2,109 +2,10 @@ ...@@ -2,109 +2,10 @@
<div class="app-container home"> <div class="app-container home">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :sm="24" :lg="12" style="padding-left: 20px"> <el-col :sm="24" :lg="12" style="padding-left: 20px">
<h2>RuoYi-Vue-Plus后台管理框架</h2> <h2>新人力后台管理系统</h2>
<p>
RuoYi-Vue-Plus 是基于 RuoYi-Vue 针对 分布式集群 场景升级(不兼容原框架)
<br/>
* 前端开发框架 Vue、Element UI<br/>
* 后端开发框架 Spring Boot<br/>
* 容器框架 Undertow 基于 XNIO 的高性能容器<br/>
* 权限认证框架 Sa-Token、Jwt 支持多终端认证系统<br/>
* 关系数据库 MySQL 适配 8.X 最低 5.7<br/>
* 关系数据库 Oracle 适配 11g 12c<br/>
* 关系数据库 PostgreSQL 适配 13 14<br/>
* 关系数据库 SQLServer 适配 2017 2019<br/>
* 缓存数据库 Redis 适配 6.X 最低 4.X<br/>
* 数据库框架 Mybatis-Plus 快速 CRUD 增加开发效率<br/>
* 数据库框架 p6spy 更强劲的 SQL 分析<br/>
* 多数据源框架 dynamic-datasource 支持主从与多种类数据库异构<br/>
* 序列化框架 Jackson 统一使用 jackson 高效可靠<br/>
* Redis客户端 Redisson 性能强劲、API丰富<br/>
* 分布式限流 Redisson 全局、请求IP、集群ID 多种限流<br/>
* 分布式锁 Lock4j 注解锁、工具锁 多种多样<br/>
* 分布式幂等 Redisson 拦截重复提交<br/>
* 分布式链路追踪 SkyWalking 支持链路追踪、网格分析、度量聚合、可视化<br/>
* 分布式任务调度 Xxl-Job 高性能 高可靠 易扩展<br/>
* 分布式文件存储 Minio 本地存储<br/>
* 分布式云存储 七牛、阿里、腾讯 云存储<br/>
* 监控框架 SpringBoot-Admin 全方位服务监控<br/>
* 校验框架 Validation 增强接口安全性 严谨性<br/>
* Excel框架 Alibaba EasyExcel 性能优异 扩展性强<br/>
* 文档框架 SpringDoc、javadoc 无注解零入侵基于java注释<br/>
* 工具类框架 Hutool、Lombok 减少代码冗余 增加安全性<br/>
* 代码生成器 适配MP、SpringDoc规范化代码 一键生成前后端代码<br/>
* 部署方式 Docker 容器编排 一键部署业务集群<br/>
* 国际化 SpringMessage Spring标准国际化方案<br/>
</p>
<p>
<b>当前版本:</b> <span>v{{ version }}</span>
</p>
<p>
<el-tag type="danger">&yen;免费开源</el-tag>
</p>
<p>
<el-button
type="primary"
size="mini"
icon="el-icon-cloudy"
plain
@click="goTarget('https://gitee.com/JavaLionLi/RuoYi-Vue-Plus')"
>访问码云</el-button
>
<el-button
type="primary"
size="mini"
icon="el-icon-cloudy"
plain
@click="goTarget('https://github.com/JavaLionLi/RuoYi-Vue-Plus')"
>访问GitHub</el-button
>
<el-button
type="primary"
size="mini"
icon="el-icon-cloudy"
plain
@click="goTarget('https://gitee.com/JavaLionLi/RuoYi-Vue-Plus/wikis/pages?sort_id=4106467&doc_id=1469725')"
>更新日志</el-button
>
</p>
</el-col>
<el-col :sm="24" :lg="12" style="padding-left: 50px">
<el-row>
<el-col :span="12">
<h2>技术选型</h2>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<h4>后端技术</h4>
<ul>
<li>SpringBoot</li>
<li>Sa-Token</li>
<li>JWT</li>
<li>MyBatis</li>
<li>Druid</li>
<li>Jackson</li>
<li>...</li>
</ul>
</el-col>
<el-col :span="6">
<h4>前端技术</h4>
<ul>
<li>Vue</li>
<li>Vuex</li>
<li>Element-ui</li>
<li>Axios</li>
<li>Sass</li>
<li>Quill</li>
<li>...</li>
</ul>
</el-col>
</el-row>
</el-col> </el-col>
</el-row> </el-row>
<el-divider />
</div> </div>
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment