sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改公共组件的显示内容

v1.3.0
于肖磊 2025-03-13 18:20:45 +08:00
parent b0f6021915
commit 38faaa3515
11 changed files with 86 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/api/binding.ts
View File

@ -4,7 +4,7 @@ class BlogAPI {
/** 博客自动数据 */ /** 博客自动数据 */
static getAutoList(data: any) { static getAutoList(data: any) {
return api_request({ return api_request({
url: `?s=plugins/index/pluginsname/binding/pluginscontrol/diybinding/pluginsaction/index.html`, url: `?s=plugins/index/pluginsname/binding/pluginscontrol/diybinding/pluginsaction/autobindinglist.html`,
method: 'post', method: 'post',
data, data,
}); });

2
src/api/url-value.ts
View File

@ -71,7 +71,7 @@ class UrlValueAPI {
/** 组合搭配指定数据 */ /** 组合搭配指定数据 */
static getBindingList(data: any) { static getBindingList(data: any) {
return api_request({ return api_request({
url: `?s=plugins/index/pluginsname/binding/pluginscontrol/diybinding/pluginsaction/autobindinglist.html`, url: `?s=plugins/index/pluginsname/binding/pluginscontrol/diybinding/pluginsaction/index.html`,
method: 'post', method: 'post',
data, data,
}); });

16
src/components/common/data-filter/index.vue
View File

@ -51,7 +51,7 @@
<el-option v-for="item in common_store.common.article_category" :key="item.id" :label="item.name" :value="item.id" /> <el-option v-for="item in common_store.common.article_category" :key="item.id" :label="item.name" :value="item.id" />
</template> </template>
<template v-else> <template v-else>
<el-option v-for="item in common_store.common.blog_category" :key="item.id" :label="item.name" :value="item.id" /> <el-option v-for="item in get_data_list(common_store.common.plugins, 'blog.category_list')" :key="item.id" :label="item.name" :value="item.id" />
</template> </template>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -64,7 +64,7 @@
<el-radio v-for="item in common_store.common.article_order_by_type_list" :key="item.index" :value="item.index">{{ item.name }}</el-radio> <el-radio v-for="item in common_store.common.article_order_by_type_list" :key="item.index" :value="item.index">{{ item.name }}</el-radio>
</template> </template>
<template v-else> <template v-else>
<el-radio v-for="item in common_store.common.blog_order_by_type_list" :key="item.index" :value="item.index">{{ item.name }}</el-radio> <el-radio v-for="item in get_data_list(common_store.common.plugins, 'blog.order_by_type_list')" :key="item.index" :value="item.index">{{ item.name }}</el-radio>
</template> </template>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
@ -94,7 +94,7 @@
</el-form-item> </el-form-item>
<el-form-item label="类型"> <el-form-item label="类型">
<el-select v-model="form.binding_type" multiple collapse-tags filterable placeholder="请选择类型"> <el-select v-model="form.binding_type" multiple collapse-tags filterable placeholder="请选择类型">
<el-option v-for="item in common_store.common.brand_list" :key="item.id" :label="item.name" :value="item.id" /> <el-option v-for="item in get_data_list(common_store.common.plugins, 'binding.type_list')" :key="item.value" :label="item.name" :value="item.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="显示数量"> <el-form-item label="显示数量">
@ -102,7 +102,7 @@
</el-form-item> </el-form-item>
<el-form-item label="排序类型"> <el-form-item label="排序类型">
<el-radio-group v-model="form.order_by_type"> <el-radio-group v-model="form.order_by_type">
<el-radio v-for="item in common_store.common.brand_order_by_type_list" :key="item.index" :value="item.index">{{ item.name }}</el-radio> <el-radio v-for="item in get_data_list(common_store.common.plugins, 'binding.order_by_type_list')" :key="item.index" :value="item.index">{{ item.name }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="排序规则"> <el-form-item label="排序规则">
@ -110,8 +110,11 @@
<el-radio v-for="item in common_store.common.data_order_by_rule_list" :key="item.index" :value="item.index">{{ item.name }}</el-radio> <el-radio v-for="item in common_store.common.data_order_by_rule_list" :key="item.index" :value="item.index">{{ item.name }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="是否推荐"> <el-form-item label="首页显示">
<el-switch v-model="form.is_recommended" active-value="1" inactive-value="0" /> <div class="flex-row align-c gap-10">
<el-switch v-model="form.is_home_show" active-value="1" inactive-value="0" />
<tooltip content="开启仅读取开启首页显示的数据，否则显示全部"></tooltip>
</div>
</el-form-item> </el-form-item>
</div> </div>
</template> </template>
@ -144,6 +147,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { commonStore } from '@/store'; import { commonStore } from '@/store';
import { get_data_list } from '@/utils';
const common_store = commonStore(); const common_store = commonStore();
// 定义组件的属性和事件 // 定义组件的属性和事件
const props = defineProps({ const props = defineProps({

69
src/components/common/filter-form/index.vue
View File

@ -4,42 +4,46 @@
<div v-if="!isEmpty(item.form_name) && !isEmpty(new_dataInterface) && !isEmpty(item.type)" class="filter-style flex-row gap-12"> <div v-if="!isEmpty(item.form_name) && !isEmpty(new_dataInterface) && !isEmpty(item.type)" class="filter-style flex-row gap-12">
<div v-if="!isEmpty(item.title)" :class="['title text-line-1', props.direction == 'vertical' ? '' : 'horizontal-title']" :style="`width: ${ Number(props.titleWidth) > 0 ? props.titleWidth + 'px;' : '100%' }`">{{ item.title }}</div> <div v-if="!isEmpty(item.title)" :class="['title text-line-1', props.direction == 'vertical' ? '' : 'horizontal-title']" :style="`width: ${ Number(props.titleWidth) > 0 ? props.titleWidth + 'px;' : '100%' }`">{{ item.title }}</div>
<div class="w h flex-1 vertical-style"> <div class="w h flex-1 vertical-style">
<template v-if="item.type == 'select'"> <div class="flex-row align-c gap-10">
<template v-if="+item?.config?.is_level == 1"> <template v-if="item.type == 'select'">
<div class="flex-row gap-10"> <template v-if="+item?.config?.is_level == 1">
<el-cascader v-model="new_dataInterface[item.form_name]" :placeholder="placeholder_config(item, 'select')" :show-all-levels="false" filterable clearable class="w h" collapse-tags popper-class="filter-form-cascader" :placement="+item?.config?.is_level == 1 && props.direction == 'vertical' ? 'left' : 'bottom'" :props="{'multiple': +item?.config?.is_multiple == 1, 'checkStrictly': true, 'emitPath': false, 'value': item?.data_key || 'id', 'label': item?.data_name || 'name', 'children': item?.config?.children || '' }" :options="selectData(item)" /> <div class="flex-row gap-10">
<template v-if="+item?.config?.is_multiple == 1"> <el-cascader v-model="new_dataInterface[item.form_name]" :placeholder="placeholder_config(item, 'select')" :show-all-levels="false" filterable clearable class="w h" collapse-tags popper-class="filter-form-cascader" :placement="+item?.config?.is_level == 1 && props.direction == 'vertical' ? 'left' : 'bottom'" :props="{'multiple': +item?.config?.is_multiple == 1, 'checkStrictly': true, 'emitPath': false, 'value': item?.data_key || 'id', 'label': item?.data_name || 'name', 'children': item?.config?.children || '' }" :options="selectData(item)" />
<tooltip content="父级选中包含所有子级"></tooltip> <template v-if="+item?.config?.is_multiple == 1">
</template> <tooltip content="父级选中包含所有子级"></tooltip>
</div> </template>
</div>
</template>
<template v-else>
<el-select v-model="new_dataInterface[item.form_name]" :multiple="+item?.config?.is_multiple == 1" filterable collapse-tags :placeholder="placeholder_config(item, 'select')" clearable>
<el-option v-for="item1 in selectData(item)" :key="item1[item?.data_key || 'id']" :label="item1[item?.data_name || 'name']" :value="item1[item?.data_key || 'id']" />
</el-select>
</template>
</template> </template>
<template v-else> <template v-else-if="item.type == 'input'">
<el-select v-model="new_dataInterface[item.form_name]" :multiple="+item?.config?.is_multiple == 1" filterable collapse-tags :placeholder="placeholder_config(item, 'select')" clearable> <template v-if="item?.config?.type == 'number'">
<el-option v-for="item1 in selectData(item)" :key="item1[item?.data_key || 'id']" :label="item1[item?.data_name || 'name']" :value="item1[item?.data_key || 'id']" /> <el-input-number v-model="new_dataInterface[item.form_name]" :min="item?.config?.min || 0" :max="item?.config?.max || undefined" type="number" :placeholder="placeholder_config(item, 'input')" value-on-clear="min" class="w number-show" controls-position="right"></el-input-number>
</el-select> </template>
<template v-else>
<el-input v-model="new_dataInterface[item.form_name]" :placeholder="placeholder_config(item, 'input')" clearable />
</template>
</template> </template>
</template> <template v-else-if="item.type == 'switch'">
<template v-else-if="item.type == 'input'"> <el-switch v-model="new_dataInterface[item.form_name]" :active-value="1" :inactive-value="0" />
<template v-if="item?.config?.type == 'number'">
<el-input-number v-model="new_dataInterface[item.form_name]" :min="item?.config?.min || 0" :max="item?.config?.max || undefined" type="number" :placeholder="placeholder_config(item, 'input')" value-on-clear="min" class="w number-show" controls-position="right"></el-input-number>
</template> </template>
<template v-else> <template v-else-if="item.type =='radio'">
<el-input v-model="new_dataInterface[item.form_name]" :placeholder="placeholder_config(item, 'input')" clearable /> <el-radio-group v-model="new_dataInterface[item.form_name]">
<el-radio v-for="item1 in selectData(item)" :key="item1[item?.data_key || 'id']" :value="item1[item?.data_key || 'name']">{{ item1[item?.data_name || 'name'] }}</el-radio>
</el-radio-group>
</template> </template>
</template> <template v-else-if="item.type =='checkbox'">
<template v-else-if="item.type == 'switch'"> <el-checkbox-group v-model="new_dataInterface[item.form_name]">
<el-switch v-model="new_dataInterface[item.form_name]" :active-value="1" :inactive-value="0" /> <el-checkbox v-for="item1 in selectData(item)" :key="item1[item?.data_key || 'id']" :value="item1[item?.data_key || 'name']">{{ item1[item?.data_name || 'name'] }}</el-checkbox>
</template> </el-checkbox-group>
<template v-else-if="item.type =='radio'"> </template>
<el-radio-group v-model="new_dataInterface[item.form_name]"> <!-- 提示信息-->
<el-radio v-for="item1 in selectData(item)" :key="item1[item?.data_key || 'id']" :value="item1[item?.data_key || 'name']">{{ item1[item?.data_name || 'name'] }}</el-radio> <tooltip v-if="!isEmpty(item.tips)" :content="item?.tips || ''"></tooltip>
</el-radio-group> </div>
</template>
<template v-else-if="item.type =='checkbox'">
<el-checkbox-group v-model="new_dataInterface[item.form_name]">
<el-checkbox v-for="item1 in selectData(item)" :key="item1[item?.data_key || 'id']" :value="item1[item?.data_key || 'name']">{{ item1[item?.data_name || 'name'] }}</el-checkbox>
</el-checkbox-group>
</template>
</div> </div>
</div> </div>
</template> </template>
@ -56,6 +60,7 @@ interface filter {
type: string; // 类型 type: string; // 类型
config: any; config: any;
title: string; title: string;
tips?: string; // 提示
form_name: string; form_name: string;
data: any[]; data: any[];
data_key: string; data_key: string;

8
src/components/common/url-value/link-binding.vue
View File

@ -3,7 +3,7 @@
<div class="container"> <div class="container">
<div class="flex-row jc-e gap-20 mb-20"> <div class="flex-row jc-e gap-20 mb-20">
<el-select v-model="binding_type" class="search-w" placeholder="请选择组合搭配类型" filterable clearable @change="handle_search"> <el-select v-model="binding_type" class="search-w" placeholder="请选择组合搭配类型" filterable clearable @change="handle_search">
<el-option v-for="item in article_category_list" :key="item.id" :label="item.name" :value="item.id" /> <el-option v-for="item in article_category_list" :key="item.value" :label="item.name" :value="item.value" />
</el-select> </el-select>
<el-input v-model="search_value" placeholder="请输入搜索内容" class="search-w" @change="handle_search"> <el-input v-model="search_value" placeholder="请输入搜索内容" class="search-w" @change="handle_search">
<template #suffix> <template #suffix>
@ -44,6 +44,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import UrlValueAPI from '@/api/url-value'; import UrlValueAPI from '@/api/url-value';
import { commonStore } from '@/store'; import { commonStore } from '@/store';
import { get_data_list } from '@/utils';
const common_store = commonStore(); const common_store = commonStore();
const props = defineProps({ const props = defineProps({
// 重置 // 重置
@ -80,7 +81,7 @@ const init = () => {
template_selection.value = ''; template_selection.value = '';
binding_type.value = ''; binding_type.value = '';
search_value.value = ''; search_value.value = '';
article_category_list.value = common_store.common.article_category; article_category_list.value = get_data_list(common_store.common.plugins, 'binding.type_list');
get_list(1); get_list(1);
}; };
const handle_search = () => { const handle_search = () => {
@ -88,9 +89,8 @@ const handle_search = () => {
}; };
const binding_type = ref(''); const binding_type = ref('');
interface articleCategory { interface articleCategory {
id: string;
name: string; name: string;
url: string; value: string;
} }
const article_category_list = ref<articleCategory[]>([]); const article_category_list = ref<articleCategory[]>([]);
const template_selection = ref(''); const template_selection = ref('');

3
src/components/common/url-value/link-blog.vue
View File

@ -41,6 +41,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import UrlValueAPI from '@/api/url-value'; import UrlValueAPI from '@/api/url-value';
import { commonStore } from '@/store'; import { commonStore } from '@/store';
import { get_data_list } from '@/utils';
const common_store = commonStore(); const common_store = commonStore();
const props = defineProps({ const props = defineProps({
// 重置 // 重置
@ -77,7 +78,7 @@ const init = () => {
template_selection.value = ''; template_selection.value = '';
category_ids.value = ''; category_ids.value = '';
search_value.value = ''; search_value.value = '';
article_category_list.value = common_store.common.article_category; article_category_list.value = get_data_list(common_store.common.plugins, 'blog.category_list');
get_list(1); get_list(1);
}; };
const handle_search = () => { const handle_search = () => {

7
src/components/model-binding/index.vue
View File

@ -254,14 +254,15 @@ const get_binding = () => {
binding_number: number, binding_number: number,
binding_is_home_show: is_home_show, binding_is_home_show: is_home_show,
}; };
list.value = Array(4).fill(default_list);
//获取商品列表 //获取商品列表
BindingAPI.getAutoList(params).then((res: any) => { BindingAPI.getAutoList(params).then((res: any) => {
if (!isEmpty(res.data.data_list)) { if (!isEmpty(res.data)) {
list.value = res.data.data_list; list.value = res.data;
} else { } else {
list.value = Array(4).fill(default_list); list.value = Array(4).fill(default_list);
} }
}).catch(() => {
list.value = Array(4).fill(default_list);
}); });
}; };
// 取出监听的数据 // 取出监听的数据

2
src/components/model-goods-list/index.vue
View File

@ -284,6 +284,8 @@ const get_products = () => {
} else { } else {
list.value = Array(4).fill(default_list); list.value = Array(4).fill(default_list);
} }
}).catch(() => {
list.value = Array(4).fill(default_list);
}); });
}; };
// 取出监听的数据 // 取出监听的数据

3
src/components/model-shop/index.vue
View File

@ -169,7 +169,6 @@ const get_products = () => {
goods_order_by_rule: order_by_rule, goods_order_by_rule: order_by_rule,
goods_number: number, goods_number: number,
}; };
list.value = Array(4).fill(default_list);
// 获取商品列表 // 获取商品列表
ShopAPI.getShopList(params).then((res: any) => { ShopAPI.getShopList(params).then((res: any) => {
if (!isEmpty(res.data)) { if (!isEmpty(res.data)) {
@ -177,6 +176,8 @@ const get_products = () => {
} else { } else {
list.value = Array(4).fill(default_list); list.value = Array(4).fill(default_list);
} }
}).catch(() => {
list.value = Array(4).fill(default_list);
}); });
}; };
// 取出监听的数据 // 取出监听的数据

10
src/config/const/binding.ts
View File

@ -64,8 +64,8 @@ interface defaultRealstore {
keywords: string, keywords: string,
binding_type: string[], binding_type: string[],
number: number, number: number,
order_by_type: string, order_by_type: number,
order_by_rule: string, order_by_rule: number,
is_home_show: string, is_home_show: string,
is_goods_show: string[]; is_goods_show: string[];
is_default_show_goods: string; is_default_show_goods: string;
@ -183,9 +183,9 @@ const defaultRealstore: defaultRealstore = {
keywords: '', keywords: '',
binding_type: [], binding_type: [],
number: 4, number: 4,
order_by_type: '', order_by_type: 0,
order_by_rule: '', order_by_rule: 0,
is_home_show: '', is_home_show: '0',
is_goods_show: ['title', 'goods_img', 'price', 'save_price'], is_goods_show: ['title', 'goods_img', 'price', 'save_price'],
is_default_show_goods: '1', is_default_show_goods: '1',
is_details_show: '1', is_details_show: '1',

19
src/utils/index.ts
View File

@ -37,6 +37,19 @@ export const get_history_name = (components: any) => {
return ''; return '';
} }
} }
export const get_data_list = (common_store: any, value: any): any[] => {
if (!isEmpty(common_store)) {
const data = get_nested_property(common_store, value);
if (Array.isArray(data)) {
return data;
} else {
return [];
}
} else {
return [];
}
}
/** /**
* 获取嵌套对象的属性值 * 获取嵌套对象的属性值
* *
@ -47,7 +60,7 @@ export const get_history_name = (components: any) => {
* @param {string} path - 属性路径，使用点号分隔的字符串表示 * @param {string} path - 属性路径，使用点号分隔的字符串表示
* @returns {string} - 返回指定路径的属性值，如果路径无效则返回空字符串 * @returns {string} - 返回指定路径的属性值，如果路径无效则返回空字符串
*/ */
export function get_nested_property(obj: any, path: string): string { export function get_nested_property(obj: any, path: string): string | string[] {
// 检查路径参数是否为字符串且非空，若不满足条件则返回空字符串 // 检查路径参数是否为字符串且非空，若不满足条件则返回空字符串
if (typeof path !== 'string' || !path) return ''; if (typeof path !== 'string' || !path) return '';
@ -405,6 +418,10 @@ const data_handling = (data_source_id: string, sourceList: any, isCustom: boolea
if (!isEmpty(sourceList.data) && isCustom) { if (!isEmpty(sourceList.data) && isCustom) {
new_data = get_nested_property(sourceList.data, data_source_id); new_data = get_nested_property(sourceList.data, data_source_id);
} }
if (Array.isArray(new_data)) {
// 如果是数组，将其拼接为字符串
new_data = new_data.join(';');
}
return new_data; return new_data;
} }