发布进行中，添加门店弹窗中
Sigo
4 years ago
parent
2ab4982b9a
commit
37ab37774a
@ -0,0 +1,64 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag title="适用门店" :visible.sync="dialogVisible" width="600px">
|
||||
<el-table :data="list" max-height="600" v-loading="listLoading" :element-loading-text="elementLoadingText" @select="handleSelect" @row-click="handleSelect" @row-dblclick="confirm">
|
||||
<el-table-column align="center" width="60" type="selection"></el-table-column>
|
||||
<el-table-column align="center" width="100" prop="storeNum" label="门店编码"></el-table-column>
|
||||
<el-table-column align="center" min-width="120" prop="storeName" label="门店名称"></el-table-column>
|
||||
</el-table>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="close">取 消</el-button>
|
||||
<el-button size="mini" type="primary" @click="confirm">确 定
|
||||
</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { organizations } from "@/api/storeManage.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 表格
|
||||
list: [],
|
||||
listLoading: false,
|
||||
elementLoadingText: '正在加载...',
|
||||
// 其它
|
||||
mulSelect: [],
|
||||
dialogVisible: true,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.fetchData()
|
||||
},
|
||||
methods: {
|
||||
// ======================== 弹窗 ======================== //
|
||||
// 打开
|
||||
show(list) {
|
||||
this.dialogVisible = true
|
||||
this.fetchData()
|
||||
},
|
||||
close() {
|
||||
this.list = Array.from([]);
|
||||
this.mulSelect = Array.from([]);
|
||||
this.dialogVisible = false
|
||||
},
|
||||
// ======================== 查询 ======================== //
|
||||
async fetchData() {
|
||||
organizations().then((res) => {
|
||||
console.log('res', res);
|
||||
})
|
||||
},
|
||||
// ======================== 其它 ======================== //
|
||||
handleSelect(row) {
|
||||
console.log('row', row);
|
||||
},
|
||||
// 确定
|
||||
confirm() {
|
||||
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1 @@
|
||||
|
||||
@ -1,187 +1,187 @@
|
||||
/* 主题样式 */
|
||||
|
||||
.el-aside {
|
||||
/* background: #f78989; */
|
||||
/* background: linear-gradient(#f78989, #d69c9c); */
|
||||
/* background-color: #1873d4; */
|
||||
background: linear-gradient(#51a5ff, #1873d4);
|
||||
|
||||
/* 随着.el-menu-item background:rgb(247, 137, 137) !important;一起变 */
|
||||
/* background: rgb(247, 137, 137); */
|
||||
height: 100%;
|
||||
font-family: "幼圆";
|
||||
font-weight: 700;
|
||||
color: rgb(207, 207, 207) !important;
|
||||
|
||||
}
|
||||
|
||||
.collapse:hover {
|
||||
/* 收缩菜单按钮样式 */
|
||||
/* background: #fc9ca7; */
|
||||
background-color: linear-gradient(#fc3b3b, #2375f0);
|
||||
box-shadow: #51a5ff 10px 10px 8px;
|
||||
}
|
||||
|
||||
/* 菜单 */
|
||||
.el-submenu .el-menu-item {
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
/* 图标 */
|
||||
.el-submenu [class^=el-icon-] {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* 一级菜单字体 */
|
||||
.el-submenu__title span {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.el-menu-item,
|
||||
.el-submenu__title {
|
||||
/* 一级菜单 */
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
/* 二级菜单字体 */
|
||||
.el-menu-item {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
.el-menu-vertical-demo {
|
||||
/*菜单列表样式*/
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.el-menu-item.is-active {
|
||||
/* background-color: #fc7483 !important; */
|
||||
/* 右边菜单样式 */
|
||||
/* background-color: linear-gradient(#f78989, #f78989); */
|
||||
/* background-color: #1873d4; */
|
||||
/* background: linear-gradient(#1873d4, #51a5ff); */
|
||||
color: rgb(207, 207, 207) !important;
|
||||
}
|
||||
|
||||
.el-menu-item:focus {
|
||||
background-color: none !important;
|
||||
}
|
||||
|
||||
.el-menu {
|
||||
/* 右边菜单样式 */
|
||||
/* background: linear-gradient(#f78989, #fdb3b3); */
|
||||
/* background-color: #1873d4; */
|
||||
background: linear-gradient(#1873d4, #51a5ff);
|
||||
|
||||
}
|
||||
|
||||
.el-submenu .is-active {
|
||||
/* 菜单栏选中样式 */
|
||||
min-width: 64px;
|
||||
border: none;
|
||||
/* background: #f0eeef; */
|
||||
/* background: linear-gradient(#f78989, #a1c5fc); */
|
||||
background: linear-gradient(#5aa7fa, #116cce) !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.el-submenu__title:hover,
|
||||
.el-menu-item:hover {
|
||||
/* 菜单鼠标覆盖样式 */
|
||||
/* background: linear-gradient(#f78989, #a1c5fc) !important; */
|
||||
background: linear-gradient(#5aa7fa, #116cce) !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
/* 主题样式 */
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
/* background: linear-gradient(#ffffff, #f9f9f9); */
|
||||
background-color: #5e9af5;
|
||||
}
|
||||
|
||||
.el-header {
|
||||
/* 头部样式 */
|
||||
/* background: linear-gradient(#fda1a1, #fd7b7b); */
|
||||
/* background-color: #1873d4; */
|
||||
background: linear-gradient(#6cb3ff, #1873d4);
|
||||
|
||||
border-top: 2px solid linear-gradient(#f78989, #5e9af5);
|
||||
width: 100%;
|
||||
z-index: 98;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* 面包屑导航样式 */
|
||||
|
||||
|
||||
/* ------------------- */
|
||||
|
||||
|
||||
/* ------------------- */
|
||||
|
||||
|
||||
/* 搜索 */
|
||||
|
||||
|
||||
/* .el-form-item label:after {
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.el-form-item__label {
|
||||
text-align: justify
|
||||
}
|
||||
.el-form-item.is-required .el-form-item__label:before {
|
||||
content: none !important;
|
||||
} */
|
||||
.el-radio__input.is-checked .el-radio__inner {
|
||||
border-color: #f78989;
|
||||
background: #f78989;
|
||||
}
|
||||
|
||||
.el-radio__input.is-checked+.el-radio__label {
|
||||
color: #f78989;
|
||||
}
|
||||
|
||||
.max-height-60 {
|
||||
max-height: 60vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-55 {
|
||||
max-height: 55vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-50 {
|
||||
max-height: 50vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-45 {
|
||||
max-height: 45vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-40 {
|
||||
max-height: 40vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-65 {
|
||||
max-height: 65vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-35 {
|
||||
max-height: 35vh;
|
||||
overflow: auto;
|
||||
}
|
||||
/* 主题样式 */
|
||||
|
||||
.el-aside {
|
||||
/* background: #f78989; */
|
||||
/* background: linear-gradient(#f78989, #d69c9c); */
|
||||
/* background-color: #1873d4; */
|
||||
background: linear-gradient(#51a5ff, #1873d4);
|
||||
|
||||
/* 随着.el-menu-item background:rgb(247, 137, 137) !important;一起变 */
|
||||
/* background: rgb(247, 137, 137); */
|
||||
height: 100%;
|
||||
font-family: "幼圆";
|
||||
font-weight: 700;
|
||||
color: rgb(207, 207, 207) !important;
|
||||
|
||||
}
|
||||
|
||||
.collapse:hover {
|
||||
/* 收缩菜单按钮样式 */
|
||||
/* background: #fc9ca7; */
|
||||
background-color: linear-gradient(#fc3b3b, #2375f0);
|
||||
box-shadow: #51a5ff 10px 10px 8px;
|
||||
}
|
||||
|
||||
/* 菜单 */
|
||||
.el-submenu .el-menu-item {
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
/* 图标 */
|
||||
.el-submenu [class^=el-icon-] {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* 一级菜单字体 */
|
||||
.el-submenu__title span {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.el-menu-item,
|
||||
.el-submenu__title {
|
||||
/* 一级菜单 */
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
/* 二级菜单字体 */
|
||||
.el-menu-item {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
.el-menu-vertical-demo {
|
||||
/*菜单列表样式*/
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.el-menu-item.is-active {
|
||||
/* background-color: #fc7483 !important; */
|
||||
/* 右边菜单样式 */
|
||||
/* background-color: linear-gradient(#f78989, #f78989); */
|
||||
/* background-color: #1873d4; */
|
||||
/* background: linear-gradient(#1873d4, #51a5ff); */
|
||||
color: rgb(207, 207, 207) !important;
|
||||
}
|
||||
|
||||
.el-menu-item:focus {
|
||||
background-color: none !important;
|
||||
}
|
||||
|
||||
.el-menu {
|
||||
/* 右边菜单样式 */
|
||||
/* background: linear-gradient(#f78989, #fdb3b3); */
|
||||
/* background-color: #1873d4; */
|
||||
background: linear-gradient(#1873d4, #51a5ff);
|
||||
|
||||
}
|
||||
|
||||
.el-submenu .is-active {
|
||||
/* 菜单栏选中样式 */
|
||||
min-width: 64px;
|
||||
border: none;
|
||||
/* background: #f0eeef; */
|
||||
/* background: linear-gradient(#f78989, #a1c5fc); */
|
||||
background: linear-gradient(#5aa7fa, #116cce) !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.el-submenu__title:hover,
|
||||
.el-menu-item:hover {
|
||||
/* 菜单鼠标覆盖样式 */
|
||||
/* background: linear-gradient(#f78989, #a1c5fc) !important; */
|
||||
background: linear-gradient(#5aa7fa, #116cce) !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
/* 主题样式 */
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
/* background: linear-gradient(#ffffff, #f9f9f9); */
|
||||
background-color: #5e9af5;
|
||||
}
|
||||
|
||||
.el-header {
|
||||
/* 头部样式 */
|
||||
/* background: linear-gradient(#fda1a1, #fd7b7b); */
|
||||
/* background-color: #1873d4; */
|
||||
background: linear-gradient(#6cb3ff, #1873d4);
|
||||
|
||||
border-top: 2px solid linear-gradient(#f78989, #5e9af5);
|
||||
width: 100%;
|
||||
z-index: 98;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* 面包屑导航样式 */
|
||||
|
||||
|
||||
/* ------------------- */
|
||||
|
||||
|
||||
/* ------------------- */
|
||||
|
||||
|
||||
/* 搜索 */
|
||||
|
||||
|
||||
/* .el-form-item label:after {
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.el-form-item__label {
|
||||
text-align: justify
|
||||
}
|
||||
.el-form-item.is-required .el-form-item__label:before {
|
||||
content: none !important;
|
||||
} */
|
||||
/* .el-radio__input.is-checked .el-radio__inner {
|
||||
border-color: #f78989;
|
||||
background: #f78989;
|
||||
}
|
||||
|
||||
.el-radio__input.is-checked+.el-radio__label {
|
||||
color: #f78989;
|
||||
} */
|
||||
|
||||
.max-height-60 {
|
||||
max-height: 60vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-55 {
|
||||
max-height: 55vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-50 {
|
||||
max-height: 50vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-45 {
|
||||
max-height: 45vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-40 {
|
||||
max-height: 40vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-65 {
|
||||
max-height: 65vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.max-height-35 {
|
||||
max-height: 35vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue