|
@@ -21,9 +21,23 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="boxall">
|
|
|
+ <div class="boxall" v-show="is_show">
|
|
|
<div class="alltitle">行业领域占比情况</div>
|
|
|
- <echarts1></echarts1>
|
|
|
+ <echarts1 :info_3="info_3" @dataChange="dataChange"></echarts1>
|
|
|
+ </div>
|
|
|
+ <div class="boxall" v-if="!is_show">
|
|
|
+ <div class="alltitle">
|
|
|
+ <div>企业信息</div>
|
|
|
+ <button class="button type1" @click="toBack2">返回</button>
|
|
|
+ </div>
|
|
|
+ <div class="wraptit"><span>企业名称</span></div>
|
|
|
+ <div class="one">
|
|
|
+ <vue3-seamless-scroll :list="oneList" :hover="true" :step="0.2" :wheel="true" :isWatch="true" class="scroll">
|
|
|
+ <div class="wrap" v-for="(item, index) in oneList" :key="index" @click="toCView(item)">
|
|
|
+ <div class="other">{{ item.name || '暂无名称' }}</div>
|
|
|
+ </div>
|
|
|
+ </vue3-seamless-scroll>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -161,8 +175,10 @@ import video_4 from '/images/video_4.jpg'
|
|
|
import loadingUrl from '../elevenHatch/images/loading.gif'
|
|
|
const twoList = ref([{ url: video_1 }, { url: video_2 }, { url: video_3 }, { url: video_4 }])
|
|
|
const thrList = ref([])
|
|
|
+const is_show = ref(true)
|
|
|
const info = ref({ show: true })
|
|
|
-const info_2 = ref()
|
|
|
+const info_2 = ref({})
|
|
|
+const info_3 = ref({})
|
|
|
const yearInfo = ref({})
|
|
|
const year1 = ref('2023')
|
|
|
const year2 = ref('2023')
|
|
@@ -177,6 +193,7 @@ const column = ref([
|
|
|
])
|
|
|
// 列表
|
|
|
const list_1 = ref([])
|
|
|
+const oneList = ref([])
|
|
|
let skip = 0
|
|
|
let limit = 10
|
|
|
const total = ref(0)
|
|
@@ -188,6 +205,7 @@ onMounted(async () => {
|
|
|
await searchYear()
|
|
|
await searchcYear()
|
|
|
await updateTime()
|
|
|
+ await searchField()
|
|
|
loading.value = false
|
|
|
})
|
|
|
const searchOther = async () => {
|
|
@@ -239,6 +257,26 @@ const searchcYear = async () => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+const searchField = async () => {
|
|
|
+ if (info.value.id) {
|
|
|
+ const data = { is_use: '0', incubator: info.value.id, status: '1' }
|
|
|
+ const res = await incubatorStore.field(data)
|
|
|
+ if (res.errcode == '0') info_3.value = res.data
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+const searchcField = async (name) => {
|
|
|
+ if (info.value.id) {
|
|
|
+ const data = {
|
|
|
+ incubator: info.value.id,
|
|
|
+ industry: name,
|
|
|
+ status: '1'
|
|
|
+ }
|
|
|
+ const res = await incubatorStore.cfield(data)
|
|
|
+ if (res.errcode == '0') oneList.value = res.data
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
// 创建一个函数来格式化时间并更新状态
|
|
|
const updateTime = () => {
|
|
|
const now = new Date()
|
|
@@ -283,7 +321,7 @@ const toYear1 = (e) => {
|
|
|
//孵化基地企业产业占比
|
|
|
const toYear2 = (e) => {
|
|
|
year2.value = e
|
|
|
- console.log(e)
|
|
|
+ searchcYear()
|
|
|
}
|
|
|
// 孵化基地汇总
|
|
|
const toNum = (item) => {
|
|
@@ -292,11 +330,23 @@ const toNum = (item) => {
|
|
|
// 返回
|
|
|
const toBack = async () => {
|
|
|
info.value.show = true
|
|
|
+ is_show.value = true
|
|
|
+ skip = 0
|
|
|
+ limit = 10
|
|
|
await search()
|
|
|
}
|
|
|
+// 返回
|
|
|
+const toBack2 = async () => {
|
|
|
+ is_show.value = true
|
|
|
+}
|
|
|
// 查看企业信息
|
|
|
const toCView = (item) => {
|
|
|
- router.push({ path: `/company/detail`, query: { id: item.company } })
|
|
|
+ router.push({ path: `/company/detail`, query: { id: item.company || item.id } })
|
|
|
+}
|
|
|
+// 点击饼图
|
|
|
+const dataChange = async (name) => {
|
|
|
+ await searchcField(name)
|
|
|
+ is_show.value = false
|
|
|
}
|
|
|
const currentPage = ref(1)
|
|
|
// 分页
|
|
@@ -406,6 +456,10 @@ const sizeChange = (limits) => {
|
|
|
position: relative;
|
|
|
margin-bottom: 10px;
|
|
|
z-index: 10;
|
|
|
+ .compField {
|
|
|
+ height: 296px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
.center_list {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
@@ -709,7 +763,7 @@ const sizeChange = (limits) => {
|
|
|
letter-spacing: 2px;
|
|
|
}
|
|
|
.one {
|
|
|
- height: 72px;
|
|
|
+ height: 240px;
|
|
|
overflow: hidden;
|
|
|
.scroll {
|
|
|
width: 100%;
|
|
@@ -719,11 +773,8 @@ const sizeChange = (limits) => {
|
|
|
border: 1px solid rgba(25, 186, 139, 0.17);
|
|
|
padding: 10px;
|
|
|
margin: 0 0 10px 0;
|
|
|
- .other:first-child {
|
|
|
- width: 40%;
|
|
|
- }
|
|
|
.other {
|
|
|
- width: 30%;
|
|
|
+ width: 100%;
|
|
|
color: rgba(255, 255, 255, 0.6);
|
|
|
text-align: center;
|
|
|
text-overflow: ellipsis;
|