收集道具类型任务调整

src/main/vue/src/views/MetaAtomTaskEdit.vue

@@ -6,42 +6,21 @@
         </page-title>
         <div class="edit-view__content-wrapper">
             <div class="edit-view__content-section">
-                <el-form
-                    :model="formData"
-                    :rules="rules"
-                    ref="form"
-                    label-width="120px"
-                    label-position="right"
-                    size="small"
-                    style="max-width: 500px;"
-                >
+                <el-form :model="formData" :rules="rules" ref="form" label-width="120px" label-position="right" size="small"
+                    style="max-width: 500px;">
                     <el-form-item prop="name" label="任务名称">
                         <el-input v-model="formData.name"> </el-input>
                     </el-form-item>
                     <el-form-item prop="detail" label="任务详情" style="width: calc(100vw - 450px)">
-                        <el-input
-                            v-model="formData.detail"
-                            type="textarea"
-                            :autosize="{ minRows: 3, maxRows: 20 }"
-                            placeholder="请输入任务详情"
-                        >
+                        <el-input v-model="formData.detail" type="textarea" :autosize="{ minRows: 3, maxRows: 20 }"
+                            placeholder="请输入任务详情">
                         </el-input>
                     </el-form-item>
                     <el-form-item prop="targetType" label="任务目标">
-                        <el-select
-                            v-model="formData.targetType"
-                            clearable
-                            filterable
-                            placeholder="请选择"
-                            @change="changeTargetType"
-                            :disabled="!canEdit"
-                        >
-                            <el-option
-                                v-for="item in targetTypeOptions"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                            >
+                        <el-select v-model="formData.targetType" clearable filterable placeholder="请选择"
+                            @change="changeTargetType" :disabled="!canEdit">
+                            <el-option v-for="item in targetTypeOptions" :key="item.value" :label="item.label"
+                                :value="item.value">
                             </el-option>
                         </el-select>
                     </el-form-item>
@@ -63,109 +42,36 @@
                             </el-input-number>
                         </el-form-item>
                     </template>
-
                     <template v-if="formData.targetType && formData.targetType === 'COLLECT_PROP'">
-                        <el-form-item
-                            prop="metaTargetConfig"
-                            label="道具配置"
-                            style="width: calc(100vw - 450px)"
-                            size="mini"
-                        >
-                            <el-table :data="formData.metaTargetConfig">
-                                <el-table-column prop="metaPropId" label="道具" align="center">
-                                    <template v-slot="{ row }">
-                                        <el-select
-                                            v-model="row.metaPropId"
-                                            clearable
-                                            filterable
-                                            placeholder="请选择"
-                                            :disabled="!canEdit"
-                                            style="width: 150px"
-                                        >
-                                            <el-option
-                                                v-for="item in metaProps"
-                                                :key="item.id"
-                                                :label="item.name"
-                                                :value="item.id"
-                                            >
-                                            </el-option>
-                                        </el-select>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="num" label="数量" align="center">
-                                     <template v-slot="{ row }">
-                                    <el-input-number v-model="row.num" :min="0" :disabled="!canEdit">
-                                    </el-input-number>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column width="100" label="操作" align="center">
-                                    <template v-slot="{ row, $index }">
-                                        <el-button
-                                            type="danger"
-                                            plain
-                                            size="mini"
-                                            @click="delTargetConfig($index)"
-                                            :disabled="!canEdit"
-                                        >
-                                            删除
-                                        </el-button>
-                                    </template>
-                                </el-table-column>
-                            </el-table>
-                        </el-form-item>
-                        <el-form-item>
-                            <el-button size="mini" @click="addTargetConfig" :disabled="!canEdit">
-                                添加道具配置
-                            </el-button>
+                        <el-form-item prop="targetConfig" label="目标配置">
+                            <el-input v-model="formData.targetConfig" placeholder="请输入目标配置" :disabled="!canEdit">
+                            </el-input>
+                            <div class="tip">输入规则：道具id + , + 数量</div>
+                            <div class="tip">模板：1234,5</div>
                         </el-form-item>
                     </template>
                     <el-form-item prop="awardType" label="奖励类型">
-                        <el-select
-                            v-model="formData.awardType"
-                            clearable
-                            filterable
-                            placeholder="请选择"
-                            @change="changeAwardType"
-                            :disabled="!canEdit"
-                        >
-                            <el-option
-                                v-for="item in awardTypeOptions"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                            >
+                        <el-select v-model="formData.awardType" clearable filterable placeholder="请选择"
+                            @change="changeAwardType" :disabled="!canEdit">
+                            <el-option v-for="item in awardTypeOptions" :key="item.value" :label="item.label"
+                                :value="item.value">
                             </el-option>
                         </el-select>
                     </el-form-item>
-                    <el-form-item
-                        prop="awardConfig"
-                        label="道具"
-                        v-if="formData.awardType && formData.awardType === 'META_PROP'"
-                    >
+                    <el-form-item prop="awardConfig" label="道具"
+                        v-if="formData.awardType && formData.awardType === 'META_PROP'">
                         <el-select v-model="formData.awardConfig" placeholder="请选择" filterable :disabled="!canEdit">
                             <el-option v-for="item in metaProps" :key="item.id" :label="item.name" :value="item.id">
                             </el-option>
                         </el-select>
                     </el-form-item>
-                    <el-form-item
-                        prop="awardConfig"
-                        label="奖励图片"
-                        v-if="formData.awardType && formData.awardType === 'NFT'"
-                    >
+                    <el-form-item prop="awardConfig" label="奖励图片" v-if="formData.awardType && formData.awardType === 'NFT'">
                         <single-upload v-model="formData.awardConfig" :disabled="!canEdit"> </single-upload>
                     </el-form-item>
-                    <el-form-item
-                        prop="awardConfig"
-                        label="奖励金币数量"
-                        v-if="formData.awardType && formData.awardType === 'GOLD'"
-                    >
-                        <el-input-number
-                            type="awardConfig"
-                            v-model="formData.awardConfig"
-                            :step="1"
-                            :min="1"
-                            :disabled="!canEdit"
-                        >
+                    <el-form-item prop="awardConfig" label="奖励金币数量"
+                        v-if="formData.awardType && formData.awardType === 'GOLD'">
+                        <el-input-number type="awardConfig" v-model="formData.awardConfig" :step="1" :min="1"
+                            :disabled="!canEdit">
                         </el-input-number>
                         <div class="tip">输入规则：正整数，最小为1</div>
                     </el-form-item>
@@ -210,9 +116,7 @@ export default {
             metaProps: [],
             reg,
             saving: false,
-            formData: {
-                metaTargetConfig: []
-            },
+            formData: {},
             rules: {
                 name: [
                     {
@@ -272,15 +176,6 @@ export default {
         };
     },
     methods: {
-        addTargetConfig() {
-            this.formData.metaTargetConfig.push({
-                metaPropId: '',
-                num: ''
-            });
-        },
-        delTargetConfig(i) {
-            this.formData.metaTargetConfig.splice(i, 1);
-        },
         changeAwardType() {
             if (this.formData.awardConfig) {
                 this.$delete(this.formData, 'awardConfig');