移除el-container

代码简化
master
toesbieya 6 years ago
parent 47c1de01c0
commit 279425848b
  1. 4
      vue/src/component/RegionSelector/Tab/index.vue
  2. 7
      vue/src/layout/index.vue
  3. 6
      vue/src/view/purchase/order/detailPage.vue

@ -36,7 +36,7 @@
<div class="rg-level-tabs"> <div class="rg-level-tabs">
<ul> <ul>
<li v-for="(tab,index) in selected" :key="tab.name" :class="{active:index+1 === currentLevel}"> <li v-for="(tab,index) in selected" :key="tab.name" :class="{active:index+1 === currentLevel}">
<a href="javascript:" @click="()=>clickTab(index,tab)">{{ tab.name }}</a> <a href="javascript:" @click="() => clickTab(index,tab)">{{ tab.name }}</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -47,7 +47,7 @@
v-for="item in items" v-for="item in items"
:key="item.id" :key="item.id"
:class="{'rg-item': true, 'active': isItemActive(item.id)}" :class="{'rg-item': true, 'active': isItemActive(item.id)}"
@click="()=>clickItem(item)" @click="() => clickItem(item)"
> >
{{ limit ? item.name + `(${item.value})` : item.name }} {{ limit ? item.name + `(${item.value})` : item.name }}
</li> </li>

@ -1,5 +1,5 @@
<template> <template>
<section class="el-container app-wrapper"> <section class="app-wrapper">
<v-sidebar/> <v-sidebar/>
<section :class="containerClass"> <section :class="containerClass">
@ -39,7 +39,6 @@ export default {
containerClass() { containerClass() {
return { return {
'el-container': true,
'main-container': true, 'main-container': true,
'has-nav': this.hasNav, 'has-nav': this.hasNav,
'has-tags-view': this.useTagsView 'has-tags-view': this.useTagsView
@ -61,10 +60,10 @@ export default {
<style lang="scss"> <style lang="scss">
.app-wrapper { .app-wrapper {
display: flex;
position: relative; position: relative;
height: 100%; height: 100%;
width: 100%; width: 100%;
flex-direction: row;
.drawer-bg { .drawer-bg {
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, .5);
@ -77,6 +76,8 @@ export default {
} }
.main-container { .main-container {
display: flex;
flex: 1;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
flex-direction: column; flex-direction: column;

@ -70,9 +70,9 @@
</el-table-column> </el-table-column>
<el-table-column v-if="canSave" align="center" label="操作" width="140"> <el-table-column v-if="canSave" align="center" label="操作" width="140">
<template v-if="canSave" v-slot="{row,$index}"> <template v-if="canSave" v-slot="{row,$index}">
<el-button v-if="!row._editable" type="text" @click="()=>row._editable=true">编辑</el-button> <el-button v-if="!row._editable" type="text" @click="row._editable=true">编辑</el-button>
<el-button v-else type="text" @click="()=>row._editable=false">保存</el-button> <el-button v-else type="text" @click="row._editable=false">保存</el-button>
<el-button type="text" @click="()=>delSub(row,$index)">删除</el-button> <el-button type="text" @click="() => delSub(row,$index)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
<div v-if="canSave" slot="append" class="table-add-btn"> <div v-if="canSave" slot="append" class="table-add-btn">

Loading…
Cancel
Save