<template>
  <div id="company-data">
    <el-row>
      <el-col :span="24" class="main">
        <el-col :span="24" class="one">
          <el-col :span="24">
            <el-col :span="12">
              <el-form-item label="申请单位名称">
                <el-input v-model="form.apply_company"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="申请单位所属市县">
                <el-input v-model="form.apply_company_city"></el-input>
              </el-form-item>
            </el-col>
          </el-col>
          <el-col :span="24">
            <el-col :span="24">
              <el-form-item label="申请单位详细地址">
                <el-input v-model="form.apply_company_address"></el-input>
              </el-form-item>
            </el-col>
          </el-col>
          <el-col :span="24">
            <!-- <el-col :span="8">
              <el-form-item label="保安服务许可证号">
                <el-input v-model="form.company_xkzpzwh"></el-input>
              </el-form-item>
            </el-col> -->
            <el-col :span="8">
              <el-form-item label="批准机关">
                <el-input v-model="form.approval_office"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="批准文号">
                <el-input v-model="form.approval_num"></el-input>
              </el-form-item>
            </el-col>
          </el-col>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'company-data',
  props: { form: { type: Object } },
  components: {},
  data: function () {
    return {};
  },
  created() {},
  methods: {},
  computed: {
    ...mapState(['user']),
  },
  metaInfo() {
    return { title: this.$route.meta.title };
  },
  watch: {
    test: {
      deep: true,
      immediate: true,
      handler(val) {},
    },
  },
};
</script>

<style lang="less" scoped></style>
