feat: pnpm 包管理

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+.idea

package.json

@@ -0,0 +1,16 @@
+{
+  "name": "jmvillage",
+  "version": "0.1.0",
+  "packageManager": "pnpm@9.4.0",
+  "workspaces": [
+    "packages/*"
+  ],
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {},
+  "devDependencies": {}
+}

houtai/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "houtai",
+  "name": "@jmvillage/admin",
   "version": "0.1.0",
   "private": true,
   "scripts": {

houtai/src/router/index.js

@@ -43,6 +43,18 @@ const routes = [
         name: 'tab4',
         meta: { myInd: 4 },
         component: () => import('../views/tab4/index.vue')
+      },
+      {
+        path: 'tab5',
+        name: 'tab5',
+        meta: { myInd: 5 },
+        component: () => import('../views/tab5/index.vue')
+      },
+      {
+        path: 'tab6',
+        name: 'tab6',
+        meta: { myInd: 6 },
+        component: () => import('../views/tab6/index.vue')
       }
     ]
   }

houtai/src/views/layout/index.vue

@@ -126,7 +126,11 @@ export default {
       userInfo: {},
       cut: false,
       isShow: false,
-      tab1: [{ name: '资料管理', id: 1, url: '/layout/tab1' }],
+      tab1: [
+        { name: '资料管理', id: 1, url: '/layout/tab1' },
+        { name: '专题管理', id: 5, url: '/layout/tab5' },
+        { name: '问答咨询', id: 6, url: '/layout/tab6' }
+      ],
       tab2: [
         { name: '用户管理', id: 2, url: '/layout/tab2' },
         { name: '数据统计', id: 3, url: '/layout/tab3' },

houtai/src/views/tab2/index.vue

@@ -27,8 +27,8 @@
               }}
             </template>
           </el-table-column>
-          <el-table-column prop="userName" label="账号"> </el-table-column>
-          <el-table-column prop="phone" label="联系电话"> </el-table-column>
+          <el-table-column prop="userName" label="账号"></el-table-column>
+          <el-table-column prop="phone" label="联系电话"></el-table-column>
           <el-table-column prop="createTime" label="新建时间">
           </el-table-column>
 
@@ -49,21 +49,25 @@
           </el-table-column>
           <el-table-column label="操作">
             <template #default="{ row }">
-              <el-button type="text" @click="editUser(row)">{{
-                row.isAdmin === 1 ? "编辑" : "编辑 / 授权"
-              }}</el-button>
+              <el-button type="text" @click="editUser(row)">
+                {{
+                  row.isAdmin === 1 ? "编辑" : "编辑 / 授权"
+                }}
+              </el-button>
               <el-button
                 v-if="row.isAdmin !== 1"
                 type="text"
                 @click="resetPass(row.id)"
-                >重置密码</el-button
+              >重置密码
+              </el-button
               >
               <el-button
                 v-if="row.isAdmin !== 1"
                 type="text"
                 style="color: #f56c6c"
                 @click="userDel(row.id)"
-                >删除</el-button
+              >删除
+              </el-button
               >
             </template>
           </el-table-column>
@@ -94,6 +98,7 @@
 <script>
 import Dialog from './Dialog'
 import { userList, userDel, editStatus, userResetPass } from '@/apis/system'
+
 export default {
   name: 'tab2',
   components: { Dialog },
@@ -202,35 +207,47 @@ export default {
       }
     }
   },
-  beforeCreate () {}, // 生命周期 - 创建之前
-  beforeMount () {}, // 生命周期 - 挂载之前
-  beforeUpdate () {}, // 生命周期 - 更新之前
-  updated () {}, // 生命周期 - 更新之后
-  beforeDestroy () {}, // 生命周期 - 销毁之前
-  destroyed () {}, // 生命周期 - 销毁完成
-  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
+  beforeCreate () {
+  }, // 生命周期 - 创建之前
+  beforeMount () {
+  }, // 生命周期 - 挂载之前
+  beforeUpdate () {
+  }, // 生命周期 - 更新之前
+  updated () {
+  }, // 生命周期 - 更新之后
+  beforeDestroy () {
+  }, // 生命周期 - 销毁之前
+  destroyed () {
+  }, // 生命周期 - 销毁完成
+  activated () {
+  } // 如果页面有keep-alive缓存功能，这个函数会触发
 }
 </script>
 <style lang='less' scoped>
 .tab2 {
   width: 100%;
   height: 100%;
+
   .insideTop {
     position: relative;
+
     .addBtn {
       position: absolute;
       top: -10px;
       right: 20px;
     }
   }
+
   .conten {
     width: 100%;
     height: calc(100% - 52px);
     position: relative;
     padding: 20px;
+
     .table {
       margin-top: 20px;
     }
+
     .paging {
       display: flex;
       align-items: center;

packages/admin/src/views/tab5/index.vue

@@ -0,0 +1,97 @@
+<template>
+  <div class="tab5">
+    <div class="insideTop">专题管理</div>
+    <div class="obstruct"></div>
+    <div class="content">
+      <div class="search">
+        <span>村落名称：</span>
+        <el-input
+          type="text"
+          placeholder="请输入内容"
+          v-model="name"
+          maxlength="25"
+          show-word-limit
+        />
+        <el-button type="primary">查询</el-button>
+        <el-button>重置</el-button>
+      </div>
+      <div class="table">
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+// import { villageList } from '@/apis/tab5'
+export default {
+  name: 'tab5',
+  components: {},
+  data () {
+    // 这里存放数据
+    return {
+      name: '',
+      tableData: []
+    }
+  },
+  // 监听属性 类似于data概念
+  computed: {},
+  // 监控data中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {},
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  async created () {
+    // const res = await villageList()
+    // this.tableData = res.data
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted () {
+  },
+  beforeCreate () {
+  }, // 生命周期 - 创建之前
+  beforeMount () {
+  }, // 生命周期 - 挂载之前
+  beforeUpdate () {
+  }, // 生命周期 - 更新之前
+  updated () {
+  }, // 生命周期 - 更新之后
+  beforeDestroy () {
+  }, // 生命周期 - 销毁之前
+  destroyed () {
+  }, // 生命周期 - 销毁完成
+  activated () {
+  } // 如果页面有keep-alive缓存功能，这个函数会触发
+}
+</script>
+<style lang='less' scoped>
+.tab5 {
+  width: 100%;
+  height: 100%;
+
+  .content {
+    padding: 0 20px;
+
+    .search {
+      height: 70px;
+      display: flex;
+      align-items: center;
+      border-bottom: 1px solid black;
+
+      /deep/ .el-input {
+        width: 300px;
+        margin-right: 12px;
+      }
+
+      /deep/ .el-input__inner {
+        padding-right: 45px;
+      }
+    }
+
+    .table {
+      /deep/ .el-table__row .el-table__cell {
+        padding: 3px 0;
+      }
+    }
+  }
+}
+</style>

packages/admin/src/views/tab6/index.vue

@@ -0,0 +1,106 @@
+<template>
+  <div class="tab1">
+    <div class="insideTop">资料管理</div>
+    <div class="obstruct"></div>
+    <div class="conten">
+      <!-- <div class="search">
+        <span>村落名称：</span>
+        <el-input
+          type="text"
+          placeholder="请输入内容"
+          v-model="name"
+          maxlength="25"
+          show-word-limit
+        />
+        <el-button type="primary">查询</el-button>
+        <el-button>重置</el-button>
+      </div> -->
+      <div class="table">
+        <el-table :data="tableData" style="width: 100%">
+          <el-table-column label="编号" width="150">
+            <template slot-scope="scope">
+              {{ scope.$index + 1 }}
+            </template>
+          </el-table-column>
+          <!-- <el-table-column prop="id" label="编号" width="200"></el-table-column> -->
+          <el-table-column prop="name" label="村落名称"></el-table-column>
+          <el-table-column
+            prop="updateTime"
+            label="最近更新时间"
+          ></el-table-column>
+          <el-table-column label="操作">
+            <template #default="{ row }">
+              <el-button
+                type="text"
+                @click="$router.push(`/layout/tab1Main/${row.id}/1001`)"
+                >编辑</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { villageList } from '@/apis/tab1'
+export default {
+  name: 'tab1',
+  components: {},
+  data () {
+    // 这里存放数据
+    return {
+      name: '',
+      tableData: []
+    }
+  },
+  // 监听属性 类似于data概念
+  computed: {},
+  // 监控data中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {},
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  async created () {
+    const res = await villageList()
+    this.tableData = res.data
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted () {},
+  beforeCreate () {}, // 生命周期 - 创建之前
+  beforeMount () {}, // 生命周期 - 挂载之前
+  beforeUpdate () {}, // 生命周期 - 更新之前
+  updated () {}, // 生命周期 - 更新之后
+  beforeDestroy () {}, // 生命周期 - 销毁之前
+  destroyed () {}, // 生命周期 - 销毁完成
+  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
+}
+</script>
+<style lang='less' scoped>
+.tab1 {
+  width: 100%;
+  height: 100%;
+  .conten {
+    padding: 0 20px;
+    .search {
+      height: 70px;
+      display: flex;
+      align-items: center;
+      border-bottom: 1px solid black;
+      /deep/.el-input {
+        width: 300px;
+        margin-right: 12px;
+      }
+      /deep/.el-input__inner {
+        padding-right: 45px;
+      }
+    }
+    .table {
+      /deep/.el-table__row .el-table__cell {
+        padding: 3px 0;
+      }
+    }
+  }
+}
+</style>

传统村落移动/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "webm",
+  "name": "@jmvillage/mobile",
   "version": "0.1.0",
   "private": true,
   "scripts": {