style:table配置话

renchao@pashanhoo.com
Showing 9 changed files with 46 additions and 13 deletions
README.md
public/config.json
src/components/LbTable/index.vue
src/layout1/components/TagsView/index.vue
src/styles/sbPublic.scss
src/views/jsbwcx/index.vue
src/views/system/menus/index.vue
src/views/system/roles/index.vue
src/views/system/users/index.vue
--- a/README.md
View file @89d1217
+++ b/README.md
View file @89d1217
 <!--
 * @Description: 
 * @Autor: renchao
- * @LastEditTime: 2023-03-27 13:25:25
+ * @LastEditTime: 2023-03-27 15:43:24
 -->
 # 安装依赖
 npm install
@@ -22,3 +22,14 @@ npm install --registry=https://registry.npm.taobao.org
 ## 项目换肤 
 给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量
+## config说明
+{
+  "TITLE": "汉中市数据上报系统", 
+  "THEME": "sb",
+  "CODE": "BDCJGPT", {"BDCSBPT":上报: "BDCJGPT":监管}
+  "SERVERAPI": "/bdcsjsb",
+  "calcHeight": 200, {上报:160 监管:200}
+  "MANAGEMENTAPI": "http://192.168.2.38:8090/management"
+}
\ No newline at end of file
--- a/public/config.json
View file @89d1217
+++ b/public/config.json
View file @89d1217
@@ -3,5 +3,6 @@
  "THEME": "sb",
  "CODE": "BDCJGPT",
  "SERVERAPI": "/bdcsjsb",
+  "calcHeight": 160,
  "MANAGEMENTAPI": "http://192.168.2.38:8090/management"
 }
\ No newline at end of file
--- a/src/components/LbTable/index.vue
View file @89d1217
+++ b/src/components/LbTable/index.vue
View file @89d1217
@@ -139,11 +139,25 @@ export default {
        let _this = this
        if (this.heightNum) {
          _this.$nextTick(() => {
+            if (document.querySelector(".tags-view-container")) {
+              window.addEventListener('resize', () => {
+                if (_this.calcHeight == 230) {
+                  _this.tableHeight = _this.calcHeightx(192)
+                } else {
+                  _this.tableHeight = _this.calcHeightx(_this.calcHeight)
+                }
+              });
+              if (_this.calcHeight == 230) {
+                _this.tableHeight = _this.calcHeightx(192)
+              } else {
+                _this.tableHeight = _this.calcHeightx(_this.calcHeight)
+              }
+            } else {
              window.addEventListener('resize', () => {
                _this.tableHeight = _this.calcHeightx(_this.calcHeight)
              });
              _this.tableHeight = _this.calcHeightx(_this.calcHeight)
+            }
          })
        } else {
          _this.tableHeight = window.innerHeight - _this.heightNum
@@ -158,9 +172,15 @@ export default {
    calcHeightx (value, wappered = true) {
      //项目自定义的公共header部分的高度，可忽略
      let header = document.querySelector(".from-clues-header").offsetHeight;
      //value为动态计算table界面高度时，减去的其他空白部分，需自行在调试找到临界值，剩下的就是table表格的高度（包含header+body部分）
      value = value == undefined ? 100 : value;
-      let res = window.innerHeight - parseInt(header) - value;
+      if (document.querySelector(".tags-view-container")) {
+        let tagsView = document.querySelector(".tags-view-container").offsetHeight;
+        var res = window.innerHeight - parseInt(header) - value - parseInt(tagsView);
+      } else {
+        var res = window.innerHeight - parseInt(header) - value;
+      }
      if (wappered) {
        //通过原生方法，获取dom节点的高度------获取element-ui table表格body的元素
        let wapper = window.document.getElementsByClassName('el-table__body-wrapper');
--- a/src/layout1/components/TagsView/index.vue
View file @89d1217
+++ b/src/layout1/components/TagsView/index.vue
View file @89d1217
@@ -194,12 +194,12 @@ export default {
 @import "~@/styles/_handle.scss";
 .tags-view-container {
-  height: 40px;
+  height: 50px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #d8dce5;
  box-sizing: border-box;
-  padding-top: 2px;
+  padding-top: 7px;
  margin-bottom: 7px;
  border-radius: 4px;
--- a/src/styles/sbPublic.scss
View file @89d1217
+++ b/src/styles/sbPublic.scss
View file @89d1217
@@ -17,7 +17,7 @@
  &-header {
    width: 100%;
-    padding: 7px 15px 10px 15px;
+    padding: 7px 15px 15px 15px;
    box-sizing: border-box;
    background-size: 100% 100%;
    background: #FFFFFF;
--- a/src/views/jsbwcx/index.vue
View file @89d1217
+++ b/src/views/jsbwcx/index.vue
View file @89d1217
@@ -4,7 +4,7 @@
    <!-- 头部搜索 -->
    <div class="from-clues-header">
      <el-form ref="ruleForm" :model="form" label-width="100px">
-        <el-form-item v-if="BASE_API.THEME=='jg'">
+        <el-form-item v-if="BASE_API.THEME == 'jg'">
          <Breadcrumb />
        </el-form-item>
        <el-row class="mb-5">
--- a/src/views/system/menus/index.vue
View file @89d1217
+++ b/src/views/system/menus/index.vue
View file @89d1217
@@ -19,7 +19,7 @@
      </el-form>
    </div>
    <div class="from-clues-content">
-      <lb-table :pagination="false" :column="tableData.columns" :calcHeight="200" :data="tablelistData" row-key="id"
+      <lb-table :pagination="false" :column="tableData.columns" :calcHeight="BASE_API.calcHeight" :data="tablelistData" row-key="id"
        default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
      </lb-table>
--- a/src/views/system/roles/index.vue
View file @89d1217
+++ b/src/views/system/roles/index.vue
View file @89d1217
@@ -2,7 +2,7 @@
  <div class="timedTask from-clues">
    <div class="from-clues-header">
      <el-form ref="ruleForm" :model="form" label-width="100px">
-        <el-form-item v-if="BASE_API.THEME=='jg'">
+        <el-form-item v-if="BASE_API.THEME == 'jg'">
          <Breadcrumb />
        </el-form-item>
        <el-row class="mb-5">
@@ -19,7 +19,7 @@
      </el-form>
    </div>
    <div class="from-clues-content">
-      <lb-table :pagination="false" @size-change="handleSizeChange" :calcHeight="200"
+      <lb-table :pagination="false" @size-change="handleSizeChange" :calcHeight="BASE_API.calcHeight"
        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="listdata" :expand-row-keys="keyList"
        row-key="dictid">
      </lb-table>
--- a/src/views/system/users/index.vue
View file @89d1217
+++ b/src/views/system/users/index.vue
View file @89d1217
@@ -2,7 +2,7 @@
  <div class="timedTask from-clues">
    <div class="from-clues-header">
      <el-form ref="ruleForm" :model="form" label-width="100px">
-        <el-form-item v-if="BASE_API.THEME=='jg'">
+        <el-form-item v-if="BASE_API.THEME == 'jg'">
          <Breadcrumb />
        </el-form-item>
        <el-row class="mb-5">
@@ -31,7 +31,8 @@
    </div>
    <div class="from-clues-content">
      <lb-table :pagination="false" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
-        :column="tableData.columns" :calcHeight="200" :data="tableData.data" :expand-row-keys="keyList" row-key="dictid">
+        :column="tableData.columns" :calcHeight="BASE_API.calcHeight" :data="tableData.data" :expand-row-keys="keyList"
+        row-key="dictid">
      </lb-table>
    </div>
    <EditDialog ref="dialogForm" v-model="isDialog" @ok="reloadTableData" />
@@ -408,5 +409,5 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-  @import "~@/styles/mixin.scss";
+@import "~@/styles/mixin.scss";
 </style>