2023/1/11 肖辉 修改UI样式

odc.xiaohui

2023-01-11 d942877495ceea1575e64fb6d4e2972f6da10cac

2023/1/11
肖辉
修改UI样式

 src/App.vue

@@ -79,8 +79,8 @@
}

.button-addition {
  background-color: #eb5d01 !important;
  border: 1px solid #eb5d01 !important;
  background-color: #eb5d01;
  border: 1px solid #eb5d01;
  color: #ffffff;
}

@@ -133,12 +133,20 @@
}

#app {
  .userList{

  }
  .list{

  }
  // 设置弹出框样式
  .el-dialog__title {
    color: #E9eef3;
    color: #333;
  }
  .el-dialog__header {
    background-color: #09152f;
    color: black;
    background-color: #DCDFE6;
    //border: 1px solid #DCDFE6;
  }

  // 设置table样式

 src/components/Table/index.vue

@@ -1,8 +1,11 @@
<template>
    <div class="Table">
        <div class="datatable">
            <el-table ref="multipleTable" :data="tableData" style="width: 100%"
                :header-cell-style="{'font-size':'14px','font-weight':'650','line-height':'45px'}"
            <el-table
                border
                stripe
                ref="multipleTable" :data="tableData" style="width: 100%"
                :header-cell-style="{'background':'#F5F5F5','font-size':'14px','font-weight':'650','line-height':'45px'}"
                :row-class-name="tableRowClassName">
                <el-table-column v-for="item in option.group" :key="item.prop" :label="item.label"
                    :prop="item.prop" :min-width="item['min-width'] ? item['item.min-width']:'10'">
@@ -11,11 +14,11 @@
                            {{scope.row[item.prop]}}
                        </div>
                        <slot v-else-if="item.type === 'operation'" name="operation" :info="scope">
                            

                        </slot>
                        <slot name="status" v-else-if="item.type === 'status'" :info="scope">
                        </slot>
                        <slot name='time' v-else-if="item.type === 'time'" :timeobj="scope"> 
                        <slot name='time' v-else-if="item.type === 'time'" :timeobj="scope">

                        </slot>
                    </template>
@@ -255,4 +258,4 @@
        background-color: #4b9bb7;
    }
}
</style>
</style>

 src/views/intelligentPatrol/illegalSearch/index.vue

@@ -33,8 +33,11 @@
          </div>
        </div>
        <!-- 数据展示 -->
        <el-table ref="multipleTable"
          :header-cell-style="{ 'font-weight': '650', 'line-height': '45px' }"
        <el-table
            border
            stripe
            ref="multipleTable"
          :header-cell-style="{  'background':'#F5F5F5','font-weight': '650', 'line-height': '45px' }"
          :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
          <el-table-column type="selection" min-width="5">
          </el-table-column>
@@ -133,10 +136,10 @@

    baseInfo.getCategoryList().then((result)=>{
        this.headerList[2].options = result;
    })  
    })
    getTypeList("1","02").then((result)=>{
        this.headerList[8].options = result;
    })  
    })
  },

  data() {
@@ -360,14 +363,14 @@
<style lang="scss" scoped>
.illegal-search {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;

    .headerContent {
      padding: 20px 40px;
      //padding: 20px 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
@@ -405,7 +408,7 @@

      .el-button {
        background-color: #2f91ec;
        border: 1px solid #17324c;
        //border: 1px solid #17324c;
        color: #ffffff;
      }
    }
@@ -418,10 +421,10 @@
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
      //padding: 0 20px;

      .funs-sp {
        border: 1px solid #17324c;
        border: 1px solid #DCDFE6;
      }

      .funs {
@@ -449,4 +452,4 @@
    }
  }
}
</style>
</style>

 src/views/intelligentPatrol/statistics/unlawful/area/index.vue

@@ -40,8 +40,11 @@
      <div class="main-content">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
           'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -183,15 +186,15 @@
  <style lang="scss" scoped>
.list {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;
    border: 1pox solid #fff;
    border: 1px solid #fff;

    .header-content {
      padding: 0 40px;
      //padding: 0 40px;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -231,14 +234,14 @@
    }
  }

  :deep(.el-range-separator) {
  ::v-deep(.el-range-separator) {
    padding: 0px !important;
  }
  main {
    // background-color: #09152f;
    margin-top: 20px;
    padding-bottom: 50px;
    border: 1pox solid #fff;
    border: 1px solid #fff;

    .main-title {
      line-height: 60px;
@@ -340,4 +343,4 @@
    }
  }
}
</style>
</style>

 src/views/intelligentPatrol/statistics/unlawful/point/index.vue

@@ -40,8 +40,11 @@
      <div class="main-content">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
           'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -193,15 +196,15 @@
  <style lang="scss" scoped>
.list {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;
    border: 1pox solid #fff;

    .header-content {
      padding: 0 40px;
      //padding: 0 40px;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -350,4 +353,4 @@
    }
  }
}
</style>
</style>

 src/views/intelligentPatrol/statistics/unlawful/shop/index.vue

@@ -40,8 +40,11 @@
      <div class="main-content">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
           'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -187,15 +190,15 @@
  <style lang="scss" scoped>
.list {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;
    border: 1pox solid #fff;

    .header-content {
      padding: 0 40px;
      //padding: 0 40px;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -344,4 +347,4 @@
    }
  }
}
</style>
</style>

 src/views/intelligentPatrol/statistics/unlawful/time/index.vue

@@ -40,8 +40,11 @@
      <div class="main-content">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
           'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -183,15 +186,15 @@
  <style lang="scss" scoped>
.list {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;
    border: 1pox solid #fff;

    .header-content {
      padding: 0 40px;
      //padding: 0 40px;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -340,4 +343,4 @@
    }
  }
}
</style>
</style>

 src/views/intelligentPatrol/statistics/unlawful/type/index.vue

@@ -1,4 +1,4 @@
<template>
<template xmlns="http://www.w3.org/1999/html">
  <div class="list">
    <header>
      <div class="header-content">
@@ -40,8 +40,11 @@
      <div class="main-content">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
           'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -191,15 +194,15 @@
  <style lang="scss" scoped>
.list {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;
    border: 1pox solid #fff;
    border: 1px solid #fff;

    .header-content {
      padding: 0 40px;
      //padding: 0 40px;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -348,4 +351,4 @@
    }
  }
}
</style>
</style>

 src/views/intelligentPatrol/studyJudge/inspectionTable/index.vue

@@ -1,8 +1,11 @@
<template>
  <div class="mainContent">
    <!-- 数据展示 -->
    <el-table ref="multipleTable"
      :header-cell-style="{ 'font-weight': '650', 'line-height': '45px' }"
    <el-table
        border
        stripe
        ref="multipleTable"
      :header-cell-style="{  'background':'#F5F5F5','font-weight': '650', 'line-height': '45px' }"
      :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
      <el-table-column type="selection" min-width="5">
      </el-table-column>
@@ -307,13 +310,14 @@
  padding: 0 20px;

  .funs-sp {
    border: 1px solid #17324c;
    //border: 1px solid #DCDFE6;
  }

  .funs {
    display: flex;

    .funsItem {
      border: 1px solid #DCDFE6;
      line-height: 28px;
      display: flex;
      align-items: center;

 src/views/operate/baseSetting/illegalBuild/index.vue

@@ -24,8 +24,11 @@
        <main>
            <div class="mainContent">
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'#fff','font-weight':'650','line-height':'45px'}"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -263,9 +266,9 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #4b9bb7;

  border: 1px solid #ccc;
    .headerTitle {
        line-height: 40px;
    }
@@ -274,7 +277,7 @@
        background-color: #fff;

        .headerContent {
            padding: 0 40px;
            padding: 0;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
@@ -304,14 +307,14 @@

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;
                    //border-radius: 20px;
                }
            }

            .addBtn {
                background-color: #eb5d01;
                //background-color: #eb5d01;
                border: none;
                border-radius: 20px;
                //border-radius: 20px;
                padding: 12px 30px;
            }
        }
@@ -410,4 +413,4 @@
        }
    }
}
</style>
</style>

 src/views/operate/baseSetting/violation/index.vue

@@ -24,8 +24,11 @@
        <main>
            <div class="mainContent">
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{'font-weight':'650','line-height':'45px'}"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -276,9 +279,9 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    // color: #4b9bb7;

    padding: 10px 20px;
  color: #4b9bb7;
  border: 1px solid #ccc;
    .headerTitle {
        line-height: 40px;
    }
@@ -287,7 +290,7 @@
        // background-color: #09152f;

        .headerContent {
            padding: 0 40px;
            padding: 0;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
@@ -317,14 +320,14 @@

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;
                    //border-radius: 20px;
                }
            }

            .addBtn {
                background-color: #eb5d01;
                //background-color: #eb5d01;
                border: none;
                border-radius: 20px;
                //border-radius: 20px;
                padding: 12px 30px;
            }
        }
@@ -428,4 +431,4 @@
        }
    }
}
</style>
</style>

 src/views/operate/car/lawCar/index.vue

@@ -16,7 +16,7 @@
                        <div>{{car.carPhone}}</div>
                    </el-form-item>
                </div>
                <div class="car-item"> 
                <div class="car-item">
                    <el-form-item label="所属部门:" class="car-item-container">
                        <div>{{car.carDept}}</div>
                    </el-form-item>
@@ -54,6 +54,7 @@
.law-car {
    color: #4b9bb7;
    padding: 20px;
  border: 1px solid #ccc;
    .law-car-header{
        line-height: 60px;
        text-align: left;
@@ -92,4 +93,4 @@
        }
    }
}
</style>
</style>

 src/views/operate/car/myIndex/index.vue

@@ -24,8 +24,11 @@
                        :class="[item.checked ? 'is-active' : '', 'type-item']">{{ item.name }}</div>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{'font-weight': '650', 'line-height': '45px' }"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{'background':'#F5F5F5','font-weight': '650', 'line-height': '45px' }"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -80,7 +83,7 @@
                <!-- tools -->
                <div class="tools">
                    <div class="funs">
                        <div class="funsItem funs-sp">
                        <div class="funsItem funs-sp funs-first">
                            <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
                        </div>
                        <div class="funsItem funs-sp">
@@ -338,10 +341,10 @@
        },
        selectChange(list) {
            if (this.tempList.length !== 0) {
                

                this.preMyIdx = list;
                this.mulDelete(this.tempList);
                

            } else {
                this.myIdx = this.preMyIdx;
                this.$message({
@@ -389,15 +392,15 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #4b9bb7;

  border: 1px solid #ccc;
    header {
        // background-color: #09152f;
        border: 1pox solid #fff;
        border: 1px solid #fff;

        .headerContent {
            padding: 0 40px;
            padding: 0;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
@@ -417,7 +420,7 @@

                    &::v-deep .el-input__inner {
                        // background-color: #09152f;
                        border: 1px solid #17324c;
                        //border: 1px solid #17324c;
                    }
                }

@@ -432,14 +435,14 @@

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;
                    //border-radius: 20px;
                }
            }

            .addBtn {
                background-color: #eb5d01;
                //background-color: #eb5d01;
                border: none;
                border-radius: 20px;
                //border-radius: 20px;
                padding: 12px 30px;
            }
        }
@@ -447,14 +450,14 @@

    &::v-deep .el-input__inner {
        // background-color: #09152f;
        border: 1px solid #17324c;
        //border: 1px solid #17324c;
    }

    main {
        // background-color: #09152f;
        margin-top: 20px;
        padding-bottom: 50px;
        border: 1pox solid #fff;
        border: 1px solid #fff;

        .btn span:hover {
            cursor: pointer;
@@ -479,7 +482,7 @@
            .is-active {
                // background-color: #070f22;
                border-radius: 4px;
                color: #fff;
                color: #2f54eb;
            }
        }

@@ -487,15 +490,17 @@
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            padding: 0;

            .funs {
                display: flex;

                .funs-sp {
                    border: 1px solid #17324c;
                  border: 1px solid #DCDFE6;
                }

             .funs-first{
                    margin-left: 0!important;
                  }
                .funsItem {
                    line-height: 28px;
                    display: flex;
@@ -503,7 +508,7 @@
                    border-radius: 4px;
                    font-size: 12px;
                    margin-left: 10px;

                  border: 1px solid #DCDFE6;
                    .el-checkbox {
                        width: 80px;
                        padding: 0 10px;
@@ -652,4 +657,4 @@
        padding: 0;
    }
}
</style>
</style>

 src/views/operate/car/soilCar/index.vue

@@ -54,7 +54,7 @@
.soil-car {
    color: #4b9bb7;
    padding: 20px;

  border: 1px solid #ccc;
    .soil-car-header {
        line-height: 60px;
        text-align: left;
@@ -100,4 +100,4 @@
        }
    }
}
</style>
</style>

 src/views/operate/disposal/casepool/dispatch/index.vue

@@ -24,8 +24,12 @@
                        :class="[item.checked ? 'is-active' : '', 'type-item']">{{ item.name }}</div>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable" :header-cell-style="{
                <el-table
                    border
                    stripe
                    ref="multipleTable" :header-cell-style="{
                    // background:'#06122c',
                     'background':'#F5F5F5',
                    'font-weight': '650', 'line-height': '45px'
                }" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
@@ -358,14 +362,14 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #4b9bb7;

  border: 1px solid #ccc;
    header {
        // background-color: #09152f;

        .headerContent {
            padding: 0 40px;
            padding: 0;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
@@ -385,7 +389,7 @@

                    &::v-deep .el-input__inner {
                        background-color: #fff;
                        border: 1px solid #17324c;
                        //border: 1px solid #17324c;
                    }
                }

@@ -400,7 +404,7 @@

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;
                    //border-radius: 20px;
                }
            }

@@ -455,10 +459,10 @@
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            //padding: 0 20px;

            .funs-sp {
                border: 1px solid #17324c;
              border: 1px solid #DCDFE6;
            }

            .funs {

 src/views/operate/disposal/casepool/escalation/index.vue

@@ -29,8 +29,11 @@
      <div class="mainContent">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
           'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -80,7 +83,7 @@
        <!-- tools -->
        <div class="tools">
          <div class="funs">
            <div class="funsItem funs-sp">
            <div class="funsItem funs-sp funs-first">
              <el-checkbox v-model="all" @change="selectAll()"
                >全选</el-checkbox
              >
@@ -399,14 +402,14 @@
<style lang="scss" scoped>
.userList {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;

    .headerContent {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -450,7 +453,7 @@

        .el-button {
          padding: 12px 25px;
          border-radius: 20px;
          //border-radius: 20px;
        }
      }

@@ -465,7 +468,7 @@

  &::v-deep .el-input__inner {
    // background-color: #09152f;
    border: 1px solid #17324c;
    //border: 1px solid #17324c;
  }

  main {
@@ -526,12 +529,15 @@
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
      //padding: 0 20px;

      .funs {
        display: flex;
        .funs-first{
          margin-left: 0!important;
        }
        .funs-sp {
          border: 1px solid #17324c;
          border: 1px solid #DCDFE6;
        }
        .funsItem {
          line-height: 28px;
@@ -655,4 +661,4 @@
    padding: 0;
  }
}
</style>
</style>

 src/views/operate/disposal/casepool/learn/index.vue

@@ -24,8 +24,12 @@
                        :class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{
                   'background':'#F5F5F5',
                        // background:'#06122c',
                       'font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@@ -93,7 +97,7 @@
                <!-- tools -->
                <div class="tools">
                    <div class="funs">
                        <div class="funsItem funs-sp">
                        <div class="funsItem funs-sp funs-first">
                            <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
                        </div>
                        <div class="funsItem funs-sp">
@@ -370,14 +374,14 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #4b9bb7;

  border: 1px solid #ccc;
    header {
        // background-color: #09152f;

        .headerContent {
            padding: 0 40px;
            //padding: 0 40px;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
@@ -397,7 +401,7 @@

                    &::v-deep .el-input__inner {
                        // background-color: #09152f;
                        border: 1px solid #17324c;
                        //border: 1px solid #17324c;
                    }
                }

@@ -412,14 +416,14 @@

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;
                    //border-radius: 20px;
                }
            }

            .addBtn {
                background-color: #eb5d01;
                //background-color: #eb5d01;
                border: none;
                border-radius: 20px;
                //border-radius: 20px;
                padding: 12px 30px;
            }
        }
@@ -462,12 +466,15 @@
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            //padding: 0 20px;

            .funs {
                display: flex;
              .funs-first{
                margin-left: 0!important;
              }
                .funs-sp{
                    border: 1px solid #17324c;
                  border: 1px solid #DCDFE6;
                }
                .funsItem {
                    line-height: 28px;
@@ -548,4 +555,4 @@
        padding: 0 5px;
    }
}
</style>
</style>

 src/views/operate/disposal/casepool/notDeal/index.vue

@@ -24,9 +24,13 @@
                        :class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{
                        // background:'#06122c',
                         'background':'#F5F5F5',
                        'font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
@@ -86,7 +90,7 @@
                <!-- tools -->
                <div class="tools">
                    <div class="funs">
                        <div class="funsItem funs-sp">
                        <div class="funsItem funs-sp funs-first">
                            <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
                        </div>
                        <div class="funsItem funs-sp">
@@ -314,7 +318,7 @@
                url:`sccg/base_case/baseCaseDetail/${code}`
            })
            .then(res=>{
                this.info = res.data;  
                this.info = res.data;
                this.dialogView = true;
            })
        },
@@ -356,13 +360,14 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #4b9bb7;
  border: 1px solid #ccc;
    header {
        // background-color: #09152f;

        .headerContent {
            padding: 0 40px;
            //padding: 0 40px;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
@@ -392,14 +397,14 @@

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;
                    //border-radius: 20px;
                }
            }

            .addBtn {
                background-color: #eb5d01;
                //background-color: #eb5d01;
                border: none;
                border-radius: 20px;
                //border-radius: 20px;
                padding: 12px 30px;
            }
        }
@@ -430,7 +435,7 @@
            .is-active {
                // background-color: #070f22;
                border-radius: 4px;
                color: #fff;
                color: #2f54eb;
            }
        }

@@ -438,12 +443,15 @@
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            //padding: 0 20px;

            .funs {
                display: flex;
              .funs-first{
                margin-left: 0!important;
              }
                .funs-sp{
                    border: 1px solid #17324c;
                  border: 1px solid #DCDFE6;
                }
                .funsItem {
                    line-height: 28px;
@@ -522,4 +530,4 @@
        padding: 0 5px;
    }
}
</style>
</style>

 src/views/operate/disposal/casepool/pool/index.vue

@@ -46,8 +46,11 @@
                        :class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{'font-weight':'650','line-height':'45px'}"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{ 'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -465,14 +468,14 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #4b9bb7;

  border: 1px solid #ccc;
    header {
        // background-color: #09152f;

        .headerContent {
            padding: 0 40px;
            padding: 0;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
@@ -517,14 +520,14 @@

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;
                    //border-radius: 20px;
                }
            }

            .addBtn {
                background-color: #eb5d01;
                //background-color: #eb5d01;
                border: none;
                border-radius: 20px;
                //border-radius: 20px;
                padding: 12px 30px;
            }
        }
@@ -538,7 +541,7 @@
            line-height: 60px;
        }

        padding: 10px;
        //padding: 10px;

        .nav {
            display: flex;
@@ -585,9 +588,9 @@

        .tools {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            justify-content: right;
            //align-items: ri;
            //padding: 0 20px;

            .funs {
                display: flex;
@@ -661,7 +664,7 @@
                display:none
            }
            }
            


            .operation {
                display: flex;
@@ -678,4 +681,4 @@

    }
}
</style>
</style>

 src/views/operate/fivepack/threepack/components/aside/index.vue

@@ -84,7 +84,7 @@

    &::v-deep .el-input__inner {
      // background-color: #09152f;
      border: 1px solid #17324c;
      //border: 1px solid #17324c;
    }
  }

@@ -103,4 +103,4 @@
    }
  }
}
</style>
</style>

 src/views/operate/fivepack/threepack/components/content.vue

@@ -26,7 +26,11 @@
    </header>
    <main>
      <!-- 数据展示 -->
      <el-table ref="multipleTable" :header-cell-style="{
      <el-table
          border
          stripe
          ref="multipleTable" :header-cell-style="{
        'background':'#F5F5F5',
        'font-weight': '650',
        'line-height': '45px',
      }" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
@@ -361,8 +365,9 @@
.content {
  flex: 1;
  height: 100%;
  margin-left: 5px;
  padding-left: 20px;

  border: 1px solid #ccc;
  .headerContent {
    display: flex;
    line-height: 100px;
@@ -504,7 +509,7 @@
      margin-top: 50px;
      display: flex;
      line-height: 50px;
      justify-content: center;
      justify-content: right;

      .el-pagination {

@@ -540,4 +545,4 @@
    }
  }
}
</style>
</style>

 src/views/operate/images/index.vue

@@ -42,8 +42,11 @@
        </div>
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
          'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -106,7 +109,7 @@
        </el-dialog>
        <div class="tools">
          <div class="funs">
            <div class="funsItem funs-sp">
            <div class="funsItem funs-sp funs-first">
              <el-checkbox v-model="all" @change="selectAll()"
                >全选</el-checkbox
              >
@@ -388,14 +391,14 @@
<style lang="scss" scoped>
.userList {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;

    .headerContent {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -415,7 +418,7 @@

          &::v-deep .el-input__inner {
            // background-color: #09152f;
            border: 1px solid #17324c;
            //border: 1px solid #17324c;
          }
        }
      }
@@ -429,14 +432,14 @@

        .el-button {
          padding: 12px 25px;
          border-radius: 20px;
          //border-radius: 20px;
        }
      }

      .addBtn {
        // background-color: #eb5d01;
        border: none;
        border-radius: 20px;
        //border-radius: 20px;
        padding: 12px 30px;
      }
    }
@@ -444,7 +447,7 @@

  &::v-deep .el-input__inner {
    // background-color: #09152f;
    border: 1px solid #17324c;
    //border: 1px solid #17324c;
  }

  main {
@@ -459,7 +462,7 @@
    .type-nav {
      display: flex;
      line-height: 40px;
      margin-left: 30px;
      //margin-left: 30px;
      padding-top: 10px;
      margin-bottom: 10px;

@@ -485,10 +488,12 @@
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;

      padding: 0;
      .funs-first{
        margin-left: 0!important;
      }
      .funs-sp {
        border: 1px solid #17324c;
        border: 1px solid #DCDFE6;
      }

      .funs {

 src/views/operate/log/index.vue

@@ -69,9 +69,12 @@
        </div>
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
            // background: '#06122c',
             'background':'#F5F5F5',
            'font-size': '12px',
            color: '#606266',
            'font-weight': '650',
@@ -109,7 +112,7 @@
        <!-- tools -->
        <div class="tools">
          <div class="funs">
            <div class="funsItem funs-sp">
            <div class="funsItem funs-sp funs-first">
              <el-checkbox v-model="all" @change="selectAll()"
                >全选</el-checkbox
              >
@@ -427,23 +430,23 @@
<style lang="scss" scoped>
.userList {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #606266;

  border: 1px solid #ccc;
  header {
    background-color: white;
    border: 1px solid #fff;

    .header-nav {
      line-height: 40px;
      padding: 0 30px;
      padding-left: 10px;
      display: flex;
      justify-content: space-between;
      font-weight: 650;
    }

    .header-content {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      // justify-content: space-between;
@@ -525,13 +528,15 @@
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
      //padding: 0 20px;

      .funs {
        display: flex;

        .funs-first{
          margin-left: 0!important;
        }
        .funs-sp {
          border: 1px solid #17324c;
          border: 1px solid #DCDFE6;
        }

        .funsItem {

 src/views/operate/management/message/index.vue

@@ -236,18 +236,18 @@
<style lang="scss" scoped>
.message {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;
    .header-title {
      line-height: 40px;
      padding: 0 20px;
      //padding: 0 20px;
      border-bottom: 1px solid #4b9bb7;
    }
    .header-content {
      padding: 0 40px;
      //padding: 0 40px;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -267,7 +267,7 @@

          &::v-deep .el-input__inner {
            // background-color: #09152f;
            border: 1px solid #17324c;
            //border: 1px solid #17324c;
          }
        }
      }
@@ -366,4 +366,4 @@
    }
  }
}
</style>
</style>

 src/views/operate/management/myIndex/index.vue

@@ -20,8 +20,11 @@
        <main>
            <div class="mainContent">
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{'font-weight':'650','line-height':'45px'}"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{ 'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -361,12 +364,12 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #4b9bb7;

  border: 1px solid #ccc;
    header {
        // background-color: #09152f;
        padding: 10px 20px;
        //padding: 10px 20px;

        .problem,
        .status {
@@ -397,12 +400,15 @@
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            //padding: 0 20px;

            .funs {
                display: flex;
              .funs-first{
                margin-left: 0!important;
              }
                .funs-sp{
                    border: 1px solid #17324c;
                  border: 1px solid #DCDFE6;
                }
                .funsItem {
                    line-height: 28px;
@@ -563,4 +569,4 @@
        padding: 0;
    }
}
</style>
</style>

 src/views/operate/message/myIndex/index.vue

@@ -42,8 +42,11 @@
                        @click="handleOpera(null, 'create')">添加</el-button>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{ background: 'white', 'font-weight': '650', 'line-height': '45px' }" :data="tableData"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{  'background':'#F5F5F5', 'font-weight': '650', 'line-height': '45px' }" :data="tableData"
                    style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
                    </el-table-column>
@@ -85,7 +88,7 @@
                <!-- tools -->
                <div class="tools">
                    <div class="funs">
                        <div class="funsItem funs-sp">
                        <div class="funsItem funs-sp funs-first">
                            <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
                        </div>
                        <div class="funsItem funs-sp">
@@ -357,22 +360,22 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #606266;

  border: 1px solid #ccc;
    header {
        background-color: white;

        .header-nav {
            line-height: 40px;
            padding: 0 30px;
            //padding: 0 30px;
            display: flex;
            justify-content: space-between;
            font-weight: 650;
        }

        .header-content {
            padding: 0 40px;
            padding: 0;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
@@ -442,20 +445,22 @@
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            //padding: 0 20px;

            .funs {
                display: flex;

                .funs-first{
                  margin-left: 0!important;
                }
                .funs-sp {
                    border: 1px solid #17324c;
                  //border: 1px solid #DCDFE6;
                }

                .funsItem {
                    line-height: 28px;
                    display: flex;
                    align-items: center;

                  border: 1px solid #DCDFE6;
                    border-radius: 4px;
                    font-size: 12px;
                    margin-left: 10px;

 src/views/operate/message/mycontrol/index.vue

@@ -7,8 +7,11 @@
                    <el-button class="button-addition" type="primary" icon="el-icon-plus" @click="dialogCreate = true">添加</el-button>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'white','font-weight':'650','line-height':'45px'}"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{ 'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -280,9 +283,9 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #606266;

  border: 1px solid #ccc;
    main {
        background-color: white;
        margin-top: 20px;

 src/views/operate/myWait/index.vue

@@ -15,7 +15,11 @@
    <main>
      <div class="mainContent">
        <!-- 数据展示 -->
        <el-table ref="multipleTable" :header-cell-style="{
        <el-table
            border
            stripe
            ref="multipleTable" :header-cell-style="{
          'background':'#F5F5F5',
          'font-weight': '650',
          'line-height': '45px',
        }" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
@@ -305,9 +309,9 @@
<style lang="scss" scoped>
.userList {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  .headerTitle {
    line-height: 40px;
  }
@@ -316,7 +320,7 @@
    background-color: white;

    .headerContent {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -336,7 +340,7 @@

          &::v-deep .el-input__inner {
            background-color: #fff;
            border: 1px solid #17324c;
            //border: 1px solid #17324c;
          }
        }
      }
@@ -350,7 +354,7 @@

        .el-button {
          padding: 12px 25px;
          border-radius: 20px;
          //border-radius: 20px;
        }
      }

@@ -385,7 +389,7 @@
          line-height: 28px;
          display: flex;
          align-items: center;
          border: 1px solid #17324c;
          border: 1px solid #DCDFE6;
          border-radius: 4px;
          font-size: 12px;
          margin-left: 10px;
@@ -532,4 +536,4 @@
    padding: 0;
  }
}
</style>
</style>

 src/views/operate/sms/smsIndex/index.vue

@@ -32,8 +32,12 @@
          </el-button>
        </div>
        <!-- 数据展示 -->
        <el-table ref="multipleTable" :header-cell-style="{
        <el-table
            border
            stripe
            ref="multipleTable" :header-cell-style="{
          // background: '#06122c',
           'background':'#F5F5F5',
          'font-size': '12px',
          color: '#606266',
          'font-weight': '650',
@@ -74,7 +78,7 @@
          :before-close="handleConfirmClose">

          <div class="mainContent1">
            <el-form ref="user" label-width="140px" autoComplete="on" :model="role" 
            <el-form ref="user" label-width="140px" autoComplete="on" :model="role"
              label-position="right" disabled=false>
              <!-- 提醒方式
              <el-form-item class="optionItem" label="提醒方式:" prop="channelCode">
@@ -150,7 +154,7 @@
        </el-dialog>
        <div class="tools">
          <div class="funs">
            <div class="funsItem funs-sp">
            <div class="funsItem funs-sp funs-first">
              <el-checkbox v-model="all" @change="selectAll()">全选
              </el-checkbox>
            </div>
@@ -413,22 +417,22 @@
<style lang="scss" scoped>
.userList {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #606266;

  border: 1px solid #ccc;
  header {
    background-color: white;

    .header-nav {
      line-height: 40px;
      padding: 0 30px;
      padding: 0 10px;
      display: flex;
      justify-content: space-between;
      font-weight: 650;
    }

    .header-content {
      padding: 0 40px;
      //padding: 0 40px;
      display: flex;
      line-height: 100px;
      // justify-content: space-between;
@@ -507,13 +511,15 @@
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
      //padding: 0 20px;

      .funs {
        display: flex;

          .funs-first{
            margin-left: 0!important;
          }
        .funs-sp {
          border: 1px solid #17324c;
          border: 1px solid #DCDFE6;
        }

        .funsItem {

 src/views/operate/sms/smsTemplate/index.vue

@@ -29,8 +29,11 @@
                    <el-button class="button-addition" type="primary" icon="el-icon-plus" @click="isShowDialog = true; dialogType = 'create'">添加</el-button>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'white','font-weight':'650','line-height':'45px'}"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{ 'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -69,7 +72,7 @@
                </el-dialog>
                <div class="tools">
                    <div class="funs">
                        <div class="funsItem funs-sp">
                        <div class="funsItem funs-sp funs-first">
                            <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
                        </div>
                        <div class="funsItem funs-sp">
@@ -319,22 +322,22 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #606266;

  border: 1px solid #ccc;
    header {
        background-color: white;

        .header-nav {
            line-height: 40px;
            padding: 0 30px;
            //padding: 0 30px;
            display: flex;
            justify-content: space-between;
            font-weight: 650;
        }

        .header-content {
            padding: 0 40px;
            //padding: 0 40px;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
@@ -405,13 +408,15 @@
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            //padding: 0 20px;

            .funs {
                display: flex;

                .funs-first{
                  margin-left: 0!important;
                }
                .funs-sp {
                    border: 1px solid #17324c;
                  border: 1px solid #DCDFE6;
                }

                .funsItem {

 src/views/operate/video/index.vue

@@ -37,8 +37,11 @@
        </div>
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
           'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -95,12 +98,12 @@

        <div class="tools">
          <div class="funs">
            <div class="funsItem funs-sp">
            <div class="funsItem funs-sp funs-first">
              <el-checkbox v-model="all" @change="selectAll()"
                >全选</el-checkbox
              >
            </div>
            <div class="funsItem funs-sp">
            <div class="funsItem funs-sp ">
              <el-checkbox v-model="unsame" @change="disSame(tableData)"
                >反选</el-checkbox
              >
@@ -366,14 +369,14 @@
<style lang="scss" scoped>
.userList {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;

    .headerContent {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -393,7 +396,7 @@

          &::v-deep .el-input__inner {
            // background-color: #09152f;
            border: 1px solid #17324c;
            //border: 1px solid #17324c;
          }
        }
      }
@@ -407,14 +410,14 @@

        .el-button {
          padding: 12px 25px;
          border-radius: 20px;
          //border-radius: 20px;
        }
      }

      .addBtn {
        // background-color: #eb5d01;
        border: none;
        border-radius: 20px;
        //border-radius: 20px;
        padding: 12px 30px;
      }
    }
@@ -422,7 +425,7 @@

  &::v-deep .el-input__inner {
    // background-color: #09152f;
    border: 1px solid #17324c;
    //border: 1px solid #17324c;
  }

  main {
@@ -437,7 +440,7 @@
    .type-nav {
      display: flex;
      line-height: 40px;
      margin-left: 30px;
      //margin-left: 30px;
      padding-top: 10px;
      margin-bottom: 10px;

@@ -463,10 +466,12 @@
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;

      padding: 0;
      .funs-first{
        margin-left: 0!important;
      }
      .funs-sp {
        border: 1px solid #17324c;
        border: 1px solid #DCDFE6;
      }

      .funs {
@@ -553,4 +558,4 @@
    // background-color: #09152f;
  }
}
</style>
</style>

 src/views/operate/viewEvent/index.vue

@@ -63,8 +63,11 @@
      <div class="mainContent">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
          'background':'#F5F5F5',
            background: '#fff',
            'font-weight': '650',
            'line-height': '45px',
@@ -317,14 +320,14 @@
<style lang="scss" scoped>
.userList {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    display: flex;
    line-height: 60px;
    flex-direction: column;
    padding: 0 20px;
    padding: 0;
    color: #4b9bb7;

    .headerContent {
@@ -521,4 +524,4 @@
    // background-color: #06122c;
  }
}
</style>
</style>

 src/views/operate/writManager/writ/index.vue

@@ -15,8 +15,11 @@
      <div class="main-content">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
           'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -254,14 +257,14 @@
  <style lang="scss" scoped>
.list {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;

    .header-content {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -281,7 +284,7 @@

          &::v-deep .el-input__inner {
            background-color: #fff;
            border: 1px solid #17324c;
            //border: 1px solid #17324c;
          }
        }
      }
@@ -311,7 +314,7 @@
          line-height: 28px;
          display: flex;
          align-items: center;
          border: 1px solid #17324c;
          //border: 1px solid #17324c;
          border-radius: 4px;
          font-size: 12px;
          margin-left: 10px;
@@ -434,7 +437,7 @@

  .el-button {
    padding: 12px 25px;
    border-radius: 20px;
    //border-radius: 20px;
  }
}
</style>
</style>

 src/views/operate/writManager/writTemplate/index.vue

@@ -15,8 +15,11 @@
      <div class="main-content">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
           'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -157,14 +160,14 @@
  <style lang="scss" scoped>
.list {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;

    .header-content {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -184,7 +187,7 @@

          &::v-deep .el-input__inner {
            // background-color: #09152f;
            border: 1px solid #17324c;
            //border: 1px solid #17324c;
          }
        }
      }
@@ -214,7 +217,7 @@
          line-height: 28px;
          display: flex;
          align-items: center;
          border: 1px solid #17324c;
          //border: 1px solid #17324c;
          border-radius: 4px;
          font-size: 12px;
          margin-left: 10px;
@@ -304,7 +307,7 @@

    .el-button {
      padding: 12px 25px;
      border-radius: 20px;
      //border-radius: 20px;
    }
  }
}
@@ -319,4 +322,4 @@
  background-color: #06122c !important;
  color: #fff;
}
</style>
</style>

 src/views/systemSetting/baseSetting/department/index.vue

@@ -33,8 +33,11 @@
      <div class="mainContent">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
            ref="multipleTable"
            :header-cell-style="{
          'background':'#F5F5F5',
            'font-size': '14px',
            'font-weight': '650',
            'line-height': '45px',
@@ -447,7 +450,7 @@
  text-align: left;
  margin: 10px 20px;
  // color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    // background-color: white;
    // border: 1 pox solid #fff;
@@ -487,14 +490,14 @@

        .el-button {
          padding: 12px 25px;
          border-radius: 20px;
          //border-radius: 20px;
        }
      }

      .addBtn {
        background-color: #eb5d01;
        //background-color: #eb5d01;
        border: none;
        border-radius: 20px;
        //border-radius: 20px;
        padding: 12px 30px;
      }
    }
@@ -518,6 +521,7 @@

      .funs-sp {
        // border: 1px solid #17324c;
        border: 1px solid #DCDFE6;
      }

      .funs {

 src/views/systemSetting/baseSetting/role/index.vue

@@ -6,7 +6,7 @@
                    <span>筛选条件:</span>
                    <el-input placeholder="请输入内容" v-model="context"></el-input>
                    <div class="findBtn">
                        <el-button type="primary" @click="search">查询</el-button>
                        <el-button class="find-Btn" type="primary" @click="search">查询</el-button>
                    </div>
                </div>
                <div class="addUser">
@@ -21,8 +21,11 @@
        <main>
            <div class="mainContent">
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{'font-size':'14px','font-weight':'650','line-height':'45px'}"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{'font-size':'14px','font-weight':'650','line-height':'45px','background':'#F5F5F5',}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -35,7 +38,7 @@
                    </el-table-column>
                    <el-table-column prop="status" label="启用" min-width="5">
                        <template slot-scope="scope">
                            <el-switch class="switchStyle" v-model="scope.row.status" 
                            <el-switch class="switchStyle" v-model="scope.row.status"
                                active-color="#3fef9a" inactive-color="#000212" disabled>
                            </el-switch>
                        </template>
@@ -53,7 +56,7 @@
                            </div>
                        </template>
                    </el-table-column>
                </el-table> 
                </el-table>
                <!-- 修改页面 -->
                <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '权限设置' :'查看角色信息'"
                    v-if="dialogUpdate" >
@@ -80,7 +83,7 @@
                                    :value="item.value" :disabled="item.disabled">
                                </el-option>
                            </el-select>
                        </div> 
                        </div>
                    </div>
                    <div class="pagination">
                        <el-pagination background :current-page="currentPage" layout="prev, pager, next"
@@ -359,7 +362,7 @@
    text-align: left;
    margin: 10px 20px;
    // color: #4b9bb7;

  border: 1px solid #ccc;
    header {
        // background-color: #09152f;
        // border: 1pox solid #fff;
@@ -400,14 +403,14 @@

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;

                }
            }

            .addBtn {
                background-color: #eb5d01;
                //background-color: #eb5d01;
                border: none;
                border-radius: 20px;
                //border-radius: 20px;
                padding: 12px 30px;
            }
        }
@@ -430,6 +433,7 @@
            padding: 0 20px;
            .funs-sp{
                // border: 1px solid #17324c;
              border: 1px solid #DCDFE6;
            }
            .funs {
                display: flex;
@@ -509,4 +513,4 @@

    }
}
</style>
</style>

 src/views/systemSetting/baseSetting/user/components/header/index.vue

@@ -5,7 +5,7 @@
                <span>筛选条件:</span>
                <el-input placeholder="请输入内容" v-model="search"></el-input>
                <div class="findBtn">
                    <el-button type="primary" @click="setSearch">查询</el-button>
                    <el-button class="find-Btn" type="primary" @click="setSearch">查询</el-button>
                </div>
            </div>
            <div class="addUser">
@@ -55,7 +55,7 @@
<style lang="scss" scoped>
header {
    // background-color: #09152f;
    border: 1pox solid #fff;
    border: 1px solid #fff;

    .headerContent {
        padding: 0 40px;
@@ -93,18 +93,17 @@

            .el-button {
                padding: 12px 25px;
                border-radius: 20px;

            }
        }

        .addBtn {
            background-color: #eb5d01;
            background-color: #409EFF;
            border: none;
            border-radius: 20px;
            padding: 12px 30px;
        }


    }
}
</style>
</style>

 src/views/systemSetting/baseSetting/user/components/main/index.vue

@@ -500,7 +500,7 @@
    .funs {
      display: flex;
      .funs-sp {
        // border: 1px solid #17324c;
         border: 1px solid #DCDFE6;
      }
      .funsItem {
        line-height: 28px;

 src/views/systemSetting/baseSetting/user/index.vue

@@ -19,7 +19,7 @@
        }
    },
    created(){
        

    },
    methods: {
        // 获取搜索返回结果
@@ -45,5 +45,6 @@
    text-align: left;
    margin: 10px 20px;
    color: #4b9bb7;
  border: 1px solid #ccc;
}
</style>
</style>

 src/views/systemSetting/device/bayonet/index.vue

@@ -200,7 +200,7 @@
  text-align: left;
  margin: 10px 20px;
  // color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;

@@ -327,4 +327,4 @@
.line {
  padding: 0 5px;
}
</style>
</style>

 src/views/systemSetting/device/grid/components/main/index.vue

@@ -25,8 +25,10 @@
      </header>
      <!-- 数据展示 -->
      <el-table
          border
          stripe
        ref="multipleTable"
        :header-cell-style="{ 'font-weight': '650', 'line-height': '45px' }"
        :header-cell-style="{'background':'#F5F5F5', 'font-weight': '650', 'line-height': '45px' }"
        :data="tableData"
        style="width: 100%"
        :row-class-name="tableRowClassName"
@@ -302,7 +304,7 @@

      .el-button {
        padding: 12px 25px;
        border-radius: 20px;
        //border-radius: 20px;
      }
    }
    ::v-deep .el-form {
@@ -337,10 +339,10 @@
  line-height: 20px;
  padding: 10px 20px;
  margin-left: auto;
  border-radius: 20px;
  //border-radius: 20px;
  .el-button {
    padding: 12px 25px;
    border-radius: 20px;
    //border-radius: 20px;
  }
}
</style>
</style>

 src/views/systemSetting/device/grid/index.vue

@@ -18,7 +18,7 @@
        }
    },
    created(){
        

    },
    methods: {
        // 获取搜索返回结果
@@ -42,5 +42,6 @@
    text-align: left;
    margin: 10px 20px;
    color: #4b9bb7;
  border: 1px solid #ccc;
}
</style>
</style>

 src/views/systemSetting/device/handheldTerminal/index.vue

@@ -29,8 +29,11 @@
        </div>
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
          'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -233,15 +236,15 @@
  <style lang="scss" scoped>
.list {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  // color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;
    // border: 1pox solid #fff;

    .header-content {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -270,13 +273,13 @@

  main {
    // background-color: #09152f;
    margin-top: 20px;
    //margin-top: 20px;
    padding-bottom: 50px;
    border: 1pox solid #fff;
    //border: 1pox solid #fff;

    .main-title {
      line-height: 60px;
      padding: 10px 20px;
      padding:0px;
    }

    .tools {
@@ -374,4 +377,4 @@
    }
  }
}
</style>
</style>

 src/views/systemSetting/device/loudspeaker/index.vue

@@ -29,8 +29,11 @@
        </div>
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          ref="multipleTable"
          :header-cell-style="{
          'background':'#F5F5F5',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -238,15 +241,15 @@
  <style lang="scss" scoped>
.list {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  // color: #4b9bb7;

  border: 1px solid #ccc;
  header {
    background-color: white;
    // border: 1pox solid #fff;

    .header-content {
      padding: 0 40px;
      padding: 0px;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -275,13 +278,13 @@

  main {
    // background-color: #09152f;
    margin-top: 20px;
    //margin-top: 20px;
    padding-bottom: 50px;
    border: 1pox solid #fff;
    //border: 1px solid #fff;

    .main-title {
      line-height: 60px;
      padding: 10px 20px;
      padding: 0;
    }

    .tools {
@@ -366,4 +369,4 @@
    }
  }
}
</style>
</style>

 src/views/systemSetting/platform/cockpitManage/index.vue

@@ -39,8 +39,11 @@
                    <el-button class="button-addition" type="primary" @click="showAddDialog">添加</el-button>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{  'font-size': '14px',  'font-weight': '650', 'line-height': '45px' }"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{ 'background':'#F5F5F5', 'font-size': '14px',  'font-weight': '650', 'line-height': '45px' }"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column prop="name" label="部门名称" min-width="8">
@@ -441,9 +444,9 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
  padding: 10px 20px;
    // color: #4b9bb7;

  border: 1px solid #ccc;
    header {
        // background-color: #09152f;

@@ -457,7 +460,7 @@

                .search-item {
                    display: flex;
                    margin-right: 10vw;
                    margin-right: 1vw;
                }

                .el-input {
@@ -481,7 +484,7 @@

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;
                    //border-radius: 20px;
                }
            }
        }
@@ -505,6 +508,7 @@
            display: flex;
            line-height: 40px;
            align-items: center;
          margin-bottom: 10px;
        }

        .tools {
@@ -593,4 +597,4 @@
        padding: 0 5px;
    }
}
</style>
</style>

 src/views/video/index.vue

@@ -1,10 +1,10 @@
<template>
  <el-container style="height: 100%">
  <el-container class="video-container" style="height: 100%">
    <el-aside heigth="100%" width="200px">
      <department-aside @selectedDepartment="selectedDepartment" />
    </el-aside>

    <el-container>
    <el-container class="video-body-right">
      <el-header style="display: flex; flex-direction: column; height: 120px">
        <div
          style="display: flex; justify-content: space-between; height: 80px"
@@ -18,7 +18,7 @@
            "
            >整体趋势</span
          >
          <el-date-picker v-model="value" type="date" placeholder="选择日期">
          <el-date-picker class="video-time-select" v-model="value" type="date" placeholder="选择日期">
          </el-date-picker>
        </div>
        <!-- <div style="height: 60px; display: flex; justify-content: flex-start">
@@ -298,6 +298,17 @@
};
</script>
<style lang="scss" scoped>
.video-time-select{
        &::v-deep .el-input__prefix{
          height: auto;
        }

}
.video-body-right{
  padding: 10px;
  border: 1px solid #ccc;
  margin-left: 5px;
}
.button-one {
  height: 40px;
  width: 80px;
@@ -438,4 +449,4 @@
video::-webkit-media-controls-toggle-closed-captions-button {
  display: none;
}
</style>
</style>