changes 修改披露评级页面
This commit is contained in:
parent
b91a645a10
commit
693bb2cc57
|
@ -7,6 +7,7 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@element-plus/icons": "^0.0.11",
|
"@element-plus/icons": "^0.0.11",
|
||||||
|
"axios": "^1.6.7",
|
||||||
"echarts": "^5.4.3",
|
"echarts": "^5.4.3",
|
||||||
"element-plus": "^2.3.8",
|
"element-plus": "^2.3.8",
|
||||||
"vue": "^3.0.4",
|
"vue": "^3.0.4",
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 22 KiB |
|
@ -1,23 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<el-header>
|
<el-header>
|
||||||
<el-row>
|
|
||||||
<el-link v-for="(item, index) in routerPath" :key="index" @click="goPath(item.path)">{{ item.name }}</el-link>
|
|
||||||
</el-row>
|
|
||||||
<el-row align="middle">
|
|
||||||
<el-link to="/login" v-if="!user.email" @click="visible = true">登录</el-link>
|
|
||||||
<el-dropdown trigger="click" v-else>
|
|
||||||
<span class="el-dropdown-link" style="color:#fff">
|
|
||||||
你好,{{ user.company_name }}
|
|
||||||
</span>
|
|
||||||
<template #dropdown>
|
|
||||||
<el-dropdown-menu>
|
|
||||||
<el-dropdown-item :icon="Message">{{ user.email }}</el-dropdown-item>
|
|
||||||
<el-dropdown-item :icon="SwitchButton" divided @click="logOut">退出</el-dropdown-item>
|
|
||||||
</el-dropdown-menu>
|
|
||||||
</template>
|
|
||||||
</el-dropdown>
|
|
||||||
</el-row>
|
|
||||||
<login :visible="visible" @close="close" />
|
|
||||||
</el-header>
|
</el-header>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -30,9 +13,9 @@ import login from "./login.vue"
|
||||||
const visible = ref(false)
|
const visible = ref(false)
|
||||||
const routerPath = ref([
|
const routerPath = ref([
|
||||||
{ path: "/home", name: "首页" },
|
{ path: "/home", name: "首页" },
|
||||||
{ path: "/rank", name: "企业榜单" },
|
// { path: "/rank", name: "企业榜单" },
|
||||||
{ path: "/rating", name: "参与评级" },
|
// { path: "/rating", name: "参与评级" },
|
||||||
{ path: "/my", name: "我的评级" },
|
// { path: "/my", name: "我的评级" },
|
||||||
])
|
])
|
||||||
const user = ref({ email: "", company_name: "" })
|
const user = ref({ email: "", company_name: "" })
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
@ -63,11 +46,15 @@ const close = (value) => {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: rgba(0, 0, 0, .05);
|
background-color: rgb(255,255,255);
|
||||||
background-color: #fff;
|
background-image: url('src/assets/image/banner01.jpg');
|
||||||
|
background-size: auto calc(100% - 10px); /* 图片的高度为容器高度减去上下边距 */
|
||||||
|
background-position: center 5px; /* 图片垂直居中,但向下偏移5px */
|
||||||
|
background-repeat: no-repeat;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
height: 60px; /* 假设你的容器高度为60px */
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -2,50 +2,71 @@
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-row class="container" justify="center">
|
<el-row class="container" justify="center">
|
||||||
<h1>中小商企信用评价</h1>
|
<h1>中小商企信用评价</h1>
|
||||||
<el-row class="tag-box">
|
|
||||||
<el-check-tag :checked="!checkValue" @click="checkValue = 0">公司</el-check-tag>
|
|
||||||
<el-check-tag :checked="checkValue == 1" @click="checkValue = 1">行业</el-check-tag>
|
|
||||||
<el-check-tag :checked="checkValue == 2" @click="checkValue = 2">全搜索</el-check-tag>
|
|
||||||
</el-row>
|
|
||||||
<company v-if="!checkValue" />
|
|
||||||
<industry v-if="checkValue == 1" />
|
<industry v-if="checkValue == 1" />
|
||||||
<el-card shadow="never" v-for="(item, index) in 10">
|
|
||||||
|
<el-card shadow="never" v-for="(item, index) in companyData" :key="index">
|
||||||
<el-row align="middle" justify="space-between" style="flex-wrap: nowrap;">
|
<el-row align="middle" justify="space-between" style="flex-wrap: nowrap;">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
万
|
{{ item.company_name.substring(0, 1) }}
|
||||||
</div>
|
</div>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-row justify="space-between" style="width:100%">
|
<el-row justify="space-between" style="width:100%">
|
||||||
<el-row align="middle" style="width:auto">
|
<el-row align="middle" style="width:auto">
|
||||||
<h5>万科企业股份有限公司</h5><el-tag style="margin-left: 20px;">存续</el-tag>
|
<h5>{{ item.company_name }}</h5>
|
||||||
|
<el-tag style="margin-left: 20px;">{{ item.regStatus }}</el-tag>
|
||||||
</el-row>
|
</el-row>
|
||||||
<p style="font-weight: 800;color: #409EFF;">98/AAA</p>
|
<p style="font-weight: 800;color: rgb(194,44,44);">{{ item.rate_scope }}/{{ item.rate_level }}</p>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<span class="describe">法定代表人:郁亮</span>
|
<span class="describe">法定代表人:{{ item.legalPersonName }}</span>
|
||||||
<span class="describe">注册资本:1099521.0218万人民币</span>
|
<span class="describe">注册资本:{{ item.regCapital }}</span>
|
||||||
<span class="describe">成立日期:1984-05-30</span>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<span class="describe">电话:0755-25609865</span>
|
<span class="describe">成立日期:{{ item.estiblishTime }}</span>
|
||||||
<span class="describe">邮箱:liufy@vanke.com</span>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<span class="describe">地址:深圳市盐田区大梅沙环美路33号万科中心</span>
|
<span class="describe">电话:{{ item.phoneNumber }}</span>
|
||||||
|
<span class="describe">邮箱:{{ item.email }}</span>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<span class="describe address">地址:{{ item.regLocation }}</span>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-container>
|
</el-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang='ts'>
|
<script setup lang='ts'>
|
||||||
import { ref } from "vue"
|
import { ref, onMounted } from "vue"
|
||||||
import company from "./company.vue"
|
import axios from 'axios'
|
||||||
import industry from "./industry.vue"
|
import industry from "./industry.vue"
|
||||||
|
|
||||||
const checkValue = ref(0)
|
const checkValue = ref(0)
|
||||||
|
const companyData = ref([]) // 存储从API获取的公司数据
|
||||||
|
const count = ref(0) // 存储返回的数据总数
|
||||||
|
|
||||||
|
// API请求的方法
|
||||||
|
const fetchData = async () => {
|
||||||
|
try {
|
||||||
|
const params = {
|
||||||
|
id: null,
|
||||||
|
publish_state: "已披露",
|
||||||
|
page: 1,
|
||||||
|
page_size: 10
|
||||||
|
};
|
||||||
|
const response = await axios.post('http://127.0.0.1:8008/wd-smebiz/smebiz_rate/company_rate/disclose_data', { params })
|
||||||
|
companyData.value = response.data.result // 假设返回的数据在result字段中
|
||||||
|
count.value = response.data.count
|
||||||
|
} catch (error) {
|
||||||
|
console.error('API请求错误:', error)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 在组件加载时调用
|
||||||
|
onMounted(fetchData)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
@ -66,7 +87,7 @@ const checkValue = ref(0)
|
||||||
.logo {
|
.logo {
|
||||||
width: 60px;
|
width: 60px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
background-color: #409EFF;
|
background-color: rgb(194,44,44);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
|
@ -89,4 +110,11 @@ h5 {
|
||||||
.describe{
|
.describe{
|
||||||
margin:5px 30px 5px 0;
|
margin:5px 30px 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.describe.address {
|
||||||
|
flex-basis: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;/* Make the address take the full width */
|
||||||
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue