feat: add resource edit functionality and time range filter in admin panel

admin/src/api/asset.ts

@@ -21,6 +21,9 @@ export function apiAssetResourceList(params: any) {
 export function apiAssetResourceAdd(params: any) {
     return request.post({ url: '/asset.AssetResource/add', params })
 }
+export function apiAssetResourceEdit(params: any) {
+    return request.post({ url: '/asset.AssetResource/edit', params })
+}
 export function apiAssetResourceDelete(params: any) {
     return request.post({ url: '/asset.AssetResource/delete', params })
 }

admin/src/views/asset/resource/index.vue

@@ -1,8 +1,19 @@
 <template>
     <div class="asset-resource-container">
         <el-card shadow="never" class="!border-none">
-            <div class="mb-4">
+            <div class="mb-4 flex items-center gap-4 flex-wrap">
                 <el-button type="primary" @click="handleAdd">上传并分发资源</el-button>
+                <el-date-picker
+                    v-model="dateRange"
+                    type="daterange"
+                    range-separator="至"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    value-format="YYYY-MM-DD"
+                    @change="handleDateChange"
+                    clearable
+                    style="width: 300px;"
+                />
             </div>
             
             <el-tabs v-model="queryParams.type" @tab-change="handleTabChange">
@@ -22,12 +33,14 @@
                 </el-table-column>
                 <el-table-column label="关联账号" show-overflow-tooltip>
                     <template #default="{ row }">
-                        <span>{{ row.users?.map((u: any) => u.phone).join(', ') || '未关联' }}</span>
+                        <el-tag v-if="!row.users?.length" type="info" size="small">公开资源</el-tag>
+                        <span v-else>{{ row.users?.map((u: any) => u.phone).join(', ') }}</span>
                     </template>
                 </el-table-column>
                 <el-table-column prop="create_time" label="上传时间" width="180" />
-                <el-table-column label="操作" width="120" fixed="right">
+                <el-table-column label="操作" width="150" fixed="right">
                     <template #default="{ row }">
+                        <el-button type="primary" link @click="handleEdit(row)">编辑</el-button>
                         <el-button type="danger" link @click="handleDelete(row)">删除</el-button>
                     </template>
                 </el-table-column>
@@ -46,9 +59,9 @@
         </el-card>
 
         <!-- 新增资源弹窗 -->
-        <el-dialog v-model="dialogVisible" title="新增分发资源" width="600px" destroy-on-close>
+        <el-dialog v-model="dialogVisible" :title="isEdit ? '编辑资源' : '新增分发资源'" width="600px" destroy-on-close>
             <el-form ref="formRef" :model="formData" :rules="rules" label-width="100px">
-                <el-form-item label="资源类型" prop="type">
+                <el-form-item label="资源类型" prop="type" v-if="!isEdit">
                     <el-radio-group v-model="formData.type">
                         <el-radio :label="1">图片</el-radio>
                         <el-radio :label="2">视频</el-radio>
@@ -58,7 +71,7 @@
                 <el-form-item label="标题" prop="title">
                     <el-input v-model="formData.title" placeholder="请输入资源标题" />
                 </el-form-item>
-                <el-form-item label="资源文件" prop="file_url">
+                <el-form-item label="资源文件" prop="file_url" v-if="!isEdit">
                     <material-picker v-if="formData.type === 1" v-model="formData.file_url" :limit="1" type="image" />
                     <upload v-else-if="formData.type === 2" type="video" direct :multiple="false" :limit="1" :show-progress="true" @success="handleUploadSuccess">
                         <el-button type="primary">上传视频 (OSS直传)</el-button>
@@ -71,7 +84,7 @@
                     </div>
                 </el-form-item>
                 <el-form-item label="关联账号" prop="user_ids">
-                    <el-select v-model="formData.user_ids" multiple filterable placeholder="不选择则为公开资源" clearable>
+                    <el-select v-model="formData.user_ids" multiple filterable placeholder="不选择则为公开资源" clearable style="width: 100%;">
                         <el-option v-for="item in userOptions" :key="item.id" :label="item.phone" :value="item.id" />
                     </el-select>
                     <div style="font-size: 12px; color: #909399; margin-top: 4px;">不选择账号则资源为公开资源，所有人可见</div>
@@ -79,7 +92,7 @@
             </el-form>
             <template #footer>
                 <el-button @click="dialogVisible = false">取消</el-button>
-                <el-button type="primary" @click="submitForm" :loading="submitLoading">确定发布</el-button>
+                <el-button type="primary" @click="submitForm" :loading="submitLoading">{{ isEdit ? '保存修改' : '确定发布' }}</el-button>
             </template>
         </el-dialog>
     </div>
@@ -88,14 +101,15 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { apiAssetResourceList, apiAssetResourceAdd, apiAssetResourceDelete, apiAssetUserList } from '@/api/asset'
+import { apiAssetResourceList, apiAssetResourceAdd, apiAssetResourceEdit, apiAssetResourceDelete, apiAssetUserList } from '@/api/asset'
 import MaterialPicker from '@/components/material/picker.vue'
 import Upload from '@/components/upload/index.vue'
 
 const loading = ref(false)
 const tableData = ref([])
 const total = ref(0)
-const queryParams = reactive({
+const dateRange = ref<string[]>([])
+const queryParams = reactive<any>({
     type: '1',
     page_no: 1,
     page_size: 15
@@ -104,10 +118,12 @@ const queryParams = reactive({
 const dialogVisible = ref(false)
 const submitLoading = ref(false)
 const formRef = ref()
+const isEdit = ref(false)
+const editId = ref(0)
 
 const userOptions = ref<any[]>([])
 
-const formData = reactive({
+const formData = reactive<any>({
     type: 1,
     title: '',
     file_url: '',
@@ -147,12 +163,40 @@ const handleTabChange = () => {
     getList()
 }
 
+const handleDateChange = (val: string[] | null) => {
+    if (val && val.length === 2) {
+        queryParams.start_time = val[0]
+        queryParams.end_time = val[1]
+    } else {
+        delete queryParams.start_time
+        delete queryParams.end_time
+    }
+    queryParams.page_no = 1
+    getList()
+}
+
 const handleAdd = () => {
+    isEdit.value = false
+    editId.value = 0
     Object.assign(formData, { type: parseInt(queryParams.type), title: '', file_url: '', cover_url: '', user_ids: [] })
     fetchUserOptions()
     dialogVisible.value = true
 }
 
+const handleEdit = (row: any) => {
+    isEdit.value = true
+    editId.value = row.id
+    Object.assign(formData, {
+        type: row.type,
+        title: row.title,
+        file_url: row.file_url,
+        cover_url: row.cover_url || '',
+        user_ids: row.users?.map((u: any) => u.id) || []
+    })
+    fetchUserOptions()
+    dialogVisible.value = true
+}
+
 const handleUploadSuccess = (response: any) => {
     formData.file_url = response?.data?.uri || response?.data?.url || ''
     ElMessage.success('上传成功')
@@ -175,8 +219,17 @@ const submitForm = async () => {
         if (valid) {
             submitLoading.value = true
             try {
-                await apiAssetResourceAdd(formData)
-                ElMessage.success('上传分发成功')
+                if (isEdit.value) {
+                    await apiAssetResourceEdit({
+                        id: editId.value,
+                        title: formData.title,
+                        user_ids: formData.user_ids
+                    })
+                    ElMessage.success('编辑成功')
+                } else {
+                    await apiAssetResourceAdd(formData)
+                    ElMessage.success('上传分发成功')
+                }
                 dialogVisible.value = false
                 getList()
             } catch (e) {