框架的细节调整完毕

index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>人人快速开发平台</title>
+  <title>小猪认养</title>
   <% if (process.env.NODE_ENV === 'production') { %>
     <!-- 生产环境 -->
     <script>document.write('<script src="./config/index.js?t=' + new Date().getTime() + '"><\/script>');</script>

src/store/modules/common.js

@@ -6,7 +6,7 @@ export default {
     // 导航条, 布局风格, defalut(默认) / inverse(反向)
     navbarLayoutType: 'default',
     // 侧边栏, 布局皮肤, light(浅色) / dark(黑色)
-    sidebarLayoutSkin: 'dark',
+    sidebarLayoutSkin: 'light',
     // 侧边栏, 折叠状态
     sidebarFold: false,
     // 侧边栏, 菜单

src/views/main-navbar.vue

@@ -2,8 +2,8 @@
   <nav class="site-navbar" :class="'site-navbar--' + navbarLayoutType">
     <div class="site-navbar__header">
       <h1 class="site-navbar__brand" @click="$router.push({ name: 'home' })">
-        <a class="site-navbar__brand-lg" href="javascript:;">人人快速开发平台</a>
-        <a class="site-navbar__brand-mini" href="javascript:;">人人</a>
+        <a class="site-navbar__brand-lg" href="javascript:;">小猪认养</a>
+        <a class="site-navbar__brand-mini" href="javascript:;">小猪</a>
       </h1>
     </div>
     <div class="site-navbar__body clearfix">

src/views/modules/basicdata/branch.vue

@@ -1,10 +1,148 @@
 <template>
-  <div>
-    牧场管理
+  <div class="branch">
+    <el-form
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()">
+      <el-form-item>
+        <el-input
+          v-model="dataForm.key"
+          placeholder="用户名／用户操作"
+          clearable
+        ></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="getDataList()">查询</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="isAuth('sys:role:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="isAuth('sys:role:delete')" type="danger" @click="deleteHandle()" :disabled="selectionDataList.length <= 0">批量删除</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      @selection-change="selectionChangeHandle"
+      border
+      v-loading="dataListLoading"
+      style="width: 100%">
+      <el-table-column
+        type="selection"
+        header-align="center"
+        align="center"
+        width="50">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        header-align="center"
+        align="center"
+        label="名称">
+      </el-table-column>
+      <el-table-column
+        prop="location"
+        header-align="center"
+        align="center"
+        label="地址">
+      </el-table-column>
+      <el-table-column
+        prop="principal"
+        header-align="center"
+        align="center"
+        label="负责人">
+      </el-table-column>
+      <el-table-column
+        prop="date"
+        header-align="center"
+        align="center"
+        :show-overflow-tooltip="true"
+        label="建立日期">
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        label="操作">
+        <template slot-scope="scope">
+          <el-button v-if="isAuth('sys:user:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.userId)">修改</el-button>
+          <el-button v-if="isAuth('sys:user:delete')" type="text" size="small" @click="deleteHandle(scope.row.userId)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
   </div>
 </template>
 <script>
 export default {
+  data () {
+    return {
+      dataForm: {
+        key: ''
+      },
+      dataList: [
+        {
+          name: '123',
+          location: '123',
+          principal: '123',
+          date: 111
+        }
+      ],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      selectionDataList: []
+    }
+  },
+  created () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      // this.dataListLoading = true
+      // this.$http({
+      //   url: this.$http.adornUrl("/sys/log/list"),
+      //   method: "get",
+      //   params: this.$http.adornParams({
+      //     page: this.pageIndex,
+      //     limit: this.pageSize,
+      //     key: this.dataForm.key,
+      //   }),
+      // }).then(({ data }) => {
+      //   if (data && data.code === 0) {
+      //     this.dataList = data.page.list;
+      //     this.totalPage = data.page.totalCount;
+      //   } else {
+      //     this.dataList = [];
+      //     this.totalPage = 0;
+      //   }
+      //   this.dataListLoading = false;
+      // });
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 新增牧场
+    addOrUpdateHandle () {
+      // 显示牧场的那个啥
+    },
+    // 选择
+    selectionChangeHandle () {
+      // 选呗
+    },
+    // 删除牧场
+    deleteHandle () {
+      // 删除
+    }
+  }
 }
 </script>
 <style scoped>