haowanShow/admin/src/views/system/store/components/form.vue

<template>
  <Modal v-model="showStatus" width="350" footer-hide>
    <div slot="close">
      <Icon custom="iconfont iconform_close" @click="close" />
    </div>
    <div slot="header" class="modal-header">{{ title }}</div>
    <template>
      <Form :label-width="75">
        <FormItem label="门店名称">
          <Input size="large" v-model="form.name" class="form-input" maxlength="8" />
        </FormItem>
        <FormItem label="门店地址">
          <Input size="large" v-model="form.address" class="form-input" />
        </FormItem>
        <FormItem label="门店状态">
          <Select v-model="form.status" class="form-input" size="large">
            <Option :value="1">启用</Option>
            <Option :value="0">停用</Option>
          </Select>
        </FormItem>
        <!-- <FormItem label="创建时间">
          <Input  size="large" v-model="form.createTime" class="form-input" />
        </FormItem> -->
      </Form>
      <div class="btn-w">
        <Button type="primary" @click="submit">确定</Button>
      </div>
    </template>
  </Modal>
  
</template>

<script>
export default {
  props: {
    form: Object,
    title: String,
    showStatus: Boolean
  },
  methods: {
    submit () {
      this.$emit('submit')
    },
    close () {
      this.$emit('close')
    }
  }
}
</script>

<style lang="less" scoped>
.modal-header {
  line-height: 50px;
  padding-left: 20px;
  font-size: 16px;
}
.form-input {
  width: 240px;
}
</style>