标段筛选去重

gjj

2025-03-18 850fbeddcd514476756acde45c3136eabe087240

标段筛选去重

 src/assets/css/element-ui-override.scss

@@ -1,140 +1,123 @@
/*覆盖element-ui自带的样式放在该文件中*/

.el-input {
  height: 34px;
    height: 34px;
}

.el-input__inner {
  padding-left: 15px;
  height: 34px;
  border-radius: 0;
  border: 0;
  background: #313847;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 600;
  color: #ffffff;
    padding-left: 15px;
    height: 34px;
    border-radius: 0;
    border: 0;
    background: #313847;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 600;
    color: #ffffff;
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
    position: absolute;
    z-index: 2000;
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 0.3s;
}

.el-loading-spinner .circular {
  margin: auto;
    margin: auto;
}

.el-table {
  background-color: #000a1f;

  &::before {
    background-color: unset;
  }

  .el-table__header {
    thead {
      color: #fff;

      tr {
        border-bottom: unset;

        th.el-table__cell.is-leaf {
          border-bottom: unset;
        }

        th {
          font-weight: 600;
        }

        .el-table__cell {
          padding: 6px 0;
          background-color: #5e616e;
        }
      }
    background-color: #000a1f;
    &::before {
        background-color: unset;
    }
  }
  
  .el-table__body {
    tbody {
      tr.el-table__row {
        background-color: #000a1f;
        color: #fff;
        font-weight: 600;
        td.el-table__cell {
          padding: 0;
          border-bottom: unset;
    .el-table__header {
        thead {
            color: #fff;
            tr {
                border-bottom: unset;
                th.el-table__cell.is-leaf {
                    border-bottom: unset;
                }
                th {
                    font-weight: 600;
                }
                .el-table__cell {
                    padding: 6px 0;
                    background-color: #5e616e;
                }
            }
        }
        &:hover {
          td.el-table__cell {
            background-color: rgba(255, 255, 255, 0.1);
          }
        }
      }
    }
  }

  // &--striped {
  //   .el-table__body {
  //     tr.el-table__row--striped {
  //       td.el-table__cell {
  //         background-color: rgba(255, 255, 255, 0.1);
  //       }
  //     }
  //   }
  // }
    .el-table__body {
        tbody {
            tr.el-table__row {
                background-color: #000a1f;
                color: #fff;
                font-weight: 600;
                td.el-table__cell {
                    padding: 0;
                    border-bottom: unset;
                }
                &:hover {
                    td.el-table__cell {
                        background-color: rgba(255, 255, 255, 0.1);
                    }
                }
            }
        }
    }
    // &--striped {
    //   .el-table__body {
    //     tr.el-table__row--striped {
    //       td.el-table__cell {
    //         background-color: rgba(255, 255, 255, 0.1);
    //       }
    //     }
    //   }
    // }
}

.el-pagination {
  &.is-background {
    .el-pager li {
      background-color: rgba(233, 234, 240, 0.1);
      color: #fefefe;
      &:not(.disabled).active {
        background-color: #3661eb;
      }
    &.is-background {
        .el-pager li {
            background-color: rgba(233, 234, 240, 0.1);
            color: #fefefe;
            &:not(.disabled).active {
                background-color: #3661eb;
            }
        }
        .btn-prev {
            background-color: #3661eb;
            color: #fff;
            &:disabled {
                background-color: rgba(54, 97, 235, 0.5);
                color: rgba(246, 247, 250, 0.5);
            }
        }
        .btn-next {
            background-color: #3661eb;
            color: #f6f7fa;
            &:disabled {
                background-color: rgba(54, 97, 235, 0.5);
                color: rgba(246, 247, 250, 0.5);
            }
        }
    }

    .btn-prev {
      background-color: #3661eb;
      color: #fff;
      &:disabled {
        background-color: rgba(54, 97, 235, 0.5);
        color: rgba(246, 247, 250, 0.5);
      }
    }

    .btn-next {
      background-color: #3661eb;
      color: #f6f7fa;
      &:disabled {
        background-color: rgba(54, 97, 235, 0.5);
        color: rgba(246, 247, 250, 0.5);
      }
    }
  }
}

.el-select,
.el-input__inner{
  height: 32px;
  line-height: 32px;
  background: rgba(255,255,255,0.15);
  color: #fff;
  border: none;
  outline: none;
}
 //未选中框时右侧文字
  .el-checkbox__label{
.el-input__inner {
    height: 32px;
    line-height: 32px;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
 }
 //选中框时右侧文字
  .el-checkbox__input.is-checked+.el-checkbox__label{
   color: #fff;
 }
    border: none;
    outline: none;
}

 src/views/Home.vue

@@ -193,9 +193,9 @@
   if (this.isFullScreen) {
      const clientX = document.documentElement.clientWidth || document.body.clientWidth
      const clientY = document.documentElement.clientHeight || document.body.clientHeight
      this.fullScreenPanoStyle = `width: 100%; height: 100%; z-index: 100; `
      this.fullScreenStyle = `width: ${clientX - 40}px; height: ${clientY - 120}px; margin:20px; position: fixed; top: 80px; left: 0;z-index: 100;background-color: #fff;overflow: hidden;`
      if (this.currentView === '720') {
        this.fullScreenStyle = `width: ${clientX - 40}px; height: ${clientY - 120}px; margin:20px; position: fixed; top: 80px; left: 0;z-index: 100;background-color: #fff;overflow: hidden;`
        this.fullScreenPanoStyle = `width: 100%; height: 100%; z-index: 100; `
      } else if(this.currentView === 'model'){
        this.fullScreenModelStyle = `width: ${clientX - 40}px; height: ${clientY - 120}px; margin:20px; position: fixed; top: 80px; left: 0;z-index: 100;background-color: #fff;overflow: hidden;`
      }

 src/views/ProjectView.vue

@@ -269,7 +269,9 @@
                newArray.push({ text: item.Bind, value: item.Bind })
              }
            })
            this.bindFilters = newArray
            this.bindFilters = this.arrayFilter(newArray, 'value')
            console.log(newArray, this.bindFilters);

          } else {
            this.tableData = []
          }
@@ -277,6 +279,12 @@
        }
      });
    },
    // 数组去重
    arrayFilter (arr, key) {
      const res = new Map()
      return arr.filter(arr => !res.has(arr[key]) && res.set(arr[key], 1))
    },

    getParticipatingNumber() {
      const data = {
        "organizeId": this.projectId

 vite.config.js

@@ -2,7 +2,7 @@
 * @Author: gjj Ganjj@probim.com.cn
 * @Date: 2025-02-14 14:32:19
 * @LastEditors: gjj Ganjj@probim.com.cn
 * @LastEditTime: 2025-03-17 11:38:32
 * @LastEditTime: 2025-03-17 14:42:01
 * @FilePath: \北京交通大学\vite.config.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
@@ -42,6 +42,11 @@
                    additionalData: "@import '@css/sass.scss';",
                },
            },
            loaderOptions: {
                postcss: {
                    plugins: [postcss]
                }
            }
        },
        server: {
            proxy: {
@@ -65,13 +70,6 @@
            config.module.rule("css").test(/\.css$/).oneOf("vue").use("px2rem-loader").loader("px2rem-loader").options({
                remUnit: 192,
            }).end();
        },
        css: {
            loaderOptions: {
                postcss: {
                    plugins: [postcss]
                }
            }
        },
        build: {
            minify: "esbuild",