图片管理更改

src/views/photos/index.vue

@@ -3,7 +3,7 @@
 		<el-card shadow="hover" class="layout-padding-auto">
 			<div class="system-dept-search mb15">
 				<span>模块:</span>
-				<el-select @change="handleChangeModule" size="default" v-model="state.tableData.param.moduleName" placeholder="请选择" clearable style="max-width: 180px;margin:0 10px;">
+				<el-select  @change="handleChangeModule" size="default" v-model="state.tableData.param.moduleName" placeholder="请选择" clearable style="max-width: 180px;margin:0 10px;">
                     <el-option 
 					:data-op="item.id" v-for="(item,index) in moduleList" 
 					:key="index" 
@@ -231,7 +231,13 @@ const state = reactive({
 const photoApi = photosApi();
 
 // 模块列表
-const moduleList = ref([]);
+const moduleList = ref([{
+	id: 2,
+	moduleName: "首页推荐",
+	moduleRemark: null,
+	moduleLevel: 1,
+	state: "t"
+}]);
 
 const getModuleList = async() => {
 	try {
@@ -275,15 +281,26 @@ const handleChangeModule = async(val: any) => {
 const getTableData = async() => {
 	try {
 		state.tableData.loading = true;
+
+		state.tableData.param.moduleName = '首页推荐';
+
 		let res = await photoApi.getPhotosList(state.tableData.param);
 		if(res?.success){
-			state.tableData.data = res.data.records;
+			state.tableData.data = res.data.records.map((record:any) => {
+        // 检查图片名称是否不存在或为空
+        return {
+          ...record,
+          name: record.name || '暂无' // 如果图片名称为空，则设置为 '暂无'
+        };
+      });
 			state.tableData.total = res.data.total;
+
 		}else{
 			ElMessage.error('图片列表获取失败！');
 		}
 	} catch (error) {
 	} finally {
+		state.tableData.param.moduleName = '';
 		state.tableData.loading = false;
 	}
 };
@@ -293,6 +310,8 @@ const reset = () =>{
 	state.tableData.param = {
 		name: '',
 		current: 1,
+		labelName: '',
+		moduleName: '首页推荐',
 		size: 10,
 	}
 	getTableData();
@@ -562,7 +581,7 @@ const resetForm = () => {
 
 onMounted(() => {
 	getTableData();
-	getModuleList();
+	// getModuleList();
 })
 
 </script>