|
|
@@ -1,439 +1,228 @@
|
|
|
<template>
|
|
|
<div class="container rating-overview-content">
|
|
|
- <div class="select-box">
|
|
|
- <el-select v-model="yearValue" placeholder="请选择年份">
|
|
|
- <el-option v-for="item in optionsYear" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
|
|
- </el-select>
|
|
|
- <el-select v-model="quarterValue" placeholder="请选择季度">
|
|
|
- <el-option v-for="item in quarterOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
|
|
- </el-select>
|
|
|
- <el-input placeholder="请输入券商名称" prefix-icon="el-icon-search" v-model="brokerName"> </el-input>
|
|
|
- <el-cascader v-model="valueLocation" collapse-tags :props="{ multiple: true, value: 'name', children: 'city', label: 'name' }" clearable :options="locationOptions" placeholder="请选择城市">
|
|
|
- </el-cascader>
|
|
|
+ <div class="top-select">
|
|
|
+ <div class="select-box">
|
|
|
+ <el-date-picker style="width: 220px" v-model="yearValue" type="year" placeholder="请选择年份" :clearable="false" @change="changeHandle"> </el-date-picker>
|
|
|
+ <el-select style="width: 220px; margin: 0 20px" v-model="selectedQuarter" placeholder="请选择季度" @change="changeHandle">
|
|
|
+ <el-option v-for="item in quarterOptions" :key="item.label" :label="item.label" :value="item.value"> </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-input style="width: 220px" placeholder="请输入券商名称" prefix-icon="el-icon-search" v-model="brokerName" @input="changeHandle"> </el-input>
|
|
|
+ <el-cascader
|
|
|
+ style="width: 220px; margin: 0 20px"
|
|
|
+ v-model="valueLocation"
|
|
|
+ collapse-tags
|
|
|
+ :props="{ multiple: true, value: 'name', children: 'city', label: 'name' }"
|
|
|
+ clearable
|
|
|
+ :options="locationOptions"
|
|
|
+ placeholder="请选择城市"
|
|
|
+ @change="changeHandle"
|
|
|
+ >
|
|
|
+ </el-cascader>
|
|
|
+ <a :href="exportUser" download>
|
|
|
+ <el-button type="primary" style="width: 80px">导出</el-button>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button @click="enterScoreType = !enterScoreType" type="primary">{{ enterScoreType ? "百分比显示" : "原始值显示" }} </el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<div class="table-cont">
|
|
|
- <table>
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <td v-for="(item, index) in tableTheadColumns" :key="item" :class="['head-column', index > 0 && 'head-column-item']">
|
|
|
- {{ item }}
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- </table>
|
|
|
-
|
|
|
- <div class="table-body-wrapper">
|
|
|
+ <template v-if="tableTheadColumns.length">
|
|
|
<table>
|
|
|
- <tbody v-for="(item, index) in datalist" :key="index">
|
|
|
+ <thead>
|
|
|
<tr>
|
|
|
- <td class="thead-rs">{{ item.ChartPermissionName }}</td>
|
|
|
- <td v-for="item in 4" :key="item"></td>
|
|
|
+ <td class="'head-column'"></td>
|
|
|
+ <td v-for="item in tableTheadColumns" :key="item" :class="['head-column']">
|
|
|
+ {{ item.CompanyName }}
|
|
|
+ </td>
|
|
|
</tr>
|
|
|
- <tr v-for="rs in item.List" :key="rs.RealName" class="content-ul">
|
|
|
- <td>{{ rs.RealName }}</td>
|
|
|
- <td>{{ rs.TotalRelatedContract }}</td>
|
|
|
- <td>{{ rs.TotalDispatchPoint }}</td>
|
|
|
- <td>{{ rs.GroupProportion }}</td>
|
|
|
- <td>{{ rs.DepartmentProportion }}</td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
-
|
|
|
- <tfoot></tfoot>
|
|
|
+ </thead>
|
|
|
</table>
|
|
|
- </div>
|
|
|
+
|
|
|
+ <div class="table-body-wrapper">
|
|
|
+ <table>
|
|
|
+ <tbody v-for="(item, index) in datalist" :key="index">
|
|
|
+ <tr>
|
|
|
+ <td class="thead-rs">{{ item.ChartPermissionName }}</td>
|
|
|
+ <td v-for="item in tableTheadColumns.length" :key="item"></td>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="rs in item.List" :key="rs.RealName" class="content-ul">
|
|
|
+ <td>{{ rs.RealName }}</td>
|
|
|
+ <td v-for="pr in rs.ProportionListText" :key="pr">{{ pr }}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ <tbody v-for="(item, index) in listGroup" :key="index">
|
|
|
+ <tr>
|
|
|
+ <td class="thead-rs">{{ item.GroupName }}</td>
|
|
|
+ <td v-for="key in item.ProportionListText" :key="key">{{ key }}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ <tfoot></tfoot>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <template v-if="!datalist.length && !listGroup.length"> <div class="not-text">暂无数据</div> </template>
|
|
|
+ </template>
|
|
|
+ <template v-else> <div class="not-text">暂无数据</div> </template>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { locationOptions } from "../customList/location";
|
|
|
+import { customInterence, xClassCustomApi } from "@/api/api.js";
|
|
|
+
|
|
|
export default {
|
|
|
name: "",
|
|
|
components: {},
|
|
|
props: {},
|
|
|
data() {
|
|
|
return {
|
|
|
- yearValue: "", // 年份
|
|
|
- optionsYear: [],
|
|
|
- quarterValue: "", // 季度
|
|
|
- quarterOptions: [],
|
|
|
- brokerName: "", // 券商名
|
|
|
- valueLocation: "", //地址
|
|
|
- tableTheadColumns: [],
|
|
|
- datalist: [
|
|
|
+ yearValue: new Date().getFullYear().toString(), // 年份
|
|
|
+ selectedQuarter: [], // 季度
|
|
|
+ quarterOptions: [
|
|
|
{
|
|
|
- ChartPermissionName: "医药",
|
|
|
- List: [
|
|
|
- {
|
|
|
- RealName: "赵璐",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "67.05",
|
|
|
- GroupProportion: "58.91%",
|
|
|
- DepartmentProportion: "10.49%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "郭望葳",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "25.15",
|
|
|
- GroupProportion: "22.10%",
|
|
|
- DepartmentProportion: "3.93%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "李金泽",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "14.35",
|
|
|
- GroupProportion: "12.60%",
|
|
|
- DepartmentProportion: "2.24%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "张天",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "8.75",
|
|
|
- GroupProportion: "7.68%",
|
|
|
- DepartmentProportion: "1.36%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "合计",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "113.80/107.5",
|
|
|
- GroupProportion: "100%",
|
|
|
- DepartmentProportion: "17.80%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "平均",
|
|
|
- TotalRelatedContract: 13.25,
|
|
|
- TotalDispatchPoint: "28.45",
|
|
|
- GroupProportion: "25%",
|
|
|
- DepartmentProportion: "4.45%",
|
|
|
- },
|
|
|
- ],
|
|
|
+ label: "Q1",
|
|
|
+ value: ["01-01", "03-31"],
|
|
|
},
|
|
|
{
|
|
|
- ChartPermissionName: "消费",
|
|
|
- List: [
|
|
|
- {
|
|
|
- RealName: "霍健",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "50.75",
|
|
|
- GroupProportion: "50.44%",
|
|
|
- DepartmentProportion: "7.94%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "卢劲",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "16.45",
|
|
|
- GroupProportion: "16.35%",
|
|
|
- DepartmentProportion: "2.57%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "周毓",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "11.45",
|
|
|
- GroupProportion: "11.38%",
|
|
|
- DepartmentProportion: "1.79%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "周涛",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "10.85",
|
|
|
- GroupProportion: "10.78%",
|
|
|
- DepartmentProportion: "1.69%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "丁衡",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "9.85",
|
|
|
- GroupProportion: "9.79%",
|
|
|
- DepartmentProportion: "1.54%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "合计",
|
|
|
- TotalRelatedContract: 11,
|
|
|
- TotalDispatchPoint: "100.59/107.5",
|
|
|
- GroupProportion: "100%",
|
|
|
- DepartmentProportion: "15.74%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "平均",
|
|
|
- TotalRelatedContract: 12.8,
|
|
|
- TotalDispatchPoint: "20.11",
|
|
|
- GroupProportion: "20%",
|
|
|
- DepartmentProportion: "3.14%",
|
|
|
- },
|
|
|
- ],
|
|
|
+ label: "Q2",
|
|
|
+ value: ["04-01", "06-30"],
|
|
|
},
|
|
|
{
|
|
|
- ChartPermissionName: "科技",
|
|
|
- List: [
|
|
|
- {
|
|
|
- RealName: "张晶",
|
|
|
- TotalRelatedContract: 8,
|
|
|
- TotalDispatchPoint: "33.48",
|
|
|
- GroupProportion: "42.72%",
|
|
|
- DepartmentProportion: "5.23%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "欧阳志宏",
|
|
|
- TotalRelatedContract: 8,
|
|
|
- TotalDispatchPoint: "10.28",
|
|
|
- GroupProportion: "13.11%",
|
|
|
- DepartmentProportion: "1.60%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "王修远",
|
|
|
- TotalRelatedContract: 8,
|
|
|
- TotalDispatchPoint: "7.27",
|
|
|
- GroupProportion: "9.29%",
|
|
|
- DepartmentProportion: "1.13%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "冯冠儒",
|
|
|
- TotalRelatedContract: 8,
|
|
|
- TotalDispatchPoint: "9.98",
|
|
|
- GroupProportion: "12.73%",
|
|
|
- DepartmentProportion: "1.56%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "陈昫锟",
|
|
|
- TotalRelatedContract: 8,
|
|
|
- TotalDispatchPoint: "5.77",
|
|
|
- GroupProportion: "7.37%",
|
|
|
- DepartmentProportion: "0.90%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "许晓威",
|
|
|
- TotalRelatedContract: 8,
|
|
|
- TotalDispatchPoint: "5.77",
|
|
|
- GroupProportion: "7.37%",
|
|
|
- DepartmentProportion: "0.90%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "李婉月",
|
|
|
- TotalRelatedContract: 8,
|
|
|
- TotalDispatchPoint: "5.77",
|
|
|
- GroupProportion: "7.37%",
|
|
|
- DepartmentProportion: "0.90%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "合计",
|
|
|
- TotalRelatedContract: 8,
|
|
|
- TotalDispatchPoint: "78.35/82.5",
|
|
|
- GroupProportion: "100%",
|
|
|
- DepartmentProportion: "12.26%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "平均",
|
|
|
- TotalRelatedContract: 8,
|
|
|
- TotalDispatchPoint: "11.19",
|
|
|
- GroupProportion: "14.28%",
|
|
|
- DepartmentProportion: "1.75%",
|
|
|
- },
|
|
|
- ],
|
|
|
+ label: "Q3",
|
|
|
+ value: ["07-01", "09-30"],
|
|
|
},
|
|
|
{
|
|
|
- ChartPermissionName: "智造",
|
|
|
- List: [
|
|
|
- {
|
|
|
- RealName: "杨云鹏",
|
|
|
- TotalRelatedContract: 9,
|
|
|
- TotalDispatchPoint: "32.1",
|
|
|
- GroupProportion: "37.32%",
|
|
|
- DepartmentProportion: "5.02%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "齐妍",
|
|
|
- TotalRelatedContract: 9,
|
|
|
- TotalDispatchPoint: "20.90",
|
|
|
- GroupProportion: "24.30%",
|
|
|
- DepartmentProportion: "3.27%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "钟正宇",
|
|
|
- TotalRelatedContract: 9,
|
|
|
- TotalDispatchPoint: "17.9",
|
|
|
- GroupProportion: "20.81%",
|
|
|
- DepartmentProportion: "2.80%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "张振",
|
|
|
- TotalRelatedContract: 9,
|
|
|
- TotalDispatchPoint: "6.8",
|
|
|
- GroupProportion: "7.90%",
|
|
|
- DepartmentProportion: "1.06%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "钱程鹏",
|
|
|
- TotalRelatedContract: 9,
|
|
|
- TotalDispatchPoint: "8.3",
|
|
|
- GroupProportion: "9.65%",
|
|
|
- DepartmentProportion: "1.29%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "合计",
|
|
|
- TotalRelatedContract: 9,
|
|
|
- TotalDispatchPoint: "86/91.5",
|
|
|
- GroupProportion: "100%",
|
|
|
- DepartmentProportion: "13.45%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "平均",
|
|
|
- TotalRelatedContract: 9,
|
|
|
- TotalDispatchPoint: "17.2",
|
|
|
- GroupProportion: "20%",
|
|
|
- DepartmentProportion: "2.69%",
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- ChartPermissionName: "策略",
|
|
|
- List: [
|
|
|
- {
|
|
|
- RealName: "马冬凡",
|
|
|
- TotalRelatedContract: 4,
|
|
|
- TotalDispatchPoint: "20.44",
|
|
|
- GroupProportion: "49.04%",
|
|
|
- DepartmentProportion: "3.20%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "马楠",
|
|
|
- TotalRelatedContract: 4,
|
|
|
- TotalDispatchPoint: "4.25",
|
|
|
- GroupProportion: "10.19%",
|
|
|
- DepartmentProportion: "0.66%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "王盟",
|
|
|
- TotalRelatedContract: 4,
|
|
|
- TotalDispatchPoint: "4.25",
|
|
|
- GroupProportion: "10.19%",
|
|
|
- DepartmentProportion: "0.66%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "王晶晶",
|
|
|
- TotalRelatedContract: 4,
|
|
|
- TotalDispatchPoint: "4.25",
|
|
|
- GroupProportion: "10.19%",
|
|
|
- DepartmentProportion: "0.66%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "李方杰",
|
|
|
- TotalRelatedContract: 4,
|
|
|
- TotalDispatchPoint: "4.25",
|
|
|
- GroupProportion: "10.19%",
|
|
|
- DepartmentProportion: "0.66%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "王正凯",
|
|
|
- TotalRelatedContract: 4,
|
|
|
- TotalDispatchPoint: "4.25",
|
|
|
- GroupProportion: "10.19%",
|
|
|
- DepartmentProportion: "0.66%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "合计",
|
|
|
- TotalRelatedContract: 4,
|
|
|
- TotalDispatchPoint: "41.69/46",
|
|
|
- GroupProportion: "100%",
|
|
|
- DepartmentProportion: "6.52%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "平均",
|
|
|
- TotalRelatedContract: 4,
|
|
|
- TotalDispatchPoint: "6.94",
|
|
|
- GroupProportion: "16.66%",
|
|
|
- DepartmentProportion: "1.08%",
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- ChartPermissionName: "买方研选",
|
|
|
- List: [
|
|
|
- {
|
|
|
- RealName: "董衡",
|
|
|
- TotalRelatedContract: 41,
|
|
|
- TotalDispatchPoint: "42.72",
|
|
|
- GroupProportion: "20.00%",
|
|
|
- DepartmentProportion: "6.68%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "高亦文",
|
|
|
- TotalRelatedContract: 41,
|
|
|
- TotalDispatchPoint: "42.72",
|
|
|
- GroupProportion: "20.00%",
|
|
|
- DepartmentProportion: "6.68%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "吴昂迪",
|
|
|
- TotalRelatedContract: 41,
|
|
|
- TotalDispatchPoint: "42.72",
|
|
|
- GroupProportion: "20.00%",
|
|
|
- DepartmentProportion: "6.68%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "冯柯然",
|
|
|
- TotalRelatedContract: 41,
|
|
|
- TotalDispatchPoint: "42.72",
|
|
|
- GroupProportion: "20.00%",
|
|
|
- DepartmentProportion: "6.68%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "汪洋",
|
|
|
- TotalRelatedContract: 41,
|
|
|
- TotalDispatchPoint: "42.72",
|
|
|
- GroupProportion: "20.00%",
|
|
|
- DepartmentProportion: "6.68%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "合计",
|
|
|
- TotalRelatedContract: 41,
|
|
|
- TotalDispatchPoint: "213.59/199.1",
|
|
|
- GroupProportion: "100%",
|
|
|
- DepartmentProportion: "33.42%",
|
|
|
- },
|
|
|
- {
|
|
|
- RealName: "平均",
|
|
|
- TotalRelatedContract: 41,
|
|
|
- TotalDispatchPoint: "42.71",
|
|
|
- GroupProportion: "20%",
|
|
|
- DepartmentProportion: "6.68%",
|
|
|
- },
|
|
|
- ],
|
|
|
+ label: "Q4",
|
|
|
+ value: ["10-01", "12-31"],
|
|
|
},
|
|
|
],
|
|
|
+ brokerName: "", // 券商名
|
|
|
+ valueLocation: [], //地址
|
|
|
+ tableTheadColumns: [],
|
|
|
+ datalist: [],
|
|
|
+ listGroup: [],
|
|
|
+ enterScoreType: false,
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
locationOptions() {
|
|
|
return locationOptions;
|
|
|
},
|
|
|
+ exportUser() {
|
|
|
+ let baseUrl = process.env.API_ROOT + "/cygx/enterScore/scoreOverview";
|
|
|
+ let token = localStorage.getItem("auth") || "";
|
|
|
+ const cityArr = [];
|
|
|
+ this.valueLocation.forEach((item) => {
|
|
|
+ // 市
|
|
|
+ cityArr.push(item[1]);
|
|
|
+ });
|
|
|
+ let cityValue = cityArr.join(",");
|
|
|
+ let paramStr = "";
|
|
|
+ let params = {
|
|
|
+ StartDate: this.yearValue + "-" + this.selectedQuarter[0],
|
|
|
+ EndDate: this.yearValue + "-" + this.selectedQuarter[1],
|
|
|
+ KeyWord: this.brokerName,
|
|
|
+ City: cityValue,
|
|
|
+ EnterScoreType: this.enterScoreType ? 2 : 1,
|
|
|
+ IsExport: true,
|
|
|
+ };
|
|
|
+ for (let key in params) {
|
|
|
+ paramStr = `${paramStr}&${key}=${params[key]}`;
|
|
|
+ }
|
|
|
+ return `${baseUrl}?${token}${paramStr}`;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ enterScoreType: {
|
|
|
+ handler() {
|
|
|
+ this.getDataList();
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.setDefaultQuarter();
|
|
|
+
|
|
|
+ this.getDataList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ setDefaultQuarter() {
|
|
|
+ const currentDate = new Date();
|
|
|
+ const month = currentDate.getMonth() + 1; // 获取当前月份（0-11，所以加1）
|
|
|
+
|
|
|
+ let currentQuarterIndex;
|
|
|
+ if (month >= 1 && month <= 3) {
|
|
|
+ // Q1
|
|
|
+ currentQuarterIndex = 0;
|
|
|
+ } else if (month >= 4 && month <= 6) {
|
|
|
+ // Q2
|
|
|
+ currentQuarterIndex = 1;
|
|
|
+ } else if (month >= 7 && month <= 9) {
|
|
|
+ // Q3
|
|
|
+ currentQuarterIndex = 2;
|
|
|
+ } else if (month >= 10 && month <= 12) {
|
|
|
+ // Q4
|
|
|
+ currentQuarterIndex = 3;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 获取上一个季度索引
|
|
|
+ const previousQuarterIndex = currentQuarterIndex === 0 ? this.quarterOptions.length - 1 : currentQuarterIndex - 1;
|
|
|
+
|
|
|
+ // 设置v-model绑定的值为上一个季度的value数组
|
|
|
+ this.selectedQuarter = this.quarterOptions[previousQuarterIndex].value;
|
|
|
+ },
|
|
|
+
|
|
|
+ getPreviousYear(currentYear, currentQuarter) {
|
|
|
+ // 如果当前季度是第一个季度，则上个季度应该是去年的最后一个季度
|
|
|
+ return currentQuarter === "Q1" ? currentYear - 1 : currentYear;
|
|
|
+ },
|
|
|
+ changeHandle() {
|
|
|
+ this.getDataList();
|
|
|
+ },
|
|
|
+ async getDataList() {
|
|
|
+ const cityArr = [];
|
|
|
+ this.valueLocation.forEach((item) => {
|
|
|
+ cityArr.push(item[1]);
|
|
|
+ });
|
|
|
+ let cityValue = cityArr.join(",");
|
|
|
+ console.log(cityValue);
|
|
|
+ let params = {
|
|
|
+ StartDate: this.yearValue + "-" + this.selectedQuarter[0],
|
|
|
+ EndDate: this.yearValue + "-" + this.selectedQuarter[1],
|
|
|
+ KeyWord: this.brokerName,
|
|
|
+ City: cityValue,
|
|
|
+ EnterScoreType: this.enterScoreType ? 2 : 1,
|
|
|
+ };
|
|
|
+ const res = await xClassCustomApi.enterScoreScoreOverview(params);
|
|
|
+ if (res.Ret === 200) {
|
|
|
+ this.tableTheadColumns = res.Data.ListCompany || [];
|
|
|
+ this.datalist = res.Data.ListPermission || [];
|
|
|
+ this.listGroup = res.Data.ListGroup || [];
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
- watch: {},
|
|
|
- created() {},
|
|
|
- mounted() {},
|
|
|
- methods: {},
|
|
|
};
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|
|
|
.rating-overview-content {
|
|
|
+ .top-select {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
.select-box {
|
|
|
display: flex;
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
.table-cont {
|
|
|
+ overflow: auto;
|
|
|
.table-body-wrapper {
|
|
|
- max-height: calc(100vh - 340px);
|
|
|
+ max-height: calc(100vh - 400px);
|
|
|
margin-right: -6px;
|
|
|
- overflow-y: scroll;
|
|
|
- overflow-x: auto;
|
|
|
border-bottom: 1px solid #dcdfe6;
|
|
|
border-top: 1px solid #dcdfe6;
|
|
|
}
|
|
|
- .head-column-item {
|
|
|
- width: 15%;
|
|
|
- }
|
|
|
table {
|
|
|
- width: 100%;
|
|
|
font-size: 14px;
|
|
|
color: #666;
|
|
|
thead {
|
|
|
@@ -442,8 +231,11 @@ export default {
|
|
|
left: 0;
|
|
|
border-left: 1px solid #dcdfe6;
|
|
|
border-right: 1px solid #dcdfe6;
|
|
|
- td {
|
|
|
- border: none;
|
|
|
+ td,
|
|
|
+ th {
|
|
|
+ min-width: 100px;
|
|
|
+ word-break: break-all;
|
|
|
+ border: 1px solid #dcdfe6;
|
|
|
outline-color: #dcdfe6;
|
|
|
outline-style: solid;
|
|
|
outline-width: 0.5px;
|
|
|
@@ -451,8 +243,8 @@ export default {
|
|
|
}
|
|
|
td,
|
|
|
th {
|
|
|
- min-width: 35px;
|
|
|
- // word-break: break-all;
|
|
|
+ min-width: 100px;
|
|
|
+ word-break: break-all;
|
|
|
border: 1px solid #dcdfe6;
|
|
|
height: 45px;
|
|
|
text-align: center;
|
|
|
@@ -475,7 +267,7 @@ export default {
|
|
|
}
|
|
|
.content-ul {
|
|
|
td {
|
|
|
- width: 15%;
|
|
|
+ // width: 15%;
|
|
|
}
|
|
|
.association {
|
|
|
color: #409eff;
|
|
|
@@ -483,5 +275,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .not-text {
|
|
|
+ height: 300px;
|
|
|
+ line-height: 300px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
bding