spring
2025-03-19 07a41ade45c962e93a9d449ce1be0eec52e66a6a
src/App.vue
@@ -1,241 +1,326 @@
<template>
  <div id="app">
    <router-view />
  </div>
   <div id="app" style="overflow: hidden;">
      <router-view/>
   </div>
</template>
<script>
export default {
  name: "App",
  created() {
    // const changeFavicon = link => {
    //   let $favicon = document.querySelector('link[rel="icon"]');
    //   if ($favicon !== null) {
    //     $favicon.href = link;
    //   } else {
    //     $favicon = document.createElement("link");
    //     $favicon.rel = "icon";
    //     $favicon.href = link;
    //     document.head.appendChild($favicon);
    //   }
    // };
    // let icon = '../../../../../static/img/heisur/logo.png'; // 图片地址
    // changeFavicon(icon); // 动态修改网站图标
  }
};
   export default {
      name: "App",
      created() {
         // const changeFavicon = link => {
         //   let $favicon = document.querySelector('link[rel="icon"]');
         //   if ($favicon !== null) {
         //     $favicon.href = link;
         //   } else {
         //     $favicon = document.createElement("link");
         //     $favicon.rel = "icon";
         //     $favicon.href = link;
         //     document.head.appendChild($favicon);
         //   }
         // };
         // let icon = '../../../../../static/img/heisur/logo.png'; // 图片地址
         // changeFavicon(icon); // 动态修改网站图标
      }
   };
</script>
<style>
/* @import url("../static/img/alifont/iconfont.css"); */
@import url("//at.alicdn.com/t/c/font_4179845_pixkgb97c4p.css");
   @import url("../static/alifont/iconfont.css");
   /* @import url("//at.alicdn.com/t/c/font_4457508_5ubi3w3kng.css"); */
* {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
}
   * {
      margin: 0;
      padding: 0;
      font-family: "微软雅黑";
   }
a {
  text-decoration: none;
}
   a {
      text-decoration: none;
   }
.router-link-active {
  text-decoration: none;
}
   .router-link-active {
      text-decoration: none;
   }
.el-scrollbar .el-scrollbar__bar {
  opacity: 1 !important;
}
   .el-scrollbar .el-scrollbar__bar {
      opacity: 1 !important;
   }
.el-select-dropdown__item span,
.el-cascader-node__label {
  font-size: 0.8rem;
}
   .el-select-dropdown__item span,
   .el-cascader-node__label {
      font-size: 0.8rem;
   }
.el-dialog {
  border-radius: 6px;
  overflow: hidden;
  margin: 0 !important;
}
   .el-dialog {
      border-radius: 6px;
      overflow: hidden;
      margin: 0 !important;
   }
.el-dialog__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
   .el-dialog__wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
   }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999 !important;
  font-size: 12px;
}
   input::-webkit-input-placeholder,
   textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #999 !important;
      font-size: 12px;
   }
input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #999 !important;
  font-size: 12px;
}
   input::-moz-placeholder,
   textarea::-moz-placeholder {
      /* Firefox 19+ */
      color: #999 !important;
      font-size: 12px;
   }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #999 !important;
  font-size: 12px;
}
   input:-ms-input-placeholder,
   textarea:-ms-input-placeholder {
      /* IE 10+ */
      color: #999 !important;
      font-size: 12px;
   }
input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #999 !important;
  font-size: 12px;
}
   input:-moz-placeholder,
   textarea:-moz-placeholder {
      /* Firefox 18- */
      color: #999 !important;
      font-size: 12px;
   }
.el-message p {
  color: #666 !important;
  font-size: 12px;
}
   .el-message p {
      color: #666 !important;
      font-size: 12px;
   }
.el-message {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px 10px;
  min-width: 0;
  border-radius: 6px;
}
   .el-message {
      background-color: #fff;
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding: 6px 10px;
      min-width: 0;
      border-radius: 6px;
    z-index: 9999999999 !important;
    max-height: 80vh;
    overflow-y: auto;
   }
table {
  border-collapse: collapse;
}
   table {
      border-collapse: collapse;
   }
.el-popover {
  padding: 0;
}
   .el-popover {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
      padding: 0;
      z-index: 9999 !important;
   }
.el-popper .popper__arrow {
  display: none;
}
/**修改全局的滚动条*/
/**滚动条的宽度*/
::-webkit-scrollbar {
  width: 8px;
   height: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #bdbfc4;
  border-radius: 3px;
}
/* 全局表格样式 */
.el-table th.el-table__cell,
.has-gutter .el-table__cell {
  background-color: #f0f1f5 !important;
  color: #333;
}
.has-gutter .el-table__cell .cell {
  font-size: 16px;
  font-weight: 500;
}
.cell {
  color: rgb(51, 51, 51);
  padding-left: 17px !important;
  font-size: 14px;
}
.cell span {
  font-size: 14px;
  font-weight: 400;
}
.el-table th.el-table__cell > .cell {
  font-size: 16px;
  font-weight: 400;
  color: rgb(51, 51, 51);
}
/* 全局分页器样式 */
.el-pager .number {
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin: 0 2px;
  color: #999;
  font-weight: 500;
}
.el-pager .number.active {
  background-color: #004ea2;
  color: #fff;
  border: 0;
}
/* 全局模态框样式 */
.el-dialog__header,.el-message-box__header {
  box-sizing: border-box;
  height: 56px;
  border-bottom: 1px solid rgb(238, 238, 238);
  padding: 0px;
  display: flex;
  align-items: center;
}
.el-dialog__header::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 30.24px;
  background: rgb(0, 95, 201);
  border-radius: 10px;
  margin-left: 32px;
  margin-right: 8.5px;
}
  .el-popover::-webkit-scrollbar{
    width: 0;
  }
.el-message-box__header::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 30.24px;
  background: rgb(0, 95, 201);
  border-radius: 10px;
  margin-left: 20px;
  margin-right: 8.5px;
}
   .el-popper .popper__arrow {
      display: none;
   }
.el-dialog__header .el-dialog__title {
  font-size: 16px !important;
}
   /**修改全局的滚动条*/
   /**滚动条的宽度*/
   ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
   }
.el-dialog__footer{
   padding-right: 40px;
}
   ::-webkit-scrollbar-thumb {
      background-color: #bdbfc4;
      border-radius: 3px;
   }
.el-dialog__footer .el-button * {
  font-size: 14px !important;
}
   /* 全局表格样式 */
   .el-table th.el-table__cell,
   .has-gutter .el-table__cell {
      background-color: #F0F1F5 !important;
      color: #333;
   }
.el-dialog__footer .el-button {
  height: 36px;
  border: 1px solid rgba(190, 190, 190, 0.44);
  box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
  padding: 0 14px;
}
   .el-table__header .has-gutter .el-table__cell .cell {
      font-size: 14px !important;
      font-weight: 500;
   }
.el-message-box__btns .el-button * {
  font-size: 14px !important;
}
   .cell {
      color: #333;
      padding: 0 15px !important;
      font-size: 12px;
   }
.el-message-box__btns .el-button{
   height: 36px;
   border: 1px solid rgba(190, 190, 190, 0.44);
   box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
   padding: 0 14px;
}
   .cell span {
      font-size: 12px;
      font-weight: 400;
   }
.el-button--primary {
  background: #3A7BFA;
}
   .el-table .el-table__cell {
      padding: 0 0;
   }
.el-dialog__body {
  padding: 15px 20px;
}
   .el-table .el-table__row {
      height: 41px;
   }
.el-input.is-disabled input {
  color: #666 !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
}
/* 全局输入框样式 */
/* 全局按钮样式 */
   .el-table th.el-table__cell>.cell {
      font-size: 14px;
      font-weight: 400;
      color: #333;
      padding: 6px 15px !important;
   }
   /* 全局分页器样式 */
   .el-pager .number {
      font-size: 14px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      margin: 0 2px;
      color: #999;
      font-weight: 500;
   }
   .el-pager .number.active {
      background-color: #3A7BFA;
      color: #fff;
      border: 0;
   }
   .el-pager li.active+li {
      border-left: 10px !important;
   }
   /* 全局模态框样式 */
   .el-dialog__header,
   .el-message-box__header {
      box-sizing: border-box;
      height: 56px;
      border-bottom: 1px solid rgb(238, 238, 238);
      padding: 0px;
      display: flex;
      align-items: center;
   }
   .el-dialog__header::before {
      content: "";
      display: inline-block;
      width: 4px;
      height: 30.24px;
      background: #3A7BFA;
      border-radius: 10px;
      margin-left: 32px;
      margin-right: 8.5px;
   }
   .el-message-box__header::before {
      content: "";
      display: inline-block;
      width: 4px;
      height: 30.24px;
      background: #3A7BFA;
      border-radius: 10px;
      margin-left: 20px;
      margin-right: 8.5px;
   }
   .el-dialog__header .el-dialog__title {
      font-size: 16px !important;
   }
   .el-dialog__footer {
      padding-right: 40px;
   }
   .el-dialog__footer .el-button * {
      font-size: 14px !important;
   }
   .el-dialog__footer .el-button {
      height: 36px;
      /* border: 1px solid rgba(190, 190, 190, 0.44); */
      /* box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41); */
      padding: 0 14px;
   }
   .el-message-box__btns .el-button * {
      font-size: 14px !important;
   }
   .el-message-box__btns .el-button {
      height: 36px;
      border: 1px solid rgba(190, 190, 190, 0.44);
      box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
      padding: 0 14px;
   }
   .el-button--primary {
      background: #3A7BFA;
   }
   .el-dialog__body {
      padding: 15px 20px;
   }
   .el-input.is-disabled input {
      color: #666 !important;
      background-color: rgba(0, 0, 0, 0.05) !important;
   }
   .el-divider {
      margin: 10px 0;
   }
   .required-span{
      color: red;
   }
   .luckysheet-cols-menu {
     z-index: 9000;
   }
   .luckysheet-input-box {z-index:3000}
   .luckysheet-wa-editor{
      z-index: 9004 !important;
   }
   .luckysheet-share-logo,.luckysheet_info_detail_save,.luckysheet_info_detail_update{
      visibility: hidden;
   }
   .el-loading-mask{
      z-index: 9990;
   }
   /* 全局输入框样式 */
   /* 全局按钮样式 */
  /* 全局换行溢出样式 */
  .ellipsis-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 定义文本的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .el-cascader-menu__wrap{
    height: 300px;
  }
  .el-table-filter__list-item{
    font-size: 12px;
    line-height: 32px;
  }
  .single-line-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
</style>