1

src/views/modules/user/user-add-or-update.vue

@@ -30,17 +30,25 @@
       <el-form-item label="电话" prop="tel">
         <el-input v-model="dataForm.tel" placeholder="电话"></el-input>
       </el-form-item>
-      <el-form-item label="密码" prop="password">
+      <!-- <el-form-item label="密码" prop="password">
         <el-input v-model="dataForm.password" placeholder="密码"></el-input>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item label="会员类型" prop="vip">
         <el-input v-model="dataForm.vip" placeholder="0-普通 1-vip"></el-input>
       </el-form-item>
       <el-form-item label="vip 有效期" prop="vipValidtime">
-        <el-input v-model="dataForm.vipValidtime" placeholder="vip 有效期"></el-input>
+        <el-date-picker
+          v-model="dataForm.vipValidtime"
+          type="datetime"
+          placeholder="选择日期时间"
+          align="right"
+          :picker-options="pickerOptions">
+        </el-date-picker>
+        <!-- <el-input v-model="dataForm.vipValidtime" placeholder="vip 有效期"></el-input> -->
       </el-form-item>
       <el-form-item label="花生币" prop="peanutCoin">
-        <el-input v-model="dataForm.peanutCoin" placeholder="花生币"></el-input>
+        <!-- <el-input v-model="dataForm.peanutCoin" placeholder="花生币"></el-input> -->
+        <el-input-number v-model="dataForm.peanutCoin"  label="花生币"></el-input-number>
       </el-form-item>
       <!-- <el-form-item label="阅读时间" prop="readTime">
       <el-input v-model="dataForm.readTime" placeholder="阅读时间"></el-input>
@@ -94,9 +102,9 @@ export default {
         // name: [
         //   { required: true, message: '姓名不能为空', trigger: 'blur' }
         // ],
-        // age: [
-        //   { required: true, message: '年龄不能为空', trigger: 'blur' }
-        // ],
+        age: [
+          { required: true, message: '年龄不能为空', trigger: 'blur' }
+        ],
         // sex: [
         //   { required: true, message: '性别不能为空', trigger: 'blur' }
         // ],

src/views/modules/user/user.vue

@@ -136,6 +136,7 @@
         width="150"
         label="操作">
         <template slot-scope="scope">
+          <el-button type="text" size="small" @click="ck(scope.row.id)">充/扣花生币</el-button>
           <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
           <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
         </template>
@@ -152,6 +153,29 @@
     </el-pagination>
     <!-- 弹窗, 新增 / 修改 -->
     <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    <el-dialog title="充/扣花生币"  :close-on-click-modal="false" :visible.sync="adc"  append-to-body width="30%">
+      <el-form :model="pointForm">
+          <el-form-item label="充值类型" label-width="15%">
+            <!-- <el-input v-model="pointForm.pointType" placeholder="0-普通 1-vip"></el-input>
+             -->
+             <el-select v-model="pointForm.pointType" placeholder="请选择">
+                <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+          </el-form-item>
+          <el-form-item label="金额" label-width="15%">
+            <el-input-number v-model="pointForm.pointType" placeholder=""></el-input-number> 
+          </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+            <el-button @click="adc=false">取消</el-button>
+            <el-button type="primary" >确定</el-button>
+          </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -163,6 +187,17 @@
         dataForm: {
           key: ''
         },
+        options: [{
+            value: 0,
+            label: '充花生币'
+          }, {
+            value: 1,
+            label: '扣花生币'
+          }],
+        adc:false,
+        pointForm:{
+          pointType: 0,
+        },
         dataList: [],
         pageIndex: 1,
         pageSize: 10,
@@ -252,6 +287,9 @@
             }
           })
         })
+      },
+      ck(){
+        this.adc = true
       }
     }
   }