系统计量支付模板页面

src/router/views/index.js

@@ -347,7 +347,43 @@ export default [{
         },
         component: () =>
           import ( /* webpackChunkName: "views" */ '@/views/tentative/metadata')
-      }
+      },
+      
+    ]
+  },
+  {
+    path: '/measure',
+    component: Layout,
+    redirect: '/measure/systemUnit',
+    children: [{
+            path: 'systemUnit',
+            name: '系统计量单元',
+            meta: {
+                i18n: 'systemUnit',
+            },
+            component: () =>
+                import ( /* webpackChunkName: "views" */ '@/views/measure/template')
+        },
+        {
+            path: 'template',
+            name: '系统计量单元',
+            meta: {
+                i18n: 'template',
+            },
+            component: () =>
+                import ( /* webpackChunkName: "views" */ '@/views/measure/systemUnit.vue')
+        },
+      
+  
+        {
+            path: 'interimPay',
+            name: '系统中期支付项',
+            meta: {
+                i18n: 'interimPay'
+            },
+            component: () =>
+                import ( /* webpackChunkName: "views" */  '@/views/measure/interimPay')
+        }
     ]
-  }
+  },
 ]

src/views/measure/interimPay.vue

@@ -0,0 +1,11 @@
+<!--  -->
+<template>
+    <div >系统中间支付想</div>
+  </template>
+  
+  <script >
+  
+  </script>
+  <style lang='scss' scoped>
+  </style>
+  

src/views/measure/systemUnit.vue

@@ -0,0 +1,10 @@
+<!--  -->
+<template>
+  <div >jiliang</div>
+</template>
+
+<script >
+
+</script>
+<style lang='scss' scoped>
+</style>

src/views/measure/template.vue

@@ -0,0 +1,97 @@
+<template>
+    <basic-container>
+        <avue-crud 
+            :data="data" 
+            :option="option"
+            @search-change="searchChange"
+        >
+        <template
+            slot-scope="scope"
+            slot="menu"
+        >
+        <el-button
+          type="text"
+          icon="el-icon-circle-plus-outline"
+          size="small"
+          @click.stop="editUnit(scope.row, scope.index)"
+        >编辑计量系统单元
+        </el-button>
+        </template>
+        </avue-crud>
+    </basic-container>
+  </template>
+  
+  
+  <script>
+
+export default {
+  data () {
+    return {
+      data: [
+        {
+          name: '广西二级路公路计量单元划分模板',
+          tips: '备注111'
+        }, {
+          name: '计量测试',
+          tips: '备注222'
+        }, 
+      ],
+      option: {
+        height: 'auto',
+        calcHeight: 30,
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        menuWidth: 400,
+        dialogClickModal: false,
+        column: [
+          {
+            label: "模版名称",
+            prop: "name",
+            search: true,
+            rules: [{
+              required: true,
+              message: "请输入名称",
+              trigger: "blur"
+            }]
+          },
+    
+
+          {
+            label: "备注",
+            prop: "tips",
+            editDisplay: true,
+            addDisplay: true,
+            rules: [{
+              message: "请输入表数量",
+              trigger: "blur",
+            }]
+          }
+        ]
+      },
+    };
+  },
+  methods: {
+    searchChange (params, done) {
+     console.log(params,'params');
+      done();
+    },
+    editUnit(row){
+        console.log(row);
+        this.$router.push({
+        path: '/measure/template',
+        query: {
+         
+        }
+      })
+    }
+  }
+}
+  
+  </script>
+  
+  <style>
+  </style>
+