diff --git a/src/router/originalRoutingTable.js b/src/router/originalRoutingTable.js
index 6a847d8..aca06ea 100644
--- a/src/router/originalRoutingTable.js
+++ b/src/router/originalRoutingTable.js
@@ -120,7 +120,7 @@ const routerList = [
     name: "users",
     component: Layout,
     meta: {
-      name: "用户",
+      name: "客户",
     },
     children: [
       {
@@ -129,7 +129,7 @@ const routerList = [
         component: () => import("../views/users/index.vue"),
         meta: {
           requiresAuth: true,
-          name: "用户列表",
+          name: "客户列表",
         },
       },
       {
diff --git a/src/views/users/index.vue b/src/views/users/index.vue
index 35f5300..6f81fbc 100644
--- a/src/views/users/index.vue
+++ b/src/views/users/index.vue
@@ -18,7 +18,7 @@
         <el-input
             v-model="searchName"
             style="max-width: 300px"
-            placeholder="模糊查询名称"
+            placeholder="模糊查询微信昵称"
             class="input-with-select"
             onchange="searchEvnt"
         >
@@ -59,7 +59,7 @@
         </template>
       </el-table-column>
       <el-table-column
-          label="名称"
+          label="微信昵称"
           prop="name"
           width="300"
           align="center"
diff --git a/src/views/users/maintain.vue b/src/views/users/maintain.vue
index 1be72da..68b47e5 100644
--- a/src/views/users/maintain.vue
+++ b/src/views/users/maintain.vue
@@ -1,10 +1,270 @@
 <template>
   <el-card>
-    <div>维修人员</div>
+
+    <el-row :gutter="10">
+      <el-col :span="4">
+        <div class="block">
+          <el-date-picker
+              v-model="registerDate"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="注册开始日期"
+              end-placeholder="注册截至日期"
+              :size="size"
+          />
+        </div>
+      </el-col>
+      <el-col :span="4">
+        <el-input
+            v-model="searchName"
+            style="max-width: 300px"
+            placeholder="模糊查询微信昵称"
+            class="input-with-select"
+            onchange="searchEvnt"
+        >
+
+          <template #append>
+            <el-button type="success"  @click="searchEvnt">查询</el-button>
+          </template>
+        </el-input>
+      </el-col>
+
+      <el-col :span="4">
+        <el-input
+            v-model="searchName"
+            style="max-width: 300px"
+            placeholder="模糊查询名字"
+            class="input-with-select"
+            onchange="searchEvnt"
+        >
+
+          <template #append>
+            <el-button type="success"  @click="searchEvnt">查询</el-button>
+          </template>
+        </el-input>
+      </el-col>
+
+      <el-col :span="4">
+        <el-input
+            v-model="searchName"
+            style="max-width: 300px"
+            placeholder="模糊查询手机号"
+            class="input-with-select"
+            onchange="searchEvnt"
+        >
+
+          <template #append>
+            <el-button type="success"  @click="searchEvnt">查询</el-button>
+          </template>
+        </el-input>
+      </el-col>
+    </el-row>
+
+
+  </el-card>
+
+  <el-card class="mt10">
+    <el-table
+        ref="table"
+        :data="tableData"
+        :default-sort="{ prop: 'date', order: 'descending' }"
+        :header-cell-style="{ backgroundColor: '#ecf5ff' }"
+        border
+        stripe
+        style="width: 100%"
+    >
+
+      <el-table-column
+          label="序号"
+          prop="userId"
+          width="120"
+          align="center"
+          show-overflow-tooltip
+          sortable
+      />
+
+      <el-table-column label="头像" width="200" align="center">
+        <template #default="scope">
+          <el-avatar :size="50" :src="scope.row.avatar" />
+        </template>
+      </el-table-column>
+      <el-table-column
+          label="微信昵称"
+          prop="nickname"
+          width="300"
+          align="center"
+          show-overflow-tooltip
+      />
+      <el-table-column
+          label="名字"
+          prop="name"
+          width="300"
+          align="center"
+          show-overflow-tooltip
+      />
+      <el-table-column
+          label="手机号"
+          prop="mobile"
+          width="300"
+          align="center"
+          show-overflow-tooltip
+      />
+      <el-table-column
+          label="注册时间"
+          prop="date"
+          width="auto"
+          align="center"
+          show-overflow-tooltip
+          sortable
+      />
+
+    </el-table>
+    <el-pagination
+        small
+        background
+        layout="prev, pager, next"
+        :total="tableData.length"
+        class="mt-4 mt10"
+        @current-change="handleCurrentChange"
+    />
   </el-card>
 </template>
-
 <script setup>
+import * as XLSX from 'xlsx'
+import {
+  Edit,
+  Delete,
+  InfoFilled,
+  View,
+  ArrowDownBold,
+  Plus,
+} from '@element-plus/icons-vue'
+import {nextTick, onMounted, reactive, ref} from 'vue'
+
+import {options} from './options.js'
+import {getUserList} from "../../api/modules/user";
+
+const tableData = ref([])
+const dataList = ref([])
+const table = ref()
+const tabclickIndex = ref()
+const isExpand = ref(false)
+const columnData = ref(JSON.parse(JSON.stringify(options)))
+const disabled = ref(false)
+const dialogVisible = ref(false)
+const total = ref(0)
+const formInline = ref({})
+const registerDate = ref('');
+const searchName = ref('');
+const queryData = ref({
+  keyWord: '',
+  page: 1,
+  size: 10,
+})
+
+const initData = () => {
+
+  tableData.value = columnData.value;
+
+  // orderLists(queryData.value).then((res) => {
+  //   console.log(res.data.data)
+  //   // total.value = res.data.data.total
+  //   tableData.value = res.data.data
+  // })
+}
+const itemEditHanld = (item) => {
+  item.itemEdit = !item.itemEdit
+  // // console.log(JSON.stringify(item));
+  // tabclickIndex.value = item;
+}
+const handleSizeChange = (val) => {
+  console.log(val)
+}
+const handleSelectionChange = (val) => {
+}
+const handleCurrentChange = (val) => {
+  queryData.value.size = 10
+  queryData.value.page = val
+  initData(queryData.value)
+}
+const handleClose = () => {
+}
+const dialogVisibleHanle = () => {
+  console.log('滑动加载')
+}
+const handleExpand = () => {
+  isExpand.value = false
+  tableData.value.forEach((item) => {
+    table.value.toggleRowExpansion(item, isExpand.value)
+  })
+}
+
+const handleOpen = () => {
+  isExpand.value = true
+  tableData.value.forEach((item) => {
+    table.value.toggleRowExpansion(item, isExpand.value)
+  })
+}
+
+// 搜索事件
+const searchEvnt = ()=> {
+  console.log('点击搜索');
+};
+
+onMounted(() => {
+  initData()
+})
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.mt-4 {
+  float: right;
+  text-align: right;
+  margin-bottom: 20px;
+}
+
+.demo-form-inline {
+}
+
+.dragClass {
+  background: rgba($color: #41c21a, $alpha: 0.5) !important;
+}
+
+// 停靠
+.ghostClass {
+  background: rgba($color: #6cacf5, $alpha: 0.5) !important;
+}
+
+// 选择
+.chosenClass:hover > td {
+  background: rgba($color: #f56c6c, $alpha: 0.5) !important;
+}
+
+.icon-view {
+  font-size: 20px;
+  color: #673ab7;
+  margin: 0 10px;
+}
+
+.icon-edit {
+  font-size: 20px;
+  color: #2f60c2;
+  margin: 0 10px;
+}
+
+.icon-dele {
+  font-size: 20px;
+  color: #ff5722;
+}
+
+.btn-color {
+  background: #fff;
+  color: #4c60cc;
+}
+
+.expand-title {
+  padding: 10px;
+  color: #919399;
+  font-weight: 600;
+}
+</style>
diff --git a/src/views/users/options.js b/src/views/users/options.js
index 21008eb..1483574 100644
--- a/src/views/users/options.js
+++ b/src/views/users/options.js
@@ -2,62 +2,84 @@ export const options = [
     {
     userId: 1,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
-    name: '名称',
+    name: '高永建',
+      nickname: '软件开发老高',
+      mobile: '19136448763',
     date: '2024-10-11 10:11:01'
   },
   {
     userId: 2,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
-    name: '名称',
+    name: '张三',
+    nicakname: '软件开发老高',
+    mobile: '19136448763',
     date: '2024-10-10 10:11:01'
   },
   {
     userId: 3,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
-    name: '名称',
+    name: '李四',
+    nickname: '软件开发老高',
+    mobile: '19136448763',
     date: '2024-10-13 10:11:01'
   },
   {
     userId: 4,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
     name: '名称',
+    nickname: '软件开发老高',
+    mobile: '19136448763',
     date: '2024-10-02 10:11:01'
   },{
     userId: 5,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
     name: '名称',
+    nickname: '软件开发老高',
+    mobile: '19136448763',
     date: '2024-10-01 10:11:01'
   },
   {
     userId: 6,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
     name: '名称',
+    nickname: '软件开发老高',
+    mobile: '19136448763',
     date: '2024-10-11 10:11:01'
   },{
     userId: 7,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
     name: '名称',
+    nickname: '软件开发老高',
+    mobile: '19136448763',
     date: '2024-10-11 10:11:01'
   },{
     userId: 8,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
     name: '名称',
+    nickname: '软件开发老高',
+    mobile: '19136448763',
     date: '2024-10-11 10:11:01'
   },{
     userId: 9,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
     name: '名称',
+    nickname: '软件开发老高',
+    mobile: '19136448763',
     date: '2024-10-11 10:11:01'
   },{
     userId: 10,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
     name: '名称',
+    nickname: '软件开发老高',
+    mobile: '19136448763',
     date: '2024-10-11 10:11:01'
   },
   {
     userId: 11,
     avatar: 'https://pic.qqans.com/up/2024-6/2024620113729773.jpg',
     name: '名称',
+    nickname: '软件开发老高',
+    mobile: '19136448763',
     date: '2024-10-11 10:11:01'
   },
 
diff --git a/src/views/users/reconnaissance.vue b/src/views/users/reconnaissance.vue
index ed3b037..68b47e5 100644
--- a/src/views/users/reconnaissance.vue
+++ b/src/views/users/reconnaissance.vue
@@ -1,10 +1,270 @@
 <template>
   <el-card>
-    <div>勘察人员</div>
+
+    <el-row :gutter="10">
+      <el-col :span="4">
+        <div class="block">
+          <el-date-picker
+              v-model="registerDate"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="注册开始日期"
+              end-placeholder="注册截至日期"
+              :size="size"
+          />
+        </div>
+      </el-col>
+      <el-col :span="4">
+        <el-input
+            v-model="searchName"
+            style="max-width: 300px"
+            placeholder="模糊查询微信昵称"
+            class="input-with-select"
+            onchange="searchEvnt"
+        >
+
+          <template #append>
+            <el-button type="success"  @click="searchEvnt">查询</el-button>
+          </template>
+        </el-input>
+      </el-col>
+
+      <el-col :span="4">
+        <el-input
+            v-model="searchName"
+            style="max-width: 300px"
+            placeholder="模糊查询名字"
+            class="input-with-select"
+            onchange="searchEvnt"
+        >
+
+          <template #append>
+            <el-button type="success"  @click="searchEvnt">查询</el-button>
+          </template>
+        </el-input>
+      </el-col>
+
+      <el-col :span="4">
+        <el-input
+            v-model="searchName"
+            style="max-width: 300px"
+            placeholder="模糊查询手机号"
+            class="input-with-select"
+            onchange="searchEvnt"
+        >
+
+          <template #append>
+            <el-button type="success"  @click="searchEvnt">查询</el-button>
+          </template>
+        </el-input>
+      </el-col>
+    </el-row>
+
+
+  </el-card>
+
+  <el-card class="mt10">
+    <el-table
+        ref="table"
+        :data="tableData"
+        :default-sort="{ prop: 'date', order: 'descending' }"
+        :header-cell-style="{ backgroundColor: '#ecf5ff' }"
+        border
+        stripe
+        style="width: 100%"
+    >
+
+      <el-table-column
+          label="序号"
+          prop="userId"
+          width="120"
+          align="center"
+          show-overflow-tooltip
+          sortable
+      />
+
+      <el-table-column label="头像" width="200" align="center">
+        <template #default="scope">
+          <el-avatar :size="50" :src="scope.row.avatar" />
+        </template>
+      </el-table-column>
+      <el-table-column
+          label="微信昵称"
+          prop="nickname"
+          width="300"
+          align="center"
+          show-overflow-tooltip
+      />
+      <el-table-column
+          label="名字"
+          prop="name"
+          width="300"
+          align="center"
+          show-overflow-tooltip
+      />
+      <el-table-column
+          label="手机号"
+          prop="mobile"
+          width="300"
+          align="center"
+          show-overflow-tooltip
+      />
+      <el-table-column
+          label="注册时间"
+          prop="date"
+          width="auto"
+          align="center"
+          show-overflow-tooltip
+          sortable
+      />
+
+    </el-table>
+    <el-pagination
+        small
+        background
+        layout="prev, pager, next"
+        :total="tableData.length"
+        class="mt-4 mt10"
+        @current-change="handleCurrentChange"
+    />
   </el-card>
 </template>
-
 <script setup>
+import * as XLSX from 'xlsx'
+import {
+  Edit,
+  Delete,
+  InfoFilled,
+  View,
+  ArrowDownBold,
+  Plus,
+} from '@element-plus/icons-vue'
+import {nextTick, onMounted, reactive, ref} from 'vue'
+
+import {options} from './options.js'
+import {getUserList} from "../../api/modules/user";
+
+const tableData = ref([])
+const dataList = ref([])
+const table = ref()
+const tabclickIndex = ref()
+const isExpand = ref(false)
+const columnData = ref(JSON.parse(JSON.stringify(options)))
+const disabled = ref(false)
+const dialogVisible = ref(false)
+const total = ref(0)
+const formInline = ref({})
+const registerDate = ref('');
+const searchName = ref('');
+const queryData = ref({
+  keyWord: '',
+  page: 1,
+  size: 10,
+})
+
+const initData = () => {
+
+  tableData.value = columnData.value;
+
+  // orderLists(queryData.value).then((res) => {
+  //   console.log(res.data.data)
+  //   // total.value = res.data.data.total
+  //   tableData.value = res.data.data
+  // })
+}
+const itemEditHanld = (item) => {
+  item.itemEdit = !item.itemEdit
+  // // console.log(JSON.stringify(item));
+  // tabclickIndex.value = item;
+}
+const handleSizeChange = (val) => {
+  console.log(val)
+}
+const handleSelectionChange = (val) => {
+}
+const handleCurrentChange = (val) => {
+  queryData.value.size = 10
+  queryData.value.page = val
+  initData(queryData.value)
+}
+const handleClose = () => {
+}
+const dialogVisibleHanle = () => {
+  console.log('滑动加载')
+}
+const handleExpand = () => {
+  isExpand.value = false
+  tableData.value.forEach((item) => {
+    table.value.toggleRowExpansion(item, isExpand.value)
+  })
+}
+
+const handleOpen = () => {
+  isExpand.value = true
+  tableData.value.forEach((item) => {
+    table.value.toggleRowExpansion(item, isExpand.value)
+  })
+}
+
+// 搜索事件
+const searchEvnt = ()=> {
+  console.log('点击搜索');
+};
+
+onMounted(() => {
+  initData()
+})
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.mt-4 {
+  float: right;
+  text-align: right;
+  margin-bottom: 20px;
+}
+
+.demo-form-inline {
+}
+
+.dragClass {
+  background: rgba($color: #41c21a, $alpha: 0.5) !important;
+}
+
+// 停靠
+.ghostClass {
+  background: rgba($color: #6cacf5, $alpha: 0.5) !important;
+}
+
+// 选择
+.chosenClass:hover > td {
+  background: rgba($color: #f56c6c, $alpha: 0.5) !important;
+}
+
+.icon-view {
+  font-size: 20px;
+  color: #673ab7;
+  margin: 0 10px;
+}
+
+.icon-edit {
+  font-size: 20px;
+  color: #2f60c2;
+  margin: 0 10px;
+}
+
+.icon-dele {
+  font-size: 20px;
+  color: #ff5722;
+}
+
+.btn-color {
+  background: #fff;
+  color: #4c60cc;
+}
+
+.expand-title {
+  padding: 10px;
+  color: #919399;
+  font-weight: 600;
+}
+</style>