|
|
@@ -4,45 +4,9 @@
|
|
|
<el-card class="el-card-auto" style="min-height:350px">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<span style="font-size: 20px;">我的应用</span>
|
|
|
- <el-button style="font-size: 20px;float: right; padding: 3px 0" type="text"
|
|
|
- @click="childMethod()">新建应用</el-button>
|
|
|
+ <!-- <el-button style="font-size: 20px;float: right; padding: 3px 0" type="text"
|
|
|
+ @click="childMethod()">新建应用</el-button> -->
|
|
|
</div>
|
|
|
- <!-- <div class="appList">
|
|
|
- <div class="typeTitle">OA</div>
|
|
|
- <div style="display: flex;flex-wrap: wrap;margin-bottom: 20px;">
|
|
|
- <div class="app-item" v-for="item in topMenus" @click="handleSelect(item)">
|
|
|
- <svg-icon :icon-class="item.meta.icon"/>
|
|
|
- {{ item.meta.title }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="appList">
|
|
|
- <div class="typeTitle">人事管理</div>
|
|
|
- <div style="display: flex;flex-wrap: wrap;margin-bottom: 20px;">
|
|
|
- <div class="app-item" v-for="item in topMenus" @click="handleSelect(item)">
|
|
|
- <svg-icon :icon-class="item.meta.icon"/>
|
|
|
- {{ item.meta.title }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="appList">
|
|
|
- <div class="typeTitle">财务</div>
|
|
|
- <div style="display: flex;flex-wrap: wrap;margin-bottom: 20px;">
|
|
|
- <div class="app-item" v-for="item in topMenus" @click="handleSelect(item)">
|
|
|
- <svg-icon :icon-class="item.meta.icon"/>
|
|
|
- {{ item.meta.title }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="appList">
|
|
|
- <div class="typeTitle">CRM</div>
|
|
|
- <div style="display: flex;flex-wrap: wrap;margin-bottom: 20px;">
|
|
|
- <div class="app-item" v-for="item in topMenus" @click="handleSelect(item)">
|
|
|
- <svg-icon :icon-class="item.meta.icon"/>
|
|
|
- {{ item.meta.title }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
<el-tab-pane v-for="item, index in appList" :label="item.name" :name="item.type" :key="index">
|
|
|
<div class="app-item" v-for="(childItem, index) in item.list" :key="index" @click="handleSelect(childItem)"
|
|
|
@@ -50,47 +14,10 @@
|
|
|
<svg-icon :icon-class="childItem.icon" style="width: 40px;height: 40px" />
|
|
|
{{ childItem.title }}
|
|
|
<div v-if="showContent == index" class="app-item-tools">
|
|
|
- <!-- <el-popconfirm
|
|
|
- title="确定删除吗？">
|
|
|
- <i slot="reference" class="el-icon-delete-solid" @click="removeApp(index)"></i>
|
|
|
- </el-popconfirm> -->
|
|
|
- <i slot="reference" class="el-icon-s-tools" @click.stop="editApp(childItem)"></i>
|
|
|
- <!-- <el-popover
|
|
|
- placement="bottom"
|
|
|
- width="200"
|
|
|
- trigger="click"
|
|
|
- content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
|
|
|
- <i slot="reference" class="el-icon-delete-solid"></i>
|
|
|
- </el-popover> -->
|
|
|
-
|
|
|
-
|
|
|
+ <!-- <i slot="reference" class="el-icon-s-tools" @click.stop="editApp(childItem)"></i> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
- <!-- <el-tab-pane label="OA" name="first">
|
|
|
- <div class="app-item" v-for="item in topMenus" @click="handleSelect(item)">
|
|
|
- <svg-icon :icon-class="item.meta.icon"/>
|
|
|
- {{ item.meta.title }}
|
|
|
- </div>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="人事" name="second">
|
|
|
- <div class="app-item" v-for="item in topMenus" @click="handleSelect(item)">
|
|
|
- <svg-icon :icon-class="item.meta.icon"/>
|
|
|
- {{ item.meta.title }}
|
|
|
- </div>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="财务" name="third">
|
|
|
- <div class="app-item" v-for="item in topMenus" @click="handleSelect(item)">
|
|
|
- <svg-icon :icon-class="item.meta.icon"/>
|
|
|
- {{ item.meta.title }}
|
|
|
- </div>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="CRM" name="fourth">
|
|
|
- <div class="app-item" v-for="item in topMenus" @click="handleSelect(item)">
|
|
|
- <svg-icon :icon-class="item.meta.icon"/>
|
|
|
- {{ item.meta.title }}
|
|
|
- </div>
|
|
|
- </el-tab-pane> -->
|
|
|
</el-tabs>
|
|
|
</el-card>
|
|
|
</el-col>
|
