智慧园区前端大屏
shuishen
2024-11-11 856df58ee56f3c6163bdc938b4fb7c5085ede6b5
src/views/supplies/components/box/dataContent.vue
@@ -26,7 +26,7 @@
        <div class="page_box">
          <div>
            <el-table v-if="formInline.ownership == 1" :data="tableData" style="width: 100%"
              :header-cell-style="headerCellStyle" :cell-style="tableCellStyle" v-loading="loading">
              :header-cell-style="headerCellStyle" :cell-style="tableCellStyle">
              <el-table-column fixed prop="name" label="物资名称" />
              <el-table-column fixed prop="personInCha" label="负责人" />
@@ -36,7 +36,7 @@
            </el-table>
            <el-table v-else :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle"
              :cell-style="tableCellStyle" v-loading="loading">
              :cell-style="tableCellStyle">
              <el-table-column fixed prop="firmName" label="企业名称" />
              <el-table-column fixed prop="name" label="物资名称" />
@@ -187,26 +187,38 @@
<style lang="scss" scoped>
.content_box {
  color: #fff;
  overflow: hidden;
}
.list_box {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  // scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.list_box ul {
  display: flex;
  /* 使用 Flexbox 布局 */
  padding: 0;
  margin: 0;
  list-style: none;
}
.list_box ul li {
  display: inline-block;
.list_box li {
  padding: 10px;
  font-size: 15px;
  text-align: center;
  // background: url(/images/mode-tab-ac.png) no-repeat center / 100% 100%;
  margin-right: 10px;
  cursor: pointer;
}
.list_box li.active {
  background-color: rgba(117, 116, 116, 0.3);
  color: white;
}
.page_box .el-table {
  width: 100%;
  height: 670px;
  height: 700px;
  background-color: rgba(117, 116, 116, 0.3);
}
.active {