diff --git a/src/views/business/report.vue b/src/views/business/report.vue
index d833399..7045eaf 100644
--- a/src/views/business/report.vue
+++ b/src/views/business/report.vue
@@ -221,7 +221,7 @@
         <div style="margin-left: 2px;">
           <el-table ref="tb" :data="addInfo.productList" border class="el-tab" style="width: 100%;">
             <el-table-column type="index" label="序号" width="50px" />
-            <el-table-column prop="brandName" label="产品品牌" width="250px">
+            <el-table-column prop="brandName" label="产品品牌" width="240px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.brandName }}</span>
                 <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.brandName" placeholder="请输入产品品牌">
@@ -236,7 +236,7 @@
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="categoryIds" label="产品品类" width="250px">
+            <el-table-column prop="categoryIds" label="产品品类" width="240px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.categoryIds }}</span>
                 <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.categoryIds" placeholder="请输入产品品类">
@@ -257,7 +257,7 @@
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="productCode" label="产品型号" width="250px">
+            <el-table-column prop="productCode" label="产品型号" width="240px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.productCode }}</span>
                 <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productCode" placeholder="请输入产品型号">
@@ -277,26 +277,28 @@
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="productQuantity" label="产品数量" width="250px">
+            <el-table-column prop="productQuantity" label="产品数量" width="200px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.productQuantity }}</span>
                 <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productQuantity" placeholder="请输入产品数量" />
               </template>
             </el-table-column>
-            <el-table-column prop="productPrice" label="产品单价" width="250px">
+            <el-table-column prop="productPrice" label="产品单价" width="200px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.productPrice }}</span>
                 <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productPrice" placeholder="请输入产品单价" />
               </template>
             </el-table-column>
-            <el-table-column header-align="center" align="center" width="100" label="操作">
+            <el-table-column header-align="center" align="center" width="200" label="操作">
               <template slot-scope="{row,$index}">
-                <el-button v-if="!showEdit[$index]" type="text" size="small" @click="showUpdate($index, row)">
+                <el-button v-if="!showEdit[$index]"  size="small" @click="showUpdate($index, row)">
                   编辑
                 </el-button>
+                <el-button v-if="!showEdit[$index]"  size="small" @click="showDelete($index, row)">
+                  删除
+                </el-button>
                 <el-button
                   v-if="showEdit[$index]"
-                  type="text"
                   size="small"
                   style="color: #85ce61;"
                   @click="submit($index, row)"
@@ -304,14 +306,21 @@
                   确定
                 </el-button>
                 <el-button
-                  v-if="showEdit[$index]"
-                  type="text"
+                  v-if="showEdit[$index] && isFirst[$index] >1"
                   size="small"
                   style="color: red;"
                   @click="cancelUpdate($index)"
                 >
                   取消
                 </el-button>
+                <el-button
+                  v-if="showEdit[$index] && isFirst[$index] === 1"
+                  size="small"
+                  style="color: red;"
+                  @click="showDelete($index)"
+                >
+                  删除
+                </el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -356,7 +365,8 @@
       brandList: [],
       categoryList: [],
       checkedDetail: [],
-      showEdit: [],
+      showEdit: [], // 用来判断是否处于编辑状态
+      isFirst:[], // 用来判断是否初次添加
       options: [
         { value: '0', label: '推进' },
         { value: '1', label: '成交' },
@@ -475,11 +485,8 @@
       obj.productQuantity = ''
       obj.productPrice = ''
       this.addInfo.productList.push(obj)
-    },
-    showUpdate(index, row) {
-      console.log(index, row)
-      this.showEdit[index] = true
-      this.$set(this.showEdit, index, true) // 这里要用$set方法，否则页面状态不更新
+      this.showEdit[this.addInfo.productList.length-1] = true
+      this.isFirst[this.addInfo.productList.length - 1] = 1
       C_list().then(res => {
         console.log(res, '品类')
         this.categoryList = res.data
@@ -489,6 +496,32 @@
         this.brandList = res
       })
     },
+    showUpdate(index, row) {
+      this.showEdit[index] = true
+      this.$set(this.showEdit, index, true) // 这里要用$set方法，否则页面状态不更新
+      this.brandName = row.brandName
+      this.categoryIds = row.categoryIds
+      this.addInfo.productList.productCode = row.productCode
+      this.addInfo.productList.productQuantity = row.productQuantity
+      this.addInfo.productList.productPrice = row.productPrice
+    },
+    showDelete(index, row){
+      this.$confirm('确认删除？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.addInfo.productList = this.addInfo.productList.filter((item,Index) => index!==Index)
+          this.showEdit = this.showEdit.filter((item,Index) => index!==Index)
+          this.isFirst = this.isFirst.filter((item,Index) => index!==Index)
+          this.$message({
+            message: '已删除',
+            type: 'success'
+          })
+        })
+        .catch(() => { })
+    },
     categoryIdChange(e) {
       const index = this.categoryList.findIndex(item => {
         return item.categoryName == e
@@ -513,28 +546,39 @@
         .catch(() => { })
     },
     submit(index, row) {
-      console.log(row)
       // 发送请求，隐藏输入框
-      row.productCode = this.addInfo.productList.productCode
-      row.brandName = this.brandName
-      console.log(this.categoryIds)
-      row.categoryIds = this.categoryIds
-      row.productQuantity = this.addInfo.productList.productQuantity
-      row.productPrice = this.addInfo.productList.productPrice
-      this.$message({
-        type: 'success',
-        message: '已缓存，记得点击保存提交修改喔！',
-        duration: 888,
-        onClose: () => {
-          this.$set(this.showEdit, index, false) // vue添加属性的方法
-        }
-      })
-      row.productCode = this.addInfo.productList.productCode
-      row.brandName = this.brandName
-      console.log(this.categoryIds)
-      row.categoryIds = this.categoryIds
-      row.productQuantity = this.addInfo.productList.productQuantity
-      row.productPrice = this.addInfo.productList.productPrice
+      const { productCode, brandName, categoryIds, addInfo: { productList: { productQuantity, productPrice } } } = this
+      if (categoryIds&& brandName  && productQuantity && productPrice) {
+        row.productCode = this.addInfo.productList.productCode
+        row.brandName = this.brandName
+        row.categoryIds = this.categoryIds
+        row.productQuantity = this.addInfo.productList.productQuantity
+        row.productPrice = this.addInfo.productList.productPrice
+        this.$message({
+          type: 'success',
+          message: '已缓存，记得点击保存提交修改喔！',
+          duration: 888,
+          onClose: () => {
+            this.$set(this.showEdit, index, false) // vue添加属性的方法
+          }
+        })
+        row.productCode = this.addInfo.productList.productCode
+        row.brandName = this.brandName
+        row.categoryIds = this.categoryIds
+        row.productQuantity = this.addInfo.productList.productQuantity
+        row.productPrice = this.addInfo.productList.productPrice
+        this.$set(this.isFirst, index, 2)
+        this.brandName = ''
+        this.categoryIds = ''
+        this.addInfo.productList.productCode = ''
+        this.addInfo.productList.productQuantity = ''
+        this.addInfo.productList.productPrice = ''
+      } else{
+        this.$message({
+              message: "请先完整选择或填写信息",
+              type: "error",
+            });
+      }
     },
     setData() {
       this.addInfo = {
@@ -613,7 +657,7 @@
       margin: 10px 20px;
 
       .table-btn {
-        margin-left: 20px;
+        margin-left: 40px;
       }
     }
   }

diff --git a/src/views/business/report.vue b/src/views/business/report.vue
index d833399..7045eaf 100644
--- a/src/views/business/report.vue
+++ b/src/views/business/report.vue
@@ -221,7 +221,7 @@
         <div style="margin-left: 2px;">
           <el-table ref="tb" :data="addInfo.productList" border class="el-tab" style="width: 100%;">
             <el-table-column type="index" label="序号" width="50px" />
-            <el-table-column prop="brandName" label="产品品牌" width="250px">
+            <el-table-column prop="brandName" label="产品品牌" width="240px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.brandName }}</span>
                 <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.brandName" placeholder="请输入产品品牌">
@@ -236,7 +236,7 @@
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="categoryIds" label="产品品类" width="250px">
+            <el-table-column prop="categoryIds" label="产品品类" width="240px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.categoryIds }}</span>
                 <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.categoryIds" placeholder="请输入产品品类">
@@ -257,7 +257,7 @@
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="productCode" label="产品型号" width="250px">
+            <el-table-column prop="productCode" label="产品型号" width="240px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.productCode }}</span>
                 <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productCode" placeholder="请输入产品型号">
@@ -277,26 +277,28 @@
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="productQuantity" label="产品数量" width="250px">
+            <el-table-column prop="productQuantity" label="产品数量" width="200px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.productQuantity }}</span>
                 <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productQuantity" placeholder="请输入产品数量" />
               </template>
             </el-table-column>
-            <el-table-column prop="productPrice" label="产品单价" width="250px">
+            <el-table-column prop="productPrice" label="产品单价" width="200px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.productPrice }}</span>
                 <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productPrice" placeholder="请输入产品单价" />
               </template>
             </el-table-column>
-            <el-table-column header-align="center" align="center" width="100" label="操作">
+            <el-table-column header-align="center" align="center" width="200" label="操作">
               <template slot-scope="{row,$index}">
-                <el-button v-if="!showEdit[$index]" type="text" size="small" @click="showUpdate($index, row)">
+                <el-button v-if="!showEdit[$index]"  size="small" @click="showUpdate($index, row)">
                   编辑
                 </el-button>
+                <el-button v-if="!showEdit[$index]"  size="small" @click="showDelete($index, row)">
+                  删除
+                </el-button>
                 <el-button
                   v-if="showEdit[$index]"
-                  type="text"
                   size="small"
                   style="color: #85ce61;"
                   @click="submit($index, row)"
@@ -304,14 +306,21 @@
                   确定
                 </el-button>
                 <el-button
-                  v-if="showEdit[$index]"
-                  type="text"
+                  v-if="showEdit[$index] && isFirst[$index] >1"
                   size="small"
                   style="color: red;"
                   @click="cancelUpdate($index)"
                 >
                   取消
                 </el-button>
+                <el-button
+                  v-if="showEdit[$index] && isFirst[$index] === 1"
+                  size="small"
+                  style="color: red;"
+                  @click="showDelete($index)"
+                >
+                  删除
+                </el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -356,7 +365,8 @@
       brandList: [],
       categoryList: [],
       checkedDetail: [],
-      showEdit: [],
+      showEdit: [], // 用来判断是否处于编辑状态
+      isFirst:[], // 用来判断是否初次添加
       options: [
         { value: '0', label: '推进' },
         { value: '1', label: '成交' },
@@ -475,11 +485,8 @@
       obj.productQuantity = ''
       obj.productPrice = ''
       this.addInfo.productList.push(obj)
-    },
-    showUpdate(index, row) {
-      console.log(index, row)
-      this.showEdit[index] = true
-      this.$set(this.showEdit, index, true) // 这里要用$set方法，否则页面状态不更新
+      this.showEdit[this.addInfo.productList.length-1] = true
+      this.isFirst[this.addInfo.productList.length - 1] = 1
       C_list().then(res => {
         console.log(res, '品类')
         this.categoryList = res.data
@@ -489,6 +496,32 @@
         this.brandList = res
       })
     },
+    showUpdate(index, row) {
+      this.showEdit[index] = true
+      this.$set(this.showEdit, index, true) // 这里要用$set方法，否则页面状态不更新
+      this.brandName = row.brandName
+      this.categoryIds = row.categoryIds
+      this.addInfo.productList.productCode = row.productCode
+      this.addInfo.productList.productQuantity = row.productQuantity
+      this.addInfo.productList.productPrice = row.productPrice
+    },
+    showDelete(index, row){
+      this.$confirm('确认删除？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.addInfo.productList = this.addInfo.productList.filter((item,Index) => index!==Index)
+          this.showEdit = this.showEdit.filter((item,Index) => index!==Index)
+          this.isFirst = this.isFirst.filter((item,Index) => index!==Index)
+          this.$message({
+            message: '已删除',
+            type: 'success'
+          })
+        })
+        .catch(() => { })
+    },
     categoryIdChange(e) {
       const index = this.categoryList.findIndex(item => {
         return item.categoryName == e
@@ -513,28 +546,39 @@
         .catch(() => { })
     },
     submit(index, row) {
-      console.log(row)
       // 发送请求，隐藏输入框
-      row.productCode = this.addInfo.productList.productCode
-      row.brandName = this.brandName
-      console.log(this.categoryIds)
-      row.categoryIds = this.categoryIds
-      row.productQuantity = this.addInfo.productList.productQuantity
-      row.productPrice = this.addInfo.productList.productPrice
-      this.$message({
-        type: 'success',
-        message: '已缓存，记得点击保存提交修改喔！',
-        duration: 888,
-        onClose: () => {
-          this.$set(this.showEdit, index, false) // vue添加属性的方法
-        }
-      })
-      row.productCode = this.addInfo.productList.productCode
-      row.brandName = this.brandName
-      console.log(this.categoryIds)
-      row.categoryIds = this.categoryIds
-      row.productQuantity = this.addInfo.productList.productQuantity
-      row.productPrice = this.addInfo.productList.productPrice
+      const { productCode, brandName, categoryIds, addInfo: { productList: { productQuantity, productPrice } } } = this
+      if (categoryIds&& brandName  && productQuantity && productPrice) {
+        row.productCode = this.addInfo.productList.productCode
+        row.brandName = this.brandName
+        row.categoryIds = this.categoryIds
+        row.productQuantity = this.addInfo.productList.productQuantity
+        row.productPrice = this.addInfo.productList.productPrice
+        this.$message({
+          type: 'success',
+          message: '已缓存，记得点击保存提交修改喔！',
+          duration: 888,
+          onClose: () => {
+            this.$set(this.showEdit, index, false) // vue添加属性的方法
+          }
+        })
+        row.productCode = this.addInfo.productList.productCode
+        row.brandName = this.brandName
+        row.categoryIds = this.categoryIds
+        row.productQuantity = this.addInfo.productList.productQuantity
+        row.productPrice = this.addInfo.productList.productPrice
+        this.$set(this.isFirst, index, 2)
+        this.brandName = ''
+        this.categoryIds = ''
+        this.addInfo.productList.productCode = ''
+        this.addInfo.productList.productQuantity = ''
+        this.addInfo.productList.productPrice = ''
+      } else{
+        this.$message({
+              message: "请先完整选择或填写信息",
+              type: "error",
+            });
+      }
     },
     setData() {
       this.addInfo = {
@@ -613,7 +657,7 @@
       margin: 10px 20px;
 
       .table-btn {
-        margin-left: 20px;
+        margin-left: 40px;
       }
     }
   }
diff --git a/src/views/dashboard/components/managementList.vue b/src/views/dashboard/components/managementList.vue
index f7654e9..9248d81 100644
--- a/src/views/dashboard/components/managementList.vue
+++ b/src/views/dashboard/components/managementList.vue
@@ -19,6 +19,16 @@
   components: {
     SvgIcon,
   },
+  props:{
+    width:{
+      type:String,
+      default:'520px'
+    },
+    height:{
+      type:String,
+      default:'260px'
+    }
+  },
   data() {
     return {
       management: [],

diff --git a/src/views/business/report.vue b/src/views/business/report.vue
index d833399..7045eaf 100644
--- a/src/views/business/report.vue
+++ b/src/views/business/report.vue
@@ -221,7 +221,7 @@
         <div style="margin-left: 2px;">
           <el-table ref="tb" :data="addInfo.productList" border class="el-tab" style="width: 100%;">
             <el-table-column type="index" label="序号" width="50px" />
-            <el-table-column prop="brandName" label="产品品牌" width="250px">
+            <el-table-column prop="brandName" label="产品品牌" width="240px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.brandName }}</span>
                 <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.brandName" placeholder="请输入产品品牌">
@@ -236,7 +236,7 @@
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="categoryIds" label="产品品类" width="250px">
+            <el-table-column prop="categoryIds" label="产品品类" width="240px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.categoryIds }}</span>
                 <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.categoryIds" placeholder="请输入产品品类">
@@ -257,7 +257,7 @@
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="productCode" label="产品型号" width="250px">
+            <el-table-column prop="productCode" label="产品型号" width="240px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.productCode }}</span>
                 <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productCode" placeholder="请输入产品型号">
@@ -277,26 +277,28 @@
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="productQuantity" label="产品数量" width="250px">
+            <el-table-column prop="productQuantity" label="产品数量" width="200px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.productQuantity }}</span>
                 <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productQuantity" placeholder="请输入产品数量" />
               </template>
             </el-table-column>
-            <el-table-column prop="productPrice" label="产品单价" width="250px">
+            <el-table-column prop="productPrice" label="产品单价" width="200px">
               <template slot-scope="{row,$index}">
                 <span v-if="!showEdit[$index]">{{ row.productPrice }}</span>
                 <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productPrice" placeholder="请输入产品单价" />
               </template>
             </el-table-column>
-            <el-table-column header-align="center" align="center" width="100" label="操作">
+            <el-table-column header-align="center" align="center" width="200" label="操作">
               <template slot-scope="{row,$index}">
-                <el-button v-if="!showEdit[$index]" type="text" size="small" @click="showUpdate($index, row)">
+                <el-button v-if="!showEdit[$index]"  size="small" @click="showUpdate($index, row)">
                   编辑
                 </el-button>
+                <el-button v-if="!showEdit[$index]"  size="small" @click="showDelete($index, row)">
+                  删除
+                </el-button>
                 <el-button
                   v-if="showEdit[$index]"
-                  type="text"
                   size="small"
                   style="color: #85ce61;"
                   @click="submit($index, row)"
@@ -304,14 +306,21 @@
                   确定
                 </el-button>
                 <el-button
-                  v-if="showEdit[$index]"
-                  type="text"
+                  v-if="showEdit[$index] && isFirst[$index] >1"
                   size="small"
                   style="color: red;"
                   @click="cancelUpdate($index)"
                 >
                   取消
                 </el-button>
+                <el-button
+                  v-if="showEdit[$index] && isFirst[$index] === 1"
+                  size="small"
+                  style="color: red;"
+                  @click="showDelete($index)"
+                >
+                  删除
+                </el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -356,7 +365,8 @@
       brandList: [],
       categoryList: [],
       checkedDetail: [],
-      showEdit: [],
+      showEdit: [], // 用来判断是否处于编辑状态
+      isFirst:[], // 用来判断是否初次添加
       options: [
         { value: '0', label: '推进' },
         { value: '1', label: '成交' },
@@ -475,11 +485,8 @@
       obj.productQuantity = ''
       obj.productPrice = ''
       this.addInfo.productList.push(obj)
-    },
-    showUpdate(index, row) {
-      console.log(index, row)
-      this.showEdit[index] = true
-      this.$set(this.showEdit, index, true) // 这里要用$set方法，否则页面状态不更新
+      this.showEdit[this.addInfo.productList.length-1] = true
+      this.isFirst[this.addInfo.productList.length - 1] = 1
       C_list().then(res => {
         console.log(res, '品类')
         this.categoryList = res.data
@@ -489,6 +496,32 @@
         this.brandList = res
       })
     },
+    showUpdate(index, row) {
+      this.showEdit[index] = true
+      this.$set(this.showEdit, index, true) // 这里要用$set方法，否则页面状态不更新
+      this.brandName = row.brandName
+      this.categoryIds = row.categoryIds
+      this.addInfo.productList.productCode = row.productCode
+      this.addInfo.productList.productQuantity = row.productQuantity
+      this.addInfo.productList.productPrice = row.productPrice
+    },
+    showDelete(index, row){
+      this.$confirm('确认删除？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.addInfo.productList = this.addInfo.productList.filter((item,Index) => index!==Index)
+          this.showEdit = this.showEdit.filter((item,Index) => index!==Index)
+          this.isFirst = this.isFirst.filter((item,Index) => index!==Index)
+          this.$message({
+            message: '已删除',
+            type: 'success'
+          })
+        })
+        .catch(() => { })
+    },
     categoryIdChange(e) {
       const index = this.categoryList.findIndex(item => {
         return item.categoryName == e
@@ -513,28 +546,39 @@
         .catch(() => { })
     },
     submit(index, row) {
-      console.log(row)
       // 发送请求，隐藏输入框
-      row.productCode = this.addInfo.productList.productCode
-      row.brandName = this.brandName
-      console.log(this.categoryIds)
-      row.categoryIds = this.categoryIds
-      row.productQuantity = this.addInfo.productList.productQuantity
-      row.productPrice = this.addInfo.productList.productPrice
-      this.$message({
-        type: 'success',
-        message: '已缓存，记得点击保存提交修改喔！',
-        duration: 888,
-        onClose: () => {
-          this.$set(this.showEdit, index, false) // vue添加属性的方法
-        }
-      })
-      row.productCode = this.addInfo.productList.productCode
-      row.brandName = this.brandName
-      console.log(this.categoryIds)
-      row.categoryIds = this.categoryIds
-      row.productQuantity = this.addInfo.productList.productQuantity
-      row.productPrice = this.addInfo.productList.productPrice
+      const { productCode, brandName, categoryIds, addInfo: { productList: { productQuantity, productPrice } } } = this
+      if (categoryIds&& brandName  && productQuantity && productPrice) {
+        row.productCode = this.addInfo.productList.productCode
+        row.brandName = this.brandName
+        row.categoryIds = this.categoryIds
+        row.productQuantity = this.addInfo.productList.productQuantity
+        row.productPrice = this.addInfo.productList.productPrice
+        this.$message({
+          type: 'success',
+          message: '已缓存，记得点击保存提交修改喔！',
+          duration: 888,
+          onClose: () => {
+            this.$set(this.showEdit, index, false) // vue添加属性的方法
+          }
+        })
+        row.productCode = this.addInfo.productList.productCode
+        row.brandName = this.brandName
+        row.categoryIds = this.categoryIds
+        row.productQuantity = this.addInfo.productList.productQuantity
+        row.productPrice = this.addInfo.productList.productPrice
+        this.$set(this.isFirst, index, 2)
+        this.brandName = ''
+        this.categoryIds = ''
+        this.addInfo.productList.productCode = ''
+        this.addInfo.productList.productQuantity = ''
+        this.addInfo.productList.productPrice = ''
+      } else{
+        this.$message({
+              message: "请先完整选择或填写信息",
+              type: "error",
+            });
+      }
     },
     setData() {
       this.addInfo = {
@@ -613,7 +657,7 @@
       margin: 10px 20px;
 
       .table-btn {
-        margin-left: 20px;
+        margin-left: 40px;
       }
     }
   }
diff --git a/src/views/dashboard/components/managementList.vue b/src/views/dashboard/components/managementList.vue
index f7654e9..9248d81 100644
--- a/src/views/dashboard/components/managementList.vue
+++ b/src/views/dashboard/components/managementList.vue
@@ -19,6 +19,16 @@
   components: {
     SvgIcon,
   },
+  props:{
+    width:{
+      type:String,
+      default:'520px'
+    },
+    height:{
+      type:String,
+      default:'260px'
+    }
+  },
   data() {
     return {
       management: [],
diff --git a/src/views/order/orderShop.vue b/src/views/order/orderShop.vue
index 36c7c50..6919a6a 100644
--- a/src/views/order/orderShop.vue
+++ b/src/views/order/orderShop.vue
@@ -6,48 +6,26 @@
       <div class="order-inputBox">
         <div class="input-item">
           <RedStar />
-          <inputVue
-            v-model="addInfo.userName"
-            title="下单人"
-            placeholder="请输入下单人姓名"
-            class="inputWidth"
-            width="380px"
-          />
+          <inputVue v-model="addInfo.userName" title="下单人" placeholder="请输入下单人姓名" class="inputWidth" width="380px" />
         </div>
         <div class="input-item">
           <RedStar />
-          <inputVue
-            v-model="addInfo.userPhone"
-            title="联系方式"
-            placeholder="请输入联系方式"
-            class="inputWidth"
-            width="380px"
-          />
+          <inputVue v-model="addInfo.userPhone" title="联系方式" placeholder="请输入联系方式" class="inputWidth" width="380px" />
         </div>
       </div>
       <div class="order-inputBox">
         <div class="input-item">
           <RedStar />
           <inputVue title="签订日期" class="inputWidth">
-            <el-date-picker
-              v-model="addInfo.signDate"
-              type="date"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              placeholder="选择日期"
-              style="width: 380px"
-            />
+            <el-date-picker v-model="addInfo.signDate" type="date" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期"
+              style="width: 380px" />
           </inputVue>
         </div>
         <div class="input-item">
           <RedStar />
           <inputVue title="交付日期" class="inputWidth">
-            <el-date-picker
-              v-model="addInfo.deliveryDate"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              type="date"
-              placeholder="选择日期"
-              style="width: 380px"
-            />
+            <el-date-picker v-model="addInfo.deliveryDate" value-format="yyyy-MM-dd HH:mm:ss" type="date"
+              placeholder="选择日期" style="width: 380px" />
           </inputVue>
         </div>
       </div>
@@ -55,92 +33,40 @@
         <div class="input-item">
           <RedStar />
           <inputVue title="交付地址" class="inputWidth">
-            <el-select
-              v-model="addInfo.deliveryProvince"
-              clearable
-              placeholder="省/市"
-              style="width: 150px; margin-left: 55px"
-              @change="provinceChange($event)"
-            >
-              <el-option
-                v-for="item in form.provinceList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+            <el-select v-model="addInfo.deliveryProvince" clearable placeholder="省/市"
+              style="width: 150px; margin-left: 55px" @change="provinceChange($event)">
+              <el-option v-for="item in form.provinceList" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </inputVue>
           <inputVue title="" class="inputWidth">
-            <el-select
-              v-model="addInfo.deliveryCity"
-              clearable
-              placeholder="市/区"
-              style="width: 150px"
-              @change="cityChange($event)"
-            >
-              <el-option
-                v-for="item in form.cityList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+            <el-select v-model="addInfo.deliveryCity" clearable placeholder="市/区" style="width: 150px"
+              @change="cityChange($event)">
+              <el-option v-for="item in form.cityList" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </inputVue>
           <inputVue title="" class="inputWidth">
-            <el-select
-              v-model="addInfo.deliveryArea"
-              clearable
-              placeholder="县/街道"
-              style="width: 150px"
-            >
-              <el-option
-                v-for="item in form.countyList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+            <el-select v-model="addInfo.deliveryArea" clearable placeholder="县/街道" style="width: 150px">
+              <el-option v-for="item in form.countyList" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </inputVue>
-          <inputVue
-            v-model="addInfo.deliveryAddress"
-            placeholder="请输入详细地址"
-            class="inputWidth"
-            width="440px"
-          />
+          <inputVue v-model="addInfo.deliveryAddress" placeholder="请输入详细地址" class="inputWidth" width="440px" />
         </div>
       </div>
       <div class="order-inputBox">
         <div class="input-item">
           <RedStar />
-          <inputVue
-            v-model="addInfo.receiver"
-            title="收货人"
-            placeholder="请输入收货人姓名"
-            class="inputWidth"
-            width="380px"
-          />
+          <inputVue v-model="addInfo.receiver" title="收货人" placeholder="请输入收货人姓名" class="inputWidth" width="380px" />
         </div>
         <div class="input-item">
           <RedStar />
-          <inputVue
-            v-model="addInfo.receiverPhone"
-            title="收货人联系方式"
-            placeholder="请输入联系方式"
-            class="inputWidth"
-            width="380px"
-          />
+          <inputVue v-model="addInfo.receiverPhone" title="收货人联系方式" placeholder="请输入联系方式" class="inputWidth"
+            width="380px" />
         </div>
       </div>
       <div class="order-inputBox">
         <div class="input-item">
           <inputVue title="备注" class="inputWidth">
-            <el-input
-              v-model="addInfo.remark"
-              type="textarea"
-              :rows="4"
-              placeholder="请输入备注"
-              style="width: 380px"
-            />
+            <el-input v-model="addInfo.remark" type="textarea" :rows="4" placeholder="请输入备注" style="width: 380px" />
           </inputVue>
         </div>
       </div>
@@ -150,11 +76,8 @@
         <div class="list-title">产品列表</div>
       </div>
       <div class="order-table">
-        <el-table
-          :data="addInfo.productList"
-          :header-cell-style="{ background: '#2483b3', color: 'white' }"
-          style="width: 100%"
-        >
+        <!-- <el-table :data="addInfo.productList" :header-cell-style="{ background: '#2483b3', color: 'white' }"
+          style="width: 100%" border>
           <el-table-column type="index" label="序号" width="171px" />
           <el-table-column prop="brandName" label="产品品牌" />
           <el-table-column prop="categoryIds" label="产品品类" />
@@ -174,42 +97,27 @@
           <el-table-column prop="brandName" label="产品品牌">
             <template slot-scope="scope">
               <el-select v-model="brandName" clearable placeholder="请选择">
-                <el-option
-                  v-for="item in list.brandList"
-                  :key="item.brandCode"
-                  :label="item.brandName"
-                  :value="item.brandName"
-                />
+                <el-option v-for="item in list.brandList" :key="item.brandCode" :label="item.brandName"
+                  :value="item.brandName" />
               </el-select>
             </template>
           </el-table-column>
           <el-table-column prop="categoryIds" label="产品品类">
             <template slot-scope="scope">
               <el-select v-model="categoryIds" clearable placeholder="请选择" @change="categoryIdChange">
-                <el-option
-                  v-for="item in list.categoryList"
-                  :key="item.id"
-                  :label="item.categoryName"
-                  :value="item.categoryName"
-                />
+                <el-option v-for="item in list.categoryList" :key="item.id" :label="item.categoryName"
+                  :value="item.categoryName" />
               </el-select>
             </template>
           </el-table-column>
           <el-table-column prop="productCode" label="产品型号">
             <el-select v-model="productCode" clearable placeholder="请选择">
-              <el-option
-                v-for="item in list.codeList"
-                :key="item.id"
-                :label="item.productCode"
-                :value="item.productCode"
-              />
+              <el-option v-for="item in list.codeList" :key="item.id" :label="item.productCode"
+                :value="item.productCode" />
             </el-select>
           </el-table-column>
           <el-table-column prop="productQuantity" label="产品数量">
-            <el-input
-              v-model="addInfo.productList.productQuantity"
-              placeholder="请输入内容"
-            />
+            <el-input v-model="addInfo.productList.productQuantity" placeholder="请输入内容" />
           </el-table-column>
           <el-table-column prop="productPrice" label="产品单价">
             <el-input v-model="productPrice1" placeholder="请输入内容" />
@@ -219,7 +127,7 @@
               <el-button @click="addTableDataClick"> 保存 </el-button>
             </template>
           </el-table-column>
-        </el-table>
+        </el-table> -->
         <!-- <div class="inputContainer">
           <div class="inputItem"> <input type="text" ></div>
           <div class="inputItem" > <input type="text" ></div>
@@ -227,7 +135,79 @@
           <div class="inputItem"> <input type="text" ></div>
           <div class="inputbtn"> <el-button>保存</el-button></div>
         </div> -->
+        <el-table ref="tb" :data="addInfo.productList" border class="el-tab" style="width: 100%;">
+          <el-table-column type="index" label="序号" width="50px" />
+          <el-table-column prop="brandName" label="产品品牌" width="240px">
+            <template slot-scope="{row,$index}">
+              <span v-if="!showEdit[$index]">{{ row.brandName }}</span>
+              <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.brandName" placeholder="请输入产品品牌">
+              </el-input> -->
+              <el-select v-if="showEdit[$index]" v-model="brandName" clearable placeholder="请输入产品品牌">
+                <el-option v-for="item in list.brandList" :key="item.brandCode" :label="item.brandName"
+                  :value="item.brandName" />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column prop="categoryIds" label="产品品类" width="240px">
+            <template slot-scope="{row,$index}">
+              <span v-if="!showEdit[$index]">{{ row.categoryIds }}</span>
+              <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.categoryIds" placeholder="请输入产品品类">
+              </el-input> -->
+              <el-select v-if="showEdit[$index]" v-model="categoryIds" clearable placeholder="请输入产品品类"
+                @change="categoryIdChange">
+                <el-option v-for="item in list.categoryList" :key="item.id" :label="item.categoryName"
+                  :value="item.categoryName" />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column prop="productCode" label="产品型号" width="240px">
+            <template slot-scope="{row,$index}">
+              <span v-if="!showEdit[$index]">{{ row.productCode }}</span>
+              <!-- <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productCode" placeholder="请输入产品型号">
+              </el-input> -->
+              <el-select v-if="showEdit[$index]" v-model="addInfo.productList.productCode" clearable
+                placeholder="请输入产品型号">
+                <el-option v-for="item in list.codeList" :key="item.id" :label="item.productCode"
+                  :value="item.productCode" />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column prop="productQuantity" label="产品数量" width="200px">
+            <template slot-scope="{row,$index}">
+              <span v-if="!showEdit[$index]">{{ row.productQuantity }}</span>
+              <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productQuantity" placeholder="请输入产品数量" />
+            </template>
+          </el-table-column>
+          <el-table-column prop="productPrice" label="产品单价" width="200px">
+            <template slot-scope="{row,$index}">
+              <span v-if="!showEdit[$index]">{{ row.productPrice }}</span>
+              <el-input v-if="showEdit[$index]" v-model="addInfo.productList.productPrice" placeholder="请输入产品单价" />
+            </template>
+          </el-table-column>
+          <el-table-column header-align="center" align="center" width="200" label="操作">
+            <template slot-scope="{row,$index}">
+              <el-button v-if="!showEdit[$index]" size="small" @click="showUpdate($index, row)">
+                编辑
+              </el-button>
+              <el-button v-if="!showEdit[$index]" size="small" @click="showDelete($index, row)">
+                删除
+              </el-button>
+              <el-button v-if="showEdit[$index]" size="small" style="color: #85ce61;" @click="submit($index, row)">
+                确定
+              </el-button>
+              <el-button v-if="showEdit[$index] && isFirst[$index] > 1" size="small" style="color: red;" @click="cancelUpdate($index)">
+                取消
+              </el-button>
+              <el-button v-if="showEdit[$index] && isFirst[$index] === 1" size="small" style="color: red;" @click="showDelete($index)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
       </div>
+      <el-button @click="handleAddBtn">
+        添加项目需求
+      </el-button>
     </div>
     <div class="btnBox">
       <el-button type="primary" class="save" @click="save"> 保存 </el-button>
@@ -245,7 +225,7 @@
 import { SelectList } from "../../api/product/brand";
 import { list } from "../../api/product/product";
 export default {
-  name:'orderShop',
+  name: 'orderShop',
   components: {
     RedStar,
     inputVue,
@@ -255,13 +235,15 @@
       brandName: "",
       categoryIds: "",
       productCode: "",
-      productQuantity1: "",
-      productPrice1: "",
+      productQuantity: "",
+      productPrice: "",
       list: {
         codeList: [],
         brandList: [],
         categoryList: [],
       },
+      showEdit: [], // 用来判断是否处于编辑状态
+      isFirst:[], // 用来判断是否初次添加
       productList: [{ index: "" }],
       isShowAdd: false, // 添加采购需求
       options: {},
@@ -364,6 +346,24 @@
     close() {
       this.isShowAdd = false;
     },
+    // 添加项目新需求
+    handleAddBtn() {
+      const obj = {
+        brandName: '',
+        categoryIds: '',
+        productCode: '',
+        productQuantity: '',
+        productPrice: ''
+      }
+      this.addInfo.productList.push(obj);
+      this.showEdit[this.addInfo.productList.length - 1] = true
+      this.isFirst[this.addInfo.productList.length - 1] = 1
+      this.brandName = ""
+      this.categoryIds = ""
+      this.productCode = ""
+      this.productQuantity1 = ""
+      this.productPrice1 = ""
+    },
     addTableDataClick() {
       const obj = {};
       obj.brandName = this.brandName;
@@ -394,7 +394,7 @@
       console.log(code);
       // 获取产品型号列表
       list({ categoryId: code }).then((res) => {
-        this.list.CodeList = res;
+        this.list.codeList = res;
       });
     },
     valiateProduct() {
@@ -445,6 +445,82 @@
         return false;
       }
     },
+    // 确定保存
+    submit(index, row) {
+      // 发送请求，隐藏输入框
+      const { productCode, brandName, categoryIds, addInfo: { productList: { productQuantity, productPrice } } } = this
+      if (categoryIds && brandName && productQuantity && productPrice) {
+        row.productCode = this.addInfo.productList.productCode
+        row.brandName = this.brandName
+        row.categoryIds = this.categoryIds
+        row.productQuantity = this.addInfo.productList.productQuantity
+        row.productPrice = this.addInfo.productList.productPrice
+        this.$message({
+          type: 'success',
+          message: '已缓存，记得点击保存提交修改喔！',
+          duration: 888,
+          onClose: () => {
+            this.$set(this.showEdit, index, false) // vue添加属性的方法
+          }
+        })
+        row.productCode = this.addInfo.productList.productCode
+        row.brandName = this.brandName
+        row.categoryIds = this.categoryIds
+        row.productQuantity = this.addInfo.productList.productQuantity
+        row.productPrice = this.addInfo.productList.productPrice
+        this.$set(this.isFirst, index, 2)
+        this.brandName = ''
+        this.categoryIds = ''
+        this.addInfo.productList.productCode = ''
+        this.addInfo.productList.productQuantity = ''
+        this.addInfo.productList.productPrice = ''
+      } else {
+        this.$message({
+          message: "请先完整选择或填写信息",
+          type: "error",
+        });
+      }
+    },
+    // 修改
+    showUpdate(index, row) {
+      this.showEdit[index] = true
+      this.$set(this.showEdit, index, true) // 这里要用$set方法，否则页面状态不更新
+      this.brandName = row.brandName
+      this.categoryIds = row.categoryIds
+      this.addInfo.productList.productCode = row.productCode
+      this.addInfo.productList.productQuantity = row.productQuantity
+      this.addInfo.productList.productPrice = row.productPrice
+    },
+    // 取消修改
+    cancelUpdate(index) {
+      this.$confirm('取消修改？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$set(this.showEdit, index, false)
+        })
+        .catch(() => { })
+    },
+    //  删除
+    showDelete(index, row) {
+      this.$confirm('确认删除？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.addInfo.productList = this.addInfo.productList.filter((item, Index) => index !== Index)
+          this.showEdit = this.showEdit.filter((item, Index) => index !== Index)
+          this.isFirst = this.showEdit.isFirst((item, Index) => index !== Index)
+          this.$message({
+            message: '已删除',
+            type: 'success'
+          })
+        })
+        .catch(() => { })
+    },
   },
 };
 </script>
@@ -490,7 +566,7 @@
     }
 
     .order-table {
-      margin-top: 20px;
+      margin: 10px 20px;
     }
   }