Skip to content

E
ElectricitySheep
Commit 340656c0 authored by 黄奎's avatar 黄奎
Browse files
Options

1

parent 3e0433e5
Hide whitespace changes
Inline Side-by-side
Showing with 467 additions and 686 deletions
src/components/tradePavilion/BuildingVehicle.vue
View file @ 340656c0
<template> <template>
<div v-loading="pageloading" class="editVehicle"> <div v-loading="pageloading" class="editVehicle">
<div class="head-title"> <div class="head-title">
<span @click="CommonJump(isCarrier?'BuildingServiceManager':'BuildingManager')" class="blue point" <span @click="CommonJump(isCarrier?'BuildingServiceManager':'BuildingManager')"
>{{isCarrier?'载体':'楼宇'}}管理</span class="blue point">{{isCarrier?'载体':'楼宇'}}管理</span>
>
/ <span>{{ID?'编辑':'新增'}}{{isCarrier?'载体':'楼宇'}}</span> / <span>{{ID?'编辑':'新增'}}{{isCarrier?'载体':'楼宇'}}</span>
</div> </div>
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="180px"> <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="180px">
<el-card shadow="never" style="margin-top: 10px" class="box-card"> <el-card shadow="never" style="margin-top: 10px" class="box-card">
<el-form-item label="项目名称" prop="CarrierName"> <el-form-item label="项目名称" prop="CarrierName">
<el-input <el-input v-model="addMsg.CarrierName" style="width: 690px" placeholder="请输入项目名称" size="small">
v-model="addMsg.CarrierName"
style="width: 690px"
placeholder="请输入项目名称"
size="small"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="Logo" prop="Logo"> <el-form-item label="Logo" prop="Logo">
<div> <div>
<el-tooltip <el-tooltip class="item" effect="dark" content="建议尺寸:88*88" placement="top-start">
class="item" <el-button size="small" @click="(choicImg = true), (type = 1)">选择文件</el-button>
effect="dark"
content="建议尺寸:88*88"
placement="top-start"
>
<el-button size="small" @click="(choicImg = true), (type = 1)"
>选择文件</el-button
>
</el-tooltip> </el-tooltip>
</div> </div>
<div class="editIconImg"> <div class="editIconImg">
<el-image <el-image style="width: 80px; height: 80px" v-if="addMsg.Logo" :src="addMsg.Logo"
style="width: 80px; height: 80px" :preview-src-list="LogoList">
v-if="addMsg.Logo"
:src="addMsg.Logo"
:preview-src-list="LogoList"
>
</el-image> </el-image>
<img <img v-else style="width: 80px; height: 80px" src="../../assets/img/default.png" alt="" />
v-else
style="width: 80px; height: 80px"
src="../../assets/img/default.png"
alt=""
/>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="介绍图(多张)" class="is-required"> <el-form-item label="介绍图(多张)" class="is-required">
<div class="nav_Main"> <div class="nav_Main">
<div class="nav_IconContent"> <div class="nav_IconContent">
<draggable v-model="introImgList"> <draggable v-model="introImgList">
<div <div v-for="(item, index) in introImgList" :key="index + '2'" style="
v-for="(item, index) in introImgList"
:key="index + '2'"
style="
margin-right: 20px; margin-right: 20px;
position: relative; position: relative;
display: inline-block; display: inline-block;
" ">
> <el-image style="width: 100px; height: 100px" :src="item" :preview-src-list="introImgList">
<el-image
style="width: 100px; height: 100px"
:src="item"
:preview-src-list="introImgList"
>
</el-image> </el-image>
<el-button <el-button @click="type=2,ClearCarouse(index)" class="delBtn" type="danger" icon="el-icon-close"
@click="type=2,ClearCarouse(index)" circle>
class="delBtn"
type="danger"
icon="el-icon-close"
circle
>
</el-button> </el-button>
</div> </div>
</draggable> </draggable>
</div> </div>
<div <div @click="(choicImg = true), (type = 2)" class="add-image-btn 2222">
@click="(choicImg = true), (type = 2)"
class="add-image-btn 2222"
>
+ 添加图片 + 添加图片
</div> </div>
</div> </div>
...@@ -126,68 +88,37 @@ ...@@ -126,68 +88,37 @@
<div class="nav_Main"> <div class="nav_Main">
<div class="nav_IconContent"> <div class="nav_IconContent">
<draggable v-model="addMsg.Honor"> <draggable v-model="addMsg.Honor">
<div <div v-for="(item, index) in addMsg.Honor" :key="index + '2'" style="
v-for="(item, index) in addMsg.Honor"
:key="index + '2'"
style="
margin-right: 20px; margin-right: 20px;
position: relative; position: relative;
display: inline-block; display: inline-block;
" ">
> <el-image style="width: 100px; height: 100px" :src="item" :preview-src-list="addMsg.Honor">
<el-image
style="width: 100px; height: 100px"
:src="item"
:preview-src-list="addMsg.Honor"
>
</el-image> </el-image>
<el-button <el-button @click="type=3,ClearCarouse(index)" class="delBtn" type="danger" icon="el-icon-close"
@click="type=3,ClearCarouse(index)" circle>
class="delBtn"
type="danger"
icon="el-icon-close"
circle
>
</el-button> </el-button>
</div> </div>
</draggable> </draggable>
</div> </div>
<div <div @click="(choicImg = true), (type = 3)" class="add-image-btn 2222">
@click="(choicImg = true), (type = 3)"
class="add-image-btn 2222"
>
+ 添加图片 + 添加图片
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="开发商" prop="Developers"> <el-form-item label="开发商" prop="Developers">
<el-input <el-input v-model="addMsg.Developers" style="width: 690px" size="small" placeholder="请输入开发商"></el-input>
v-model="addMsg.Developers"
style="width: 690px"
size="small"
placeholder="请输入开发商"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="开业状态" prop=""> <el-form-item label="开业状态">
<el-select <el-select v-model="addMsg.OpeningStatus" filterable size="small" placeholder="请选择">
v-model="addMsg.OpeningStatus" <el-option v-for="item in OpeningStatusList" :key="item.id" :label="item.name" :value="item.id">
filterable
size="small"
placeholder="请选择"
>
<el-option
v-for="item in OpeningStatusList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="" prop=""> <!-- <el-form-item label="" prop="">
<div slot="label"> <div slot="label">
首店类型/数量 --> 首店类型/数量 -->
<!-- <el-tooltip <!-- <el-tooltip
class="item" class="item"
effect="dark" effect="dark"
content="添加首店类型/数量" content="添加首店类型/数量"
...@@ -195,13 +126,13 @@ ...@@ -195,13 +126,13 @@
> >
<i class="el-icon-plus" @click="addTypeAndNum"></i> <i class="el-icon-plus" @click="addTypeAndNum"></i>
</el-tooltip> --> </el-tooltip> -->
<!-- </div> <!-- </div>
<div <div
style="width: 690px; display: flex; align-items: center" style="width: 690px; display: flex; align-items: center"
v-for="(item, index) in addMsg.FirstShopNumList" v-for="(item, index) in addMsg.FirstShopNumList"
:key="index" :key="index"
> --> > -->
<!-- <el-select <!-- <el-select
v-model="item.Id" v-model="item.Id"
filterable filterable
size="small" size="small"
...@@ -216,7 +147,7 @@ ...@@ -216,7 +147,7 @@
> >
</el-option> </el-option>
</el-select> --> </el-select> -->
<!-- <div <!-- <div
style=" style="
width: 40%; width: 40%;
white-space: nowrap; white-space: nowrap;
...@@ -233,7 +164,7 @@ ...@@ -233,7 +164,7 @@
size="small" size="small"
placeholder="首店数量" placeholder="首店数量"
></el-input> --> ></el-input> -->
<!-- <el-tooltip <!-- <el-tooltip
class="item" class="item"
effect="dark" effect="dark"
content="删除首店类型/数量" content="删除首店类型/数量"
...@@ -241,57 +172,28 @@ ...@@ -241,57 +172,28 @@
> >
<i class="el-icon-delete" @click="delTypeAndNum(index)"></i> <i class="el-icon-delete" @click="delTypeAndNum(index)"></i>
</el-tooltip> --> </el-tooltip> -->
<!-- </div> <!-- </div>
</el-form-item> --> </el-form-item> -->
<el-form-item :label="`${isCarrier?'载体':'楼宇'}视频`"> <el-form-item :label="`${isCarrier?'载体':'楼宇'}视频`">
<el-input <el-input v-model="addMsg.VideoUrl" style="width: 690px" size="small"
v-model="addMsg.VideoUrl" :placeholder="`请输入${isCarrier?'载体':'楼宇'}视频`">
style="width: 690px" <el-button @click="changeState1 = true" slot="append">添加视频</el-button>
size="small"
:placeholder="`请输入${isCarrier?'载体':'楼宇'}视频`"
>
<el-button @click="changeState1 = true" slot="append"
>添加视频</el-button
>
</el-input> </el-input>
<div> <div>
<a <a v-if="addMsg.VideoUrl != ''" class="blue noline" :href="addMsg.VideoUrl" target="_blank">视频链接</a>
v-if="addMsg.VideoUrl != ''"
class="blue noline"
:href="addMsg.VideoUrl"
target="_blank"
>视频链接</a
>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="项目地址" prop="Address"> <el-form-item label="项目地址" prop="Address">
<el-input <el-input v-model="addMsg.Address" style="width: 690px" size="small" placeholder="请输入项目地址"></el-input>
v-model="addMsg.Address"
style="width: 690px"
size="small"
placeholder="请输入项目地址"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="经纬度" style="margin-top: 15px" size="small"> <el-form-item label="经纬度" style="margin-top: 15px" size="small">
<el-input <el-input v-model="addMsg.LatAndLon" style="width: 690px" :disabled="true">
v-model="addMsg.LatAndLon" <el-button @click="isShowMap = true" slot="append">展开地图</el-button>
style="width: 690px"
:disabled="true"
>
<el-button @click="isShowMap = true" slot="append"
>展开地图</el-button
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="开业时间"> <el-form-item label="开业时间">
<el-date-picker <el-date-picker v-model="addMsg.OpenTime" clearable value-format="yyyy-MM-dd HH:mm:ss" size="small"
v-model="addMsg.OpenTime" type="datetime" placeholder="请选择开业时间">
clearable
value-format="yyyy-MM-dd HH:mm:ss"
size="small"
type="datetime"
placeholder="请选择开业时间"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<!-- <el-form-item label="项目类型" prop="ProjectType"> <!-- <el-form-item label="项目类型" prop="ProjectType">
...@@ -437,159 +339,78 @@ ...@@ -437,159 +339,78 @@
</el-input> </el-input>
</el-form-item> --> </el-form-item> -->
<el-form-item label="地铁信息"> <el-form-item label="地铁信息">
<div <div v-for="(item, index) in MetroList" :key="index" style="position: relative; width: 690px">
v-for="(item, index) in MetroList" <el-input v-model="item.MetroNum" @keyup.native="checkInteger(item, 'MetroNum')" style="width: 200px"
:key="index" size="small" placeholder="地铁线路" />
style="position: relative; width: 690px" <el-input v-model="item.MetroName" style="width: 200px" size="small" placeholder="站点名称" />
> <el-input v-model="item.Distance" style="width: 200px" size="small" placeholder="距离" />
<el-input <el-button @click="delCarrier(index)" class="delCarrClose" type="danger" icon="el-icon-close" circle>
v-model="item.MetroNum"
@keyup.native="checkInteger(item, 'MetroNum')"
style="width: 200px"
size="small"
placeholder="地铁线路"
/>
<el-input
v-model="item.MetroName"
style="width: 200px"
size="small"
placeholder="站点名称"
/>
<el-input
v-model="item.Distance"
style="width: 200px"
size="small"
placeholder="距离"
/>
<el-button
@click="delCarrier(index)"
class="delCarrClose"
type="danger"
icon="el-icon-close"
circle
>
</el-button> </el-button>
</div> </div>
<el-button <el-button type="primary" @click="addMetroList" icon="el-icon-plus" circle></el-button>
type="primary"
@click="addMetroList"
icon="el-icon-plus"
circle
></el-button>
</el-form-item> </el-form-item>
<el-form-item label="分类" prop="CategoryId"> <el-form-item label="分类" prop="CategoryId">
<el-select <el-select v-model="addMsg.CategoryId" size="small" placeholder="请选择">
v-model="addMsg.CategoryId" <el-option v-for="item in CategoryList" :key="item.ID" :label="item.ClassName" :value="item.ID">
size="small"
placeholder="请选择"
>
<el-option
v-for="item in CategoryList"
:key="item.ID"
:label="item.ClassName"
:value="item.ID"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="资产权属" prop="Ascription"> <!--prop="Ascription"-->
<el-input <el-form-item label="资产权属" >
v-model="addMsg.Ascription" <el-input v-model="addMsg.Ascription" style="width: 690px" size="small" placeholder="请输入资产权属">
style="width: 690px"
size="small"
placeholder="请输入资产权属"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="项目面积" prop="CarrierSize"> <!--prop="CarrierSize"-->
<el-input <el-form-item label="项目面积" >
v-model="addMsg.CarrierSize" <el-input v-model="addMsg.CarrierSize" @keyup.native="checkPrice(addMsg, 'CarrierSize')" style="width: 690px"
@keyup.native="checkPrice(addMsg, 'CarrierSize')" size="small" placeholder="请输入项目面积">
style="width: 690px"
size="small"
placeholder="请输入项目面积"
>
<template slot="append">㎡</template> <template slot="append">㎡</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="物业构成" prop="PropertyComposition"> <!--prop="PropertyComposition"-->
<el-input <el-form-item label="物业构成" >
v-model="addMsg.PropertyComposition" <el-input v-model="addMsg.PropertyComposition" style="width: 690px" size="small" placeholder="请输入物业构成">
style="width: 690px"
size="small"
placeholder="请输入物业构成"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="项目发展及定位" prop="Location"> <!--prop="Location"-->
<el-input <el-form-item label="项目发展及定位" >
v-model="addMsg.Location" <el-input v-model="addMsg.Location" style="width: 690px" size="small" placeholder="请输入项目发展及定位">
style="width: 690px"
size="small"
placeholder="请输入项目发展及定位"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="周边人群结构特征" prop="Crowd"> <!-- prop="Crowd"-->
<el-input <el-form-item label="周边人群结构特征">
v-model="addMsg.Crowd" <el-input v-model="addMsg.Crowd" style="width: 690px" size="small" placeholder="请输入周边人群结构特征">
style="width: 690px"
size="small"
placeholder="请输入周边人群结构特征"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="人流量参数" prop="VisitorsFlowrate"> <!--prop="VisitorsFlowrate"-->
<el-input <el-form-item label="人流量参数" >
v-model="addMsg.VisitorsFlowrate" <el-input v-model="addMsg.VisitorsFlowrate" style="width: 690px" size="small" placeholder="请输入人流量参数">
style="width: 690px"
size="small"
placeholder="请输入人流量参数"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="商业楼层" prop="LayersNum"> <!--prop="LayersNum"-->
<el-input <el-form-item label="商业楼层" >
v-model="addMsg.LayersNum" <el-input v-model="addMsg.LayersNum" style="width: 690px" size="small" placeholder="请输入商业楼层">
style="width: 690px"
size="small"
placeholder="请输入商业楼层"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="水电气及配套" prop="SupportingFacilities"> <!--prop="SupportingFacilities"-->
<el-input <el-form-item label="水电气及配套" >
v-model="addMsg.SupportingFacilities" <el-input v-model="addMsg.SupportingFacilities" style="width: 690px" size="small" placeholder="请输入水电气及配套">
style="width: 690px"
size="small"
placeholder="请输入水电气及配套"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="管理公司及管理费" prop="ManagementCompany"> <!--prop="ManagementCompany"-->
<el-input <el-form-item label="管理公司及管理费" >
v-model="addMsg.ManagementCompany" <el-input v-model="addMsg.ManagementCompany" style="width: 690px" size="small" placeholder="请输入管理公司及管理费">
style="width: 690px"
size="small"
placeholder="请输入管理公司及管理费"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="目标招商业态及品牌需求" prop="BrandDemand"> <!--prop="BrandDemand"-->
<el-input <el-form-item label="目标招商业态及品牌需求" >
v-model="addMsg.BrandDemand" <el-input v-model="addMsg.BrandDemand" style="width: 690px" size="small" placeholder="请输入目标招商业态及品牌需求">
style="width: 690px"
size="small"
placeholder="请输入目标招商业态及品牌需求"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-card> </el-card>
</el-form> </el-form>
<div style="padding: 20px; background: #fff; margin-top: 10px"> <div style="padding: 20px; background: #fff; margin-top: 10px">
<el-button @click="Save('addMsg')" size="small" type="primary" <el-button @click="Save('addMsg')" size="small" type="primary">保存</el-button>
>保存</el-button
>
</div> </div>
<!-- 选择图片文件 --> <!-- 选择图片文件 -->
<el-dialog title="选择文件" :visible.sync="choicImg" width="1240px"> <el-dialog title="选择文件" :visible.sync="choicImg" width="1240px">
...@@ -608,518 +429,478 @@ ...@@ -608,518 +429,478 @@
</template> </template>
<script> <script>
import ChooseImg from "@/components/global/ChooseImg.vue"; import ChooseImg from "@/components/global/ChooseImg.vue";
import Choosevideo from "@/components/global/Choosevideo.vue"; import Choosevideo from "@/components/global/Choosevideo.vue";
import commonMap from "@/components/common/commonMap.vue"; import commonMap from "@/components/common/commonMap.vue";
import draggable from "vuedraggable"; import draggable from "vuedraggable";
export default { export default {
name: "editVehicle", name: "editVehicle",
data() { data() {
let validataType = (rule, value, callback) => { let validataType = (rule, value, callback) => {
if (this.addMsg.ProjectType == 0) { if (this.addMsg.ProjectType == 0) {
return callback(new Error("请选择项目类型")); return callback(new Error("请选择项目类型"));
} else { } else {
callback(); callback();
} }
}; };
let validataLogo = (rule, value, callback) => { let validataLogo = (rule, value, callback) => {
if (this.addMsg.Logo == "") { if (this.addMsg.Logo == "") {
return callback(new Error("请上传Logo")); return callback(new Error("请上传Logo"));
} else { } else {
callback(); callback();
} }
}; };
return { return {
pageloading: false, pageloading: false,
addMsg: { addMsg: {
ID: 0, ID: 0,
CarrierName: "", // 载体名称 CarrierName: "", // 载体名称
Logo: "", Logo: "",
// BannerList: [], //载体介绍图 // BannerList: [], //载体介绍图
VideoUrl: "", //载体视频 VideoUrl: "", //载体视频
Address: "", //载体地址 Address: "", //载体地址
LatAndLon: "", //载体地址经纬度 LatAndLon: "", //载体地址经纬度
Developers: "", //开发商 Developers: "", //开发商
OpenTime: "", //开业时间 OpenTime: "", //开业时间
ProjectType: 0, //项目类型 ProjectType: 0, //项目类型
CarrierSize: 0, //商业体量 CarrierSize: 0, //商业体量
LayersNum: "", //商业层数 LayersNum: "", //商业层数
CarNum: 0, //车位数量 CarNum: 0, //车位数量
CarrierPlan: "", //业态规划 CarrierPlan: "", //业态规划
CarrierTarget: "", //招引目标 CarrierTarget: "", //招引目标
Location: "", //定位 Location: "", //定位
Crowd: "", //目标人群 Crowd: "", //目标人群
CarrierMetroList: [], //地铁信息 CarrierMetroList: [], //地铁信息
FirstShopNumList: [ FirstShopNumList: [
//载体类型、数量 //载体类型、数量
// { // {
// Id: 0, // Id: 0,
// Name: "", // Name: "",
// Num: 0, // Num: 0,
// }, // },
], ],
// HonorList: [], //载体荣誉 // HonorList: [], //载体荣誉
Discount: "", //招引优惠政策 Discount: "", //招引优惠政策
StartingInfo: "", //首发政策 StartingInfo: "", //首发政策
FirstShow: "", //首秀政策 FirstShow: "", //首秀政策
FirstExhibition: "", //首展政策 FirstExhibition: "", //首展政策
ShopNum: "", //店铺数量 ShopNum: "", //店铺数量
BuiltUpArea: "", //经营面积 BuiltUpArea: "", //经营面积
AreaRequirement: "", //可租赁面积 AreaRequirement: "", //可租赁面积
YeJi: "", //去年业绩 YeJi: "", //去年业绩
OpeningStatus: -1, OpeningStatus: -1,
BuildingCarrierType: 1,//(1-载体,2-楼宇) BuildingCarrierType: 1, //(1-载体,2-楼宇)
CategoryId: 0,//分类 CategoryId: 0, //分类
Ascription: '',//资产权属 Ascription: '', //资产权属
CarrierSize: null,//项目面积 CarrierSize: null, //项目面积
PropertyComposition: '',//物业构成 PropertyComposition: '', //物业构成
Location: '',//项目发展及定位 Location: '', //项目发展及定位
Crowd: '',//周边人群结构特征 Crowd: '', //周边人群结构特征
VisitorsFlowrate: null,//人流量参数 VisitorsFlowrate: null, //人流量参数
LayersNum: null,//商业楼层 LayersNum: null, //商业楼层
SupportingFacilities: '',//水电气及配套 SupportingFacilities: '', //水电气及配套
ManagementCompany: null,//管理公司及管理费 ManagementCompany: null, //管理公司及管理费
BrandDemand: '',//目标招商业态及品牌需求 BrandDemand: '', //目标招商业态及品牌需求
Banner: [],//介绍图 Banner: [], //介绍图
Honor: [],//荣誉图 Honor: [], //荣誉图
},
OpeningStatusList: [
{
id: 0,
name: "即将开业",
},
{
id: 1,
name: "已开业",
}, },
], OpeningStatusList: [{
rules: { id: 0,
CarrierName: [ name: "即将开业",
},
{ {
id: 1,
name: "已开业",
},
],
rules: {
CarrierName: [{
required: true, required: true,
message: "请输入载体名称", message: "请输入载体名称",
trigger: "blur", trigger: "blur",
}, }, ],
], Developers: [{
Developers: [
{
required: true, required: true,
message: "请输入开发商", message: "请输入开发商",
trigger: "blur", trigger: "blur",
}, }, ],
], Address: [{
Address: [
{
required: true, required: true,
message: "请输入项目地址", message: "请输入项目地址",
trigger: "blur", trigger: "blur",
}, }, ],
], OpenTime: [{
OpenTime: [
{
required: true, required: true,
message: "请选择开业时间", message: "请选择开业时间",
trigger: "blur", trigger: "blur",
}, }, ],
], ProjectType: [{
ProjectType: [
{
required: true, required: true,
validator: validataType, validator: validataType,
trigger: "change", trigger: "change",
}, }, ],
], Logo: [{
Logo: [
{
required: true, required: true,
validator: validataLogo, validator: validataLogo,
trigger: "change", trigger: "change",
}, }, ],
], ShopNum: [{
ShopNum: [
{
required: true, required: true,
message: "请输入店铺数量", message: "请输入店铺数量",
trigger: "change", trigger: "change",
}, }, ],
], BuiltUpArea: [{
BuiltUpArea: [
{
required: true, required: true,
message: "请输入经营面积", message: "请输入经营面积",
trigger: "change", trigger: "change",
}, }, ],
], AreaRequirement: [{
AreaRequirement: [
{
required: true, required: true,
message: "请输入可租赁面积", message: "请输入可租赁面积",
trigger: "change", trigger: "change",
}, }, ],
], YeJi: [{
YeJi: [
{
required: true, required: true,
message: "请输入去年业绩", message: "请输入去年业绩",
trigger: "change", trigger: "change",
}, }, ],
], CategoryId: [{
CategoryId: [
{
required: true, required: true,
message: "请选择分类", message: "请选择分类",
trigger: "change", trigger: "change",
}, }, ],
], Ascription: [{
Ascription: [
{
required: true, required: true,
message: "请输入资产权属", message: "请输入资产权属",
trigger: "burl", trigger: "burl",
}, }, ],
], CarrierSize: [{
CarrierSize: [
{
required: true, required: true,
message: "请输入项目面积", message: "请输入项目面积",
trigger: "burl", trigger: "burl",
}, }, ],
], PropertyComposition: [{
PropertyComposition: [
{
required: true, required: true,
message: "请输入物业构成", message: "请输入物业构成",
trigger: "burl", trigger: "burl",
}, }, ],
], Location: [{
Location: [
{
required: true, required: true,
message: "请输入项目发展及定位", message: "请输入项目发展及定位",
trigger: "burl", trigger: "burl",
}, }, ],
], Crowd: [{
Crowd: [
{
required: true, required: true,
message: "请输入周边人群结构特征", message: "请输入周边人群结构特征",
trigger: "burl", trigger: "burl",
}, }, ],
], VisitorsFlowrate: [{
VisitorsFlowrate: [
{
required: true, required: true,
message: "请输入人流量参数", message: "请输入人流量参数",
trigger: "burl", trigger: "burl",
}, }, ],
], LayersNum: [{
LayersNum: [
{
required: true, required: true,
message: "请输入商业楼层", message: "请输入商业楼层",
trigger: "burl", trigger: "burl",
}, }, ],
], SupportingFacilities: [{
SupportingFacilities: [
{
required: true, required: true,
message: "请输入水电气及配套", message: "请输入水电气及配套",
trigger: "burl", trigger: "burl",
}, }, ],
], ManagementCompany: [{
ManagementCompany: [
{
required: true, required: true,
message: "请输入管理公司及管理费", message: "请输入管理公司及管理费",
trigger: "burl", trigger: "burl",
}, }, ],
], BrandDemand: [{
BrandDemand: [
{
required: true, required: true,
message: "请输入目标招商业态及品牌需求", message: "请输入目标招商业态及品牌需求",
trigger: "burl", trigger: "burl",
}, }, ],
], },
}, ID: 0,
ID: 0, type: -1,
type: -1, choicImg: false,
choicImg: false, changeState1: false,
changeState1: false, isShowMap: false, //显示地图
isShowMap: false, //显示地图 MetroList: [], //地铁信息数据
MetroList: [], //地铁信息数据 ProjectTypeList: [], //项目类型数组
ProjectTypeList: [], //项目类型数组 introImgList: [], //介绍图
introImgList: [], //介绍图 LogoList: [],
LogoList: [], shenList: [],
shenList: [], isCarrier: true,
isCarrier: true, CategoryList: []
CategoryList: []
};
},
components: {
ChooseImg,
Choosevideo,
commonMap,
draggable,
},
created() {
this.isCarrier = this.$route.query.isCarrier
this.addMsg.BuildingCarrierType = this.isCarrier?this.isCarrier:2
if (this.$route.query.ID) {
this.ID = this.$route.query.ID;
this.getData();
}
this.getTypeEnumList();
this.GetAuthenticationCategoryEnumList();
},
methods: {
//获取项目类型
getTypeEnumList() {
this.apipost("/api/Trade/GetProjectTypeEnumList", {}, (res) => {
if (res.data.resultCode == 1) {
this.ProjectTypeList = res.data.data;
let obj = {
Name: "不限",
Id: 0,
};
this.ProjectTypeList.unshift(obj);
}
});
this.apipost("/api/Trade/GetBrandClassList", {
BrandCategory: this.isCarrier?1:2
}, (res) => {
if (res.data.resultCode == 1) {
this.CategoryList = res.data.data;
let obj = {
ClassName: "不限",
ID: 0,
};
this.CategoryList.unshift(obj);
}
});
},
//新增地铁信息
addMetroList() {
let obj = {
MetroNum: "",
MetroName: "",
Distance: "",
}; };
this.MetroList.push(obj);
}, },
//删除地铁信息 components: {
delCarrier(index) { ChooseImg,
this.MetroList.splice(index, 1); Choosevideo,
commonMap,
draggable,
}, },
Save(formName) { created() {
this.$refs[formName].validate((valid) => { this.isCarrier = this.$route.query.isCarrier
if (valid) { this.addMsg.BuildingCarrierType = this.isCarrier ? this.isCarrier : 2
if (this.MetroList.length > 0) { if (this.$route.query.ID) {
for (var i = 0; i < this.MetroList.length; i++) { this.ID = this.$route.query.ID;
if (this.MetroList[i].MetroNum == "") { this.getData();
this.Error(`请填写第地铁信息${i + 1}行地铁线路`); }
return; this.getTypeEnumList();
} this.GetAuthenticationCategoryEnumList();
if (this.MetroList[i].MetroName == "") {
this.Error(`请填写第地铁信息${i + 1}行站点名称`);
return;
}
}
}
// if(this.introImgList.length==0){
// this.Error('请上传介绍图');
// return;
// }
this.addMsg.CarrierMetroList = this.MetroList;
// this.addMsg.BannerList = this.introImgList;
this.addMsg.Banner = this.introImgList;
this.apipost(
"/api/Trade/SetBuildingCarrier",
this.addMsg,
(res) => {
if (res.data.resultCode === 1) {
this.CommonJump(this.isCarrier?'BuildingServiceManager':'BuildingManager');
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
null
);
} else {
return false;
}
});
}, },
methods: {
getData() { //获取项目类型
this.pageloading = true; getTypeEnumList() {
this.apipost( this.apipost("/api/Trade/GetProjectTypeEnumList", {}, (res) => {
"/api/Trade/GetBuildingCarrierInfo", if (res.data.resultCode == 1) {
{ this.ProjectTypeList = res.data.data;
ID: this.ID, let obj = {
}, Name: "不限",
(res) => { Id: 0,
this.pageloading = false; };
this.ProjectTypeList.unshift(obj);
}
});
this.apipost("/api/Trade/GetBrandClassList", {
BrandCategory: this.isCarrier ? 1 : 2
}, (res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
let data = res.data.data; this.CategoryList = res.data.data;
this.addMsg = res.data.data; let obj = {
if ( ClassName: "不限",
res.data.data.CarrierMetroList && ID: 0,
res.data.data.CarrierMetroList.length > 0 };
) { this.CategoryList.unshift(obj);
this.MetroList = res.data.data.CarrierMetroList; }
});
},
//新增地铁信息
addMetroList() {
let obj = {
MetroNum: "",
MetroName: "",
Distance: "",
};
this.MetroList.push(obj);
},
//删除地铁信息
delCarrier(index) {
this.MetroList.splice(index, 1);
},
Save(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
if (this.MetroList.length > 0) {
for (var i = 0; i < this.MetroList.length; i++) {
if (this.MetroList[i].MetroNum == "") {
this.Error(`请填写第地铁信息${i + 1}行地铁线路`);
return;
}
if (this.MetroList[i].MetroName == "") {
this.Error(`请填写第地铁信息${i + 1}行站点名称`);
return;
}
}
} }
// if ( // if(this.introImgList.length==0){
// res.data.data.BannerList && // this.Error('请上传介绍图');
// res.data.data.BannerList.length > 0 // return;
// ) {
// this.introImgList = res.data.data.BannerList;
// } // }
if ( this.addMsg.CarrierMetroList = this.MetroList;
res.data.data.Banner && // this.addMsg.BannerList = this.introImgList;
res.data.data.Banner.length > 0 this.addMsg.Banner = this.introImgList;
) { this.apipost(
this.introImgList = res.data.data.Banner; "/api/Trade/SetBuildingCarrier",
} this.addMsg,
if (res.data.data.OpenTime) { (res) => {
this.addMsg.OpenTime = this.addMsg.OpenTime.replace("T", " "); if (res.data.resultCode === 1) {
} this.CommonJump(this.isCarrier ? 'BuildingServiceManager' : 'BuildingManager');
this.LogoList = []; this.Success(res.data.message);
this.LogoList.push(this.addMsg.Logo); } else {
this.Error(res.data.message);
}
},
null
);
} else { } else {
this.Error(res.data.message); return false;
} }
} });
); },
},
//选择图片 getData() {
SelectId(msg) { this.pageloading = true;
if (this.type == 1) { this.apipost(
this.addMsg.Logo = this.getIconLink(msg.url); "/api/Trade/GetBuildingCarrierInfo", {
} ID: this.ID,
if (this.type == 2) { },
this.introImgList.push(msg.url); (res) => {
} this.pageloading = false;
if (this.type == 3) { if (res.data.resultCode == 1) {
// this.addMsg.HonorList.push(msg.url); let data = res.data.data;
this.addMsg.Honor.push(msg.url); this.addMsg = res.data.data;
} if (
this.choicImg = false; res.data.data.CarrierMetroList &&
}, res.data.data.CarrierMetroList.length > 0
ClearCarouse(index) { ) {
if (this.type == 2) { this.MetroList = res.data.data.CarrierMetroList;
this.introImgList.splice(index, 1); }
} // if (
if (this.type == 3) { // res.data.data.BannerList &&
// this.addMsg.HonorList.splice(index, 1); // res.data.data.BannerList.length > 0
this.addMsg.Honor.splice(index, 1); // ) {
} // this.introImgList = res.data.data.BannerList;
}, // }
Selectvideo(val) { if (
this.addMsg.VideoUrl = val.Path; res.data.data.Banner &&
this.changeState1 = false; res.data.data.Banner.length > 0
}, ) {
//得到地图信息 this.introImgList = res.data.data.Banner;
mapEvent(e) { }
this.addMsg.LatAndLon = e.lat + "," + e.long; if (res.data.data.OpenTime) {
// this.addMsg.Address = e.Address; this.addMsg.OpenTime = this.addMsg.OpenTime.replace("T", " ");
this.isShowMap = false; }
}, this.LogoList = [];
//获取首店类别 this.LogoList.push(this.addMsg.Logo);
GetAuthenticationCategoryEnumList() { } else {
this.apipost( this.Error(res.data.message);
"/api/AppletTrade/GetAuthenticationCategoryEnumList",
{ Name: "", Id: "" },
(res) => {
if (res.data.resultCode == 1) {
this.shenList = res.data.data;
if (this.addMsg.FirstShopNumList&&this.addMsg.FirstShopNumList.length === 0) {
this.shenList.map((e) => {
let obj = {
Id: e.Id,
Name: e.Name,
Num: 0,
};
this.addMsg.FirstShopNumList.push(obj);
});
} }
} }
);
},
//选择图片
SelectId(msg) {
if (this.type == 1) {
this.addMsg.Logo = this.getIconLink(msg.url);
} }
); if (this.type == 2) {
}, this.introImgList.push(msg.url);
addTypeAndNum() { }
this.addMsg.FirstShopNumList.push({ if (this.type == 3) {
Id: 0, // this.addMsg.HonorList.push(msg.url);
Name: "", this.addMsg.Honor.push(msg.url);
Num: 0, }
}); this.choicImg = false;
}, },
delTypeAndNum(index) { ClearCarouse(index) {
this.addMsg.FirstShopNumList.splice(index, 1); if (this.type == 2) {
this.introImgList.splice(index, 1);
}
if (this.type == 3) {
// this.addMsg.HonorList.splice(index, 1);
this.addMsg.Honor.splice(index, 1);
}
},
Selectvideo(val) {
this.addMsg.VideoUrl = val.Path;
this.changeState1 = false;
},
//得到地图信息
mapEvent(e) {
this.addMsg.LatAndLon = e.lat + "," + e.long;
// this.addMsg.Address = e.Address;
this.isShowMap = false;
},
//获取首店类别
GetAuthenticationCategoryEnumList() {
this.apipost(
"/api/AppletTrade/GetAuthenticationCategoryEnumList", {
Name: "",
Id: ""
},
(res) => {
if (res.data.resultCode == 1) {
this.shenList = res.data.data;
if (this.addMsg.FirstShopNumList && this.addMsg.FirstShopNumList.length === 0) {
this.shenList.map((e) => {
let obj = {
Id: e.Id,
Name: e.Name,
Num: 0,
};
this.addMsg.FirstShopNumList.push(obj);
});
}
}
}
);
},
addTypeAndNum() {
this.addMsg.FirstShopNumList.push({
Id: 0,
Name: "",
Num: 0,
});
},
delTypeAndNum(index) {
this.addMsg.FirstShopNumList.splice(index, 1);
},
}, },
}, };
};
</script> </script>
<style> <style>
.editVehicle .content { .editVehicle .content {
background: #fff; background: #fff;
margin-top: 10px; margin-top: 10px;
box-sizing: border-box; box-sizing: border-box;
} }
.editVehicle .editIconImg { .editVehicle .editIconImg {
width: 80px; width: 80px;
height: 80px; height: 80px;
} }
.editVehicle .add-image-btn { .editVehicle .add-image-btn {
width: 100px; width: 100px;
height: 100px; height: 100px;
line-height: 100px; line-height: 100px;
color: #419efb; color: #419efb;
border: 1px solid #e2e2e2; border: 1px solid #e2e2e2;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
} }
.editVehicle .nav_Main { .editVehicle .nav_Main {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
} }
.editVehicle .nav_IconContent { .editVehicle .nav_IconContent {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
} }
/* .editVehicle .nav_IconContent div>div { /* .editVehicle .nav_IconContent div>div {
display: inline-block; display: inline-block;
} */ } */
.editVehicle .colapp-image { .editVehicle .colapp-image {
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
width: 100px; width: 100px;
height: 100px; height: 100px;
border-radius: 0%; border-radius: 0%;
} }
.editVehicle .delBtn {
position: absolute;
right: -8px;
top: -8px;
padding: 4px 4px !important;
}
.editVehicle .delBtn { .delCarrClose {
position: absolute; position: absolute;
right: -8px; right: 53px;
top: -8px; top: 8px;
padding: 4px 4px !important; padding: 4px 4px !important;
} }
.delCarrClose {
position: absolute;
right: 53px;
top: 8px;
padding: 4px 4px !important;
}
</style> </style>
src/components/tradePavilion/brandManagement.vue
View file @ 340656c0
...@@ -318,7 +318,7 @@ ...@@ -318,7 +318,7 @@
var fileName = "品牌信息.xls"; var fileName = "品牌信息.xls";
var that = this; var that = this;
this.apipost( this.apipost(
"/api/Trade/CheckBrandEnterpriseFile", "/api/Trade/CheckBrandFile",
msg, msg,
(res) => { (res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
...@@ -369,7 +369,7 @@ ...@@ -369,7 +369,7 @@
}, },
getDown() { getDown() {
this.cityOptions = []; this.cityOptions = [];
this.apipost("/api/Trade/GetBrandEnterpriseExportEnumList", {}, (res) => { this.apipost("/api/Trade/GetBusinessExportEnumList", {}, (res) => {
var tempData = []; var tempData = [];
let data = res.data.data; let data = res.data.data;
data.forEach((item) => { data.forEach((item) => {
......
src/router/index.js
View file @ 340656c0
...@@ -802,19 +802,19 @@ export default new Router({ ...@@ -802,19 +802,19 @@ export default new Router({
name: 'VehicleManagement', name: 'VehicleManagement',
component: resolve => require(['@/components/tradePavilion/VehicleManagement'], resolve), component: resolve => require(['@/components/tradePavilion/VehicleManagement'], resolve),
}, },
//楼宇 //楼宇【商载通】
{ {
path: '/BuildingManager', path: '/BuildingManager',
name: 'BuildingManager', name: 'BuildingManager',
component: resolve => require(['@/components/tradePavilion/BuildingManager'], resolve), component: resolve => require(['@/components/tradePavilion/BuildingManager'], resolve),
}, },
//商业载体 //商业载体【商载通】
{ {
path: '/BuildingServiceManager', path: '/BuildingServiceManager',
name: 'BuildingServiceManager', name: 'BuildingServiceManager',
component: resolve => require(['@/components/tradePavilion/BuildingManager'], resolve), component: resolve => require(['@/components/tradePavilion/BuildingManager'], resolve),
}, },
//消费品牌管理 //消费品牌管理【商载通】
{ {
path: '/BrandManager', path: '/BrandManager',
name: 'BrandManager', name: 'BrandManager',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment