初始化梵音项目

src/views/Version/form.vue

@@ -0,0 +1,71 @@
+<script setup lang="ts">
+import { ref } from "vue";
+const ruleFormRef = ref();
+const formRules = ref({
+  version: [{ required: true, message: "版本号为必填项", trigger: "blur" }],
+  version_code: [{ required: true, message: "code码为必填项", trigger: "blur" }],
+  content: [
+    { required: true, message: "更新内容为必填项", trigger: "blur" }
+  ],
+  downloadurl: [
+    { required: true, message: "下载链接为必填项", trigger: "blur" }
+  ],
+  type: [{ required: true, message: "请选择类型", trigger: "change" }],
+  enforce: [{ required: true, message: "请选择", trigger: "change" }],
+  status: [{ required: true, message: "请选择", trigger: "change" }],
+});
+const props = defineProps(["formInline"]);
+const newFormInline = ref(
+  props.formInline
+    ? props.formInline
+    : {
+      version: "",
+      content: "",
+      downloadurl: "",
+      type: "",
+      version_code: "",
+      enforce: "",
+      status: ""
+    }
+);
+function getRef() {
+  return ruleFormRef.value;
+}
+
+defineExpose({ getRef });
+</script>
+
+<template>
+  <el-form ref="ruleFormRef" :model="newFormInline" :rules="formRules" label-width="120px">
+    <el-form-item label="版本号" prop="version">
+      <el-input v-model="newFormInline.version" clearable placeholder="请输入版本号" />
+    </el-form-item>
+    <el-form-item label="code码" prop="version_code">
+      <el-input v-model="newFormInline.version_code" clearable placeholder="请输入code码" />
+    </el-form-item>
+    <el-form-item label="类型" prop="type">
+      <el-radio-group v-model="newFormInline.type">
+        <el-radio label="安卓" :value="1" />
+        <el-radio label="IOS" :value="2" />
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item label="下载链接" prop="downloadurl">
+      <el-input v-model="newFormInline.downloadurl" clearable placeholder="请输入下载链接" />
+    </el-form-item>
+    <el-form-item label="更新内容" prop="content">
+      <el-input v-model="newFormInline.content" type="textarea" clearable placeholder="请输入更新内容" />
+    </el-form-item>
+    <el-form-item label="强制更新" prop="enforce">
+      <el-radio-group v-model="newFormInline.enforce">
+        <el-radio label="是" :value="1" />
+        <el-radio label="否" :value="0" />
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item label="状态" prop="status">
+      <el-radio-group v-model="newFormInline.status">
+        <el-radio label="启用" :value="1" />
+        <el-radio label="禁用" :value="0" />
+      </el-radio-group>
+    </el-form-item>
+  </el-form>
+</template>