fix: 页面资源配置表增加中文用途说明

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/miniapp/MiniappConfig.vue

@@ -55,6 +55,13 @@
         </el-tab-pane>
 
         <el-tab-pane label="页面背景与图标" name="assets">
+          <el-alert
+            type="info"
+            :closable="false"
+            show-icon
+            class="asset-hint"
+            title="说明：「用途说明」是给人看的；「程序键名」仅供小程序识别，一般不用改。上传图片后会自动写入 OSS 路径。"
+          />
           <div class="asset-toolbar">
             <el-select v-model="assetGroup" placeholder="资源组" style="width: 200px" @change="loadAssets">
               <el-option label="排行榜" value="paihangbang" />
@@ -66,8 +73,12 @@
           </div>
 
           <el-table :data="assetList" v-loading="assetLoading" border class="asset-table">
-            <el-table-column prop="ziyuan_key" label="键名" width="160" />
-            <el-table-column prop="miaoshu" label="说明" min-width="120" />
+            <el-table-column prop="miaoshu" label="用途说明（中文）" min-width="200" />
+            <el-table-column prop="ziyuan_key" label="程序键名" width="140">
+              <template #default="{ row }">
+                <el-text type="info" size="small">{{ row.ziyuan_key }}</el-text>
+              </template>
+            </el-table-column>
             <el-table-column label="预览" width="100">
               <template #default="{ row }">
                 <el-image v-if="row.ziyuan_path" :src="fullUrl(row.ziyuan_path)" fit="cover" class="thumb" />
@@ -202,13 +213,18 @@ const loadAssets = async () => {
       return
     }
     if (res.code === 0) {
+      const list = res.data?.list || []
       const group = res.data?.groups?.[assetGroup.value] || {}
-      assetList.value = Object.keys(group).map((key) => ({
-        ziyuan_zu: assetGroup.value,
-        ziyuan_key: key,
-        ziyuan_path: group[key],
-        miaoshu: key,
-      }))
+      if (list.length) {
+        assetList.value = list.filter((item) => item.ziyuan_zu === assetGroup.value)
+      } else {
+        assetList.value = Object.keys(group).map((key) => ({
+          ziyuan_zu: assetGroup.value,
+          ziyuan_key: key,
+          ziyuan_path: group[key],
+          miaoshu: key,
+        }))
+      }
     } else {
       ElMessage.error(res.msg || '加载资源失败')
     }
@@ -301,6 +317,9 @@ onMounted(() => {
   align-items: center;
   margin-bottom: 16px;
 }
+.asset-hint {
+  margin-bottom: 12px;
+}
 .asset-table {
   margin-top: 8px;
 }