From a4494831a1a77618aa9a417c4111c91b5f464c81 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Mon, 1 Jun 2026 11:03:14 +0800
Subject: [PATCH] fix

---
 src/components/checked-gender.vue       | 91 +++++++++++++++++++++++++
 src/components/checked.vue              | 21 +++---
 src/views/digitalItem/index.vue         |  1 -
 src/views/digitalItem/merchant-info.vue |  4 +-
 4 files changed, 105 insertions(+), 12 deletions(-)
 create mode 100644 src/components/checked-gender.vue

diff --git a/src/components/checked-gender.vue b/src/components/checked-gender.vue
new file mode 100644
index 0000000..f40cb51
--- /dev/null
+++ b/src/components/checked-gender.vue
@@ -0,0 +1,91 @@
+<script setup lang="ts">
+import { ref, watch, onMounted, onUnmounted, reactive, toRefs, computed } from "vue";
+const props = defineProps({
+	list:{
+		type:Array,
+		default:()=>[]
+	},
+	selected:{
+		type:Array,
+		default:()=>[]
+	}
+})
+const emit = defineEmits([
+	'update:selected','change'
+])
+const checkList = ref([])
+const checkAll = ref(false)
+
+watch(()=>props.selected, (newVal, oldVal) => {
+	if(newVal[0] === 'all' && newVal.length === 1){
+		checkList.value = []
+		checkAll.value = true
+	}else{
+		checkList.value = [...newVal]
+		checkAll.value = false
+	}
+},{immediate:true})
+
+const handleChange = (val) => {
+	let data = val.filter(item => item !== 'all' && props.selected?.[0] != item)
+	emit('update:selected', data)
+	emit('change', data)
+}
+const handleCheckAllChange = (val) => {
+	let data = ['all']
+	emit('update:selected', data)
+	emit('change', data)
+	
+}
+let data = reactive({
+})
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<div class="all">
+		<el-checkbox
+			v-model="checkAll"
+			@change="handleCheckAllChange"
+		>
+			{{ $t('checked.All') }}
+		</el-checkbox>
+	</div>
+	<el-checkbox-group v-model="checkList" @change="handleChange">
+		<el-checkbox 
+			v-for="item in props.list" 
+			:key="item.value"
+			:value="item.value"
+		>
+			{{ item.label }}
+		</el-checkbox>
+	</el-checkbox-group>
+</template>
+<style lang="less" scoped>
+	.all{
+		margin-bottom: 1.2rem;
+	}
+	.el-checkbox-group{
+		display: flex;
+		flex-direction: column;
+		gap: 1.2rem;
+	}
+	label{
+		--el-checkbox-font-size: 1.6rem;
+		--el-checkbox-checked-text-color: #232323;
+		--el-checkbox-font-weight: 400;
+		--el-checkbox-height: 2rem;
+		--el-checkbox-checked-bg-color: #232323;
+		--el-checkbox-checked-input-border-color: #232323;
+		--el-checkbox-input-border: 1px solid #232323;
+		font-family: "KaiseiOpti-Regular";
+		line-height: 2rem;
+		.el-checkbox__label{
+			padding-left: 1.4rem;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/src/components/checked.vue b/src/components/checked.vue
index 511b6fe..35663c0 100644
--- a/src/components/checked.vue
+++ b/src/components/checked.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, reactive, toRefs, computed } from "vue";
+import { ref, watch, onMounted, onUnmounted, reactive, toRefs, computed } from "vue";
 const props = defineProps({
 	list:{
 		type:Array,
@@ -13,13 +13,18 @@ const props = defineProps({
 const emit = defineEmits([
 	'update:selected','change'
 ])
-const checkList = computed(()=>{
-	if(props.selected[0] === 'all'){
-		return []
+const checkList = ref([])
+const checkAll = ref(false)
+
+watch(()=>props.selected, (newVal, oldVal) => {
+	if(newVal[0] === 'all' && newVal.length === 1){
+		checkList.value = []
+		checkAll.value = true
 	}else{
-		return [...props.selected]
+		checkList.value = [...newVal]
+		checkAll.value = false
 	}
-})
+},{immediate:true})
 const handleChange = (val) => {
 	let data = val.filter(item => item !== 'all')
 	if(data.length == props.list.length || data.length == 0){
@@ -30,9 +35,7 @@ const handleChange = (val) => {
 	emit('update:selected', data)
 	emit('change', data)
 }
-const checkAll = computed(()=>{
-	return props.selected?.[0] == 'all'
-})
+
 const handleCheckAllChange = (val) => {
 	let data = []
 	if(val && props.selected[0] !== 'all'){
diff --git a/src/views/digitalItem/index.vue b/src/views/digitalItem/index.vue
index f1f79e3..427d2c6 100644
--- a/src/views/digitalItem/index.vue
+++ b/src/views/digitalItem/index.vue
@@ -41,7 +41,6 @@ const searechTypeList = ref([
 
 const searechType = ref('updateTime')
 const addShopping = (item) => {
-	console.log(item)
 	if(!item.price) return ElMessage.warning(t('brandDetail.addShoppingTip'))
 	AddShoppingCart({listingIds:[item.id]}).then((res)=>{
 		myEvent.emit('addShopping', item)
diff --git a/src/views/digitalItem/merchant-info.vue b/src/views/digitalItem/merchant-info.vue
index 4d8c708..9560559 100644
--- a/src/views/digitalItem/merchant-info.vue
+++ b/src/views/digitalItem/merchant-info.vue
@@ -47,8 +47,8 @@ defineExpose({})
 		</div>
 		<div class="categories">{{ $t('digitalItem.MerchantInfo.Gender') }}</div>	
 		<div class="line"></div>
-		<div class="multiple">
-			<checked :list="genderList" @change="handleChange" v-model:selected="gender" />
+		<div class="multiple">{{ gender }}
+			<checked-gender :list="genderList" @change="handleChange" v-model:selected="gender" />
 		</div>
 	</div>
 </template>