add categoty

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

@@ -6,42 +6,24 @@
         <a-modal v-model:visible="show" @before-ok="submit" @close="this.$refs.form.resetFields()">
             <a-form :model="form" auto-label-width ref="form">
                 <a-form-item label="徽章类别" field="categoryId" required>
-                    <a-select
+                    <a-select placeholder="请选择徽章类型" v-model="form.categoryId">
-                        placeholder="请选择徽章类型"
-                        v-model="form.categoryId"
-                    >
                         <a-option v-for="item in options" :value="item.id">{{
                             item.name
                         }}</a-option>
                     </a-select>
                 </a-form-item>
                 <a-form-item label="徽章名称" field="name" required>
-                    <a-input
+                    <a-input placeholder="请输入徽章名称" v-model="form.name"></a-input>
-                        placeholder="请输入徽章名称"
+                </a-form-item>
-                        v-model="form.name"
+                <a-form-item label="徽章获取条件" field="countLimit" required>
-                    ></a-input>
+                    <a-input-number placeholder="请输入徽章获取的条件" v-model="form.countLimit"></a-input-number>
                 </a-form-item>
-              <a-form-item label="徽章获取条件" field="countLimit" required>
-                <a-input-number
-                    placeholder="请输入徽章获取的条件"
-                    v-model="form.countLimit"
-                ></a-input-number>
-              </a-form-item>
                 <a-form-item label="徽章说明" field="desc" required>
-                    <a-textarea
+                    <a-textarea placeholder="请输入徽章名称" v-model="form.desc"></a-textarea>
-                        placeholder="请输入徽章名称"
-                        v-model="form.desc"
-                    ></a-textarea>
                 </a-form-item>
                 <a-form-item label="上传徽章" field="ossId" required>
                     <div class="">
-                        <a-image
+                        <a-image class="mb-10" v-if="form.oss" :src="form.oss.url" width="160" height="160"></a-image>
-                            class="mb-10"
-                            v-if="form.oss"
-                            :src="form.oss.url"
-                            width="160"
-                            height="160"
-                        ></a-image>
                         <upload @ok="upload" />
                         <div class="font-14 primary mt-10">
                             徽章大小为 400* 400
@@ -87,9 +69,9 @@ export default {
             show: false,
             form: {
                 categoryId: '',
-                countLimit:0,
+                countLimit: 0,
                 desc: '',
-                keyword:'',
+                keyword: '',
                 name: '',
                 ossId: '',
                 ossUrl: ''
@@ -105,6 +87,8 @@ export default {
         submit(done) {
             this.$refs.form.validate(err => {
                 if (err === undefined) {
+                    const keyword = this.options.find(e => e.id === this.form.categoryId).desc
+                    this.form.keyword = keyword
                     if (this.form.id) {
                         this.$api.badge.update(this.form).then(res => {
                             if (res.code === 200) {