ioc-admin-ui/src/views/systemManagement/infoConfiguration/dailog/historyFloor.vue

<template>
  <el-dialog
    v-dialog-drag
    class="dialog"
    title="历史记录"
    :visible.sync="dialogVisible"
    @before-close="close"
    width="500px"
    left
  >
    <el-divider></el-divider>
    <el-form
      label-position="left"
      label-width="80px"
    >
      <el-form-item label="楼层位置：">
        <el-select
          v-model="form.floorIndex"
          placeholder="请选择"
        >
          <el-option
            v-for="item in floorTotal"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="楼层用途：">
        <el-select
          v-model="form.floorUseIndex"
          placeholder="请选择"
        >
          <el-option
            v-for="item in floorUseTotal"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="备注：">
        <el-input
          type="textarea"
          :rows="2"
          placeholder="请输入内容"
          v-model="form.beizhu"
        >
        </el-input>
      </el-form-item>
      <el-form-item
        label="附件："
        style="display:block"
      >
        <el-row>
          <el-image @click="uploadImage"></el-image>
        </el-row>
        <el-row>
          <div>
            请上传大小不小于<span style="color:#ff0000;">5MB</span>格式为<span style="color:#ff0000;">png/jpg/jpeg</span>的文件
          </div>
        </el-row>
      </el-form-item>
    </el-form>
    <div
      slot="footer"
      class="dialog-footer"
    >
      <el-button
        @click="close"
        type="primary"
      >取消</el-button>
      <el-button
        type="primary"
        @click="addType"
      >确认</el-button>
    </div>
  </el-dialog>
</template>
<script>
export default {
  props: {
    floorInfo: {
      type: Object,
    },
  },
  data() {
    return {};
  },
  methods: {
    
  },
  watch: {
    floorInfo() {

    },
  },
};
</script>

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