diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue
index cb61847..626de9f 100644
--- a/src/components/ImageUpload/index.vue
+++ b/src/components/ImageUpload/index.vue
@@ -215,4 +215,25 @@ function listToString(list, separator) {
:deep(.hide .el-upload--picture-card) {
display: none;
}
+
+// 让图片在一行显示多个
+.component-upload-image {
+ :deep(.el-upload-list) {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ }
+
+ :deep(.el-upload--picture-card) {
+ width: 148px;
+ height: 148px;
+ line-height: 148px;
+ }
+
+ :deep(.el-upload-list__item) {
+ width: 148px;
+ height: 148px;
+ margin: 0 !important;
+ }
+}
diff --git a/src/views/collect/commemorativeCoin/index.vue b/src/views/collect/commemorativeCoin/index.vue
index 37bc988..8b73c8e 100644
--- a/src/views/collect/commemorativeCoin/index.vue
+++ b/src/views/collect/commemorativeCoin/index.vue
@@ -3,38 +3,30 @@
查询条件
-
+
+
+
-
-
-
-
-
-
-
-
+
+
-
+
-
-
-
-
-
-
+
搜索
@@ -65,14 +57,20 @@
暂无图片
-
+
+
+
+
+
+
+
+
@@ -109,11 +107,20 @@
+
+
+
+
+
+
+
+
+
-
+
-
+
@@ -133,10 +140,24 @@
-
-
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -172,14 +193,24 @@ import {
addCommemorativeCoin,
updateCommemorativeCoin
} from '@/api/collect/commemorativeCoin'
+import dayjs from 'dayjs'
// eslint-disable-next-line no-unused-vars
import { require } from '@/utils/require'
const { proxy } = getCurrentInstance()
-const { commemorative_coin_type, commemorative_coin_series, commemorative_coin_block_type, collect_shape } = proxy.useDict(
+const {
+ commemorative_coin_type,
+ commemorative_coin_series,
+ commemorative_coin_block_type,
+ collect_shape,
+ commemorative_coin_composition,
+ commemorative_coin_teeth
+} = proxy.useDict(
'commemorative_coin_type',
'commemorative_coin_series',
'commemorative_coin_block_type',
- 'collect_shape'
+ 'collect_shape',
+ 'commemorative_coin_composition',
+ 'commemorative_coin_teeth'
)
const commemorativeCoinList = ref([])
@@ -203,10 +234,11 @@ const data = reactive({
pageSize: 10,
type: null,
fullName: null,
- shortName: null,
+ name: null,
issueDate: null,
issueYear: null,
series: null,
+ time: '',
blockType: null,
shape: null
},
@@ -219,6 +251,8 @@ const data = reactive({
issueDate: [{ required: true, message: '发行时间不能为空', trigger: 'blur' }],
issueYear: [{ required: true, message: '发行年份不能为空', trigger: 'blur' }],
series: [{ required: true, message: '系列不能为空', trigger: 'change' }],
+ composition: [{ required: true, message: '材质不能为空', trigger: 'change' }],
+ mintage: [{ required: true, message: '发行量不能为空', trigger: 'change' }],
shape: [{ required: true, message: '形状不能为空', trigger: 'change' }]
}
})
@@ -250,9 +284,30 @@ const handleOperate = (operate, row) => {
const { queryParams, form, rules } = toRefs(data)
+// 监听发行时间变化,自动设置发行年份
+watch(
+ () => form.value.issueDate,
+ (newDate) => {
+ if (newDate) {
+ // 从 YYYY-MM-DD 中提取年份
+ const year = newDate.split('-')[0]
+ form.value.issueYear = year
+ }
+ }
+)
+
/** 查询流通纪念币列表 */
function getList() {
loading.value = true
+ const timeRange = queryParams.value.time
+ let st = ''
+ let et = ''
+ if (timeRange && timeRange.length === 2) {
+ st = dayjs(timeRange[0]).format('YYYY-MM-DD')
+ et = dayjs(timeRange[1]).format('YYYY-MM-DD')
+ }
+ queryParams.value.startTime = st
+ queryParams.value.endTime = et
listCommemorativeCoin(queryParams.value).then((response) => {
commemorativeCoinList.value = response.rows
total.value = response.total
@@ -270,16 +325,22 @@ function cancel() {
function reset() {
form.value = {
id: null,
- type: null,
+ type: '1',
fullName: null,
shortName: null,
faceValue: null,
issueDate: null,
issueYear: null,
series: null,
+ mintage: null,
+ composition: null,
+ weight: null,
+ dimension: null,
+ thickness: null,
+ coinTeeth: null,
setNumber: null,
blockType: null,
- shape: null,
+ shape: '1',
createBy: null,
createTime: null,
updateBy: null,
@@ -396,6 +457,17 @@ getList()
z-index: 9999 !important;
}
+/* 图片上传组件样式优化 */
+:deep(.el-upload-list) {
+ display: flex !important;
+ flex-wrap: wrap !important;
+ gap: 8px !important;
+}
+
+:deep(.el-upload-list__item) {
+ margin: 0 !important;
+}
+
/* 图片预览容器样式 */
.image-preview-container {
position: relative;