20261008

pages/user/components/yaoqing.vue

@@ -40,7 +40,7 @@
             :before-close="handleClose">
             <view class="p3">
                 <view v-for="(item, index) in userLevelList" :key="index">
-                    <view class="item pointer"
+                    <view class="item pointer p-20"
                           v-if="item.recommendUpgrade && parseInt(item.recommendUpgrade) > 0"
                           :class="index == current ? 'active' : ''" @click="onSelect(item, index)">
                         <view class="t">{{ item.name }}</view>
@@ -50,7 +50,7 @@
             </view>
             <span slot="footer" class="dialog-footer">
 		    <el-button @click="dialogVisible = false">取 消</el-button>
-		    <el-button type="primary" @click="exchangeUpgrade">确定兑换</el-button>
+		    <el-button type="primary" @click="exchangeUpgrade" :disabled="current == null">确定兑换</el-button>
 		  </span>
         </el-dialog>
     </view>
@@ -61,7 +61,7 @@ export default {
     data() {
         return {
             progress: 0,
-            current: 0,
+            current: null,
             dialogVisible: false,
             user: this.vk.getVuex('$user.userInfo'),
             userLevelList: [],
@@ -77,9 +77,14 @@ export default {
         },
         onSelect(item, index) {
             if (parseInt(this.user.inviteNum) >= item.recommendUpgrade && item.level > parseInt(this.user.userLevel)) this.current = index
+            else this.$message({
+                type: 'error',
+                message: '您的邀请人数不足'
+            })
         },
         copy() {
-            const url = window.location.origin + `/#/pages/auth/register/register?code=${this.user.my_invite_code}`
+            // const url = window.location.origin + `/#/pages/auth/register/register?code=${this.user.my_invite_code}`
+            const url = this.user.my_invite_code
             document.oncopy = function (e) {
                 e.clipboardData.setData('text', url);
                 e.preventDefault();
@@ -172,7 +177,7 @@ export default {
 
         .item {
             width: 250upx;
-            height: 180upx;
+            min-height: 240upx;
             border-radius: 10upx;
             box-shadow: 1px 1px 5px 1px #A92924;
             display: flex;
@@ -181,6 +186,7 @@ export default {
             justify-content: center;
             font-size: 24upx;
             color: #A92924;
+            padding: 10upx 20upx;
 
             .t {
                 font-size: 30upx;