内容管理

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>