| | |
| | | <template> |
| | | <div class="PayCard"> |
| | | <div class="imageArea" v-if="data.pics.length"> |
| | | <img class="activeImg" :src="'/httpImage/' + activeImg.url" /> |
| | | <ImageShow class="activeImg" :src="activeImg.url" /> |
| | | <div class="imgList"> |
| | | <img |
| | | <ImageShow |
| | | v-for="(item, index) in data.pics" |
| | | class="preImg" |
| | | :src="'/httpImage/' + item.url" |
| | | :src="item.url" |
| | | :key="index" |
| | | alt="" |
| | | :class="{ active: activeImg.index == index }" |
| | | @click="selectImg(index, item.url)" |
| | | @click.native="selectImg(index, item.url)" |
| | | /> |
| | | </div> |
| | | </div> |
| | |
| | | v-if="data.productBaseDetail && data.productBaseDetail.hasAuthPrice" |
| | | > |
| | | <div class="label">授权数量</div> |
| | | <el-input-number |
| | | v-model="cartItem.chCount" |
| | | @change="handleChangeCh" |
| | | :disabled="!data.hasChUnitPrice" |
| | | size="small" |
| | | :min="1" |
| | | :max="16" |
| | | label="描述文字" |
| | | ></el-input-number> |
| | | <span class="desText">最大支持16路</span> |
| | | <el-input-number |
| | | v-model="cartItem.authCount" |
| | | @change="handleChangeAuth" |
| | |
| | | |
| | | <div class="btns"> |
| | | <div class="button addCar">加入购物车</div> |
| | | <div class="button pay" @click="confirmNow">立即购买</div> |
| | | <div class="button pay" @click="confirmNow"> |
| | | {{ data.priceBase ? "立即购买" : "免费试用" }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | payMethod: 0, |
| | | products, |
| | | status: 0, |
| | | userId: JSON.parse(sessionStorage.getItem("userInfo")).id, |
| | | }).then((res) => { |
| | | if (res.success) { |
| | | this.orderId = res.data.orderId; |