|
|
@@ -1,13 +1,24 @@
|
|
|
<template>
|
|
|
<div class="appManagement">
|
|
|
<div class="ac_left">
|
|
|
+ <div class="find">
|
|
|
+ <img src="../../../../assets/icon/appStore/find_icon.svg" />
|
|
|
+ <span>发现</span>
|
|
|
+ </div>
|
|
|
<saveCard
|
|
|
title="最近使用"
|
|
|
:data="recentUse"
|
|
|
+ :icon="require('../../../../assets/icon/appStore/history2_icon.svg')"
|
|
|
:type="1"
|
|
|
@saveClick="openApp"
|
|
|
/>
|
|
|
- <saveCard title="收藏" :data="collect" :type="0" @saveClick="openApp" />
|
|
|
+ <saveCard
|
|
|
+ title="我的收藏"
|
|
|
+ :icon="require('../../../../assets/icon/appStore/collect2_icon.svg')"
|
|
|
+ :data="collect"
|
|
|
+ :type="0"
|
|
|
+ @saveClick="openApp"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="ac_right">
|
|
|
<div class="ac_header">
|
|
|
@@ -53,14 +64,14 @@
|
|
|
|
|
|
</div> -->
|
|
|
<el-button
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- icon="el-icon-plus"
|
|
|
- v-show="false"
|
|
|
- style="position: absolute;right: 15px;"
|
|
|
- @click="addApp"
|
|
|
- >添加应用</el-button
|
|
|
- >
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ v-show="false"
|
|
|
+ style="position: absolute;right: 15px;"
|
|
|
+ @click="addApp"
|
|
|
+ >添加应用</el-button
|
|
|
+ >
|
|
|
<div class="ac_h_banner" v-if="bannerObj">
|
|
|
<img :src="bannerObj.poster" alt="banner图" />
|
|
|
</div>
|
|
|
@@ -84,7 +95,7 @@
|
|
|
v-model="selectJuri"
|
|
|
placeholder="请选择显示范围"
|
|
|
@change="changeSelectType"
|
|
|
- style="width: 150px;margin-right: 10px;"
|
|
|
+ style="width: 120px;margin-right: 10px;"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in selectList"
|
|
|
@@ -97,7 +108,7 @@
|
|
|
v-model="selectLabel"
|
|
|
placeholder="请选择类型"
|
|
|
@change="changeSelectType"
|
|
|
- style="width: 120px;margin-right: 10px;"
|
|
|
+ style="width: 110px;margin-right: 10px;"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in labelSelect"
|
|
|
@@ -108,24 +119,34 @@
|
|
|
</el-select>
|
|
|
<el-input
|
|
|
v-model="searchText"
|
|
|
- style="width: 200px;"
|
|
|
+ style="width: 250px;margin-right: 10px;"
|
|
|
placeholder="请输入应用名称"
|
|
|
@keyup.enter.native="getData"
|
|
|
- clearable
|
|
|
- />
|
|
|
- <el-button
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ slot="suffix"
|
|
|
+ class="searchInputIcon el-icon-search"
|
|
|
+ @click="getData"
|
|
|
+ ></i>
|
|
|
+ </el-input>
|
|
|
+ <!-- <el-button
|
|
|
type="primary"
|
|
|
style="margin-left: 10px;"
|
|
|
icon="el-icon-search"
|
|
|
@click="getData"
|
|
|
- ></el-button>
|
|
|
+ ></el-button> -->
|
|
|
<el-button type="primary" @click="selectApp()">发布应用</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="ac_content">
|
|
|
- <div class="ac_c_item" v-for="(item, index) in dataList" :key="item.id">
|
|
|
+ <div
|
|
|
+ class="ac_c_item"
|
|
|
+ v-if="showType !== '' && !getDataLoading"
|
|
|
+ v-for="(item, index) in dataList"
|
|
|
+ :key="item.id"
|
|
|
+ >
|
|
|
<div class="ac_c_i_top" @click="openApp(item)">
|
|
|
<div class="ac_c_i_t_left">
|
|
|
<img v-if="item.json.icon" :src="item.json.icon" />
|
|
|
@@ -173,28 +194,43 @@
|
|
|
@click.stop="copyApp(item)"
|
|
|
v-if="item.json && item.json.copy === '1'"
|
|
|
>
|
|
|
- <img src="../../../../assets/icon/appStore/copy.svg" alt="">
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/copy.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<span>复制</span>
|
|
|
</div>
|
|
|
<div
|
|
|
@click.stop="updateApp(item)"
|
|
|
v-if="item.userid === userId"
|
|
|
>
|
|
|
- <img src="../../../../assets/icon/appStore/edit.svg" alt="">
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/edit.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<span>修改</span>
|
|
|
</div>
|
|
|
<div
|
|
|
@click.stop="delApp(item)"
|
|
|
v-if="item.userid === userId"
|
|
|
>
|
|
|
- <img src="../../../../assets/icon/appStore/del.svg" alt="">
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/del.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<span>删除</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<svg
|
|
|
t="1732786015570"
|
|
|
@click.stop="updateCard(item.id)"
|
|
|
- :style="`transform: rotate(${editAppCard===item.id?'0deg':'90deg'});background-color:${editAppCard===item.id?'#F3F7FD':'#fff'}`"
|
|
|
+ :style="
|
|
|
+ `transform: rotate(${
|
|
|
+ editAppCard === item.id ? '0deg' : '90deg'
|
|
|
+ });background-color:${
|
|
|
+ editAppCard === item.id ? '#F3F7FD' : '#fff'
|
|
|
+ }`
|
|
|
+ "
|
|
|
class="icon"
|
|
|
viewBox="0 0 1024 1024"
|
|
|
version="1.1"
|
|
|
@@ -305,6 +341,235 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div class="ac_c_typeCard" v-if="showType == ''">
|
|
|
+ <div class="ac_c_tc_item" v-for="(item2, index2) in typeList">
|
|
|
+ <div class="ac_c_tc_i_top">
|
|
|
+ <div>{{ item2.name }}</div>
|
|
|
+
|
|
|
+ <span @click="changeType(item2.id)"
|
|
|
+ >查看更多
|
|
|
+ <img src="../../../../assets/icon/appStore/arrow.svg" />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="ac_c_tc_i_bottom">
|
|
|
+ <div
|
|
|
+ class="ac_c_item"
|
|
|
+ v-if="index < 8"
|
|
|
+ v-for="(item, index) in dataList.filter(
|
|
|
+ i => i.type == item2.id
|
|
|
+ )"
|
|
|
+ :key="item.id"
|
|
|
+ >
|
|
|
+ <div class="ac_c_i_top" @click="openApp(item)">
|
|
|
+ <div class="ac_c_i_t_left">
|
|
|
+ <img v-if="item.json.icon" :src="item.json.icon" />
|
|
|
+ <svg
|
|
|
+ v-else
|
|
|
+ t="1732605901531"
|
|
|
+ class="icon"
|
|
|
+ viewBox="0 0 1024 1024"
|
|
|
+ version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ p-id="4275"
|
|
|
+ width="200"
|
|
|
+ height="200"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M179.2 153.6a51.2 51.2 0 0 0-51.2 51.2v128a51.2 51.2 0 0 0 51.2 51.2h128a51.2 51.2 0 0 0 51.2-51.2V204.8a51.2 51.2 0 0 0-51.2-51.2H179.2z m0-102.4h128a153.6 153.6 0 0 1 153.6 153.6v128a153.6 153.6 0 0 1-153.6 153.6H179.2a153.6 153.6 0 0 1-153.6-153.6V204.8a153.6 153.6 0 0 1 153.6-153.6z m0 614.4a51.2 51.2 0 0 0-51.2 51.2v128a51.2 51.2 0 0 0 51.2 51.2h128a51.2 51.2 0 0 0 51.2-51.2V716.8a51.2 51.2 0 0 0-51.2-51.2H179.2z m0-102.4h128a153.6 153.6 0 0 1 153.6 153.6v128a153.6 153.6 0 0 1-153.6 153.6H179.2a153.6 153.6 0 0 1-153.6-153.6V716.8a153.6 153.6 0 0 1 153.6-153.6z m611.84-403.4048a51.2 51.2 0 0 0-72.3968 0L646.144 232.2432a51.2 51.2 0 0 0 0 72.3968l72.448 72.3968a51.2 51.2 0 0 0 72.3968 0l72.3968-72.3968a51.2 51.2 0 0 0 0-72.3968L791.04 159.744z m72.3968-72.3968l72.3968 72.3968a153.6 153.6 0 0 1 0 217.2416l-72.3968 72.3968a153.6 153.6 0 0 1-217.2416 0l-72.3968-72.3968a153.6 153.6 0 0 1 0-217.2416l72.3968-72.3968a153.6 153.6 0 0 1 217.2416 0zM699.7504 896a51.2 51.2 0 0 1 0 102.4A162.1504 162.1504 0 0 1 537.6 836.2496v-110.8992A162.1504 162.1504 0 0 1 699.7504 563.2h110.8992a162.1504 162.1504 0 0 1 162.1504 162.1504v8.448a51.2 51.2 0 0 1-102.4 0v-8.448c0-33.024-26.7264-59.7504-59.7504-59.7504h-110.8992c-33.024 0-59.7504 26.7264-59.7504 59.7504v110.8992c0 33.024 26.7264 59.7504 59.7504 59.7504z"
|
|
|
+ fill="#2C6DD2"
|
|
|
+ p-id="4276"
|
|
|
+ ></path>
|
|
|
+ <path
|
|
|
+ d="M791.4496 160a51.2 51.2 0 0 0-72.3968 0l-72.448 72.3968a51.2 51.2 0 0 0 0 72.3968l72.448 72.3968a51.2 51.2 0 0 0 72.3968 0l72.3968-72.3968a51.2 51.2 0 0 0 0-72.3968l-72.3968-72.3968z"
|
|
|
+ fill="#20C997"
|
|
|
+ p-id="4277"
|
|
|
+ ></path>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <div class="ac_c_i_t_right">
|
|
|
+ <div class="ac_c_i_t_r_top">
|
|
|
+ <el-tooltip
|
|
|
+ class="item"
|
|
|
+ effect="light"
|
|
|
+ :content="item.name"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+
|
|
|
+ <div class="ac_c_i_t_popover" v-if="showMenu(item)">
|
|
|
+ <div
|
|
|
+ class="ac_c_i_t_p_box"
|
|
|
+ v-if="editAppCard === item.id"
|
|
|
+ v-click-outside="handleBlur"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ @click.stop="copyApp(item)"
|
|
|
+ v-if="item.json && item.json.copy === '1'"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/copy.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <span>复制</span>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ @click.stop="updateApp(item)"
|
|
|
+ v-if="item.userid === userId"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/edit.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <span>修改</span>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ @click.stop="delApp(item)"
|
|
|
+ v-if="item.userid === userId"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/del.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <span>删除</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <svg
|
|
|
+ t="1732786015570"
|
|
|
+ @click.stop="updateCard(item.id)"
|
|
|
+ :style="
|
|
|
+ `transform: rotate(${
|
|
|
+ editAppCard === item.id ? '0deg' : '90deg'
|
|
|
+ });background-color:${
|
|
|
+ editAppCard === item.id ? '#F3F7FD' : '#fff'
|
|
|
+ }`
|
|
|
+ "
|
|
|
+ class="icon"
|
|
|
+ viewBox="0 0 1024 1024"
|
|
|
+ version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ p-id="9199"
|
|
|
+ width="200"
|
|
|
+ height="200"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M192 443.733333c-38.4 0-68.266667 29.866667-68.266667 68.266667 0 38.4 29.866667 68.266667 68.266667 68.266667s68.266667-29.866667 68.266667-68.266667c0-38.4-29.866667-68.266667-68.266667-68.266667zM512 443.733333c-38.4 0-68.266667 29.866667-68.266667 68.266667 0 38.4 29.866667 68.266667 68.266667 68.266667s68.266667-29.866667 68.266667-68.266667c0-38.4-29.866667-68.266667-68.266667-68.266667zM832 443.733333c-38.4 0-68.266667 29.866667-68.266667 68.266667 0 38.4 29.866667 68.266667 68.266667 68.266667s68.266667-29.866667 68.266667-68.266667c0-38.4-34.133333-68.266667-68.266667-68.266667z"
|
|
|
+ fill="#111111"
|
|
|
+ p-id="9200"
|
|
|
+ ></path>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ac_c_i_t_r_center">
|
|
|
+ <span>@{{ item.username }}</span>
|
|
|
+ <div v-if="item.label === 'workflow'">
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/workflow.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ 工作流
|
|
|
+ </div>
|
|
|
+ <div v-if="item.label === 'agent'">
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/agent.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ 智能体
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ac_c_i_t_r_bottom">
|
|
|
+ {{ item.detail }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ac_c_i_bottom">
|
|
|
+ <div class="ac_c_i_b_left">
|
|
|
+ <el-tooltip
|
|
|
+ class="item"
|
|
|
+ effect="light"
|
|
|
+ content="被复制数"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/user_copy.svg"
|
|
|
+ />
|
|
|
+ <span>{{ item.copyCount }}</span>
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip
|
|
|
+ class="item"
|
|
|
+ effect="light"
|
|
|
+ :content="item.likeId ? '取消点赞' : '点赞'"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <img
|
|
|
+ :src="
|
|
|
+ require('../../../../assets/icon/appStore/praise_default.svg')
|
|
|
+ "
|
|
|
+ v-if="!item.likeId"
|
|
|
+ style="cursor: pointer;"
|
|
|
+ @click="praiseFn(item, 0)"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ :src="
|
|
|
+ require('../../../../assets/icon/appStore/praise_active.svg')
|
|
|
+ "
|
|
|
+ v-else
|
|
|
+ style="cursor: pointer;"
|
|
|
+ @click="praiseFn(item, 1)"
|
|
|
+ />
|
|
|
+ <span>{{ item.likeCount }}</span>
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip
|
|
|
+ class="item"
|
|
|
+ effect="light"
|
|
|
+ :content="item.collectId ? '取消收藏' : '收藏'"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/collect_default.svg"
|
|
|
+ v-if="!item.collectId"
|
|
|
+ style="cursor: pointer;"
|
|
|
+ @click="collectFn(item, 0)"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/appStore/collect_active.svg"
|
|
|
+ v-else
|
|
|
+ style="cursor: pointer;"
|
|
|
+ @click="collectFn(item, 1)"
|
|
|
+ />
|
|
|
+ <span>{{ item.collectCount }}</span>
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ <div class="ac_c_i_b_right" v-if="item.json.status">
|
|
|
+ <span
|
|
|
+ class="ac_c_i_b_r_type2"
|
|
|
+ v-if="item.json.status === '1'"
|
|
|
+ >测试</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="ac_c_i_b_r_type1"
|
|
|
+ v-if="item.json.status === '2'"
|
|
|
+ >稳定</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="ac_c_empty"
|
|
|
+ v-if="dataList.filter(i => i.type == item2.id).length === 0"
|
|
|
+ >
|
|
|
+ <span>暂无数据...</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- <div
|
|
|
class="ac_c_item"
|
|
|
v-for="(item, index) in dataList"
|
|
|
@@ -414,7 +679,7 @@
|
|
|
<div>{{ item.detail }}</div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- <div class="ac_c_empty" v-if="dataList.length === 0">
|
|
|
+ <div class="ac_c_empty" v-if="dataList.length === 0 && showType !== ''">
|
|
|
<span>暂无数据...</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -480,12 +745,12 @@ export default {
|
|
|
selectList: [
|
|
|
{ index: 3, label: "所有组织" },
|
|
|
{ index: 2, label: "组织内" },
|
|
|
- { index: 1, label: "我的" },
|
|
|
+ { index: 1, label: "我的" }
|
|
|
// { index: 98,label:"已发布"},
|
|
|
// { index: 99,label:"未发布"},
|
|
|
],
|
|
|
labelSelect: [
|
|
|
- { value: "", label: "全部类型" },
|
|
|
+ { value: "", label: "所有类型" },
|
|
|
{ value: "agent", label: "智能体" },
|
|
|
{ value: "workflow", label: "工作流" }
|
|
|
],
|
|
|
@@ -533,6 +798,16 @@ export default {
|
|
|
};
|
|
|
}
|
|
|
},
|
|
|
+ watch: {
|
|
|
+ searchText: {
|
|
|
+ immediate:false,
|
|
|
+ handler() {
|
|
|
+ if (this.searchText === "") {
|
|
|
+ this.getData();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
changeType(newIndex) {
|
|
|
let flag = this.showType === newIndex;
|
|
|
@@ -646,7 +921,7 @@ export default {
|
|
|
this.ajax
|
|
|
.post(this.$store.state.api + "insert_appStore", params)
|
|
|
.then(res => {
|
|
|
- if (res.data == 1) {
|
|
|
+ if (res.data) {
|
|
|
this.$message.success("复制成功,已添加至我的列表。");
|
|
|
this.getData();
|
|
|
this.insertSave(item, 3);
|
|
|
@@ -717,7 +992,7 @@ export default {
|
|
|
this.ajax
|
|
|
.post(this.$store.state.api + "insert_appStore", params)
|
|
|
.then(res => {
|
|
|
- if (res.data == 1) {
|
|
|
+ if (res.data[0][0]["id"]) {
|
|
|
this.$message.success("添加成功");
|
|
|
this.$refs.addAppDialogRef.close(true);
|
|
|
this.getData();
|
|
|
@@ -748,7 +1023,7 @@ export default {
|
|
|
this.ajax
|
|
|
.post(this.$store.state.api + "update_appStore", params)
|
|
|
.then(res => {
|
|
|
- if (res.data == 1) {
|
|
|
+ if (res.data) {
|
|
|
this.$message.success("修改成功");
|
|
|
this.$refs.addAppDialogRef.close(true);
|
|
|
this.getData();
|
|
|
@@ -782,14 +1057,14 @@ export default {
|
|
|
this.ajax
|
|
|
.post(this.$store.state.api + "update_appStore", params)
|
|
|
.then(res => {
|
|
|
- if (res.data == 1) {
|
|
|
+ if (res.data) {
|
|
|
this.$message.success("发布成功");
|
|
|
this.$refs.releaseAppDialogRef.close(true);
|
|
|
- this.getData();
|
|
|
} else {
|
|
|
this.$message.error("发布失败");
|
|
|
this.$refs.releaseAppDialogRef.loading = false;
|
|
|
}
|
|
|
+ this.getData();
|
|
|
})
|
|
|
.catch(err => {
|
|
|
console.log(err);
|
|
|
@@ -809,6 +1084,11 @@ export default {
|
|
|
.then(res => {
|
|
|
let data = res.data[0];
|
|
|
if (data.length > 0) {
|
|
|
+ // data.forEach(i => {
|
|
|
+ // if (i.open == undefined) {
|
|
|
+ // i.open = true;
|
|
|
+ // }
|
|
|
+ // });
|
|
|
this.typeList = data;
|
|
|
}
|
|
|
})
|
|
|
@@ -935,8 +1215,8 @@ export default {
|
|
|
} else {
|
|
|
this.$message.error("删除失败");
|
|
|
}
|
|
|
- if(this.collect.findIndex(i=>i.id == item.id)!=-1){
|
|
|
- this.getCollect()
|
|
|
+ if (this.collect.findIndex(i => i.id == item.id) != -1) {
|
|
|
+ this.getCollect();
|
|
|
}
|
|
|
})
|
|
|
.catch(err => {
|
|
|
@@ -1095,7 +1375,7 @@ export default {
|
|
|
margin: 0;
|
|
|
overflow: auto;
|
|
|
box-sizing: border-box;
|
|
|
- padding: 20px;
|
|
|
+ /* padding: 20px; */
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
@@ -1103,24 +1383,52 @@ export default {
|
|
|
.ac_left {
|
|
|
/* width: 280px;
|
|
|
min-width: 280px; */
|
|
|
- width: clamp(150px, 12vw, 280px);
|
|
|
- min-width: 150px;
|
|
|
+ width: clamp(200px, 12vw, 280px);
|
|
|
+ min-width: 200px;
|
|
|
margin-right: 20px;
|
|
|
height: 100%;
|
|
|
- border-radius: 5px;
|
|
|
+ /* border-radius: 5px; */
|
|
|
background-color: #fff;
|
|
|
- box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
|
|
|
+ /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); */
|
|
|
box-sizing: border-box;
|
|
|
padding: 10px;
|
|
|
+ padding-left: 20px;
|
|
|
overflow: auto;
|
|
|
}
|
|
|
|
|
|
+.ac_left > .find {
|
|
|
+ width: 100%;
|
|
|
+ height: 45px;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 10px;
|
|
|
+ border: 1px solid #f3f7fd;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 20px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ /* box-shadow: 2px 2px 4px 0px #1D39830A; */
|
|
|
+ box-shadow: 0px 0px 4px 2px #1d39830a;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #000000e5;
|
|
|
+}
|
|
|
+
|
|
|
+.ac_left > .find > img {
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
.ac_right {
|
|
|
flex: 1;
|
|
|
min-width: 800px;
|
|
|
height: 100%;
|
|
|
- overflow-y: hidden;
|
|
|
+ overflow: auto;
|
|
|
display: flex;
|
|
|
+ padding-right: 10px;
|
|
|
+ padding-top: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
|
|
|
@@ -1128,8 +1436,8 @@ export default {
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
border-radius: 5px;
|
|
|
- box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
|
|
|
- background-color: #fff;
|
|
|
+ /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); */
|
|
|
+ background-color: none;
|
|
|
}
|
|
|
|
|
|
.ac_h_top {
|
|
|
@@ -1182,7 +1490,8 @@ export default {
|
|
|
|
|
|
.ac_h_banner {
|
|
|
width: 100%;
|
|
|
- height: clamp(100px, 20vh, 300px);
|
|
|
+ height: clamp(100px, 25vh, 350px);
|
|
|
+ /* height: 400px; */
|
|
|
border-radius: 5px;
|
|
|
overflow: hidden;
|
|
|
box-sizing: border-box;
|
|
|
@@ -1204,6 +1513,7 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
+ border-bottom: solid 1px #e7e7e7;
|
|
|
}
|
|
|
|
|
|
.ac_h_b_typeList {
|
|
|
@@ -1216,7 +1526,7 @@ export default {
|
|
|
|
|
|
.ac_h_b_typeList > span {
|
|
|
font-size: 18px;
|
|
|
- margin-right: 20px;
|
|
|
+ margin-right: 30px;
|
|
|
margin-top: 10px;
|
|
|
margin-bottom: 5px;
|
|
|
cursor: pointer;
|
|
|
@@ -1224,6 +1534,18 @@ export default {
|
|
|
|
|
|
.ac_h_b_typeList_active {
|
|
|
color: #007aff;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.ac_h_b_typeList_active::after {
|
|
|
+ content: "";
|
|
|
+ width: 80%;
|
|
|
+ height: 5px;
|
|
|
+ background-color: #007aff;
|
|
|
+ border-radius: 4px;
|
|
|
+ position: absolute;
|
|
|
+ top: 110%;
|
|
|
+ left: 10%;
|
|
|
}
|
|
|
|
|
|
.ac_h_b_selectList {
|
|
|
@@ -1235,16 +1557,19 @@ export default {
|
|
|
|
|
|
.ac_content {
|
|
|
width: 100%;
|
|
|
- flex: 1;
|
|
|
height: auto;
|
|
|
margin-top: 10px;
|
|
|
- overflow: auto;
|
|
|
- min-height: 200px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.ac_c_typeCard {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
}
|
|
|
|
|
|
.ac_c_item {
|
|
|
width: calc(100% / 4 - (15px * 4) / 4);
|
|
|
- height: 250px;
|
|
|
+ height: 260px;
|
|
|
background-color: #fff;
|
|
|
border-radius: 10px;
|
|
|
/* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); */
|
|
|
@@ -1254,7 +1579,7 @@ export default {
|
|
|
margin-bottom: 15px;
|
|
|
float: left;
|
|
|
border: solid 1px #e7e7e7;
|
|
|
- transition: .2s;
|
|
|
+ transition: 0.2s;
|
|
|
|
|
|
/* cursor: pointer; */
|
|
|
}
|
|
|
@@ -1314,43 +1639,51 @@ export default {
|
|
|
height: 40%;
|
|
|
display: flex;
|
|
|
box-sizing: border-box;
|
|
|
- padding-top: 2%;
|
|
|
+ /* padding-top: 2%; */
|
|
|
justify-content: center;
|
|
|
+ color: #a1a1a1;
|
|
|
/* align-items: center; */
|
|
|
}
|
|
|
|
|
|
.ac_c_i_top {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
- height: calc(100% - 40px);
|
|
|
+ height: calc(100% - 40px - 10px);
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_t_left {
|
|
|
- width: 100px;
|
|
|
- min-width: 100px;
|
|
|
- height: 100%;
|
|
|
+ width: 80px;
|
|
|
+ min-width: 80px;
|
|
|
+ height: 80px;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: flex-start;
|
|
|
box-sizing: border-box;
|
|
|
- padding: 10px;
|
|
|
+ /* padding: 10px; */
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_t_left > svg {
|
|
|
width: 100%;
|
|
|
- height: auto;
|
|
|
+ height: 80px;
|
|
|
+ border: 1px solid #e7e7e7;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_t_left > img {
|
|
|
width: 100%;
|
|
|
object-fit: cover;
|
|
|
height: 80px;
|
|
|
+ border: 1px solid #e7e7e7;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_t_right {
|
|
|
flex: 1;
|
|
|
- width: calc(100% - 100px);
|
|
|
+ width: calc(100% - 100px - 10px);
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
@@ -1366,7 +1699,6 @@ export default {
|
|
|
align-items: flex-end;
|
|
|
justify-content: space-between;
|
|
|
position: relative;
|
|
|
- font-size: 1.3em;
|
|
|
font-weight: bold;
|
|
|
box-sizing: border-box;
|
|
|
padding-bottom: 2px;
|
|
|
@@ -1378,6 +1710,7 @@ export default {
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
+ font-size: 22px;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_t_popover {
|
|
|
@@ -1396,7 +1729,7 @@ export default {
|
|
|
padding: 2.5px;
|
|
|
/* transform: rotate(90deg); */
|
|
|
cursor: pointer;
|
|
|
- transition: .3s;
|
|
|
+ transition: 0.3s;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
|
|
|
@@ -1410,7 +1743,7 @@ export default {
|
|
|
background-color: #fff;
|
|
|
/* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); */
|
|
|
width: auto;
|
|
|
- border: 1px solid #E7E7E7
|
|
|
+ border: 1px solid #e7e7e7;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_t_p_box > div {
|
|
|
@@ -1428,7 +1761,7 @@ export default {
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
-.ac_c_i_t_p_box > div>img{
|
|
|
+.ac_c_i_t_p_box > div > img {
|
|
|
width: 18px;
|
|
|
height: 18px;
|
|
|
margin-right: 10px;
|
|
|
@@ -1443,6 +1776,7 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
+ margin: 10px 0;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_t_r_center > span {
|
|
|
@@ -1450,6 +1784,7 @@ export default {
|
|
|
max-width: calc(100% - 80px);
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
+ font-size: 18px;
|
|
|
color: #00000066;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
@@ -1460,7 +1795,7 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- font-size: 0.8em;
|
|
|
+ font-size: 16px;
|
|
|
background-color: #f3f3f3;
|
|
|
color: #00000066;
|
|
|
border-radius: 3px;
|
|
|
@@ -1474,39 +1809,39 @@ export default {
|
|
|
|
|
|
.ac_c_i_t_r_bottom {
|
|
|
max-width: 100%;
|
|
|
- max-height: calc(100% - 30px - 40px - 20px);
|
|
|
- margin-top: 10px;
|
|
|
+ max-height: calc(100% - 30px - 40px - 20px - 10px + 5px);
|
|
|
+ margin-top: 5px;
|
|
|
margin-bottom: 10px;
|
|
|
+ font-size: 16px;
|
|
|
color: #00000099;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 5;
|
|
|
+ -webkit-line-clamp: 4;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_bottom {
|
|
|
width: 100%;
|
|
|
- height: 40px;
|
|
|
- padding-top: 10px;
|
|
|
+ height: 60px;
|
|
|
box-sizing: border-box;
|
|
|
- border-top: solid 2px #e7e7e7;
|
|
|
+ border-top: solid 1px #e7e7e7;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_b_left {
|
|
|
- width: 130px;
|
|
|
+ width: calc(100% - 60px);
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
+ /* justify-content: space-between; */
|
|
|
overflow: auto;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_b_left > div {
|
|
|
- /* margin-right: 20px; */
|
|
|
+ margin-right: 20px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
@@ -1526,7 +1861,7 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 70px;
|
|
|
- height: 100%;
|
|
|
+ height: 70%;
|
|
|
justify-content: flex-end;
|
|
|
}
|
|
|
|
|
|
@@ -1549,6 +1884,53 @@ export default {
|
|
|
color: #000;
|
|
|
}
|
|
|
|
|
|
+.searchInputIcon {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ position: relative;
|
|
|
+ top: 10px;
|
|
|
+ right: 5px;
|
|
|
+ font-size: 19px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.ac_c_tc_item {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.ac_c_tc_i_top {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 20px;
|
|
|
+ /* background-color: red; */
|
|
|
+}
|
|
|
+
|
|
|
+.ac_c_tc_i_top > div {
|
|
|
+ font-size: 26px;
|
|
|
+}
|
|
|
+
|
|
|
+.ac_c_tc_i_top > span {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #a2a2a2;
|
|
|
+ font-size: 16px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.ac_c_tc_i_top > span > img {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ margin-left: 5px;
|
|
|
+ /*transform: rotate(90deg);*/
|
|
|
+ transition: 0.3s;
|
|
|
+}
|
|
|
+
|
|
|
/* .ac_c_i_top {
|
|
|
width: 100%;
|
|
|
height: 50px;
|
