Commit 4c84831b authored by 黄奎's avatar 黄奎

页面修改

parent 7d300bd0
......@@ -2,19 +2,9 @@
<div class="brandManagement">
<div class="el-card__header">
<span>品牌列表</span>
<div
style="display: flex; flex-direction: row; align-items: center"
v-if="!readonly"
>
<el-button type="primary" class="el-button--small" @click="addTopic"
>新增</el-button
>
<el-button
class="el-button--small"
@click="dialogVisible = true"
style="float: right"
type="primary"
>批量导出
<div style="display: flex; flex-direction: row; align-items: center" v-if="!readonly">
<el-button type="primary" class="el-button--small" @click="addTopic">新增</el-button>
<el-button class="el-button--small" @click="dialogVisible = true" style="float: right" type="primary">批量导出
</el-button>
</div>
</div>
......@@ -22,89 +12,42 @@
<div style="display: flex; flex-direction: row; align-items: center">
<div class="block">
<span style="margin-left: 10px">品牌名</span>
<el-input
@keyup.enter.native="(msg.pageIndex = 1), getList()"
@clear="(msg.pageIndex = 1), getList()"
style="display: inline-block; width: 225px; height: 30px"
placeholder="请输入品牌名"
v-model="msg.BrandName"
size="small"
clearable
>
<el-input @keyup.enter.native="(msg.pageIndex = 1), getList()" @clear="(msg.pageIndex = 1), getList()"
style="display: inline-block; width: 225px; height: 30px" placeholder="请输入品牌名" v-model="msg.BrandName"
size="small" clearable>
</el-input>
<span style="margin-left: 10px">商铺性质</span>
<el-select
class="w100"
@change="(msg.pageIndex = 1), getList()"
style="margin-left: 10px"
v-model="msg.ProjectType"
size="small"
placeholder="请选择商铺性质"
>
<el-select class="w100" @change="(msg.pageIndex = 1), getList()" style="margin-left: 10px"
v-model="msg.ProjectType" size="small" placeholder="请选择商铺性质">
<el-option label="不限" :value="0"></el-option>
<el-option
:label="x.Name"
:value="x.Id"
v-for="(x, y) in ProjectTypeList"
:key="y"
></el-option>
<el-option :label="x.Name" :value="x.Id" v-for="(x, y) in ProjectTypeList" :key="y"></el-option>
</el-select>
<span style="margin-left: 10px">品牌分类</span>
<el-select
class="w100"
@change="(msg.pageIndex = 1), getList()"
style="margin-left: 10px"
v-model="msg.BrandClassId"
size="small"
placeholder="请选择"
>
<el-select class="w100" @change="(msg.pageIndex = 1), getList()" style="margin-left: 10px"
v-model="msg.BrandClassId" size="small" placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option
:label="x.ClassName"
:value="x.ID"
v-for="(x, y) in BrandClassList"
:key="y"
></el-option>
<el-option :label="x.ClassName" :value="x.ID" v-for="(x, y) in BrandClassList" :key="y"></el-option>
</el-select>
<span style="margin-left: 10px">认证用户</span>
<el-select
size="small"
v-model="msg.UserId"
:filter-method="ChangeListName"
filterable
@change="(msg.pageIndex = 1), getList()"
placeholder="请选择"
>
<el-select size="small" v-model="msg.UserId" :filter-method="ChangeListName" filterable
@change="(msg.pageIndex = 1), getList()" placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option
v-for="item in userList"
:key="item.Id"
:label="item.Name"
:value="item.Id"
>
<el-option v-for="item in userList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</div>
</div>
<div
style="
<div style="
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
"
>
">
<div class="block" style="margin-top: 15px; margin-left: 10px">
<span>上下水</span>
<el-select
class="w100"
@change="(msg.pageIndex = 1), getList()"
style="margin-left: 5px"
v-model="msg.Plumbing"
size="small"
placeholder="请选择"
>
<el-select class="w100" @change="(msg.pageIndex = 1), getList()" style="margin-left: 5px"
v-model="msg.Plumbing" size="small" placeholder="请选择">
<el-option label="不限" :value="-1"></el-option>
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="0"></el-option>
......@@ -112,14 +55,8 @@
</div>
<div class="block" style="margin-top: 15px; margin-left: 10px">
<span>管径</span>
<el-select
class="w100"
@change="(msg.pageIndex = 1), getList()"
style="margin-left: 5px"
v-model="msg.Caliber"
size="small"
placeholder="请选择"
>
<el-select class="w100" @change="(msg.pageIndex = 1), getList()" style="margin-left: 5px"
v-model="msg.Caliber" size="small" placeholder="请选择">
<el-option label="不限" :value="-1"></el-option>
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="0"></el-option>
......@@ -127,14 +64,8 @@
</div>
<div class="block" style="margin-top: 15px; margin-left: 10px">
<span>排污</span>
<el-select
class="w100"
@change="(msg.pageIndex = 1), getList()"
style="margin-left: 5px"
v-model="msg.Sewage"
size="small"
placeholder="请选择"
>
<el-select class="w100" @change="(msg.pageIndex = 1), getList()" style="margin-left: 5px" v-model="msg.Sewage"
size="small" placeholder="请选择">
<el-option label="不限" :value="-1"></el-option>
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="0"></el-option>
......@@ -142,14 +73,8 @@
</div>
<div class="block" style="margin-top: 15px; margin-left: 10px">
<span>燃气</span>
<el-select
class="w100"
@change="(msg.pageIndex = 1), getList()"
style="margin-left: 5px"
v-model="msg.RanQi"
size="small"
placeholder="请选择"
>
<el-select class="w100" @change="(msg.pageIndex = 1), getList()" style="margin-left: 5px" v-model="msg.RanQi"
size="small" placeholder="请选择">
<el-option label="不限" :value="-1"></el-option>
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="0"></el-option>
......@@ -157,14 +82,8 @@
</div>
<div class="block" style="margin-top: 15px; margin-left: 10px">
<span>排烟量</span>
<el-select
class="w100"
@change="(msg.pageIndex = 1), getList()"
style="margin-left: 5px"
v-model="msg.PaiYan"
size="small"
placeholder="请选择"
>
<el-select class="w100" @change="(msg.pageIndex = 1), getList()" style="margin-left: 5px" v-model="msg.PaiYan"
size="small" placeholder="请选择">
<el-option label="不限" :value="-1"></el-option>
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="0"></el-option>
......@@ -172,14 +91,8 @@
</div>
<div class="block" style="margin-top: 15px; margin-left: 10px">
<span>空调</span>
<el-select
class="w100"
@change="(msg.pageIndex = 1), getList()"
style="margin-left: 5px"
v-model="msg.KongTiao"
size="small"
placeholder="请选择"
>
<el-select class="w100" @change="(msg.pageIndex = 1), getList()" style="margin-left: 5px"
v-model="msg.KongTiao" size="small" placeholder="请选择">
<el-option label="不限" :value="-1"></el-option>
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="0"></el-option>
......@@ -187,14 +100,8 @@
</div>
<div class="block" style="margin-top: 15px; margin-left: 10px">
<span>新风</span>
<el-select
class="w100"
@change="(msg.pageIndex = 1), getList()"
style="margin-left: 5px"
v-model="msg.XinFeng"
size="small"
placeholder="请选择"
>
<el-select class="w100" @change="(msg.pageIndex = 1), getList()" style="margin-left: 5px"
v-model="msg.XinFeng" size="small" placeholder="请选择">
<el-option label="不限" :value="-1"></el-option>
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="0"></el-option>
......@@ -202,29 +109,18 @@
</div>
<div class="block" style="margin-top: 15px; margin-left: 10px">
<span>成都落地</span>
<el-select
class="w100"
@change="(msg.pageIndex = 1), getList()"
style="margin-left: 5px"
v-model="msg.IsInChengdu"
size="small"
placeholder="请选择"
>
<el-select class="w100" @change="(msg.pageIndex = 1), getList()" style="margin-left: 5px"
v-model="msg.IsInChengdu" size="small" placeholder="请选择">
<el-option label="不限" :value="-1"></el-option>
<el-option label="是" :value="1"></el-option>
<!-- <el-option label="否" :value="0"></el-option> -->
</el-select>
</div>
</div>
</div>
<div style="padding: 20px; background: #fff">
<el-table
:data="dataList"
header-cell-class-name="headClass"
style="width: 100%"
border
>
<el-table :data="dataList" header-cell-class-name="headClass" style="width: 100%" border>
<el-table-column prop="Id" label="ID" width="100">
<template slot-scope="scope">
<span @click="goRecruit(scope.row.ID)">{{ scope.row.ID }}</span>
......@@ -235,12 +131,8 @@
<el-table-column prop="BrandName" label="品牌"> </el-table-column>
<el-table-column prop="Logo" label="Logo" width="100">
<template slot-scope="scope">
<el-image
v-if="scope.row.Logo"
:src="scope.row.Logo"
style="width: 50px"
:preview-src-list="scope.row.LogoList"
>
<el-image v-if="scope.row.Logo" :src="scope.row.Logo" style="width: 50px"
:preview-src-list="scope.row.LogoList">
</el-image>
</template>
</el-table-column>
......@@ -248,10 +140,8 @@
</el-table-column>
<el-table-column prop="BuiltUpArea" label="建筑面积" width="200">
<template slot-scope="scope">
<span
>{{ scope.row.BuiltUpArea }}
{{ scope.row.EndBuiltUpArea }}</span
>
<span>{{ scope.row.BuiltUpArea }}
{{ scope.row.EndBuiltUpArea }}</span>
</template>
</el-table-column>
<el-table-column prop="ProjectName" label="商铺性质" width="150">
......@@ -260,330 +150,321 @@
</el-table-column>
<el-table-column prop="CustomerType" label="客群定位" width="160">
</el-table-column>
<el-table-column
prop="UserName"
width="100"
label="认证用户"
></el-table-column>
<el-table-column prop="UserName" width="100" label="认证用户"></el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope" v-if="!readonly">
<el-tooltip
class="item"
effect="dark"
content="编辑"
placement="top"
>
<img
src="../../assets/img/setup/edit.png"
alt=""
class="imgstyle"
@click="Edit(scope.row)"
/>
<el-tooltip class="item" effect="dark" content="编辑" placement="top">
<img src="../../assets/img/setup/edit.png" alt="" class="imgstyle" @click="Edit(scope.row)" />
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="删除"
placement="top"
>
<img
src="../../assets/img/setup/del.png"
alt=""
class="imgstyle"
@click="delete_b(scope.row)"
/>
<el-tooltip class="item" effect="dark" content="删除" placement="top">
<img src="../../assets/img/setup/del.png" alt="" class="imgstyle" @click="delete_b(scope.row)" />
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination
style="text-align: right"
background
@current-change="handleCurrentChange"
:page-size="msg.pageSize"
layout="total, prev, pager, next"
:current-page.sync="msg.pageIndex"
:total="pageCount"
>
<el-pagination style="text-align: right" background @current-change="handleCurrentChange"
:page-size="msg.pageSize" layout="total, prev, pager, next" :current-page.sync="msg.pageIndex"
:total="pageCount">
</el-pagination>
</div>
<!-- 选择导出信息 -->
<el-dialog title="选择导出信息" :visible.sync="dialogVisible" width="960px">
<el-form
style="border: 1px solid #f0f2f7"
:model="addMsg"
ref="addMsg"
label-width="100px"
>
<div
style="
<div v-loading="downLoadLoading" :element-loading-text="loadingText">
<el-form style="border: 1px solid #f0f2f7" :model="addMsg" ref="addMsg" label-width="100px">
<div style="
box-sizing: border-box;
background-color: #f3f5f6;
width: 100%;
padding-left: 20px;
height: 50px;
line-height: 50px;
"
>
<el-checkbox
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange"
>全选
</el-checkbox>
</div>
<div style="margin: 15px 0"></div>
<div style="padding: 10px 25px 20px">
<el-checkbox-group
v-model="checkedCities"
@change="handleCheckedCitiesChange"
>
<el-checkbox
style="margin-bottom: 10px; width: 135px"
v-for="city in cities"
:label="city.Id"
:key="city.Name"
>
{{ city.Name }}</el-checkbox
>
</el-checkbox-group>
">
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选
</el-checkbox>
</div>
<div style="margin: 15px 0"></div>
<div style="padding: 10px 25px 20px">
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
<el-checkbox style="margin-bottom: 10px; width: 135px" v-for="city in cities" :label="city.Id"
:key="city.Name">
{{ city.Name }}</el-checkbox>
</el-checkbox-group>
</div>
</el-form>
<div style="text-align: right; margin-top: 20px">
<el-button size="small" type="primary" @click="Export">导出</el-button>
</div>
</el-form>
<div style="text-align: right; margin-top: 20px">
<el-button size="small" type="primary" @click="Export">导出</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
name: "brandManagement",
data() {
return {
msg: {
pageIndex: 1,
pageSize: 20,
BrandName: "", //品牌名
ProjectType: 0, //商铺性质
Plumbing: -1, //上下水(0-否1-有)
Caliber: -1, //管径(0-否1-有)
Sewage: -1, //排污(0-否1-有)
RanQi: -1, //燃气(0-否1-有)
DianLiang: "", //电量(0-否1-有)
PaiYan: -1, //排烟量(0-否1-有)
KongTiao: -1, //空调(0-否1-有)
XinFeng: -1, //新风(0-否1-有)
IsInChengdu:-1,//成都落地
BrandClassId: 0, //分类
ExcelEnumIds: [],
UserId: 0, //用户认证
PrizeId: 0,
},
usermsg: {
pageIndex: 1,
pageSize: 20,
Name: "",
Source: 0,
MemberGrade: 0,
Id: 0,
Moblie: "",
},
userList: [],
addMsg: {},
dialogVisible: false,
dataList: [],
checkAll: false,
checkedCities: [],
cities: [],
cityOptions: [],
isIndeterminate: false,
pageCount: 0,
loading: false,
BrandClassList: [], //品牌分类列表
ProjectTypeList: [], //商铺性质列表
readonly: false,
};
},
created() {
if (this.$route.query && this.$route.query.UserId) {
this.msg.UserId = Number(this.$route.query.UserId);
this.usermsg.Id = Number(this.$route.query.UserId);
this.getuserList(1);
} else {
this.getuserList();
}
this.getBrandClassList();
this.getProjectType();
this.getDown();
},
mounted() {
if (this.$route.query && this.$route.query.readonly) {
this.readonly = this.$route.query.readonly;
}
if (this.$route.query && this.$route.query.PrizeId) {
this.msg.PrizeId = this.$route.query.PrizeId;
}
this.getList();
},
methods: {
ChangeListName(val) {
this.usermsg.Name = val;
this.getuserList();
},
getuserList(type = 0) {
this.apipost(
"/api/user/GetMemberUserDropDownList",
this.usermsg,
(res) => {
if (res.data.resultCode == 1) {
let pageData = res.data.data.pageData;
this.userList = pageData;
if (type == 1) {
this.usermsg.Id = 0;
}
}
}
);
import {
setInterval,
clearInterval
} from 'timers';
export default {
name: "brandManagement",
data() {
return {
msg: {
pageIndex: 1,
pageSize: 20,
BrandName: "", //品牌名
ProjectType: 0, //商铺性质
Plumbing: -1, //上下水(0-否1-有)
Caliber: -1, //管径(0-否1-有)
Sewage: -1, //排污(0-否1-有)
RanQi: -1, //燃气(0-否1-有)
DianLiang: "", //电量(0-否1-有)
PaiYan: -1, //排烟量(0-否1-有)
KongTiao: -1, //空调(0-否1-有)
XinFeng: -1, //新风(0-否1-有)
IsInChengdu: -1, //成都落地
BrandClassId: 0, //分类
ExcelEnumIds: [],
UserId: 0, //用户认证
PrizeId: 0,
},
usermsg: {
pageIndex: 1,
pageSize: 20,
Name: "",
Source: 0,
MemberGrade: 0,
Id: 0,
Moblie: "",
},
userList: [],
addMsg: {},
dialogVisible: false,
dataList: [],
checkAll: false,
checkedCities: [],
cities: [],
cityOptions: [],
isIndeterminate: false,
pageCount: 0,
loading: false,
BrandClassList: [], //品牌分类列表
ProjectTypeList: [], //商铺性质列表
readonly: false,
downLoadLoading: false, //导出Loading
download_timer: null, //下载文件timer
loadingText: "", //下载文件提示名称
};
},
Export() {
this.msg.ExcelEnumIds = this.checkedCities;
let msg = JSON.parse(JSON.stringify(this.msg));
if (!msg.Id || msg.Id == "") {
msg.Id = 0;
created() {
if (this.$route.query && this.$route.query.UserId) {
this.msg.UserId = Number(this.$route.query.UserId);
this.usermsg.Id = Number(this.$route.query.UserId);
this.getuserList(1);
} else {
this.getuserList();
}
this.GetLocalFile(
"/api/Trade/GetBrandListToExcel",
msg,
"品牌信息.xls",
null,
() => {
this.checkedCities = [];
}
);
},
getDown() {
this.cityOptions = [];
this.apipost("/api/Trade/GetBusinessExportEnumList", {}, (res) => {
this.cities = res.data.data;
let data = res.data.data;
data.forEach((item) => {
this.cityOptions.push(item.Id);
});
});
},
//获取商铺性质
getProjectType() {
this.apipost("/api/Trade/GetProjectTypeEnumList", {}, (res) => {
if (res.data.resultCode == 1) {
this.ProjectTypeList = res.data.data;
} else {
this.Error(res.data.message);
}
});
},
handleCheckAllChange(val) {
this.checkedCities = val ? this.cityOptions : [];
this.isIndeterminate = false;
this.getBrandClassList();
this.getProjectType();
this.getDown();
},
handleCheckedCitiesChange(value) {
let checkedCount = value.length;
this.checkAll = checkedCount === this.cities.length;
this.isIndeterminate =
checkedCount > 0 && checkedCount < this.cities.length;
},
getList() {
this.apipost("/api/Trade/GetBrandPageList", this.msg, (res) => {
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.pageCount = res.data.data.count;
this.dataList.forEach((x) => {
x.LogoList = [];
x.LogoList.push(x.Logo);
});
} else {
this.Error(res.data.message);
}
});
},
getBrandClassList() {
this.apipost("/api/Trade/GetBrandClassList", {}, (res) => {
if (res.data.resultCode == 1) {
this.BrandClassList = res.data.data;
} else {
this.Error(res.data.message);
}
});
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
mounted() {
if (this.$route.query && this.$route.query.readonly) {
this.readonly = this.$route.query.readonly;
}
if (this.$route.query && this.$route.query.PrizeId) {
this.msg.PrizeId = this.$route.query.PrizeId;
}
this.getList();
},
//新增品牌
addTopic() {
this.$router.push("/addbrand");
},
//删除品牌
delete_b(row) {
let that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"/api/Trade/RemoveBrand",
{
Id: row.ID,
},
methods: {
ChangeListName(val) {
this.usermsg.Name = val;
this.getuserList();
},
getuserList(type = 0) {
this.apipost(
"/api/user/GetMemberUserDropDownList",
this.usermsg,
(res) => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
let pageData = res.data.data.pageData;
this.userList = pageData;
if (type == 1) {
this.usermsg.Id = 0;
}
}
}
);
});
},
//编辑数据
Edit(row) {
this.$router.push({
name: "addbrand",
query: {
ID: row.ID,
blank: "y",
},
});
},
//切换
changeSwitch(item) {
let msg = {
Id: item.Id,
IsOpen: item.IsOpen,
};
this.apipost("/api/Education/UpdateEducationTalkShow", msg, (res) => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.getList();
},
//批量导出
Export() {
this.msg.ExcelEnumIds = this.checkedCities;
let msg = JSON.parse(JSON.stringify(this.msg));
if (!msg.Id || msg.Id == "") {
msg.Id = 0;
}
});
this.checkedCities = [];
this.downLoadLoading = true;
this.loadingText = "正在下载品牌文件,请勿关闭或刷新页面...";
var that = this;
this.download_timer = setInterval(function () {
that.checkFile(msg)
}, 2000);
},
checkFile(msg) {
var that = this;
this.apipost(
"/api/Trade/CheckBrandFile",
msg,
(res) => {
if (res.data.resultCode == 1) {
clearInterval(this.download_timer);
this.loadingText = "正在下载品牌文件,请勿关闭或刷新页面...";;
var filepath = res.data.data;
var key = res.data.message;
var params = {
fileUrl: filepath
}
var deleteparams = {
key: key
};
that.GetLocalFile(
"/api/Trade/GetFile", params, "品牌信息.xls", null,
() => {
that.downLoadLoading = false;
that.loadingText = "";
that.apipost("/api/Trade/DeleteKey", deleteparams, (res) => {
})
}
);
}
}
);
},
getDown() {
this.cityOptions = [];
this.apipost("/api/Trade/GetBusinessExportEnumList", {}, (res) => {
this.cities = res.data.data;
let data = res.data.data;
data.forEach((item) => {
this.cityOptions.push(item.Id);
});
});
},
//获取商铺性质
getProjectType() {
this.apipost("/api/Trade/GetProjectTypeEnumList", {}, (res) => {
if (res.data.resultCode == 1) {
this.ProjectTypeList = res.data.data;
} else {
this.Error(res.data.message);
}
});
},
handleCheckAllChange(val) {
this.checkedCities = val ? this.cityOptions : [];
this.isIndeterminate = false;
},
handleCheckedCitiesChange(value) {
let checkedCount = value.length;
this.checkAll = checkedCount === this.cities.length;
this.isIndeterminate =
checkedCount > 0 && checkedCount < this.cities.length;
},
getList() {
this.apipost("/api/Trade/GetBrandPageList", this.msg, (res) => {
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.pageCount = res.data.data.count;
this.dataList.forEach((x) => {
x.LogoList = [];
x.LogoList.push(x.Logo);
});
} else {
this.Error(res.data.message);
}
});
},
getBrandClassList() {
this.apipost("/api/Trade/GetBrandClassList", {}, (res) => {
if (res.data.resultCode == 1) {
this.BrandClassList = res.data.data;
} else {
this.Error(res.data.message);
}
});
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
//新增品牌
addTopic() {
this.$router.push("/addbrand");
},
//删除品牌
delete_b(row) {
let that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"/api/Trade/RemoveBrand", {
Id: row.ID,
},
(res) => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
}
}
);
});
},
//编辑数据
Edit(row) {
this.$router.push({
name: "addbrand",
query: {
ID: row.ID,
blank: "y",
},
});
},
//切换
changeSwitch(item) {
let msg = {
Id: item.Id,
IsOpen: item.IsOpen,
};
this.apipost("/api/Education/UpdateEducationTalkShow", msg, (res) => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.getList();
}
});
},
},
},
};
};
</script>
<style>
.brandManagement .el-card__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: #fff;
}
.brandManagement .el-card__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: #fff;
}
.brandManagement .content {
background: #fff;
margin-top: 10px;
padding: 15px;
box-sizing: border-box;
}
.brandManagement .content {
background: #fff;
margin-top: 10px;
padding: 15px;
box-sizing: border-box;
}
</style>
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