guolong
/
wj_nft_backend_page
0
0
Fork 0
Code Issues Pull Requests Activity
Browse Source

PC公司操作

dev
caoyizhong 3 years ago
parent
4d8f19abe0
commit
7ba7d6f0f0
2 changed files with 388 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 44
      src/api/wjnft/us.js
  2. 344
      src/views/wjnft/us/index.vue

44
src/api/wjnft/us.js
Unescape View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询关于我们列表
export function listUs(query) {
return request({
url: '/wjnft/us/list',
method: 'get',
params: query
})
}
// 查询关于我们详细
export function getUs(id) {
return request({
url: '/wjnft/us/' + id,
method: 'get'
})
}
// 新增关于我们
export function addUs(data) {
return request({
url: '/wjnft/us',
method: 'post',
data: data
})
}
// 修改关于我们
export function updateUs(data) {
return request({
url: '/wjnft/us',
method: 'put',
data: data
})
}
// 删除关于我们
export function delUs(id) {
return request({
url: '/wjnft/us/' + id,
method: 'delete'
})
}

344
src/views/wjnft/us/index.vue
Unescape View File

@ -0,0 +1,344 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="标题" prop="title">
<el-input
v-model="queryParams.title"
placeholder="请输入标题"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="简介" prop="introduce">
<el-input
v-model="queryParams.introduce"
placeholder="请输入简介"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="创建时间" prop="createdTime">
<el-date-picker clearable size="small"
v-model="queryParams.createdTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择创建时间">
</el-date-picker>
</el-form-item>
<el-form-item label="修改时间" prop="updatedTime">
<el-date-picker clearable size="small"
v-model="queryParams.updatedTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择修改时间">
</el-date-picker>
</el-form-item>
<el-form-item label="删除时间" prop="deletedTime">
<el-date-picker clearable size="small"
v-model="queryParams.deletedTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择删除时间">
</el-date-picker>
</el-form-item>
<el-form-item>
<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>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['wjnft:us:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['wjnft:us:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['wjnft:us:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['wjnft:us:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="usList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="标题" align="center" prop="title" />
<el-table-column label="简介" align="center" prop="introduce" />
<el-table-column label="内容" align="center" prop="content" />
<el-table-column label="图片路径" align="center" prop="pictureUrl" />
<el-table-column label="创建时间" align="center" prop="createdTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createdTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="修改时间" align="center" prop="updatedTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updatedTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="删除时间" align="center" prop="deletedTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.deletedTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['wjnft:us:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['wjnft:us:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改关于我们对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="id" prop="id">
<el-input v-model="form.id" placeholder="请输入id" />
</el-form-item>
<el-form-item label="标题" prop="title">
<el-input v-model="form.title" placeholder="请输入标题" />
</el-form-item>
<el-form-item label="简介" prop="introduce">
<el-input v-model="form.introduce" placeholder="请输入简介" />
</el-form-item>
<el-form-item label="内容">
<editor v-model="form.content" :min-height="192"/>
</el-form-item>
<el-form-item label="图片路径">
<imageUpload v-model="form.pictureUrl"/>
</el-form-item>
<el-form-item label="创建时间" prop="createdTime">
<el-date-picker clearable size="small"
v-model="form.createdTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择创建时间">
</el-date-picker>
</el-form-item>
<el-form-item label="修改时间" prop="updatedTime">
<el-date-picker clearable size="small"
v-model="form.updatedTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择修改时间">
</el-date-picker>
</el-form-item>
<el-form-item label="删除时间" prop="deletedTime">
<el-date-picker clearable size="small"
v-model="form.deletedTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择删除时间">
</el-date-picker>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listUs, getUs, delUs, addUs, updateUs } from "@/api/wjnft/us";
export default {
name: "Us",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 关于我们表格数据
usList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
title: null,
introduce: null,
content: null,
pictureUrl: null,
createdTime: null,
updatedTime: null,
deletedTime: null
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
},
methods: {
/** 查询关于我们列表 */
getList() {
this.loading = true;
listUs(this.queryParams).then(response => {
this.usList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
title: null,
introduce: null,
content: null,
pictureUrl: null,
createdTime: null,
updatedTime: null,
deletedTime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加关于我们";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getUs(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改关于我们";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateUs(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addUs(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除关于我们编号为"' + ids + '"的数据项？').then(function() {
return delUs(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('wjnft/us/export', {
...this.queryParams
}, `us_${new Date().getTime()}.xlsx`)
}
}
};
</script>
Write Preview
Loading…
Cancel
Save