咨迅

src/views/index.js

@@ -134,6 +134,26 @@ const pages = [
       }
     ]
   },
+  {
+    path: '/news',
+    name: 'news',
+    component: () => import('./index.vue'),
+    meta: {
+      menuShow: true,
+      title: '咨迅管理',
+    },
+    children: [
+      {
+        path: '/news/type/list',
+        name: 'news-type-list',
+        component: () => import('./news/index.vue'),
+        meta: {
+          menuShow: true,
+          title: '咨迅类型',
+        },
+      }
+    ]
+  },
 ]
 
 const flatten = (rts, parents = []) => {

src/views/news/index.vue

@@ -0,0 +1,98 @@
+<template>
+    <div id="root">
+        <div class="operation-class">
+           <el-button type="primary">新增</el-button>
+            &nbsp;
+            <el-select v-model="form.buildingId" placeholder="项目">
+                <el-option
+                        v-for="item in buildingList"
+                        :key="item.buildingId"
+                        :label="item.buildingName"
+                        :value="item.buildingId">
+                </el-option>
+            </el-select>
+        </div>
+        <div class="body">
+            <el-table
+                    :data="[]"
+                    height="250"
+                    border
+                    style="width: 100%">
+                <el-table-column
+                        prop="date"
+                        label="类型图"
+                        align="center">
+                    <template slot-scope="scope">
+                        <img :src="scope.row.news_type_img" width="50" height="50"/>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="newsTypeName"
+                        label="名称"
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        prop="newsTypeId"
+                        align="center"
+                        label="操作">
+                    <template slot-scope="scope">
+                        <router-link :to="{ name:'newsTypeEdi', query: { id: scope.row.newsTypeId } }">编辑</router-link>
+                        <span @click="deleteNews(scope.row.newsTypeId)">删除</span>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div class="block">
+            <el-pagination
+                    @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange"
+                    :current-page="form.pageNum"
+                    :page-sizes="[1, 10, 20, 30, 40]"
+                    :page-size="form.pageSize"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    :total="total">
+            </el-pagination>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "newsIndex",
+        data() {
+            return {
+                buildingList: [],
+                form: {
+                    buildingId: '',
+                    pageNum: 0,
+                    pageSize: 10
+                },
+                total: 0
+            }
+        },
+        methods: {
+            deleteNews(id) {
+                // 删除操作
+            },
+            handleSizeChange(val) {
+                console.log(`每页 ${val} 条`);
+            },
+            handleCurrentChange(val) {
+                console.log(`当前页: ${val}`);
+            }
+        }
+    }
+</script>
+
+<style scoped>
+.operation-class {
+    margin-left: 20px;
+}
+.body {
+    margin-top: 10px;
+}
+.block {
+    display: flex;
+    justify-content: flex-end;
+}
+</style>

src/views/news/type/index.vue

@@ -0,0 +1,31 @@
+<template>
+    <div id="root">
+        <div class="operation-class">
+           <el-button type="primary">新增</el-button>
+            <el-select v-model="buildingId" placeholder="项目" style="margin-left: 20px;">
+                <el-option
+                        v-for="item in buildingList"
+                        :key="item.buildingId"
+                        :label="item.buildingName"
+                        :value="item.buildingId">
+                </el-option>
+            </el-select>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "newsTypeIndex",
+        data() {
+            return {
+                buildingList: [],
+                buildingId: ''
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>