diff --git a/resources/frontend/src/views/dataCenter/skuStatistics.vue b/resources/frontend/src/views/dataCenter/skuStatistics.vue
index d99a544..fe44f99 100644
--- a/resources/frontend/src/views/dataCenter/skuStatistics.vue
+++ b/resources/frontend/src/views/dataCenter/skuStatistics.vue
@@ -251,8 +251,12 @@ export default {
           return
         }
         import('@/util/Export2Excel').then(excel => {
-          const tHeader = ['商品名称', 'sku规格', '规格编码', '销量', '销售额']
-          const filterVal = ['name', 'title', 'external_sku_id', 'goods_total', 'goods_total_amount']
+          const tHeader = ['商品名称', 'sku规格', '规格编码', '销量', '销售额', '库存', '可售库存', '状态']
+          const filterVal = ['name', 'title', 'external_sku_id', 'goods_total', 'goods_total_amount', 'stock', 'sale_stock', 'status']
+          if(this.time_type == 'day') {
+            tHeader.splice(5, 0, '昨日销量', '3日内销量', '7日内销量', '已发货数', '未发货数')
+            filterVal.splice(5, 0, 'yesterday_avg_num', 'three_day_avg_num', 'seven_day_avg_num', 'shipping_num', 'unshipping_num')
+          }
           const list = res.data.data.data
           const data = this.formatJson(filterVal, list)
           let date = this.startTime == this.endTime ? this.startTime : this.startTime + '-' + this.endTime
diff --git a/resources/frontend/src/views/dataCenter/spuStatistics.vue b/resources/frontend/src/views/dataCenter/spuStatistics.vue
index e9604af..e81ea63 100644
--- a/resources/frontend/src/views/dataCenter/spuStatistics.vue
+++ b/resources/frontend/src/views/dataCenter/spuStatistics.vue
@@ -61,8 +61,6 @@
         <el-table-column label="类型名称" prop="type_name"></el-table-column>
         <el-table-column label="库存" prop="stock"></el-table-column>
         <el-table-column label="可售库存" prop="sale_stock"></el-table-column>
-        <el-table-column label="销量" prop="goods_total"></el-table-column>
-        <el-table-column label="销售额" prop="goods_total_amount"></el-table-column>
 
         <el-table-column label="已发货数" prop="shipping_num" v-if="time_type == 'day'"></el-table-column>
         <el-table-column label="未发货数" prop="unshipping_num" v-if="time_type == 'day'"></el-table-column>
@@ -208,8 +206,13 @@ export default {
       }
       this.downloadLoading = true
       import('@/util/Export2Excel').then(excel => {
-        const tHeader = ['类型名称', '库存', '可售库存', '未发货数', '未发货数', '总销量', '总销售金额']
-        const filterVal = ['type_name', 'stock', 'sale_stock', 'shipping_num', 'unshipping_num', 'goods_total', 'goods_total_amount']
+        const tHeader = ['类型名称', '库存', '可售库存', '总销量', '总销售金额']
+        const filterVal = ['type_name', 'stock', 'sale_stock', 'goods_total', 'goods_total_amount']
+        
+        if(this.time_type == 'day') {
+          tHeader.splice(3, 0, '已发货数', '未发货数')
+          filterVal.splice(3, 0, 'shipping_num', 'unshipping_num')
+        }
         const list = this.saleList
         let date = this.startTime == this.endTime ? this.startTime : this.startTime + '-' + this.endTime
         const data = this.formatJson(filterVal, list)
diff --git a/resources/frontend/src/views/goods/goods.vue b/resources/frontend/src/views/goods/goods.vue
index b6ac2ad..175a391 100644
--- a/resources/frontend/src/views/goods/goods.vue
+++ b/resources/frontend/src/views/goods/goods.vue
@@ -15,13 +15,13 @@
             style="width: 220px;"
             v-model="form.type_id" />
         </div>
-        <div class="row">
+        <!-- <div class="row">
           <span>商品品牌：</span>
           <el-select v-model="form.brand_id" placeholder="商品品牌" clearable>
             <el-option v-for="item in brand" :key="item.id" :label="item.name" :value="item.id">
             </el-option>
           </el-select>
-        </div>
+        </div> -->
         <div class="row">
           <span>商品编码：</span>
           <el-input v-model="form.external_sku_id" placeholder="商品编码" clearable></el-input>
@@ -101,11 +101,11 @@
               </template>
             </el-table-column>
             <el-table-column label="规格" prop="title"></el-table-column>
-            <el-table-column label="品牌">
+            <!-- <el-table-column label="品牌">
               <template slot-scope="scope">
                 <div>{{ scope.row.goods && scope.row.goods.brand && scope.row.goods.brand.name || '' }}</div>
               </template>
-            </el-table-column>
+            </el-table-column> -->
             <!-- <el-table-column prop="yesterday_num" sortable label="1T"></el-table-column>
 
             <el-table-column sortable label="0T">
@@ -187,7 +187,7 @@
               </template>
             </el-table-column>
 
-            <el-table-column sortable label="损耗">
+            <!-- <el-table-column sortable label="损耗">
               <template slot-scope="scope">
                 <div v-if="scope.row.daily" class="flex">
                   <div v-if="scope.row.id === editLossId">
@@ -218,7 +218,7 @@
                   </el-popover>
                 </div>
               </template>
-            </el-table-column>
+            </el-table-column> -->
 
             <el-table-column prop="stock" sortable label="库存"></el-table-column>
             <el-table-column prop="sale_stock" label="在售库存"></el-table-column>
diff --git a/resources/frontend/src/views/logs/logs.vue b/resources/frontend/src/views/logs/logs.vue
index afb6a86..01419c3 100644
--- a/resources/frontend/src/views/logs/logs.vue
+++ b/resources/frontend/src/views/logs/logs.vue
@@ -43,7 +43,7 @@
                     </el-date-picker>
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="primary" @click="query(1)">查询</el-button>
+                    <el-button type="primary" icon="el-icon-search" @click="query(1)">查询</el-button>
                 </el-form-item>
             </el-form>
         </el-card>
@@ -85,15 +85,14 @@
                     </template>
                 </el-table-column>
             </el-table>
-        </el-card>
 
-        <!-- 分页功能 -->
-        <div class="block">
-            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
-                :current-page="current_page" :page-sizes="[15, 50, 100]" :page-size="per_page"
-                layout="total, sizes, prev, pager, next, jumper" :total="Paginationdata.total">
-            </el-pagination>
-        </div>
+            <div class="page-pagination">
+                <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                    :current-page="current_page" :page-sizes="[15, 50, 100]" :page-size="per_page"
+                    layout="total, sizes, prev, pager, next, jumper" :total="Paginationdata.total">
+                </el-pagination>
+            </div>
+        </el-card>
     </div>
 </template>
 
@@ -361,11 +360,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.block {
-    margin-top: 20px;
-}
 
-::v-deep .el-card__body {
-    padding: 0;
-}
 </style>
diff --git a/resources/frontend/src/views/supplyChain/dailyStock.vue b/resources/frontend/src/views/supplyChain/dailyStock.vue
index 565f23b..f709129 100644
--- a/resources/frontend/src/views/supplyChain/dailyStock.vue
+++ b/resources/frontend/src/views/supplyChain/dailyStock.vue
@@ -36,7 +36,7 @@
         <el-table-column prop="id" label="ID" width="80" align="center" />
         <el-table-column prop="goods_sku.name" label="商品标题" />
         <el-table-column prop="goods_sku.external_sku_id" label="规格编码" />
-        <el-table-column prop="sku_id" label="skuID" />
+        <!-- <el-table-column prop="sku_id" label="skuID" /> -->
         <el-table-column prop="day" label="日期" />
         <el-table-column prop="inventory" label="盘点库存" />
         <el-table-column prop="inventory_time" label="盘点时间" />
diff --git a/resources/frontend/src/views/supplyChain/lossRecord.vue b/resources/frontend/src/views/supplyChain/lossRecord.vue
index ac3afee..f5b19de 100644
--- a/resources/frontend/src/views/supplyChain/lossRecord.vue
+++ b/resources/frontend/src/views/supplyChain/lossRecord.vue
@@ -36,7 +36,7 @@
         <el-table-column prop="id" label="ID" width="80" align="center" />
         <el-table-column prop="goods_sku.name" label="商品标题" />
         <el-table-column prop="external_sku_id" label="规格编码" />
-        <el-table-column prop="sku_id" label="skuID" />
+        <!-- <el-table-column prop="sku_id" label="skuID" /> -->
         <el-table-column prop="num" label="数量" />
         <el-table-column prop="cost" label="成本" />
         <el-table-column prop="buyer_name" label="采购人姓名" />
@@ -73,7 +73,10 @@
           <el-input v-model="curInfo.cost" clearable></el-input>
         </el-form-item>
         <el-form-item label="采购人">
-          <el-input v-model="curInfo.buyer_name" clearable></el-input>
+          <el-select v-model="curInfo.buyer_user_id" clearable filterable ref="userRef">
+            <el-option v-for="item in usersList" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="报损原因">
           <el-input v-model="curInfo.reason" clearable></el-input>
@@ -105,6 +108,7 @@
 <script>
 import { getLossLog, addLossLog, updateLossLog } from "@/api/supplyChain"
 import axios from "axios"
+import { userList } from "@/api/user"
 
 export default {
   data() {
@@ -123,7 +127,8 @@ export default {
       },
       addTime: [],
       showImport: false,
-      fileList: []
+      fileList: [],
+      usersList: []
     }
   },
   methods: {
@@ -168,8 +173,15 @@ export default {
     },
     commitSupplier() {
       this.commitloading = true
+      let params = {
+        ...this.curInfo
+      }
+      params.buyer_name = ''
+      if(params.buyer_user_id) {
+        params.buyer_name = this.$refs.userRef.selectedLabel
+      }
       if(this.curInfo.id) {
-        updateLossLog(this.curInfo.id, this.curInfo).then((res) => {
+        updateLossLog(this.curInfo.id, params).then((res) => {
           this.fetchList()
           this.$message({ type: "success", message: "更新成功!" })
           this.dialogVisible = false
@@ -178,7 +190,7 @@ export default {
           this.commitloading = false
         })
       } else {
-        addLossLog(this.curInfo).then((res) => {
+        addLossLog(params).then((res) => {
           this.page = 1
           this.fetchList()
           this.$message({ type: "success", message: "新增成功!" })
@@ -226,10 +238,20 @@ export default {
       } else {
         this.$message.error("请先上传文件");
       }
+    },
+    getUserList() {
+      let params = {
+        page: 1,
+        per_page: 9999
+      }
+      userList(params).then((res) => {
+        this.usersList = res.data.data
+      })
     }
   },
   mounted() {
     this.fetchList()
+    this.getUserList()
   }
 }
 </script>
diff --git a/resources/frontend/src/views/supplyChain/procureLog.vue b/resources/frontend/src/views/supplyChain/procureLog.vue
index a6d1ce3..92d4b3e 100644
--- a/resources/frontend/src/views/supplyChain/procureLog.vue
+++ b/resources/frontend/src/views/supplyChain/procureLog.vue
@@ -78,10 +78,16 @@
           <el-input v-model="curInfo.cost" clearable></el-input>
         </el-form-item>
         <el-form-item label="采购人">
-          <el-input v-model="curInfo.buyer_name" clearable></el-input>
+          <el-select v-model="curInfo.buyer_user_id" clearable filterable ref="userRef">
+            <el-option v-for="item in usersList" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="供应商">
-          <el-input v-model="curInfo.supplier_name" clearable></el-input>
+          <el-select v-model="curInfo.supplier_id" clearable filterable ref="supplierRef">
+            <el-option v-for="item in supplierList" :key="item.id" :label="item.supplier_name" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="过期时间">
           <el-date-picker
@@ -118,8 +124,9 @@
 </template>
 
 <script>
-import { getPurchaseLog, addPurchaseLog, updatePurchaseLog } from "@/api/supplyChain"
+import { getPurchaseLog, addPurchaseLog, updatePurchaseLog, getSupplier } from "@/api/supplyChain"
 import axios from "axios"
+import { userList } from "@/api/user"
 
 export default {
   data() {
@@ -138,7 +145,9 @@ export default {
       dialogVisible: false,
       curInfo: {},
       showImport: false,
-      fileList: []
+      fileList: [],
+      usersList: [],
+      supplierList: []
     }
   },
   methods: {
@@ -183,8 +192,19 @@ export default {
     },
     commitSupplier() {
       this.commitloading = true
+      let params = {
+        ...this.curInfo
+      }
+      params.buyer_name = ''
+      params.supplier_name = ''
+      if(params.buyer_user_id) {
+        params.buyer_name = this.$refs.userRef.selectedLabel
+      }
+      if(params.supplier_id) {
+        params.supplier_name = this.$refs.supplierRef.selectedLabel
+      }
       if(this.curInfo.id) {
-        updatePurchaseLog(this.curInfo.id, this.curInfo).then((res) => {
+        updatePurchaseLog(this.curInfo.id, params).then((res) => {
           this.fetchList()
           this.$message({ type: "success", message: "更新成功!" })
           this.dialogVisible = false
@@ -193,7 +213,7 @@ export default {
           this.commitloading = false
         })
       } else {
-        addPurchaseLog(this.curInfo).then((res) => {
+        addPurchaseLog(params).then((res) => {
           this.page = 1
           this.fetchList()
           this.$message({ type: "success", message: "新增成功!" })
@@ -241,10 +261,30 @@ export default {
       } else {
         this.$message.error("请先上传文件");
       }
+    },
+    getUserList() {
+      let params = {
+        page: 1,
+        per_page: 9999
+      }
+      userList(params).then((res) => {
+        this.usersList = res.data.data
+      })
+    },
+    getSupplierList() {
+      let params = {
+        page: 1,
+        per_page: 9999
+      }
+      getSupplier(params).then((res) => {
+        this.supplierList = res.data.data
+      })
     }
   },
   mounted() {
     this.fetchList()
+    this.getSupplierList()
+    this.getUserList()
   }
 }
 </script>
diff --git a/resources/frontend/src/views/supplyChain/supplier.vue b/resources/frontend/src/views/supplyChain/supplier.vue
index bfbb70a..41c2329 100644
--- a/resources/frontend/src/views/supplyChain/supplier.vue
+++ b/resources/frontend/src/views/supplyChain/supplier.vue
@@ -7,7 +7,7 @@
       <el-table v-loading="loading" :data="supplierList" style="width: 100%" border>
         <el-table-column prop="id" label="供应商ID" width="80" align="center" />
         <el-table-column prop="supplier_name" label="供应商名称" />
-        <el-table-column prop="company_name" label="供应商ID" />
+        <el-table-column prop="company_name" label="公司名称" />
         <el-table-column prop="address" label="地址" />
         <el-table-column prop="link_tel" label="联系方式" align="center" />
         <el-table-column prop="supply_type" label="供应品类" />
@@ -55,8 +55,11 @@
         <el-form-item label="支付方式">
           <el-input v-model="gysInfo.payment_account" clearable></el-input>
         </el-form-item>
-        <el-form-item label="代理人名称">
-          <el-input v-model="gysInfo.agent_name"></el-input>
+        <el-form-item label="开发维护人">
+          <el-select v-model="gysInfo.agent_id" clearable filterable ref="labelRef">
+            <el-option v-for="item in usersList" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
@@ -69,6 +72,8 @@
 
 <script>
 import { getSupplier, removeSupplier, addSupplier, updateSupplier } from "@/api/supplyChain"
+import { userList } from "@/api/user"
+
 export default {
   data() {
     return {
@@ -80,6 +85,7 @@ export default {
       dialogVisible: false,
       gysInfo: {},
       commitloading: false,
+      usersList: []
     }
   },
   methods: {
@@ -117,8 +123,15 @@ export default {
     },
     commitSupplier() {
       this.commitloading = true
+      let params = {
+        ...this.gysInfo
+      }
+      params.agent_name = ''
+      if(params.agent_id) {
+        params.agent_name = this.$refs.labelRef.selectedLabel
+      }
       if(this.gysInfo.id) {
-        updateSupplier(this.gysInfo.id, this.gysInfo).then((res) => {
+        updateSupplier(this.gysInfo.id, params).then((res) => {
           this.fetchList()
           this.$message({ type: "success", message: "更新成功!" })
           this.dialogVisible = false
@@ -127,7 +140,7 @@ export default {
           this.commitloading = false
         })
       } else {
-        addSupplier(this.gysInfo).then((res) => {
+        addSupplier(params).then((res) => {
           this.page = 1
           this.fetchList()
           this.$message({ type: "success", message: "新增成功!" })
@@ -150,10 +163,20 @@ export default {
           this.dialogVisible = false
         })
       })
+    },
+    getUserList() {
+      let params = {
+          page: 1,
+          per_page: 9999
+      }
+      userList(params).then((res) => {
+        this.usersList = res.data.data
+      })
     }
   },
   mounted() {
     this.fetchList()
+    this.getUserList()
   }
 }
 </script>
diff --git a/resources/frontend/src/views/system/role.vue b/resources/frontend/src/views/system/role.vue
index d55e027..91a91e4 100644
--- a/resources/frontend/src/views/system/role.vue
+++ b/resources/frontend/src/views/system/role.vue
@@ -1,28 +1,10 @@
 <template>
-    <div class="conent">
-        <!-- 点击新增弹出表单 -->
-        <div class="from">
-            <el-dialog title="新增角色" :visible.sync="dialogVisible2" width="30%" :close-on-click-modal="false">
-                <div>
-                    <el-form label-width="80px">
-                        <el-form-item label="角色名称">
-                            <el-input v-model="newrole"></el-input>
-                        </el-form-item>
-                        <div class="from-btn">
-                            <el-button type="danger" @click="dialogVisible2 = false">取消</el-button>
-                            <el-button @click="onSubmit">确认</el-button>
-                        </div>
-                    </el-form>
-                </div>
-            </el-dialog>
-        </div>
-
-        <!-- 新增按钮 -->
-        <el-button type="primary" @click="dialogVisible2 = true">新增</el-button>
-
-        <!-- 角色列表 -->
-        <div class="table" style="margin-top: 10px">
-            <el-table v-loading="loading" :data="tableList" style="width: 100%">
+    <div class="pageBox">
+        <el-card>
+            <div class="opaBox">
+                <el-button type="primary" icon="el-icon-plus" @click="dialogVisible2 = true">新增</el-button>
+            </div>
+            <el-table v-loading="loading" :data="tableList" style="width: 100%" border>
                 <el-table-column prop="id" label="ID"> </el-table-column>
                 <el-table-column prop="name" label="角色名称"> </el-table-column>
                 <el-table-column label="权限内容">
@@ -32,11 +14,11 @@
                 </el-table-column>
                 <el-table-column label="操作">
                     <template slot-scope="scope">
-                        <el-button @click="onEdit(scope.row)">编辑</el-button>
+                        <el-button type="primary" @click="onEdit(scope.row)" icon="el-icon-edit">编辑权限</el-button>
                     </template>
                 </el-table-column>
             </el-table>
-        </div>
+        </el-card>
 
         <!-- 点击编辑弹出权限框 -->
         <el-dialog title="编辑权限" :visible.sync="dialogVisible" width="30%" :close-on-click-modal="false">
@@ -49,16 +31,27 @@
                 <el-button type="primary" @click="getCheckedKeys()">确 定</el-button>
             </span>
         </el-dialog>
+
+        <el-dialog title="新增角色" :visible.sync="dialogVisible2" width="30%" :close-on-click-modal="false">
+            <div>
+                <el-form label-width="80px">
+                    <el-form-item label="角色名称">
+                        <el-input v-model="newrole"></el-input>
+                    </el-form-item>
+                    <div class="from-btn">
+                        <el-button @click="dialogVisible2 = false">取消</el-button>
+                        <el-button type="primary" @click="onSubmit">确认</el-button>
+                    </div>
+                </el-form>
+            </div>
+        </el-dialog>
+        
     </div>
 </template>
 
 <script>
-import {
-    roleList,
-    roleAdd,
-    jurisdiction,
-    jurisdictionEdit,
-} from "../../api/role.js";
+import { roleList, roleAdd, jurisdiction, jurisdictionEdit } from "@/api/role.js"
+
 export default {
     data() {
         return {
@@ -158,5 +151,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+    .opaBox{
+        margin-bottom: 15px;
+    }
 </style>
diff --git a/resources/frontend/src/views/users/users.vue b/resources/frontend/src/views/users/users.vue
index 88b7d2c..73c1ad8 100644
--- a/resources/frontend/src/views/users/users.vue
+++ b/resources/frontend/src/views/users/users.vue
@@ -1,118 +1,101 @@
 <template>
-    <div class="conent">
+    <div class="pageBox">
+        <el-card>
+            <div class="opaBox">
+                <el-button type="primary" icon="el-icon-plus" @click="dialogVisible = true">新增</el-button>
+            </div>
 
-        <!-- 点击新增弹出表单 -->
-        <div class="from">
-            <el-dialog title="新增用户" :visible.sync="dialogVisible" width="30%" :close-on-click-modal="false">
-                <div>
-                    <el-form label-width="80px">
-                        <el-form-item label="姓名">
-                            <el-input v-model="from.name"></el-input>
-                        </el-form-item>
-                        <el-form-item label="密码">
-                            <el-input v-model="from.password"></el-input>
-                        </el-form-item>
-                        <el-form-item label="确认密码">
-                            <el-input v-model="from.password_confirmation"></el-input>
-                        </el-form-item>
-                        <el-form-item label="角色">
-                            <template>
-                                <el-select v-model="value" placeholder="请选择">
-                                    <el-option v-for="item in roleOptions" :key="item.value" :label="item.name"
-                                        :value="item.name">
-                                    </el-option>
-                                </el-select>
-                            </template>
-                        </el-form-item>
-                        <div class="from-btn">
-                            <el-button type="danger" @click="dialogVisible = false">取消</el-button>
-                            <el-button @click="onSubmit">确认</el-button>
-                        </div>
-                    </el-form>
-                </div>
-            </el-dialog>
-        </div>
+            <el-table v-loading="loading" :data="tableList" style="width: 100%" border>
+                <el-table-column prop="id" label="ID"></el-table-column>
+                <el-table-column prop="name" label="姓名"></el-table-column>
+                <el-table-column label="角色">
+                    <template slot-scope="scope">{{ scope.row.roles[0].name }}</template>
+                </el-table-column>
+                <el-table-column label="操作">
+                    <template slot-scope="scope">
+                        <el-button type="primary" @click="openEdit(scope.row)" icon="el-icon-edit">编辑</el-button>
+                        <!-- <el-button type="danger">删除</el-button> -->
+                    </template>
+                </el-table-column>
+            </el-table>
 
-        <!-- 点击编辑弹出表单信息 -->
-        <div class="edit_from">
-            <el-dialog title="编辑" :visible.sync="editVisible" width="30%" :close-on-click-modal="false">
-                <div>
-                    <el-form label-width="80px">
-                        <el-form-item label="ID">
-                            <el-input v-model="edit_from.id"></el-input>
-                        </el-form-item>
-                        <el-form-item label="姓名">
-                            <el-input v-model="edit_from.name"></el-input>
-                        </el-form-item>
-                        <el-form-item label="邮箱">
-                            <el-input v-model="edit_from.email"></el-input>
-                        </el-form-item>
-                        <el-form-item label="角色">
-                            <template>
-                                <el-select v-model="edit_from.role_name" placeholder="请选择">
-                                    <el-option v-for="item in roleOptions" :key="item.value" :label="item.name"
-                                        :value="item.name">
-                                    </el-option>
-                                </el-select>
-                            </template>
-                        </el-form-item>
-                        <el-form-item label="密码">
-                            <el-input v-model="edit_from.password"></el-input>
-                        </el-form-item>
-                        <el-form-item label="密码确认">
-                            <el-input v-model="edit_from.password_confirmation"></el-input>
-                        </el-form-item>
-                        <div class="from-btn">
-                            <el-button type="danger" @click="editVisible = false">取消</el-button>
-                            <el-button @click="onEdit()">确认</el-button>
-                        </div>
-                    </el-form>
-                </div>
-            </el-dialog>
-        </div>
-
-        <!-- 新增按钮 -->
-        <el-button type="primary" @click="dialogVisible = true">新增</el-button>
-
-        <!-- 用户列表 -->
-        <div class="table" style="margin-top: 10px">
-            <template>
-                <el-table v-loading="loading" :data="tableList" style="width: 100%">
-                    <el-table-column prop="id" label="ID"></el-table-column>
-                    <el-table-column prop="name" label="姓名"></el-table-column>
-                    <el-table-column label="角色">
-                        <template slot-scope="scope">{{
-                                scope.row.roles[0].name
-                        }}</template>
-                    </el-table-column>
-                    <el-table-column label="操作">
-                        <template slot-scope="scope">
-                            <el-button @click="openEdit(scope.row)">编辑</el-button>
-                            <!-- <el-button type="danger">删除</el-button> -->
-                        </template>
-                    </el-table-column>
-                </el-table>
-            </template>
-        </div>
+            <div class="page-pagination">
+                <el-pagination 
+                    @size-change="handleSizeChange" 
+                    @current-change="handleCurrentChange"
+                    :current-page="current_page" 
+                    :page-sizes="[15, 50, 100]" 
+                    :page-size="per_page"
+                    layout="total, sizes, prev, pager, next, jumper" 
+                    :total="Paginationdata.total">
+                </el-pagination>
+            </div>
+        </el-card>
 
+        <el-dialog title="编辑" :visible.sync="editVisible" width="500px" :close-on-click-modal="false">
+            <el-form label-width="80px">
+                <el-form-item label="ID">
+                    <el-input v-model="edit_from.id"></el-input>
+                </el-form-item>
+                <el-form-item label="姓名">
+                    <el-input v-model="edit_from.name"></el-input>
+                </el-form-item>
+                <el-form-item label="邮箱">
+                    <el-input v-model="edit_from.email"></el-input>
+                </el-form-item>
+                <el-form-item label="角色">
+                    <el-select v-model="edit_from.role_name" placeholder="请选择">
+                        <el-option v-for="item in roleOptions" :key="item.value" :label="item.name" :value="item.name">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="密码">
+                    <el-input v-model="edit_from.password"></el-input>
+                </el-form-item>
+                <el-form-item label="密码确认">
+                    <el-input v-model="edit_from.password_confirmation"></el-input>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="editVisible = false">取消</el-button>
+                <el-button type="primary" @click="onEdit()">确认</el-button>
+            </span>
+        </el-dialog>
         <!-- 分页功能 -->
-        <div class="block">
-            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
-                :current-page="current_page" :page-sizes="[15, 50, 100]" :page-size="per_page"
-                layout="total, sizes, prev, pager, next, jumper" :total="Paginationdata.total">
-            </el-pagination>
-        </div>
+        
+
+        <el-dialog title="新增用户" :visible.sync="dialogVisible" width="500px" :close-on-click-modal="false">
+            <el-form label-width="80px">
+                <el-form-item label="姓名">
+                    <el-input v-model="from.name"></el-input>
+                </el-form-item>
+                <el-form-item label="密码">
+                    <el-input v-model="from.password"></el-input>
+                </el-form-item>
+                <el-form-item label="确认密码">
+                    <el-input v-model="from.password_confirmation"></el-input>
+                </el-form-item>
+                <el-form-item label="角色">
+                    <template>
+                        <el-select v-model="from.role_name" placeholder="请选择">
+                            <el-option v-for="item in roleOptions" :key="item.value" :label="item.name"
+                                :value="item.name">
+                            </el-option>
+                        </el-select>
+                    </template>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" @click="onSubmit()">确认</el-button>
+            </span>
+        </el-dialog>
     </div>
 </template>
 
 <script>
-import {
-    userList,
-    userAdd,
-    userEdit,
-    userConfirm,
-    roleList,
-} from "../../api/user";
+import { userList, userAdd, userEdit, userConfirm, roleList } from "@/api/user"
+
 export default {
     data() {
         return {
@@ -143,7 +126,6 @@ export default {
             current_page: 1, //当前页
             per_page: 15, //每页显示数量
             roleOptions: [], //角色下拉框
-            value: "", //角色下拉框选择
         };
     },
 
@@ -174,7 +156,6 @@ export default {
 
         //点击新增确认
         onSubmit() {
-            this.from.role_name = this.value;
             let from = this.from;
             userAdd(from).then((res) => {
                 this.tableList = [...this.tableList, res.data.data];
@@ -190,13 +171,14 @@ export default {
 
         //点击编辑
         openEdit(e) {
-            this.editVisible = true;
-            let id = e.id;
-            this.id = e.id;
+            let id = e.id
+            this.id = e.id
             // 请求id对应数据
             userEdit(id).then((res) => {
-                this.edit_from = res.data.data;
-            });
+                this.edit_from = res.data.data
+                this.edit_from.role_name = res.data.data.roles ? res.data.data.roles[0].name : ''
+                this.editVisible = true
+            })
         },
 
         //编辑完确认请求
@@ -229,7 +211,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.block {
-    margin-top: 20px;
+.opaBox{
+    margin-bottom: 15px;
 }
 </style>