Browse Source

修改满减活动修改问题

YY 2 years ago
parent
commit
de26a6d5cc
1 changed files with 38 additions and 29 deletions
  1. 38 29
      src/views/platActivi/act/parts/goods/tabs-2.vue

+ 38 - 29
src/views/platActivi/act/parts/goods/tabs-2.vue

@@ -19,18 +19,44 @@
             <el-form-item label="加价购下限金额" prop="plus_money" v-if="form.type == '4'">
             <el-form-item label="加价购下限金额" prop="plus_money" v-if="form.type == '4'">
               <el-input v-model="config.plus_money" type="number" placeholder="请输入加价购下限金额"></el-input>
               <el-input v-model="config.plus_money" type="number" placeholder="请输入加价购下限金额"></el-input>
             </el-form-item>
             </el-form-item>
-            <el-form-item label="满减设置" prop="manJian" v-if="form.type == '5'">
-              <el-col :span="24" style="margin: 0 0 10px 0">
-                <el-button type="primary" size="mini" @click="toAdd()">添加</el-button>
+            <el-col :span="24">
+              <el-col :span="2" style="text-align: center; font-size: 14px; color: #666">
+                <span v-if="form.type == '5'">满减设置</span>
+                <span v-if="form.type == '6'">满减折扣设置</span>
               </el-col>
               </el-col>
-              <data-table :usePage="false" :fields="fields_manJian" :opera="opera" :data="list" @edit="toEdit" @del="toDel"> </data-table>
-            </el-form-item>
-            <el-form-item label="满减折扣设置" prop="manZhe" v-if="form.type == '6'">
-              <el-col :span="24" style="margin: 0 0 10px 0">
-                <el-button type="primary" size="mini" @click="toAdd()">添加</el-button>
+              <el-col :span="21">
+                <el-col :span="24" style="margin: 0 0 10px 0">
+                  <el-button type="primary" size="mini" @click="toAdd()">添加</el-button>
+                </el-col>
+                <el-table :data="list" border size="mini">
+                  <el-table-column label="消费金额下限" prop="limit" align="center">
+                    <template #default="{ row }">
+                      <el-input v-model="row.limit" type="number"></el-input>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="减满金额" prop="number" align="center" v-if="form.type == '5'">
+                    <template #default="{ row }">
+                      <el-input v-model="row.number" type="number"></el-input>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="减满折扣" prop="number" align="center" v-if="form.type == '6'">
+                    <template #default="{ row }">
+                      <el-input v-model="row.number" type="number"></el-input>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="优惠金额上限" prop="max" align="center" v-if="form.type == '6'">
+                    <template #default="{ row }">
+                      <el-input v-model="row.max" type="number"></el-input>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="操作" align="center">
+                    <template #default="scope">
+                      <el-button type="danger" size="mini" @click="toDel(scope.$index)">删除</el-button>
+                    </template>
+                  </el-table-column>
+                </el-table>
               </el-col>
               </el-col>
-              <data-table :usePage="false" :fields="fields_manZhe" :opera="opera" :data="list" @edit="toEdit" @del="toDel"> </data-table>
-            </el-form-item>
+            </el-col>
           </el-form>
           </el-form>
         </el-col>
         </el-col>
       </el-col>
       </el-col>
@@ -59,20 +85,6 @@ export default {
   components: {},
   components: {},
   data: function () {
   data: function () {
     return {
     return {
-      // 底部菜单
-      opera: [
-        { label: '修改', method: 'edit' },
-        { label: '删除', method: 'del', confirm: true, type: 'danger' },
-      ],
-      fields_manJian: [
-        { label: '消费金额下限', model: 'limit' },
-        { label: '减满金额', model: 'number' },
-      ],
-      fields_manZhe: [
-        { label: '消费金额下限', model: 'limit' },
-        { label: '减满折扣', model: 'number' },
-        { label: '优惠金额上限', model: 'max' },
-      ],
       // 弹框
       // 弹框
       dialog: { title: '信息管理', show: false, type: '1' },
       dialog: { title: '信息管理', show: false, type: '1' },
       // 满减表单
       // 满减表单
@@ -135,12 +147,9 @@ export default {
       }
       }
     },
     },
     // 删除
     // 删除
-    toDel(data) {
+    toDel(index) {
       let list = this.list;
       let list = this.list;
-      list.splice(data.index, 1);
-      // this.list = this.list.filter((i) => i.id != data.id);
-      // let newList = this.list.filter((i) => i.id != data.id);
-      // this.$set(this, `list`, newList);
+      list.splice(index, 1);
     },
     },
   },
   },
   computed: {
   computed: {