From f5ffad6ce6b30df33fc546b9498491bedc6808b3 Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Wed, 06 Nov 2024 17:23:27 +0800
Subject: [PATCH] 企业详情
---
src/views/companyInfo/components/box/fireTrend.vue | 52 +++++++++++++++++++++++---
src/views/companyInfo/components/centerContainer.vue | 3 +
src/views/companyInfo/components/box/fireSource.vue | 6 +-
src/views/companyInfo/components/box/occurStatistics.vue | 50 ++++++++++++++++++++++--
src/views/layout/components/scomponents/layersControl.vue | 6 +-
5 files changed, 99 insertions(+), 18 deletions(-)
diff --git a/src/views/companyInfo/components/box/fireSource.vue b/src/views/companyInfo/components/box/fireSource.vue
index b125428..4a591ea 100644
--- a/src/views/companyInfo/components/box/fireSource.vue
+++ b/src/views/companyInfo/components/box/fireSource.vue
@@ -86,8 +86,8 @@
</div>
<div class="company-info-image">
- <!-- <img :src="data.companyInfo.image_urls" alt=""> -->
- {{ "图片" }}
+ <img :src="data.companyInfo.image_urls" alt="">
+ <!-- {{ "图片" }} -->
</div>
@@ -129,7 +129,7 @@
margin-top: 20px;
width: 100%;
height: 200px;
- background-color: pink;
+ // background-color: pink;
text-align: center;
}
</style>
\ No newline at end of file
diff --git a/src/views/companyInfo/components/box/fireTrend.vue b/src/views/companyInfo/components/box/fireTrend.vue
index 2db4635..57eb292 100644
--- a/src/views/companyInfo/components/box/fireTrend.vue
+++ b/src/views/companyInfo/components/box/fireTrend.vue
@@ -106,9 +106,9 @@
<template>
<public-content>
<template #content>
- <div>
+ <div class="search-box">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
- <el-form-item label="名称">
+ <el-form-item label="" class="form-item-input">
<el-input v-model="formInline.name" placeholder="请输入名称" clearable style="width: 120px" />
</el-form-item>
<!-- <el-form-item label="归属">
@@ -117,13 +117,13 @@
<el-option label="企业" value="2" />
</el-select>
</el-form-item> -->
- <el-form-item>
+ <el-form-item class="search-btn">
<el-button type="primary" @click="onSubmit">查询</el-button>
- <el-button type="" @click="clearBtn">重置</el-button>
+ <el-button type="primary" @click="clearBtn">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle"
- :cell-style="tableCellStyle" v-loading="loading">
+ :cell-style="tableCellStyle" v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)">
<el-table-column fixed prop="name" label="名称" />
<el-table-column prop="numUnit" label="数量" width="100" />
<!-- <el-table-column prop="firmName" label="单位名称" /> -->
@@ -143,9 +143,15 @@
color: #fff !important;
}
+.search-box {
+ ::v-deep .el-table__body-wrapper {
+ background-color: #152851;
+ }
+}
+
/* 当表格没有数据时，修改表格的背景颜色 */
.el-table--empty .el-table__body {
- background-color: #19284e !important;
+ background-color: rgba(135, 158, 199, 0.3) !important;
/* 你想要的背景颜色 */
}
@@ -157,4 +163,38 @@
justify-content: center;
// margin-bottom:10px;
}
+
+.form-item-input {
+ width: 200px;
+
+ ::v-deep(.el-input) {
+ width: 0;
+ flex: 1;
+
+ .el-input__wrapper {
+ font-size: 16px;
+ font-weight: 400;
+ border-radius: 0;
+ background: rgba(135, 158, 199, 0.3);
+ box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
+
+ .el-input__inner {
+ color: #BFD3E5;
+ }
+ }
+ }
+
+}
+
+.search-btn {
+ ::v-deep .el-button--primary {
+ background-color: transparent;
+ border-color: none;
+ border: none;
+ cursor: pointer;
+ color: #edffff;
+ background: rgba(135, 158, 199, 0.3);
+ box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
+ }
+}
</style>
diff --git a/src/views/companyInfo/components/box/occurStatistics.vue b/src/views/companyInfo/components/box/occurStatistics.vue
index b29e53a..22c813d 100644
--- a/src/views/companyInfo/components/box/occurStatistics.vue
+++ b/src/views/companyInfo/components/box/occurStatistics.vue
@@ -106,9 +106,9 @@
<template>
<public-content>
<template #content>
- <div>
+ <div class="search-box">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
- <el-form-item label="姓名">
+ <el-form-item label="" class="form-item-input">
<el-input v-model="formInline.perInCha" placeholder="请输入姓名" clearable style="width: 120px" />
</el-form-item>
<!-- <el-form-item label="归属">
@@ -117,13 +117,13 @@
<el-option label="企业" value="2" />
</el-select>
</el-form-item> -->
- <el-form-item>
+ <el-form-item class="search-btn">
<el-button type="primary" @click="onSubmit">查询</el-button>
- <el-button type="" @click="clearBtn">重置</el-button>
+ <el-button type="primary" @click="clearBtn">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle"
- :cell-style="tableCellStyle" v-loading="loading">
+ :cell-style="tableCellStyle" v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)">
<el-table-column fixed prop="perInCha" label="责任人姓名" />
<el-table-column prop="perInChaPho" label="联系电话" />
<!-- <el-table-column prop="firmName" label="单位名称" /> -->
@@ -149,6 +149,12 @@
/* 你想要的背景颜色 */
}
+.search-box {
+ ::v-deep .el-table__body-wrapper {
+ background-color: #152851;
+ }
+}
+
.el-page {
margin-top: 10px;
width: 100%;
@@ -157,4 +163,38 @@
justify-content: center;
// margin-bottom:10px;
}
+
+.form-item-input {
+ width: 200px;
+
+ ::v-deep(.el-input) {
+ width: 0;
+ flex: 1;
+
+ .el-input__wrapper {
+ font-size: 16px;
+ font-weight: 400;
+ border-radius: 0;
+ background: rgba(135, 158, 199, 0.3);
+ box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
+
+ .el-input__inner {
+ color: #BFD3E5;
+ }
+ }
+ }
+
+}
+
+.search-btn {
+ ::v-deep .el-button--primary {
+ background-color: transparent;
+ border-color: none;
+ border: none;
+ cursor: pointer;
+ color: #edffff;
+ background: rgba(135, 158, 199, 0.3);
+ box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
+ }
+}
</style>
diff --git a/src/views/companyInfo/components/centerContainer.vue b/src/views/companyInfo/components/centerContainer.vue
index bb43c08..11478d1 100644
--- a/src/views/companyInfo/components/centerContainer.vue
+++ b/src/views/companyInfo/components/centerContainer.vue
@@ -69,7 +69,7 @@
.center-name {
font-size: 30px;
margin: 10px 0;
- font-family: "华文行楷";
+ font-family: YouSheBiaoTiHei;
}
.button-group {
@@ -89,6 +89,7 @@
background-color: transparent;
color: #fff;
font-size: 25px;
+ font-family: YouSheBiaoTiHei;
}
.center-info {
diff --git a/src/views/layout/components/scomponents/layersControl.vue b/src/views/layout/components/scomponents/layersControl.vue
index 0826c86..03da5ab 100644
--- a/src/views/layout/components/scomponents/layersControl.vue
+++ b/src/views/layout/components/scomponents/layersControl.vue
@@ -301,9 +301,9 @@
}
onMounted(() => {
- handleCheckChange(data.filter(i => i.id == '1'), {
- checkedKeys: ['1']
- })
+ // handleCheckChange(data.filter(i => i.id == '1'), {
+ // checkedKeys: ['1']
+ // })
})
</script>
--
Gitblit v1.9.3