Bladeren bron

feat(store): 添加门店appId输入提示和图标

- 为门店appId表单项添加了prop验证属性
- 在输入框下方添加了温馨提示文本说明多appId格式
- 集成Info-Filled图标用于提示信息展示
- 优化了门店appId输入框的样式布局
- 导入Element Plus的InfoFilled图标组件
fugui001 2 dagen geleden
bovenliggende
commit
18ac2609d8
1 gewijzigde bestanden met toevoegingen van 9 en 2 verwijderingen
  1. 9 2
      src/views/system/physical/store/index.vue

+ 9 - 2
src/views/system/physical/store/index.vue

@@ -161,8 +161,14 @@
         <el-form-item label="门店简介" prop="storeDescription">
           <el-input v-model="form.storeDescription" type="textarea" placeholder="请输入内容" />
         </el-form-item>
-        <el-form-item label="门店appId">
-          <el-input v-model="form.storeAppIds" type="textarea" placeholder="请输入内容" />
+        <el-form-item label="门店appId" prop="previewDurationSeconds">
+          <div>
+            <el-input v-model="form.storeAppIds" placeholder="请输入内容" style="width: 100%" />
+            <div style="margin-top: 4px; font-size: 12px; color: #999">
+              <el-icon style="vertical-align: middle"><Info-Filled /></el-icon>
+              温馨提示:多个 appId 请用英文逗号分隔,appId为用户ID
+            </div>
+          </div>
         </el-form-item>
         <el-form-item label="门店宣传图" prop="storePromotionImage">
           <imageUpload v-model="form.storePromotionImageOsId" :limit="5" />
@@ -250,6 +256,7 @@ import { ElMessage } from 'element-plus';
 import L from 'leaflet';
 import 'leaflet/dist/leaflet.css';
 import { listByIds, delOss } from '@/api/system/oss';
+import { InfoFilled } from '@element-plus/icons-vue';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;