|
|
|
@ -13,20 +13,23 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<div class="flex flex-col"> |
|
|
|
<el-form-item label="类型"> |
|
|
|
<el-radio-button v-if="form.type == 0" border>完整应用</el-radio-button> |
|
|
|
<el-radio-button v-if="form.type == 1" border>插件</el-radio-button> |
|
|
|
<el-form-item label="应用名称"> |
|
|
|
<el-input v-model="cart.appName" style="width: 360px" placeholder="XXX公司官网"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<!-- <el-form-item label="类型">--> |
|
|
|
<!-- <el-radio-button v-if="form.type == 0" border>完整应用</el-radio-button>--> |
|
|
|
<!-- <el-radio-button v-if="form.type == 1" border>插件</el-radio-button>--> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<!-- <el-form-item label="交付方式" v-if="form.deliveryMethod">--> |
|
|
|
<!-- <el-radio-button v-if="form.deliveryMethod == 1" border>SaaS交付</el-radio-button>--> |
|
|
|
<!-- <el-radio-button v-if="form.deliveryMethod == 2" border>源码交付</el-radio-button>--> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<!-- <el-form-item label="套餐版本">--> |
|
|
|
<!-- <el-radio-group v-model="form.image">--> |
|
|
|
<!-- <el-radio-button value="1" border>基础版</el-radio-button>--> |
|
|
|
<!-- <el-radio-button value="2" border>标准版</el-radio-button>--> |
|
|
|
<!-- <el-radio-button value="3" border>专业版</el-radio-button>--> |
|
|
|
<!-- </el-radio-group>--> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<!-- <el-form-item label="交付方式" v-if="form.deliveryMethod">--> |
|
|
|
<!-- <el-tag v-if="form.deliveryMethod == 1">SaaS交付</el-tag>--> |
|
|
|
<!-- <el-tag v-if="form.deliveryMethod == 2">源码交付</el-tag>--> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item label="购买时长" v-if="form.chargingMethod && form.chargingMethod > 1"> |
|
|
|
<el-radio-group v-model="cart.month" @change="handleChargingMethod"> |
|
|
|
@ -67,13 +70,14 @@ |
|
|
|
<el-card shadow="hover" class="mb-4"> |
|
|
|
<template #header> |
|
|
|
<div class="card-header font-bold"> |
|
|
|
<span>配置清单</span> |
|
|
|
<span>订单详情</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<el-descriptions :title="`订购产品`" :column="1" class="mb-4"> |
|
|
|
<el-descriptions-item label="插件ID：">{{ form.menuId }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="产品类型：">{{ form.type == 1 ? '插件' : '完整应用' }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="产品名称：">{{ form.shortName }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="产品类型：">{{ form.type == 1 ? '插件' : '完整应用' }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="交付方式：">{{ form.deliveryMethod == 1 ? 'SaaS交付' : '源码交付' }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="应用名称：">{{ cart.appName }}</el-descriptions-item> |
|
|
|
<!-- <el-descriptions-item label="套餐版本：">标准版</el-descriptions-item>--> |
|
|
|
<el-descriptions-item label="购买数量：">{{ cart.num }} 套</el-descriptions-item> |
|
|
|
<el-descriptions-item label="购买时长：">{{ cart.month }} 个月</el-descriptions-item> |
|
|
|
@ -167,6 +171,7 @@ const {form, assignFields} = useFormData<Company>({ |
|
|
|
companyId: undefined, |
|
|
|
menuId: undefined, |
|
|
|
type: undefined, |
|
|
|
appName: undefined, |
|
|
|
shortName: undefined, |
|
|
|
companyName: undefined, |
|
|
|
companyType: undefined, |
|
|
|
@ -209,6 +214,7 @@ const {form, assignFields} = useFormData<Company>({ |
|
|
|
status: undefined, |
|
|
|
userId: undefined, |
|
|
|
official: undefined, |
|
|
|
deliveryMethod: undefined, |
|
|
|
chargingMethod: undefined, |
|
|
|
price: undefined, |
|
|
|
planId: undefined, |
|
|
|
@ -376,10 +382,12 @@ const onDone = () => { |
|
|
|
body: cart.value |
|
|
|
}).then(res => { |
|
|
|
if(res.code == 0){ |
|
|
|
ElMessage.success(res.message); |
|
|
|
ElMessage.success('购买成功'); |
|
|
|
visible.value = !visible.value; |
|
|
|
setTimeout(() => { |
|
|
|
navigateTo(`/user/order`) |
|
|
|
},500) |
|
|
|
} |
|
|
|
|
|
|
|
if(res.code == 1){ |
|
|
|
ElMessage.error(res.message); |
|
|
|
} |
|
|
|
|
