Browse Source

可视化配置页面2/3

chenrui  1 year ago
parent
commit
fd1aa925e9
1 changed files with 22 additions and 4 deletions
  1. 22 4
      src/views/createtable/index.vue

+ 22 - 4
src/views/createtable/index.vue

@@ -19,7 +19,8 @@
       </template>
       <div :class="dataFlag ? 'tableAuto' : treeData.length ? 'tableSacle' : 'tableAuto'" class="TablePage_content_right">
         <div class="check_header">
-          <el-form ref="ruleForm" :model="tableForm" :label-width="labelWidth">
+          <el-scrollbar style="height: 100%" :horizontal="false">
+            <el-form ref="ruleForm" :model="tableForm" :label-width="labelWidth">
               <el-row :gutter="6">
                 <el-col v-for="(item, index) in formItemArr" :key=" index" :span="4" v-show="isShow(item.isdisplay)">
                   <el-form-item :rules="fromDataReq(item)" :prop="item.pagecode" :label="item.pagename">
@@ -99,16 +100,23 @@
                     </template>
                   </el-form-item>
                 </el-col>
+                <el-col :span="4" style="height: 41px;display: flex;align-items: center;">
+                  <el-checkbox v-model="checkedtre" label="显示树" @change="handleCheckedCitiesChange"></el-checkbox>
+                </el-col>
+                <el-col :span="4" style="height: 41px;display: flex;align-items: center;">
+                  <el-checkbox v-model="checkedtable" label="显示表格" @change="handleCheckedCitiesChanges"></el-checkbox>
+                </el-col>
             </el-row>
           </el-form>
+          </el-scrollbar>
         </div>
         <div class="TablePage_child flex-wrap">
-          <template v-if="!dataFlag">
+          <template v-if="leftFlag">
             <div v-if="treeData.length" class="TablePage_content_left">
               <PublicPageTree ref="pageTree" :tree-data="treeData" :dep-math="depMath" :tree-map="treeNodeMap" @treeNodeClick="treeNodeClick" />
             </div>
           </template>
-          <PublicPageTable ref="table" :loading="loading" :selected="selected" :table-cols="tableCols" :table-btns="authBtns" :data="tableData" :header-cell-class-name="headerCellClass" :row-class-name="rowClass" :cell-class-name="cellClass" :formatter="tableFormatter" :selectedDatas="selectedDatas" :selectedCheck="selectedDataCheck" :show-summary="summaryFlag" @mounted="tableMountedHandler" @load="load" @cell-click="cellClickHandler" @handleDetail="handleDetail" @handleEdit="handleEdit" @handleOther="handleOther" @handleRemove="handleRemove" @handleSelectionChange="handleSelectionChange" />
+          <PublicPageTable v-if="tableFlag" ref="table" :loading="loading" :selected="selected" :table-cols="tableCols" :table-btns="authBtns" :data="tableData" :header-cell-class-name="headerCellClass" :row-class-name="rowClass" :cell-class-name="cellClass" :formatter="tableFormatter" :selectedDatas="selectedDatas" :selectedCheck="selectedDataCheck" :show-summary="summaryFlag" @mounted="tableMountedHandler" @load="load" @cell-click="cellClickHandler" @handleDetail="handleDetail" @handleEdit="handleEdit" @handleOther="handleOther" @handleRemove="handleRemove" @handleSelectionChange="handleSelectionChange" />
         </div>
       </div>
     </div>
@@ -225,7 +233,11 @@ export default {
       formItemArr: [],
       pageSizeDatas: ['outairportpage', 'landairportpage', 'transairportpage'],
       pageInstall: 'creatManagementPage',
-      formIcons: allIcons
+      formIcons: allIcons,
+      checkedtre: true,
+      checkedtable: true,
+      leftFlag: true,
+      tableFlag:true
     }
   },
   computed: {
@@ -1196,6 +1208,12 @@ export default {
       }
       return show
     },
+    handleCheckedCitiesChange (value) {
+      this.leftFlag = value
+    },
+    handleCheckedCitiesChanges (value) {
+      this.tableFlag = value
+    }
   },
 }
 </script>