From 9a61e46d96536f3299e57f7259ae1c9972256ec6 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期二, 30 九月 2025 09:42:09 +0800 Subject: [PATCH] 1. 隐藏未完成的账户匹配页面 2. 根据第三方新的接口文档修改接口url地址 --- src/components/SideList.vue | 276 ++++++++++++++++++++++++++++--------------------------- 1 files changed, 141 insertions(+), 135 deletions(-) diff --git a/src/components/SideList.vue b/src/components/SideList.vue index dc3f4ff..a3a795c 100644 --- a/src/components/SideList.vue +++ b/src/components/SideList.vue @@ -1,147 +1,153 @@ <template> - <div class="state-label"> - <el-input - v-model="filterText" - icon="Search" - style="width: 200px" - placeholder="鍏抽敭瀛楃瓫閫�" - clearable - /> - <el-tooltip v-if="legend" placement="bottom-start" effect="dark"> - <template #content> - <el-space> - <el-space v-for="(item, index) in stateLabels" :key="index" :size="1"> - <el-icon :color="item.color"> - <component :is="item.icon"></component> - </el-icon> - {{ item.name }} - <!-- <el-text size="small">{{ item.name }}</el-text> --> + <div style="padding-right: 10px;"> + <div v-if="legend" class="state-label"> + <el-input + v-model="filterText" + icon="Search" + style="width: 180px" + placeholder="鍏抽敭瀛楃瓫閫�" + clearable + /> + <el-tooltip placement="bottom-start" effect="dark"> + <template #content> + <el-space> + <el-space + v-for="(item, index) in stateLabels" + :key="index" + :size="1" + > + <el-icon :color="item.color"> + <component :is="item.icon"></component> + </el-icon> + {{ item.name }} + <!-- <el-text size="small">{{ item.name }}</el-text> --> + </el-space> </el-space> - </el-space> - <br /> + <br /> + <el-space> + <el-space :size="1"> + <el-icon :size="16" color="var(--el-color-success)"> + <Avatar /> + </el-icon> + 姝e湪鎵ц宸℃煡 + </el-space> + <el-space :size="1"> + <el-icon :size="16" color="var(--el-color-info)"> + <Avatar /> + </el-icon> + 鏈墽琛� + </el-space> + </el-space> + </template> <el-space> - <el-space :size="1"> - <el-icon :size="16" color="var(--el-color-success)"> + <el-icon class="cursor-p" :size="16" color="var(--el-color-primary)" + ><QuestionFilled + /></el-icon> + <el-text size="small" class="cursor-p">瀹℃牳鐘舵�佸浘渚�</el-text> + </el-space> + </el-tooltip> + </div> + <el-tree + ref="treeRef" + class="el-tree" + v-loading="isLoading" + :data="dataList" + :props="defaultProps" + @node-click="handleNodeClick" + :filter-node-method="filterNode" + default-expand-all + highlight-current + check-on-click-node + empty-text="鏆傛棤璁板綍" + > + <template #default="{ node, data }"> + <slot :node="node" :data="data"> + <div + :class=" + data.selected + ? 'selected-tree-node custom-tree-node' + : 'custom-tree-node' + " + > + <el-icon + v-if="data.status == '姝e湪鎵ц'" + :size="16" + color="var(--el-color-success)" + style="margin-left: -16px" + > <Avatar /> </el-icon> - 姝e湪鎵ц宸℃煡 - </el-space> - <el-space :size="1"> - <el-icon :size="16" color="var(--el-color-info)"> + <el-icon + v-if="data.status == '鏈墽琛�'" + :size="16" + color="var(--el-color-info)" + style="margin-left: -16px" + > <Avatar /> </el-icon> - 鏈墽琛� - </el-space> - </el-space> - </template> - <el-space> - <el-icon class="cursor-p" :size="16" color="var(--el-color-primary)" - ><QuestionFilled - /></el-icon> - <el-text size="small" class="cursor-p">瀹℃牳鐘舵�佸浘渚�</el-text> - </el-space> - </el-tooltip> - </div> - <el-tree - ref="treeRef" - class="el-tree" - v-loading="isLoading" - :data="dataList" - :props="defaultProps" - @node-click="handleNodeClick" - :filter-node-method="filterNode" - default-expand-all - highlight-current - check-on-click-node - empty-text="鏆傛棤璁板綍" - > - <template #default="{ node, data }"> - <slot :node="node" :data="data"> - <div - :class=" - data.selected - ? 'selected-tree-node custom-tree-node' - : 'custom-tree-node' - " - > - <el-icon - v-if="data.status == '姝e湪鎵ц'" - :size="16" - color="var(--el-color-success)" - style="margin-left: -16px" - > - <Avatar /> - </el-icon> - <el-icon - v-if="data.status == '鏈墽琛�'" - :size="16" - color="var(--el-color-info)" - style="margin-left: -16px" - > - <Avatar /> - </el-icon> - <!-- <el-icon :color="stateLabels[data.type].color"> + <!-- <el-icon :color="stateLabels[data.type].color"> <component :is="stateLabels[data.type].icon"></component> </el-icon> --> - <el-icon - v-if="data.type == 0" - :size="16" - color="var(--el-color-info)" - > - <SuccessFilled /> - </el-icon> - <el-icon - v-else-if="data.type == 1" - :size="16" - color="var(--el-color-danger)" - > - <QuestionFilled /> - </el-icon> - <el-icon - v-else-if="data.type == 2" - :size="16" - color="var(--el-color-warning)" - > - <QuestionFilled /> - </el-icon> - <el-icon - v-else-if="data.type == 3" - :size="16" - color="var(--el-color-danger)" - > - <WarnTriangleFilled /> - </el-icon> - <el-icon - v-else-if="data.type == 4" - :size="16" - color="var(--el-color-danger)" - > - <WarningFilled /> - </el-icon> - <el-icon - v-else-if="data.type == 5" - :size="16" - color="var(--el-color-warning)" - > - <WarningFilled /> - </el-icon> - <el-icon - v-else-if="data.type == 6" - :size="16" - color="var(--el-color-success)" - > - <SuccessFilled /> - </el-icon> - <!-- <el-text>{{ node.label }}</el-text> --> - {{ node.label }} - <span v-if="data.count"> - {{ '_(' + data.count + ')' }} - <!-- <el-text size="small">鐐规</el-text>) --> - </span> - </div> - </slot> - </template> - </el-tree> + <el-icon + v-if="data.type == 0" + :size="16" + color="var(--el-color-info)" + > + <SuccessFilled /> + </el-icon> + <el-icon + v-else-if="data.type == 1" + :size="16" + color="var(--el-color-danger)" + > + <QuestionFilled /> + </el-icon> + <el-icon + v-else-if="data.type == 2" + :size="16" + color="var(--el-color-warning)" + > + <QuestionFilled /> + </el-icon> + <el-icon + v-else-if="data.type == 3" + :size="16" + color="var(--el-color-danger)" + > + <WarnTriangleFilled /> + </el-icon> + <el-icon + v-else-if="data.type == 4" + :size="16" + color="var(--el-color-danger)" + > + <WarningFilled /> + </el-icon> + <el-icon + v-else-if="data.type == 5" + :size="16" + color="var(--el-color-warning)" + > + <WarningFilled /> + </el-icon> + <el-icon + v-else-if="data.type == 6" + :size="16" + color="var(--el-color-success)" + > + <SuccessFilled /> + </el-icon> + <!-- <el-text>{{ node.label }}</el-text> --> + {{ node.label }} + <span v-if="data.count"> + {{ '_(' + data.count + ')' }} + <!-- <el-text size="small">鐐规</el-text>) --> + </span> + </div> + </slot> + </template> + </el-tree> + </div> </template> <script> -- Gitblit v1.9.3