<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>