孙钊宁 2 anni fa
commit
9e19fb079f

+ 3 - 0
.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

+ 23 - 0
.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

+ 19 - 0
README.md

@@ -0,0 +1,19 @@
+# txproject
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

+ 5 - 0
babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

+ 28 - 0
package.json

@@ -0,0 +1,28 @@
+{
+  "name": "txproject",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "core-js": "^3.6.5",
+    "element-ui": "^2.15.9",
+    "vue": "^2.6.11",
+    "vue-router": "^3.2.0",
+    "vuex": "^3.4.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.13",
+    "@vue/cli-plugin-router": "~4.5.13",
+    "@vue/cli-plugin-vuex": "~4.5.13",
+    "@vue/cli-service": "~4.5.13",
+    "autoprefixer": "^9.8.8",
+    "postcss": "^7.0.39",
+    "sass": "^1.26.5",
+    "sass-loader": "^8.0.2",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",
+    "vue-template-compiler": "^2.6.11"
+  }
+}

+ 6 - 0
postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+      tailwindcss: {},
+      autoprefixer: {},
+    }
+}

BIN
public/favicon.ico


+ 17 - 0
public/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

+ 15 - 0
src/App.vue

@@ -0,0 +1,15 @@
+<template>
+  <div id="app">
+    <Layout></Layout>
+  </div>
+</template>
+<script>
+import Layout from './components/Layout.vue'
+export default {
+  components: {
+    Layout
+  }
+}
+</script>
+<style lang="scss">
+</style>

+ 4 - 0
src/assets/css/elementReset.scss

@@ -0,0 +1,4 @@
+.own-cell{
+    text-align: center;
+     font-weight: bold !important;
+}

+ 101 - 0
src/assets/css/index.css

@@ -0,0 +1,101 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import './elementReset.scss'
+/*初始化 start*/
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+select,
+button,
+textarea,
+p,
+blockquote,
+table,
+th,
+td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+body {
+  font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif;
+  -webkit-text-size-adjust: 100%;
+}
+td,
+th,
+caption {
+  font-size: 14px;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: normal;
+  font-size: 100%;
+}
+address,
+caption,
+cite,
+code,
+dfn,
+em,
+strong,
+th,
+var,
+i {
+  font-style: normal;
+  font-weight: normal;
+}
+
+img {
+  border: none;
+  vertical-align: middle;
+}
+ol,
+ul,
+li {
+  list-style: none;
+}
+input,
+textarea,
+select,
+button {
+  font: 14px Verdana, Helvetica, Arial, sans-serif;
+  outline: none;
+  resize: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+.clearfix {
+  *zoom: 1;
+}
+/*初始化 end*/

BIN
src/assets/logo.png


+ 37 - 0
src/components/Layout.vue

@@ -0,0 +1,37 @@
+<template>
+    <el-container style="height: 100vh; border: 1px solid #eee">
+        <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
+            <el-menu :default-openeds="['1', '3']" unique-opened router>
+                <!-- <el-submenu index="1">
+                    <template slot="title"><i class="el-icon-message"></i>导航一</template>
+                    <el-menu-item index="path1">path1</el-menu-item>
+                    <el-menu-item index="path2">path2</el-menu-item>
+                </el-submenu> -->
+                <el-menu-item index="knowledgeSearch">知识搜索</el-menu-item>
+
+                <!-- <el-submenu index="2">
+                    <template slot="title"><i class="el-icon-menu"></i>导航二</template>
+                    <el-menu-item index="2-1">选项1</el-menu-item>
+                    <el-menu-item index="2-2">选项2</el-menu-item>
+                    <el-menu-item index="2-3">选项3</el-menu-item>
+                </el-submenu> -->
+            </el-menu>
+        </el-aside>
+        <el-container>
+            <el-main>
+                <router-view></router-view>
+            </el-main>
+        </el-container>
+    </el-container>
+</template>
+<script>
+export default {
+    data() {
+        return {
+
+        }
+    }
+};
+</script>
+<style>
+</style>

+ 47 - 0
src/components/LeeTable.vue

@@ -0,0 +1,47 @@
+<template>
+    <div class="table-container">
+        <el-table stripe border :data="tableData" width="100%" :row-class-name="rowClassName" :height="height">
+            <template v-for="(item, index) in tableTitle">
+                <slot v-if="item.slot" :name="item.slot"></slot>
+                <el-table-column v-else :key="item.property" :prop="item.property" :label="item.label"
+                    :min-width="item.minWidth ? item.minWidth : ''" :width="item.width ? item.width : ''">
+                </el-table-column>
+            </template>
+        </el-table>
+    </div>
+</template>
+<script>
+export default {
+    name: 'LeeTable',
+    props: {
+        tableData: { // 表格数据
+            type: Array,
+            default: () => {
+                return []
+            }
+        },
+        tableTitle: { // 表格头标题
+            type: Array,
+            require: true
+        },
+        height: { // 表格高度
+            type: [Number, String],
+            default: '100%'
+        },
+        rowHeight: { // 表格行高
+            type: [Number, String],
+            default: 44
+        }
+    },
+    data() {
+        return {
+
+        }
+    }
+};
+</script>
+<style scoped lang="scss">
+::v-deep .table-container {
+    .cell {}
+}
+</style>

+ 20 - 0
src/main.js

@@ -0,0 +1,20 @@
+import Vue from "vue";
+import App from "./App.vue";
+import router from "./router";
+import store from "./store";
+import Element from "element-ui";
+import "element-ui/lib/theme-chalk/index.css";
+import "./assets/css/index.css";
+import "tailwindcss/tailwind.css";
+
+Vue.use(Element);
+
+// 全局组件注册
+import LeeTable from  "./components/LeeTable"
+Vue.component("LeeTable", LeeTable);
+
+new Vue({
+  router,
+  store,
+  render: (h) => h(App),
+}).$mount("#app");

+ 26 - 0
src/router/index.js

@@ -0,0 +1,26 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+Vue.use(VueRouter)
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import('../views/Home.vue')
+  },
+  {
+    path: '/knowledgeSearch',
+    name: 'knowledgeSearch',
+    component: () => import('../views/KnowledgeSearch/index.vue')
+  },
+  {
+    path: '/path2',
+    name: 'path2',
+    component: () => import('../views/Path2.vue')
+  },
+]
+
+const router = new VueRouter({
+  routes
+})
+
+export default router

+ 15 - 0
src/store/index.js

@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+  }
+})

+ 17 - 0
src/views/Home.vue

@@ -0,0 +1,17 @@
+<template>
+    <div>
+        
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+
+        }
+    }
+};
+</script>
+<style scoped lang="scss">
+
+</style>

+ 88 - 0
src/views/KnowledgeSearch/components/DisposalSuggestions.vue

@@ -0,0 +1,88 @@
+<template>
+    <div>
+        <el-form :inline="true" :model="formInline" size='small ' label-position="left" label-width="110px"
+            class="demo-form-inline">
+            <el-form-item label="问题名称">
+                <el-input v-model="formInline.user" placeholder="问题名称"></el-input>
+            </el-form-item>
+            <el-form-item label="所属结构">
+                <el-input v-model="formInline.user" placeholder="所属结构"></el-input>
+            </el-form-item>
+            <el-form-item label="建议">
+                <el-input v-model="formInline.user" placeholder="建议"></el-input>
+            </el-form-item>
+
+            <el-form-item>
+                <el-button type="primary" @click="onSearch">查询</el-button>
+                <el-button type="normal" @click="onReset">重置</el-button>
+            </el-form-item>
+        </el-form>
+
+
+        <el-table :data="tableData" stripe border style="width: 100%" header-cell-class-name="own-cell">
+            <el-table-column align="center" type="index" width="50">
+            </el-table-column>
+            <el-table-column prop="date" align="center" label="序号">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="问题名称">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="所属结构">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="建议">
+            </el-table-column>
+        </el-table>
+        <div class=" mt-3 mr-6 flex items-center justify-end">
+            <el-pagination background layout="prev, pager, next" :total="21">
+            </el-pagination>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'DisposalSuggestions',
+    data() {
+        return {
+            formInline: {
+                user: '',
+                region: ''
+            },
+
+            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 弄'
+            }, {
+                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 scoped lang="scss">
+</style>

+ 127 - 0
src/views/KnowledgeSearch/components/FailureCases.vue

@@ -0,0 +1,127 @@
+<template>
+    <div>
+        <el-form :inline="true" :model="formInline" size='small ' label-position="left" label-width="110px"
+            class="demo-form-inline">
+            <el-form-item label="产品名称:">
+                <el-input v-model="formInline.user" placeholder="产品名称"></el-input>
+            </el-form-item>
+            <el-form-item label="产品代号:">
+                <el-input v-model="formInline.user" placeholder="产品代号"></el-input>
+            </el-form-item>
+            <el-form-item label="系统名称:">
+                <el-input v-model="formInline.user" placeholder="系统名称"></el-input>
+            </el-form-item>
+            <el-form-item label="故障现象:">
+                <el-input v-model="formInline.user" placeholder="故障现象"></el-input>
+            </el-form-item>
+            <el-form-item label="管理原因:">
+                <el-input v-model="formInline.user" placeholder="管理原因"></el-input>
+            </el-form-item>
+            <el-form-item label="原因分类1:">
+                <el-select v-model="formInline.region" placeholder="原因分类1">
+                    <el-option label="区域一" value="shanghai"></el-option>
+                    <el-option label="区域二" value="beijing"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="原因分类2:">
+                <el-select v-model="formInline.region" placeholder="原因分类1">
+                    <el-option label="区域一" value="shanghai"></el-option>
+                    <el-option label="区域二" value="beijing"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="原因分类3:">
+                <el-select v-model="formInline.region" placeholder="原因分类1">
+                    <el-option label="区域一" value="shanghai"></el-option>
+                    <el-option label="区域二" value="beijing"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="技术原因:">
+                <el-input v-model="formInline.user" placeholder="技术原因"></el-input>
+            </el-form-item>
+            <el-form-item label="技术措施:">
+                <el-input v-model="formInline.user" placeholder="技术措施"></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="onSearch">查询</el-button>
+                <el-button type="normal" @click="onReset">重置</el-button>
+            </el-form-item>
+        </el-form>
+
+        <el-table :data="tableData" stripe border style="width: 100%" header-cell-class-name="own-cell">
+            <el-table-column align="center" type="index" width="50">
+            </el-table-column>
+            <el-table-column prop="date" align="center" label="质量问题名称">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="产品编号">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="产品名称">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="产品代号">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="系统名称">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="故障现象">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="技术原因">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="技术措施">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="发生地点">
+            </el-table-column>
+            <el-table-column prop="address" align="center" label="地址">
+            </el-table-column>
+        </el-table>
+        <div class=" mt-3 mr-6 flex items-center justify-end">
+            <el-pagination background layout="prev, pager, next" :total="21">
+            </el-pagination>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'FailureCases',
+    data() {
+        return {
+            formInline: {
+                user: '',
+                region: ''
+            },
+            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 弄'
+            }]
+        }
+    },
+    methods: {
+        onSearch() {
+            console.log('submit!');
+        },
+        onReset() {
+            console.log('submit!');
+        }
+    }
+};
+</script>
+<style scoped lang="scss">
+::v-deep .el-form-item__content {
+    width: 176px;
+}
+
+.own-cell {
+    text-align: center;
+    font-weight: bold !important;
+}
+</style>

+ 120 - 0
src/views/KnowledgeSearch/components/FaultTree.vue

@@ -0,0 +1,120 @@
+<template>
+    <el-row :gutter="20">
+        <el-col :span="4">
+            <el-card>
+                <div class=" bg-gray-300 p-3 font-bold text-gray-600">结构树</div>
+                <el-tree default-expand-all :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+            </el-card>
+        </el-col>
+        <el-col :span="20">
+            <el-form :inline="true" :model="formInline" size='small ' label-position="left" label-width="110px"
+                class="demo-form-inline">
+                <el-form-item label="产品名称:">
+                    <el-input v-model="formInline.user" placeholder="产品名称"></el-input>
+                </el-form-item>
+                <el-form-item label="产品代号:">
+                    <el-input v-model="formInline.user" placeholder="产品代号"></el-input>
+                </el-form-item>
+                <el-form-item label="系统名称:">
+                    <el-input v-model="formInline.user" placeholder="系统名称"></el-input>
+                </el-form-item>
+
+                <el-form-item>
+                    <el-button type="primary" @click="onSearch">查询</el-button>
+                    <el-button type="normal" @click="onReset">重置</el-button>
+                </el-form-item>
+            </el-form>
+
+            <el-table :data="tableData" stripe border style="width: 100%" header-cell-class-name="own-cell">
+                <el-table-column align="center" type="index" width="50">
+                </el-table-column>
+                <el-table-column prop="date" align="center" label="分系统">
+                </el-table-column>
+                <el-table-column prop="name" align="center" label="所属部件">
+                </el-table-column>
+                <el-table-column prop="name" align="center" label="文件名">
+                </el-table-column>
+                <el-table-column prop="name" align="center" label="描述">
+                </el-table-column>
+                <el-table-column prop="name" align="center" label="编辑时间">
+                </el-table-column>
+                <el-table-column align="center" label="查看">
+                    <template slot-scope="scope">
+                        <el-button type="text">故障树模型</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class=" mt-3 mr-6 flex items-center justify-end">
+                <el-pagination background layout="prev, pager, next" :total="21">
+                </el-pagination>
+            </div>
+        </el-col>
+    </el-row>
+</template>
+<script>
+export default {
+    name: 'FaultTree',
+    data() {
+        return {
+            formInline: {
+                user: '',
+                region: ''
+            },
+            data: [{
+                label: '控制系统',
+                children: [{
+                    label: '组合装置',
+                    children: [{
+                        label: '惯组'
+                    }]
+                }, {
+                    label: '飞控计算机',
+                    children: [{
+                        label: '飞控软件'
+                    }]
+                }]
+            }],
+            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 弄'
+            }, {
+                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 弄'
+            }]
+        }
+    },
+    methods: {
+        handleNodeClick(data) {
+            console.log(data);
+        }
+    }
+};
+</script>
+<style scoped lang="scss">
+</style>

+ 62 - 0
src/views/KnowledgeSearch/components/StructuralInformation.vue

@@ -0,0 +1,62 @@
+<template>
+<div>
+      <div class=" bg-gray-300 p-3 font-bold text-gray-600">结构树</div>
+    <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+</div>
+</template>
+<script>
+export default {
+    name:'StructuralInformation',
+    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'
+                    }]
+                }]
+            }],
+            defaultProps: {
+                children: 'children',
+                label: 'label'
+            }
+        };
+    },
+    methods: {
+        handleNodeClick(data) {
+            console.log(data);
+        }
+    }
+};
+</script>
+</script>
+<style scoped lang="scss">
+</style>

+ 83 - 0
src/views/KnowledgeSearch/index.vue

@@ -0,0 +1,83 @@
+<template>
+    <div>
+        <el-tabs type="border-card">
+            <el-tab-pane label="故障案例">
+                <FailureCases></FailureCases>
+            </el-tab-pane>
+            <el-tab-pane label="故障树">
+                <FaultTree></FaultTree>
+            </el-tab-pane>
+            <!-- <el-tab-pane label="规则">规则</el-tab-pane> -->
+            <el-tab-pane label="处置建议">
+                <DisposalSuggestions></DisposalSuggestions>
+            </el-tab-pane>
+            <el-tab-pane label="结构信息">
+                <!-- <structuralInformation></structuralInformation> -->
+                <LeeTable :tableData="tableData" :tableTitle="tableTitle"></LeeTable>
+            </el-tab-pane>
+        </el-tabs>
+
+    </div>
+</template>
+<script>
+import FailureCases from './components/FailureCases.vue'
+import FaultTree from './components/FaultTree.vue'
+import DisposalSuggestions from './components/DisposalSuggestions.vue'
+import StructuralInformation from './components/StructuralInformation.vue'
+import LeeTable from '../../components/LeeTable.vue';
+export default {
+    name: 'knowledgeSearch',
+    components: {
+        FailureCases,
+        FaultTree,
+        DisposalSuggestions,
+        StructuralInformation,
+        LeeTable
+    },
+    data() {
+        return {
+            tableTitle: [
+                {
+                    label: '日期',
+                    property: 'date'
+                },
+                {
+                    label: '姓名',
+                    property: 'name'
+                },
+                {
+                    label: '地址',
+                    property: 'address'
+                },
+                {
+                    slot: 'handle'
+                }
+            ],
+            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 scoped lang="scss">
+</style>

+ 17 - 0
src/views/Path1.vue

@@ -0,0 +1,17 @@
+<template>
+    <div>
+        vm1
+    </div>
+</template>
+<script>
+export default {
+    name: 'path1',
+    data() {
+        return {
+
+        }
+    }
+};
+</script>
+<style scoped lang="scss">
+</style>

+ 17 - 0
src/views/Path2.vue

@@ -0,0 +1,17 @@
+<template>
+    <div>
+        vm2
+    </div>
+</template>
+<script>
+export default {
+    name: 'path2',
+    data() {
+        return {
+
+        }
+    }
+};
+</script>
+<style scoped lang="scss">
+</style>

+ 11 - 0
tailwind.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  purge: [],
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+}