增加合同管理的界面

src/router/index.js

@@ -83,6 +83,8 @@ export const componentMap = {
   'apply_businessTravel_finance_list':()=>import('@/views/businessTravel/apply/finance/financeList').then(m=>m.default),
   'apply_businessTravel_headman_list':()=>import('@/views/businessTravel/apply/headman/headmanList').then(m=>m.default),
 
+  'contract_list':()=>import('@/views/contract/contractList').then(m=>m.default),
+  'contract_type':()=>import('@/views/contract/contractType').then(m=>m.default),
 
 }
 

src/views/contract/contractList.vue

+<template>
+    <div class="main">
+        <div class="header">
+            <el-form :inline="true" :model="companyQurey">
+                <el-form-item>
+                    <el-select v-model="type" placeholder="合同类别">
+                        <el-option
+                            v-for="item in typeList"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-select v-model="type" placeholder="合同性质">
+                        <el-option
+                            v-for="item in typeList"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-select v-model="type" placeholder="合同状态">
+                        <el-option
+                            v-for="item in typeList"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" icon="el-icon-search" @click="qurey()">查询</el-button>
+                    <el-button type="primary" icon="el-icon-refresh-right" @click="reset()">重置</el-button>
+                    <el-button type="success" icon="el-icon-circle-plus-outline" @click="addcompany()">添加合同</el-button>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div class="container">
+            <el-table
+                :data="contractList"
+                style="width: 100%;text-align: center;"
+                border>
+                <el-table-column  label="编号" width="50px"/>
+                <el-table-column prop="companyName" label="状态"/>
+                <el-table-column prop="companyAddress" label="合同编号" width="150px"/>
+                <el-table-column prop="companyPhone" label="合同名称"/>
+                <el-table-column prop="companyCreateTime" label="合同类别"/>
+                <el-table-column prop="companyInformation" label="合同性质"/>
+                <el-table-column prop="companyCreateTime" label="合同金额/元"/>
+                <el-table-column prop="companyCreateTime" label="签定人"/>
+                <el-table-column prop="companyCreateTime" label="保管人"/>
+                <el-table-column prop="companyCreateTime" label="签订时间"/>
+                <el-table-column prop="companyCreateTime" label="操作"/>
+                
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            companyQurey: {},
+            contractList: [],
+            typeList: [],
+            type: ''
+        }
+    }
+}
+</script>
+<style scoped>
+    .main {
+        padding: 15px;
+    }
+</style>

src/views/contract/contractType.vue

+<template>
+    <div class="main">
+        <div class="header">
+            <el-button type="success" icon="el-icon-circle-plus-outline" @click="addcompany()">添加类型</el-button>
+        </div>
+        <div class="container">
+            <el-table
+                :data="contractList"
+                style="width: 100%;text-align: center;"
+                border>
+                <el-table-column  label="编号" width="50px"/>
+                <el-table-column prop="companyName" label="类别名称"/>
+                <el-table-column prop="companyAddress" label="状态" width="50px"/>
+                <el-table-column prop="companyPhone" label="操作" width="150px" />
+                
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            companyQurey: {},
+            contractList: [],
+            typeList: [],
+            type: ''
+        }
+    }
+}
+</script>
+<style scoped lang="scss">
+    .main {
+        padding: 15px;
+        .header {
+            margin-bottom: 10px;
+        }
+    }
+</style>

src/views/permission/menu.vue

 <template>
   <div class="app-container">
-    <p>管理动态路由</p>
-    <el-button type="primary" @click="addFirst">添加第一级路由</el-button>
-    <el-tree :data="data" node-key="id" default-expand-all :props="defaultProps" :expand-on-click-node="false">
+    <el-button type="success" icon="el-icon-circle-plus-outline" @click="addFirst" size="small">添加路由</el-button>
+    <el-tree :data="data" node-key="id" default-expand-all :expand-on-click-node="false">
       <span class="custom-tree-node" slot-scope="{ node, data }">
-        <span>{{ node.label }}</span>
+        <span>{{ data.title }}</span>
         <span>
           <svg-icon v-if="!convertToBool(data.hidden)" icon-class="eye-open" />
           <svg-icon v-else icon-class="eye" />
@@ -99,10 +98,6 @@ export default {
       dialogVisible: false,
       dialogType: 'new',
       dialogTitle: '新增一级菜单',
-      defaultProps: {
-        children: 'children',
-        label: 'title'
-      },
       rules: {
         path: [{
           required: true, validator: pathValid, trigger: "blur"
@@ -121,7 +116,7 @@ export default {
 
   methods: {
     append(data) {
-      console.log(this.dialogTyp)
+      // console.log(this.dialogTyp)
       this.dialogType = 'new'
       this.dialogTitle = '新增<' + data.title + '>的子菜单'
       this.dialogVisible = true