|
@@ -30,18 +30,33 @@
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="行业代码" style="margin-bottom: 0">
|
|
|
|
|
|
+ <el-form-item label="数据分布区间" style="margin-bottom: 0">
|
|
<el-input
|
|
<el-input
|
|
- v-model="selectedCode"
|
|
|
|
- placeholder="请输入行业代码"
|
|
|
|
|
|
+ v-model="selectedRange"
|
|
|
|
+ placeholder="请设置数据分布区间"
|
|
clearable
|
|
clearable
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
/>
|
|
/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="数据分布区间" style="margin-bottom: 0">
|
|
|
|
|
|
+ <el-form-item label="企业分类">
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="typeNum"
|
|
|
|
+ style="width: 100%"
|
|
|
|
+ clearable
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in enterTypeList"
|
|
|
|
+ :key="item.number"
|
|
|
|
+ :value="item.number"
|
|
|
|
+ :label="keyToChineseEtype(item.number)"
|
|
|
|
+ >
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="行业代码" style="margin-bottom: 0">
|
|
<el-input
|
|
<el-input
|
|
- v-model="selectedRange"
|
|
|
|
- placeholder="请设置数据分布区间"
|
|
|
|
|
|
+ v-model="selectedCode"
|
|
|
|
+ placeholder="请输入行业代码"
|
|
clearable
|
|
clearable
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
/>
|
|
/>
|
|
@@ -51,6 +66,7 @@
|
|
{{ industryMap.get(selectedCode) }}
|
|
{{ industryMap.get(selectedCode) }}
|
|
</div>
|
|
</div>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+
|
|
<el-form-item style="margin-bottom: 0">
|
|
<el-form-item style="margin-bottom: 0">
|
|
<el-button type="primary" icon="el-icon-search" @click="updateChart" size="mini"
|
|
<el-button type="primary" icon="el-icon-search" @click="updateChart" size="mini"
|
|
>搜索</el-button
|
|
>搜索</el-button
|
|
@@ -110,8 +126,9 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import * as echarts from "echarts";
|
|
import * as echarts from "echarts";
|
|
-import { listBase_data_year } from "@/api/base_data_year/base_data_year";
|
|
|
|
-import { listIndustry } from "@/api/industry/industry"; // 导入行业数据的接口
|
|
|
|
|
|
+import { listBase_data_year, listBase_data_year_all} from "@/api/base_data_year/base_data_year";
|
|
|
|
+import { listAllIndustry } from "@/api/industry/industry"; // 导入行业数据的接口
|
|
|
|
+import { listEtypeAll } from "@/api/etype/etype";
|
|
require("echarts/theme/macarons"); // echarts theme
|
|
require("echarts/theme/macarons"); // echarts theme
|
|
import resize from "./mixins/resize";
|
|
import resize from "./mixins/resize";
|
|
|
|
|
|
@@ -179,7 +196,7 @@ export default {
|
|
selectedYear: null,
|
|
selectedYear: null,
|
|
queryParams: {
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
- pageSize: 2000000, // 默认 2000000 条(全部一次性数据)
|
|
|
|
|
|
+ pageSize: 10, // 默认 2000000 条(全部一次性数据)
|
|
enterpriseName: null,
|
|
enterpriseName: null,
|
|
location: null,
|
|
location: null,
|
|
code: null,
|
|
code: null,
|
|
@@ -200,13 +217,15 @@ export default {
|
|
},
|
|
},
|
|
industryQueryParams: {
|
|
industryQueryParams: {
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
- pageSize: 2000000,
|
|
|
|
|
|
+ pageSize: 10,
|
|
industryName: null,
|
|
industryName: null,
|
|
code: null,
|
|
code: null,
|
|
}, // 查询行业信息
|
|
}, // 查询行业信息
|
|
availableYears: [],
|
|
availableYears: [],
|
|
selectedRange: 300, // 不能为 0
|
|
selectedRange: 300, // 不能为 0
|
|
tableData: [],
|
|
tableData: [],
|
|
|
|
+ enterTypeList: [],
|
|
|
|
+ typeNum: null
|
|
};
|
|
};
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
@@ -221,7 +240,7 @@ export default {
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
fetchData() {
|
|
fetchData() {
|
|
- listBase_data_year(this.queryParams)
|
|
|
|
|
|
+ listBase_data_year_all(this.queryParams)
|
|
.then((response) => {
|
|
.then((response) => {
|
|
this.chartData = response.rows;
|
|
this.chartData = response.rows;
|
|
this.availableYears = [
|
|
this.availableYears = [
|
|
@@ -237,7 +256,7 @@ export default {
|
|
console.error("Error fetching data:", error);
|
|
console.error("Error fetching data:", error);
|
|
});
|
|
});
|
|
|
|
|
|
- listIndustry(this.industryQueryParams)
|
|
|
|
|
|
+ listAllIndustry(this.industryQueryParams)
|
|
.then((response) => {
|
|
.then((response) => {
|
|
this.industryData = response.rows;
|
|
this.industryData = response.rows;
|
|
// console.log("industry_info" + this.industryData);
|
|
// console.log("industry_info" + this.industryData);
|
|
@@ -250,6 +269,17 @@ export default {
|
|
.catch((error) => {
|
|
.catch((error) => {
|
|
console.error("Error fetching data:", error);
|
|
console.error("Error fetching data:", error);
|
|
});
|
|
});
|
|
|
|
+ this.getEtypeAll()
|
|
|
|
+ },
|
|
|
|
+ getEtypeAll() {
|
|
|
|
+ return listEtypeAll().then((res) => {
|
|
|
|
+ this.enterTypeList = res;
|
|
|
|
+ // console.log(this.enterTypeList);
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ keyToChineseEtype(num) {
|
|
|
|
+ const item = this.enterTypeList.find((element) => element.number === num);
|
|
|
|
+ return item ? item.name : null;
|
|
},
|
|
},
|
|
initChart() {
|
|
initChart() {
|
|
if (this.chart) {
|
|
if (this.chart) {
|