78 lines
2.9 KiB
Vue
78 lines
2.9 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
import RichText from '@/components/RichText/index.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;
|
|
}
|
|
function chanageEditorValue(val) {
|
|
newFormInline.value.content = val
|
|
}
|
|
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">
|
|
<RichText style="border: 1px solid #ccc;" :echoValue="newFormInline.content" @changeValue="chanageEditorValue">
|
|
</RichText>
|
|
<!-- <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="0" />
|
|
<el-radio label="已发布" :value="1" />
|
|
<el-radio label="禁用" :value="2" />
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-form>
|
|
</template>
|