Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem
Showing
2 changed files
with
193 additions
and
58 deletions
| 1 | import login from '@/views/login/login.vue' | 1 | import login from "@/views/login/login.vue"; |
| 2 | |||
| 2 | const errorPage = [ | 3 | const errorPage = [ |
| 3 | { | 4 | { |
| 4 | path: '/404', | 5 | path: "/404", |
| 5 | component: () => import('@/views/404'), | 6 | component: () => import("@/views/404"), |
| 6 | hidden: true | 7 | hidden: true, |
| 7 | }, | 8 | }, |
| 8 | { path: '*', redirect: '/404', hidden: true } | 9 | { path: "*", redirect: "/404", hidden: true }, |
| 9 | ] | 10 | ]; |
| 10 | 11 | ||
| 11 | const frameOut = [ | 12 | const frameOut = [ |
| 12 | { | 13 | { |
| 13 | path: '/', | 14 | path: "/", |
| 14 | name: 'login', | 15 | name: "login", |
| 15 | component: login, | 16 | component: login, |
| 16 | } | 17 | }, |
| 17 | ] | 18 | ]; |
| 18 | const constantRoutes = [ | 19 | const constantRoutes = [ |
| 19 | { | 20 | { |
| 20 | path: '/panel', | 21 | path: "/panel", |
| 21 | code: 'panel', | 22 | code: "panel", |
| 22 | component: () => import('@/views/Home'), | 23 | component: () => import("@/views/Home"), |
| 23 | redirect: '/panel', | 24 | redirect: "/panel", |
| 24 | children: [ | 25 | children: [ |
| 25 | { | 26 | { |
| 26 | path: '/panel', | 27 | path: "/panel", |
| 27 | name: '首页', | 28 | name: "首页", |
| 28 | code: '0-1', | 29 | code: "0-1", |
| 29 | component: () => import('@/views/panel/index') | 30 | component: () => import("@/views/panel/index"), |
| 30 | }, | 31 | }, |
| 31 | { | 32 | { |
| 32 | path: '/create', | 33 | path: "/create", |
| 33 | name: '新建', | 34 | name: "新建", |
| 34 | code: '0-2', | 35 | code: "0-2", |
| 35 | component: () => import('@/views/panel/create/index') | 36 | component: () => import("@/views/panel/create/index"), |
| 36 | }, | 37 | }, |
| 37 | { | 38 | { |
| 38 | path: '/modify', | 39 | path: "/modify", |
| 39 | name: '更正', | 40 | name: "更正", |
| 40 | code: '0-3', | 41 | code: "0-3", |
| 41 | component: () => import('@/views/panel/modify/index') | 42 | component: () => import("@/views/panel/modify/index"), |
| 42 | }, | 43 | }, |
| 43 | { | 44 | { |
| 44 | path: '/change', | 45 | path: "/change", |
| 45 | name: '变更', | 46 | name: "变更", |
| 46 | code: '0-4', | 47 | code: "0-4", |
| 47 | component: () => import('@/views/panel/change/index') | 48 | component: () => import("@/views/panel/change/index"), |
| 48 | }, | 49 | }, |
| 49 | { | 50 | { |
| 50 | path: '/search', | 51 | path: "/search", |
| 51 | name: '综合查询', | 52 | name: "综合查询", |
| 52 | code: '0-5', | 53 | code: "0-5", |
| 53 | component: () => import('@/views/panel/search/index') | 54 | component: () => import("@/views/panel/search/index"), |
| 54 | }, | 55 | }, |
| 55 | { | 56 | { |
| 56 | path: '/zrz', | 57 | path: "/zrz", |
| 57 | name: '自然幢', | 58 | name: "自然幢", |
| 58 | code: '1-1', | 59 | code: "1-1", |
| 59 | component: () => import('@/views/basic/zrz/index'), | 60 | component: () => import("@/views/basic/zrz/index"), |
| 60 | }, | 61 | }, |
| 61 | { | 62 | { |
| 62 | path: '/dz', | 63 | path: "/dz", |
| 63 | name: '多幢', | 64 | name: "多幢", |
| 64 | code: '1-2', | 65 | code: "1-2", |
| 65 | component: () => import('@/views/basic/dz/index'), | 66 | component: () => import("@/views/basic/dz/index"), |
| 66 | }, | 67 | }, |
| 67 | { | 68 | { |
| 68 | path: '/h', | 69 | path: "/h", |
| 69 | name: '户', | 70 | name: "户", |
| 70 | code: '1-3', | 71 | code: "1-3", |
| 71 | component: () => import('@/views/basic/h/index'), | 72 | component: () => import("@/views/basic/h/index"), |
| 72 | }, | 73 | }, |
| 73 | { | 74 | { |
| 74 | path: '/zd', | 75 | path: "/mjft", |
| 75 | name: '宗地', | 76 | name: "面积分摊", |
| 76 | code: '1-4', | 77 | code: "1-4", |
| 77 | component: () => import('@/views/basic/zd/index'), | 78 | component: () => import("@/views/basic/mjft/index"), |
| 79 | }, | ||
| 80 | { | ||
| 81 | path: "/zd", | ||
| 82 | name: "宗地", | ||
| 83 | code: "1-5", | ||
| 84 | component: () => import("@/views/basic/zd/index"), | ||
| 85 | }, | ||
| 86 | ], | ||
| 78 | }, | 87 | }, |
| 79 | ] | 88 | ]; |
| 80 | } | ||
| 81 | ] | ||
| 82 | // 在这里面动态引入路由文件 达成权限处理得问题 | 89 | // 在这里面动态引入路由文件 达成权限处理得问题 |
| 83 | // 重新组织后导出 | 90 | // 重新组织后导出 |
| 84 | export default [ | 91 | export default [...errorPage, ...frameOut, ...constantRoutes]; |
| 85 | ...errorPage, | ||
| 86 | ...frameOut, | ||
| 87 | ...constantRoutes | ||
| 88 | ] | ... | ... |
src/views/basic/mjft/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="main"> | ||
| 3 | <table border="1"> | ||
| 4 | <tr> | ||
| 5 | <td colspan="2">土地面积</td> | ||
| 6 | <td colspan="3"><input type="text" class="formInput"/></td> | ||
| 7 | </tr> | ||
| 8 | <tr> | ||
| 9 | <td colspan="2">宗地代码</td> | ||
| 10 | <td colspan="3"><input type="text" class="formInput"/></td> | ||
| 11 | </tr> | ||
| 12 | <tr> | ||
| 13 | <td colspan="2">宗地面积(㎡)</td> | ||
| 14 | <td><input type="text" class="formInput"/></td> | ||
| 15 | <td>定着物数量</td> | ||
| 16 | <td><input type="text" class="formInput"/></td> | ||
| 17 | </tr> | ||
| 18 | <tr> | ||
| 19 | <td colspan="2">备注</td> | ||
| 20 | <td colspan="3"><input type="text" class="formInput"/></td> | ||
| 21 | </tr> | ||
| 22 | </table> | ||
| 23 | <el-table | ||
| 24 | :data="tableData" | ||
| 25 | height="250" | ||
| 26 | border | ||
| 27 | style="width: 100%"> | ||
| 28 | <el-table-column | ||
| 29 | prop="date" | ||
| 30 | label="日期" | ||
| 31 | width="180"> | ||
| 32 | </el-table-column> | ||
| 33 | <el-table-column | ||
| 34 | prop="name" | ||
| 35 | label="姓名" | ||
| 36 | width="180"> | ||
| 37 | </el-table-column> | ||
| 38 | <el-table-column | ||
| 39 | prop="address" | ||
| 40 | label="地址"> | ||
| 41 | </el-table-column> | ||
| 42 | </el-table> | ||
| 43 | </div> | ||
| 44 | </template> | ||
| 45 | |||
| 46 | <script> | ||
| 47 | export default { | ||
| 48 | name: "index", | ||
| 49 | data() { | ||
| 50 | return { | ||
| 51 | tableData: [{ | ||
| 52 | id: '12987122', | ||
| 53 | name: '王小虎', | ||
| 54 | amount1: '234', | ||
| 55 | amount2: '3.2', | ||
| 56 | amount3: 10 | ||
| 57 | }, { | ||
| 58 | id: '12987123', | ||
| 59 | name: '王小虎', | ||
| 60 | amount1: '165', | ||
| 61 | amount2: '4.43', | ||
| 62 | amount3: 12 | ||
| 63 | }, { | ||
| 64 | id: '12987124', | ||
| 65 | name: '王小虎', | ||
| 66 | amount1: '324', | ||
| 67 | amount2: '1.9', | ||
| 68 | amount3: 9 | ||
| 69 | }, { | ||
| 70 | id: '12987125', | ||
| 71 | name: '王小虎', | ||
| 72 | amount1: '621', | ||
| 73 | amount2: '2.2', | ||
| 74 | amount3: 17 | ||
| 75 | }, { | ||
| 76 | id: '12987126', | ||
| 77 | name: '王小虎', | ||
| 78 | amount1: '539', | ||
| 79 | amount2: '4.1', | ||
| 80 | amount3: 15 | ||
| 81 | }] | ||
| 82 | } | ||
| 83 | }, | ||
| 84 | methods: { | ||
| 85 | addTableRow() { | ||
| 86 | let table2 = document.getElementById("table2") | ||
| 87 | let table3 = document.getElementById("table3") | ||
| 88 | table2.firstChild.appendChild(table3) | ||
| 89 | }, | ||
| 90 | delTableRow() { | ||
| 91 | let table = document.getElementsByTagName("table") | ||
| 92 | } | ||
| 93 | }, | ||
| 94 | mounted() { | ||
| 95 | |||
| 96 | } | ||
| 97 | } | ||
| 98 | </script> | ||
| 99 | |||
| 100 | <style scoped> | ||
| 101 | .main { | ||
| 102 | box-sizing: border-box; | ||
| 103 | padding: 18px; | ||
| 104 | height: auto; | ||
| 105 | width: 80%; | ||
| 106 | } | ||
| 107 | |||
| 108 | table { | ||
| 109 | margin-top: 10px; | ||
| 110 | background-color: #fff; | ||
| 111 | font-size: 14px; | ||
| 112 | width: 100%; | ||
| 113 | } | ||
| 114 | |||
| 115 | td { | ||
| 116 | text-align: center; | ||
| 117 | height: 36px; | ||
| 118 | } | ||
| 119 | |||
| 120 | table .formInput { | ||
| 121 | margin: 0; | ||
| 122 | height: 36px; | ||
| 123 | outline: none; | ||
| 124 | border: none; | ||
| 125 | color: #606764; | ||
| 126 | overflow: visible; | ||
| 127 | text-align: center; | ||
| 128 | cursor: text; | ||
| 129 | } | ||
| 130 | |||
| 131 | |||
| 132 | </style> |
-
Please register or sign in to post a comment