样式

src/components/XyTable/index.vue

@@ -218,6 +218,9 @@ export default {
     addNewRow (obj) {
       this.listData.push(obj)
     },
+    spliceRow (index) {
+      this.listData.splice(index, 1)
+    },
     //方法
     initLoad() {
       if (this.height) return;

src/views/lease/component/payList.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import { index, save } from "@/api/system/baseForm"
+import { index, save, destroy } from "@/api/system/baseForm"
 import { deepCopy } from '@/utils'
 export default {
   data() {
@@ -52,10 +52,6 @@ export default {
                            "display": "grid",
                            "grid-template-columns": "repeat(2,1fr)"
                          }}
-                         rules={{
-                           shijidaozhang: [{ required: true, message: "请输入实际到账" }],
-                           shijidaozhangriqi: [{ required: true, message: "请选择实际到账日期" }]
-                         }}
                          label-width="120px"
                          props={{ model: this.form }}>
                   {
@@ -81,7 +77,7 @@ export default {
                       </el-form-item>
                     ) : ''
                   }
-                  <el-form-item label="实际到账" prop="shijidaozhang" required={true}>
+                  <el-form-item label="实际到账" prop="shijidaozhang">
                     <el-input-number
                       style="width: 200px"
                       vModel={this.form.shijidaozhang}
@@ -90,7 +86,7 @@ export default {
                       placeholder="请输入实际到账"
                     ></el-input-number>
                   </el-form-item>
-                  <el-form-item prop="shijidaozhangriqi" label="实际到账日期" required={true}>
+                  <el-form-item prop="shijidaozhangriqi" label="实际到账日期">
                     <el-date-picker vModel={this.form.shijidaozhangriqi}
                                     value-format="yyyy-MM-dd"
                                     style="width: 200px;"
@@ -114,7 +110,7 @@ export default {
                               autosize={{minRows: 2}}
                               vModel={this.form.weidaoweiyuanyin}></el-input>
                   </el-form-item>
-                  <el-form-item style={{ "grid-row": "4","grid-column": "1 / 3", "justify-self": "center" }}>
+                  <el-form-item style={{ "grid-row": "5","grid-column": "1 / 3", "justify-self": "center" }}>
                     <Button type="warning"
                             ghost={true}
                             on={{
@@ -173,6 +169,32 @@ export default {
         {
           prop: "shijidaozhangriqi",
           label: "实际到账日期"
+        },
+        {
+          prop: 'destroy',
+          label: '操作',
+          width: 100,
+          customFn: (row, { $index }) => (
+            <el-button type="danger"
+                       size="mini"
+                       on={{
+                         click:_ => {
+                           this.$confirm("确认删除？","提示").then(_ => {
+                             console.log(row)
+                             if (row.id) {
+                               destroy({
+                                 table_name: 'lease_plans',
+                                 id: row.id
+                               }).then(_ => {
+                                 this.$refs['xyTable'].getTableData()
+                               })
+                             } else {
+                               this.$refs['xyTable'].spliceRow($index)
+                             }
+                           })
+                         }
+                       }}>删除</el-button>
+          )
         }
       ]
     }