样式调整

china

2023-05-11 c7bc3eb18e1fda4254ca0195e2133d2ed978de11

样式调整

 src/assets/styles/index.scss

@@ -118,12 +118,27 @@
    }
  }
}

//侧边栏
.sidebar-box {
  margin: 0 20px 0 0 ;
  .box-card{
    min-height: 300px;
    max-height: calc(100vh - 198px);
    overflow: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
    &::-webkit-scrollbar {
      display: none; /* Chrome Safari */
    }
  }
}
//main-container全局样式
.app-container {
  display: flex;
  padding: 20px;
  flex: 1;
  overflow: auto;
}

.components-container {
  margin: 30px 50px;
  position: relative;
@@ -170,10 +185,10 @@
    color: rgb(32, 160, 255);
  }
}

.filter-card{
  margin-bottom: 20px;
}
.filter-container {
  padding-bottom: 10px;

  .filter-item {
    display: inline-block;
    vertical-align: middle;

 src/layout/components/AppMain.vue

@@ -24,7 +24,7 @@

<style lang="scss" scoped>
.app-main {
  /* 50= navbar  50  */
  display: flex;
  min-height: calc(100vh - 50px);
  width: 100%;
  position: relative;

 src/layout/index.vue

@@ -159,20 +159,20 @@
    display: flex;
  }

  .base-container {
  .app-container {
    /*50 = navbar  */
    flex: 1;
    height: calc(100vh - 198px);
    border-radius:10px;
    overflow: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
    &::-webkit-scrollbar {
      display: none; /* Chrome Safari */
    }
    //scrollbar-width: none; /* Firefox */
    //-ms-overflow-style: none; /* IE 10+ */
    //&::-webkit-scrollbar {
    //  display: none; /* Chrome Safari */
    //}
    .box-card{
      .el-card__body{
        padding-top: 0;
        //padding-top: 0;
        .el-form-item--small.el-form-item{
          margin-top: 20px;
          margin-bottom: 0;

 src/views/components/myTableV3.vue

@@ -7,6 +7,7 @@
        v-for="(custom, idx) in myTable.tools.custom"
        :key="idx"
        site="tools"
        :type="custom.myType"
        :check-permission="custom.checkPermission"
        :name="custom.name"
        @click="custom.click"
@@ -94,8 +95,7 @@
          :sortable="column.sortable"
          :label="column.title"
          :type="column.type"
          :width="column.width"
          :min-width="column.minWidth"
          :min-width="column.width"
          :align="column.align"
          :header-align="column.align"
        >
@@ -135,7 +135,7 @@
        v-if="myTable.operation.show"
        label="操作"
        align="center"
        :width="myTable.operation.width"
        :min-width="myTable.operation.width"
        fixed="right"
      >
        <template slot-scope="scope">
@@ -425,6 +425,7 @@
            })
          )
          this.myTable.loading = false
          // this.$refs[this.myTable.ref].doLayout()
        }).catch(() => {
          this.myTable.loading = false
        })
@@ -627,8 +628,11 @@
</script>

<style scoped>
>>> .el-table__fixed-right {
  height: 100% !important;
>>> .el-table__header {
  width: 100% !important;
}
>>> .el-table__body {
  width: 100% !important;
}

/*详情表单*/
@@ -663,5 +667,7 @@
  text-align: center;
  margin: 0 auto;
}

.table-tool-bar{
  margin-bottom: 20px;
}
</style>

 src/views/etaa/paper/index.vue

@@ -1,7 +1,6 @@
<template>
  <div class="app-main">
    <div class="base-container">
      <el-card shadow="never" class="box-card">
    <div class="app-container">
      <el-card shadow="never" class="box-card filter-card">
        <!--搜索条件-->
        <div class="filter-container">
          <el-form :inline="true" :model="filterForm" size="small">
@@ -39,7 +38,6 @@
      <my-table-v3 ref="myTable" :filter="filterForm" :table="table" />
      <!--添加/编辑弹窗-->
      <add v-if="editSetting.show" :setting="editSetting" @close="editSetting.show=false" @search="search" />
    </div>
  </div>
</template>

@@ -84,8 +82,7 @@
              {
                name: '添加',
                checkPermission: 'etaa:paper:add',
                // myType: 'danger',
                mySize: 'mini',
                myType: 'danger',
                click: ()=> {
                  this.handleRAdd();
                }

 src/views/etaa/question_bank/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="app-main info-main">
  <div class="app-container">
    <el-aside class="sidebar-box" style="padding: 0;">
      <div class="sidebar">
        <el-card class="box-card" shadow="never">
@@ -15,8 +15,8 @@
      </div>
    </el-aside>

    <div class="base-container flex-1">
      <el-card shadow="never" class="box-card">
    <div class="flex-1">
      <el-card shadow="never" class="box-card filter-card">
        <!--搜索条件-->
        <div class="filter-container">
          <el-form :inline="true" :model="filterForm" size="small">
@@ -103,7 +103,7 @@
            {
              name: '添加试题',
              // checkPermission: 'system:config:remove',
              // myType: 'danger',
              myType: 'danger',
              mySize: 'mini',
              click: ()=> {
                this.handleAdd();
@@ -413,9 +413,6 @@
</script>
<style scope lang="scss">
  .info-main{
    display:-webkit-box;
    display: -moz-box;
    display: -0-box;
    min-height: calc( 100vh - 50px);
  }
  .flex-1{

 src/views/system/config/index.vue

@@ -1,7 +1,6 @@
<template>
  <div class="app-main">
    <div class="base-container">
      <el-card shadow="never" class="box-card">
    <div class="app-container">
      <el-card shadow="never" class="box-card filter-card">
        <!--搜索条件-->
        <div class="filter-container">
          <el-form :inline="true" :model="filterFrom" size="small">
@@ -36,8 +35,6 @@
      <my-table-v3 ref="myTable" :filter="filterFrom" :table="table" />
      <!--添加/编辑弹窗-->
      <edit v-if="editSetting.show" :setting="editSetting" @close="editSetting.show=false" @search="search" />
    </div>

  </div>
</template>


 src/views/tcp/connection/index.vue

@@ -1,6 +1,6 @@
<template>
  <div class="app-main">
    <div class="base-container">
    <div class="app-container">
      <my-table-v3 ref="myTable" :filter="filterForm" :table="table" />
    </div>
  </div>

 src/views/tcp/equip/index.vue

@@ -1,6 +1,6 @@
<template>
  <div class="app-main">
    <div class="base-container">
    <div class="app-container">
      <my-table-v3 ref="myTable" :filter="filterForm" :table="table" />
    </div>
  </div>