|
|
@@ -47,7 +47,9 @@
|
|
|
<p>项目成果</p>
|
|
|
<el-col :span="24" class="all">
|
|
|
<el-col :span="3" class="textAll"><span>全部</span></el-col>
|
|
|
- <el-col :span="3" class="field" v-for="(item, index) in fieldList" :key="index" @click.native="change(item, index)">{{ item }}</el-col>
|
|
|
+ <span class="field" v-for="(item, index) in fieldList" :key="index" @click="change(item, index)" :class="{ active: num == index }">{{
|
|
|
+ item
|
|
|
+ }}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="list">
|
|
|
<el-table :data="list1" stripe style="width: 100%" fit :show-header="false">
|
|
|
@@ -144,6 +146,7 @@ export default {
|
|
|
currentPage: 1,
|
|
|
origin: [],
|
|
|
list1: [],
|
|
|
+ num: '-1',
|
|
|
};
|
|
|
},
|
|
|
async created() {
|
|
|
@@ -187,6 +190,7 @@ export default {
|
|
|
let techol = val.filter(i => i.field == item);
|
|
|
this.$set(this, `list1`, techol);
|
|
|
this.$set(this, `total`, techol.length);
|
|
|
+ this.num = index;
|
|
|
},
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -209,6 +213,10 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
+.active {
|
|
|
+ background-color: #2152cb;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
.main {
|
|
|
.one {
|
|
|
height: 100px;
|
|
|
@@ -359,6 +367,7 @@ export default {
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
.textAll {
|
|
|
background-color: #2152cb;
|
|
|
@@ -408,5 +417,10 @@ export default {
|
|
|
font-weight: 400;
|
|
|
font-size: 14px;
|
|
|
color: black;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
}
|
|
|
</style>
|
