增加CAD页面

public/systemConf.js

@@ -41,7 +41,7 @@ var __systemConf = {
       "id": "CADtuzhiguanli",
       "name": "CAD核查图纸管理",
       "orders": 7,
-      "url": "/deliver/cadDrawingManage",
+      "url": "/deliveryTools/cadDrawingManage",
       "icon": "icon-topology"
     }]
   }, {

src/components/cadDrawingManage/index.vue

@@ -1,24 +1,144 @@
 <!--
  * @Author: ql
  * @Date: 2022-01-11 14:46:04
- * @LastEditTime: 2022-01-11 17:32:34
+ * @LastEditTime: 2022-01-11 19:50:10
  * @LastEditors: Please set LastEditors
  * @FilePath: \adm-frontend\src\components\cadDrawingManage\index.vue
 -->
 <template>
   <div>
-      <div>
-        
-      </div>
+      <el-row>
+        <el-col :span="4">
+          <div class="grid-content bg-purple" >
+            <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+          </div>
+        </el-col>
+        <el-col :span="20" style="padding-left: 24px">
+          <div class="grid-content bg-purple-light tab-right" style="background: #fff; padding: 0 16px 16px">
+            <el-tabs v-model="activeName" @tab-click="handleClick">
+              <el-tab-pane label="土建精装" name="first"></el-tab-pane>
+              <el-tab-pane label="空调专业" name="second"></el-tab-pane>
+              <el-tab-pane label="消防专业" name="third"></el-tab-pane>
+              <el-tab-pane label="给排水专业" name="fourth"></el-tab-pane>
+            </el-tabs>
+            <div>
+              <div style="display: flex;  justify-content: space-between">
+                  <el-upload
+                    class="upload-demo"
+                    action="https://jsonplaceholder.typicode.com/posts/"
+                    :on-change="handleChange"
+                    :file-list="fileList">
+                    <el-button size="small" type="primary">上传.dwg CAD文件</el-button>
+                    
+                  </el-upload>
+                  <el-button type="primary" icon="el-icon-download">批量导出</el-button>
+              </div>
+              <el-divider></el-divider>
+              <div>
+                <el-table
+                  :data="tableData"
+                  style="width: 100%">
+                  <el-table-column
+                    type="selection"
+                    width="55">
+                  </el-table-column>
+                  <el-table-column
+                    prop="date"
+                    label="文件名"
+                    width="180">
+                  </el-table-column>
+                  <el-table-column
+                    prop="name"
+                    label="最新上传时间"
+                    width="180">
+                  </el-table-column>
+                  <el-table-column
+                    prop="address"
+                    label="上传人">
+                  </el-table-column>
+                  <el-table-column
+                    label="操作"
+                    width="100">
+                    <template slot-scope="scope">
+                      <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+                      <el-button type="text" size="small">编辑</el-button>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
   </div>
 </template>
 
 <script>
 export default {
-
+  data() {
+    return {
+      data: [{
+          label: '一级 1',
+          children: [{
+            label: '二级 1-1',
+            children: [{
+              label: '三级 1-1-1'
+            }]
+          }]
+        }, {
+          label: '一级 2',
+          children: [{
+            label: '二级 2-1',
+            children: [{
+              label: '三级 2-1-1'
+            }]
+          }, {
+            label: '二级 2-2',
+            children: [{
+              label: '三级 2-2-1'
+            }]
+          }]
+        }, {
+          label: '一级 3',
+          children: [{
+            label: '二级 3-1',
+            children: [{
+              label: '三级 3-1-1'
+            }]
+          }, {
+            label: '二级 3-2',
+            children: [{
+              label: '三级 3-2-1'
+            }]
+          }]
+        }],
+        tableData: [{
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+          }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+          }, {
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1516 弄'
+          }]
+    }
+  }
 }
 </script>
 
-<style>
-
+<style scoped lang='less'>
+  .tab-right{
+    & /deep/ .el-tabs__nav-wrap::after {
+      height: 1px;
+    }
+  }
+  
 </style>

src/router/system.js

@@ -88,7 +88,7 @@ export default [
     component: systemGraphEdit,
   },
   {
-    path: '/deliver',
+    path: '/deliveryTools',
     name: '现场交付工具',
     component: layoutMain,
     children: [