|
@@ -1,52 +1,54 @@
|
|
<template>
|
|
<template>
|
|
- <div class="tree-select-class">
|
|
|
|
- <div class="select-class-left">
|
|
|
|
- <div class="class-left-header">选择分享的账户名称</div>
|
|
|
|
- <div class="class-left-content">
|
|
|
|
- <a-input-search class="input-search" placeholder="请输入账户名或ID" @change="onChange" />
|
|
|
|
- <template>
|
|
|
|
- <a-tree
|
|
|
|
- v-model="checkedKeys"
|
|
|
|
- checkable
|
|
|
|
- :expanded-keys="expandedKeys"
|
|
|
|
- :auto-expand-parent="autoExpandParent"
|
|
|
|
- :selected-keys="selectedKeys"
|
|
|
|
- :tree-data="treeData"
|
|
|
|
- @check="onCheck"
|
|
|
|
- @expand="onExpand"
|
|
|
|
- />
|
|
|
|
- </template>
|
|
|
|
- <div class="example">
|
|
|
|
- <a-spin :spinning="spinning"/>
|
|
|
|
- <span v-if="leftTreeNoData">暂无数据</span>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="select-class-right">
|
|
|
|
- <div class="class-left-header">
|
|
|
|
- 已选 ({{ applyTypeOption.length ? applyTypeOption.length : 0}}/100)
|
|
|
|
- <a-popover placement="topRight">
|
|
|
|
- <template slot="content">
|
|
|
|
- <p>1、输入账户超出推送范围,请检查是否同主体账户</p>
|
|
|
|
- <p>2、有效账户将不会重复推送,请登录该账户查看使用</p>
|
|
|
|
|
|
+ <div class="tree-select-content">
|
|
|
|
+ <a-input-search class="input-search" placeholder="请输入账户名或ID" @change="onChange" />
|
|
|
|
+ <div class="tree-select-class">
|
|
|
|
+ <div class="select-class-left">
|
|
|
|
+ <div class="class-left-header">选择分享的账户名称</div>
|
|
|
|
+ <div class="class-left-content">
|
|
|
|
+ <template>
|
|
|
|
+ <a-tree
|
|
|
|
+ v-model="checkedKeys"
|
|
|
|
+ checkable
|
|
|
|
+ :expanded-keys="expandedKeys"
|
|
|
|
+ :auto-expand-parent="autoExpandParent"
|
|
|
|
+ :selected-keys="selectedKeys"
|
|
|
|
+ :tree-data="treeData"
|
|
|
|
+ @check="onCheck"
|
|
|
|
+ @expand="onExpand"
|
|
|
|
+ />
|
|
</template>
|
|
</template>
|
|
- <span><a-icon type="question-circle" /></span>
|
|
|
|
- </a-popover>
|
|
|
|
|
|
+ <div class="example">
|
|
|
|
+ <a-spin :spinning="spinning"/>
|
|
|
|
+ <span v-if="leftTreeNoData">暂无数据</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <div v-if="applyTypeOption.length" class="class-left-content">
|
|
|
|
- <div class="apply-right-tree" v-for="item in applyTypeOption" :key="item.key">
|
|
|
|
- <p class="left-content-p">
|
|
|
|
- <a-tooltip placement="left">
|
|
|
|
- <template slot="title">
|
|
|
|
- <span>{{ item.title }}</span>
|
|
|
|
- </template>
|
|
|
|
- {{ item.title }}
|
|
|
|
- </a-tooltip>
|
|
|
|
- </p>
|
|
|
|
- <a-icon type="delete" class="delete-type-class" @click="handleDelTree(item)" />
|
|
|
|
|
|
+ <div class="select-class-right">
|
|
|
|
+ <div class="class-left-header">
|
|
|
|
+ 已选 ({{ applyTypeOption.length ? applyTypeOption.length : 0}}/100)
|
|
|
|
+ <a-popover placement="topRight">
|
|
|
|
+ <template slot="content">
|
|
|
|
+ <p>1、输入账户超出推送范围,请检查是否同主体账户</p>
|
|
|
|
+ <p>2、有效账户将不会重复推送,请登录该账户查看使用</p>
|
|
|
|
+ </template>
|
|
|
|
+ <span><a-icon type="question-circle" /></span>
|
|
|
|
+ </a-popover>
|
|
|
|
+ </div>
|
|
|
|
+ <div v-if="applyTypeOption.length" class="class-left-content">
|
|
|
|
+ <div class="apply-right-tree" v-for="item in applyTypeOption" :key="item.key">
|
|
|
|
+ <p class="left-content-p">
|
|
|
|
+ <a-tooltip placement="left">
|
|
|
|
+ <template slot="title">
|
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ {{ item.title }}
|
|
|
|
+ </a-tooltip>
|
|
|
|
+ </p>
|
|
|
|
+ <a-icon type="delete" class="delete-type-class" @click="handleDelTree(item)" />
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div v-else class="no-data-class">暂无数据</div>
|
|
</div>
|
|
</div>
|
|
- <div v-else class="no-data-class">暂无数据</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -123,6 +125,7 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
this.applyTypeOption = defaultTypeOption;
|
|
this.applyTypeOption = defaultTypeOption;
|
|
|
|
+ this.selectRightData = new Set(defaultTypeOption);
|
|
for(let i = keysLen - 1; i >= 0; i--) {
|
|
for(let i = keysLen - 1; i >= 0; i--) {
|
|
if(defaultCheckKey[i] === list.key) {
|
|
if(defaultCheckKey[i] === list.key) {
|
|
defaultCheckKey.splice(i, 1);
|
|
defaultCheckKey.splice(i, 1);
|