Skip to content

E
ElectricitySheep
Commit 285dbe28 authored by 黄奎's avatar 黄奎
Browse files
Options

11

parent a55854bb
Hide whitespace changes
Inline Side-by-side
Showing with 1622 additions and 1168 deletions
src/components/tradePavilion/BuildingVehicle.vue
View file @ 285dbe28
...@@ -192,9 +192,10 @@ ...@@ -192,9 +192,10 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="开业时间"> <el-form-item label="开业时间">
<el-date-picker v-model="addMsg.OpenTime" clearable value-format="yyyy-MM-dd HH:mm:ss" size="small" <el-input v-model="addMsg.OpenTime" size="small" placeholder="请输入开业时间"></el-input>
<!-- <el-date-picker v-model="addMsg.OpenTime" clearable value-format="yyyy-MM-dd HH:mm:ss" size="small"
type="datetime" placeholder="请选择开业时间"> 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">
<el-select <el-select
......
src/components/tradePavilion/firmEdit.vue
View file @ 285dbe28
<template> <template>
<div v-loading="pageloading" class="editBrandEnter"> <div v-loading="pageloading" class="editBrandEnter">
<div class="head-title"> <div class="head-title">
<span @click="CommonJump('firmManager')" class="blue point" <span @click="CommonJump('firmManager')" class="blue point">企业管理</span>
>企业管理</span
>
/ <span>{{ID?'编辑':'新增'}}企业</span> / <span>{{ID?'编辑':'新增'}}企业</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 <el-form-item :label="`企业名称`" prop="Name" class="is-required" size="small">
:label="`企业名称`" <el-input v-model="addMsg.Name" :placeholder="`企业名称`" maxlength="100" style="width: 690px;" />
prop="Name"
class="is-required"
size="small"
>
<el-input
v-model="addMsg.Name"
:placeholder="`企业名称`"
maxlength="100"
style="width: 690px;"
/>
</el-form-item> </el-form-item>
<!-- <el-form-item label="企业Logo" class="is-required" prop="Logo" size="small"> <!-- <el-form-item label="企业Logo" class="is-required" prop="Logo" size="small">
<el-button @click="type=1,choicImg=true" size="small">选择文件</el-button> <el-button @click="type=1,choicImg=true" size="small">选择文件</el-button>
...@@ -43,13 +31,8 @@ ...@@ -43,13 +31,8 @@
</div> </div>
</el-form-item> --> </el-form-item> -->
<el-form-item :label="`企业图`" prop="BannerList"> <el-form-item :label="`企业图`" prop="BannerList">
<el-tooltip <el-tooltip class="item" effect="dark" content="第一张图片为封面图" placement="top"
class="item" style="position: absolute; left: -5px; top: 12px">
effect="dark"
content="第一张图片为封面图"
placement="top"
style="position: absolute; left: -5px; top: 12px"
>
<i class="el-tooltip el-icon-info"></i> <i class="el-tooltip el-icon-info"></i>
</el-tooltip> </el-tooltip>
<p style="color: #c9c9c9; margin: 0 0 12px 20px"> <p style="color: #c9c9c9; margin: 0 0 12px 20px">
...@@ -58,204 +41,97 @@ ...@@ -58,204 +41,97 @@
<div class="nav_Main"> <div class="nav_Main">
<div class="nav_IconContent"> <div class="nav_IconContent">
<draggable v-model="addMsg.BannerList"> <draggable v-model="addMsg.BannerList">
<div <div style="
style="
position: relative; position: relative;
margin-right: 20px; margin-right: 20px;
display: inline-block; display: inline-block;
" " v-for="(item, index) in addMsg.BannerList" :key="index + '2'">
v-for="(item, index) in addMsg.BannerList" <el-image style="width: 100px; height: 100px" :src="item" :preview-src-list="addMsg.BannerList">
:key="index + '2'"
>
<el-image
style="width: 100px; height: 100px"
:src="item"
:preview-src-list="addMsg.BannerList"
>
</el-image> </el-image>
<el-button <el-button @click="ClearCarouse(index)" class="delBtn" type="danger" icon="el-icon-close" circle>
@click="ClearCarouse(index)"
class="delBtn"
type="danger"
icon="el-icon-close"
circle
>
</el-button> </el-button>
</div> </div>
</draggable> </draggable>
</div> </div>
<div <div @click="type=2,choicImg=true" v-if="addMsg.BannerList.length < 9" class="add-image-btn 2222"
@click="type=2,choicImg=true" style="cursor: pointer">
v-if="addMsg.BannerList.length < 9"
class="add-image-btn 2222"
style="cursor: pointer"
>
+ 添加图片 + 添加图片
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item :label="`企业简介`" class="ue-style" prop="Introduction"> <el-form-item :label="`企业简介`" class="ue-style" prop="Introduction">
<el-input <el-input type="textarea" :placeholder="`请输入企业简介`" v-model="addMsg.Introduction" maxlength="500"
type="textarea" show-word-limit rows="8" style="width: 690px;">
:placeholder="`请输入企业简介`"
v-model="addMsg.Introduction"
maxlength="500"
show-word-limit
rows="8"
style="width: 690px;"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="企业发展意向" prop="DevIntention"> <el-form-item label="企业发展意向" prop="DevIntention">
<el-input <el-input v-model="addMsg.DevIntention" style="width: 690px" size="small" placeholder="请输入企业发展意向">
v-model="addMsg.DevIntention"
style="width: 690px"
size="small"
placeholder="请输入企业发展意向"
>
</el-input> </el-input>
</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="投运时间" prop="OperationTime"> <el-form-item label="投运时间" prop="OperationTime">
<el-date-picker <el-input v-model="addMsg.OperationTime" style="width: 690px" size="small" placeholder="请输入投运时间">
v-model="addMsg.OperationTime" </el-input>
clearable
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
size="small"
type="datetime"
placeholder="请选择投运时间"
>
</el-date-picker>
</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="Renovation"> <el-form-item label="楼宇装修" prop="Renovation">
<el-input <el-input v-model="addMsg.Renovation" style="width: 690px" size="small" placeholder="请输入楼宇装修">
v-model="addMsg.Renovation"
style="width: 690px"
size="small"
placeholder="请输入楼宇装修"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="支付方式" prop="Payment"> <el-form-item label="支付方式" prop="Payment">
<el-input <el-input v-model="addMsg.Payment" style="width: 690px" size="small" placeholder="请输入支付方式">
v-model="addMsg.Payment"
style="width: 690px"
size="small"
placeholder="请输入支付方式"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="交房日期" prop="HandoverDate"> <el-form-item label="交房日期" prop="HandoverDate">
<el-date-picker <el-date-picker v-model="addMsg.HandoverDate" clearable format="yyyy-MM-dd" value-format="yyyy-MM-dd"
v-model="addMsg.HandoverDate" size="small" type="datetime" placeholder="请选择交房日期">
clearable
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
size="small"
type="datetime"
placeholder="请选择交房日期"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="意向楼层" prop="IntentionalFloor"> <el-form-item label="意向楼层" prop="IntentionalFloor">
<el-input <el-input v-model="addMsg.IntentionalFloor" style="width: 690px" size="small" placeholder="请输入意向楼层">
v-model="addMsg.IntentionalFloor"
style="width: 690px"
size="small"
placeholder="请输入意向楼层"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="电梯数" prop="ElevatorNum"> <el-form-item label="电梯数" prop="ElevatorNum">
<el-input <el-input v-model="addMsg.ElevatorNum" style="width: 690px" size="small" placeholder="请输入电梯数">
v-model="addMsg.ElevatorNum"
style="width: 690px"
size="small"
placeholder="请输入电梯数"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="物业费(元)" prop="PropertyFee"> <el-form-item label="物业费(元)" prop="PropertyFee">
<el-input <el-input v-model="addMsg.PropertyFee" @keyup.native="checkPrice(addMsg, 'PropertyFee')" style="width: 690px"
v-model="addMsg.PropertyFee" size="small" placeholder="请输入物业费">
@keyup.native="checkPrice(addMsg, 'PropertyFee')"
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="RentFee"> <el-form-item label="月租金(元)" prop="RentFee">
<el-input <el-input v-model="addMsg.RentFee" @keyup.native="checkPrice(addMsg, 'RentFee')" style="width: 690px"
v-model="addMsg.RentFee" size="small" placeholder="请输入月租金">
@keyup.native="checkPrice(addMsg, 'RentFee')"
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="ContactName"> <el-form-item label="联系人名字" prop="ContactName">
<el-input <el-input v-model="addMsg.ContactName" style="width: 690px" size="small" placeholder="请输入楼负责人名字">
v-model="addMsg.ContactName"
style="width: 690px"
size="small"
placeholder="请输入楼负责人名字"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系人电话" prop="ContactPhone"> <el-form-item label="联系人电话" prop="ContactPhone">
<el-input <el-input v-model="addMsg.ContactPhone" style="width: 690px" size="small" placeholder="请输入楼负责人电话">
v-model="addMsg.ContactPhone"
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">
...@@ -273,337 +149,304 @@ ...@@ -273,337 +149,304 @@
</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: "editBrandEnter", name: "editBrandEnter",
data() { data() {
let validataType = (rule, value, callback) => { let validataType = (rule, value, callback) => {
if (this.addMsg.CategoryId == 0) { if (this.addMsg.CategoryId == 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.BannerList == "") { if (this.addMsg.BannerList == "") {
return callback(new Error("请上传企业图片")); return callback(new Error("请上传企业图片"));
} else { } else {
callback(); callback();
} }
}; };
return { return {
pageloading: false, pageloading: false,
addMsg: { addMsg: {
ServiceId: 0, ServiceId: 0,
Name: "", //名称 Name: "", //名称
Logo: "", //Logo Logo: "", //Logo
BannerList: [], //企业图 BannerList: [], //企业图
Introduction: "",//企业简介 Introduction: "", //企业简介
DevIntention: "",//企业发展 DevIntention: "", //企业发展
Address: "",//楼宇位置 Address: "", //楼宇位置
LatAndLon: "",//经纬度 LatAndLon: "", //经纬度
OperationTime: "",//投运时间 OperationTime: "", //投运时间
CategoryId: 0,//楼宇等级 CategoryId: 0, //楼宇等级
Renovation: "",//楼宇装修 Renovation: "", //楼宇装修
Payment: "",//支付方式 Payment: "", //支付方式
HandoverDate: "",//交房日期 HandoverDate: "", //交房日期
IntentionalFloor: null,//意向楼层 IntentionalFloor: null, //意向楼层
ElevatorNum: null,//电梯数 ElevatorNum: null, //电梯数
PropertyFee: null,//物业费 PropertyFee: null, //物业费
RentFee: null,//月租金 RentFee: null, //月租金
ContactName: "",//名字 ContactName: "", //名字
ContactPhone: null,//电话 ContactPhone: null, //电话
}, },
rules: { rules: {
BannerList: [ BannerList: [{
{
required: true, required: true,
validator: validataLogo, validator: validataLogo,
trigger: "change", trigger: "change",
}, }, ],
], Name: [{
Name: [
{
required: true, required: true,
message: "请输入企业名称", message: "请输入企业名称",
trigger: "blur", trigger: "blur",
}, }, ],
], Logo: [{
Logo: [
{
required: true, required: true,
message: "请选择Logo", message: "请选择Logo",
trigger: "blur", trigger: "blur",
}, }, ],
], Introduction: [{
Introduction: [
{
required: true, required: true,
message: "请输入企业简介", message: "请输入企业简介",
trigger: "blur", trigger: "blur",
}, }, ],
], DevIntention: [{
DevIntention: [
{
required: true, required: true,
message: "企业发展意向", message: "企业发展意向",
trigger: "blur", trigger: "blur",
}, }, ],
], Address: [{
Address: [
{
required: true, required: true,
message: "请输入楼宇位置", message: "请输入楼宇位置",
trigger: "blur", trigger: "blur",
}, }, ],
], OperationTime: [{
OperationTime: [
{
required: true, required: true,
message: "请选择投运时间", message: "请选择投运时间",
trigger: "change", trigger: "change",
}, }, ],
], CategoryId: [{
CategoryId: [
{
required: true, required: true,
validator: validataType, validator: validataType,
trigger: "change", trigger: "change",
}, }, ],
], Renovation: [{
Renovation: [
{
required: true, required: true,
message: "请输入楼宇装修", message: "请输入楼宇装修",
trigger: "blur", trigger: "blur",
}, }, ],
], Payment: [{
Payment: [
{
required: true, required: true,
message: "请输入支付方式", message: "请输入支付方式",
trigger: "blur", trigger: "blur",
}, }, ],
], HandoverDate: [{
HandoverDate: [
{
required: true, required: true,
message: "请选择交房日期", message: "请选择交房日期",
trigger: "change", trigger: "change",
}, }, ],
], IntentionalFloor: [{
IntentionalFloor: [
{
required: true, required: true,
message: "请输入意向楼层", message: "请输入意向楼层",
trigger: "blur", trigger: "blur",
}, }, ],
], ElevatorNum: [{
ElevatorNum: [
{
required: true, required: true,
message: "请输入电梯数", message: "请输入电梯数",
trigger: "blur", trigger: "blur",
}, }, ],
], PropertyFee: [{
PropertyFee: [
{
required: true, required: true,
message: "请输入物业费", message: "请输入物业费",
trigger: "blur", trigger: "blur",
}, }, ],
], RentFee: [{
RentFee: [
{
required: true, required: true,
message: "请输入月租金", message: "请输入月租金",
trigger: "blur", trigger: "blur",
}, }, ],
], ContactName: [{
ContactName: [
{
required: true, required: true,
message: "请输入楼负责人名字", message: "请输入楼负责人名字",
trigger: "blur", trigger: "blur",
}, }, ],
], ContactPhone: [{
ContactPhone: [
{
required: true, required: true,
message: "请输入楼负责人电话", message: "请输入楼负责人电话",
trigger: "blur", trigger: "blur",
}, }, ],
], },
}, ID: 0,
ID: 0, type: -1,
type: -1, choicImg: false,
choicImg: false, changeState1: false,
changeState1: false, LogoList: [],
LogoList: [], CategoryList: [],
CategoryList: [], isShowMap: false,
isShowMap: false, };
};
},
components: {
ChooseImg,
Choosevideo,
draggable,
commonMap,
},
created() {
this.addMsg.BrandEnterpriseType = 2
if (this.$route.query.ID) {
this.ID = this.$route.query.ID;
this.getData();
}
this.getTypeEnumList();
},
methods: {
//得到地图信息
mapEvent(e) {
this.addMsg.LatAndLon = e.lat + "," + e.long;
// this.addMsg.Address = e.Address;
this.isShowMap = false;
}, },
//获取类型 components: {
getTypeEnumList() { ChooseImg,
this.apipost("/api/Trade/GetBrandClassList", { Choosevideo,
BrandCategory: 2 draggable,
}, (res) => { commonMap,
if (res.data.resultCode == 1) {
this.CategoryList = res.data.data;
let obj = {
ClassName: "请选择",
ID: 0,
};
this.CategoryList.unshift(obj);
}
});
}, },
Save(formName) { created() {
this.$refs[formName].validate((valid) => { this.addMsg.BrandEnterpriseType = 2
if (valid) { if (this.$route.query.ID) {
this.apipost( this.ID = this.$route.query.ID;
"/api/YBTrade/SetEnterpriseServicesInfo", this.getData();
this.addMsg, }
(res) => { this.getTypeEnumList();
if (res.data.resultCode === 1) {
this.CommonJump('firmManager');
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
null
);
} else {
return false;
}
});
}, },
methods: {
getData() { //得到地图信息
this.pageloading = true; mapEvent(e) {
this.apipost( this.addMsg.LatAndLon = e.lat + "," + e.long;
"/api/YBTrade/GetEnterpriseServicesInfo", // this.addMsg.Address = e.Address;
{ this.isShowMap = false;
ServiceId: this.ID, },
}, //获取类型
(res) => { getTypeEnumList() {
this.pageloading = false; this.apipost("/api/Trade/GetBrandClassList", {
BrandCategory: 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 = {
this.LogoList = []; ClassName: "请选择",
this.LogoList.push(this.addMsg.Logo); ID: 0,
};
this.CategoryList.unshift(obj);
}
});
},
Save(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.apipost(
"/api/YBTrade/SetEnterpriseServicesInfo",
this.addMsg,
(res) => {
if (res.data.resultCode === 1) {
this.CommonJump('firmManager');
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
null
);
} else { } else {
this.Error(res.data.message); return false;
} }
});
},
getData() {
this.pageloading = true;
this.apipost(
"/api/YBTrade/GetEnterpriseServicesInfo", {
ServiceId: this.ID,
},
(res) => {
this.pageloading = false;
if (res.data.resultCode == 1) {
let data = res.data.data;
this.addMsg = res.data.data;
this.LogoList = [];
this.LogoList.push(this.addMsg.Logo);
} else {
this.Error(res.data.message);
}
}
);
},
//选择图片
SelectId(msg) {
if (this.type == 1) {
this.addMsg.Logo = this.getIconLink(msg.url);
} }
); if (this.type == 2) {
}, this.addMsg.BannerList.push(msg.url);
//选择图片 }
SelectId(msg) { this.choicImg = false;
if (this.type == 1) { },
this.addMsg.Logo = this.getIconLink(msg.url); ClearCarouse(index) {
} this.addMsg.BannerList.splice(index, 1);
if (this.type == 2) { },
this.addMsg.BannerList.push(msg.url); Selectvideo(val) {
} this.addMsg.VideoUrl = val.Path;
this.choicImg = false; this.changeState1 = false;
}, },
ClearCarouse(index) {
this.addMsg.BannerList.splice(index, 1);
},
Selectvideo(val) {
this.addMsg.VideoUrl = val.Path;
this.changeState1 = false;
}, },
}, };
};
</script> </script>
<style> <style>
.editBrandEnter .content { .editBrandEnter .content {
background: #fff; background: #fff;
margin-top: 10px; margin-top: 10px;
box-sizing: border-box; box-sizing: border-box;
} }
.editBrandEnter .editIconImg { .editBrandEnter .editIconImg {
width: 80px; width: 80px;
height: 80px; height: 80px;
} }
.editBrandEnter .add-image-btn { .editBrandEnter .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;
} }
.editBrandEnter .nav_Main { .editBrandEnter .nav_Main {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
} }
.editBrandEnter .nav_IconContent { .editBrandEnter .nav_IconContent {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
} }
/* .editBrandEnter .nav_IconContent div>div { /* .editBrandEnter .nav_IconContent div>div {
display: inline-block; display: inline-block;
} */ } */
.editBrandEnter .colapp-image { .editBrandEnter .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%;
} }
.editBrandEnter .delBtn {
position: absolute;
right: -8px;
top: -8px;
padding: 4px 4px !important;
}
.editBrandEnter .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/realAuthentication.vue
View file @ 285dbe28
...@@ -229,8 +229,6 @@ ...@@ -229,8 +229,6 @@
暂无意愿 暂无意愿
</span> </span>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
</el-form> </el-form>
...@@ -280,20 +278,14 @@ ...@@ -280,20 +278,14 @@
<div> <div>
{{ listInfo.CarrierModel.CarrierMetroList[0].MetroNum }}号线{{ {{ listInfo.CarrierModel.CarrierMetroList[0].MetroNum }}号线{{
listInfo.CarrierModel.CarrierMetroList[0].MetroName listInfo.CarrierModel.CarrierMetroList[0].MetroName
}},&nbsp;{{ }},&nbsp;{{ listInfo.CarrierModel.CarrierMetroList[0].Distance}}
listInfo.CarrierModel.CarrierMetroList[0].Distance
}}
</div> </div>
</div> </div>
<div v-else> <div v-else>
无 无
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</template> </template>
</template> </template>
</div> </div>
...@@ -321,104 +313,126 @@ ...@@ -321,104 +313,126 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
resondialog2: false, resondialog2: false,
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 15, pageSize: 15,
CompanyName: '', CompanyName: '',
UserId: 0, UserId: 0,
}, },
usermsg: { usermsg: {
pageIndex: 1, pageIndex: 1,
pageSize: 20, pageSize: 20,
Name: '', Name: '',
Source: 0, Source: 0,
MemberGrade: 0, MemberGrade: 0,
Id: 0, Id: 0,
Moblie: '' Moblie: ''
}, },
userList: [], userList: [],
total: 0, total: 0,
loading: false, loading: false,
tableData: [], //数据列表 tableData: [], //数据列表
isShowInfo: false, isShowInfo: false,
listInfo: {}, listInfo: {},
srcList: [], srcList: [],
colors: ['#99A9BF', '#F7BA2A', '#FF9900'], colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
AuditRemark: '', AuditRemark: '',
}; };
},
created() {
this.getList();
this.getuserList()
},
methods: {
ChangeListName(val) {
this.usermsg.Name = val;
this.getuserList();
}, },
getuserList() { created() {
this.apipost("/api/user/GetMemberUserDropDownList", this.usermsg, res => { this.getList();
if (res.data.resultCode == 1) { this.getuserList()
let pageData = res.data.data.pageData;
this.userList = pageData;
}
})
}, },
getList() { methods: {
this.loading = true; ChangeListName(val) {
this.apipost("/api/Trade/GetCompanyPageList", this.msg, res => { this.usermsg.Name = val;
this.loading = false; this.getuserList();
if (res.data.resultCode == 1) { },
this.total = res.data.data.count; getuserList() {
let pageData = res.data.data.pageData; this.apipost("/api/user/GetMemberUserDropDownList", this.usermsg, res => {
this.tableData = pageData; if (res.data.resultCode == 1) {
this.tableData.forEach(x => { let pageData = res.data.data.pageData;
x.BusinessList = []; this.userList = pageData;
x.BusinessList.push(x.BusinessLicense);
}) }
})
},
getList() {
this.loading = true;
this.apipost("/api/Trade/GetCompanyPageList", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData = pageData;
this.tableData.forEach(x => {
x.BusinessList = [];
x.BusinessList.push(x.BusinessLicense);
})
} else {
this.Error(res.data.message)
}
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getInfo(item) {
this.isShowInfo = true;
this.apipost("/api/Trade/GetCompany", {
CompanyId: item.CompanyId
}, res => {
if (res.data.resultCode == 1) {
this.isShowInfo = true;
this.listInfo = res.data.data;
this.srcList = [];
this.srcList.push(this.listInfo.BusinessLicense);
}
})
},
//审核
audit(type) {
let that = this;
let str = ''
if (type == 1) {
str = '确定审核通过？'
} else { } else {
this.Error(res.data.message) str = '确定审核失败？'
} }
}) if (type == 1) {
}, that.Confirm(str, function () {
handleCurrentChange(val) { let msg = {
this.msg.pageIndex = val; CompanyId: that.listInfo.CompanyId,
this.getList(); CompanyStatus: type,
}, Remark: '',
getInfo(item) { }
this.isShowInfo = true; const loading = that.$loading({
this.apipost("/api/Trade/GetCompany", { lock: true,
CompanyId: item.CompanyId text: '审核中...',
}, res => { spinner: 'el-icon-loading',
if (res.data.resultCode == 1) { });
this.isShowInfo = true; that.apipost("/api/Trade/UpdateCompanyStatus", msg, res => {
this.listInfo = res.data.data; loading.close();
this.srcList = []; if (res.data.resultCode == 1) {
this.srcList.push(this.listInfo.BusinessLicense); that.Success(res.data.message)
} that.isShowInfo = false;
}) that.getList();
}, } else {
//审核 that.Error(res.data.message)
audit(type) { }
let that = this; })
let str = '' });
if (type == 1) { } else {
str = '确定审核通过？'
} else {
str = '确定审核失败？'
}
if (type == 1) {
that.Confirm(str, function () {
let msg = { let msg = {
CompanyId: that.listInfo.CompanyId, CompanyId: that.listInfo.CompanyId,
CompanyStatus: type, CompanyStatus: type,
Remark: '', Remark: that.AuditRemark
} }
const loading = that.$loading({ const loading = that.$loading({
lock: true, lock: true,
...@@ -428,6 +442,7 @@ export default { ...@@ -428,6 +442,7 @@ export default {
that.apipost("/api/Trade/UpdateCompanyStatus", msg, res => { that.apipost("/api/Trade/UpdateCompanyStatus", msg, res => {
loading.close(); loading.close();
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
that.resondialog2 = false
that.Success(res.data.message) that.Success(res.data.message)
that.isShowInfo = false; that.isShowInfo = false;
that.getList(); that.getList();
...@@ -435,99 +450,77 @@ export default { ...@@ -435,99 +450,77 @@ export default {
that.Error(res.data.message) that.Error(res.data.message)
} }
}) })
});
} else {
let msg = {
CompanyId: that.listInfo.CompanyId,
CompanyStatus: type,
Remark: that.AuditRemark
} }
const loading = that.$loading({
lock: true,
text: '审核中...',
spinner: 'el-icon-loading',
});
that.apipost("/api/Trade/UpdateCompanyStatus", msg, res => {
loading.close();
if (res.data.resultCode == 1) {
that.resondialog2 = false
that.Success(res.data.message)
that.isShowInfo = false;
that.getList();
} else {
that.Error(res.data.message)
}
})
},
auditfail() { //失败理由
this.resondialog2 = true;
this.AuditRemark = '';
} }
}, },
auditfail() {//失败理由 mounted() {}
this.resondialog2 = true; };
this.AuditRemark = '';
}
},
mounted() { }
};
</script> </script>
<style> <style>
.realAuthentication .content .searchInput { .realAuthentication .content .searchInput {
border: 1px solid #DCDFE6; border: 1px solid #DCDFE6;
border-radius: 4px; border-radius: 4px;
} }
.realAuthentication .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.realAuthentication .content .searchInput .el-input__inner { .realAuthentication .content .searchInput {
border: none; line-height: normal;
outline: none; display: inline-table;
height: 30px; width: 100%;
line-height: 30px; border-collapse: separate;
} border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.realAuthentication .content .searchInput { .realAuthentication .content {
line-height: normal; background: #fff;
display: inline-table; margin-top: 10px;
width: 100%; padding: 20px;
border-collapse: separate; box-sizing: border-box;
border-spacing: 0; }
width: 250px;
margin-right: 20px;
}
.realAuthentication .content { .realAuthentication .tradeLine {
background: #fff; display: inline-block;
margin-top: 10px; width: 3px;
padding: 20px; height: 10px;
box-sizing: border-box; margin-right: 5px;
} background-color: #409EFF;
}
.realAuthentication .tradeLine { .realAuthentication .realDetailInfo {
display: inline-block; display: flex;
width: 3px; justify-content: space-between;
height: 10px; width: 60%;
margin-right: 5px; }
background-color: #409EFF;
}
.realAuthentication .realDetailInfo { .realAuthentication .realDetailList {
display: flex; padding-right: 100px;
justify-content: space-between; }
width: 60%;
}
.realAuthentication .realDetailList { .realAuthentication .brandShuxing {
padding-right: 100px; display: flex;
} justify-content: space-between;
width: 850px;
}
.realAuthentication .brandShuxing { .realAuthentication .brandShuxing_item {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 850px; width: 50%;
} }
.realAuthentication .brandShuxing_item {
display: flex;
justify-content: space-between;
width: 50%;
}
</style> </style>
src/components/tradePavilion/tenementVehicle.vue
View file @ 285dbe28
<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('tenementManager')" class="blue point" <span @click="CommonJump('tenementManager')" class="blue point">楼宇管理</span>
>楼宇管理</span
>
/ <span>{{ID?'编辑':'新增'}}楼宇</span> / <span>{{ID?'编辑':'新增'}}楼宇</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="Name"> <el-form-item label="楼宇名称" prop="Name">
<el-input <el-input v-model="addMsg.Name" style="width: 690px" placeholder="请输入楼宇名称" size="small">
v-model="addMsg.Name"
style="width: 690px"
placeholder="请输入楼宇名称"
size="small"
>
</el-input> </el-input>
</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>
</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="建设时间" prop="ConstructionTime"> <el-form-item label="建设时间" prop="ConstructionTime">
<el-date-picker <el-input v-model="addMsg.ConstructionTime" style="width: 690px" size="small" placeholder="请输入建设时间">
v-model="addMsg.ConstructionTime" </el-input>
clearable
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
size="small"
type="datetime"
placeholder="请选择建设时间"
>
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="投运时间" prop="OperationTime"> <el-form-item label="投运时间" prop="OperationTime">
<el-date-picker <el-input v-model="addMsg.OperationTime" style="width: 690px" size="small" placeholder="请输入投运时间">
v-model="addMsg.OperationTime" </el-input>
clearable
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
size="small"
type="datetime"
placeholder="请选择投运时间"
>
</el-date-picker>
</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="Areas"> <el-form-item label="楼宇建筑面积" prop="Areas">
<el-input <el-input v-model="addMsg.Areas" style="width: 690px" size="small"
v-model="addMsg.Areas" placeholder="请输入楼宇建筑面积">
@keyup.native="checkPrice(addMsg, 'Areas')"
style="width: 690px"
size="small"
placeholder="请输入楼宇建筑面积"
>
<template slot="append">㎡</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="楼栋数量" prop="BuildingNum"> <el-form-item label="楼栋数量" prop="BuildingNum">
<el-input <el-input v-model="addMsg.BuildingNum" @keyup.native="checkPrice(addMsg, 'BuildingNum')" style="width: 690px"
v-model="addMsg.BuildingNum" size="small" placeholder="请输入楼栋数量">
@keyup.native="checkPrice(addMsg, 'BuildingNum')"
style="width: 690px"
size="small"
placeholder="请输入楼栋数量"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="楼层量" prop="FloorNum"> <el-form-item label="楼层量" prop="FloorNum">
<el-input <el-input v-model="addMsg.FloorNum" @keyup.native="checkPrice(addMsg, 'FloorNum')" style="width: 690px"
v-model="addMsg.FloorNum" size="small" placeholder="请输入楼层量">
@keyup.native="checkPrice(addMsg, 'FloorNum')"
style="width: 690px"
size="small"
placeholder="请输入楼层量"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="电梯数" prop="ElevatorNum"> <el-form-item label="电梯数" prop="ElevatorNum">
<el-input <el-input v-model="addMsg.ElevatorNum" @keyup.native="checkPrice(addMsg, 'ElevatorNum')" style="width: 690px"
v-model="addMsg.ElevatorNum" size="small" placeholder="请输入电梯数">
@keyup.native="checkPrice(addMsg, 'ElevatorNum')"
style="width: 690px"
size="small"
placeholder="请输入电梯数"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="层高" prop="FloorHeight"> <el-form-item label="层高" prop="FloorHeight">
<el-input <el-input v-model="addMsg.FloorHeight" @keyup.native="checkPrice(addMsg, 'FloorHeight')" style="width: 690px"
v-model="addMsg.FloorHeight" size="small" placeholder="请输入层高">
@keyup.native="checkPrice(addMsg, 'FloorHeight')" <template slot="append">m</template>
style="width: 690px"
size="small"
placeholder="请输入层高"
>
<template slot="append">m</template>
</el-input> </el-input>
</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="PropertyComp"> <el-form-item label="物业公司" prop="PropertyComp">
<el-input <el-input v-model="addMsg.PropertyComp" style="width: 690px" size="small" placeholder="请输入物业公司">
v-model="addMsg.PropertyComp"
style="width: 690px"
size="small"
placeholder="请输入物业公司"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="销售/自持比例" prop="SaleOrSelf"> <el-form-item label="销售/自持比例" prop="SaleOrSelf">
<el-input <el-input v-model="addMsg.SaleOrSelf" style="width: 690px" size="small" placeholder="请输入销售/自持比例">
v-model="addMsg.SaleOrSelf"
style="width: 690px"
size="small"
placeholder="请输入销售/自持比例"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="是否统一运营" prop=""> <el-form-item label="是否统一运营" prop="">
<el-switch <el-switch v-model="addMsg.IsAllOperate" :active-value="Number(1)" :inactive-value="Number(0)">
v-model="addMsg.IsAllOperate"
:active-value="Number(1)"
:inactive-value="Number(0)">
</el-switch> </el-switch>
</el-form-item> </el-form-item>
<el-form-item label="物业费(元)" prop="PropertyFee"> <el-form-item label="物业费(元)" prop="PropertyFee">
<el-input <el-input v-model="addMsg.PropertyFee" @keyup.native="checkPrice(addMsg, 'PropertyFee')" style="width: 690px"
v-model="addMsg.PropertyFee" size="small" placeholder="请输入物业费">
@keyup.native="checkPrice(addMsg, 'PropertyFee')"
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="RentFee"> <el-form-item label="月租金(元)" prop="RentFee">
<el-input <el-input v-model="addMsg.RentFee" @keyup.native="checkPrice(addMsg, 'Areas')" style="width: 690px"
v-model="addMsg.RentFee" size="small" placeholder="请输入月租金">
@keyup.native="checkPrice(addMsg, 'Areas')"
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="IndustryDirection"> <el-form-item label="拟主导产业方向" prop="IndustryDirection">
<el-input <el-input type="textarea" v-model="addMsg.IndustryDirection" show-word-limit rows="4" style="width: 690px"
type="textarea" size="small" placeholder="请输入拟主导产业方向">
v-model="addMsg.IndustryDirection"
show-word-limit
rows="4"
style="width: 690px"
size="small"
placeholder="请输入拟主导产业方向"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="目标企业招引需求" prop="BrandDemand"> <el-form-item label="目标企业招引需求" prop="BrandDemand">
<el-input <el-input type="textarea" v-model="addMsg.BrandDemand" show-word-limit rows="4" style="width: 690px"
type="textarea" size="small" placeholder="请输入目标企业招引需求">
v-model="addMsg.BrandDemand"
show-word-limit
rows="4"
style="width: 690px"
size="small"
placeholder="请输入目标企业招引需求"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="其他需求" prop=""> <el-form-item label="其他需求" prop="">
<el-input <el-input type="textarea" v-model="addMsg.Other" show-word-limit rows="4" style="width: 690px" size="small"
type="textarea" placeholder="请输入其他需求">
v-model="addMsg.Other"
show-word-limit
rows="4"
style="width: 690px"
size="small"
placeholder="请输入其他需求"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="楼负责人名字" prop="ContactName"> <el-form-item label="负责人名字" prop="ContactName">
<el-input <el-input v-model="addMsg.ContactName" style="width: 690px" size="small" placeholder="请输入楼负责人名字">
v-model="addMsg.ContactName"
style="width: 690px"
size="small"
placeholder="请输入楼负责人名字"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="楼负责人电话" prop="ContactPhone"> <el-form-item label="负责人电话" prop="ContactPhone">
<el-input <el-input v-model="addMsg.ContactPhone" @keyup.native="checkPrice(addMsg, 'ContactPhone')"
v-model="addMsg.ContactPhone" style="width: 690px" size="small" placeholder="请输入楼负责人电话">
@keyup.native="checkPrice(addMsg, 'ContactPhone')"
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">
...@@ -299,460 +153,423 @@ ...@@ -299,460 +153,423 @@
</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: {
BuildId: 0, BuildId: 0,
Name: '', Name: '',
Address: "", //地址 Address: "", //地址
LatAndLon: "", //地址经纬度 LatAndLon: "", //地址经纬度
OperationTime: "", //投运时间 OperationTime: "", //投运时间
CategoryId: 0,//分类 CategoryId: 0, //分类
Areas: null, //楼宇建筑面积 Areas: null, //楼宇建筑面积
BuildingNum: null,//楼栋数 BuildingNum: null, //楼栋数
FloorNum: null, //楼层数 FloorNum: null, //楼层数
ElevatorNum: null, //电梯数数 ElevatorNum: null, //电梯数数
FloorHeight: null,//层高 FloorHeight: null, //层高
Developers: "", //开发商 Developers: "", //开发商
PropertyComp: "",//物业公司 PropertyComp: "", //物业公司
SaleOrSelf: "",//销售自持比例 SaleOrSelf: "", //销售自持比例
IsAllOperate: 1,//是否统一运营(1-是，0-否) IsAllOperate: 1, //是否统一运营(1-是，0-否)
ConstructionTime: "",//建设时间 ConstructionTime: "", //建设时间
PropertyFee: null,//管理公司及管理费 PropertyFee: null, //管理公司及管理费
RentFee: null,//月租金(元/㎡) RentFee: null, //月租金(元/㎡)
IndustryDirection: "", //拟主导产业方向 IndustryDirection: "", //拟主导产业方向
BrandDemand: "",//目标招商业态及品牌需求 BrandDemand: "", //目标招商业态及品牌需求
Other: "",//其他需求 Other: "", //其他需求
ContactName: "",//联系人 ContactName: "", //联系人
ContactPhone: null,//联系电话 ContactPhone: null, //联系电话
Banner: [],//介绍图 Banner: [], //介绍图
}, },
rules: { rules: {
Name: [ Name: [{
{
required: true, required: true,
message: "请输入楼宇名称", message: "请输入楼宇名称",
trigger: "blur", trigger: "blur",
}, }, ],
], Address: [{
Address: [
{
required: true, required: true,
message: "请输入楼宇地址", message: "请输入楼宇地址",
trigger: "blur", trigger: "blur",
}, }, ],
], ConstructionTime: [{
ConstructionTime: [
{
required: true, required: true,
message: "请选择建设时间", message: "请选择建设时间",
trigger: "change", trigger: "change",
}, }, ],
], OperationTime: [{
OperationTime: [
{
required: true, required: true,
message: "请选择投运时间", message: "请选择投运时间",
trigger: "change", trigger: "change",
}, }, ],
], CategoryId: [{
CategoryId: [
{
required: true, required: true,
message: "请选择楼宇等级", message: "请选择楼宇等级",
trigger: "change", trigger: "change",
}, }, ],
], Areas: [{
Areas: [
{
required: true, required: true,
message: "请输入楼宇建筑面积", message: "请输入楼宇建筑面积",
trigger: "burl", trigger: "burl",
}, }, ],
], BuildingNum: [{
BuildingNum: [
{
required: true, required: true,
message: "请输入楼栋数量", message: "请输入楼栋数量",
trigger: "burl", trigger: "burl",
}, }, ],
], FloorNum: [{
FloorNum: [
{
required: true, required: true,
message: "请输入楼层量", message: "请输入楼层量",
trigger: "burl", trigger: "burl",
}, }, ],
], ElevatorNum: [{
ElevatorNum: [
{
required: true, required: true,
message: "请输入电梯数", message: "请输入电梯数",
trigger: "burl", trigger: "burl",
}, }, ],
], FloorHeight: [{
FloorHeight: [
{
required: true, required: true,
message: "请输入层高", message: "请输入层高",
trigger: "burl", trigger: "burl",
}, }, ],
], Developers: [{
Developers: [
{
required: true, required: true,
message: "请输入开发商", message: "请输入开发商",
trigger: "blur", trigger: "blur",
}, }, ],
], PropertyComp: [{
PropertyComp: [
{
required: true, required: true,
message: "请输入物业公司", message: "请输入物业公司",
trigger: "blur", trigger: "blur",
}, }, ],
], SaleOrSelf: [{
SaleOrSelf: [
{
required: true, required: true,
message: "请输入销售/自持比例", message: "请输入销售/自持比例",
trigger: "blur", trigger: "blur",
}, }, ],
], PropertyFee: [{
PropertyFee: [
{
required: true, required: true,
message: "请输入物业费", message: "请输入物业费",
trigger: "blur", trigger: "blur",
}, }, ],
], RentFee: [{
RentFee: [
{
required: true, required: true,
message: "请输入月租金", message: "请输入月租金",
trigger: "blur", trigger: "blur",
}, }, ],
], IndustryDirection: [{
IndustryDirection: [
{
required: true, required: true,
message: "请输入拟主导产业方向", message: "请输入拟主导产业方向",
trigger: "burl", trigger: "burl",
}, }, ],
], Logo: [{
Logo: [
{
required: true, required: true,
validator: validataLogo, validator: validataLogo,
trigger: "change", trigger: "change",
}, }, ],
], BrandDemand: [{
BrandDemand: [
{
required: true, required: true,
message: "请输入目标企业招引需求", message: "请输入目标企业招引需求",
trigger: "burl", trigger: "burl",
}, }, ],
], ContactName: [{
ContactName: [
{
required: true, required: true,
message: "请输入楼负责人名字", message: "请输入楼负责人名字",
trigger: "burl", trigger: "burl",
}, }, ],
], ContactPhone: [{
ContactPhone: [
{
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: [], CategoryList: []
CategoryList: []
};
},
components: {
ChooseImg,
Choosevideo,
commonMap,
draggable,
},
created() {
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: 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) => { if (this.$route.query.ID) {
if (valid) { this.ID = this.$route.query.ID;
// if(this.introImgList.length==0){ this.getData();
// this.Error('请上传介绍图'); }
// return; this.getTypeEnumList();
// } this.GetAuthenticationCategoryEnumList();
this.addMsg.CarrierMetroList = this.MetroList;
// this.addMsg.BannerList = this.introImgList;
this.addMsg.Banner = this.introImgList;
this.apipost(
"/api/YBTrade/SetBuildingInfo",
this.addMsg,
(res) => {
if (res.data.resultCode === 1) {
this.CommonJump('tenementManager');
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/YBTrade/GetBuildingInfo",
{
BuildId: this.ID,
},
(res) => {
this.pageloading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
let data = res.data.data; this.ProjectTypeList = res.data.data;
this.addMsg = res.data.data; let obj = {
if ( Name: "不限",
res.data.data.CarrierMetroList && Id: 0,
res.data.data.CarrierMetroList.length > 0 };
) { this.ProjectTypeList.unshift(obj);
this.MetroList = res.data.data.CarrierMetroList; }
} });
// if ( this.apipost("/api/Trade/GetBrandClassList", {
// res.data.data.BannerList && BrandCategory: 2
// res.data.data.BannerList.length > 0 }, (res) => {
// ) { if (res.data.resultCode == 1) {
// this.introImgList = res.data.data.BannerList; this.CategoryList = res.data.data;
let obj = {
ClassName: "不限",
ID: 0,
};
this.CategoryList.unshift(obj);
}
});
},
//新增地铁信息
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.introImgList.length==0){
// this.Error('请上传介绍图');
// return;
// } // }
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/YBTrade/SetBuildingInfo",
} this.addMsg,
if (res.data.data.OperationTime) { (res) => {
this.addMsg.OperationTime = this.addMsg.OperationTime.replace("T", " "); if (res.data.resultCode === 1) {
} this.CommonJump('tenementManager');
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/YBTrade/GetBuildingInfo", {
} BuildId: 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.OperationTime) {
// this.addMsg.Address = e.Address; this.addMsg.OperationTime = this.addMsg.OperationTime.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/tradePavilionIndex.vue
View file @ 285dbe28
...@@ -311,9 +311,9 @@ ...@@ -311,9 +311,9 @@
<i class="el-icon-menu"></i><span>咨询管理</span> <i class="el-icon-menu"></i><span>咨询管理</span>
</li> </li>
<li class="menu_item" :class="{ Fchecked: isChecked == '/realAuthentication' }" @click=" <li class="menu_item" :class="{ Fchecked: isChecked == '/ybRealAuthentication' }" @click="
(isChecked = '/realAuthentication'), (isChecked = '/ybRealAuthentication'),
CommonJump('realAuthentication') CommonJump('ybRealAuthentication')
"> ">
<i class="el-icon-menu"></i><span>企业认证</span> <i class="el-icon-menu"></i><span>企业认证</span>
</li> </li>
......
src/components/tradePavilion/ybRealAuthentication.vue 0 → 100644
View file @ 285dbe28
<template>
<div class="realAuthentication">
<template v-if="!isShowInfo">
<div class="head-title">
企业认证
</div>
<div class="content">
<div>
<span style="margin-left: 10px">公司名称</span>
<div class="searchInput" style="width:250px">
<el-input @keyup.enter.native="msg.pageIndex = 1, getList()" @clear="msg.pageIndex = 1, getList()"
style="display:inline-block;width:225px;height:30px" placeholder="请输入公司名称" v-model="msg.CompanyName"
size="small" clearable>
</el-input>
<span @click="msg.pageIndex = 1, getList()" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<span style="margin-left: 10px">认证用户</span>
<el-select size="small" v-model="msg.CreateBy" :filter-method="ChangeListName" filterable
@change="(msg.pageIndex = 1), getList()" placeholder="请选择" clearable
@clear="(msg.pageIndex = 1), getList()">
<el-option label="不限" :value="0"></el-option>
<el-option v-for="item in userList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</div>
<el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
<el-table-column prop="CompanyId" label="公司id" width="100">
</el-table-column>
<el-table-column prop="CompanyName" label="企业名称">
</el-table-column>
<el-table-column prop="FirstShopType" label="认证类型">
<template slot-scope="scope">
<template v-if="scope.row.FirstShopType==1">
消费品牌
</template>
<template v-if="scope.row.FirstShopType==2">
商业载体
</template>
<template v-if="scope.row.FirstShopType==3">
企业服务
</template>
<template v-if="scope.row.FirstShopType==4">
活力楼宇
</template>
</template>
</el-table-column>
<el-table-column prop="BusinessLicense" width="150" label="营业执照">
<template slot-scope="scope">
<el-image title="点击查看大图" style="width:50px;" :src="scope.row.BusinessLicense"
:preview-src-list="scope.row.BusinessList"></el-image>
</template>
</el-table-column>
<el-table-column prop="UnifiedCode" label="统一社会信用代码">
</el-table-column>
<el-table-column prop="CompanyStatus" width="150" label="公司状态">
<template slot-scope="scope">
<span v-if="scope.row.CompanyStatus == 0" style="color:#1273bc;">待审核</span>
<span v-if="scope.row.CompanyStatus == 1" style="color:green;">审核通过</span>
<span v-if="scope.row.CompanyStatus == 2" style="color:#e95252;">审核拒绝</span>
</template>
</el-table-column>
<el-table-column prop="Mobile" width="150" label="联系电话">
</el-table-column>
<el-table-column prop="LegalPerson" width="180" label="法人">
</el-table-column>
<el-table-column prop="UserName" label="认证用户"></el-table-column>
<el-table-column prop="address" width="150" label="操作">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="审核" placement="top">
<img @click="getInfo(scope.row, 1)" src="../../assets/img/userman/add_remark.png" alt="">
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange"
:page-size="msg.pageSize" :current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
</el-pagination>
</div>
</template>
<template v-else>
<div class="head-title">
<span @click="isShowInfo = false" style="color:rgb(64, 158, 255);cursor:pointer;">实名认证</span><span
style="margin:0 9px;color:#C0C4CC">/</span><span>详情</span>
</div>
<div class="content">
<div class="realDetailInfo">
<div class="realDetailList">
<div style="margin:20px 0;font-weight:bold;">
<span class="tradeLine"></span>公司信息
</div>
<el-form label-width="150px">
<el-form-item label="企业名称:">{{ listInfo.CompanyName }}</el-form-item>
<el-form-item label="法人:">{{ listInfo.LegalPerson }}</el-form-item>
<el-form-item label="统一社会信用代码:">{{ listInfo.UnifiedCode }}</el-form-item>
<el-form-item label="公司状态:">
<span v-if="listInfo.CompanyStatus == 0" style="color:#1273bc;">待审核</span>
<span v-if="listInfo.CompanyStatus == 1" style="color:green;">审核通过</span>
<span v-if="listInfo.CompanyStatus == 2" style="color:#e95252;">审核拒绝</span>
</el-form-item>
<el-form-item label="联系电话:">{{ listInfo.Mobile }}</el-form-item>
<el-form-item label="营业执照:">
<el-image style="width: 200px;" :src="listInfo.BusinessLicense" :preview-src-list="srcList">
</el-image>
</el-form-item>
<el-form-item label="审核备注:" v-if="listInfo.CompanyStatus == 2">
<span>
{{ listInfo.RejectRemark }}
</span>
</el-form-item>
</el-form>
</div>
<div class="realDetailList" style="width:1000px;">
<template v-if="listInfo.BrandModel">
<div style="margin:20px 0;font-weight:bold;">
<span class="tradeLine"></span>
<template v-if="listInfo.FirstShopType == 1">
消费品牌信息
</template>
<template v-if="listInfo.FirstShopType == 2">
商业载体信息
</template>
<template v-if="listInfo.FirstShopType == 3">
企业服务信息
</template>
<template v-if="listInfo.FirstShopType == 4">
活力楼宇信息
</template>
</div>
<!--消费品牌-->
<template v-if="listInfo.FirstShopType == 1">
<el-form label-width="120px">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="品牌分类:">{{ listInfo.BrandModel.ClassName }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="品牌全名:">{{ listInfo.BrandModel.FullBrandName }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="品牌名:">{{ listInfo.BrandModel.BrandName }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Logo:">
<el-image v-if="listInfo.BrandModel.Logo != ''" style="width: 80px; height: 80px"
:src="listInfo.BrandModel.Logo">
</el-image>
<span v-else>无</span>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="14">
<el-form-item label="介绍图:">
<div style="
position: relative;
margin-right: 20px;
display: inline-block;
" v-for="(item, index) in listInfo.BrandModel.BannerList" :key="index + '2'">
<el-image style="width: 100px; height: 100px" :src="item">
</el-image>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="品牌视频:">
<span v-if="listInfo.BrandModel.VideoUrl == ''">无</span>
<a v-if="listInfo.BrandModel.VideoUrl != ''" class="blue noline"
:href="listInfo.BrandModel.VideoUrl" target="_blank">视频链接</a>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="店铺数量:">{{ listInfo.BrandModel.ShopNum }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="建筑面积:">{{ listInfo.BrandModel.BuiltUpArea }}~{{
listInfo.BrandModel.EndBuiltUpArea}}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="需求面积:">
{{ listInfo.BrandModel.AreaRequirement }}~{{ listInfo.BrandModel.EndAreaRequirement }}
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="客群定位:">{{ listInfo.BrandModel.CustomerType }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="品牌定位:">{{ listInfo.BrandModel.BrandType }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="发展意向:">{{ listInfo.BrandModel.DevIntention }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合作条件:">{{ listInfo.BrandModel.Cooperation }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="物业需求:">{{ listInfo.BrandModel.PropertyDemand }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="配套需求:">{{ listInfo.BrandModel.Complementary }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="品牌介绍:">{{ listInfo.BrandModel.Introduce }}</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
<!--商业载体-->
<template v-if="listInfo.FirstShopType == 2">
<el-form label-width="160px">
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="载体名称:">{{ listInfo.CarrierModel.CarrierName }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="开发商:">{{ listInfo.CarrierModel.Developers }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="Logo:">
<el-image v-if="listInfo.CarrierModel.Logo != ''" style="width: 80px; height: 80px"
:src="listInfo.CarrierModel.Logo">
</el-image>
<span v-else>无</span>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="介绍图:">
<div style="
position: relative;
margin-right: 20px;
display: inline-block;
" v-for="(item, index) in listInfo.CarrierModel.BannerList" :key="index + '2'">
<el-image style="width: 100px; height: 100px" :src="item">
</el-image>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="载体视频:">
<span v-if="listInfo.CarrierModel.VideoUrl == ''">无</span>
<a v-if="listInfo.CarrierModel.VideoUrl != ''" class="blue noline"
:href="listInfo.CarrierModel.VideoUrl" target="_blank">视频链接</a>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="开业状态:">{{ listInfo.CarrierModel.OpeningStatus==1?"已开业":"即将开业" }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开业时间:">{{ listInfo.CarrierModel.OpenTime }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="项目地址:">{{ listInfo.CarrierModel.Address }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="经纬度:">{{ listInfo.CarrierModel.LatAndLon }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="载体类型:">{{ listInfo.CarrierModel.ClassName }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="资产权属:">{{ listInfo.CarrierModel.Ascription }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="项目面积:">{{ listInfo.CarrierModel.CarrierSize }}平方米</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="物业构成:">{{ listInfo.CarrierModel.PropertyComposition }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="项目发展及定位:">{{ listInfo.CarrierModel.Location }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="周边人群结构特征:">{{ listInfo.CarrierModel.Crowd }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="人流量参数:">{{ listInfo.CarrierModel.VisitorsFlowrate }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="商业楼层:">{{ listInfo.CarrierModel.LayersNum }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="水电气及配套:">{{ listInfo.CarrierModel.SupportingFacilities }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="管理公司及管理费:">{{ listInfo.CarrierModel.ManagementCompany }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="目标招商业态及品牌需求:">{{ listInfo.CarrierModel.BrandDemand }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="地铁信息:">
<div
v-if="listInfo.CarrierModel.CarrierMetroList && listInfo.CarrierModel.CarrierMetroList.length > 0">
<div>
{{ listInfo.CarrierModel.CarrierMetroList[0].MetroNum }}号线{{
listInfo.CarrierModel.CarrierMetroList[0].MetroName
}},&nbsp;{{ listInfo.CarrierModel.CarrierMetroList[0].Distance}}
</div>
</div>
<div v-else>
无
</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
<!--企业服务-->
<template v-if="listInfo.FirstShopType == 3">
<el-form label-width="160px">
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="楼宇名称:">{{ listInfo.EnterpriseServicesModel.Name }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="介绍图:">
<div style="
position: relative;
margin-right: 20px;
display: inline-block;
" v-for="(item, index) in listInfo.EnterpriseServicesModel.BannerList" :key="index + '2'">
<el-image style="width: 100px; height: 100px" :src="item">
</el-image>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="企业简介:">{{ listInfo.EnterpriseServicesModel.Introduction }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="企业发展意向:">{{ listInfo.EnterpriseServicesModel.DevIntention }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="楼宇位置:">{{ listInfo.EnterpriseServicesModel.Address }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="经纬度:">{{ listInfo.EnterpriseServicesModel.LatAndLon }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="投运时间:">{{ listInfo.EnterpriseServicesModel.OperationTime }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="楼宇等级:">{{ listInfo.EnterpriseServicesModel.CategoryName }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="楼宇装修:">{{ listInfo.EnterpriseServicesModel.Renovation }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="支付方式:">{{ listInfo.EnterpriseServicesModel.Payment }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="交房日期:">{{ listInfo.EnterpriseServicesModel.HandoverDate }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="意向楼层:">
{{ listInfo.EnterpriseServicesModel.IntentionalFloor >0?listInfo.EnterpriseServicesModel.IntentionalFloor :"-"}}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电梯数:">
{{ listInfo.EnterpriseServicesModel.ElevatorNum>0?listInfo.EnterpriseServicesModel.ElevatorNum:"-" }}
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="物业费(元):">
{{ listInfo.EnterpriseServicesModel.PropertyFee>0?listInfo.EnterpriseServicesModel.PropertyFee:"-" }}
元/㎡/月
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="月租金(元):">
{{ listInfo.EnterpriseServicesModel.RentFee>0?listInfo.EnterpriseServicesModel.RentFee:"-" }}
元/㎡/月</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="联系人名字:">{{ listInfo.EnterpriseServicesModel.ContactName }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人电话:">{{ listInfo.EnterpriseServicesModel.ContactPhone }}</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
<!--活力楼宇-->
<template v-if="listInfo.FirstShopType == 4">
<el-form label-width="160px">
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="楼宇名称:">{{ listInfo.buildingApplyForModel.Name }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="介绍图:">
<div style="
position: relative;
margin-right: 20px;
display: inline-block;
" v-for="(item, index) in listInfo.buildingApplyForModel.BannerList" :key="index + '2'">
<el-image style="width: 100px; height: 100px" :src="item">
</el-image>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="楼宇位置:">{{ listInfo.buildingApplyForModel.Address }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="经纬度:">{{ listInfo.buildingApplyForModel.LatAndLon }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="建设时间:">{{ listInfo.buildingApplyForModel.ConstructionTime }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="投运时间:">{{ listInfo.buildingApplyForModel.OperationTime }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="楼宇等级:">{{ listInfo.buildingApplyForModel.CategoryName }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="楼宇建筑面积:">{{ listInfo.buildingApplyForModel.Areas }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="楼栋数量:">{{ listInfo.buildingApplyForModel.BuildingNum }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="楼层量:">{{ listInfo.buildingApplyForModel.FloorNum }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="电梯数:">{{ listInfo.buildingApplyForModel.ElevatorNum }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="层高:">{{ listInfo.buildingApplyForModel.FloorHeight }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="开发商:">{{ listInfo.buildingApplyForModel.Developers }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="物业公司:">{{ listInfo.buildingApplyForModel.PropertyComp }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="销售/自持比例:">{{ listInfo.buildingApplyForModel.SaleOrSelf }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否统一运营:">{{ listInfo.buildingApplyForModel.IsAllOperate==1?"是":"否" }}
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="物业费(元):">
{{ listInfo.buildingApplyForModel.PropertyFee>0?listInfo.buildingApplyForModel.PropertyFee:"-" }}
元/㎡/月
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="月租金(元):">
{{ listInfo.buildingApplyForModel.RentFee>0?listInfo.buildingApplyForModel.RentFee:"-" }} 元/㎡/月
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="拟主导产业方向:">{{ listInfo.buildingApplyForModel.IndustryDirection }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="目标企业招引需求:">{{ listInfo.buildingApplyForModel.BrandDemand }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="其他需求:">{{ listInfo.buildingApplyForModel.Other }}</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="负责人名字:">{{ listInfo.buildingApplyForModel.ContactName }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人电话:">{{ listInfo.buildingApplyForModel.ContactPhone }}</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
</template>
</div>
</div>
<template v-if="listInfo.CompanyStatus == 0">
<el-button size="small" style="margin-top:20px;padding:9px 25px;" type="primary"
@click="audit(1), AuditRemark = ''">审核通过
</el-button>
<el-button size="small" style="margin-top:20px;padding:9px 25px;" type="danger" @click="auditfail()">审核失败
</el-button>
</template>
</div>
</template>
<el-dialog title="审核拒绝" :visible.sync="resondialog2" width="600px">
<el-form label-width="80px">
<el-form-item label="拒绝原因" class="is-required">
<el-input type="textarea" :rows="6" v-model="AuditRemark"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="resondialog2 = false">取 消</el-button>
<el-button @click="audit(2)" size="small" type="primary">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
resondialog2: false,
msg: {
pageIndex: 1,
pageSize: 15,
CompanyName: '',
CreateBy: 0,
},
usermsg: {
pageIndex: 1,
pageSize: 20,
Name: '',
Source: 0,
MemberGrade: 0,
Id: 0,
Moblie: ''
},
userList: [],
total: 0,
loading: false,
tableData: [], //数据列表
isShowInfo: false,
listInfo: {},
srcList: [],
colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
AuditRemark: '',
};
},
created() {
this.getList();
this.getuserList()
},
methods: {
ChangeListName(val) {
this.usermsg.Name = val;
this.getuserList();
},
getuserList() {
this.apipost("/api/user/GetMemberUserDropDownList", this.usermsg, res => {
if (res.data.resultCode == 1) {
let pageData = res.data.data.pageData;
this.userList = pageData;
}
})
},
getList() {
this.loading = true;
this.apipost("/api/Trade/GetCompanyEnterprisePageList", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData = pageData;
this.tableData.forEach(x => {
x.BusinessList = [];
x.BusinessList.push(x.BusinessLicense);
})
} else {
this.Error(res.data.message)
}
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getInfo(item) {
this.isShowInfo = true;
this.apipost("/api/Trade/GetCompanyEnterprise", {
CompanyId: item.CompanyId
}, res => {
if (res.data.resultCode == 1) {
this.isShowInfo = true;
this.listInfo = res.data.data;
this.srcList = [];
this.srcList.push(this.listInfo.BusinessLicense);
}
})
},
//审核
audit(type) {
let that = this;
let str = ''
if (type == 1) {
str = '确定审核通过？'
} else {
str = '确定审核失败？'
}
if (type == 1) {
that.Confirm(str, function () {
let msg = {
CompanyId: that.listInfo.CompanyId,
CompanyStatus: type,
Remark: '',
}
const loading = that.$loading({
lock: true,
text: '审核中...',
spinner: 'el-icon-loading',
});
that.apipost("/api/Trade/UpdateCompanyEnterpriseStatus", msg, res => {
loading.close();
if (res.data.resultCode == 1) {
that.Success(res.data.message)
that.isShowInfo = false;
that.getList();
} else {
that.Error(res.data.message)
}
})
});
} else {
let msg = {
CompanyId: that.listInfo.CompanyId,
CompanyStatus: type,
Remark: that.AuditRemark
}
const loading = that.$loading({
lock: true,
text: '审核中...',
spinner: 'el-icon-loading',
});
that.apipost("/api/Trade/UpdateCompanyStatus", msg, res => {
loading.close();
if (res.data.resultCode == 1) {
that.resondialog2 = false
that.Success(res.data.message)
that.isShowInfo = false;
that.getList();
} else {
that.Error(res.data.message)
}
})
}
},
auditfail() { //失败理由
this.resondialog2 = true;
this.AuditRemark = '';
}
},
mounted() {}
};
</script>
<style>
.realAuthentication .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
}
.realAuthentication .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.realAuthentication .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.realAuthentication .content {
background: #fff;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
.realAuthentication .tradeLine {
display: inline-block;
width: 3px;
height: 10px;
margin-right: 5px;
background-color: #409EFF;
}
.realAuthentication .realDetailInfo {
display: flex;
justify-content: space-between;
width: 90%;
}
.realAuthentication .realDetailList {
padding-right: 100px;
}
.realAuthentication .brandShuxing {
display: flex;
justify-content: space-between;
width: 850px;
}
.realAuthentication .brandShuxing_item {
display: flex;
justify-content: space-between;
width: 50%;
}
</style>
src/router/index.js
View file @ 285dbe28
...@@ -820,7 +820,7 @@ export default new Router({ ...@@ -820,7 +820,7 @@ export default new Router({
name: 'BrandManager', name: 'BrandManager',
component: resolve => require(['@/components/tradePavilion/BrandEnterpriseManager'], resolve), component: resolve => require(['@/components/tradePavilion/BrandEnterpriseManager'], resolve),
}, },
//企业服务管理 //企业服务管理
{ {
path: '/firmManager', path: '/firmManager',
...@@ -863,6 +863,12 @@ export default new Router({ ...@@ -863,6 +863,12 @@ export default new Router({
name: 'realAuthentication', name: 'realAuthentication',
component: resolve => require(['@/components/tradePavilion/realAuthentication'], resolve), component: resolve => require(['@/components/tradePavilion/realAuthentication'], resolve),
}, },
//商载通--企业认证
{
path: '/ybRealAuthentication',
name: 'ybRealAuthentication',
component: resolve => require(['@/components/tradePavilion/ybRealAuthentication'], resolve),
},
//贸易管理--品牌分类 //贸易管理--品牌分类
{ {
path: '/brandClassification', path: '/brandClassification',
......
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