diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/imgs/r-j.png b/fuintCashierWeb/src/views/cashier/NewComponents/imgs/r-j.png
new file mode 100644
index 000000000..b5196400b
Binary files /dev/null and b/fuintCashierWeb/src/views/cashier/NewComponents/imgs/r-j.png differ
diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/newHomeComponents/memberRecharge.vue b/fuintCashierWeb/src/views/cashier/NewComponents/newHomeComponents/memberRecharge.vue
index 0c75d92aa..7a179c147 100644
--- a/fuintCashierWeb/src/views/cashier/NewComponents/newHomeComponents/memberRecharge.vue
+++ b/fuintCashierWeb/src/views/cashier/NewComponents/newHomeComponents/memberRecharge.vue
@@ -15,7 +15,42 @@ export default {
           name:'礼品卡兑换',
           num:2
         }
-      ]
+      ],
+      kangList:[
+        "充值5000元赠送500元",
+        "充值10000元赠送1500元"
+      ],
+      tabIndex:0,
+      kIndex:0,
+      ruleForm: {
+        text1:'',
+        text2:'',
+        text3:'',
+        text4:'',
+        name: '',
+        name1: '',
+        name2: '',
+        region: '',
+        date1: '',
+        date2: '',
+        delivery: false,
+        type: [],
+        resource: '',
+        desc: ''
+      },
+      rules: {
+        price:[
+          { required: true, message: '充值金额', trigger: 'change' }
+        ],
+      }
+    }
+  },
+  methods:{
+    setindex(index){
+      this.tabIndex = index
+    },
+    setIndex(index){
+      this.kIndex = index
     }
   }
 }
@@ -24,10 +59,116 @@ export default {
 <template>
 <div>
   <div class="top-dd">
-    <div class="tab-dv" v-for="(item,index) in  tabList" :key="index">
+    <div class="tab-dv" v-for="(item,index) in  tabList" :key="index" :class="{ 'active' :tabIndex==index}" @click="setindex(index)" >
       {{item.name}}
     </div>
-    <div v-if=""></div>
+  </div>
+  <div v-if="tabIndex == 0">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
+      <el-form-item label="充值金额" prop="price" >
+      </el-form-item>
+      <div class="d-s">
+          <div class="k_kang" v-for="(item,index) in kangList" :key="index" @click="setIndex(index)" >
+            {{item}}
+            <img src="../imgs/r-j.png" class="p-img" v-if="kIndex == index" >
+          </div>
+      </div>
+      <el-form-item label="自定义充值本金" prop="region" >
+        <el-input v-model="ruleForm.text4" style="width: 330px">
+          <template slot="append">元</template>
+        </el-input>
+      </el-form-item>
+      <div style="display: flex">
+      <el-form-item label="赠送金额" prop="text">
+        <el-input v-model="ruleForm.text1" style="width: 150px">
+          <template slot="append">元</template>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="赠送积分" prop="text">
+        <el-input v-model="ruleForm.text2" style="width: 150px">
+          <template slot="append">积分</template>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="赠送成长值" prop="text">
+        <el-input v-model="ruleForm.text3" style="width: 150px">
+          <template slot="append">成长值</template>
+        </el-input>
+      </el-form-item>
+      </div>
+      <el-form-item label="提成员工" prop="region" >
+        <el-select v-model="ruleForm.region" placeholder="请选择提成员工" style="width: 330px">
+          <el-option label="员工一" value="shanghai"></el-option>
+          <el-option label="员工二" value="beijing"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="充值备注" prop="desc" style="width: 450px">
+        <el-input type="textarea" v-model="ruleForm.desc"></el-input>
+      </el-form-item>
+      <el-form-item label="支付方式" prop="resource">
+        <el-radio-group v-model="ruleForm.resource">
+          <el-radio label="支付宝"></el-radio>
+          <el-radio label="微信"></el-radio>
+          <el-radio label="银联二维码"></el-radio>
+          <el-radio label="现金"></el-radio>
+        </el-radio-group>
+      </el-form-item>
+    </el-form>
+  </div>
+  <div v-if="tabIndex == 1">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
+      <el-form-item label="油品油号" prop="resource">
+        <el-radio-group v-model="ruleForm.resource">
+          <el-radio label="汽油98#"></el-radio>
+          <el-radio label="汽油95#"></el-radio>
+          <el-radio label="汽油92#"></el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="充值金额" prop="price" >
+      </el-form-item>
+      <div class="d-s">
+        <div class="k_kang" v-for="(item,index) in kangList" :key="index" @click="setIndex(index)" >
+          {{item}}
+          <img src="../imgs/r-j.png" class="p-img" v-if="kIndex == index" >
+        </div>
+      </div>
+      <el-form-item label="赠送积分" prop="region" >
+        <el-input v-model="ruleForm.text4" style="width: 330px">
+          <template slot="append">积分</template>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="提成员工" prop="region" >
+        <el-select v-model="ruleForm.region" placeholder="请选择提成员工" style="width: 330px">
+          <el-option label="员工一" value="shanghai"></el-option>
+          <el-option label="员工二" value="beijing"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="充值备注" prop="desc" style="width: 450px">
+        <el-input type="textarea" v-model="ruleForm.desc"></el-input>
+      </el-form-item>
+      <el-form-item label="支付方式" prop="resource">
+        <el-radio-group v-model="ruleForm.resource">
+          <el-radio label="支付宝"></el-radio>
+          <el-radio label="微信"></el-radio>
+          <el-radio label="银联二维码"></el-radio>
+          <el-radio label="现金"></el-radio>
+        </el-radio-group>
+      </el-form-item>
+    </el-form>
+  </div>
+  <div v-if="tabIndex == 2">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+      <el-form-item label="礼品卡号" prop="name">
+        <el-input v-model="ruleForm.name" placeholder="扫描或输入礼品卡号" style="width: 390px" ></el-input>
+      </el-form-item>
+      <el-form-item label="礼品卡密码" prop="name">
+        <el-input v-model="ruleForm.name1" placeholder="扫描或输入礼品卡密码" style="width: 390px"></el-input>
+      </el-form-item>
+      <el-form-item label="礼品卡金额" prop="name" >
+        <el-input v-model="ruleForm.name2" style="width: 390px"  :disabled="true"  >
+          <template slot="append">元</template>
+        </el-input>
+      </el-form-item>
+    </el-form>
   </div>
 </div>
 </template>
@@ -37,6 +178,9 @@ export default {
   width: 100%;
   display: flex;
   align-items: center;
+  margin-bottom: 15px;
+  box-sizing: border-box;
+  padding-left: 30px;
 }
 .tab-dv{
   width: 200px;
@@ -52,4 +196,33 @@ export default {
   margin-right:10px ;
   cursor: pointer;
 }
+.active{
+  background:#FF9655 !important ;
+  color: #fff !important;
+}
+.d-s{
+  display: flex;
+  align-items: center;
+  margin-bottom: 25px;
+  padding-left: 50px;
+}
+.k_kang{
+  width: 200px;
+  height: 50px;
+  background: #FFFFFF;
+  border: 1px solid #FF9655;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 25px;
+  cursor: pointer;
+  position: relative;
+}
+.p-img{
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  right: 0px;
+  bottom: 0px;
+}
 </style>