You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
226 lines
6.5 KiB
226 lines
6.5 KiB
<template>
|
|
<div>
|
|
|
|
<div class="dialog-h-content scroll-h">
|
|
|
|
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form">
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item label="所有组织" label-width="100px" prop="orgNamePath">
|
|
{{formData.orgNamePath}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="车牌号码" label-width="100px" prop="name">
|
|
{{formData.carNumber}}
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="车主姓名" label-width="100px" prop="name">
|
|
{{formData.carOwnerName }}
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="车主电话" label-width="100px" prop="name">
|
|
{{ formData.carOwnerMobile}}
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="车主身份证" label-width="100px" prop="name">
|
|
{{ formData.carOwnerNum}}
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="车辆品牌" label-width="100px" prop="name">
|
|
{{ formData.carBrand}}
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="车辆类型" prop="linkPhone" label-width="100px">
|
|
{{ formData.carBrand}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="车辆颜色" prop="linkPhone" label-width="100px">
|
|
{{ formData.carColor}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="核载人数" prop="linkPhone" label-width="100px">
|
|
{{ formData.carriersNum}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="购置日期" prop="linkPhone" label-width="100px">
|
|
|
|
{{ formData.acquistionDate}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="备注" label-width="100px" prop="name">
|
|
{{ formData.remake}}
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row></el-form>
|
|
<!-- <div class="div_btn">
|
|
<el-button size="small" @click="handleCancle">取 消</el-button>
|
|
<el-button size="small" type="primary" @click="handleComfirm">确
|
|
定</el-button>
|
|
</div> -->
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
import { mapGetters } from 'vuex'
|
|
// import { Loading } from 'element-ui' // 引入Loading服务
|
|
import { requestPost,requestGet } from '@/js/dai/request'
|
|
import Tinymce from '@c/tinymce2/index.vue'
|
|
import daiMap from "@/utils/dai-map";
|
|
import util from '@js/util.js';
|
|
// import UploadImage from './upload-image.vue'
|
|
import UploadImage from '@/views/modules/plugins/rent/upload-image.vue'
|
|
|
|
var map
|
|
var search
|
|
var markers
|
|
var infoWindowList
|
|
var geocoder // 新建一个正逆地址解析类
|
|
export default {
|
|
data() {
|
|
return {
|
|
showdisabled:false,
|
|
searchOptions:[],
|
|
fileList:[],
|
|
searchValue:"",
|
|
Organizationaltype:[
|
|
{ label: "社区", value: 1 },
|
|
{ label: "企业", value: 2 },
|
|
{ label: "学校", value: 3 },
|
|
],
|
|
SiteData:[],
|
|
tableDate:{},
|
|
formData:
|
|
{
|
|
|
|
},
|
|
|
|
}
|
|
|
|
},
|
|
|
|
components: { Tinymce, UploadImage },
|
|
mounted() {
|
|
},
|
|
|
|
methods: {
|
|
initForm(type,row){
|
|
this.formData=row
|
|
console.log(this.formData,"sdjkkds");
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
},
|
|
computed: {
|
|
dataRule() {
|
|
return {
|
|
positionId: [
|
|
{ required: true, message: '请选择挂靠组织', trigger: 'blur' }
|
|
],
|
|
name: [
|
|
{ required: true, message: '请填写名称', trigger: 'blur' }
|
|
],
|
|
linkPhone: [
|
|
{ required: true, message: '电话不能为空不能为空', trigger: 'blur' },
|
|
{ pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: 'blur' }
|
|
],
|
|
|
|
fileList: [
|
|
{ required: true, message: '请选择封面图片', trigger: 'blur' }
|
|
],
|
|
address: [
|
|
{ required: true, message: '请选择位置', trigger: 'blur' }
|
|
],
|
|
|
|
}
|
|
},
|
|
|
|
},
|
|
props: {
|
|
|
|
|
|
|
|
},
|
|
destroyed () {
|
|
map = null
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
@import "@/assets/scss/modules/visual/communityManageForm.scss";
|
|
</style>
|
|
<style lang="scss" scoped>
|
|
.item_width_1 {
|
|
width: 634px;
|
|
|
|
/deep/.tox .tox-dialog {
|
|
z-index: 20000;
|
|
}
|
|
}
|
|
.u-item-width-normal{
|
|
width: 222px;
|
|
}
|
|
|
|
.tinymce_view {
|
|
::v-deep .tox .tox-dialog {
|
|
z-index: 2000000000;
|
|
}
|
|
}
|
|
|
|
.div_map {
|
|
position: relative;
|
|
}
|
|
|
|
.div_searchmap {
|
|
z-index: 5000;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
|
|
.tinymce_view {
|
|
height: 400px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.text_p {
|
|
margin: 0;
|
|
padding: 0 10px;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 5px;
|
|
|
|
>p {
|
|
margin: 0;
|
|
}
|
|
}
|
|
.div_btn {
|
|
height: 50px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
</style>
|