<template>
  <div class="formcon">
    <div class="formtop">
      <div class="left">
        <el-form-item label="编号：" >
          <el-input :disabled="true" v-model="form.num"></el-input>
        </el-form-item>

        <el-form-item label="名称：" >
          <el-input :disabled="true" v-model="form.name"></el-input>
        </el-form-item>

        <el-form-item label="电话：" >
          <el-input :disabled="true" v-model="form.tel"></el-input>
        </el-form-item>

        <el-form-item label="地址：" >
          <el-input :disabled="true" v-model="form.address"></el-input>
        </el-form-item>
      </div>
      <div class="right">
        <el-form-item label="营业时间：" >
          <el-input :disabled="true" v-model="form.opening"></el-input>
        </el-form-item>

        <el-form-item label="经度：" >
          <el-input :disabled="true" v-model="form.lat"></el-input>
        </el-form-item>

        <el-form-item label="纬度：" >
          <el-input :disabled="true" v-model="form.lng"></el-input>
        </el-form-item>

        <el-form-item label="描述：" >
          <el-input :disabled="true" type="textarea"
            :autosize="{ minRows: 2, maxRows: 4 }" v-model="form.description"></el-input>
        </el-form-item>
      </div>
    </div>
  
  </div>
</template>

<script>


export default {
  props: ["data", "rule","roleList"],
  data() {
    return {
      form: this.data,
    };
  },
  methods:{
 
  }
};
</script>

<style lang="less" scoped>
.formcon {
  width: 100%;
  .formtop,.formbom{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    position: relative;
    >div{
      width: 40%;
      &:first-of-type{
        margin-right: 5%;
      }
    }
  }
  .formbom{
    align-items: center;
  }
}
</style>
