|
@@ -1,25 +1,42 @@
|
|
|
<template>
|
|
|
- <el-form ref="form" :model="formData" :rules="formRules" label-width="110px">
|
|
|
+ <el-form ref="form" :model="formData" :rules="formRules" label-width="90px">
|
|
|
<div class="formContent-item_title">合同信息</div>
|
|
|
<el-col :span="12"
|
|
|
- ><el-form-item label="合同编号" prop="name">
|
|
|
- <el-input v-model="formData.name" disabled placeholder="请输入合同编号"></el-input> </el-form-item
|
|
|
+ ><el-form-item label="合同编号" prop="contractNo" required>
|
|
|
+ <el-input v-model="formData.contractNo" disabled placeholder="请输入合同编号"></el-input> </el-form-item
|
|
|
></el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="合同类型" prop="abbreviate">
|
|
|
- <el-radio v-model="formData.contactGender" :label="1">租赁合同</el-radio></el-form-item
|
|
|
+ <el-form-item label="合同类型" prop="contractType" required>
|
|
|
+ <el-radio v-model="formData.contractType" :label="0">租赁合同</el-radio></el-form-item
|
|
|
></el-col
|
|
|
>
|
|
|
<div class="formContent-item_title">客户信息</div>
|
|
|
<el-col :span="24"
|
|
|
- ><el-form-item label="客户类型" prop="name">
|
|
|
- <el-radio v-model="formData.contactGender" :label="1">企业</el-radio>
|
|
|
- <el-radio v-model="formData.contactGender" :label="2">个人</el-radio>
|
|
|
+ ><el-form-item label="客户类型" required>
|
|
|
+ <el-radio v-model="formData.customerType" :label="1">企业</el-radio>
|
|
|
+ <el-radio v-model="formData.customerType" :label="2">个人</el-radio>
|
|
|
+
|
|
|
+ <el-button type="primary" v-if="formData.customerType == 1" @click="relation">关联企业</el-button>
|
|
|
</el-form-item></el-col
|
|
|
>
|
|
|
+ <template v-if="formData.customerType == 2">
|
|
|
+ <el-col :span="8"
|
|
|
+ ><el-form-item label="客户名称" prop="customerName">
|
|
|
+ <el-input v-model="formData.customerName" placeholder="请输入客户名称"></el-input> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ <el-col :span="8"
|
|
|
+ ><el-form-item label="客户手机" prop="customerPhone">
|
|
|
+ <el-input v-model="formData.customerPhone" placeholder="请输入客户手机"></el-input> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ <el-col :span="8"
|
|
|
+ ><el-form-item label="联系地址" prop="customerAddress">
|
|
|
+ <el-input v-model="formData.customerAddress" placeholder="请输入联系地址"></el-input> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ </template>
|
|
|
+
|
|
|
<div class="formContent-item_title">物业信息</div>
|
|
|
<el-col :span="8"
|
|
|
- ><el-form-item label="所属社区" prop="name">
|
|
|
+ ><el-form-item label="所属社区" prop="communityId">
|
|
|
<el-select v-model="formData.communityId" placeholder="请选择所属社区" clearable>
|
|
|
<el-option v-for="(item, index) in communityArr" :key="index" :label="item.communityName" :value="item.id"></el-option>
|
|
|
</el-select> </el-form-item
|
|
@@ -27,10 +44,11 @@
|
|
|
<zz-table :cols="cols" :settings="{ stripe: true }" :data="mixins_list"></zz-table>
|
|
|
<div class="formContent-item_title">合同周期</div>
|
|
|
<el-col :span="12"
|
|
|
- ><el-form-item label="合同时间" prop="name">
|
|
|
+ ><el-form-item label="合同时间" prop="startTime">
|
|
|
<el-date-picker
|
|
|
v-model="times"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
+ class="timeWidth"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
type="daterange"
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始日期"
|
|
@@ -40,18 +58,18 @@
|
|
|
></el-date-picker> </el-form-item
|
|
|
></el-col>
|
|
|
<el-col :span="12"
|
|
|
- ><el-form-item label="合同时间" prop="name">
|
|
|
+ ><el-form-item label="签订时间" prop="signTime">
|
|
|
<el-date-picker
|
|
|
- v-model="times"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
+ v-model="formData.signTime"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
type="date"
|
|
|
range-separator="至"
|
|
|
placeholder="选择日期"
|
|
|
- @change="effectiveDateToggle"
|
|
|
:editable="false"
|
|
|
></el-date-picker> </el-form-item
|
|
|
></el-col>
|
|
|
<div class="formContent-item_title">合同附件</div>
|
|
|
+ <el-form-item label="合同附件"> <bz-upload type="img" :uploadArr="pictureArr" :limit="1"></bz-upload> </el-form-item>
|
|
|
</el-form>
|
|
|
</template>
|
|
|
<script >
|
|
@@ -60,32 +78,36 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
formData: {
|
|
|
- name: '',
|
|
|
- abbreviate: '',
|
|
|
- creditCode: '',
|
|
|
- industry: '',
|
|
|
- economicType: '',
|
|
|
- legalPerson: '',
|
|
|
- legalPersonPhone: '',
|
|
|
- address: '',
|
|
|
- businessLicense: '',
|
|
|
- contactName: '',
|
|
|
- contactPhone: '',
|
|
|
- contactIdCard: '',
|
|
|
- contactGender: 1
|
|
|
+ filePath: '',
|
|
|
+ contractType: 0,
|
|
|
+ customerType: 1,
|
|
|
+ communityId: '',
|
|
|
+ signTime: '',
|
|
|
+ startTime: '',
|
|
|
+ endTime: '',
|
|
|
+ customerName: '',
|
|
|
+ customerPhone: '',
|
|
|
+ customerAddress: ''
|
|
|
},
|
|
|
+ times: [],
|
|
|
pictureArr: [],
|
|
|
formRules: {
|
|
|
- name: [this.$valid.inputRequired('企业名称')],
|
|
|
- abbreviate: [this.$valid.inputRequired('企业简称')],
|
|
|
- creditCode: [this.$valid.inputRequired('信用代码')],
|
|
|
- industry: [this.$valid.selectRequired('所属行业')],
|
|
|
- economicType: [this.$valid.selectRequired('经济类型')],
|
|
|
- legalPerson: [this.$valid.inputRequired('企业法人')],
|
|
|
- legalPersonPhone: [this.$valid.patternPhone('法人手机')],
|
|
|
- contactName: [this.$valid.inputRequired('联系人姓名')],
|
|
|
- contactPhone: [this.$valid.patternPhone('联系人手机')],
|
|
|
- contactIdCard: [this.$valid.inputRequired('联系人身份证')]
|
|
|
+ customerName: [this.$valid.inputRequired('客户名称')],
|
|
|
+ customerPhone: [this.$valid.inputRequired('客户手机')],
|
|
|
+ customerAddress: [this.$valid.inputRequired('联系地址')],
|
|
|
+ communityId: [this.$valid.selectRequired('社区')],
|
|
|
+ signTime: [this.$valid.selectRequired('签订时间')],
|
|
|
+ startTime: this.$valid.custome({
|
|
|
+ validator(rule, value, cb) {
|
|
|
+ const rl = rule;
|
|
|
+ if (!value) {
|
|
|
+ rl.message = '请选择合同时间';
|
|
|
+ cb(new Error());
|
|
|
+ } else {
|
|
|
+ cb();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
communityArr: [],
|
|
|
cols: [
|
|
@@ -138,7 +160,7 @@ export default {
|
|
|
},
|
|
|
watch: {
|
|
|
pictureArr(val) {
|
|
|
- this.formData.businessLicense = val.join();
|
|
|
+ this.formData.filePath = val.join();
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -179,6 +201,25 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
.catch(() => {});
|
|
|
+ },
|
|
|
+ effectiveDateToggle(e) {
|
|
|
+ this.formData.startTime = `${!!e ? e[0] : ''}`;
|
|
|
+ this.formData.endTime = `${!!e ? e[1] : ''}`;
|
|
|
+ },
|
|
|
+ relation() {
|
|
|
+ new Promise((resolve) => {
|
|
|
+ this.$store.dispatch('addPopup', {
|
|
|
+ url: '/businessManagement/enterpriseManagement/index.vue',
|
|
|
+ width: '850px',
|
|
|
+ height: '600px',
|
|
|
+ props: {
|
|
|
+ callback: resolve
|
|
|
+ },
|
|
|
+ title: '关联企业'
|
|
|
+ });
|
|
|
+ }).then((res) => {
|
|
|
+ debugger;
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -194,6 +235,12 @@ export default {
|
|
|
.formContent-item_title {
|
|
|
clear: both;
|
|
|
}
|
|
|
+.timeWidth {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+/deep/ .el-date-editor .el-range-separator {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
/deep/ .el-form-item__label,
|
|
|
/deep/ .el-input__inner {
|
|
|
font-size: 12px;
|