|
|
|
@ -1,7 +1,7 @@
|
|
|
|
<!--
|
|
|
|
<!--
|
|
|
|
* @Author: xw
|
|
|
|
* @Author: xw
|
|
|
|
* @Date: 2021-10-08 09:17:42
|
|
|
|
* @Date: 2021-10-08 09:17:42
|
|
|
|
* @LastEditTime: 2021-10-28 19:03:45
|
|
|
|
* @LastEditTime: 2021-10-29 18:00:24
|
|
|
|
* @LastEditors: Please set LastEditors
|
|
|
|
* @LastEditors: Please set LastEditors
|
|
|
|
* @Description: 行业洞察
|
|
|
|
* @Description: 行业洞察
|
|
|
|
* @FilePath: /data-show/src/views/Index/index.vue
|
|
|
|
* @FilePath: /data-show/src/views/Index/index.vue
|
|
|
|
@ -31,12 +31,14 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--对话框-->
|
|
|
|
<!--对话框-->
|
|
|
|
<v-modal :eleStyle="{ width: '86rem', height: '50rem' }" :visible.sync="modalObj.visible" :title="modalObj.title">
|
|
|
|
<v-modal :eleStyle="{ width: '86rem', height: '50rem' }" :visible.sync="modalObj.visible" :title="modalObj.title">
|
|
|
|
<div slot="body" :style="{padding: '16px'}">
|
|
|
|
<div slot="body" :style="{padding: '1rem', height: '47rem'}">
|
|
|
|
|
|
|
|
<vue-scroll ref="vs">
|
|
|
|
<v-table :columns="columns" :data="tbData" :loading="tableLoading" :pagination="false" row-key="id">
|
|
|
|
<v-table :columns="columns" :data="tbData" :loading="tableLoading" :pagination="false" row-key="id">
|
|
|
|
<template slot="titlex" slot-scope="text, record">
|
|
|
|
<template slot="titlex" slot-scope="text, record">
|
|
|
|
<a :href="record.url" style="color: #fff" target="_blank">{{ text }}</a>
|
|
|
|
<a :href="record.url" style="color: #fff" target="_blank">{{ text }}</a>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</v-table>
|
|
|
|
</v-table>
|
|
|
|
|
|
|
|
</vue-scroll>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</v-modal>
|
|
|
|
</v-modal>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -115,14 +117,18 @@ export default {
|
|
|
|
this.form.sQuDao = key;
|
|
|
|
this.form.sQuDao = key;
|
|
|
|
this.getTableList().then(() => {
|
|
|
|
this.getTableList().then(() => {
|
|
|
|
this.modalObj.visible = true;
|
|
|
|
this.modalObj.visible = true;
|
|
|
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
|
|
|
console.log(this.$refs["vs"])
|
|
|
|
|
|
|
|
this.$refs["vs"].scrollTo({y: 20},300,"easeInQuad")
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
getTableList() {
|
|
|
|
getTableList() {
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
let obj = Object.assign({}, this.getCommTime, this.form);
|
|
|
|
let obj = Object.assign({}, this.getCommTime, this.form);
|
|
|
|
this.tableLoading= true;
|
|
|
|
this.tableLoading = true;
|
|
|
|
getHomeList0528(obj).then((res) => {
|
|
|
|
getHomeList0528(obj)
|
|
|
|
|
|
|
|
.then((res) => {
|
|
|
|
let data = res.data || [];
|
|
|
|
let data = res.data || [];
|
|
|
|
let arr = [];
|
|
|
|
let arr = [];
|
|
|
|
data.forEach((ele) => {
|
|
|
|
data.forEach((ele) => {
|
|
|
|
@ -131,9 +137,10 @@ export default {
|
|
|
|
});
|
|
|
|
});
|
|
|
|
this.tbData = arr;
|
|
|
|
this.tbData = arr;
|
|
|
|
this.tableLoading = false;
|
|
|
|
this.tableLoading = false;
|
|
|
|
resolve(arr)
|
|
|
|
resolve(arr);
|
|
|
|
}).catch(() => {
|
|
|
|
})
|
|
|
|
reject(false)
|
|
|
|
.catch(() => {
|
|
|
|
|
|
|
|
reject(false);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -159,8 +166,8 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/deep/ .ant-table-body {
|
|
|
|
// /deep/ .ant-table-body {
|
|
|
|
max-height: 670px;
|
|
|
|
// max-height: 670px;
|
|
|
|
overflow: auto;
|
|
|
|
// overflow: auto;
|
|
|
|
}
|
|
|
|
// }
|
|
|
|
</style>
|
|
|
|
</style>
|
