|
@@ -43,6 +43,7 @@ let UpdateForm = ref({
|
|
|
pagDefaultIcon: "", //pag默认图标
|
|
|
iconSize: "", //图标尺寸
|
|
|
statusBarColor: "", //状态栏底色
|
|
|
+ kind: "", //分类
|
|
|
|
|
|
});
|
|
|
// 表单实例
|
|
@@ -52,6 +53,10 @@ const ruleFormRef = ref()
|
|
|
// 按钮样式选项数据
|
|
|
const styleOptionList = [
|
|
|
]
|
|
|
+// 分类选项数据
|
|
|
+const kindOptionList = [
|
|
|
+ { label: '创客版', id: 'creater' }
|
|
|
+]
|
|
|
|
|
|
// 选项卡参数(默认值为列表某项的id)
|
|
|
const activeId = ref('1')
|
|
@@ -78,22 +83,23 @@ const submit = async (formEl) => {
|
|
|
type: "success"
|
|
|
});
|
|
|
UpdateForm.value = {
|
|
|
- title: "", //标题
|
|
|
- selectIcon: "", //选中图标
|
|
|
- normalIcon: "", //未选中图标
|
|
|
- selectTextColor: "", //选中文字颜色
|
|
|
- normalTextColor: "", //未选中文字颜色
|
|
|
- pageName: "", //关联页面文件
|
|
|
- noPageHint: "", //空页面提示信息
|
|
|
- backgroudColor: "", //背景色
|
|
|
- style: "", //按钮样式
|
|
|
- scrollerAnimationImages: "", //滚动图片
|
|
|
- pagPath: "", //PAG文件
|
|
|
- showTitle: "", //是否显示标题
|
|
|
- pagLocalPath: "", //pag文件路径
|
|
|
- pagDefaultIcon: "", //pag默认图标
|
|
|
- iconSize: "", //图标尺寸
|
|
|
- statusBarColor: "", //状态栏底色
|
|
|
+ title: "", //标题
|
|
|
+ selectIcon: "", //选中图标
|
|
|
+ normalIcon: "", //未选中图标
|
|
|
+ selectTextColor: "", //选中文字颜色
|
|
|
+ normalTextColor: "", //未选中文字颜色
|
|
|
+ pageName: "", //关联页面文件
|
|
|
+ noPageHint: "", //空页面提示信息
|
|
|
+ backgroudColor: "", //背景色
|
|
|
+ style: "", //按钮样式
|
|
|
+ scrollerAnimationImages: "", //滚动图片
|
|
|
+ pagPath: "", //PAG文件
|
|
|
+ showTitle: "", //是否显示标题
|
|
|
+ pagLocalPath: "", //pag文件路径
|
|
|
+ pagDefaultIcon: "", //pag默认图标
|
|
|
+ iconSize: "", //图标尺寸
|
|
|
+ statusBarColor: "", //状态栏底色
|
|
|
+ kind: "", //分类
|
|
|
|
|
|
};
|
|
|
// 关闭新增弹窗;
|
|
@@ -123,7 +129,7 @@ const select_iconCallBack = (url) => {
|
|
|
message: `选中图标上传成功:${url}`,
|
|
|
type: "success"
|
|
|
});
|
|
|
-UpdateForm.value.select_icon = url;
|
|
|
+ UpdateForm.value.select_icon = url;
|
|
|
}
|
|
|
// 上传未选中图标回调
|
|
|
const normal_iconCallBack = (url) => {
|
|
@@ -131,7 +137,7 @@ const normal_iconCallBack = (url) => {
|
|
|
message: `未选中图标上传成功:${url}`,
|
|
|
type: "success"
|
|
|
});
|
|
|
-UpdateForm.value.normal_icon = url;
|
|
|
+ UpdateForm.value.normal_icon = url;
|
|
|
}
|
|
|
// 上传PAG文件回调
|
|
|
const pag_pathCallBack = (url) => {
|
|
@@ -139,7 +145,7 @@ const pag_pathCallBack = (url) => {
|
|
|
message: `PAG文件上传成功:${url}`,
|
|
|
type: "success"
|
|
|
});
|
|
|
-UpdateForm.value.pag_path = url;
|
|
|
+ UpdateForm.value.pag_path = url;
|
|
|
}
|
|
|
// 上传pag文件路径回调
|
|
|
const pag_local_pathCallBack = (url) => {
|
|
@@ -147,7 +153,7 @@ const pag_local_pathCallBack = (url) => {
|
|
|
message: `pag文件路径上传成功:${url}`,
|
|
|
type: "success"
|
|
|
});
|
|
|
-UpdateForm.value.pag_local_path = url;
|
|
|
+ UpdateForm.value.pag_local_path = url;
|
|
|
}
|
|
|
// 上传pag默认图标回调
|
|
|
const pag_default_iconCallBack = (url) => {
|
|
@@ -155,7 +161,7 @@ const pag_default_iconCallBack = (url) => {
|
|
|
message: `pag默认图标上传成功:${url}`,
|
|
|
type: "success"
|
|
|
});
|
|
|
-UpdateForm.value.pag_default_icon = url;
|
|
|
+ UpdateForm.value.pag_default_icon = url;
|
|
|
}
|
|
|
|
|
|
// 表单校验规则
|
|
@@ -163,6 +169,9 @@ const rules = reactive({
|
|
|
title: [
|
|
|
{ required: true, message: '请输入标题', trigger: 'blur' },
|
|
|
],
|
|
|
+ kind: [
|
|
|
+ { required: true, message: '请输入分类', trigger: 'blur' },
|
|
|
+ ],
|
|
|
|
|
|
})
|
|
|
// 关闭弹窗回调函数
|
|
@@ -170,7 +179,7 @@ const closeFn: any = inject("closeAddVisible");
|
|
|
const closeVisible = () => {
|
|
|
// 清空表单项;
|
|
|
UpdateForm.value = {
|
|
|
- title: "", //标题
|
|
|
+ title: "", //标题
|
|
|
selectIcon: "", //选中图标
|
|
|
normalIcon: "", //未选中图标
|
|
|
selectTextColor: "", //选中文字颜色
|
|
@@ -186,6 +195,7 @@ const closeVisible = () => {
|
|
|
pagDefaultIcon: "", //pag默认图标
|
|
|
iconSize: "", //图标尺寸
|
|
|
statusBarColor: "", //状态栏底色
|
|
|
+ kind: "", //分类
|
|
|
|
|
|
};
|
|
|
closeFn();
|
|
@@ -248,6 +258,13 @@ const isFullscreen = ref(false)
|
|
|
el-form-item(label='状态栏底色' prop="statusBarColor")
|
|
|
el-input(v-model='UpdateForm.statusBarColor' autocomplete='off'
|
|
|
placeholder="请输入状态栏底色")
|
|
|
+ el-form-item(label="分类", prop="kind")
|
|
|
+ el-select(
|
|
|
+ v-model="UpdateForm.kind",
|
|
|
+ placeholder="请选择分类",
|
|
|
+ clearable,
|
|
|
+ )
|
|
|
+ el-option(:label="item.label", :value="item.id" v-for="(item,index) in kindOptionList")
|
|
|
el-tabs(v-model="activeId" class="demo-tabs" @tab-click="handleClick")
|
|
|
|
|
|
.flex.justify-end
|