相亲星星充值管理

src/components/blindDate/addstars.vue

+<template>
+  <div v-loading="loading" class="addpoint">
+    <div class="head-title">
+      <span @click="CommonJump('starsList')" class="blue point">星星数管理</span> / 编辑星星数管理
+    </div>
+    <div class="content">
+      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="150px" style="width:50%">
+        <el-form-item label="充值名称" prop="GoodsName" class="is-required" size="small">
+          <el-input v-model="addMsg.GoodsName" placeholder="请输入充值名称" class="w400"/>
+        </el-form-item>
+        <el-form-item label="售价" prop="SellingPrice" class="is-required" size="small">
+          <el-input v-model="addMsg.SellingPrice" placeholder="请输入售价" class="w400" type="number" :min="0">
+            <template slot="append">元</template>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="星星数" prop="PonitNum" class="is-required" size="small">
+          <el-input v-model="addMsg.PonitNum" placeholder="请输入星星数" class="w400" type="number" :min="0"/>
+        </el-form-item>
+        <el-form-item label="赠送星星数" prop="GivePoint" class="is-required" size="small">
+          <el-input v-model="addMsg.GivePoint" placeholder="请输入赠送星星数" class="w400" type="number" :min="0"/>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div style="margin-top:20px">
+      <el-button size="small" type="primary" @click="Save('addMsg')">保存</el-button>
+    </div>
+
+  </div>
+
+</template>
+<script>
+
+
+  export default {
+    components: {
+
+    },
+    data() {
+      return {
+        addMsg: {
+          ID: 0,
+          GoodsName:'',
+          PonitNum:0,
+          GivePoint:0,
+          SellingPrice:0,
+        },
+        rules: {
+          GoodsName: [{
+            required: true,
+            message: '请输入充值名称',
+            trigger: 'blur'
+          }],
+          PonitNum: [{
+            required: true,
+            message: '请输入星星数',
+            trigger: 'blur'
+          }],
+          SellingPrice: [{
+            required: true,
+            message: '请输入售价',
+            trigger: 'blur'
+          }],
+          GivePoint: [{
+            required: true,
+            message: '赠送星星数不能为空',
+            trigger: 'blur'
+          }],
+        },
+        loading: false,
+      };
+    },
+    created() {
+
+      if(this.$route.query.ID){
+        this.getData(this.$route.query.ID)
+      }
+
+
+    },
+    methods: {
+      Save(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            if(this.addMsg.SellingPrice==0){
+              this.Error('售价大于0')
+              return false
+            }
+            if(this.addMsg.PonitNum==0){
+              this.Error('星星数大于0')
+              return false
+            }
+            this.apipost("/api/Point/SetPointGoods", this.addMsg, res => {
+              if (res.data.resultCode == 1) {
+                this.CommonJump('starsList');
+                this.Success(res.data.message);
+              } else {
+                this.Error(res.data.message);
+              }
+            })
+          } else {
+            return false;
+          }
+        });
+      },
+      getData(ID) {
+        this.loading = true;
+        this.apipost("/api/Point/GetPointGoodsModel", {
+          ID: ID
+        }, res => {
+          this.loading = false;
+          var tempDate = res.data.data;
+          this.addMsg.ID = tempDate.ID;
+          this.addMsg.GoodsName = tempDate.GoodsName;
+          this.addMsg.PonitNum = tempDate.PonitNum;
+          this.addMsg.GivePoint = tempDate.GivePoint;
+          this.addMsg.SellingPrice = tempDate.SellingPrice;
+        })
+      },
+    },
+    mounted() {
+    }
+  };
+</script>
+<style>
+  .app-add-cat .el-checkbox-group {
+    font-size: 14px !important;
+  }
+
+  .app-add-cat .el-checkbox {
+    margin-right: 0;
+  }
+
+  .app-add-cat .el-dialog__body {
+    padding: 10px 20px !important;
+  }
+
+  .app-add-cat .tag-box .tag-item {
+    margin-right: 5px;
+  }
+
+  .app-add-cat .tag-box {
+    margin: 20px 0;
+  }
+
+  .app-add-cat .app-goods-cat-list .active {
+    background: #FAFAFA;
+  }
+
+  .app-add-cat .app-goods-cat-list .cat-item {
+    cursor: pointer;
+    padding: 5px 10px;
+  }
+
+  .app-add-cat .app-goods-cat-list {
+    border: 1px solid #E8EAEE;
+    border-radius: 5px;
+    margin-top: -5px;
+    padding: 10px 0;
+    overflow: scroll;
+    height: 400px;
+  }
+
+
+
+  .addpoint .blue {
+    color: #409EFF;
+
+  }
+
+  .addpoint .content {
+    background: #fff;
+    margin-top: 10px;
+    padding: 20px;
+    box-sizing: border-box;
+  }
+  .addpoint .gez_list{
+    /*width: 650px;*/
+    margin-bottom: 12px;
+    padding: 20px;
+    border: 1px solid #EBEEF5;
+    background-color: #FFF;
+    color: #303133;
+
+  }
+  .addpoint .quyu{
+    background-color: #f4f4f5;
+    color: #909399;
+    padding: 10px;
+    line-height: 30px;
+    height: 30px;
+    font-size: 12px;
+    border-radius: 4px;
+    white-space: nowrap;
+    margin: 5px;
+  }
+  .addpoint .el-tag + .el-tag {
+    margin-left: 10px;
+  }
+  .addpoint .button-new-tag {
+    margin-left: 10px;
+    height: 32px;
+    line-height: 30px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .addpoint .input-new-tag {
+    width: 90px;
+    margin-left: 10px;
+    vertical-align: bottom;
+  }
+
+</style>

src/components/blindDate/blindDateIndex.vue

@@ -175,7 +175,10 @@
           <li class="menu_item" :class="{'Fchecked':isChecked=='/recruitStick'}"  @click="isChecked='/recruitStick',CommonJump('recruitStick')">
             <i class="el-icon-menu"></i><span>招募贴</span>
           </li>
-          
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/starsList'}"  @click="isChecked='/starsList',CommonJump('starsList')">
+            <i class="el-icon-menu"></i><span>充值星星</span>
+          </li>
+
         </ul>
       </div>
     </div>

src/components/blindDate/starsList.vue

+<template>
+  <div class="starsList">
+    <div class="el-card__header">
+      <span>星星数管理</span>
+      <div style="display: flex;flex-direction: row;align-items: center">
+        <el-button type="primary" class="el-button--small" @click="addRecharge">新增</el-button>
+      </div>
+    </div>
+    <div style="padding: 20px;background: #fff;margin-top: 20px">
+      <el-table :data="tableData" header-cell-class-name="headClass" style="width: 100%" border>
+        <el-table-column prop="ID" label="ID" width="100">
+        </el-table-column>
+        <el-table-column prop="GoodsName" label="产品名称">
+        </el-table-column>
+        <el-table-column prop="SellingPrice" label="售价">
+          <template slot-scope="scope">
+            <span>
+              ￥{{scope.row.SellingPrice.toFixed(2)}}元
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="PonitNum" label="星星数">
+        </el-table-column>
+        <el-table-column prop="IsGive" label="是否赠送星星数">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.IsGive==0" type="info">不赠送</el-tag>
+            <el-tag v-if="scope.row.IsGive>0" type="warning">赠送{{scope.row.GivePoint}}星星数</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column fixed="right" label="操作" width="180">
+          <template slot-scope="scope">
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top">
+              <img src="../../assets/img/setup/edit.png" alt="" class="imgstyle" @click="Edit(scope.row)">
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+              <img src="../../assets/img/setup/del.png" alt="" class="imgstyle" @click="delete_b(scope.row)">
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
+                     layout="prev, pager, next" :current-page.sync="msg.pageIndex" :total="count">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "starsList",
+    data() {
+      return {
+        msg: {
+          pageIndex: 1,
+          pageSize: 15,
+        },
+        changeState: false,
+        dateList: [],
+
+        tableData: [],
+        count: 0,
+        loading: false,
+        EnableMsg: {
+          Ids: '',
+          TeacherStatus: 0,
+        },
+      }
+    },
+    created() {
+      this.getDateList(); //获取老师分页
+
+    },
+    methods: {
+      getDateList() {
+        this.loading = true;
+        this.apipost("/api/Point/GetPointGoodsPageList", this.msg, res => {
+          this.loading = false;
+          if (res.data.resultCode == 1) {
+            this.tableData = res.data.data.pageData;
+            this.count = res.data.data.count;
+          } else {
+            this.Info(res.data.message);
+          }
+
+        })
+      },
+      addRecharge() {
+        this.$router.push('/addstars');
+      },
+
+      Edit(row) {
+        this.$router.push({
+          name: 'addstars',
+          query: {
+            ID: row.ID,
+            blank: "y"
+          }
+        });
+      },
+      delete_b(row) {
+        let that = this;
+        that.Confirm("是否删除?", function () {
+          that.apipost(
+            "/api/Point/DeletePointGoods", {
+              Id: row.ID
+            },
+            res => {
+              if (res.data.resultCode == 1) {
+                that.Success(res.data.message);
+                that.getDateList();
+              } else {
+                that.Error(res.data.message);
+              }
+            },
+          );
+        });
+      },
+      getList() {
+        this.msg.pageIndex = 1
+        this.getDateList()
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getDateList();
+      },
+    },
+  }
+
+</script>
+
+<style>
+  .starsList .el-card__header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    background: #fff;
+
+  }
+
+  .starsList .el-button--small {
+    padding: 9px 15px;
+  }
+
+  .starsList .content .searchInput {
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    /*margin-left: 10px;*/
+  }
+
+  .starsList .content .searchInput .el-input__inner {
+    border: none;
+    outline: none;
+    height: 30px;
+    line-height: 30px;
+  }
+
+  .starsList .content .searchInput {
+    line-height: normal;
+    display: inline-table;
+    border-collapse: separate;
+    border-spacing: 0;
+    width: 250px;
+  }
+
+  .starsList .content {
+    background: #fff;
+    margin-top: 10px;
+    padding: 15px;
+    box-sizing: border-box;
+  }
+
+  .starsList .el-tag {
+    margin-right: 5px;
+  }
+
+  .starsList .app-image {
+    background-position: center center;
+    width: 50px;
+    height: 50px;
+    border-radius: 0%;
+    float: left;
+    margin-right: 8px;
+  }
+
+</style>