优化3

yudao-admin-vue3/src/components/DiyEditor/components/ComponentLibrary.vue

@@ -128,8 +128,8 @@ const handleCloneComponent = (component: DiyComponent<any>) => {
     width: 86px;
     height: 86px;
     cursor: move;
-    border-right: 1px solid var(--el-border-color-lighter);
+    // border-right: 1px solid var(--el-border-color-lighter);
-    border-bottom: 1px solid var(--el-border-color-lighter);
+    // border-bottom: 1px solid var(--el-border-color-lighter);
     flex-direction: column;
     align-items: center;
     justify-content: center;

yudao-admin-vue3/src/views/mall/promotion/seckill/config/SeckillConfigForm.vue

@@ -1,39 +1,23 @@
 <template>
 	<Dialog :title="dialogTitle" v-model="dialogVisible">
-    <el-form
+		<el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" v-loading="formLoading">
-      ref="formRef"
-      :model="formData"
-      :rules="formRules"
-      label-width="120px"
-      v-loading="formLoading"
-    >
 			<el-form-item label="秒杀时段名称" prop="name">
 				<el-input v-model="formData.name" placeholder="请输入秒杀时段名称" />
 			</el-form-item>
 			<el-form-item label="开始时间点" prop="startTime">
-        <el-time-picker
+				<el-time-picker v-model="formData.startTime" value-format="HH:mm" format="HH:mm"
-          v-model="formData.startTime"
+					placeholder="选择开始时间点" />
-          value-format="HH:mm:ss"
-          placeholder="选择开始时间点"
-        />
 			</el-form-item>
 			<el-form-item label="结束时间点" prop="endTime">
-        <el-time-picker
+				<el-time-picker v-model="formData.endTime" value-format="HH:mm" format="HH:mm" placeholder="选择结束时间点" />
-          v-model="formData.endTime"
-          value-format="HH:mm:ss"
-          placeholder="选择结束时间点"
-        />
 			</el-form-item>
 			<el-form-item label="秒杀轮播图" prop="sliderPicUrls">
 				<UploadImgs v-model="formData.sliderPicUrls" placeholder="请输入秒杀轮播图" />
 			</el-form-item>
 			<el-form-item label="活动状态" prop="status">
 				<el-radio-group v-model="formData.status">
-          <el-radio
+					<el-radio v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)" :key="dict.value"
-            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+						:label="dict.value">
-            :key="dict.value"
-            :label="dict.value"
-          >
 						{{ dict.label }}
 					</el-radio>
 				</el-radio-group>
@@ -46,38 +30,38 @@
 	</Dialog>
 </template>
 <script setup lang="ts">
-import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+	import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
-import { SeckillConfigApi, SeckillConfigVO } from '@/api/mall/promotion/seckill/seckillConfig.ts'
+	import { SeckillConfigApi, SeckillConfigVO } from '@/api/mall/promotion/seckill/seckillConfig.ts'
-import { CommonStatusEnum } from '@/utils/constants'
+	import { CommonStatusEnum } from '@/utils/constants'
 
-/** 秒杀时段 表单 */
+	/** 秒杀时段 表单 */
-defineOptions({ name: 'SeckillConfigForm' })
+	defineOptions({ name: 'SeckillConfigForm' })
 
-const { t } = useI18n() // 国际化
+	const { t } = useI18n() // 国际化
-const message = useMessage() // 消息弹窗
+	const message = useMessage() // 消息弹窗
 
-const dialogVisible = ref(false) // 弹窗的是否展示
+	const dialogVisible = ref(false) // 弹窗的是否展示
-const dialogTitle = ref('') // 弹窗的标题
+	const dialogTitle = ref('') // 弹窗的标题
-const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+	const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
-const formType = ref('') // 表单的类型：create - 新增；update - 修改
+	const formType = ref('') // 表单的类型：create - 新增；update - 修改
-const formData = ref({
+	const formData = ref({
 		id: undefined,
 		name: undefined,
 		startTime: undefined,
 		endTime: undefined,
 		sliderPicUrls: undefined,
 		status: undefined
-})
+	})
-const formRules = reactive({
+	const formRules = reactive({
 		name: [{ required: true, message: '秒杀时段名称不能为空', trigger: 'blur' }],
 		startTime: [{ required: true, message: '开始时间点不能为空', trigger: 'blur' }],
 		endTime: [{ required: true, message: '结束时间点不能为空', trigger: 'blur' }],
 		status: [{ required: true, message: '活动状态不能为空', trigger: 'blur' }]
-})
+	})
-const formRef = ref() // 表单 Ref
+	const formRef = ref() // 表单 Ref
 
-/** 打开弹窗 */
+	/** 打开弹窗 */
-const open = async (type: string, id?: number) => {
+	const open = async (type : string, id ?: number) => {
 		dialogVisible.value = true
 		dialogTitle.value = t('action.' + type)
 		formType.value = type
@@ -91,12 +75,12 @@ const open = async (type: string, id?: number) => {
 				formLoading.value = false
 			}
 		}
-}
+	}
-defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+	defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 
-/** 提交表单 */
+	/** 提交表单 */
-const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+	const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
-const submitForm = async () => {
+	const submitForm = async () => {
 		// 校验表单
 		await formRef.value.validate()
 		// 提交请求
@@ -116,10 +100,10 @@ const submitForm = async () => {
 		} finally {
 			formLoading.value = false
 		}
-}
+	}
 
-/** 重置表单 */
+	/** 重置表单 */
-const resetForm = () => {
+	const resetForm = () => {
 		formData.value = {
 			id: undefined,
 			name: undefined,
@@ -129,5 +113,5 @@ const resetForm = () => {
 			status: CommonStatusEnum.ENABLE
 		}
 		formRef.value?.resetFields()
-}
+	}
 </script>