[add

src/api/flower/index.js

@@ -4,6 +4,9 @@ export default {
     save(params) {
         return fetch('/farmTemplate/add', params,'post','json')
     },
+    update(params) {
+        return fetch('/farmTemplate/update', params,'post','json')
+    },
 
     list(params) {
         return fetch('/farmTemplate/list', params,'post','json')

src/views/flower/plan/components/edit.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
-        <a-button type="primary" @click="show = true">{{ title }}</a-button>
+        <a-button type="text"  @click="show = true">{{ title }}</a-button>
-        <a-modal v-model:visible="show" @before-ok="submit">
+        <a-modal v-model:visible="show" @before-ok="submit" @close="reset">
             <a-textarea v-model="tmp" :auto-size="{ miniRows: 6 }"></a-textarea>
         </a-modal>
     </div>
@@ -9,6 +9,16 @@
 
 <script>
 export default {
+    props: {
+        type: {
+            type: String,
+            default: 'add'
+        },
+        info: {
+          type:Object,
+          default:null
+        }
+    },
     watch: {
         show: {
             handler(val) {
@@ -16,6 +26,22 @@ export default {
                     this.tmp = JSON.stringify(this.from, null, 4)
                 }
             }
+        },
+        type: {
+            handler(val) {
+                if (val === 'edit') {
+                  console.log(this.info)
+                  this.title = "编辑"
+                  this.from.id = this.info.id
+                  this.from.name = this.info.Name
+                  this.from.desc = this.info.Desc
+                  this.from.remark = this.info.Remark
+                  this.from.circleDays = this.info.CircleDays
+                  this.from.isCircle = this.info.isCircle
+                  this.tmp = JSON.stringify(this.from, null, 4)
+                }
+            },
+          immediate: true
         }
     },
     data() {
@@ -27,15 +53,24 @@ export default {
                 circleDays: 0,
                 desc: '请输入描述',
                 isCircle: 0,
-                isSystem: 0,
                 name: '请输入名称',
-                remark: '请输入备注',
+                remark: '请输入备注'
             }
         }
     },
     methods: {
+      reset(){
+        this.from = {
+          circleDays: 0,
+              desc: '请输入描述',
+              isCircle: 0,
+              name: '请输入名称',
+              remark: '请输入备注'
+        }
+      },
         submit(done) {
             const data = JSON.parse(this.tmp)
+            if (this.type === 'add') {
               this.$api.flower.save(data).then(res => {
                 if (res.code === 200) {
                   this.$message.success(res.msg)
@@ -46,8 +81,20 @@ export default {
                   done(false)
                 }
               })
+            } else {
+              this.$api.flower.update(data).then(res => {
+                if (res.code === 200) {
+                  this.$message.success(res.msg)
+                  this.$emit('ok')
+                  done()
+                } else {
+                  this.$message.error(res.msg)
+                  done(false)
+                }
+              })
+            }
+        }
     }
-  },
 }
 </script>
 

src/views/flower/plan/index.vue

@@ -5,7 +5,13 @@
       <div class="flex flex-center flex-justify-start">
         <edit @ok="fetchList"/>
       </div>
-      <a-table class="mt-20" :columns="columns" :data="list"></a-table>
+      <a-table class="mt-20" :columns="columns" :data="list" >
+        <template #menu="{record}">
+          <div>
+            <edit type="edit" :info="record" @ok="fetchList"/>
+          </div>
+        </template>
+      </a-table>
     </a-card>
   </div>
 </template>
@@ -33,6 +39,9 @@ export default {
         {
           title:'周期',
           dataIndex: 'CircleDays',
+        },{
+          title:"操作",
+          slotName:'menu'
         }
       ]
     }