内容管理

2022-02-14 18:13:42 +08:00
parent 7896cb19a4
commit 83ee1ad854
1 changed files with 81 additions and 0 deletions
@@ -0,0 +1,81 @@
 <template>
  <div class="tag-form">
    <a-form-model ref="form" :form="form" :rules="rules">
      <div class="form-title">基本信息</div>
      <a-divider dashed />
      <a-form-model-item
        :label-col="labelCol"
        :wrapper-col="wrapperCol"
        label="所属模块"
      >
        <a-select v-model="form.isModel" placeholder="请选择所属模块">
          <a-select-option value="1">
            文档库
          </a-select-option>
          <a-select-option value="2">
            文档条款
          </a-select-option>
        </a-select>
      </a-form-model-item>
      <a-form-model-item
        :label-col="labelCol"
        :wrapper-col="wrapperCol"
        label="属性名称"
      >
        <a-input placeholder="请输入属性名称" :maxLength="120"  ></a-input>
      </a-form-model-item>
      <a-form-model-item>
        <a-button type="primary" @click="onSubmit">
          Create
        </a-button>
      </a-form-model-item>
    </a-form-model>
  </div>
 </template>
 <script>
  export default {
    name: 'tagForm',
    data(){
      return{
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 },
        },
        form:{
          isModel:''
        },
        rules:{
          isModel:[
            { required: true, message: '请输入所属模块'},
          ]
        }
      }
    },
    mounted() {
    },
    methods:{
      //提交表单
      onSubmit() {
        this.$refs.form.validate(valid => {
          if (valid) {
            alert('submit!');
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
    }
  }
 </script>
 <style scoped>
 </style>