设置提成调整

src/components/commissionSetNew/index.vue

@@ -19,8 +19,14 @@
             </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item  label="修正比例：" prop="reward_rate">
-              <el-input   v-model="form.reward_rate" placeholder="请填写百分比"></el-input>
+            <el-form-item label="修正比例：" prop="reward_rate">
+              <!--              <el-input   v-model="form.reward_rate" placeholder="请填写百分比"></el-input>-->
+              <el-button-group class="inline-16">
+                <el-button :type="isAdd?'primary':''" @click="addRate">加</el-button>
+                <el-button :type="isMinus?'primary':''" @click="minusRate" :disabled="form.reward_rate <= 0">减</el-button>
+              </el-button-group>
+              <el-input-number v-model="form.reward_rate" :min="0" controls-position="right" precision="2"
+                               step="0.1"></el-input-number>&nbsp;%
             </el-form-item>
           </el-col>
         </el-form>
@@ -47,18 +53,20 @@ export default {
       callback()
     }
     return {
-      dialogFormVisible:false,
-      isReward:false,
-      isPoint:false,
-      form:{
+      dialogFormVisible: false,
+      isReward: false,
+      isPoint: false,
+      isAdd: false,
+      isMinus: false,
+      form: {
         ownertable: "",
         ownerid: '',
         reward_point: [],
-        reward_rate:'0'
+        reward_rate: '0'
       },
-      rules:{
-        reward_point:[
-          { required: true, message: '选择提成计算节点', trigger: 'change'},
+      rules: {
+        reward_point: [
+          {required: true, message: '选择提成计算节点', trigger: 'change'},
         ],
         reward_rate:[
           { required: false, message: '设置提成比例', trigger: 'change'},
@@ -127,15 +135,30 @@ export default {
           "id": 20240111084904,
           "content": this.form
         })
-        this.tool.showMessage(res,()=>{
+        this.tool.showMessage(res, () => {
           this.dialogFormVisible = false
+          this.isMinus = false;
+          this.isAdd = false;
           this.$refs.form.resetFields()
           this.$emit('setSuccess')
         })
       })
     },
-    onClose(){
+    addRate() {
+      this.isAdd = true;
+      this.isMinus = false;
+      this.form.reward_rate = this.form.reward_rate + 0.1
+    },
+    minusRate() {
+      this.isMinus = true;
+      this.isAdd = false;
+      this.form.reward_rate = this.form.reward_rate - 0.1
+    },
+    onClose() {
       this.$refs.form.resetFields()
+      this.dialogFormVisible = false
+      this.isMinus = false;
+      this.isAdd = false;
     }
   }
 }