|
@@ -1,37 +1,17 @@
|
|
|
<template>
|
|
|
<div id="left_toolbar">
|
|
|
<ul class="list-1">
|
|
|
- <li
|
|
|
- v-on:mouseout="mouseoutActive(item)"
|
|
|
- v-on:mouseover="mouseoverActive(item)"
|
|
|
- v-for="(item,i) in baseChoice"
|
|
|
- :key="i"
|
|
|
- @click="toolActionClick(item)"
|
|
|
- v-bind:class="{ actives:item.isChoice}"
|
|
|
- >
|
|
|
+ <li v-on:mouseout="mouseoutActive(item)" v-on:mouseover="mouseoverActive(item)" v-for="(item,i) in baseChoice" :key="i"
|
|
|
+ @click="toolActionClick(item)" v-bind:class="{ actives:item.isChoice}">
|
|
|
<div class="item">
|
|
|
- <img
|
|
|
- v-show="!item.isHover && !item.isChoice"
|
|
|
- :src="require(`./../../assets/images/${item.img}`)"
|
|
|
- alt
|
|
|
- />
|
|
|
- <img
|
|
|
- v-show="item.isHover || item.isChoice "
|
|
|
- :src="require(`./../../assets/images/${item.hoverImg}`)"
|
|
|
- alt
|
|
|
- />
|
|
|
+ <img v-show="!item.isHover && !item.isChoice" :src="require(`./../../assets/images/${item.img}`)" alt />
|
|
|
+ <img v-show="item.isHover || item.isChoice " :src="require(`./../../assets/images/${item.hoverImg}`)" alt />
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul class="list-2">
|
|
|
- <li
|
|
|
- v-on:mouseout="mouseoutActive(item)"
|
|
|
- v-on:mouseover="mouseoverActive(item)"
|
|
|
- v-for="(item,i) in systemChoice"
|
|
|
- @click="showDrawer(item)"
|
|
|
- :key="i"
|
|
|
- v-bind:class="{ actives:item.isChoice}"
|
|
|
- >
|
|
|
+ <li v-on:mouseout="mouseoutActive(item)" v-on:mouseover="mouseoverActive(item)" v-for="(item,i) in systemChoice" @click="showDrawer(item)"
|
|
|
+ :key="i" v-bind:class="{ actives:item.isChoice}">
|
|
|
<div class="item">
|
|
|
<img v-show="!item.isHover" :src="require(`./../../assets/images/${item.img}`)" alt />
|
|
|
<img v-show="item.isHover" :src="require(`./../../assets/images/${item.hoverImg}`)" alt />
|
|
@@ -41,13 +21,7 @@
|
|
|
</ul>
|
|
|
<!-- 提取-->
|
|
|
<ul class="list-2 border-top">
|
|
|
- <li
|
|
|
- v-on:mouseout="mouseoutActive(item)"
|
|
|
- v-on:mouseover="mouseoverActive(item)"
|
|
|
- v-for="(item,i) in extractChoice"
|
|
|
- :key="i"
|
|
|
- @click="extractItem"
|
|
|
- >
|
|
|
+ <li v-on:mouseout="mouseoutActive(item)" v-on:mouseover="mouseoverActive(item)" v-for="(item,i) in extractChoice" :key="i" @click="extractItem">
|
|
|
<div class="item">
|
|
|
<img v-show="!item.isHover" :src="require(`./../../assets/images/${item.img}`)" alt />
|
|
|
<img v-show="item.isHover" :src="require(`./../../assets/images/${item.hoverImg}`)" alt />
|
|
@@ -69,14 +43,7 @@
|
|
|
<!-- 打开弹窗 -->
|
|
|
<transition name="fade">
|
|
|
<div class="drawer-model" id="drawer-model" v-show="visible">
|
|
|
- <a-drawer
|
|
|
- placement="left"
|
|
|
- :closable="false"
|
|
|
- :visible="visible"
|
|
|
- :wrap-style="{ position: 'absolute',}"
|
|
|
- @close="onClose"
|
|
|
- :getContainer="false"
|
|
|
- >
|
|
|
+ <a-drawer placement="left" :closable="false" :visible="visible" :wrap-style="{ position: 'absolute',}" @close="onClose" :getContainer="false">
|
|
|
<div class="drawer-model-body" v-show="activeItem ==1 || activeItem ==2">
|
|
|
<div class="btn-list">
|
|
|
<a-button-group>
|
|
@@ -104,7 +71,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="drawer-model-body drawer-model-body-extract" v-show="activeItem ==3">
|
|
|
- <a-table :columns="columns" :data-source="data" size="small" :pagination="false" />
|
|
|
+ <a-table :columns="columns" :data-source="data" size="small" :pagination="false">
|
|
|
+ <a-tag slot="address" slot-scope="text, record, index" :color="'geekblue'" @click="pickUp(text, record, index)">{{ text }}</a-tag>
|
|
|
+ </a-table>
|
|
|
</div>
|
|
|
</a-drawer>
|
|
|
</div>
|
|
@@ -113,7 +82,7 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import itemTree from "./leftbar_components/itemTree";
|
|
|
-import {queryByGroup} from "@/api/editer.js"
|
|
|
+import { queryByGroup } from "@/api/editer.js"
|
|
|
import bus from "@/bus";
|
|
|
const columns = [
|
|
|
{
|
|
@@ -130,7 +99,8 @@ const columns = [
|
|
|
},
|
|
|
{
|
|
|
title: "操作",
|
|
|
- dataIndex: "address"
|
|
|
+ dataIndex: "address",
|
|
|
+ scopedSlots: { customRender: 'address' }
|
|
|
}
|
|
|
];
|
|
|
const data = [
|
|
@@ -307,10 +277,13 @@ export default {
|
|
|
this.activeItem = 3;
|
|
|
bus.$emit("extractItem")
|
|
|
},
|
|
|
- getBus(){
|
|
|
+ getBus() {
|
|
|
bus.$on("exportItem", data => {
|
|
|
this.data = data;
|
|
|
})
|
|
|
+ },
|
|
|
+ pickUp(text, record, index) {
|
|
|
+ bus.$emit('exportByKey', record);
|
|
|
}
|
|
|
},
|
|
|
watch: {
|