Commit 0ede097e by caoyanzhi

update: 切换商户按钮的逻辑

parent 577a7bbb
<template> <template>
<div v-if="storeList.length > 1"> <div v-if="storeList.length > 0">
<el-dropdown @command="onChangeStore"> <el-dropdown v-if="storeList.length > 1" @command="onChangeStore">
<span class="change-store-btn"> <span class="change-store-btn">
{{ getActiveStoreName }} {{ getActiveStoreName }}
<i class="iconfont-hb3 iconxiajiantou change-store-icon"></i> <i class="iconfont-hb3 iconxiajiantou change-store-icon"></i>
...@@ -20,6 +20,9 @@ ...@@ -20,6 +20,9 @@
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<span v-else class="change-store-btn disabled">
{{ getActiveStoreName }}
</span>
<el-dialog :visible.sync="changeStore.show" append-to-body title="更改默认商户" width="600px" @closed="onClosed"> <el-dialog :visible.sync="changeStore.show" append-to-body title="更改默认商户" width="600px" @closed="onClosed">
<div class="change-store-title">选择商户</div> <div class="change-store-title">选择商户</div>
<el-select class="change-store-selector" v-model="changeStore.storeId"> <el-select class="change-store-selector" v-model="changeStore.storeId">
...@@ -134,6 +137,9 @@ export default { ...@@ -134,6 +137,9 @@ export default {
color: #303133; color: #303133;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
&.disabled {
cursor: default;
}
.change-store-icon { .change-store-icon {
display: inline-block; display: inline-block;
margin-left: 5px; margin-left: 5px;
...@@ -149,7 +155,7 @@ export default { ...@@ -149,7 +155,7 @@ export default {
height: 24px; height: 24px;
border-left: 1px solid #dcdfe6; border-left: 1px solid #dcdfe6;
} }
&:hover { &:not(.disabled):hover {
background: #f2f3f5; background: #f2f3f5;
.change-store-icon { .change-store-icon {
transform: rotateZ(180deg); transform: rotateZ(180deg);
......
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