From d65fa8cf4312768d9e289b2fd926e7697c77ee4a Mon Sep 17 00:00:00 2001
From: heshengjie3333 <heshengjie0506@163.com>
Date: Wed, 22 Jun 2022 20:29:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E6=9C=AC=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../page/systemManage/MenuManage.vue          | 128 ++++++++++++------
 1 file changed, 90 insertions(+), 38 deletions(-)

diff --git a/src/components/page/systemManage/MenuManage.vue b/src/components/page/systemManage/MenuManage.vue
index aeae545..8723b4a 100644
--- a/src/components/page/systemManage/MenuManage.vue
+++ b/src/components/page/systemManage/MenuManage.vue
@@ -39,35 +39,53 @@
             <div class="table11">
                 <el-button  color="#0000ff" bg="bule" @click="drawer = true">新增菜单</el-button>   <!--和下边的input 组成右边的抽屉-->
                 <div></div>
-                <div>
-                    <el-icon 
-                    
-                    size="32px"><Refresh /></el-icon>
+                <el-button  @click="gettabledata" >
+                    <el-icon size="32px"><Refresh  /></el-icon>
+                </el-button>
+                <el-button >
                     <el-icon size="32px"><Expand /></el-icon>
+                </el-button>
+                <el-button>    
                     <el-icon size="32px"><Setting /></el-icon>
-                </div>
+                </el-button>
 
             </div>
         </div>
         <div class="table2">
             <el-table 
-                :data = "tableData"
-                style="width:100%;margin-bottom:20px"
+                :data = "materialsdata"
+                style=" width: 100%; height:600px;margin-bottom:20px;overflow-y: auto;"
                 row-key="id"
             >
-                <el-table-column prop="CreatedAt"       label="商品名称"   width="130" />
-                <el-table-column prop="product"         label="详情网址"   width="120" />
-                <el-table-column prop="productAddress"  label="详细地址"   width="120" />
-                <el-table-column prop="purchaseNotes"   label="起送要求"   width="120" />
-                <el-table-column prop="driveAddress"    label="配送地址"   width="120" />
-                <el-table-column prop="peo"             label="联系人"     width="120" />
-                <el-table-column prop="tel"             label="电话"       width="120" />
-                <el-table-column prop="inforesourse"    label="信息来源"   width="120" />
-                <el-table-column prop="publishingCo"    label="企业发布"   width="120" />
-                <el-table-column prop="price"           label="物资价格"   width="120" />
-                <el-table-column prop="typeId"          label="类别id"     width="120" />
-                <el-table-column prop="driveAddressId"  label="配送地址id" width="120" />
-                <el-table-column prop="addressId"       label="地址id"     width="120" />
+                <el-table-column prop="ID"                    label="商品ID"     width="70" />
+                <el-table-column prop="CreatedAt"             label="上架时间"   width="100" />
+                <el-table-column prop="UpdatedAt"             label="跟新时间"   width="100" />
+                <el-table-column prop="name"                  label="商品名称"   width="80" />
+                <el-table-column prop="product"               label="详情网址"   width="100" />
+                <el-table-column prop="productAddress"        label="商品地址"   width="100" />
+                <el-table-column prop="purchaseNotes"         label="起送要求"   width="80" />
+                <el-table-column prop="peo"                   label="联系人"     width="100" />
+                <el-table-column prop="tel"                   label="电话"       width="100" />
+                <el-table-column prop="publishingCo"          label="企业发布"   width="90" />
+                <el-table-column prop="inforesourse"          label="信息来源"   width="100" />
+                <el-table-column prop="addressId"             label="地址ID"     width="80" />
+                <el-table-column prop="price"                 label="价格"       width="50" />
+                <el-table-column prop="typeId"                label="类别ID"     width="80" />
+                <el-table-column prop="driveAddressId"        label="配送地址ID" width="100" />
+                <el-table-column prop="audit"                 label="商品数量"   width="80" />
+                <el-table-column label="操作">
+                  <template #default="scope">
+                    <el-button size="small" @click="handleEdit(scope.$index, scope.row)"
+                      >Edit</el-button
+                    >
+                    <el-button
+                      size="small"
+                      type="danger"
+                      @click="handleDelete(scope.$index, scope.row)"
+                      >Delete</el-button
+                    >
+                  </template>
+                </el-table-column>
             </el-table>
         </div>
 
@@ -249,7 +267,7 @@
               </div>
             </div>
             <div class="anniu">
-              <el-button @click="drawer = false ">取消</el-button>
+              <el-button @click="drawer = false;data = {}">取消</el-button>
               <el-button @click="tijiao">确认</el-button>
             </div>
           </div>
@@ -261,17 +279,23 @@
 </template>
 
 <script lang="js">
-import { reactive, ref ,onBeforeMount,onMounted,defineComponent} from 'vue'
+import { reactive, ref ,onBeforeMount,defineComponent} from 'vue'
 import req from '../../../request'
 
 export default defineComponent({
     setup() {
+
         const state = ref('')
-        const data = reactive({})
+        const input = ref('')
+        let data = ref({})
         const category = ref('')
-        const drawer = ref( false )
+        let drawer = ref( false )
+        let materialsdata = ref([])
+        let materialsdatas = reactive({})
+        let tableData = ref([])
+        
 
-        let tableData= ref([ ])
+        
         const options =[
               {
                   value:'onsale',
@@ -289,39 +313,61 @@ export default defineComponent({
           },{
             value:'material',
             label:'物资',
-            
           }
         ])
+
         async function gettabledata(){
+          materialsdata.value = []
           let res = await req('/api/user/materialLst','post')
-          // return res.materialLst
-          // console.log(res)
+          // console.log(res);
           tableData.value = res.data.data.data
-          // console.log(tableData.value,'11111111');
+          tableData.value.forEach(item=>{
+            materialsdata.value.push(item.materials)
+          })
+          console.log(materialsdata.value);
         }
 
         async function tijiao(){
           let sj = await req('/api/admin/materialAdd','put',data)
-          console.log(sj);
+          console.log(sj)
+          drawer.value = false
+          data.value = {}
         }
-        onBeforeMount(() => {
-          console.log('asd');
+
+
+        async function handleDelete(index, rowdata){
+          console.log(rowdata.ID,"123");
+          let deletedata = await req('/api/admin/materialDelete','delete',{id:rowdata.ID})
+          console.log(deletedata);
           gettabledata()
-        })
-        onMounted(() => {
-          console.log('asd');
+        }
+
+        async function handleEdit(index, rowdata){
+          drawer.value = true
+          data.value = rowdata
+          let editdata = await req('/api/admin/materialUpdate','post',data)
+          console.log(editdata);
+        }
+        onBeforeMount(() => {
           gettabledata()
         })
 
+
         return {
+            input,
             data,
             state,
             drawer,
             category,
             options,
-            tableData,
             selectcategory,
-            tijiao 
+            tijiao,
+            materialsdata,
+            gettabledata,
+            materialsdatas,
+            handleDelete,
+            handleEdit
+
         }        
     }
 })
@@ -333,6 +379,9 @@ export default defineComponent({
   background-color:#fff ;
   width: 95%;
 }
+
+
+
 .find {
   box-sizing: border-box;
   margin: 50px;
@@ -373,9 +422,12 @@ export default defineComponent({
   background-color: #fff;
 }
 .table1{
-    display: flex;
+    /* display: flex; */
     height: 32px;
 }
+.table1 span{
+  width: 50px;
+}
 .table11{
     margin-left:81% ;
     display: flex;
-- 
Gitee