mirror of
https://gitee.com/hzchunfen/erp.git
synced 2025-11-30 22:20:45 +00:00
feat: #10000 暂存
This commit is contained in:
parent
83afb5dcd0
commit
cd6ec5d6a6
@ -7,9 +7,10 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
export default {
|
||||
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss"></style>
|
||||
<style lang="scss">
|
||||
</style>
|
||||
|
||||
2
resources/frontend/src/router/index1.js
vendored
2
resources/frontend/src/router/index1.js
vendored
@ -19,7 +19,7 @@ const list = [
|
||||
{
|
||||
path: "GOODS_TYPE",
|
||||
name: "商品种类",
|
||||
component: () => import("../views/home/home.vue"),
|
||||
component: () => import("../views/goodsType/goodsType.vue"),
|
||||
},
|
||||
{
|
||||
path: "GOODS_BRAND",
|
||||
|
||||
@ -18,8 +18,8 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from "axios";
|
||||
export default {
|
||||
import axios from "axios";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
checked: false, //记住密码变量
|
||||
@ -104,20 +104,20 @@
|
||||
this.setCookie("", "", false, -1);
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.backimg {
|
||||
.backimg {
|
||||
width: 100%;
|
||||
height: 1080px;
|
||||
background-image: url("./../css/img/组 32.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.sign {
|
||||
.sign {
|
||||
width: 400px;
|
||||
height: 500px;
|
||||
position: absolute;
|
||||
@ -187,5 +187,5 @@
|
||||
.el-checkbox {
|
||||
color: rgba(43, 83, 236);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,14 +1,12 @@
|
||||
<template>
|
||||
<div class="conent">
|
||||
<!-- 新增按钮 -->
|
||||
<div class="btn">
|
||||
<el-button type="primary" @click="handAdd">新增</el-button>
|
||||
</div>
|
||||
|
||||
<!-- 列表 -->
|
||||
<div class="table">
|
||||
<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55"> </el-table-column>
|
||||
<el-table-column prop="name" label="商品品牌"> </el-table-column>
|
||||
<el-table-column prop="" label="操作">
|
||||
<template slot-scope="scope">
|
||||
@ -19,6 +17,14 @@
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<!-- 分页功能 -->
|
||||
<div class="block">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page="current_page" :page-sizes="[15, 50, 100]" :page-size="per_page"
|
||||
layout="total, sizes, prev, pager, next, jumper" :total="Paginationdata.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
|
||||
<!-- 新增品牌对话框 -->
|
||||
<el-dialog title="新增品牌" :visible.sync="dialogFormVisible" :close-on-click-modal="false">
|
||||
<el-form :model="form">
|
||||
@ -44,25 +50,17 @@
|
||||
<el-button type="primary" @click="EditSubmit">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 分页功能 -->
|
||||
<div class="block">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="current_page"
|
||||
:page-sizes="[15, 50, 100]" :page-size="per_page" layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="Paginationdata.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
import {
|
||||
Brand_goods_types,
|
||||
DelBrand_goods_types,
|
||||
AddBrandgoods_types,
|
||||
editBrand_types,
|
||||
} from "../../api/rankingData";
|
||||
export default {
|
||||
} from "../../api/rankingData";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
id: "", //每一项的id
|
||||
@ -177,35 +175,11 @@
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.conent {
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 200px);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 104px;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.el-button {
|
||||
width: 114px;
|
||||
height: 44px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.block {
|
||||
.block {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -11,8 +11,8 @@
|
||||
</el-select>
|
||||
</div>
|
||||
<span style="font-size: 14px">商品图片：
|
||||
<el-upload class="avatar-uploader" action="#" :limit="1" :auto-upload="false" :show-file-list="true"
|
||||
list-type="picture-card" :on-change="handleAvatarSuccess">
|
||||
<el-upload class="avatar-uploader" action="#" :limit="1" :auto-upload="false"
|
||||
:show-file-list="true" list-type="picture-card" :on-change="handleAvatarSuccess">
|
||||
<img v-if="imageUrl" :src="imageUrl" class="avatar" />
|
||||
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
||||
</el-upload>
|
||||
@ -82,7 +82,8 @@
|
||||
<el-input placeholder="商品名称" v-model="form.title" v-else></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品编码：">
|
||||
<el-input placeholder="商品编码" v-model="form.goods_code" :disabled="true" v-if="isShow"></el-input>
|
||||
<el-input placeholder="商品编码" v-model="form.goods_code" :disabled="true" v-if="isShow">
|
||||
</el-input>
|
||||
<el-input placeholder="商品编码" v-model="form.goods_code" v-else></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品种类：">
|
||||
@ -139,15 +140,15 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
import {
|
||||
addGoods,
|
||||
checkGoods,
|
||||
goodsList,
|
||||
updateGoods,
|
||||
imgUpload,
|
||||
} from "../../../api/goods.js";
|
||||
import { goods_types, Brand_goods_types } from "../../../api/rankingData.js";
|
||||
export default {
|
||||
} from "../../../api/goods.js";
|
||||
import { goods_types, Brand_goods_types } from "../../../api/rankingData.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
imgs: [],
|
||||
@ -416,20 +417,20 @@
|
||||
sessionStorage.removeItem("商品ID"); //销毁内存中的商品ID
|
||||
sessionStorage.removeItem("ID"); //销毁内存中的ID
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-upload--picture-card {
|
||||
.el-upload--picture-card {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
.el-form-item {
|
||||
margin-left: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.addto {
|
||||
.addto {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
@ -440,33 +441,33 @@
|
||||
line-height: 30px;
|
||||
border-radius: 5px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 分割 */
|
||||
.avatar-uploader .el-upload {
|
||||
/* 分割 */
|
||||
.avatar-uploader .el-upload {
|
||||
border: 1px dashed #d9d9d9;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar-uploader .el-upload:hover {
|
||||
.avatar-uploader .el-upload:hover {
|
||||
border-color: #409eff;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar-uploader-icon {
|
||||
.avatar-uploader-icon {
|
||||
font-size: 28px;
|
||||
color: #8c939d;
|
||||
width: 148px;
|
||||
height: 148px;
|
||||
line-height: 148px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar {
|
||||
.avatar {
|
||||
width: 148px;
|
||||
height: 148px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -360,11 +360,7 @@
|
||||
<script>
|
||||
import axios from "axios";
|
||||
import { goods_types, Brand_goods_types } from "../../api/rankingData.js";
|
||||
import {
|
||||
goods,
|
||||
update,
|
||||
singleUpdate,
|
||||
} from "../../api/goods";
|
||||
import { goods, update, singleUpdate } from "../../api/goods";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
186
resources/frontend/src/views/goodsType/goodsType.vue
Normal file
186
resources/frontend/src/views/goodsType/goodsType.vue
Normal file
@ -0,0 +1,186 @@
|
||||
<template>
|
||||
<div class="conent">
|
||||
<!-- 新增按钮 -->
|
||||
<el-button type="primary" @click="handAdd">新增</el-button>
|
||||
|
||||
<!-- 列表 -->
|
||||
<div class="table">
|
||||
<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column prop="name" label="商品种类"> </el-table-column>
|
||||
<el-table-column prop="" label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" @click="handEdit(scope.row.id, scope.row)">编辑</el-button>
|
||||
<el-button type="danger" @click="handdel(scope.row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<!-- 分页功能 -->
|
||||
<div class="block">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page="current_page" :page-sizes="[15, 50, 100]" :page-size="per_page"
|
||||
layout="total, sizes, prev, pager, next, jumper" :total="Paginationdata.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
|
||||
<!-- 新增种类对话框 -->
|
||||
<el-dialog title="新增" :visible.sync="dialogFormVisible" :close-on-click-modal="false">
|
||||
<el-form :model="form">
|
||||
<el-form-item label="商品种类" :label-width="formLabelWidth">
|
||||
<el-input v-model="form.kindName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="addSubmit">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 编辑 -->
|
||||
<el-dialog title="编辑" :visible.sync="dialogFormVisible1" :close-on-click-modal="false">
|
||||
<el-form :model="form1">
|
||||
<el-form-item label="编辑种类" :label-width="formLabelWidth1">
|
||||
<el-input v-model="form1.kindName1" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogFormVisible1 = false">取 消</el-button>
|
||||
<el-button type="primary" @click="EditSubmit">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
goods_types,
|
||||
Delgoods_types,
|
||||
Addgoods_types,
|
||||
editGoods_types,
|
||||
} from "../../api/rankingData";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
id: "", //每一项的id
|
||||
tableData: [],
|
||||
multipleSelection: [],
|
||||
dialogFormVisible: false,
|
||||
dialogFormVisible1: false,
|
||||
form: {
|
||||
kindName: "", //种类名
|
||||
},
|
||||
form1: {
|
||||
kindName1: "", //种类名
|
||||
},
|
||||
formLabelWidth: "120px",
|
||||
formLabelWidth1: "120px",
|
||||
newKind: [],
|
||||
Paginationdata: {}, //分页相关数据
|
||||
current_page: 1, //当前页
|
||||
per_page: 15, //每页显示数量
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getGoods_types();
|
||||
},
|
||||
methods: {
|
||||
// 复选框按钮
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
|
||||
//分页功能
|
||||
handleSizeChange(val) {
|
||||
//当前条数
|
||||
this.per_page = val;
|
||||
this.getGoods_types();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
//当前页
|
||||
this.current_page = val;
|
||||
this.getGoods_types();
|
||||
},
|
||||
// 新增
|
||||
handAdd() {
|
||||
this.form.kindName = "";
|
||||
this.dialogFormVisible = true;
|
||||
},
|
||||
// 确认新增
|
||||
addSubmit() {
|
||||
var string;
|
||||
string = this.form.kindName.replace(/\s/g, ",").split(",");
|
||||
Addgoods_types({
|
||||
names: string,
|
||||
}).then((res) => {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "添加成功",
|
||||
});
|
||||
this.getGoods_types();
|
||||
});
|
||||
this.dialogFormVisible = false;
|
||||
},
|
||||
// 编辑
|
||||
handEdit(id, item) {
|
||||
this.id = id;
|
||||
this.form1.kindName1 = item.name;
|
||||
this.dialogFormVisible1 = true;
|
||||
},
|
||||
// 编辑确定按钮
|
||||
EditSubmit() {
|
||||
editGoods_types(this.id, {
|
||||
name: this.form1.kindName1,
|
||||
}).then((res) => {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "编辑成功",
|
||||
});
|
||||
this.getGoods_types();
|
||||
});
|
||||
this.dialogFormVisible1 = false;
|
||||
},
|
||||
// 删除
|
||||
handdel(id) {
|
||||
this.$confirm("确定删除此条商品种类吗?", "确认删除", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
Delgoods_types(id).then((res) => {
|
||||
this.getGoods_types();
|
||||
});
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "删除成功!",
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: "info",
|
||||
message: "已取消删除",
|
||||
});
|
||||
});
|
||||
},
|
||||
// 获取列表
|
||||
getGoods_types() {
|
||||
let page = {
|
||||
page: this.current_page,
|
||||
per_page: this.per_page,
|
||||
};
|
||||
goods_types(page).then((res) => {
|
||||
this.tableData = res.data.data;
|
||||
this.Paginationdata = res.data.meta;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.block {
|
||||
margin-top: 30px;
|
||||
}
|
||||
</style>
|
||||
@ -1,212 +0,0 @@
|
||||
<template>
|
||||
<div class="conent">
|
||||
<!-- 新增按钮 -->
|
||||
<div class="btn">
|
||||
<el-button type="primary" @click="handAdd">新增</el-button>
|
||||
</div>
|
||||
|
||||
<!-- 列表 -->
|
||||
<div class="table">
|
||||
<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55"> </el-table-column>
|
||||
<el-table-column prop="name" label="商品种类"> </el-table-column>
|
||||
<el-table-column prop="" label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" @click="handEdit(scope.row.id, scope.row)">编辑</el-button>
|
||||
<el-button type="danger" @click="handdel(scope.row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<!-- 新增种类对话框 -->
|
||||
<el-dialog title="新增" :visible.sync="dialogFormVisible" :close-on-click-modal="false">
|
||||
<el-form :model="form">
|
||||
<el-form-item label="商品种类" :label-width="formLabelWidth">
|
||||
<el-input v-model="form.kindName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="addSubmit">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 编辑 -->
|
||||
<el-dialog title="编辑" :visible.sync="dialogFormVisible1" :close-on-click-modal="false">
|
||||
<el-form :model="form1">
|
||||
<el-form-item label="编辑种类" :label-width="formLabelWidth1">
|
||||
<el-input v-model="form1.kindName1" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogFormVisible1 = false">取 消</el-button>
|
||||
<el-button type="primary" @click="EditSubmit">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 分页功能 -->
|
||||
<div class="block">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="current_page"
|
||||
:page-sizes="[15, 50, 100]" :page-size="per_page" layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="Paginationdata.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
goods_types,
|
||||
Delgoods_types,
|
||||
Addgoods_types,
|
||||
editGoods_types,
|
||||
} from "../../api/rankingData";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
id: "", //每一项的id
|
||||
tableData: [],
|
||||
multipleSelection: [],
|
||||
dialogFormVisible: false,
|
||||
dialogFormVisible1: false,
|
||||
form: {
|
||||
kindName: "", //种类名
|
||||
},
|
||||
form1: {
|
||||
kindName1: "", //种类名
|
||||
},
|
||||
formLabelWidth: "120px",
|
||||
formLabelWidth1: "120px",
|
||||
newKind: [],
|
||||
Paginationdata: {}, //分页相关数据
|
||||
current_page: 1, //当前页
|
||||
per_page: 15, //每页显示数量
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getGoods_types();
|
||||
},
|
||||
methods: {
|
||||
// 复选框按钮
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
|
||||
//分页功能
|
||||
handleSizeChange(val) {
|
||||
//当前条数
|
||||
this.per_page = val;
|
||||
this.getGoods_types();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
//当前页
|
||||
this.current_page = val;
|
||||
this.getGoods_types();
|
||||
},
|
||||
// 新增
|
||||
handAdd() {
|
||||
this.form.kindName = "";
|
||||
this.dialogFormVisible = true;
|
||||
},
|
||||
// 确认新增
|
||||
addSubmit() {
|
||||
var string;
|
||||
string = this.form.kindName.replace(/\s/g, ",").split(",");
|
||||
Addgoods_types({
|
||||
names: string,
|
||||
}).then((res) => {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "添加成功",
|
||||
});
|
||||
this.getGoods_types();
|
||||
});
|
||||
this.dialogFormVisible = false;
|
||||
},
|
||||
// 编辑
|
||||
handEdit(id, item) {
|
||||
this.id = id;
|
||||
this.form1.kindName1 = item.name;
|
||||
this.dialogFormVisible1 = true;
|
||||
},
|
||||
// 编辑确定按钮
|
||||
EditSubmit() {
|
||||
editGoods_types(this.id, {
|
||||
name: this.form1.kindName1,
|
||||
}).then((res) => {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "编辑成功",
|
||||
});
|
||||
this.getGoods_types();
|
||||
});
|
||||
this.dialogFormVisible1 = false;
|
||||
},
|
||||
// 删除
|
||||
handdel(id) {
|
||||
this.$confirm("确定删除此条商品种类吗?", "确认删除", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
Delgoods_types(id).then((res) => {
|
||||
this.getGoods_types();
|
||||
});
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "删除成功!",
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: "info",
|
||||
message: "已取消删除",
|
||||
});
|
||||
});
|
||||
},
|
||||
// 获取列表
|
||||
getGoods_types() {
|
||||
let page = {
|
||||
page: this.current_page,
|
||||
per_page: this.per_page,
|
||||
};
|
||||
goods_types(page).then((res) => {
|
||||
this.tableData = res.data.data;
|
||||
this.Paginationdata = res.data.meta;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.conent {
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 200px);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 104px;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.el-button {
|
||||
width: 114px;
|
||||
height: 44px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin-top: 30px;
|
||||
}
|
||||
</style>
|
||||
@ -13,7 +13,9 @@
|
||||
<template slot="title">
|
||||
<span>{{ item.name }}</span>
|
||||
</template>
|
||||
<el-menu-item :index="items.code" :key="items.id" v-for="items in item.children">{{ items.name }}
|
||||
<el-menu-item :index="items.code" :key="items.id" v-for="items in item.children">{{
|
||||
items.name
|
||||
}}
|
||||
</el-menu-item>
|
||||
</el-submenu>
|
||||
</div>
|
||||
@ -30,7 +32,8 @@
|
||||
</div>
|
||||
<div class="right">
|
||||
<el-breadcrumb separator-class="el-icon-arrow-right">
|
||||
<el-breadcrumb-item v-for="(item, index) in titie" :key="index">{{ item.name }}</el-breadcrumb-item>
|
||||
<el-breadcrumb-item v-for="(item, index) in titie" :key="index">{{ item.name }}
|
||||
</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
</div>
|
||||
</li>
|
||||
@ -49,9 +52,9 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { removeToken } from "@/util/auth";
|
||||
import { getMenu } from "../api/menu.js";
|
||||
export default {
|
||||
import { removeToken } from "@/util/auth";
|
||||
import { getMenu } from "../api/menu.js";
|
||||
export default {
|
||||
mounted() {
|
||||
getMenu().then((res) => {
|
||||
this.menu = res.data.data;
|
||||
@ -181,10 +184,10 @@
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.table {
|
||||
.table {
|
||||
background-color: #fff;
|
||||
|
||||
ul {
|
||||
@ -241,76 +244,82 @@
|
||||
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.width {
|
||||
.width {
|
||||
transition: all 0.3s;
|
||||
opacity: 0;
|
||||
width: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.width1 {
|
||||
.width1 {
|
||||
transition: all 0.3s;
|
||||
opacity: 1;
|
||||
width: 200px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.el-container {
|
||||
.el-container {
|
||||
height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
.el-header {
|
||||
.el-header {
|
||||
background-color: #b3c0d1;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
.el-aside {
|
||||
background-color: #d3dce6;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.el-aside::-webkit-scrollbar {
|
||||
.el-aside::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
/*对垂直流动条有效*/
|
||||
}
|
||||
}
|
||||
|
||||
.el-aside::-webkit-scrollbar-thumb {
|
||||
.el-aside::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(144, 147, 153, 0.3);
|
||||
border-radius: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-main {
|
||||
.el-main {
|
||||
background-color: #f0f2f5;
|
||||
color: #333;
|
||||
padding: 0 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.el-main::-webkit-scrollbar {
|
||||
.el-main::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
/*对垂直流动条有效*/
|
||||
}
|
||||
}
|
||||
|
||||
.el-main::-webkit-scrollbar-thumb {
|
||||
.el-main::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(144, 147, 153, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.box-card {
|
||||
.box-card {
|
||||
background-color: #fff;
|
||||
min-height: calc(100vh - 200px);
|
||||
min-height: calc(100vh - 120px);
|
||||
margin: 10px;
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.add {
|
||||
.conent {
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 200px);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.add {
|
||||
cursor: pointer;
|
||||
font-size: 25px;
|
||||
color: #606266;
|
||||
}
|
||||
}
|
||||
|
||||
.head {
|
||||
.head {
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #f6f6f6;
|
||||
@ -333,33 +342,47 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
.el-aside {
|
||||
background: #282c34;
|
||||
box-shadow: 2px 0 6px rgb(0 21 41 / 35%);
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-menu {
|
||||
::v-deep .el-menu {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
// .el-menu-item {
|
||||
// margin: 0 20px 10px;
|
||||
// }
|
||||
.el-menu-item:hover {
|
||||
// .el-menu-item {
|
||||
// margin: 0 20px 10px;
|
||||
// }
|
||||
.el-menu-item:hover {
|
||||
outline: 0 !important;
|
||||
background: #5470c6 !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.el-menu-item.is-active {
|
||||
.el-menu-item.is-active {
|
||||
color: #fff !important;
|
||||
background: #5470c6 !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.el-menu-item-group__title {
|
||||
.el-menu-item-group__title {
|
||||
padding: 0 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.from-btn {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-content: center;
|
||||
}
|
||||
</style>
|
||||
@ -1,30 +1,33 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 筛选框 -->
|
||||
<el-card class="box-card">
|
||||
<div class="goods" style="margin: 20px">
|
||||
<el-card class="box-card" :body-style="{ padding: '20px 20px 0 20px' }">
|
||||
<el-form ref="form" :inline="true" :model="form">
|
||||
<el-form-item label="模块:" style="margin-right: 40px">
|
||||
<el-select v-model="form.module" clearable >
|
||||
<el-option v-for="item in mouduleOptions" :key="item.value" :label="item.label" :value="item.value">
|
||||
<el-select v-model="form.module" clearable>
|
||||
<el-option v-for="item in mouduleOptions" :key="item.value" :label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="操作:" style="margin-right: 40px">
|
||||
<el-select v-model="form.action" clearable>
|
||||
<el-option v-for="item in actionOptions" :key="item.value" :label="item.label" :value="item.value">
|
||||
<el-option v-for="item in actionOptions" :key="item.value" :label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="目标类型:" style="margin-right: 40px">
|
||||
<el-select v-model="form.target_type" clearable>
|
||||
<el-option v-for="item in target_ypeOptions" :key="item.value" :label="item.label" :value="item.value">
|
||||
<el-option v-for="item in target_ypeOptions" :key="item.value" :label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="类别:" style="margin-right: 40px">
|
||||
<el-select v-model="form.targetField" clearable>
|
||||
<el-option v-for="item in target_fieldOptions" :key="item.value" :label="item.label" :value="item.value">
|
||||
<el-option v-for="item in target_fieldOptions" :key="item.value" :label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@ -43,7 +46,6 @@
|
||||
<el-button type="primary" @click="query()">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<!-- 表格 -->
|
||||
@ -58,28 +60,28 @@
|
||||
<el-table-column label="操作前">
|
||||
<template slot-scope="scope">
|
||||
<div style="height:45px">
|
||||
{{scope.row.before_update}}
|
||||
{{ scope.row.before_update }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作后">
|
||||
<template slot-scope="scope">
|
||||
<div style="height:45px">
|
||||
{{scope.row.after_update}}
|
||||
{{ scope.row.after_update }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="信息" width="300">
|
||||
<template slot-scope="scope">
|
||||
<div style="overflow-x: hidden;white-space: nowrap;">
|
||||
{{scope.row.message}}
|
||||
{{ scope.row.message }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="user.name" label="操作人" width="120"></el-table-column>
|
||||
<el-table-column label="操作时间" width="100">
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.created_at}}</p>
|
||||
<p>{{ scope.row.created_at }}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -87,18 +89,18 @@
|
||||
|
||||
<!-- 分页功能 -->
|
||||
<div class="block">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="current_page"
|
||||
:page-sizes="[15, 50, 100]" :page-size="per_page" layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="Paginationdata.total">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page="current_page" :page-sizes="[15, 50, 100]" :page-size="per_page"
|
||||
layout="total, sizes, prev, pager, next, jumper" :total="Paginationdata.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { recordList } from "../../api/record";
|
||||
import { userList } from "../../api/user";
|
||||
export default {
|
||||
import { recordList } from "../../api/record";
|
||||
import { userList } from "../../api/user";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
target_fieldOptions: [
|
||||
@ -187,7 +189,7 @@
|
||||
label: "快团团增量下载订单",
|
||||
},
|
||||
], //类别
|
||||
mouduleOptions:[
|
||||
mouduleOptions: [
|
||||
{
|
||||
value: "menu",
|
||||
label: "菜单",
|
||||
@ -217,7 +219,7 @@
|
||||
label: "平台",
|
||||
},
|
||||
],//模块
|
||||
actionOptions:[
|
||||
actionOptions: [
|
||||
{
|
||||
value: "POST",
|
||||
label: "新增",
|
||||
@ -235,7 +237,7 @@
|
||||
label: "查看",
|
||||
},
|
||||
],//操作
|
||||
target_ypeOptions:[
|
||||
target_ypeOptions: [
|
||||
{
|
||||
value: "upload",
|
||||
label: "上传",
|
||||
@ -283,9 +285,9 @@
|
||||
],//目标类型
|
||||
userOptions: [], //查询用户列表
|
||||
form: {
|
||||
module:'',//模块 goods-商品(单个商品记录必传),'menu' => '菜单',file-文件,permission-权限,role-角色,user-用户,plat-平台
|
||||
action:'',//操作 POST-新增,PATCH-更新,DELETE-删除,'GET' => '查看',
|
||||
target_type:'',//目标类型 upload-上传,goods_sku商品规格,goods_brand-商品品牌,goods_type-商品种类,menu-菜单,permission-权限,role-角色,user-用户,kuaituantuan-快团团,miaoxuan-妙选,'goods' => '商品',
|
||||
module: '',//模块 goods-商品(单个商品记录必传),'menu' => '菜单',file-文件,permission-权限,role-角色,user-用户,plat-平台
|
||||
action: '',//操作 POST-新增,PATCH-更新,DELETE-删除,'GET' => '查看',
|
||||
target_type: '',//目标类型 upload-上传,goods_sku商品规格,goods_brand-商品品牌,goods_type-商品种类,menu-菜单,permission-权限,role-角色,user-用户,kuaituantuan-快团团,miaoxuan-妙选,'goods' => '商品',
|
||||
targetField: "",//影响字段
|
||||
userId: "",//操作人id(用户列表)
|
||||
},
|
||||
@ -323,13 +325,13 @@
|
||||
page: this.current_page,
|
||||
per_page: this.per_page,
|
||||
module: this.form.module,
|
||||
action:this.form.action,
|
||||
target_type:this.form.target_type,
|
||||
target_id: this.$route.query.id?this.$route.query.id:'',
|
||||
target_field: this.form.targetField?this.form.targetField:'',
|
||||
action: this.form.action,
|
||||
target_type: this.form.target_type,
|
||||
target_id: this.$route.query.id ? this.$route.query.id : '',
|
||||
target_field: this.form.targetField ? this.form.targetField : '',
|
||||
user_id: this.form.userId,
|
||||
start_time: this.value1[0]?this.value1[0]:'',
|
||||
end_time: this.value1[1]?this.value1[1]:'',
|
||||
start_time: this.value1[0] ? this.value1[0] : '',
|
||||
end_time: this.value1[1] ? this.value1[1] : '',
|
||||
};
|
||||
|
||||
recordList(queryData).then((res) => {
|
||||
@ -354,14 +356,15 @@
|
||||
this.getList();
|
||||
this.getUser();
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.block {
|
||||
<style lang="scss" scoped>
|
||||
.block {
|
||||
margin-top: 30px;
|
||||
}
|
||||
::v-deep .el-card__body {
|
||||
}
|
||||
|
||||
::v-deep .el-card__body {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,8 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 筛选框 -->
|
||||
<el-card class="box-card">
|
||||
<div class="goods" style="margin: 20px">
|
||||
<el-card :body-style="{ padding: '20px 20px 0 20px' }">
|
||||
<el-form ref="form" :inline="true" :model="form">
|
||||
<el-form-item label="查询类别：">
|
||||
<el-select v-model="form.targetField" placeholder="全部">
|
||||
@ -25,11 +24,10 @@
|
||||
<el-button type="primary" @click="query()">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-card style="margin-top: 30px" class="box-card">
|
||||
<el-card style="margin-top: 30px">
|
||||
<el-table :data="tableData" style="width: 100%" border>
|
||||
<el-table-column prop="id" label="序号" width="70"> </el-table-column>
|
||||
<el-table-column prop="created_at" label="时间" width="200">
|
||||
@ -47,18 +45,18 @@
|
||||
|
||||
<!-- 分页功能 -->
|
||||
<div class="block">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="current_page"
|
||||
:page-sizes="[15, 50, 100]" :page-size="per_page" layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="Paginationdata.total">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page="current_page" :page-sizes="[15, 50, 100]" :page-size="per_page"
|
||||
layout="total, sizes, prev, pager, next, jumper" :total="Paginationdata.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { userList } from "../../api/user";
|
||||
import { recordList } from "../../api/record";
|
||||
export default {
|
||||
import { userList } from "../../api/user";
|
||||
import { recordList } from "../../api/record";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
options: [
|
||||
@ -175,11 +173,5 @@
|
||||
this.getList();
|
||||
this.getUser();
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.block {
|
||||
margin-top: 30px;
|
||||
}
|
||||
</style>
|
||||
@ -1,9 +1,7 @@
|
||||
<template>
|
||||
<div class="conent">
|
||||
<!-- 新增按钮 -->
|
||||
<div class="btn">
|
||||
<el-button type="primary" @click="handAdd">新增</el-button>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<el-table :data="tableData" style="width: 100%">
|
||||
@ -13,8 +11,10 @@
|
||||
<el-table-column prop="plat_id" label="所属平台"></el-table-column>
|
||||
<el-table-column label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="danger" v-if="scope.row.status === '未授权'"><a :href="scope.row.authUrl" target="_blank"
|
||||
rel="noopener noreferrer"> 授 权 </a></el-button>
|
||||
<el-button type="danger" v-if="scope.row.status === '未授权'"><a :href="scope.row.authUrl"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"> 授 权 </a>
|
||||
</el-button>
|
||||
<div v-if="scope.row.status === '已授权'">
|
||||
<el-button type="success" :disabled="true">{{
|
||||
scope.row.status
|
||||
@ -22,7 +22,8 @@
|
||||
<el-button @click="download(scope.row)">下载商品</el-button>
|
||||
</div>
|
||||
<div v-if="scope.row.status === '重新授权'">
|
||||
<el-button type="danger" target="_blank"><a :href="scope.row.authUrl" rel="noopener noreferrer">重新授权</a>
|
||||
<el-button type="danger" target="_blank"><a :href="scope.row.authUrl"
|
||||
rel="noopener noreferrer">重新授权</a>
|
||||
</el-button>
|
||||
<el-button @click="download(scope.row)">下载商品</el-button>
|
||||
</div>
|
||||
@ -38,6 +39,14 @@
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<!-- 分页功能 -->
|
||||
<div class="block">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page="current_page" :page-sizes="[15, 50, 100]" :page-size="per_page"
|
||||
layout="total, sizes, prev, pager, next, jumper" :total="Paginationdata.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
|
||||
<!-- 新增店铺 -->
|
||||
<el-dialog title="新增店铺" :visible.sync="dialogFormVisible" :close-on-click-modal="false">
|
||||
<el-form :model="form">
|
||||
@ -56,20 +65,12 @@
|
||||
<el-button type="primary" @click="addSubmit">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 分页功能 -->
|
||||
<div class="block">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="current_page"
|
||||
:page-sizes="[15, 50, 100]" :page-size="per_page" layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="Paginationdata.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { shopListId, shopAdd, storeList, downloadGoods } from "../../api/shop";
|
||||
export default {
|
||||
import { shopListId, shopAdd, storeList, downloadGoods } from "../../api/shop";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogFormVisible: false,
|
||||
@ -149,40 +150,15 @@
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
a {
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.conent {
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 200px);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 104px;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.el-button {
|
||||
width: 114px;
|
||||
height: 44px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.block {
|
||||
}
|
||||
.block {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,10 +1,5 @@
|
||||
<template>
|
||||
<div class="conent">
|
||||
<!-- 新增按钮 -->
|
||||
<div class="btn">
|
||||
<el-button type="primary" @click="dialogVisible2 = true">新增</el-button>
|
||||
</div>
|
||||
|
||||
<!-- 点击新增弹出表单 -->
|
||||
<div class="from">
|
||||
<el-dialog title="新增角色" :visible.sync="dialogVisible2" width="30%" :close-on-click-modal="false">
|
||||
@ -22,7 +17,10 @@
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<!-- 角色表单 -->
|
||||
<!-- 新增按钮 -->
|
||||
<el-button type="primary" @click="dialogVisible2 = true">新增</el-button>
|
||||
|
||||
<!-- 角色列表 -->
|
||||
<div class="table">
|
||||
<el-table :data="tableList" style="width: 100%">
|
||||
<el-table-column prop="id" label="ID"> </el-table-column>
|
||||
@ -43,7 +41,8 @@
|
||||
<!-- 点击编辑弹出权限框 -->
|
||||
<el-dialog title="编辑权限" :visible.sync="dialogVisible" width="30%" :close-on-click-modal="false">
|
||||
<el-tree v-if="isShowtree" :data="Role_Permission" show-checkbox :default-expand-all="false" node-key="id"
|
||||
ref="tree" highlight-current :props="defaultProps" :default-checked-keys="chekedKeys" v-model="permissionIds">
|
||||
ref="tree" highlight-current :props="defaultProps" :default-checked-keys="chekedKeys"
|
||||
v-model="permissionIds">
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel()">取 消</el-button>
|
||||
@ -54,13 +53,13 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
import {
|
||||
roleList,
|
||||
roleAdd,
|
||||
jurisdiction,
|
||||
jurisdictionEdit,
|
||||
} from "../../api/role.js";
|
||||
export default {
|
||||
} from "../../api/role.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
id: "", //点击角色的id
|
||||
@ -153,37 +152,8 @@
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.conent {
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 200px);
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 104px;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.el-button {
|
||||
width: 114px;
|
||||
height: 44px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.from-btn {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-content: center;
|
||||
}
|
||||
</style>
|
||||
@ -1,9 +1,5 @@
|
||||
<template>
|
||||
<div class="conent">
|
||||
<!-- 新增按钮 -->
|
||||
<div class="btn">
|
||||
<el-button type="primary" @click="dialogVisible = true">新增</el-button>
|
||||
</div>
|
||||
|
||||
<!-- 点击新增弹出表单 -->
|
||||
<div class="from">
|
||||
@ -22,7 +18,8 @@
|
||||
<el-form-item label="角色">
|
||||
<template>
|
||||
<el-select v-model="value" placeholder="请选择">
|
||||
<el-option v-for="item in roleOptions" :key="item.value" :label="item.name" :value="item.name">
|
||||
<el-option v-for="item in roleOptions" :key="item.value" :label="item.name"
|
||||
:value="item.name">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
@ -53,7 +50,8 @@
|
||||
<el-form-item label="角色">
|
||||
<template>
|
||||
<el-select v-model="edit_from.role_name" placeholder="请选择">
|
||||
<el-option v-for="item in roleOptions" :key="item.value" :label="item.name" :value="item.name">
|
||||
<el-option v-for="item in roleOptions" :key="item.value" :label="item.name"
|
||||
:value="item.name">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
@ -73,6 +71,9 @@
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<!-- 新增按钮 -->
|
||||
<el-button type="primary" @click="dialogVisible = true">新增</el-button>
|
||||
|
||||
<!-- 用户列表 -->
|
||||
<div class="table">
|
||||
<template>
|
||||
@ -96,23 +97,23 @@
|
||||
|
||||
<!-- 分页功能 -->
|
||||
<div class="block">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="current_page"
|
||||
:page-sizes="[15, 50, 100]" :page-size="per_page" layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="Paginationdata.total">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page="current_page" :page-sizes="[15, 50, 100]" :page-size="per_page"
|
||||
layout="total, sizes, prev, pager, next, jumper" :total="Paginationdata.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
import {
|
||||
userList,
|
||||
userAdd,
|
||||
userEdit,
|
||||
userConfirm,
|
||||
roleList,
|
||||
} from "../../api/user";
|
||||
export default {
|
||||
} from "../../api/user";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
id: "",
|
||||
@ -222,41 +223,11 @@
|
||||
this.getList();
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.conent {
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 200px);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 104px;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.el-button {
|
||||
width: 114px;
|
||||
height: 44px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.from-btn {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.block {
|
||||
.block {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
x
Reference in New Issue
Block a user