智慧园区前端大屏
linwe
2024-11-08 18611149563f18bee2a3c57edbca1a0c5118cdd7
样式优化
5 files modified
117 ■■■■■ changed files
src/views/rs/components/box/dataContent.vue 10 ●●●● patch | view | raw | blame | history
src/views/rs/components/leftContainer.vue 7 ●●●● patch | view | raw | blame | history
src/views/rs/components/rightContainer.vue patch | view | raw | blame | history
src/views/rt/components/box/dataContent.vue 41 ●●●●● patch | view | raw | blame | history
src/views/space/components/box/dataContent.vue 59 ●●●●● patch | view | raw | blame | history
src/views/rs/components/box/dataContent.vue
@@ -106,7 +106,6 @@
    <public-content>
        <template #content>
            <div class="search-box">
                <div class="search-form">
                    <el-form :inline="true" :model="riskSource" class="demo-form-inline">
                        <el-form-item label="" class="form-item-input">
                            <el-input v-model="riskSource.name" placeholder="请输入风险源" clearable style="width: 120px" />
@@ -123,8 +122,7 @@
                        </el-form-item>
                    </el-form>
                    <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle"
                        :cell-style="tableCellStyle" v-loading="loading"
                        element-loading-background="rgba(122, 122, 122, 0.1)">
                    :cell-style="tableCellStyle" v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)">
                        <el-table-column prop="firmName" label="单位名称" />
                        <el-table-column prop="riskLevelName" label="等级" width="100" />
                        <el-table-column show-overflow-tooltip fixed prop="name" label="风险源" />
@@ -133,7 +131,6 @@
                <div class="el-page">
                    <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total"
                        @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                </div>
            </div>
        </template>
    </public-content>
@@ -145,15 +142,10 @@
}
.search-box {
    ::v-deep .el-table__body-wrapper {
        background-color: #152851;
    }
}
.search-form {}
/* 当表格没有数据时,修改表格的背景颜色 */
.el-table--empty .el-table__body {
src/views/rs/components/leftContainer.vue
@@ -51,4 +51,9 @@
  </div>
</template>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.content-box {
  margin-top: 20px;
  position: absolute;
}
</style>
src/views/rs/components/rightContainer.vue
src/views/rt/components/box/dataContent.vue
@@ -103,20 +103,10 @@
      <div>
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
          <el-form-item label="姓名">
            <el-input
              v-model="formInline.perInCha"
              placeholder="请输入姓名"
              clearable
              style="width: 120px"
            />
            <el-input v-model="formInline.perInCha" placeholder="请输入姓名" clearable style="width: 120px" />
          </el-form-item>
          <el-form-item label="归属">
            <el-select
              v-model="formInline.type"
              placeholder="请选择"
              clearable
              style="width: 120px"
            >
            <el-select v-model="formInline.type" placeholder="请选择" clearable style="width: 120px">
              <el-option label="园区" value="1" />
              <el-option label="企业" value="2" />
            </el-select>
@@ -126,27 +116,16 @@
            <el-button type="" @click="clearBtn">重置</el-button>
          </el-form-item>
        </el-form>
        <el-table
          :data="tableData"
          style="width: 100%"
          :header-cell-style="headerCellStyle"
          :cell-style="tableCellStyle"
          v-loading="loading"
        >
        <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" :cell-style="tableCellStyle"
          v-loading="loading">
          <el-table-column fixed prop="perInCha" label="责任人姓名" />
          <el-table-column prop="perInChaPho" label="联系电话" />
          <!-- <el-table-column prop="firmName" label="单位名称" /> -->
          <el-table-column prop="ownership" label="归属" width="100" />
        </el-table>
        <div class="el-page">
          <el-pagination
            background
            layout="prev, pager, next"
            :page-size="pages.pageSize"
            :total="pages.total"
             @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
          />
          <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total"
            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
        </div>
      </div>
    </template>
@@ -154,13 +133,18 @@
</template>
<style lang="scss" scoped>
::v-deep .el-table__body-wrapper {
  background-color: #152851;
}
.el-form-item__label {
  color: #fff !important;
}
/* 当表格没有数据时,修改表格的背景颜色 */
.el-table--empty .el-table__body {
  background-color: #19284e !important; /* 你想要的背景颜色 */
  background-color: rgba(135, 158, 199, 0.3) !important;
  /* 你想要的背景颜色 */
}
.el-page {
@@ -168,6 +152,7 @@
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  // margin-bottom:10px;
}
</style>
src/views/space/components/box/dataContent.vue
@@ -148,51 +148,29 @@
<template>
  <public-content>
    <template #content>
      <div>
      <div class="search-box">
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
          <el-form-item label="名称">
            <el-input
              v-model="formInline.name"
              placeholder="请输入名称"
              clearable
              style="width: 350px"
            />
            <el-input v-model="formInline.name" placeholder="请输入名称" clearable style="width: 350px" />
          </el-form-item>
          <el-form-item label="类型">
            <el-select
              v-model="formInline.type"
              placeholder="请选择"
              clearable
              style="width: 120px"
            >
              <el-option
                v-for="item in opertionData"
                :label="item.dictValue"
                :value="item.dictKey"
              />
            <el-select v-model="formInline.type" placeholder="请选择" clearable style="width: 120px">
              <el-option v-for="item in opertionData" :label="item.dictValue" :value="item.dictKey" />
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button siz="default" type="primary" @click="onSubmit"
              >查询</el-button
            >
            <el-button siz="default" type="primary" @click="onSubmit">查询</el-button>
            <el-button siz="default" type="" @click="clearBtn">重置</el-button>
          </el-form-item>
        </el-form>
        <el-table
          :data="tableData"
          style="width: 100%"
          :header-cell-style="headerCellStyle"
          :cell-style="tableCellStyle"
          v-loading="loading"
        >
        <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" :cell-style="tableCellStyle"
          v-loading="loading">
          <el-table-column fixed prop="name" label="名称" />
          <el-table-column prop="emergencySpaceType" label="类型" width="70" />
          <el-table-column prop="mainFuncName" label="作用" width="60" />
          <el-table-column width="60" label="操作" align="center">
            <template #default="scope">
              <el-button link type="primary" size="small" :disabled="scope.row.lng==''"
              @click="rowClick(scope.row)">
              <el-button link type="primary" size="small" :disabled="scope.row.lng == ''" @click="rowClick(scope.row)">
                定位
              </el-button>  
              <!-- <el-button link type="primary" size="small" @click="goDetail">
@@ -202,14 +180,8 @@
          </el-table-column>
        </el-table>
        <div class="el-page">
          <el-pagination
            background
            layout="prev, pager, next"
            :page-size="pages.pageSize"
            :total="pages.total"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
          />
          <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total"
            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
        </div>
      </div>
    </template>
@@ -221,9 +193,17 @@
  color: #fff !important;
}
.search-box {
  ::v-deep .el-table__body-wrapper {
    background-color: #152851;
  }
}
/* 当表格没有数据时,修改表格的背景颜色 */
.el-table--empty .el-table__body {
  background-color: #19284e !important; /* 你想要的背景颜色 */
  background-color: rgba(135, 158, 199, 0.3);
  /* 你想要的背景颜色 */
}
.el-page {
@@ -231,6 +211,7 @@
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  // margin-bottom:10px;
}
</style>