guolong
/
front-end
0
0
Fork 0
Code Issues Pull Requests Activity
Browse Source

业态修改

develop
王健 4 years ago
parent
352118af52
commit
3656d3117c
2 changed files with 239 additions and 245 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 482
      src/views/houseList/page/FormatInfo.vue
  2. 2
      src/views/sale/index.vue

482
src/views/houseList/page/FormatInfo.vue
Unescape View File

@ -12,75 +12,70 @@
label-width="100px"
>
<el-row>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="楼盘名称：">
<span>{{upInfo.name}}</span>
<span class="long_span" :title="upInfo.name">{{ upInfo.name }}</span>
</el-form-item></el-col
>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="公告编号：">
<span>{{land.landCode}}</span>
<span class="long_span" :title="upInfo.landCode">{{ land.landCode }}</span>
</el-form-item></el-col
>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="城市：">
<span>{{land.city}}</span>
<span>{{ land.city }}</span>
</el-form-item></el-col
>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="行政区：">
<span>{{land.canton}}</span>
<span>{{ land.canton }}</span>
</el-form-item></el-col
>
<el-col :span="4">
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="特区：">
<span>{{land.specialZone}}</span>
<span>{{ land.specialZone }}</span>
</el-form-item></el-col
>
</el-row>
<el-row>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="环线：">
<span>{{land.loopWire}}</span>
<span>{{ land.loopWire }}</span>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="大组团：">
<span>{{land.bigGroup}}</span>
<span>{{ land.bigGroup }}</span>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="小组团：">
<span>{{land.smallGroup}}</span>
<span>{{ land.smallGroup }}</span>
</el-form-item>
</el-col>
<el-col :span="5">
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="操盘企业：">
<span>{{land.tradingEnterprises}}</span>
<span>{{ land.tradingEnterprises }}</span>
</el-form-item>
</el-col>
<el-col :span="4">
<el-col :span="6">
<el-form-item label="合作商：">
<span>{{land.partner}}</span>
<span>{{ land.partner }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="经营企业：">
<span>{{land.conductEnterprise}}</span>
<span>{{ land.conductEnterprise }}</span>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="开发企业：">
<span>{{land.conductEnterprise}}</span>
<span>{{ land.conductEnterprise }}</span>
</el-form-item>
</el-col>
<el-col :span="10">
<!-- <el-form-item label="经纬度：">-->
<!-- <span>{{land.lonLatBd}}</span>-->
<!-- </el-form-item>-->
</el-col>
</el-row>
</el-form>
</div>
@ -103,21 +98,6 @@
ref="multipleTable"
v-loading="loading"
>
<el-table-column label="物业类型" width="200">
<template slot-scope="scope">
{{getDictVal(scope.row.propertyType,wuyeType)}}
</template>
</el-table-column>
<el-table-column label="大业态" width="150">
<template slot-scope="scope">
{{getDictVal(scope.row.largeFormat,Bigye)}}
</template>
</el-table-column>
<el-table-column label="业态" width="150">
<template slot-scope="scope">
{{getDictVal(scope.row.format,ye)}}
</template>
</el-table-column>
<el-table-column
v-for="(item, index) in cols"
:key="index"
@ -154,33 +134,34 @@
</div>
</div>
<el-dialog
title="数据处理"
:visible.sync="dialogFormVisible"
v-loading="dialogLoad"
width="70%"
:modal="false"
title="数据处理"
:visible.sync="dialogFormVisible"
v-loading="dialogLoad"
width="70%"
:modal="false"
>
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="180px"
class="demo-ruleForm"
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="180px"
class="demo-ruleForm"
>
<el-row>
<el-col :span="12">
<el-form-item label="物业类型：">
<el-select
v-model="ruleForm.propertyType"
filterable
placeholder="请选择"
style="width: 100%"
v-model="ruleForm.propertyType"
clearable
@change="getBigye"
placeholder="请选择物业类型"
style="width: 100%"
>
<el-option
v-for="item in wuyeType"
:key="item.value"
:label="item.label"
:value="item.value"
v-for="item in wuyeType"
:key="item"
:label="item"
:value="item"
>
</el-option>
</el-select>
@ -189,17 +170,18 @@
<el-col :span="12">
<el-form-item label="大业态：">
<el-select
v-model="ruleForm.largeFormat"
filterable
@change="getYe"
placeholder="请选择"
style="width: 100%"
v-model="ruleForm.largeFormat"
filterable
@change="getYe"
:disabled="!ruleForm.propertyType"
placeholder="请选择"
style="width: 100%"
>
<el-option
v-for="item in Bigye"
:key="item.value"
:label="item.label"
:value="item.value"
v-for="item in Bigye"
:key="item"
:label="item"
:value="item"
>
</el-option>
</el-select>
@ -210,17 +192,17 @@
<el-col :span="12">
<el-form-item label="业态：">
<el-select
v-model="ruleForm.format"
filterable
:disabled="!ruleForm.largeFormat"
placeholder="请选择"
style="width: 100%"
v-model="ruleForm.format"
filterable
:disabled="!ruleForm.largeFormat"
placeholder="请选择"
style="width: 100%"
>
<el-option
v-for="item in smallYe"
:key="item.value"
:label="item.label"
:value="item.value"
v-for="item in ye"
:key="item"
:label="item"
:value="item"
>
</el-option>
</el-select>
@ -229,8 +211,8 @@
<el-col :span="12">
<el-form-item label="拟售总价：">
<el-input
v-model="ruleForm.preTotalPrice"
placeholder="请输入其它编号"
v-model="ruleForm.preTotalPrice"
placeholder="请输入其它编号"
></el-input>
</el-form-item>
</el-col>
@ -239,17 +221,17 @@
<el-col :span="12">
<el-form-item label="装修标准：">
<el-input
v-model="ruleForm.decorationStandard"
placeholder="请输入装修标准"
v-model="ruleForm.decorationStandard"
placeholder="请输入装修标准"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="业态体量：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.formatSize"
placeholder="请输入业态体量"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.formatSize"
placeholder="请输入业态体量"
></el-input>
</el-form-item>
</el-col>
@ -258,19 +240,19 @@
<el-col :span="12">
<el-form-item label="业态首推时间：">
<el-date-picker
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择业态首推时间"
v-model="ruleForm.firstPushDate"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择业态首推时间"
v-model="ruleForm.firstPushDate"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="供应套数：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.supplyCount"
placeholder="请输入供应套数"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.supplyCount"
placeholder="请输入供应套数"
></el-input>
</el-form-item>
</el-col>
@ -279,18 +261,18 @@
<el-col :span="12">
<el-form-item label="供应面积：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.supplyArea"
placeholder="请输入供应面积"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.supplyArea"
placeholder="请输入供应面积"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="成交套数：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.dealtCount"
placeholder="请输入成交套数"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.dealtCount"
placeholder="请输入成交套数"
></el-input>
</el-form-item>
</el-col>
@ -299,18 +281,18 @@
<el-col :span="12">
<el-form-item label="成交面积：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.dealtArea"
placeholder="请输入成交面积"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.dealtArea"
placeholder="请输入成交面积"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="狭义库存：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.narrowSenseStock"
placeholder="请输入狭义库存"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.narrowSenseStock"
placeholder="请输入狭义库存"
></el-input>
</el-form-item>
</el-col>
@ -319,18 +301,18 @@
<el-col :span="12">
<el-form-item label="未推库存：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.unpushedStock"
placeholder="请输入未推库存"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.unpushedStock"
placeholder="请输入未推库存"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="广义库存：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.broadSenseStock"
placeholder="请输入广义库存"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.broadSenseStock"
placeholder="请输入广义库存"
></el-input>
</el-form-item>
</el-col>
@ -339,18 +321,18 @@
<el-col :span="12">
<el-form-item label="最近6月月均成交量：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.lastSixMonDealtCount"
placeholder="请输入最近6月月均成交量"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.lastSixMonDealtCount"
placeholder="请输入最近6月月均成交量"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="狭义去化周期：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.narrowSenseDec"
placeholder="请输入狭义去化周期"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.narrowSenseDec"
placeholder="请输入狭义去化周期"
></el-input>
</el-form-item>
</el-col>
@ -359,9 +341,9 @@
<el-col :span="12">
<el-form-item label="广义去化周期：">
<el-input
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.broadSenseDec"
placeholder="请输入广义去化周期"
oninput="value=value.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"
v-model="ruleForm.broadSenseDec"
placeholder="请输入广义去化周期"
></el-input>
</el-form-item>
</el-col>
@ -370,7 +352,7 @@
<el-col :span="12" style="float: right">
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')"
>提交</el-button
>提交</el-button
>
<el-button @click="dialogFormVisible = false">关闭</el-button>
</el-form-item>
@ -415,24 +397,24 @@ export default {
},
// 编辑或新增窗口
dialogFormVisible: false,
dialogLoad:false,
dialogLoad: false,
// 列
cols: [
// {
// label: "物业类型",
// prop: "propertyType",
// width: 200,
// },
// {
// label: "大业态",
// prop: "largeFormat",
// width: 150,
// },
// {
// label: "业态",
// prop: "format",
// width: 150,
// },
{
label: "物业类型",
prop: "propertyType",
width: 200,
},
{
label: "大业态",
prop: "largeFormat",
width: 150,
},
{
label: "业态",
prop: "format",
width: 150,
},
{
label: "拟售总价",
prop: "preTotalPrice",
@ -542,113 +524,112 @@ export default {
],
desc: [{ required: true, message: "请填写活动形式", trigger: "blur" }],
},
options: [
{
value: "选项1",
label: "黄金糕",
upInfo: {},
land: {},
initData: {
住宅: {
高层: ["高层", "小高层"],
洋房: ["洋楼", "洋房"],
别墅: ["叠拼", "联排", "独栋"],
},
{
value: "选项2",
label: "双皮奶",
商务: {
商务: ["商务"],
},
{
value: "选项3",
label: "蚵仔煎",
商业: {
商墅: ["商墅"],
商铺: ["商铺"],
},
{
value: "选项4",
label: "龙须面",
车库: {
车库: ["车库"],
},
{
value: "选项5",
label: "北京烤鸭",
其他: {
其他: ["其他"],
},
],
upInfo:{},
land:{},
wuyeType:[],
Bigye:[],
smallYe:[],
ye:[]
},
wuyeType: [],
Bigye: [],
ye: [],
};
},
created() {
api.getDict('property_types').then(res=>{
this.wuyeType=res.data.data
})
api.getDict('format').then(res=>{
this.ye=res.data.data
})
api.getDict('largeFormat').then(res=>{
this.Bigye=res.data.data
})
for (var key in this.initData) {
this.wuyeType.push(key);
}
},
mounted() {
//查询顶上信息
api.houseById(this.$route.query.id).then(res=>{
this.upInfo = res.data.data.housingEstates;
this.land=res.data.data.landListed;
}).catch((e)=>{});
api
.houseById(this.$route.query.id)
.then((res) => {
this.upInfo = res.data.data.housingEstates;
this.land = res.data.data.landListed;
})
.catch((e) => {});
this.onSubmit();
},
computed: {},
watch: {
// page: {
// handler(newVal, oldVal) {
// this.onSubmit();
// },
// deep: true,
// },
selectedData: {
handler(newVal, oldVal) {
this.hasSelectData = newVal.length > 0 ? true : false;
},
},
// dialogFormVisible: {
// handler(newVal, oldVal) {
// if (newVal) {
// this.queryFileList();
// }
// },
// },
},
methods: {
// 获取大业态
getBigye() {
if (!this.ruleForm.propertyType) {
return false;
}
var temp = this.initData[this.ruleForm.propertyType];
for (var key in temp) {
this.Bigye.push(key);
}
this.$set(this.ruleForm, "largeFormat", "");
},
// 获取业态
getYe(){
if (!this.ruleForm.largeFormat){
return false
getYe() {
if (!this.ruleForm.propertyType && !this.ruleForm.largeFormat) {
return false;
}
this.ruleForm.format='';
let name='';
this.Bigye.map(e=>{
if (e.value===this.ruleForm.largeFormat){
name=e.description
}
})
api.getDict(name).then(res=>{
this.smallYe=res.data.data;
})
var temp =
this.initData[this.ruleForm.propertyType][this.ruleForm.largeFormat];
this.ye = temp;
this.$set(this.ruleForm, "format", "");
},
//子列表
info(data) {
//需要带参数跳转
console.log(data);
this.$router.push({path:"/houseList/page/houseInfo",query:{id:this.$route.query.id,format:data.format,largeFormat:data.largeFormat,housingEstateId:data.housingEstateId}});
this.$router.push({
path: "/houseList/page/houseInfo",
query: {
id: this.$route.query.id,
format: data.format,
largeFormat: data.largeFormat,
housingEstateId: data.housingEstateId,
},
});
},
//提交
submitForm(formName) {
this.dialogLoad=true;
this.dialogLoad = true;
this.$refs[formName].validate((valid) => {
if (valid) {
api.changeFormat(this.ruleForm).then(res=>{
if (res.data.data){
this.dialogLoad=false;
this.dialogFormVisible=false;
this.ruleForm={};
this.$alert('保存成功')
this.onSubmit()
}
}).catch((e)=>{this.dialogLoad=false;})
api
.changeFormat(this.ruleForm)
.then((res) => {
if (res.data.data) {
this.dialogLoad = false;
this.dialogFormVisible = false;
this.ruleForm = {};
this.$alert("保存成功");
this.onSubmit();
}
})
.catch((e) => {
this.dialogLoad = false;
});
console.log(this.ruleForm);
} else {
console.log("error submit!!");
@ -661,24 +642,29 @@ export default {
},
//立即处理
handle(item) {
this.ruleForm={};
this.ruleForm = {};
this.dialogFormVisible = true;
this.dialogLoad=true;
api.formatById(item.formatId).then(res=>{
this.ruleForm = res.data.data;
if (this.ruleForm.largeFormat){
let name='';
this.Bigye.map(e=>{
if (e.value===this.ruleForm.largeFormat){
name=e.description
}
})
api.getDict(name).then(res=>{
this.smallYe=res.data.data;
})
}
this.dialogLoad=false;
}).catch((e)=>{this.dialogLoad=false;})
this.dialogLoad = true;
api
.formatById(item.formatId)
.then((res) => {
this.ruleForm = res.data.data;
// if (this.ruleForm.largeFormat) {
// let name = "";
// this.Bigye.map((e) => {
// if (e.value === this.ruleForm.largeFormat) {
// name = e.description;
// }
// });
// api.getDict(name).then((res) => {
// this.smallYe = res.data.data;
// });
// }
this.dialogLoad = false;
})
.catch((e) => {
this.dialogLoad = false;
});
},
setTagName(val) {
let txt = "";
@ -719,11 +705,12 @@ export default {
{
current: this.page.currentPage,
size: this.page.pageSize,
housingEstateId:this.$route.query.id
housingEstateId: this.$route.query.id,
},
this.searchForm
);
api.formatList(param)
api
.formatList(param)
.then((response) => {
this.tableData = response.data.data.records;
this.page.total = response.data.data.total;
@ -829,12 +816,12 @@ export default {
handleSizeChange(val) {
this.page.pageSize = val;
this.onSubmit()
this.onSubmit();
},
handleCurrentChange(val) {
this.page.currentPage = val;
this.onSubmit()
this.onSubmit();
},
// 清空选中
@ -1011,14 +998,14 @@ export default {
}
});
},
getDictVal(data,list) {
getDictVal(data, list) {
let name;
list.map((e)=>{
if (e.value==data){
name=e.label
list.map((e) => {
if (e.value == data) {
name = e.label;
}
})
return name
});
return name;
},
// 删除资料
delRes(row) {
@ -1067,7 +1054,14 @@ export default {
font-size: 1rem;
}
}
.long_span {
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.dialog_op {
position: absolute;
left: 0;
@ -1092,7 +1086,7 @@ export default {
padding: 20px;
height: 100%;
}
/deep/ .el-dialog__body{
/deep/ .el-dialog__body {
height: 600px;
}
</style>

2
src/views/sale/index.vue
Unescape View File

@ -187,7 +187,7 @@
<el-form-item label="物业类型：">
<el-select
v-model="params.propertyType"
placeholder="请选择大物业类型"
placeholder="请选择物业类型"
clearable
@change="getBigye"
style="width: 100%"

Write Preview
Loading…
Cancel
Save