|
@@ -9,16 +9,16 @@
|
|
|
</FormItem>
|
|
|
</i-col>
|
|
|
<i-col :span="12" class="">
|
|
|
- <FormItem label="所属行业" prop="companyType">
|
|
|
- <i-select size="large" v-model="form.companyType" @on-change="changeCompanyType" :disabled="isDetail">
|
|
|
+ <FormItem label="所属行业" prop="tradeName">
|
|
|
+ <i-select size="large" v-model="form.tradeName" @on-change="changeCompanyType" :disabled="isDetail">
|
|
|
<i-option v-for="item in industryList" :key="item.id" :value="item.name">{{ item.name }}</i-option>
|
|
|
</i-select>
|
|
|
<!-- <Input type="text" size="large" v-model="form.companyType" :disabled="isDetail" /> -->
|
|
|
</FormItem>
|
|
|
</i-col>
|
|
|
<i-col :span="12" class="">
|
|
|
- <FormItem label="成立时间" prop="registerDate">
|
|
|
- <Date-picker v-model="form.registerDate" type="year" size="large" placeholder="" :disabled="isDetail" @on-change="changeDate"></Date-picker>
|
|
|
+ <FormItem label="成立时间" prop="registerDate1">
|
|
|
+ <Date-picker v-model="form.registerDate1" type="year" size="large" placeholder="" :disabled="isDetail" @on-change="changeDate"></Date-picker>
|
|
|
</FormItem>
|
|
|
</i-col>
|
|
|
<i-col :span="12" class="">
|
|
@@ -57,8 +57,8 @@
|
|
|
</i-col>
|
|
|
<i-col :span="24" class="">
|
|
|
<FormItem label="公司logo">
|
|
|
- <picUpload ref="logoUpload" tips="只能上传jpg/png文件,且不超过500kb" :multiple="false" :limit="1" :preUploads="preLogoUploads" :hasUploads="hasLogoUploads" v-if="!isDetail" />
|
|
|
- <img style="width: 100px;height:100px;" :src="form.companyLogo" v-else>
|
|
|
+ <picUpload ref="logoUpload" tips="只能上传jpg/png文件,且不超过500kb" :multiple="false" :limit="1" :preUploads="preLogoUploads" :hasUploads="hasLogoUploads" :hideUpload="isDetail" />
|
|
|
+ <!-- <img style="width: 100px;height:100px;" :src="form.companyLogo" v-else> -->
|
|
|
</FormItem>
|
|
|
</i-col>
|
|
|
<!-- <i-col :span="12" class="">
|
|
@@ -69,9 +69,9 @@
|
|
|
<i-col :span="24" class="">
|
|
|
<FormItem label="场景地址">
|
|
|
<template>
|
|
|
- <Input type="text" size="large" v-model="form.vrLink" :disabled="isDetail" />
|
|
|
+ <Input type="text" size="large" v-model="vrLink" :disabled="isDetail" />
|
|
|
<Button type="primary" size="large" class="input-btn" @click="modalShow=true" v-if="!isDetail">选择场景</Button>
|
|
|
- <Button type="primary" size="large" class="input-btn">编辑场景</Button>
|
|
|
+ <Button type="primary" size="large" :class="`input-btn ${form.sceneNum ? '' : 'not-allow'}`" @click="toEditScene">编辑场景</Button>
|
|
|
</template>
|
|
|
</FormItem>
|
|
|
</i-col>
|
|
@@ -106,7 +106,7 @@
|
|
|
<tables
|
|
|
:data-api="getGuideList"
|
|
|
:columns="guideTableColumns"
|
|
|
- placeholder="经纪人"
|
|
|
+ placeholder="讲解员"
|
|
|
ref="guideTable"
|
|
|
/>
|
|
|
<div style="height:20px"></div>
|
|
@@ -120,9 +120,11 @@ import picUpload from '@/components/upload'
|
|
|
import cModal from '@/components/Modal'
|
|
|
import tables from 'components/tables'
|
|
|
import * as CompanyApi from '@/api/company'
|
|
|
-import { getGuideList } from '@/api/guide'
|
|
|
+import { getGuideList, getGuideById } from '@/api/guide'
|
|
|
import { searchPlaceByKeyword } from '@/api/qqmap'
|
|
|
import qqMap from '@/components/map'
|
|
|
+import { getToken } from '@/libs/token'
|
|
|
+
|
|
|
export default {
|
|
|
props: {
|
|
|
form: Object,
|
|
@@ -136,9 +138,9 @@ export default {
|
|
|
select_guide_id: '',
|
|
|
select_guide: {},
|
|
|
rules: {
|
|
|
- name: [{ required: true, message: '请填写公司名', trigger: 'blur' }],
|
|
|
- companyType: [{ required: true, message: '请选择所属行业', trigger: 'change'}],
|
|
|
- registerDate: [{ required: true, message: '请填写成立时间', trigger: 'blur'}],
|
|
|
+ companyName: [{ required: true, message: '请填写公司名', trigger: 'blur' }],
|
|
|
+ tradeName: [{ required: true, message: '请选择所属行业', trigger: 'change'}],
|
|
|
+ registerDate1: [{ required: true, message: '请填写成立时间', trigger: 'blur', type: 'date'}],
|
|
|
staffNum: [{ required: true, message: '请填写员工人数', trigger: 'blur' }],
|
|
|
registerFund: [{ required: true, message: '请填写注册资金', trigger: 'blur' }],
|
|
|
mainProduct: [{ required: true, message: '请填写主要产品描述', trigger: 'blur' }],
|
|
@@ -241,8 +243,18 @@ export default {
|
|
|
tables,
|
|
|
qqMap
|
|
|
},
|
|
|
- mounted () {
|
|
|
- this.getIndustryList()
|
|
|
+ computed: {
|
|
|
+ vrLink: {
|
|
|
+ set (val) {
|
|
|
+ this.form.vrLink = encodeURIComponent(val)
|
|
|
+ },
|
|
|
+ get () {
|
|
|
+ return decodeURIComponent(this.form.vrLink)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async mounted () {
|
|
|
+ await this.getIndustryList()
|
|
|
this.$watch('form.companyLogo', function (newVal) {
|
|
|
if (this.isDetail) {
|
|
|
this.hasLogoUploads = [{img: newVal}]
|
|
@@ -250,6 +262,12 @@ export default {
|
|
|
}, {
|
|
|
immediate: true
|
|
|
})
|
|
|
+ this.$watch('form.guideId', async (newVal) => {
|
|
|
+ if (this.isDetail) {
|
|
|
+ let res = await getGuideById(this.form.guideId)
|
|
|
+ this.select_guide = res.data || {}
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
methods: {
|
|
|
async validate () {
|
|
@@ -261,16 +279,19 @@ export default {
|
|
|
},
|
|
|
async submit () {
|
|
|
let res = await this.$refs['logoUpload'].uploadfiles()
|
|
|
+ console.log(this.hasLogoUploads)
|
|
|
this.form.companyLogo = res[0]
|
|
|
+ this.form.registerDate = new Date(this.form.registerDate).getFullYear()
|
|
|
+ console.log(this.hasLogoUploads)
|
|
|
},
|
|
|
changeScene () {
|
|
|
- this.vrLink = this.select_scene_num ? `${process.env.VUE_APP_4DKANKAN_URL}/vrHouse.html?m=${this.select_scene_num}&appname=vrhouse` : ''
|
|
|
- this.form.vrLink = this.select_scene_num ? encodeURIComponent(`${process.env.VUE_APP_4DKANKAN_URL}/vrHouse.html?m=${this.select_scene_num}&appname=vrhouse`) : ''
|
|
|
+ this.vrLink = this.select_scene_num ? `${process.env.VUE_APP_4DKANKAN_URL}/kanzhan.html?m=${this.select_scene_num}` : ''
|
|
|
+ this.form.vrLink = this.select_scene_num ? encodeURIComponent(`${process.env.VUE_APP_4DKANKAN_URL}/kanzhan.html?m=${this.select_scene_num}`) : ''
|
|
|
this.form.sceneNum = this.select_scene_num || ''
|
|
|
this.modalShow = false
|
|
|
},
|
|
|
changeGuide () {
|
|
|
- this.select_guide = this.$refs['guideTable'].tableData.find(item => item.viewerId === this.select_guide_id)
|
|
|
+ this.select_guide = this.$refs['guideTable'].tableData.find(item => item.viewerId === this.select_guide_id) || {}
|
|
|
this.form.guideId = this.select_guide.viewerId
|
|
|
this.guideModalShow = false
|
|
|
},
|
|
@@ -280,7 +301,7 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
changeCompanyType (value) {
|
|
|
- this.form.companyType = value
|
|
|
+ this.form.tradeName = value
|
|
|
},
|
|
|
searchAddress () {
|
|
|
searchPlaceByKeyword({keyword: this.form.companyAddress}).then(res => {
|
|
@@ -310,6 +331,13 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ toEditScene () {
|
|
|
+ if (this.form.sceneNum) {
|
|
|
+ let kankan = process.env.ENV === 'production' ? `https://4dkankan.com/epc.html?m=${this.form.sceneNum}` : `https://test.4dkankan.com/epc.html?m=${this.form.sceneNum}`
|
|
|
+ kankan = `${kankan}&token=${getToken()}`
|
|
|
+ window.open(kankan)
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|