master
parent
737c19a9bf
commit
7f97fffcc3
@ -0,0 +1,19 @@
|
||||
import httpService from "@/request"
|
||||
|
||||
// 城市-查询所有城市信息
|
||||
export function getAllCity(params) {
|
||||
return httpService({
|
||||
url: `/city/allCity`,
|
||||
method: 'get',
|
||||
params: params,
|
||||
})
|
||||
}
|
||||
|
||||
// 城市-根据父类ID查询城市信息
|
||||
export function getCityByParent(params) {
|
||||
return httpService({
|
||||
url: `/city/findByParentId`,
|
||||
method: 'get',
|
||||
params: params,
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
import httpService from "@/request"
|
||||
|
||||
// 上传平台照片
|
||||
export function uploadImg(params) {
|
||||
return httpService({
|
||||
url: `/user/upload/uploadImg`,
|
||||
method: 'post',
|
||||
params: params,
|
||||
})
|
||||
}
|
||||
@ -1,31 +1,187 @@
|
||||
<template>
|
||||
<div class="main">
|
||||
<div class="main-content">
|
||||
<div class="cardTitle">添加订单信息</div>
|
||||
<a-divider />
|
||||
<div class="content">
|
||||
<a-form-model>
|
||||
<a-form-model :labelCol="{span: 2}" :wrapperCol="{span: 8}">
|
||||
<a-form-model-item label="订单号">
|
||||
<a-input style="width: 240px"></a-input>
|
||||
<a-input v-model="form.code" ></a-input>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="支付类型">
|
||||
<a-select v-model="form.payType">
|
||||
<a-select-option :value="1">线下</a-select-option>
|
||||
<a-select-option :value="2">支付宝</a-select-option>
|
||||
<a-select-option :value="3">微信</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="选择收费模版">
|
||||
<a-select v-model="form.chargingTemplateId" @change="modelChange">
|
||||
<a-select-option :value="item.id" v-for="(item, index) in modelData" :key="index">
|
||||
{{item.name}}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="选择功能模块">
|
||||
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="选择有效时长">
|
||||
<a-select style="width: 240px">
|
||||
|
||||
<a-select v-model="form.timeTypeId" @change="timeChange">
|
||||
<a-select-option :value="item.id" v-for="(item, index) in timeData" :key="index">
|
||||
{{item.years == 0 ? '' : item.years+'年'}}
|
||||
{{item.months == 0 ? '' : item.months+'个月'}}
|
||||
{{item.days == 0 ? '' : item.days+'天'}}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="购买金额">
|
||||
<span style="color: red">¥ {{form.payPrice}}</span>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="选择公司">
|
||||
<a-select v-model="form.companyId" @change="boundCom">
|
||||
<a-select-option :value="item.id" v-for="(item, index) in companyData" :key="index">
|
||||
{{item.companyName}}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="绑定小区">
|
||||
<a-select v-model="form.communityId">
|
||||
<a-select-option :value="item.id" v-for="(item, index) in comData" :key="index">
|
||||
{{item.companyName}}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</div>
|
||||
<div class="cardTitle">高级配置</div>
|
||||
<div class="content">
|
||||
<a-form-model :labelCol="{span: 2}" :wrapperCol="{span: 8}">
|
||||
<a-form-model-item label="域名">
|
||||
<a-input style="width: 394px"></a-input>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="服务器ip">
|
||||
<a-input style="width: 394px"></a-input>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="是否定制">
|
||||
<a-select style="width: 394px" @change="textareaDisable" v-model="form.isCustomized">
|
||||
<a-select-option :value="0">
|
||||
不定制
|
||||
</a-select-option>
|
||||
<a-select-option :value="1">
|
||||
定制
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="定制需求">
|
||||
<a-textarea v-model="form.customizedDemand" style="width: 394px" :disabled="form.isCustomized == 0" placeholder="请填写定制需求">
|
||||
</a-textarea>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</div>
|
||||
</div>
|
||||
<a-space style="margin-left: 138px">
|
||||
<a-button type="primary" @click="addConfirm">创建订单</a-button>
|
||||
<a-button @click="cancel">取消</a-button>
|
||||
</a-space>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getAllRequest,getComById, createOrder, calcAmount} from "@/api/manage";
|
||||
import {findTimeType, getChargingList, getChargeById} from "@/api/manage";
|
||||
export default {
|
||||
|
||||
name: "addOrder",
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
code: '',
|
||||
payType: 1,
|
||||
chargingTemplateId: undefined,
|
||||
modelFunctionId: [1],
|
||||
timeTypeId: undefined,
|
||||
payPrice: 0,
|
||||
companyId: undefined,
|
||||
communityId: undefined,
|
||||
domainName: '',
|
||||
serviceIp: '',
|
||||
isCustomized: 0, //定制
|
||||
customizedDemand: '' //定制需求
|
||||
},
|
||||
//公司列表
|
||||
companyData: [],
|
||||
comData: [], //小区列表
|
||||
//时长列表
|
||||
timeData: [],
|
||||
//收费模版
|
||||
modelData: [],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getApi();
|
||||
},
|
||||
methods: {
|
||||
getApi() {
|
||||
let obj = {pageNum: 1,size: 1000};
|
||||
getAllRequest(obj).then(res => {
|
||||
let data = res.data.rows
|
||||
this.companyData = data;
|
||||
})
|
||||
findTimeType().then(res => {
|
||||
let data = res.data;
|
||||
this.timeData = data
|
||||
})
|
||||
getChargingList(Object.assign(obj, {name: ''})).then(res => {
|
||||
let data = res.data.rows;
|
||||
this.modelData = data
|
||||
})
|
||||
},
|
||||
getPrice() {
|
||||
if(this.form.chargingTemplateId && this.form.modelFunctionId && this.form.timeTypeId) {
|
||||
let obj = {
|
||||
chargingTemplateId: this.form.chargingTemplateId,
|
||||
modelFunctionId: this.form.modelFunctionId,
|
||||
timeTypeId: this.form.timeTypeId
|
||||
};
|
||||
calcAmount(obj).then(res => {
|
||||
let data = res.data;
|
||||
this.form.payPrice = data * 1
|
||||
});
|
||||
}
|
||||
},
|
||||
modelChange(val) {
|
||||
getChargeById({id: val}).then(res => {
|
||||
console.log(res)
|
||||
});
|
||||
this.getPrice();
|
||||
},
|
||||
timeChange(val) {
|
||||
this.getPrice();
|
||||
},
|
||||
textareaDisable(val) {
|
||||
if(val == 0) {
|
||||
this.form.customizedDemand = ''
|
||||
}
|
||||
},
|
||||
//绑定小区
|
||||
boundCom(val) {
|
||||
getComById(val).then(res => {
|
||||
let data = res.data;
|
||||
this.comData = data
|
||||
})
|
||||
},
|
||||
addConfirm() {
|
||||
createOrder(this.form).then(res => {
|
||||
console.log(res)
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.$router.go(-1);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
<style lang="less">
|
||||
.main-content {
|
||||
margin-left: 125px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<div>
|
||||
test
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in new issue