|
@@ -0,0 +1,201 @@
|
|
|
+<template>
|
|
|
+ <el-form ref="form" :model="formData" :rules="formRules" label-width="110px">
|
|
|
+ <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-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-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></el-col
|
|
|
+ >
|
|
|
+ <div class="formContent-item_title">物业信息</div>
|
|
|
+ <el-col :span="8"
|
|
|
+ ><el-form-item label="所属社区" prop="name">
|
|
|
+ <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
|
|
|
+ ></el-col>
|
|
|
+ <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-date-picker
|
|
|
+ v-model="times"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ @change="effectiveDateToggle"
|
|
|
+ :editable="false"
|
|
|
+ ></el-date-picker> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ <el-col :span="12"
|
|
|
+ ><el-form-item label="合同时间" prop="name">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="times"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ 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>
|
|
|
+</template>
|
|
|
+<script >
|
|
|
+export default {
|
|
|
+ props: ['params'],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ formData: {
|
|
|
+ name: '',
|
|
|
+ abbreviate: '',
|
|
|
+ creditCode: '',
|
|
|
+ industry: '',
|
|
|
+ economicType: '',
|
|
|
+ legalPerson: '',
|
|
|
+ legalPersonPhone: '',
|
|
|
+ address: '',
|
|
|
+ businessLicense: '',
|
|
|
+ contactName: '',
|
|
|
+ contactPhone: '',
|
|
|
+ contactIdCard: '',
|
|
|
+ contactGender: 1
|
|
|
+ },
|
|
|
+ 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('联系人身份证')]
|
|
|
+ },
|
|
|
+ communityArr: [],
|
|
|
+ cols: [
|
|
|
+ {
|
|
|
+ label: '所属社区',
|
|
|
+ prop: 'contractNo'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '楼栋',
|
|
|
+ prop: 'customerName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '单元',
|
|
|
+ prop: 'customerType',
|
|
|
+ format(val) {
|
|
|
+ if (val == 1) {
|
|
|
+ return '企业';
|
|
|
+ } else if (val == 2) {
|
|
|
+ return '个人';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '楼层',
|
|
|
+ prop: 'contractType'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '房间号',
|
|
|
+ prop: 'houseName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '房屋类型',
|
|
|
+ prop: 'contractStatus',
|
|
|
+ format(val) {
|
|
|
+ if (val == 0) {
|
|
|
+ return '已签约';
|
|
|
+ } else if (val == 1) {
|
|
|
+ return '已签约';
|
|
|
+ } else if (val == 2) {
|
|
|
+ return '到期';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '建筑面积',
|
|
|
+ prop: 'startTime'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ pictureArr(val) {
|
|
|
+ this.formData.businessLicense = val.join();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ submit() {
|
|
|
+ this.$refs.form.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ var loading = this.$loading();
|
|
|
+ let installData = this.formData;
|
|
|
+ this.$http
|
|
|
+ .post(`/sc-community/enterprise/${this.params.todo == 'add' ? 'add' : 'edit'}`, installData)
|
|
|
+ .then(({ status, msg }) => {
|
|
|
+ if (status == 0) {
|
|
|
+ this.$message.success(msg);
|
|
|
+ this.params.callback();
|
|
|
+ this.$emit('close');
|
|
|
+ } else {
|
|
|
+ this.$message.error(msg);
|
|
|
+ }
|
|
|
+ loading.close();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ loading.close();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ findDetali(id) {
|
|
|
+ this.$http
|
|
|
+ .get('/sc-community/enterprise/find/' + id)
|
|
|
+ .then(({ data, status, msg }) => {
|
|
|
+ if (0 === status) {
|
|
|
+ if (data !== null) {
|
|
|
+ this.pictureArr = !!data.businessLicense ? data.businessLicense.split(',') : [];
|
|
|
+ Object.assign(this.formData, data);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message.error(msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ const { todo, data, communityArr } = this.params;
|
|
|
+ this.communityArr = communityArr;
|
|
|
+ if (todo !== 'add') {
|
|
|
+ this.findDetali(data.id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.formContent-item_title {
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
+/deep/ .el-form-item__label,
|
|
|
+/deep/ .el-input__inner {
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+</style>
|