123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361 |
- <template>
- <el-dialog title="项目及建筑信息管理" :visible.sync="mapShow" width="45%">
-
- <div v-if="!perjId">
- <el-form ref="perj" :model="perj" label-width="150px">
- <el-form-item
- label="项目本地名称:"
- :rules="{ required: true, message: '项目名称不能为空', trigger: 'blur' }"
- >
- <el-input v-model="perj.infos.ProjLocalName"></el-input>
- </el-form-item>
- <div>
- <b-map type="create" @getPoint="pointChange"></b-map>
- </div>
- <el-form-item label="省市区域:">
- <span>{{Provinces | mess}}</span>
- </el-form-item>
- <el-form-item label="气候区域:">
- <span>{{ClimateZone | mess}}</span>
- </el-form-item>
- <el-form-item label="城市发展水平:">
- <span>{{UrbanDevpLev | mess}}</span>
- </el-form-item>
- <el-form-item label="海拔:">
- <span>{{perj.infos.Altitude | mess}}</span>
- </el-form-item>
- <el-form-item label="纬度:">
- <span>{{perj.infos.Latitude | mess}}</span>
- </el-form-item>
- <el-form-item label="经度:">
- <span>{{perj.infos.Longitude | mess}}</span>
- </el-form-item>
- </el-form>
- <div class="dialog_border"></div>
- <div v-if="isCreate">
- <h3 class="dialog_height">建筑信息</h3>
- <template v-for="item in buildArr">
- <build
- :buildType="buildCreate(item)"
- :buildData="item"
- :id="param.perjId"
- :buildMess="buildMess"
- :funcTypeArr="funcTypeArr"
- ></build>
- </template>
- <el-button type="text" @click="addBuild" class="create-build">添加建筑</el-button>
- </div>
- <span slot="footer" class="dialog-footer" v-if="!isCreate">
- <el-button @click="mapShow = false">取 消</el-button>
- <el-button type="primary" @click="success">{{isCreate ? "确 定" : "确认添加项目"}}</el-button>
- </span>
- </div>
- <div v-else>
- <el-form ref="perj" :model="perj" label-width="150px">
- <form-input
- :value="perj.infos.ProjLocalName"
- @change="perjChange"
- :keys="'ProjLocalName'"
- :label="'项目本地名称'"
- :isRule="false"
- ></form-input>
- <div>
- <b-map
- type="change"
- v-if="changeMap"
- :code="perj.area_code"
- :location="locations"
- @getPoint="pointChange"
- ></b-map>
- </div>
- <el-form-item label="省市区域:">
- <span>{{Provinces | mess}}</span>
- </el-form-item>
- <el-form-item label="气候区域:">
- <span>{{ClimateZone | mess}}</span>
- </el-form-item>
- <el-form-item label="城市发展水平:">
- <span>{{UrbanDevpLev | mess}}</span>
- </el-form-item>
- <el-form-item label="海拔:">
- <span>{{perj.infos.Altitude | mess}}</span>
- </el-form-item>
- <el-form-item label="纬度:">
- <span>{{perj.infos.Latitude | mess}}</span>
- </el-form-item>
- <el-form-item label="经度:">
- <span>{{perj.infos.Longitude | mess}}</span>
- </el-form-item>
- </el-form>
- <project-view v-if="projShow" :label="projLabel" :value="perj"></project-view>
- <div style="height:40px;">
- <el-button style="float:right;" v-if="!projShow" @click="projShow = true" type="text">维护详细信息</el-button>
- <el-button style="float:right;" v-if="projShow" @click="projShow = false" type="text">收起</el-button>
- </div>
- <div class="dialog_border"></div>
- <h3 class="dialog_height">建筑信息</h3>
- <template v-for="(item,index) in buildArr">
- <build
- :buildType="buildCreate(item)"
- @del="del(index)"
- @created="changeBuild(item)"
- :id="param.perjId"
- :buildData="item"
- :buildMess="buildMess"
- :funcTypeArr="funcTypeArr"
- ></build>
- </template>
- <el-button type="text" @click="addBuild" class="create-build">添加建筑</el-button>
- </div>
- </el-dialog>
- </template>
- <script>
- import formInput from "@/components/market/owner/formInput";
- import bMap from "@/components/market/owner/map";
- import build from "@/components/market/owner/build";
- import project from "./project"
- import projectView from "./project.vue"
- import tools from "@/utils/tools";
- export default {
- components: {
- formInput,
- bMap,
- build,
- projectView
- },
- props: ["show", "param", "buildMess", "funcTypeArr"],
- data() {
- return {
- mapShow: true,
- perjId: false,
- perj: {
- area_code: "",
- infos: {
- ProjLocalName: "",
- ClimateZone: "",
- UrbanDevpLev: "",
- Altitude: "",
- Longitude: "",
- Latitude: ""
- }
- },
- Provinces: "",
- UrbanDevpLev: "",
- ClimateZone: "",
- buildArr: [
-
- ],
- projShow: false,
- locations: {
-
- },
- changeMap: false,
- isCreate: false,
- projLabel: []
- };
- },
- created() {
- if (this.param.perjId) {
- this.perjId = true;
- } else {
- this.perjId = false;
- }
- this.mapShow = this.show;
- this.perj.infos.ProjLocalName = this.param.projectName;
-
- if (this.param.perjId) {
- this.getPerjMess();
- this.getBuildList();
- }
- this.getPorjLabel()
- },
- methods: {
-
- getPorjLabel() {
-
-
-
-
-
- this.projLabel = tools.arrayCnt(project);
- },
-
- pointChange(code, location, Provinces, type) {
- this.perj.area_code = code;
- this.perj.infos.Longitude = location.lng;
- this.perj.infos.Latitude = location.lat;
- let param = {
- area_code: code
- };
- this.Provinces = Provinces;
-
- this.postJson("/server/business-os/area/query", param, res => {
- this.perj.infos.ClimateZone = res.content.ClimateZone.code;
- this.perj.infos.UrbanDevpLev = res.content.UrbanDevpLev.code;
- this.perj.infos.Altitude = Number(res.content.Altitude) || null;
- this.ClimateZone = res.content.ClimateZone.name;
- this.UrbanDevpLev = res.content.UrbanDevpLev.name;
- if (this.perj.infos.ProjID) {
- this.perjChange(type, "baiduMap");
- }
- });
- },
-
- perjChange(val, key) {
- this.perj.id = this.perj.infos.ProjID;
- let param = {}
- if (key == "ProjLocalName") {
- param.infos = {
- [key]: val
- }
- param.id = this.perj.id
- } else {
- if (val == "deat") {
- param = this.perj
- } else {
- return false
- }
- }
- this.postJson(
- "/server/business-os/proprietor/project/update",
- param,
- res => {
- this.$message.success("修改成功");
- }
- )
- },
-
- addBuild() {
- let buildObj = {
- projectId: this.param.perjId,
- infos: {
- BuildLocalID: "",
- BuildLocalName: "",
- BuildAge: "",
- BuildFuncType: ""
- }
- };
- this.buildArr.push(buildObj);
- },
-
- buildCreate(item) {
- if (item.id) {
- return "change";
- } else {
- return "create";
- }
- },
-
- del(index) {
- this.buildArr.splice(index, 1);
- },
- changeBuild() {
- this.getBuildList();
- },
-
- success() {
- let param = {};
- param.proprietorId = this.param.proprietorId;
- param.area_code = this.perj.area_code;
- param.infos = this.perj.infos;
- if (this.perj.area_code && this.perj.infos.ProjLocalName) {
- if (this.isCreate) {
- this.isCreate = true;
- } else {
- if (param.BuildFuncType && param.BuildFuncType.length > 1) {
- param.BuildFuncType =
- param.BuildFuncType[param.BuildFuncType.length - 1];
- }
- this.postJson(
- "/server/business-os/proprietor/project/create",
- param,
- res => {
- this.isCreate = true;
- this.param.perjId = res.id;
- this.perjId = res.id;
- this.getPerjMess();
- this.getBuildList();
- }
- );
- }
- } else {
- this.$message.error("请确定项目名与项目地址");
- }
- },
-
- getPerjMess() {
- let params = {
- id: this.param.perjId
- };
- this.postJson(
- "/server/business-os/proprietor/project/query",
- params,
- res => {
- this.perj.infos = res.content.infos;
- this.perj.area_code = res.content.infos.UrbanZone;
- this.locations = {
- lng: res.content.infos.Longitude,
- lat: res.content.infos.Latitude
- };
- this.changeMap = true;
- }
- );
- },
-
- getBuildList() {
- let param = {
- projectId: this.param.perjId
- };
- this.postJson(
- "/server/business-os/proprietor/project/building/query",
- param,
- res => {
- this.buildArr = res.content;
- }
- );
- }
- },
- watch: {
- mapShow: {
- deep: true,
- handler(val, oldVal) {
- this.$emit("close");
- this.mapShow = true;
- }
- }
- },
-
- filters: {
-
- mess(val) {
- return val || "请在地图中选择项目地址";
- }
- }
- };
- </script>
- <style lang="scss" scoped>
- .dialog_height {
- line-height: 100px;
- font-size: 32px;
- text-align: center;
- }
- .dialog-footer {
- float: right;
- }
- .create-build {
- display: block;
- margin: auto;
- }
- </style>
|