页面优化以及扣分详情导出

zxl

2025-11-06 09f0861e61e69e2d818eafc7b9edbd17cf0822d4

 src/views/home/data-video/index.vue

@@ -15,9 +15,15 @@
                            @change="dateChange">
            </el-date-picker>
          </div>
          <div >
          <div style="margin-right: 20px">
            <el-select v-model="params.area" placeholder="区县" @change="getChart"  clearable>
              <el-option v-for="item in areaOption" :key="item.label" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </div>
          <div>
            <el-select v-model="params.constructionType" @change="getChart" clearable placeholder="分建类型">
              <el-option v-for="(item,index) in constructionTypeList" :key="index" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </div>
@@ -40,6 +46,14 @@
  name: 'DataVideo',
  data() {
    return {
      constructionTypeList:[
        { label:'一二期',value:'PHASE_ONE_TWO' },
        { label:'三期',value:'PHASE_THREE' },
        { label:'四区人脸',value:'PHASE_FOURTH' },
        { label:'东部新城',value:'EASTERN_NEW_CITY' },
        { label:'沿滩二期人脸',value:'YAN_TAN_PHASE_TWO_FACE' },
        { label: '入川即检',value: 'CHECK_ENTER_SICHUAN'}
      ],
      date: '',
      params: {
        month: '',
@@ -142,10 +156,10 @@
          }
        },
        grid: {
          left: 10,
          left: 15,
          right: 0,
          bottom: 0,
          top: '20%',
          top:'10%',
          containLabel: true
        },
        legend: {
@@ -311,7 +325,6 @@
.data-chart-container {
  height: 400px;
  margin-bottom: 20px;

  .data-card {
    height: 100%;

@@ -324,12 +337,11 @@
}

.title-container {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;

  padding: 15px 20px; /* 内边距控制高度和边距 */
  background: #fff;
  border-bottom: 1px solid #eee; /* 分隔线增强视觉分离 */
  .more-button {
    cursor: pointer;
    font-size: 16px;
@@ -338,9 +350,8 @@
}

.chart-container {

  width: 100%;
  height: 100%;
  height: 80%;

  #chartContent {
    width: 100%;