style: 优化设备接入详情页步骤按钮

This commit is contained in:
xieyonghong 2023-04-24 18:08:15 +08:00
parent 5f7e1a88d3
commit 1568102bbe
5 changed files with 45 additions and 41 deletions

View File

@ -287,14 +287,8 @@
</j-row> </j-row>
</div> </div>
<div :class="current !== 2 ? 'steps-action' : 'steps-action-save'"> <div :class="current !== 2 ? 'steps-action' : 'steps-action-save'">
<j-button
v-if="[0, 1].includes(current)" <j-button v-if="current > 0" @click="prev" style="margin-right: 8px"> 上一步 </j-button>
type="primary"
style="margin-right: 8px"
@click="next"
>
下一步
</j-button>
<PermissionButton <PermissionButton
v-if="current === 2 && view === 'false'" v-if="current === 2 && view === 'false'"
type="primary" type="primary"
@ -306,7 +300,14 @@
> >
保存 保存
</PermissionButton> </PermissionButton>
<j-button v-if="current > 0" @click="prev"> 上一步 </j-button> <j-button
v-if="[0, 1].includes(current)"
type="primary"
@click="next"
>
下一步
</j-button>
</div> </div>
</div> </div>
</template> </template>

View File

@ -372,14 +372,7 @@
</j-row> </j-row>
</div> </div>
<div :class="current !== 2 ? 'steps-action' : 'steps-action-save'"> <div :class="current !== 2 ? 'steps-action' : 'steps-action-save'">
<j-button <j-button v-if="current > 0" @click="prev" style="margin-right: 8px"> 上一步 </j-button>
v-if="[0, 1].includes(current)"
type="primary"
style="margin-right: 8px"
@click="next"
>
下一步
</j-button>
<PermissionButton <PermissionButton
style="margin-right: 8px" style="margin-right: 8px"
v-if="current === 2 && view === 'false'" v-if="current === 2 && view === 'false'"
@ -391,7 +384,15 @@
> >
保存 保存
</PermissionButton> </PermissionButton>
<j-button v-if="current > 0" @click="prev"> 上一步 </j-button> <j-button
v-if="[0, 1].includes(current)"
type="primary"
@click="next"
>
下一步
</j-button>
</div> </div>
</div> </div>
</template> </template>

View File

@ -178,13 +178,7 @@
v-if="channel !== 'edge-child-device'" v-if="channel !== 'edge-child-device'"
:class="current !== 1 ? 'steps-action' : 'steps-action-save'" :class="current !== 1 ? 'steps-action' : 'steps-action-save'"
> >
<j-button <j-button v-if="current > 0" @click="prev" style="margin-right: 8px"> 上一步 </j-button>
v-if="[0].includes(current)"
style="margin-right: 8px"
@click="next"
>
下一步
</j-button>
<PermissionButton <PermissionButton
v-if="current === 1 && view === 'false'" v-if="current === 1 && view === 'false'"
type="primary" type="primary"
@ -196,7 +190,13 @@
> >
保存 保存
</PermissionButton> </PermissionButton>
<j-button v-if="current > 0" @click="prev"> 上一步 </j-button> <j-button
v-if="[0].includes(current)"
@click="next"
>
下一步
</j-button>
</div> </div>
</div> </div>
</template> </template>

View File

@ -279,12 +279,11 @@
</div> </div>
<div class="steps-action"> <div class="steps-action">
<j-button <j-button
v-if="[0, 1].includes(current)" v-if="type === 'child-device' ? current > 1 : current > 0"
type="primary" style="margin-right: 8px"
style="margin-right: 8px" @click="prev"
@click="next"
> >
一步 一步
</j-button> </j-button>
<PermissionButton <PermissionButton
v-if="current === 2 && view === 'false'" v-if="current === 2 && view === 'false'"
@ -299,10 +298,11 @@
保存 保存
</PermissionButton> </PermissionButton>
<j-button <j-button
v-if="type === 'child-device' ? current > 1 : current > 0" v-if="[0, 1].includes(current)"
@click="prev" type="primary"
@click="next"
> >
一步 一步
</j-button> </j-button>
</div> </div>
</div> </div>

View File

@ -135,13 +135,13 @@
</div> </div>
<div class="steps-action"> <div class="steps-action">
<j-button <j-button
v-if="current === 0" v-if="current > 0"
type="primary" @click="prev"
style="margin-right: 8px" style="margin-right: 8px"
@click="next"
> >
一步 一步
</j-button> </j-button>
<PermissionButton <PermissionButton
v-if="current === 1 && view === 'false'" v-if="current === 1 && view === 'false'"
type="primary" type="primary"
@ -155,10 +155,12 @@
保存 保存
</PermissionButton> </PermissionButton>
<j-button <j-button
v-if="current > 0" v-if="current === 0"
@click="prev" type="primary"
@click="next"
> >
上一步 一步
</j-button> </j-button>
</div> </div>
</div> </div>