1

src/views/system/sys_menu.vue

@@ -4,7 +4,7 @@
       <Button type="primary" @click="addWarp()">新增</Button>
     </div>
     <div class="table-body">
-        <TreeGrid :columns="gridOption.columns" :data="gridOption.data"></TreeGrid>
+      <TreeGrid :columns="gridOption.columns" :data="gridOption.data"></TreeGrid>
     </div>
     <editModal ref="editModal" :columns="gridOption.editColumns" :rules="gridOption.rules">
       <div slot="bottom">
@@ -12,12 +12,12 @@
         <fieldItem name='类别'>
           <RadioGroup v-model="editRow.type">
             <Radio :label="item.key" :key="item.key" v-for="item in typeSource">
-              {{item.value}}
+              {{ item.value }}
             </Radio>
           </RadioGroup>
         </fieldItem>
 
-        <div v-if="editRow.type==='页面'||editRow.type==='功能'">
+        <div v-if="editRow.type === '页面' || editRow.type === '功能'">
           <fieldItem name='数据模型'>
             <Select v-model="editRow.model_id">
               <Option v-for="item in modelRows" :value="item.id" :key="item.id">{{ item.value }}</Option>
@@ -33,7 +33,7 @@
           </fieldItem>
         </div>
 
-        <fieldItem name='地址' v-if="editRow.type==='外链'">
+        <fieldItem name='地址' v-if="editRow.type === '外链'">
           <Input v-model="editRow.component" placeholder="请输入网址" />
         </fieldItem>
 
@@ -266,16 +266,18 @@ export default {
     async initCol() {
       let res = await menuServer.modelAll()
 
-      let data = res.data.map((row) => {
-        let { id, key, name } = row
-        let value = key
-        if (name) {
-          value = value + '-' + name
-        }
+      if ( res.data &&  typeof res.data === 'array') {
+        let data = res.data.map((row) => {
+          let { id, key, name } = row
+          let value = key
+          if (name) {
+            value = value + '-' + name
+          }
 
-        return { id, value, key }
-      })
-      this.modelRows = [{ id: 0, value: '自定义模板', key: 'custom_template' }, ...data] || []
+          return { id, value, key }
+        })
+        this.modelRows = [{ id: 0, value: '自定义模板', key: 'custom_template' }, ...data] || []
+      }
     },
 
     calculate() {
@@ -400,6 +402,17 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
+.content-view {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
 
+.table-body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
 </style>