|
@@ -119,14 +119,14 @@
|
|
|
style="margin-left: 10px;"
|
|
|
icon="el-icon-search"
|
|
|
@click="getData"
|
|
|
+ clearable
|
|
|
></el-button>
|
|
|
- <el-button type="primary" @click="resetData">重置</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="ac_content">
|
|
|
- <div class="ac_c_item" v-for="item in 10">
|
|
|
+ <!-- <div class="ac_c_item" v-for="item in 0">
|
|
|
<div class="ac_c_i_top">
|
|
|
<img
|
|
|
src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/default%2F%E6%B5%8B%E8%AF%951733981587859.jpg"
|
|
@@ -172,7 +172,7 @@
|
|
|
<div>标签</div>
|
|
|
<span>工作流</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div class="ac_c_empty" v-if="dataList.length === 0">
|
|
|
<span>暂无数据...</span>
|
|
|
</div>
|
|
@@ -236,7 +236,7 @@ export default {
|
|
|
org: this.$route.query["org"],
|
|
|
oid: this.$route.query["oid"],
|
|
|
getDataLoading: false,
|
|
|
- dataList: [1],
|
|
|
+ dataList: [],
|
|
|
recentUse: [],
|
|
|
collect: [],
|
|
|
editAppCard: null,
|
|
@@ -261,7 +261,7 @@ export default {
|
|
|
this.getData();
|
|
|
},
|
|
|
getData() {
|
|
|
- this.$message.info("获取数据暂未开发...");
|
|
|
+ // this.$message.info("获取数据暂未开发...");
|
|
|
},
|
|
|
updateCard(newValue) {
|
|
|
// if (this.editAppCard === id) return (this.editAppCard = null);
|
|
@@ -324,8 +324,8 @@ export default {
|
|
|
}
|
|
|
|
|
|
.ac_left {
|
|
|
- width: 280px;
|
|
|
- min-width: 280px;
|
|
|
+ width: clamp(150px,12vw,280px);
|
|
|
+ min-width: 150px;
|
|
|
margin-right: 20px;
|
|
|
height: 100%;
|
|
|
border-radius: 5px;
|
|
@@ -337,7 +337,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.ac_right {
|
|
|
- width: calc(100% - 280px);
|
|
|
+ flex: 1;
|
|
|
min-width: 800px;
|
|
|
height: 100%;
|
|
|
overflow-y: hidden;
|
|
@@ -392,7 +392,7 @@ export default {
|
|
|
|
|
|
.ac_h_banner {
|
|
|
width: 100%;
|
|
|
- height: 300px;
|
|
|
+ height: clamp(100px,20vh,300px);
|
|
|
border-radius: 5px;
|
|
|
overflow: hidden;
|
|
|
box-sizing: border-box;
|
|
@@ -465,6 +465,7 @@ export default {
|
|
|
margin-bottom: 15px;
|
|
|
float: left;
|
|
|
position: relative;
|
|
|
+ overflow: hidden;
|
|
|
/* cursor: pointer; */
|
|
|
}
|
|
|
|
|
@@ -511,15 +512,15 @@ export default {
|
|
|
|
|
|
.ac_c_i_top {
|
|
|
width: 100%;
|
|
|
- height: 180px;
|
|
|
+ height: calc(100px,10vw,180px);
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.ac_c_i_top > img {
|
|
|
- width: 130px;
|
|
|
- height: 130px;
|
|
|
+ width: clamp(80px,8vw,130px);
|
|
|
+ height:clamp(80px,8vw,130px);
|
|
|
object-fit: cover;
|
|
|
border-radius: 10px;
|
|
|
margin: 10px 15px 10px 10px;
|
|
@@ -546,7 +547,7 @@ export default {
|
|
|
font-size: 1em;
|
|
|
color: #8991a1;
|
|
|
width: calc(100%);
|
|
|
- height: 74px;
|
|
|
+ height: clamp(2em,7vh,4em);
|
|
|
/* 第四行溢出显示... */
|
|
|
display: -webkit-box;
|
|
|
display: block;
|