签到管理 积分 天数参数类型修改

src/views/registration/exchange/detail.vue

@@ -2,12 +2,11 @@
   <div class="app-container">
     <el-form :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
       <el-form-item label="兑换标题：" prop="name">
-        <el-input v-model="form.name" placeholder="请输入兑换标题" />
+        <el-input v-model="form.name" placeholder="请输入兑换标题" maxlength="50" show-word-limit />
       </el-form-item>
       <el-form-item label="兑换积分：" prop="exchangePoint">
-        <el-input v-model="form.exchangePoint" placeholder="请输入兑换积分">
-          <template slot="append">积分</template>
-        </el-input>
+        <el-input-number v-model="form.exchangePoint" placeholder="请输入兑换积分" :controls="false" :min="1" />
+        <span style="margin-left: 10px">积分</span>
       </el-form-item>
       <el-form-item label="兑换类型：" prop="type">
         <el-select v-model="form.type" placeholder="请选择兑换类型">

src/views/registration/lottery/detail.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-form :model="form" ref="form" :rules="rules" label-width="auto" :disabled="disabled">
       <el-form-item label="活动名称：" prop="name">
-        <el-input v-model="form.name" placeholder="请输入活动名称" />
+        <el-input v-model="form.name" placeholder="请输入活动名称" maxlength="20" show-word-limit />
       </el-form-item>
       <el-form-item label="活动时间：" prop="date">
         <el-date-picker v-model="form.date" type="datetimerange" range-separator="至" start-placeholder="开始日期"
@@ -10,17 +10,17 @@
         </el-date-picker>
       </el-form-item>
       <el-form-item label="抽奖积分：" prop="lotteryConsumePoint">
-        <el-input v-model.number="form.lotteryConsumePoint" placeholder="请输入抽奖积分">
-          <template slot="append">积分 / 次</template>
-        </el-input>
+        <el-input-number v-model="form.lotteryConsumePoint" :min="1" :max="999" :controls="false"
+          placeholder="请输入抽奖积分" />
+        <span class="input-number">积分</span>
       </el-form-item>
       <el-form-item label="每日限抽次数：" prop="lotteryLimitCount">
-        <el-input v-model.number="form.lotteryLimitCount" placeholder="请输入每日限抽次数">
-          <template slot="append">次</template>
-        </el-input>
+        <el-input-number v-model="form.lotteryLimitCount" :min="1" :max="999" :controls="false"
+          placeholder="请输入每日限抽次数" />
+        <span class="input-number">次</span>
       </el-form-item>
       <el-form-item label="活动规则：" prop="rule">
-        <el-input v-model="form.rule" type="textarea" :autosize="{ minRows: 5, maxRows: 10}" />
+        <el-input v-model="form.rule" type="textarea" :autosize="{ minRows: 5, maxRows: 10}" :maxlength="150" show-word-limit placeholder="请输入活动规则" />
       </el-form-item>
       <el-form-item label="转盘数量：" prop="goodNum">
         <el-select v-model.number="form.goodNum" placeholder="请选择转盘数量" :disabled="form.id ? true : false"
@@ -231,4 +231,8 @@ export default {
 .form-btn {
   margin-left: 120px;
 }
+
+.input-number {
+  margin-left: 10px;
+}
 </style>

src/views/registration/regConfig/index.vue

@@ -2,17 +2,17 @@
   <div class="app-container">
     <el-form :model="form" ref="form" :rules="rules" label-width="auto" v-loading="loading">
       <el-form-item label="签到标题：" prop="signTitle">
-        <el-input v-model="form.signTitle" placeholder="请输入签到标题" />
+        <el-input v-model="form.signTitle" placeholder="请输入签到标题" maxlength="50" show-word-limit />
       </el-form-item>
       <el-form-item label="签到周期：" prop="signDay">
-        <el-input v-model.number="form.signDay" placeholder="请输入签到周期" @change="changeSignDay">
-          <template slot="append">天</template>
-        </el-input>
+        <el-input-number v-model="form.signDay" :min="1" :max="99" :precision="0" placeholder="请输入签到周期"
+          :controls="false" @change="changeSignDay" />
+        <span class="span">天</span>
       </el-form-item>
       <el-form-item label="基础积分：" prop="baseRewardPoint">
-        <el-input v-model.number="form.baseRewardPoint" placeholder="请输入基础积分">
-          <template slot="append">积分</template>
-        </el-input>
+        <el-input-number v-model="form.baseRewardPoint" :min="0" :precision="2" :step="0.01" :controls="false"
+          placeholder="请输入基础积分" />
+        <span class="span">积分</span>
       </el-form-item>
 
       <el-form-item label="连续签到奖励：">
@@ -24,12 +24,14 @@
         <el-table v-if="form.isContinueReward === 0" :data="form.pointConfigContinueRList">
           <el-table-column label="连续签到天数 / 天" align="center">
             <template slot-scope="scope">
-              <el-input v-model.number="scope.row.signDay" @change="getChange($event, scope.$index)" />
+              <el-input-number class="input-number" v-model="scope.row.signDay" :min="1" :max="99"
+                :precision="0" :controls="false" @change="getChange($event, scope.$index)" />
             </template>
           </el-table-column>
           <el-table-column label="奖励积分 / 积分" align="center">
             <template slot-scope="scope">
-              <el-input v-model.number="scope.row.rewardPoint" />
+              <el-input-number class="input-number" v-model="scope.row.rewardPoint" :min="0" :precision="2"
+                :step="0.01" :controls="false" />
             </template>
           </el-table-column>
           <el-table-column align="center">
@@ -57,12 +59,14 @@
         <el-table v-if="form.notifyRewardType" :data="form.pointConfigListenGoodList">
           <el-table-column label="播放时间 / 小时" align="center">
             <template slot-scope="scope">
-              <el-input v-model.number="scope.row.listenTime" @change="getChange($event, scope.$index)" />
+              <el-input-number class="input-number" v-model="scope.row.listenTime" :min="1" :max="99"
+                :precision="0" :controls="false" @change="getChange($event, scope.$index)" />
             </template>
           </el-table-column>
           <el-table-column label="奖励积分 / 积分" align="center">
             <template slot-scope="scope">
-              <el-input v-model.number="scope.row.rewardPoint" />
+              <el-input-number class="input-number" v-model="scope.row.rewardPoint" :min="0" :precision="2"
+                :step="0.01" :controls="false" />
             </template>
           </el-table-column>
           <el-table-column align="center">
@@ -79,9 +83,9 @@
         </el-table>
       </el-form-item>
       <el-form-item label="手机通知奖励：">
-        <el-input v-model.number="form.notifyRewardPoint" placeholder="请输入手机通知奖励">
-          <template slot="append">积分</template>
-        </el-input>
+        <el-input-number v-model="form.notifyRewardPoint" :min="0" :precision="2" :step="0.01"
+          :controls="false" />
+        <span class="span">积分</span>
       </el-form-item>
       <el-form-item label="签到规则：" prop="signRule">
         <el-input v-model="form.signRule" type="textarea" :autosize="{minRows: 5, maxRows: 10}"
@@ -96,15 +100,15 @@
 
 <script>
 import { list, submit, removeContinue, removeListenGood } from '@/api/registration/regConfig'
-import { rewardMixin } from '@/mixin/index'
 export default {
-  mixins: [rewardMixin],
   data() {
     return {
       // 遮罩层
       loading: false,
       // 表单
-      form: {},
+      form: {
+        pointConfigContinueRList: []
+      },
       // 连续签到奖励 添加按钮禁止
       continuePush: false,
       // 收听播放奖励 添加按钮禁止
@@ -123,13 +127,15 @@ export default {
         signRule: [{
           required: true, message: '请输入签到规则', trigger: 'blur'
         }]
-      }
+      },
+      // 奖励类型
+      rewardOptions: [{
+        value: 4,
+        label: '积分'
+      }]
     }
   },
   watch: {
-    'form.signDay'() {
-      // this.form.pointConfigContinueRList = []
-    },
     'form.pointConfigContinueRList': {
       handler(val) {
         // 当连续签到已达基础签到周期上限则禁止添加新数据
@@ -256,4 +262,12 @@ export default {
 .el-form {
   width: 500px;
 }
+
+.input-number {
+  width: 110px;
+}
+
+.span {
+  margin-left: 10px;
+}
 </style>