注册购买链接

src/views/agent/Franchise.vue

@@ -35,8 +35,12 @@
                                                 <div slot="formLeft" class="form-top-icon">
                                                     <img src="../../assets/franchise1/storeNum.svg" alt="">
                                                     <span>订单号</span>
+                                                    <span v-if="servicePrice && firstRecharge" class="formDesc">{{servicePrice}}元加盟费+{{firstRecharge}}元充值账户余额</span>
+                                                </div>
+                                                <GuipInput slot="formDom" ref="GuipInput" v-model="form.tid" prop="tid" placeholder="拍1件金额3000元订单"/>
+                                                <div slot="formRight">
+                                                    <a v-if="buyUrl" :href="buyUrl" target="_blank" class="buyLink">点击购买</a>
                                                 </div>
-                                                <GuipInput slot="formDom" ref="GuipInput" v-model="form.tid" prop="tid" placeholder="拍1件金额3000元订单" desc="2000元加盟费+1000元充值账户余额"/>
                                             </GuipFormItem>
                                             <GuipFormItem column="column" addClass="w388">
                                                 <div slot="formLeft" class="form-top-icon">
@@ -151,6 +155,9 @@ export default {
                 width: '388px',
                 height: '46px'
             },
+            buyUrl:'',
+            servicePrice: 0,
+            firstRecharge: 0,
             form: {
                 tid: '',
                 name: '',
@@ -192,6 +199,7 @@ export default {
         if(this.$route.query.aid){
             this.form.recommended_aid = this.$route.query.aid;
         }
+        this.getJoinInfo()
     },
     computed: {
         canSend() {
@@ -199,6 +207,20 @@ export default {
         }
     },
     methods: {
+        getJoinInfo(){
+            const that = this
+            this.$http('POST', '/agentnew/ajax_get_register_info', {}).then(response => {
+                if (!response.status) {
+                    that.$message.warning(response.info);
+                    return false
+                }
+                that.buyUrl = response.data.buy_url
+                that.servicePrice = response.data.service_price
+                that.firstRecharge = response.data.first_recharge
+            }).catch(error => {
+                console.error(error, 'error')
+            })
+        },
         // 校验手机号
         validatePhone() {
             this.$refs.formRef.validateField('phone')
@@ -323,4 +345,17 @@ export default {
 .web-req-right-top {
     flex: 1;
 }
+
+.formDesc{
+  color: #8A9099;
+  font-size: 12px;
+  margin-left: 12px;
+  letter-spacing: 0.08em;
+}
+.buyLink{
+  color: #006AFF;
+  font-size: 14px;
+  letter-spacing: 0.08em;
+  text-decoration: none;
+}
 </style>

src/views/agent/home.vue

@@ -71,8 +71,8 @@
                 <div v-for="verid in vers" :key="verid" class="item-list homeFont">
                   <p class="item-list-name mt-16" v-if="ver2types[verid] && ver2types[verid].length>1">{{ ver2info[verid].name }}</p>
                   <p v-else></p>
-                  <p class="flex-between" v-for="type in ver2types[verid]" :key="type">
+                  <p class="flex-between item-list-text" v-for="type in ver2types[verid]" :key="type">
-                    {{ type2name[type] }}
+                    <span>{{ type2name[type] }}</span>
                     <span>{{ supplyPriceList[type].price }}元 / {{ supplyPriceList[type].unit_format }}</span>
                   </p>
                 </div>
@@ -590,6 +590,18 @@ a {
               margin-bottom: 8px;
               color: #1E2226;
             }
+
+            .item-list-text{
+              span{
+                width: 50%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              }
+              span:nth-child(2){
+                text-align: right;
+              }
+            }
           }
         }