| | |
| | | <div class="title"> |
| | | <div class="name">{{ data.productName }}</div> |
| | | <div class="tagList"> |
| | | <span class="tag" v-for="(name, index) in labels" :key="index">{{ |
| | | <!-- <span class="tag" v-for="(name, index) in labels" :key="index">{{ |
| | | name |
| | | }}</span> |
| | | }}</span> --> |
| | | <span class="tag red" v-if="data.productType == 1">软件</span> |
| | | <span class="tag orange" v-if="data.productType == 4">应用</span> |
| | | <span class="tag lightBlue" v-if="data.productType == 3">SDK</span> |
| | | <span class="tag" v-if="data.productType == 2">软硬一体</span> |
| | | <span class="tag blue" v-if="data.productType == 5">产品密钥</span> |
| | | </div> |
| | | </div> |
| | | <div class="des">{{ data.description }}</div> |
| | | <div class="typeVersion"> |
| | | <div class="label">型号:</div> |
| | | <div class="typeVersionContent">{{ data.productModel }}</div> |
| | | <div class="typeVersionContent"> |
| | | {{ data.productModel ? data.productModel : "-" }} |
| | | </div> |
| | | <div class="label">版本:</div> |
| | | <div class="typeVersionContent">{{ data.productVersion }}</div> |
| | | <div class="typeVersionContent"> |
| | | {{ data.productVersion ? data.productVersion : "-" }} |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="price"> |
| | | <div class="label">价格</div> |
| | | <div class="number">¥{{ data.priceBase }}.00</div> |
| | | <div class="number">¥{{ this.totalMoney }}.00</div> |
| | | </div> |
| | | |
| | | <div class="row"> |
| | |
| | | </div> |
| | | |
| | | <div class="btns"> |
| | | <div class="button addCar">加入购物车</div> |
| | | <!-- <div class="button addCar">加入购物车</div> --> |
| | | <div class="button pay" @click="confirmNow"> |
| | | {{ data.priceBase ? "立即购买" : "免费试用" }} |
| | | {{ totalMoney ? "立即购买" : "免费试用" }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | showOrder: false, |
| | | orderId: "", |
| | | }; |
| | | }, |
| | | computed: { |
| | | totalMoney() { |
| | | let modulesPrice = 0; |
| | | this.cartItem.moduleIds.forEach((id) => { |
| | | this.data.modulePriceSet.forEach((module) => { |
| | | if (module.moduleId === id) { |
| | | modulesPrice += module.modulePrice; |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | let priceSingle = |
| | | this.data.priceBase + |
| | | this.data.authPrice * this.cartItem.authCount + |
| | | this.data.chUnitPrice * this.cartItem.chCount + |
| | | modulesPrice; |
| | | |
| | | console.log(this.data); |
| | | |
| | | return priceSingle * this.cartItem.devCount * this.cartItem.timeLength; |
| | | }, |
| | | }, |
| | | methods: { |
| | | getInfo() { |
| | |
| | | this.cartItem.timeLength = year; |
| | | }, |
| | | selectModel(index) { |
| | | console.log("-----"); |
| | | console.log(this.isSmartCalDot); |
| | | if (this.isSmartCalDot) { |
| | | return; |
| | | } |
| | |
| | | }, |
| | | ]; |
| | | resumeOrder({ |
| | | orderMoney: this.numeral(this.sum).value(), |
| | | orderMoney: this.numeral(this.totalMoney).value(), |
| | | payMethod: 0, |
| | | products, |
| | | status: 0, |
| | |
| | | if (res.success) { |
| | | this.orderId = res.data.orderId; |
| | | |
| | | if (this.data.priceBase == 0) { |
| | | if (this.totalMoney == 0) { |
| | | resumePay({ orderId: this.orderId, payMethod: 5 }).then((res) => { |
| | | if (res.success) { |
| | | this.$router.push({ |
| | | path: "/personalCenter", |
| | | query: { |
| | | id: 1, |
| | | id: 0, |
| | | }, |
| | | }); |
| | | this.$notify({ |
| | |
| | | padding: 2px 5px; |
| | | border: 1px solid #ff5033; |
| | | color: #ff5033; |
| | | |
| | | &.red { |
| | | color: #ff4f32; |
| | | border-color: #ff4f32; |
| | | } |
| | | |
| | | &.orange { |
| | | color: #ff9500; |
| | | border-color: #ff9500; |
| | | } |
| | | |
| | | &.lightBlue { |
| | | color: #00bee7; |
| | | border-color: #00bee7; |
| | | } |
| | | |
| | | &.blue { |
| | | color: #0064ff; |
| | | border-color: #0064ff; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | .el-tag { |
| | | margin-top: 0; |
| | | } |
| | | |
| | | .el-select__tags-text { |
| | | color: #999; |
| | | } |
| | | } |
| | | } |
| | | |