发布进行中，添加门店弹窗中
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 {
|
.el-aside {
|
||||||
/* background: #f78989; */
|
/* background: #f78989; */
|
||||||
/* background: linear-gradient(#f78989, #d69c9c); */
|
/* background: linear-gradient(#f78989, #d69c9c); */
|
||||||
/* background-color: #1873d4; */
|
/* background-color: #1873d4; */
|
||||||
background: linear-gradient(#51a5ff, #1873d4);
|
background: linear-gradient(#51a5ff, #1873d4);
|
||||||
|
|
||||||
/* 随着.el-menu-item background:rgb(247, 137, 137) !important;一起变 */
|
/* 随着.el-menu-item background:rgb(247, 137, 137) !important;一起变 */
|
||||||
/* background: rgb(247, 137, 137); */
|
/* background: rgb(247, 137, 137); */
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font-family: "幼圆";
|
font-family: "幼圆";
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: rgb(207, 207, 207) !important;
|
color: rgb(207, 207, 207) !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapse:hover {
|
.collapse:hover {
|
||||||
/* 收缩菜单按钮样式 */
|
/* 收缩菜单按钮样式 */
|
||||||
/* background: #fc9ca7; */
|
/* background: #fc9ca7; */
|
||||||
background-color: linear-gradient(#fc3b3b, #2375f0);
|
background-color: linear-gradient(#fc3b3b, #2375f0);
|
||||||
box-shadow: #51a5ff 10px 10px 8px;
|
box-shadow: #51a5ff 10px 10px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 菜单 */
|
/* 菜单 */
|
||||||
.el-submenu .el-menu-item {
|
.el-submenu .el-menu-item {
|
||||||
height: 35px;
|
height: 35px;
|
||||||
line-height: 35px;
|
line-height: 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 图标 */
|
/* 图标 */
|
||||||
.el-submenu [class^=el-icon-] {
|
.el-submenu [class^=el-icon-] {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 一级菜单字体 */
|
/* 一级菜单字体 */
|
||||||
.el-submenu__title span {
|
.el-submenu__title span {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-menu-item,
|
.el-menu-item,
|
||||||
.el-submenu__title {
|
.el-submenu__title {
|
||||||
/* 一级菜单 */
|
/* 一级菜单 */
|
||||||
height: 50px;
|
height: 50px;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 二级菜单字体 */
|
/* 二级菜单字体 */
|
||||||
.el-menu-item {
|
.el-menu-item {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.el-menu-vertical-demo {
|
.el-menu-vertical-demo {
|
||||||
/*菜单列表样式*/
|
/*菜单列表样式*/
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-menu-item.is-active {
|
.el-menu-item.is-active {
|
||||||
/* background-color: #fc7483 !important; */
|
/* background-color: #fc7483 !important; */
|
||||||
/* 右边菜单样式 */
|
/* 右边菜单样式 */
|
||||||
/* background-color: linear-gradient(#f78989, #f78989); */
|
/* background-color: linear-gradient(#f78989, #f78989); */
|
||||||
/* background-color: #1873d4; */
|
/* background-color: #1873d4; */
|
||||||
/* background: linear-gradient(#1873d4, #51a5ff); */
|
/* background: linear-gradient(#1873d4, #51a5ff); */
|
||||||
color: rgb(207, 207, 207) !important;
|
color: rgb(207, 207, 207) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-menu-item:focus {
|
.el-menu-item:focus {
|
||||||
background-color: none !important;
|
background-color: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-menu {
|
.el-menu {
|
||||||
/* 右边菜单样式 */
|
/* 右边菜单样式 */
|
||||||
/* background: linear-gradient(#f78989, #fdb3b3); */
|
/* background: linear-gradient(#f78989, #fdb3b3); */
|
||||||
/* background-color: #1873d4; */
|
/* background-color: #1873d4; */
|
||||||
background: linear-gradient(#1873d4, #51a5ff);
|
background: linear-gradient(#1873d4, #51a5ff);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-submenu .is-active {
|
.el-submenu .is-active {
|
||||||
/* 菜单栏选中样式 */
|
/* 菜单栏选中样式 */
|
||||||
min-width: 64px;
|
min-width: 64px;
|
||||||
border: none;
|
border: none;
|
||||||
/* background: #f0eeef; */
|
/* background: #f0eeef; */
|
||||||
/* background: linear-gradient(#f78989, #a1c5fc); */
|
/* background: linear-gradient(#f78989, #a1c5fc); */
|
||||||
background: linear-gradient(#5aa7fa, #116cce) !important;
|
background: linear-gradient(#5aa7fa, #116cce) !important;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-submenu__title:hover,
|
.el-submenu__title:hover,
|
||||||
.el-menu-item:hover {
|
.el-menu-item:hover {
|
||||||
/* 菜单鼠标覆盖样式 */
|
/* 菜单鼠标覆盖样式 */
|
||||||
/* background: linear-gradient(#f78989, #a1c5fc) !important; */
|
/* background: linear-gradient(#f78989, #a1c5fc) !important; */
|
||||||
background: linear-gradient(#5aa7fa, #116cce) !important;
|
background: linear-gradient(#5aa7fa, #116cce) !important;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
/* 主题样式 */
|
/* 主题样式 */
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
/* background: linear-gradient(#ffffff, #f9f9f9); */
|
/* background: linear-gradient(#ffffff, #f9f9f9); */
|
||||||
background-color: #5e9af5;
|
background-color: #5e9af5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-header {
|
.el-header {
|
||||||
/* 头部样式 */
|
/* 头部样式 */
|
||||||
/* background: linear-gradient(#fda1a1, #fd7b7b); */
|
/* background: linear-gradient(#fda1a1, #fd7b7b); */
|
||||||
/* background-color: #1873d4; */
|
/* background-color: #1873d4; */
|
||||||
background: linear-gradient(#6cb3ff, #1873d4);
|
background: linear-gradient(#6cb3ff, #1873d4);
|
||||||
|
|
||||||
border-top: 2px solid linear-gradient(#f78989, #5e9af5);
|
border-top: 2px solid linear-gradient(#f78989, #5e9af5);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 98;
|
z-index: 98;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* 面包屑导航样式 */
|
/* 面包屑导航样式 */
|
||||||
|
|
||||||
|
|
||||||
/* ------------------- */
|
/* ------------------- */
|
||||||
|
|
||||||
|
|
||||||
/* ------------------- */
|
/* ------------------- */
|
||||||
|
|
||||||
|
|
||||||
/* 搜索 */
|
/* 搜索 */
|
||||||
|
|
||||||
|
|
||||||
/* .el-form-item label:after {
|
/* .el-form-item label:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.el-form-item__label {
|
.el-form-item__label {
|
||||||
text-align: justify
|
text-align: justify
|
||||||
}
|
}
|
||||||
.el-form-item.is-required .el-form-item__label:before {
|
.el-form-item.is-required .el-form-item__label:before {
|
||||||
content: none !important;
|
content: none !important;
|
||||||
} */
|
} */
|
||||||
.el-radio__input.is-checked .el-radio__inner {
|
/* .el-radio__input.is-checked .el-radio__inner {
|
||||||
border-color: #f78989;
|
border-color: #f78989;
|
||||||
background: #f78989;
|
background: #f78989;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-radio__input.is-checked+.el-radio__label {
|
.el-radio__input.is-checked+.el-radio__label {
|
||||||
color: #f78989;
|
color: #f78989;
|
||||||
}
|
} */
|
||||||
|
|
||||||
.max-height-60 {
|
.max-height-60 {
|
||||||
max-height: 60vh;
|
max-height: 60vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.max-height-55 {
|
.max-height-55 {
|
||||||
max-height: 55vh;
|
max-height: 55vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.max-height-50 {
|
.max-height-50 {
|
||||||
max-height: 50vh;
|
max-height: 50vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.max-height-45 {
|
.max-height-45 {
|
||||||
max-height: 45vh;
|
max-height: 45vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.max-height-40 {
|
.max-height-40 {
|
||||||
max-height: 40vh;
|
max-height: 40vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.max-height-65 {
|
.max-height-65 {
|
||||||
max-height: 65vh;
|
max-height: 65vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.max-height-35 {
|
.max-height-35 {
|
||||||
max-height: 35vh;
|
max-height: 35vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue