Compare commits

...

3 Commits

Binary file not shown.

@ -12,6 +12,7 @@
"core-js": "^3.6.5",
"less": "^4.1.2",
"less-loader": "5.0.0",
"moment": "^2.29.2",
"nprogress": "^0.2.0",
"vue": "^2.6.11",
"vue-router": "^3.5.3",

Binary file not shown.

@ -14,6 +14,8 @@ export const form = {
contactsAddressDetail: '',
idCardFrontImgUrls:[],
idCardBackImgUrls:[],
licenseTimeStart: '',
licenseTimeEnd: '',
businessLicenseImgUrls:[],
othersImgUrls:[],
}

@ -22,7 +22,7 @@
<div class="content">
<div class="top" v-if="companyInfo == null">
<span style="margin-left: 30px">
<div class="top-a">你好{{ username }}</div>
<div class="top-a">你好欢迎使用小蜜蜂</div>
<div class="top-b">请尽快绑定企业信息进行下一步</div>
</span>
<span>
@ -64,11 +64,10 @@
}}</a-col
>
</a-col>
<a-col :span="5" style="line-height:130px;margin-top:-20px"
><a-button shape="round" size="default" @click="editCompany()"
>修改公司信息</a-button
></a-col
>
<a-col :span="5" style="line-height:130px;margin-top:-20px">
<!-- <a-button shape="round" size="default" @click="editCompany()"
>修改公司信息</a-button> -->
</a-col>
</a-row>
</div>
</div>
@ -77,7 +76,7 @@
<a-col :span="18">
<div class="card-a">
<div class="cardTitle">小区后台</div>
<div class="card-a-content">
<div class="card-a-content" v-if="companyInfo != null">
<div v-if="estateList != null">
<div style="color: #d53131" v-show="estateList == null">
当前尚未添加小区信息
@ -90,8 +89,8 @@
:key="index"
>
<template slot="actions" class="ant-card-actions">
<span @click="handlerBound(item)"></span>
<span @click="handlerDetail(item)"></span>
<span><a @click="handlerBound(item)"></a></span>
<span><a @click="handlerDetail(item)"></a></span>
</template>
<a-card-meta
:title="item.name"
@ -107,6 +106,9 @@
</div>
</div>
</div>
<div class="card-a-content" v-else>
<span style="margin-left:24px">入住企业申请通过后才可添加小区/订单</span>
</div>
</div>
</a-col>
<a-col :span="6">
@ -147,7 +149,7 @@
}}<span style="color: #00000073; font-size: 14px">到期</span>
</div>
<template slot="actions" class="ant-card-actions">
<span><a>续费</a></span>
<!-- <span><a>续费</a></span> -->
<span><a @click="unbound(item)"></a></span>
<span><a @click="orderDetail(item)"></a></span>
<!-- <span>支付</span>
@ -160,11 +162,14 @@
</div>
</a-card>
</div>
<div class="card-b-content" v-else>
<div class="card-b-content" v-else-if="companyInfo != null">
<div>当前无订单</div>
<div>请购买后台功能</div>
<a @click="newOrder"> </a>
</div>
<div class="card-b-content" v-else>
<!-- <span>入住企业申请通过后才可添加小区/订单</span> -->
</div>
</div>
</a-col>
</a-row>
@ -229,6 +234,25 @@
</a-descriptions-item>
</a-descriptions>
</a-drawer>
<a-drawer title="小区详情" :visible="orderVisible" @close="orderClose" width="512">
<a-descriptions :column="1" layout="vertical">
<a-descriptions-item label="订单号">
{{orderInfoDetail.code}}
</a-descriptions-item>
<a-descriptions-item label="订单状态">
{{orderInfoDetail.status==1?'未绑定':2?'业务受理中':3?'生效中':'已失效'}}
</a-descriptions-item>
<a-descriptions-item label="购买功能">
<a-tag v-for="(item,index) in orderInfoDetail.includeFunctionModelList" :key="index">{{item}}</a-tag>
</a-descriptions-item>
<a-descriptions-item label="价格">
¥ <span style="color: red">{{(orderInfoDetail.price*1).toFixed(2)}}</span>
</a-descriptions-item>
<a-descriptions-item label="有效日期至">
{{(orderInfoDetail.expirationDate)}}
</a-descriptions-item>
</a-descriptions>
</a-drawer>
</div>
</template>
@ -268,7 +292,10 @@ export default {
boundForm: {communityId: undefined, adminFunctionOrderId: undefined},
//
villageVisible: false,
villageData: {}
villageData: {},
//
orderInfoDetail: {},
orderVisible: false
};
},
mounted() {
@ -339,6 +366,8 @@ export default {
},
//
orderDetail(val) {
this.orderInfoDetail = val;
this.orderVisible = true;
},
//
handlerDetail(val) {
@ -351,6 +380,9 @@ export default {
villageClose() {
this.villageVisible = false
},
orderClose() {
this.orderVisible = false
},
//
unbound(val) {
let obj = {adminFunctionOrderId : val.id}
@ -412,9 +444,9 @@ export default {
padding-top: 10px;
min-height: 600px;
.card-a-content {
color: #00000073;
font-size: 14px;
padding: 13px;
color: #00000073;
font-size: 14px;
padding: 13px;
.cardBox {
display: flex;
flex-direction: row;

@ -3,10 +3,12 @@
<div class="main-content">
<div class="cardTitle">添加订单信息</div>
<div class="content">
<a-form-model :labelCol="{span: 2}" :wrapperCol="{span: 8}" :rules="rules">
<a-form-model ref="order" :model="form" :labelCol="{span: 2}" :wrapperCol="{span: 8}" :rules="rules">
<!-- <a-form-model-item label="订单号">
<a-input v-model="form.code" ></a-input>
</a-form-model-item> -->
<a-row>
<a-col :span="24">
<a-form-model-item label="支付类型" prop="payType">
<a-select v-model="form.payType">
<a-select-option :value="1">线下</a-select-option>
@ -14,6 +16,8 @@
<a-select-option :value="3">微信</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="选择收费模版" prop="chargingTemplateId">
<a-select v-model="form.chargingTemplateId" @change="modelChange">
<a-select-option :value="item.id" v-for="(item, index) in modelData" :key="index">
@ -21,9 +25,13 @@
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="选择功能模块" prop="modelFunctionId">
<a-checkbox-group v-model="form.modelFunctionId" :options="functionType" @change="functionChange" />
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="选择有效时长" prop="timeTypeId">
<a-select v-model="form.timeTypeId" @change="timeChange">
<a-select-option :value="item.id" v-for="(item, index) in timeType" :key="index">
@ -34,9 +42,13 @@
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="购买金额">
<span style="color: red">¥ {{form.payPrice}}</span>
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="绑定小区" prop="communityId">
<a-select v-model="form.communityId">
<a-select-option :value="item.id" v-for="(item, index) in comData" :key="index">
@ -44,6 +56,8 @@
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
</a-row>
</a-form-model>
</div>
<div class="cardTitle">高级配置</div>
@ -102,11 +116,11 @@ export default {
customizedDemand: '' //
},
rules: {
payType: [{ required: true, message: "请选择类型", trigger: "blur" }],
chargingTemplateId: [{ required: true, message: "请选择模版", trigger: "blur" }],
modelFunctionId: [{ required: true, message: "请选择模块", trigger: "blur" }],
timeTypeId: [{ required: true, message: "请选择时长", trigger: "blur" }],
communityId: [{ required: true, message: "请选择小区", trigger: "blur" }],
payType: [{ required: true, message: "请选择类型", trigger: "change" }],
chargingTemplateId: [{ required: true, message: "请选择模版", trigger: "change" }],
modelFunctionId: [{ required: true, message: "请选择模块", trigger: "change" }],
timeTypeId: [{ required: true, message: "请选择时长", trigger: "change" }],
communityId: [{ required: true, message: "请选择小区", trigger: "change" }],
},
comData: [], //
//
@ -149,10 +163,12 @@ export default {
modelFunctionId: this.form.modelFunctionId,
timeTypeId: this.form.timeTypeId
};
calcAmount(obj).then(res => {
let data = res.data;
this.form.payPrice = data * 1
});
if(obj.modelFunctionId.length != 0) {
calcAmount(obj).then(res => {
let data = res.data;
this.form.payPrice = data * 1
});
}
}
},
modelChange(val) {
@ -204,12 +220,16 @@ export default {
}
},
addConfirm() {
createOrder(this.form).then((res) => {
if (res.code === 200) {
this.$message.success(res.msg);
this.$router.go(-1);
} else {
this.$message.error(res.msg);
this.$refs.order.validate((valid) => {
if(valid) {
createOrder(this.form).then((res) => {
if (res.code === 200) {
this.$message.success(res.msg);
this.$router.go(-1);
} else {
this.$message.error(res.msg);
}
})
}
})
},
@ -223,5 +243,6 @@ export default {
<style lang="less">
.main-content {
margin-left: 125px;
width: 1400px
}
</style>

@ -32,7 +32,10 @@
v-model="form.code"
style="width: 60%; margin-right: 10px"
/>
<a-button type="primary" @click="getCode"></a-button>
<!-- <a-button type="primary" @click="getCode"></a-button> -->
<a-button type="primary" @click="getCode" :disabled="inCodeGap">
{{inCodeGap == false ? '获取验证码' : codeGap+'s后再次获取'}}
</a-button>
</a-form-model-item>
<a-form-model-item
><div class="cardTitle">基础信息</div></a-form-model-item
@ -99,14 +102,13 @@
</a-form-model-item>
</a-col>
</a-row>
<!-- licenseTimeStart licenseTimeEnd -->
<a-row>
<a-col :span="12">
<a-form-model-item
label="营业执照有效期限开始时间"
prop="licenseTimeStart"
>
<a-date-picker v-model="form.licenseTimeStart" value-format="YYYY-MM-DD HH:mm:ss"/>
<a-date-picker v-model="form.licenseTimeStart" :disabledDate="disabledStartDate" value-format="YYYY-MM-DD HH:mm:ss"/>
</a-form-model-item>
</a-col>
<a-col :span="12">
@ -114,23 +116,23 @@
label="营业执照有效期限结束时间(如长期可不选)"
prop="licenseTimeEnd"
>
<a-date-picker v-model="form.licenseTimeEnd" value-format="YYYY-MM-DD HH:mm:ss"/>
<a-date-picker v-model="form.licenseTimeEnd" :disabledDate="disabledEndDate" value-format="YYYY-MM-DD HH:mm:ss"/>
</a-form-model-item>
</a-col>
</a-row>
<a-form-model-item label="法人身份证">
<span
><span style="color: #1f519b">请上传法人身份证正面照反面照</span
>文件大小不超过5mb支持jpgpng格式</span
>
<span>
<span style="color: #8c8c8c">请上传法人身份证正面照反面照</span>
<span style="color: #8c8c8c">文件大小不超过5mb支持jpgpng格式</span>
</span>
<a-row>
<a-col :span="12">
头像面
<span style="color: #8c8c8c">头像面</span>
<!-- idCardFrontImgUrls -->
<commonUpload @handleChange='handleChange($event,1)'/>
</a-col>
<a-col :span="12">
国徽面
<span style="color: #8c8c8c">国徽面</span>
<!-- idCardBackImgUrls -->
<commonUpload @handleChange='handleChange($event,2)'/>
</a-col>
@ -138,10 +140,10 @@
</a-form-model-item>
<a-form-model-item label="营业执照">
<!-- businessLicenseImgUrls -->
<span
><span style="color: #1f519b">请上传公司营业执照</span
>文件大小不超过5mb支持jpgpng格式</span
>
<span>
<span style="color: #8c8c8c">请上传公司营业执照</span>
<span style="color: #8c8c8c">文件大小不超过5mb支持jpgpng格式</span>
</span>
<a-row>
<a-col :span="12">
公司营业执照
@ -152,9 +154,11 @@
<!-- othersImgUrls -->
<a-form-model-item label="其他附件">
<span
><span style="color: #1f519b"
><span style="color: #8c8c8c"
>如从事某些特定行业需要上传对应的资质证书</span
>文件大小不超过5mb支持jpgpng格式</span
>
<span style="color: #8c8c8c">文件大小不超过5mb支持jpgpng格式</span>
</span
>
<a-row>
<a-col :span="12">
@ -195,8 +199,10 @@
</template>
<script>
import moment from "moment";
import { settledInsert } from "@/api/basic/console";
import { allCity } from "@/api/public";
import { sendTelCode } from "@/api/public/login";
import { form, rules, cascaderConfig } from "./depend/settledForm";
export default {
data() {
@ -208,6 +214,8 @@ export default {
form,
rules,
city: [],
inCodeGap: false,
codeGap: 60,
};
},
created() {
@ -222,7 +230,25 @@ export default {
})
},
//
getCode() {},
getCode() {
let num = setInterval(() => {
this.inCodeGap = true;
this.codeGap -= 1;
if(this.codeGap < 1) {
clearInterval(num);
if(this.codeGap < 1) {
this.inCodeGap = false;
this.codeGap = 60;
}
}
},1000)
sendTelCode({ tel: this.form.tel }).then((res) => {
if (res) {
// this.$message.success("");
this.$message.success(res.msg);
}
});
},
companyChange(data) {
this.form.companyAddress = data[2];
},
@ -268,6 +294,21 @@ export default {
resetForm() {
this.$refs.ruleForm.resetFields();
},
//
disabledStartDate(startValue) {
let endValue = moment(this.form.licenseTimeEnd);
if (!startValue || !endValue) {
return false;
}
return startValue > endValue;
},
disabledEndDate(endValue) {
let startValue = moment(this.form.licenseTimeStart);
if (!endValue || !startValue) {
return false;
}
return startValue >= endValue;
}
},
};
</script>

@ -2,7 +2,7 @@
<div class="bg">
<div class="logo-box">
<img src="@/assets/images/logo.png" alt="" />
<span class="title">智慧小区后台管理系统</span>
<span class="title">小蜜蜂系统控制台</span>
</div>
<div class="login-box">
<a-row>

@ -4,9 +4,9 @@
<div class="search-box">
<a-space size="large">
<a-descriptions layout="vertical">
<a-descriptions-item label="余额">
<!-- <a-descriptions-item label="余额">
¥ <span class="total-amount">5112</span>
</a-descriptions-item>
</a-descriptions-item> -->
</a-descriptions>
</a-space>
</div>

Loading…
Cancel
Save