调整

src/components/AiPayment.vue

@@ -5,23 +5,33 @@
       <el-tab-pane label="金币充值" name="1"/>
     </el-tabs>
     <div class="content">
-      <div class="payments mb-16">
-        <div class="card" v-for="pay in payments" :key="pay.id" :class="{active:pay.id==selected}"
-             @click="getQrcode(pay.id)">
+      <div v-if="search.module == '0' " style="grid-template-columns: 1fr 1fr" class="payments mb-16">
+        <div class="card" v-for="pay in payments" :key="pay.id" :class="{active:pay.id==selected.id}"
+             @click="getQrcode(pay)">
           <div v-text="pay.title"/>
-          <div class="c-red mt-16" v-text="`￥${pay.price}`"/>
+          <div class="c-f00 mt-16" v-text="`￥${pay.price}`"/>
+        </div>
+      </div>
+      <div v-if="search.module == '1' " class="payments mb-16">
+        <div class="card" v-for="pay in payments" :key="pay.id" :class="{active:pay.id==selected.id}"
+             @click="getQrcode(pay)">
+          <div class="c-f00 mt-16" v-text="`￥${pay.price}`"/>
+          <div class="c-999 mt-16" v-text="`${pay.coin}金币`"/>
         </div>
       </div>
       <el-row type="flex" align="middle">
-        <ul class="fill">
-          <li v-for="(desc,i) in descriptions" :key="i" v-text="desc"/>
+        <ul class="fill" v-if="search.module == '0'">
+          <li v-for="(desc,i) in descriptionsModule0" :key="i" v-text="desc"/>
+        </ul>
+        <ul class="fill" v-if="search.module == '1'">
+          <li v-for="(desc,i) in descriptionsModule1" :key="i" v-text="desc"/>
         </ul>
         <div class="fill flex-center">
           <vue-qr v-if="qrcode" :text="qrcode" :size="120" :margin="8" :logoSrc="wechatLogo"/>
-          <div v-else class="qrcode c-666">请选择<br>支付方案</div>
+          <div v-else class="qrcode c-666">请选择<br>项目</div>
           <div class="c-999 ml-16">
             <div class="flex-center mb-16">
-              应付金额：￥{{ amount }}
+              应付金额：<div class="c-f00" style="font-size: 20px;">￥{{ selected.price }}</div>
             </div>
             <div class="wechat flex-center">
               微信扫码支付
@@ -47,11 +57,12 @@ export default {
     return {
       search: {module: "0"},
       show: true,
-      descriptions: ["抢仓发货", "数据下载", "复制商品", "会员服务"],
+      descriptionsModule0: ["抢仓发货", "数据下载", "复制商品", "会员服务"],
+      descriptionsModule1: ["智能复制"],
       payments: [],
       qrcode: "",
       amount: 0,
-      selected: ""
+      selected: {}
     }
   },
   computed: {
@@ -67,10 +78,11 @@ export default {
         }
       })
     },
-    getQrcode(priceConfigId) {
-      this.selected = priceConfigId
+    getQrcode(item) {
+
+      this.selected = item
       this.$http.post("/api/order/createOrder", null, {
-        params: {priceConfigId}
+        params: {priceConfigId: item.id}
       }).then(res => {
         if (res?.data?.id) {
           return res.data.id