| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | # MOM 移å¨ç«¯è®¾è®¡æ¹æ¡ |
|---|
| | | |
|---|
| | | çæ¬ï¼ä¼å稿 V3ï¼ui-ux-pro-maxï¼ï¼2026-10-09ãç¨éï¼åè½ä¸äº¤äºè¯å®¡ï¼å°æªå®æ½ã |
|---|
| | | |
|---|
| | | æ¬çä¿çæµè§å¨è®¿é®ã480 à 800 è§å£ãç»å½æ¶éæ©ç§»å¨ç«¯ / PC 端以åæ°æ®åºæéæ å°ã设计æ¹å为æ¸
æ°ãç´§åçç°åºä½ä¸çé¢ï¼ä¸é¡µå´ç»ä¸ä¸ªä¸»è¦ä»»å¡ï¼å§ç»æ¾ç¤ºä½ä¸å¯¹è±¡ä¸ä½ç½®ï¼æä½ç»æå¯ä»¥åçã第 11ï½12 è为æ¬æ¬¡è¡¥å
çè§è§ç³»ç»ã页é¢è§æ ¼åè¯å®¡æ åã |
|---|
| | | |
|---|
| | | ## 1. å®ä½ä¸è¾¹ç |
|---|
| | | |
|---|
| | | é¢åç产æä½åãä»åºä½ä¸ååç°åºçç»è´è´£äººï¼éè¿æµè§å¨è®¿é®ï¼ä»¥ 480 à 800 è§å£ä¼å
设计ãæ ¸å¿ç®æ æ¯è®©åå·¥å¨ç°åºå®ææ«ç ãç»å®ãå
¥åºãæ£è´§åä»»å¡å¤çï¼åå°è¿åçµèå½å
¥ç次æ°ã |
|---|
| | | |
|---|
| | | å端åºäº `mom-pro2-before` çä¸å¡åæ¥å£ç»ç»è®¾è®¡ãå»ºè®®æ²¿ç¨ Vue 3ãTypeScriptãVite çææ¯ä½ç³»ï¼æ°å¢ç¬ç«ç§»å¨å
¥å£å页é¢ï¼å¤ç¨è®¤è¯ãæ¥å£ç±»åãåå
¸ä¸ä¸å¡è§åã移å¨ç«¯éç¨ä»»å¡å表åæ¥éª¤è¡¨åï¼ä¸ç´æ¥ç¼©å°ç°ææ¡é¢è¡¨æ ¼ã |
|---|
| | | |
|---|
| | | å¤é¨æ¶è´¹è
æ«ç 溯æºé¡µä¸å工移å¨ç«¯æ¯ä¸¤ç§ä¸ååºæ¯ï¼å工端éè¦ç»å½å¹¶æå²ä½ææï¼å
¬ä¼æ«ç 继ç»è¿å
¥ç°æå
¬å¼æº¯æºé¡µã |
|---|
| | | |
|---|
| | | ## 2. æ°æ®åºæ ¸æ¥ç»æ |
|---|
| | | |
|---|
| | | 2026-10-09 é¦è½®æ¹æ¡æ ¸æ¥è¯»åäºå½å `local` é
置对åºæ°æ®åºç `system_menu`ã`system_role`ã`system_role_menu`ï¼æªä¿®æ¹æ°æ®ãèååæé®æéå
± 1157 æ¡ï¼ä»¥ä¸èåå为æªå é¤ãå¯ç¨ç¶æã |
|---|
| | | |
|---|
| | | `visible=true` 表示èåèªèº«å¯è§ï¼ä¸ä»£è¡¨æ个å工已è·ææãå¿
é¡»åæ¶èèç¶çº§æ¾ç¤ºé
ç½®ãç¨æ·è§è²ãç§æ·èåèå´åå端æ°æ®æéã以ä¸ä¸ºç§»å¨ç«¯å»ºè®®çº³å
¥çåè½ï¼ä¸æ¯å½åç¨æ·å¯è§èåçæè¨ã |
|---|
| | | |
|---|
| | | | 移å¨ç«¯åè½å称 | æ°æ®åºèåå称 / ID | ç°æå端ç»ä»¶ | 建议é¶æ®µ | |
|---|
| | | |---|---|---|---| |
|---|
| | | | æ«ç å
¥åº | ç产线æ«ç å
¥åº / 602650 | `mes/pro/scan-in/index` | é¦ææ ¸å¿ | |
|---|
| | | | è¢ç æ¥è¯¢ä¸ç»å® | èµç 管ç / 602618 | `mes/pro/bagCode/index` | é¦ææ ¸å¿ | |
|---|
| | | | æçæ¥è¯¢ä¸ç»å® | æçç 管ç / 602624 | `mes/pro/pallet/index` | é¦ææ ¸å¿ | |
|---|
| | | | æ¹æ¬¡æ¥è¯¢ | æ¹æ¬¡ç产管ç / 602612 | `mes/pro/batch/index` | é¦ææ¥è¯¢ | |
|---|
| | | | åºåæ¥è¯¢ | åºåç°æé / 5786 | `wls/materialstock/index` | é¦ææ¥è¯¢ | |
|---|
| | | | å
¥åºä»»å¡ | 产åå
¥åº / 5819 | `wls/productreceipt/index` | 第äºé¶æ®µ | |
|---|
| | | | åºåºä»»å¡ | éå®åºåº / 5970 | `wls/productsales/index` | 第äºé¶æ®µ | |
|---|
| | | | åè´§ä»»å¡ | åè´§éç¥ / 5867 | `wls/salesnotice/index` | 第äºé¶æ®µ | |
|---|
| | | | çç¹ä»»å¡ | çç¹ä»»å¡ / 5957 | `wls/stocktaking/task/index` | 第äºé¶æ®µ | |
|---|
| | | | åºåæµæ°´ | åºåäºå¡æµæ°´ / 602476 | `wls/transaction/index` | é¦æç®çæ¥è¯¢ | |
|---|
| | | | ç产æ¥å·¥ | ç产æ¥å·¥ / 5550 | `mes/pro/feedback/index` | 第äºé¶æ®µï¼é确认å¼æ¾èå´ | |
|---|
| | | | ç§åè´¨æ£ | ç§åè´¨æ£ / 1065217 | `mes/qc/seedQuality/index` | 第ä¸é¶æ®µ | |
|---|
| | | | æ¹æ¬¡è¿½æº¯ | æ¹æ¬¡è¿½æº¯ / 5966 | `mes/qc/batchtrace/index` | é¦æç®çæ¥è¯¢ | |
|---|
| | | | å¾
åå®¡æ¹ | å¾
åä»»å¡ / 1207 | `bpm/task/todo/index` | 第ä¸é¶æ®µï¼é确认å¼æ¾èå´ | |
|---|
| | | |
|---|
| | | éè¦ç¹å«å¤ççé
ç½®ï¼ |
|---|
| | | |
|---|
| | | - âä¸è¢ä¸ç 管çââä»å¨ç©æµââåºåºæµé管çââè´¨é管çâæ ¹ç®å½å½åå¯è§ã |
|---|
| | | - âç产管æ§ââåååå
¬âæ ¹ç®å½å½åéèï¼å
¶ä¸é¨å页é¢å¯è§ï¼ä½ä¸è½æ®æ¤ç´æ¥å¼æ¾ç§»å¨å
¥å£ã |
|---|
| | | - âç产é¢æââç产éæââå®ç¯å¼å«ââå¾
æ£ä»»å¡âçèåå½åéèï¼å
ä¸ä½ä¸ºé»è®¤å
¥å£ã |
|---|
| | | - æ¥è¯¢å°çè§è²ä»¥è¶
级管çåãæ®éè§è²ãCRM 管çåãç§æ·ç®¡çåç为主ï¼æ¬æ¬¡æ²¡æåç°æç¡®å½åçç产æä½åãä»åºä½ä¸åè§è²ãä¸æå²ä½ååæ¯å»ºè®®ï¼å®æ½åéè¦é
ç½®ææ å°ç°æè§è²ï¼å¹¶æ ¸å¯¹å
³èç¨æ·ã |
|---|
| | | |
|---|
| | | ## 3. 导èªãå²ä½ä¸å·¥ä½å° |
|---|
| | | |
|---|
| | | åºé¨è®¾ç½® **å·¥ä½å°ãä½ä¸ãè®°å½ãæç** å个å
¥å£ãåªæè¿å个ä¸çº§é¡µé¢ä¿çåºé¨å¯¼èªï¼æ«ç ã详æ
ãç»å®å确认页é¢ä½¿ç¨è¿åæé®åä¸å¡æä½æ ï¼é¿å
åºé¨å¯¼èªä¸æ交æé®ç«äºç©ºé´ã |
|---|
| | | |
|---|
| | | âå¼å§æ«ç âå¿
须带å½åç¨éï¼ä¾å¦âæ«ç å
¥åºâæâæ«ç æ¥è¯¢âãè¯å«äºç»´ç ä¸çäºå
许åå
¥ï¼ä¸è½éè¿ä¸ä¸ªæªæ³¨æç¨éçæ«ç æé®ç´æ¥å
¥åºã |
|---|
| | | |
|---|
| | | ### å·¥ä½å°ï¼é¦å±è®©åå·¥ç¥éå¨åªéãåä»ä¹ |
|---|
| | | |
|---|
| | | 480 à 800 è§å£çå
容顺åºï¼ |
|---|
| | | |
|---|
| | | 1. 顶æ ï¼é¡µé¢æ é¢ãç¨æ·å
¥å£ã |
|---|
| | | 2. ä½ä¸ä¸ä¸æï¼å½åå²ä½ã产线ãåºåº / åºä½ï¼å¯ç¹å»åæ¢ã |
|---|
| | | 3. 大æé®âæ«ç å
¥åºâï¼ä¸æ¹æä¾âæ«ç æ¥è¯¢â次è¦å
¥å£ãæ å
¥åºæéæ¶ï¼æ¥è¯¢æ为主æä½ã |
|---|
| | | 4. å个常ç¨å
¥å£ï¼éç¨ä¸¤åå¸å±ï¼å¾æ é
çæ ç¾ã |
|---|
| | | 5. å¾
å¤çä»»å¡æå¤ä¸æ¡ï¼é¦æå°æªæ¥å
¥ä»»å¡æ¶å±ç¤ºæè¿ä½ä¸ï¼ä¸è½å±ç¤ºèææ°éã |
|---|
| | | 6. åºé¨å¯¼èªã |
|---|
| | | |
|---|
| | | ç¨æ·ç¬¬ä¸æ¬¡ä½¿ç¨å
设置ææéçä½ä¸ä½ç½®ï¼ä»¥åè®°ä½ä¸æ¬¡éæ©ï¼å¹¶å¨æ¯æ¬¡åæä½ç¡®è®¤é¡µå次å±ç¤ºç®æ ä½ç½®ãç¨æ·æå¤å²ä½æéæ¶ï¼åæ¢çæ¯é¦é¡µå¸å±åä»»å¡è§å¾ï¼ä¸è½æ©å¤§å端æéã |
|---|
| | | |
|---|
| | | ### å²ä½é»è®¤å
¥å£ |
|---|
| | | |
|---|
| | | | å²ä½è§å¾ï¼å»ºè®®é
ç½®ï¼ | é¦æ常ç¨å
¥å£ | åç»å
¥å£ | |
|---|
| | | |---|---|---| |
|---|
| | | | ç产æä½å | æ«ç å
¥åºãè¢ç ç»å®ãæçç»å®ãæ¹æ¬¡æ¥è¯¢ | æçç产任å¡ãç产æ¥å·¥ | |
|---|
| | | | ä»åºä½ä¸å | æ«ç å
¥åºãåºåæ¥è¯¢ãæçæ¥è¯¢ãä½ä¸è®°å½ | å
¥åºä»»å¡ãåºåºæ£è´§ãçç¹ä»»å¡ | |
|---|
| | | | çç»è´è´£äºº | æ¹æ¬¡æ¥è¯¢ãä½ä¸è®°å½ãåºåæ¥è¯¢ãæ«ç æ¥è¯¢ | çç»ä»»å¡ãå¼å¸¸å¤çãè¿åº¦æ¦è§ | |
|---|
| | | |
|---|
| | | è´è´£äººæ¦è§åçç»è®°å½éè¦å¯¹åºæ°æ®æéææ°å¢èåæ¥å£ï¼ä¸è½ä»
åå²ä½å称æ¨å®å·²ç»å
·å¤ã |
|---|
| | | |
|---|
| | | ### ç»ä¸ç»å½é¡µï¼éæ©ç§»å¨ç«¯æ PC 端 |
|---|
| | | |
|---|
| | | åä¸ä¸ªç»å½é¡µæä¾â移å¨ç«¯ / PC 端â两项éæ©ï¼æ¾å¨è´¦å·è¾å
¥åºåä¸æ¹ã480 à 800 è§å£ä¸éæ©å¨ãè´¦å·ãå¯ç ãéªè¯ç åç»å½æé®ä½¿ç¨ååå¸å±ï¼æ¡é¢ç«¯ä¿æç°æç»å½é¡µçè§è§ç»æã |
|---|
| | | |
|---|
| | | é¦æ¬¡è¿å
¥ç»å½é¡µï¼å»ºè®®æ CSS è§å£å®½åº¦åå§åï¼å°äº 768px é»è®¤ç§»å¨ç«¯ï¼å¤§äºçäº 768px é»è®¤ PC 端ã该å¼æ¯è®¾è®¡å»ºè®®ï¼åºéè¿ç®æ 设å¤éªè¯ï¼ç¨æ·å§ç»å¯ä»¥æå¨åæ¢ã480px 宽度é»è®¤éæ©ç§»å¨ç«¯ã |
|---|
| | | |
|---|
| | | è§åå¦ä¸ï¼ |
|---|
| | | |
|---|
| | | 1. èªå¨å¤æåªåå§åéæ©ï¼ä¸éå¶ç¨æ·éæ©ï¼å±å¹è¾å°ä¹å
许éæ© PC 端ã |
|---|
| | | 2. ç¨æ·æå¨éæ©åï¼çªå£ç¼©æ¾ãæ转å软é®çåºç°åä¸å¾è¦çéæ©ã |
|---|
| | | 3. ç»å½å¤±è´¥ãéªè¯ç éè¯æ¶ä¿çå½åéæ©ï¼æ¬æ¬¡ä¼è¯å·æ°å继ç»ä½¿ç¨å·²éæ©ç端ã |
|---|
| | | 4. ç»å½åä¸å å±å¹å®½åº¦åååæ¢é¡µé¢åèåï¼ç«¯ç±»åä½ä¸ºæ¬æ¬¡ä¼è¯ççé¢è®¾ç½®ã |
|---|
| | | 5. éåºåéæ°è¿å
¥ç»å½é¡µï¼éæ°æå½åè§å£ç»åºé»è®¤éæ©ãç»å½é¡µç端éæ©ä¸æ¹åè´¦å·æå±è§è²åæéã |
|---|
| | | |
|---|
| | | ç»å½æµç¨ï¼éæ©ç«¯ â è¾å
¥è´¦å· / å¯ç â 认è¯åéªè¯ç â è·åç¨æ·ææ â å 载该端èåä¸è·¯ç± â è¿å
¥å¯¹åºé¦é¡µã |
|---|
| | | |
|---|
| | | - PC 端ï¼è¿å
¥ç°ææ¡é¢é¦é¡µï¼å±ç¤ºå½åè´¦å·å·²ææç PC èåã |
|---|
| | | - 移å¨ç«¯ï¼è¿å
¥ç§»å¨å·¥ä½å°ï¼å±ç¤ºå½åè´¦å·å·²ææä¸å·²ç»éé
移å¨é¡µé¢çèåã |
|---|
| | | - æ æé端åè½æéï¼æ¾ç¤ºâå½åè´¦å·ææ 该端å¯ç¨åè½âï¼æä¾åæ¢å¦ä¸ç«¯æéåºå
¥å£ï¼ä¸éé»æ¹éï¼ä¹ä¸èµäºé¢å¤æéã |
|---|
| | | - ç»å½ååå¨ç®æ å°åæ¶ï¼ä»
å¨å
¶å±äºæé端ä¸ææéæ¶æ¢å¤ï¼å¦åè¿å
¥æé端é»è®¤é¦é¡µã |
|---|
| | | |
|---|
| | | âæç / 个人设置âå¯æä¾âåæ¢è³ PC 端 / 移å¨ç«¯âãåæ¢åå¤çæªæ交ä½ä¸ï¼åæ¢æ¶æ¸
çå端å¨æè·¯ç±ãèååç¸å
³é¡µé¢ç¶æï¼åå è½½ç®æ 端æéè§å¾ãæ¯å¦å
许ä¸éæ°ç»å½åæ¢ï¼å®æ½æ¶æç°æä¼è¯æºå¶éªè¯ã |
|---|
| | | |
|---|
| | | ### ä½ä¸ãè®°å½ãæç |
|---|
| | | |
|---|
| | | - **ä½ä¸ï¼**âæ«ç ä½ä¸ãæ¥è¯¢å·¥å
·ãä»»å¡å¤çâä¸ä¸ªåç»ï¼æå¤ä¸¤å±å¯¼èªãæªæ¥å
¥åè½ä¸å±ç¤ºå¯ç¹å»å
¥å£ã |
|---|
| | | - **è®°å½ï¼**æ¬äººä»æ¥è®°å½ä¸ºé»è®¤ï¼æ¥æãç¶æçéæ¾å¨é¡¶é¨æåºé¨æ½å±ãæ¯æ¡æ¾ç¤ºæä½ã对象ç å¼ãç»æãæ¶é´ãå表ç¶æä¸è¯¦æ
ç¶æä¸è´ã |
|---|
| | | - **æçï¼**è´¦å·ãå·²ææå²ä½ãä½ä¸ä½ç½®ãæ«ç æ¹å¼ã帮å©ãéåºãåç§æ·è´¦å·ä¸å±ç¤ºæ æçç§æ·åæ¢å
¥å£ã |
|---|
| | | - æ¥è¯¢å表è¿ååæ¢å¤åæçéãå页ä¸æ»å¨ä½ç½®ï¼æµè§å¨è¿åé®ä¸é¡µé¢è¿åè¡ä¸ºä¿æä¸è´ã |
|---|
| | | |
|---|
| | | ## 4. æ ¸å¿ä½ä¸ï¼æç¡®ééãæ ¡éªãæ交ä¸ä¸ªé¶æ®µ |
|---|
| | | |
|---|
| | | ### æ«ç å
¥åº |
|---|
| | | |
|---|
| | | ä½ä¸æ¨¡å¼ / ä½ç½®è®¾ç½® â æ«ç éé â æ¥è¯¢å¹¶æ ¡éªå¯¹è±¡ â å
¥åºç¡®è®¤ â æå¡ç«¯å¤ç â æåç»ææå¯æ¢å¤é误ã |
|---|
| | | |
|---|
| | | **æ«ç éé页ï¼**顶é¨æç»æ¾ç¤ºâæ«ç å
¥åºâåç®æ åºåº / åºä½ï¼ä¸é´æ¾ç¤ºåæ¯åºï¼ä¸æ¹æ¾ç¤ºæ示ä¸æè¿è¯å«ç»æï¼åºé¨æä¾âæå¨è¾å
¥âãè¯å«æååæåè¯å«ï¼è¿å
¥ç¡®è®¤é¡µï¼é¿å
åä¸ç 被åå¤å¤çã |
|---|
| | | |
|---|
| | | **确认页ï¼**çªåºåç§ãå®æ´ç å¼ãç ç±»åãå
¥åºæ°éãç®æ ä½ç½®ï¼æ¹æ¬¡ã产线çè¡¥å
ä¿¡æ¯æ¾å¨ä¸æ¹ã主è¦æé®åâ确认å
¥åºâï¼åæ¶è¿åéé页ãæ°éæ¯å¦å¯ç¼è¾ååä½æ¢ç®ï¼ä»¥å端è§å为åï¼ä¸å¯¹è¢ç ãæçç ãæ¹æ¬¡ç ç»ä¸å设æ°é为 1ã |
|---|
| | | |
|---|
| | | **æå页ï¼**æ¾ç¤ºå
·ä½å¯¹è±¡ãå
¥åºä½ç½®åæ¶é´ï¼ä¸»æé®â继ç»æ«ç âï¼æ¬¡è¦å
¥å£âæ¥çè®°å½âãä¸è½åªæ¾ç¤ºçææ示åç«å³è¦çç»æã |
|---|
| | | |
|---|
| | | ç°æ `/mes/pro/scan-in/inbound` æ¯æ `BAG`ã`PALLET`ã`BATCH`ï¼å
å« `eventId`ã产线ãæ°éãåºåºååºä½åæ°ãå¤ç¨åéæ ¸å¯¹èªå¨è¯å«æ¥å£ãæ°éè¯ä¹ãå
¥åºå¯¹è±¡æææ§åæå¡ç«¯å¹çã |
|---|
| | | |
|---|
| | | 第ä¸çéç¨å次æ«ç 确认ãè¿ç»æ«ç ä½ä¸ä½ä¸ºåç»è½åï¼éå®ä¸ä¸æãéé¡¹æ ¡éªãç»æå¯è¿½æº¯ï¼å¤±è´¥åæ¢å¹¶å¤çï¼ä¸è½å çæ¶é´æ éå¤å°±åå®ä¸å¡å®å
¨ã |
|---|
| | | |
|---|
| | | ### è¢ç ç»å®æç |
|---|
| | | |
|---|
| | | æ«æç®æ æç â æ ¸å¯¹æç / æ¹æ¬¡ â éè¢éé â æ¥çå¾
ç»å®æ¸
å â æ交 â æ¥çéæ¡ç»æã |
|---|
| | | |
|---|
| | | ç®æ æçæè¦åºå®å¨éé页顶é¨ï¼å·²ééè¢æ°ä¸å¾
æ交è¢æ°æç¡®æ¾ç¤ºãéå¤ééä»
æ示ï¼ä¸ç´¯å ï¼å·²ç»å®ãæ¹æ¬¡ä¸å¹é
åæ æç æç¡®æç»ãæ´æ¢ç®æ æçåï¼æ示å¤çå½åæªæ交æ¸
åã |
|---|
| | | |
|---|
| | | âå·²ééâä¸âå·²ç»å®â使ç¨ä¸åç¶æã失败æ¶ä¿çæªæå项ï¼å®é
æ¥å£æ¯å¦æ¯ææ¹éäºå¡åéæ¡ç»æï¼å¨å®æ½åæ ¸å¯¹ï¼ä¸ä»¥åå表ç°ä»£æ¿æ¥å£è½åã |
|---|
| | | |
|---|
| | | ### æçç»å®æ¹æ¬¡ |
|---|
| | | |
|---|
| | | éæ©ææ«æç®æ æ¹æ¬¡ â æ«ææç â æ ¸å¯¹åç§åç°æç»å® â 确认ç»å®ãä¸è½æâè¢ç ç»æçâåâæçç»æ¹æ¬¡âæ¾è¿åä¸ä¸ªå«ä¹ä¸æ¸
çæ交æé®ã |
|---|
| | | |
|---|
| | | ### æ¥è¯¢åºæ¯ |
|---|
| | | |
|---|
| | | æ«ç æ¥è¯¢å¯ä»¥æ¥è¯¢è¢ç ãæçææ¹æ¬¡ï¼ä½ä¸èªå¨æ§è¡ç»å®ãå
¥åºãåºåºã详æ
主æä½æ对象ç¶æåç¨æ·æéæ¾ç¤ºãåºåæ¥è¯¢å
以åç§ / æ¹æ¬¡ / åºä½çéï¼å表åªæ¾ç¤ºå
³é®åºåæ°éãåä½åä½ç½®ï¼å
¶ä½ä¿¡æ¯è¿å
¥è¯¦æ
ã |
|---|
| | | |
|---|
| | | ### åºåºãçç¹ä¸æ¥å·¥ |
|---|
| | | |
|---|
| | | - **åºåºï¼**ä»»å¡å表 â 对ç
§è®¢åæ£è´§ â æ±æ»æ ¡éª â æ交å½åæ¥éª¤ãâæ§è¡æ£è´§ââå¡«åè¿åââæ§è¡åºåºâ沿ç¨ä¸åæéåç¶æã |
|---|
| | | - **çç¹ï¼**å·²åé
ä»»å¡ â æ«ç å®ä½å¯¹è±¡ â å®çæ°é â å·®å¼è¯´æ â ä¿å / æ交ãæç¡®å®çæ°éä¸ç³»ç»æ°éçå«ä¹ã |
|---|
| | | - **æ¥å·¥ï¼**å¯æ§è¡ä»»å¡ â åæ ¼é / ä¸è¯éåå¿
è¦è¯´æ â æ ¡éª â æ交ãè¶
éãåä½ãçç»åå·¥åºè¦æ±å¤ç¨æå¡ç«¯è§åã |
|---|
| | | |
|---|
| | | ### é误ä¸ç»ææªç¥ |
|---|
| | | |
|---|
| | | | ç¶æ | 页é¢åé¦ | ä¸ä¸æ¥ | |
|---|
| | | |---|---|---| |
|---|
| | | | æ æç / éä¸å¡ç | æ¾ç¤ºåå§è¯å«ç»æåâä¸æ¯æ该ç â | éæ°æ«ææè¾å
¥ | |
|---|
| | | | å·²å
¥åº / å·²ç»å® | æ¾ç¤ºå·²åå¨çä¸å¡ç¶æ | æ¥çè®°å½ï¼ä¸éå¤æ§è¡ | |
|---|
| | | | æ¹æ¬¡æåºä½ä¸å¹é
| æåºå
·ä½å²çª | æ´æ¢å¯¹è±¡æä¿®æ£ä½ç½® | |
|---|
| | | | ç¸æºæç»ææ / ä¸å¯ç¨ | æ¾ç¤ºæé设置æå¼ | æå¨è¾å
¥æ使ç¨å·²éé
æ«ç è®¾å¤ | |
|---|
| | | | ç½ç»å¤±è´¥ã请æ±æªååº | ä¿çå½å表å | æ¢å¤ç½ç»åæ交 | |
|---|
| | | | å·²åéä½è¶
æ¶ | âç»æå¾
确认â | æ¥è¯¢åæä½ç»æï¼åå³å®éè¯ | |
|---|
| | | | ä¼è¯è¿æ | ä¿çéææä½ä¸è稿 | ç»å½åéæ°æ ¡éªå¯¹è±¡åæé | |
|---|
| | | |
|---|
| | | ç¬ç«æç
§å¼å¸¸å·¥å继ç»å为æ©å±ï¼é确认å¼å¸¸æ¨¡åãåé
ãå¤çåå
³éæµç¨ã |
|---|
| | | |
|---|
| | | ## 5. 480 à 800 å¸å±è§è |
|---|
| | | |
|---|
| | | ### 尺寸åºå |
|---|
| | | |
|---|
| | | æ¬æ¹æ¡ä»¥ **480 à 800 CSS åç´ çæµè§å¨å¯ç¨è§å£**为设计åéªæ¶åºåã设å¤ç©çå辨çä¸å¿
ç¶çäº CSS è§å£ï¼å®æ½æ¶è¯»åå®é
è§å£ï¼æ ¸å¯¹è®¾å¤ç¼©æ¾è®¾ç½®ãè¥ 480 à 800 æç©çå±å¹å°ºå¯¸ï¼éå¨ç®æ 设å¤ä¸éæ°æ ¸å¯¹å¯ç¨å®½é«ã |
|---|
| | | |
|---|
| | | 宽度éè§å£éé
ï¼è¾å®½æµè§å¨ä¸å°å
容容å¨éå¶å¨ 480px 并å±
ä¸ãé«åº¦éç¨å¨æè§å£çç¥ï¼éåºæµè§å¨å°åæ å±å¼ãæ¶èµ·åé®çååï¼ä¸è½æ页é¢æ»é«åº¦æ°¸ä¹
é为 800pxï¼ä¹ä¸ä½¿ç¨æ´é¡µç¼©æ¾æ¥éé
ã |
|---|
| | | |
|---|
| | | ### åç´ç©ºé´åé
|
|---|
| | | |
|---|
| | | 以ä¸é«åº¦ä¸º 800px è§å£ãæªæ¾ç¤ºé®çä¸æ é¢å¤å®å
¨åºçå¸å±åºåï¼å
容å¯ä»¥æ»å¨ï¼ä¸å¼ºè¡æªæã |
|---|
| | | |
|---|
| | | | 页é¢ç±»å | 顶é¨åºå | å
容åºå | åºé¨åºå | |
|---|
| | | |---|---:|---:|---:| |
|---|
| | | | ä¸çº§é¡µé¢ | 56px æ é¢æ | 680px | 64px å¯¼èª | |
|---|
| | | | ä½ä¸ / 详æ
页 | 56px è¿åæ é¢æ | 664px | 80px æä½æ | |
|---|
| | | | æ«ç éé页 | 56px æ é¢æ + 64px ä½ä¸ä¸ä¸æ | 600pxï¼å
å«åæ¯åç»æ | 80px è¾å
¥ / è¿åæä½ | |
|---|
| | | | ç»å½é¡µ | ç®çåçåºå | è´¦å·è¡¨åä¸æ示 | æ å
¨å±å¯¼èª | |
|---|
| | | |
|---|
| | | æå®å
¨åºæ¶ï¼åºé¨åºåå¢å å®å
¨åºå
è¾¹è·ï¼ä¸é´å¯ç¨é«åº¦ç¸åºåå°ãæ¯é¡µåªä¿çä¸ä¸ªä¸»è¦å
容æ»å¨åºï¼é¿å
é¿å表åµå¥æ»å¨ã |
|---|
| | | |
|---|
| | | ### é¦é¡µé¦å±ä¸æ«ç å¸å± |
|---|
| | | |
|---|
| | | å·¥ä½å°ç¨æ¸
æ°ç顺åºç»ç»å
容ï¼å²ä½ä½ç½® â 主æä½ â 常ç¨åè½ â å¾
å / æè¿è®°å½ãä¸å¡å表建议 88ï½104pxï¼ä¸ç¨å表页é¦å±çº¦æ¾ç¤º 4ï½6 æ¡ï¼å·¥ä½å°åªé¢è§ 2ï½3 æ¡ï¼å®æ´è®°å½è¿å
¥å表æ¥çãåç¡®æ°ééæ é¢ãçéåçå®ææ¡ååï¼ä¸ä¸ºæ¤è¿é¦å±ç¼©å°æååç¹å»åºåã |
|---|
| | | |
|---|
| | | æ«ç åæ¯åºå»ºè®®çº¦ 320 à 320pxï¼å±
ä¸æ¾ç½®ï¼è¿æ¯è§è§åæ¯å¼å¯¼ï¼ä¸ä»£è¡¨åªè½è§£ç æ¡å
åºåãåæ¯åºä¸æ¹ä¿çè¯å«æ示åå½å对象æè¦ãé¿ç å¼å
许æè¡ãæ¥çåå¤å¶ï¼ä¸æå®æ´é¿ URL å½ä½ä¸»è¦å±ç¤ºä¿¡æ¯ã |
|---|
| | | |
|---|
| | | ### åä½ãé´è·åæé® |
|---|
| | | |
|---|
| | | | å
ç´ | 建议è§è | |
|---|
| | | |---|---| |
|---|
| | | | 页é¢æ é¢ | 20pxï¼ä¸çæåç²åé | |
|---|
| | | | 主è¦åç§ / 对象å称 | 18px | |
|---|
| | | | æ£æãè¾å
¥æ¡ | 16px | |
|---|
| | | | æ¶é´ãè¾
å©è¯´æ | 14px | |
|---|
| | | | 页é¢å·¦å³é´è· | 16pxï¼å¯ç¨å
容宽度 448px | |
|---|
| | | | 主è¦æä½æé® | é« 52pxï¼å
¨å®½æå æ®æä½æ 主è¦ç©ºé´ | |
|---|
| | | | è¾å
¥ä¸éæ©æ§ä»¶ | æå°é« 48pxï¼ç¹å»æ´è¡å¯æä½ | |
|---|
| | | | å¾æ æä½ | ç¹å»åºåè³å° 44 à 44px | |
|---|
| | | | åç»é´è· | 16ï½24px | |
|---|
| | | | 常ç¨å
¥å£ | 两åï¼æ¯é¡¹çº¦ 216px 宽ï¼é´è· 16px | |
|---|
| | | |
|---|
| | | 以æµ
èæ¯ãç½è²å
容ãæ·±è²æååèè²ä¸»æä½ä¿æä¸å¡çé¢ä¸è´ï¼å
·ä½è§è§å¼è§ç¬¬ 11 èãæåãè¦åã失败åæ¶ä½¿ç¨æååé¢è²ï¼ä¸é é¢è²åç¬ä¼ è¾¾ç¶æãå表主è¦ä½¿ç¨åé线åçç½ï¼å
³é®å¯¹è±¡æè¦æ使ç¨ç¬ç«åºåï¼é¿å
æ¯ä¸ä¸ªå段é½å¥å¡çã |
|---|
| | | |
|---|
| | | ### 表åãé®çä¸è¯¦æ
|
|---|
| | | |
|---|
| | | - åºåº / åºä½éè¿åºé¨éæ©é¢æ¿å®æï¼æ¯ææç´¢ä¸é级éæ©ï¼æ´æ¢åºåºæ¶æ¸
ç失æåºä½ã |
|---|
| | | - 以åå表å为主ï¼åæ ¼é / ä¸è¯éçç´§å¯å
³èççæ°åå段å¯å¹¶æã |
|---|
| | | - æå¼è½¯é®çæ¶éèä¸çº§åºé¨å¯¼èªï¼è°æ´æä½æ ï¼ä¿è¯å½åè¾å
¥åé误æ示å¯è§ï¼å
³éé®çåæ¢å¤ã |
|---|
| | | - åºå®æé®ä¸æ¹ä¿ç足å¤å
容é´è·ï¼æåä¸æ¡ä¿¡æ¯å¯ä»¥æ»å¨å°æé®ä¸æ¹ã |
|---|
| | | - ä½ä¸ä½ç½®åæ´éè¦æç¡®åé¦ï¼æ交ä¸ç主è¦æé®ç¦ç¨å¹¶æ¾ç¤ºå¤çç¶æã |
|---|
| | | - å表ä¸é¡µå»ºè®®å è½½ 20 æ¡ï¼å è½½æ´å¤å±ç¤ºæç¡®ç¶æï¼æ æ°æ®ãæ æéåå 载失败éç¨ä¸åææ¡ã |
|---|
| | | |
|---|
| | | ## 6. èåä¸æé®æé |
|---|
| | | |
|---|
| | | 建议建ç«ç§»å¨ç«¯åè½æ å°ï¼å°ç§»å¨è·¯ç±å
³èå·²æèå ID åæä½æéãç®å½ç»ç»å¯éé
ææºï¼ä½å®é
ææãç§æ·èå´åä¸å¡æ°æ®èå´ç»§ç»ç±ç°ææå¡ç«¯æ§å¶ã |
|---|
| | | |
|---|
| | | é¦æå
³é®æéæ å°ï¼ |
|---|
| | | |
|---|
| | | | 移å¨ç«¯å¨ä½ | å·²åå¨çæéæ è¯ | |
|---|
| | | |---|---| |
|---|
| | | | æ¥è¯¢æ«ç è®°å½ | `mes:pro-scan-in:query` | |
|---|
| | | | æ§è¡æ«ç å
¥åº | `mes:pro-scan-in:inbound` | |
|---|
| | | | æ¥çæ«ç çæ¿ | `mes:pro-scan-in:dashboard` | |
|---|
| | | | æ¥è¯¢è¢ç | `mes:pro-bag-code:query` | |
|---|
| | | | è¢ç ç»å®æç | `mes:pro-bag-code:update` | |
|---|
| | | | æ¥è¯¢æç | `mes:pro-pallet:query` | |
|---|
| | | | æçç»å®æ¹æ¬¡ | `mes:pro-pallet:update` | |
|---|
| | | | æ¥è¯¢æ¹æ¬¡ | `mes:pro-batch:query` | |
|---|
| | | | æ¥è¯¢åºå | `mes:wm-material-stock:query` | |
|---|
| | | | æ交æ¥å·¥ | `mes:pro-feedback:create` | |
|---|
| | | | æ§è¡æ£è´§ | `mes:wm-product-sales:stock` | |
|---|
| | | | æ§è¡åºåº | `mes:wm-product-sales:finish` | |
|---|
| | | |
|---|
| | | 移å¨ç«¯åéå
¥å£ â© å½åç¨æ·ææåè½ â© ç§æ·å¼æ¾èå´ï¼ææå®é
èåãæ¯ä¸ªæé®åæ£æ¥å¯¹åºæä½æéï¼æææ¥å£ç»§ç»åæå¡ç«¯æ ¡éªãéèç®å½ç移å¨å¼æ¾çç¥éè¦æç¡®é
ç½®ï¼ä¸è½å ææºç«¯å
¥å£éç»èç»è¿æéã |
|---|
| | | |
|---|
| | | 端éæ©è´è´£ç¡®å®âå±ç¤ºåªå¥åè½çé¢âï¼è´¦å·æéè´è´£ç¡®å®âå
许访é®åªäºåè½âã建议å端æéè·åæ¥å£æ¯æç¬ç«å段 `terminalType=pc|mobile`ï¼è¿åæé端éç¨çå·²ææèåï¼è¿æ¯å¾
å¼åçæ¥å£æ¹æ¡ï¼ç°ææ¥å£å°æªæ¯æ该åæ°ã端类åä¸è½ä½ä¸ºæ°å¢æéçä¾æ®ã |
|---|
| | | |
|---|
| | | PC 端ä¿çå½åèåç»ä»¶æ å°ã移å¨ç«¯å»ºç«å¯¹åºç移å¨ç»ä»¶æ å°ååè½æ¸
åï¼å·²ç»éé
ä¸ææéçåè½æè¿å
¥èåãèå端é
置建议æ¯æ PCã移å¨ãå端ï¼é
ç½®å±çº§åè¿ç§»æ¹å¼å¨å¼åæ¶ç¡®è®¤ãç¶ç®å½ãæé®æéåç§æ·èå´éè¦ä¸èµ·å¤çï¼ä¸è½åªæ ¹æ®èåè·¯å¾å称è¿æ»¤ã |
|---|
| | | |
|---|
| | | å端模å¼ãå¨æè·¯ç±ãèåå主页设置æ端é离ï¼åæ¢åéæ°åå§åï¼é¿å
PC èåæ®çå¨ç§»å¨ç«¯æååæ®çã访é®å°åä»å¯åºåæ¡é¢ä¸ç§»å¨é¡µé¢ï¼ä½ç»å½æ¶çæç¡®éæ©å³å®æ¬æ¬¡é»è®¤è¿å
¥åªç«¯ã |
|---|
| | | |
|---|
| | | å²ä½å»ºè®®ï¼ç产æä½åæ¥ææ¬äº§çº¿ä½ä¸ä¸æ¥è¯¢ï¼ä»åºä½ä¸åæ¥æææä»åºä»»å¡ä¸åºåæ¥è¯¢ï¼çç»è´è´£äººå¢å æ¬çç»è¿åº¦åå¼å¸¸æ¥çãå é¤ãåºåè°æ´ãçæ大éç å¼ãæµç¨è®¾è®¡ãç¼ç è§åå主æ°æ®é
ç½®ä¸åå
¥é¦æ常ç¨æä½ã |
|---|
| | | |
|---|
| | | ## 7. æµè§å¨è®¿é®ä¸å端ç»æ |
|---|
| | | |
|---|
| | | ### 访é®åç»å½ |
|---|
| | | |
|---|
| | | ç¨æ·éè¿ HTTPS å°åè¿å
¥ç»ä¸ç»å½é¡µï¼éæ©ç§»å¨ç«¯æ PC 端ï¼ä½¿ç¨ç°æç³»ç»è´¦å·ç»å½ï¼å¤ç¨ç»å½æå·æ°ãéåºåæéè·åæºå¶ã建议移å¨ä¸å¡å
¥å£è·¯å¾ä¸º `/mobile/`ï¼æ¡é¢ä¸å¡åå
¬ä¼æº¯æºé¡µä¿çåèªå
¥å£ï¼è¿æ¯è§åè·¯å¾ï¼å½åå°æªå建ã |
|---|
| | | |
|---|
| | | ç»å½é¡µæ ¹æ®è§å£å®½åº¦é»è®¤éæ©ç«¯ï¼ç¨æ·æå¨éæ©å
·æä¼å
æãæé端å³å®ä¸å¡å¸å±åèåï¼åç»å®½åº¦åååªåå¸å±éé
ãè¾çªçæ¡é¢æµè§å¨ä¹è½ç¨äºé¢è§ï¼ä½ç°åºéªæ¶å¿
é¡»ç¨ç®æ 设å¤å®æã |
|---|
| | | |
|---|
| | | å·²æ ¸æ¥çç°æå®ç°ï¼`src/views/_core/authentication/login.vue` æ交ç»å½ï¼`src/store/auth.ts` è·åç¨æ·åæéï¼`src/router/access.ts` å `src/router/guard.ts` çæææèåä¸è·¯ç±ãéé
ç¹åºè¦çè¿æ¡å®æ´é¾è·¯ï¼ä¸è½åªæ°å¢ç»å½é¡µéæ©æé®ã |
|---|
| | | |
|---|
| | | ç°æ `authLogin` ä¸ç `type='mobile'` 表示çä¿¡ç»å½æ¹å¼ï¼ä¸ä»£è¡¨ç§»å¨ç«¯çé¢ã建议å¦è®¾ `terminalType`ï¼å°ç»å½æ¹å¼ä¸æé端æç¡®åå¼ã移å¨æ¨¡å¼çå¼å¨å½åæµè§å¨æ ç¾é¡µå
ä¿æï¼é¿å
ä¸åæ ç¾é¡µç端éæ©ç¸äºè¦çã |
|---|
| | | |
|---|
| | | ### æµè§å¨æ«ç |
|---|
| | | |
|---|
| | | ç»ä¸æ¯æä¸ç§è¾å
¥æ¹å¼ï¼ |
|---|
| | | |
|---|
| | | 1. **æå头ï¼**ç¨æ·ç¹å»å¼å§å请æ±åç½®æå头ï¼è¯å«äºç»´ç 并æåï¼ç¦»å¼é¡µé¢ãååå°æç»æä½ä¸æ¶åæ¢åæ¯ã |
|---|
| | | 2. **æ«ç æª / PDA è¾å
¥ï¼**ç®æ 设å¤å
·å¤é®ç模æè½åæ¶ï¼å°æ«ç å
容è¾å
¥æå®ééæ¡ï¼éè¿ç»æå符æ交ééã该模å¼éæå®é
设å¤éé
ï¼ä¸è½åå®ææ PDA è¡ä¸ºä¸è´ã |
|---|
| | | 3. **æå¨è¾å
¥ï¼**æææ«ç 页é¢åå¯åæ¢ï¼è¾å
¥å®æ§è¡åæ ·çç 解æåä¸å¡æ ¡éªã |
|---|
| | | |
|---|
| | | æ«ç å
容æ¯æ纯ç å¼åå·²å°å·çæº¯æº URLï¼URL åªæå `code` åæ°è¿è¡ä¸å¡æ¥è¯¢ï¼ä¸èªå¨æå¼ä»»ææ«æç½åãç ç±»åç±è§£æååç«¯æ ¡éªç¡®è®¤ï¼åå§å
容ä¿çç¨äºé误åé¦ã |
|---|
| | | |
|---|
| | | æå头访é®éè¦å®å
¨ä¸ä¸æåç¨æ·ææï¼ä¸çº¿ä½¿ç¨ HTTPSãæµè§å¨åçæ¡ç è¯å«åå¨å
¼å®¹æ§éå¶ï¼ä¸è½ä½ä¸ºå¯ä¸è§£ç å®ç°ï¼éå¨ç®æ æµè§å¨éªè¯äºç»´ç 解ç æ¹æ¡åå
¶åå¤å®ç°ã声é³ãæ¯å¨åªè½ä½ä¸ºå¯éåé¦ï¼å±å¹ä¸çæåç»æå¿
é¡»å®æ´ã |
|---|
| | | |
|---|
| | | åèï¼[MDN æå头 API](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia/)ã[MDN æ¡ç è¯å« API](https://developer.mozilla.org/en-US/docs/Web/API/Barcode_Detection_API)ã |
|---|
| | | |
|---|
| | | ### å端工ç¨æ¹æ¡ |
|---|
| | | |
|---|
| | | åºäº `mom-pro2-before`ï¼éç¨åä»åºçç¬ç«ç§»å¨å
¥å£ / æ建边çï¼æ²¿ç¨ Vue 3ãTypeScriptãViteãVue Router å Piniaã移å¨ç»ä»¶å»ºè®®ä½¿ç¨ Vantï¼æ¡é¢ç«¯ä¿ç Ant Design Vueãå
¥å£æåæ¹å¼ä»¥ç°æ Vite é
ç½®è¯ä¼°ä¸ºåï¼é¿å
移å¨é¡µè¢«è¿«å è½½æ´ä¸ªæ¡é¢åºç¨ã |
|---|
| | | |
|---|
| | | 建议æèè´£ç»ç»ï¼ |
|---|
| | | |
|---|
| | | - 移å¨å¸å±ï¼æ é¢ãåºé¨å¯¼èªãä¸å¡æä½æ ãç¶æ页ã |
|---|
| | | - 移å¨ä¸å¡é¡µï¼å·¥ä½å°ãæ«ç å
¥åºãç»å®ãæ¥è¯¢ãè®°å½ãæçã |
|---|
| | | - å
±äº«è½åï¼è¯·æ±å°è£
ã认è¯ä¸æéãåå
¸ãä¸å¡æ¥å£ç±»åã |
|---|
| | | - æ«ç éé
ï¼æå头解ç ã设å¤è¾å
¥ãæå¨è¾å
¥ãURL æç ã |
|---|
| | | - 移å¨åè½æ å°ï¼å·²æèå ID / æé â 移å¨è·¯ç±åæé®ã |
|---|
| | | |
|---|
| | | å
±äº«æ¥å£å±éä¸æ¡é¢å¼¹çªãæ¡é¢éç¥ç»ä»¶è§£è¦ï¼ä¸ç´æ¥å¤å¶ä¾èµæ¡é¢ UI ç请æ±é误å¤çã移å¨æ ·å¼éå®å¨ç§»å¨å
¥å£ï¼é¿å
å
¨å±é置污ææ¡é¢é¡µé¢ã |
|---|
| | | |
|---|
| | | åèï¼[Vant å®æ¹ææ¡£](https://vant-ui.github.io/vant/)ã |
|---|
| | | |
|---|
| | | ## 8. å¼±ç½ãå¹çä¸æ°æ®ä¸è´æ§ |
|---|
| | | |
|---|
| | | æ¥è¯¢å¤±è´¥å¯ä»¥éè¯ï¼è¡¨åå¯ä»¥ä¿çè稿ãå
¥åºãåºåºãç»å®çåæä½ä¸é»è®¤å离线èªå¨æ交ã |
|---|
| | | |
|---|
| | | ä¸æ¬¡ä¸å¡æä½çæ稳å®çæä½æ è¯ï¼ç½ç»éè¯æ²¿ç¨åæ è¯ãç°æå
¥åºæ¥å£å·²æ `eventId` åæ°ï¼ä½ä»éæ ¸æ¥æå¡ç«¯å¹ç约æãç»ææ¥è¯¢æ¹å¼å跨设å¤éå¤å¤çè§åã请æ±è¶
æ¶åæ示âç»æå¾
确认âï¼å
æ ¸å®è®°å½ï¼åå³å®éè¯ï¼é¿å
æå·²æå请æ±å次æ§è¡ã |
|---|
| | | |
|---|
| | | åæ¢å²ä½ãä»åºæç§æ·æ¶æ¸
çä¸éç¨çä½ä¸ä¸ä¸æãå¤äººåæ¶æä½ãæçé¨åç»å®æåã已被ä»äººå®æãæ«ç 被åæ¶çæ
åµï¼éè¿æå¡ç«¯è¿åç»ææç¡®åé¦ã |
|---|
| | | |
|---|
| | | ## 9. å®æ½é¡ºåºä¸éªæ¶ |
|---|
| | | |
|---|
| | | **第ä¸é¶æ®µï¼éªè¯ç°åºæ«ç éç¯ã** ç»å½ä¸æéãå·¥ä½å°ãæ«ç å
¥åºãè¢ç / æçæ¥è¯¢ç»å®ãæ¹æ¬¡æ¥è¯¢ãåºåæ¥è¯¢ãæ¬äººä½ä¸è®°å½ãä¼å
å¤ç¨ç°ææ¥å£ï¼ç¡®è®¤æ°æ®æéä¸å¹çã |
|---|
| | | |
|---|
| | | **第äºé¶æ®µï¼è¦çä»å¨ä¸ç产任å¡ã** 产åå
¥åºãåè´§ / åºåºæ£è´§ãçç¹ãç产æ¥å·¥ï¼å´ç»ä»»å¡éæ°ç»ç»ç§»å¨è¡¨åã |
|---|
| | | |
|---|
| | | **第ä¸é¶æ®µï¼æ©å±ååã** ç§åè´¨æ£ãè´è´£äººæ¦è§ã审æ¹ãç«å
ä¸å¡æéãæç
§å¼å¸¸éç¯ãéç¥å¯¹è±¡ä¸è§¦åæ¶æºéæä¸å¡è®¾è®¡ã |
|---|
| | | |
|---|
| | | 第ä¸é¶æ®µéªæ¶ï¼ |
|---|
| | | |
|---|
| | | 1. ç®æ 设å¤æµè§å¨å¨ 480 à 800 åºåè§å£ä¸é»è®¤éä¸ç§»å¨ç«¯ï¼å¯æå¨åæ¢ PC 端ï¼å¤§å±é»è®¤ PC 端ï¼ä¹å¯æå¨åæ¢ç§»å¨ç«¯ãæå¨éæ©å¨éªè¯ç éè¯åçªå£åååä¿æã |
|---|
| | | 2. åä¸è´¦å·çèåãæé®ãæ°æ®èå´ç¬¦åå端ææï¼ä¸åå²ä½ç常ç¨å
¥å£ç¬¦åå®é
å·¥ä½ã |
|---|
| | | 3. æå头ãå·²éé
设å¤è¾å
¥åæå¨è¾å
¥èµ°ç»ä¸æ ¡éªï¼è¢ç ãæçç ãæ¹æ¬¡ç åç°ææº¯æº URL åè½è¯å«ï¼æ«ç æ¥è¯¢ä¸ä¼è§¦ååæä½ã |
|---|
| | | 4. å
¥åºå®æåä¸å¡æ°æ®åä½ä¸è®°å½ä¸è´ï¼éå¤ç¹å»ã请æ±è¶
æ¶ãç½ç»æ¢å¤ä¸ä¼éå¤è®°è´¦ã |
|---|
| | | 5. åå·¥è½åºåééãå¤çä¸ãæåã失败ä¸ç»æå¾
确认ç¶æã |
|---|
| | | 6. ç°åºè¯ç¨è½å®ææ«ç ãç»å®ãå
¥åºççå®æµç¨ï¼æä½ç®æ åç»ææ éåå©æ¡é¢ç«¯è¾¨è®¤ã |
|---|
| | | 7. æé端çèåãè·¯ç±åé¦é¡µä¸è´ï¼å·æ°ä¿æ模å¼ï¼è·¨ç«¯ç®æ å°åä¸é误跳转ï¼æ 该端å¯ç¨åè½æ¶ææç¡®åé¦ã |
|---|
| | | 8. å°åæ ååã软é®çåå®é
å®å
¨åºä¸æ 横åæ»å¨ææé®é®æ¡ï¼ç»å½å¤±ææ¢å¤åéæ°æ ¡éªç«¯ç±»åä¸æéï¼ä¸èªå¨æ交è稿ã |
|---|
| | | |
|---|
| | | ä¸ä¸æ¥äº¤ä»å»ºè®®ï¼å
åºå·¥ä½å°ãæ«ç å
¥åºãç»å®æçãåºåæ¥è¯¢ãä½ä¸è®°å½äºä¸ªé¡µé¢çå¯ç¹å»ååï¼åæ ¸å¯¹æ¥å£ä¸æé缺å£ãååè¯å®¡éè¿åå¼å§ç§»å¨å
¥å£å¼åã |
|---|
| | | |
|---|
| | | ## 10. åå页é¢æ¸
åä¸è½å°æ£æ¥ |
|---|
| | | |
|---|
| | | å
éªè¯ä¸åå®æ´é¾è·¯ï¼åæ©å±å
¶ä½èåãååä¸çå§åãåç§ãæ°éåå¾
åæ¡æ°å¿
é¡»æ 注为示ä¾ï¼ä¸åè£
å·²è¿æ¥ä¸å¡æ°æ®ã |
|---|
| | | |
|---|
| | | | é¡µé¢ | 主è¦å
容 | 主æä½ | è¿åæéåºè¡ä¸º | |
|---|
| | | |---|---|---|---| |
|---|
| | | | ç»å½ | 移å¨ç«¯ / PC 端éæ©ãè´¦å·ãå¯ç ãé误æ示 | ç»å½ | æ¢å¤æé端å
ææéçåç®æ 页é¢ï¼å¦åè¿å
¥è¯¥ç«¯é¦é¡µ | |
|---|
| | | | å·¥ä½å° | å²ä½ä½ç½®ã主æ«ç æé®ãå个常ç¨å
¥å£ãæè¿è®°å½ | æ«ç å
¥åºææ¥è¯¢ | ä¸çº§å
¥å£ä¿æå¯¼èª | |
|---|
| | | | ä½ä¸ä½ç½® | ææ产线ãåºåºãåºä½ | ä¿åä½ç½® | è¿å并æç¡®å±ç¤ºæ°ä½ç½® | |
|---|
| | | | æ«ç éé | å½åç¨éãä½ç½®ãåæ¯æ¡ãè¾å
¥åæ¢ | æ«æ对象 | å
³éæå头并è¿åæ¥æºé¡µ | |
|---|
| | | | å
¥åºç¡®è®¤ | 对象ãæ°éä¸åä½ãç®æ ä½ç½®ãè¡¥å
ä¿¡æ¯ | 确认å
¥åº | æ交åå¯è¿åééï¼æ交ä¸ä¸äº§ç第äºæ¬¡æ交 | |
|---|
| | | | ä½ä¸ç»æ | 对象ãæå / 失败 / å¾
确认ãç»ææè¦ | 继ç»æ«ç ææ ¸å®ç»æ | å¯æ¥ç对åºè®°å½ | |
|---|
| | | | æçç»å® | ç®æ æçãå¾
ç»å®è¢ç ãéæ¡æ ¡éª | 确认ç»å® | æªæ交æ¸
åæ示ä¿çææ¾å¼ | |
|---|
| | | | åºåæ¥è¯¢ | æç´¢ãä½ç½®çéãåºåæ¡ç® | æ¥è¯¢ææ¥ç详æ
| ä¿ççéåæ»å¨ä½ç½® | |
|---|
| | | | æ¹æ¬¡ / ç 详æ
| åç§ãæ¹æ¬¡ãç»å®ç¶æãè®°å½ | ææéä¸ä¸å¡å
许çå¨ä½ | åå°åæ¥è¯¢ä¸ä¸æ | |
|---|
| | | | ä½ä¸è®°å½ | æ¥æãç¶æãæ¬äººè®°å½å详æ
| æ¥çè®°å½ | æ¢å¤è®°å½å表ä½ç½® | |
|---|
| | | | æç | è´¦å·ãå²ä½ãä½ç½®ã帮å©ãéåº | 对åºè®¾ç½®æä½ | éåºæ¸
çç»å½æåç¨æ·ä½ä¸ä¸ä¸æ | |
|---|
| | | |
|---|
| | | ååè¯å®¡éç¹æ¯âç°åºåå·¥æ¯å¦ç¥éå½å对象ãç®æ ä½ç½®åä¸ä¸æ¥âï¼ä¸æ¯ä¸»é¡µå
¥å£æ°éã第ä¸çä¸å¢å å¤æå¾è¡¨ã大éè¥éç»è®¡ãæ¡é¢å¤åç¼è¾è¡¨æ ¼ææªæ¥å
¥çæ¶æ¯å
¥å£ã |
|---|
| | | |
|---|
| | | å®æ½åéä¸æ ¸å¯¹å类缺å£ï¼ |
|---|
| | | |
|---|
| | | 1. **æ¥å£ï¼**ç»ä¸ç è¯å«ã对象æè¦ãæ¬äººè®°å½çéãç»å®ç»æãæä½ç»ææ¥è¯¢æ¯å¦å¯å¤ç¨ã |
|---|
| | | 2. **æéï¼**çå®å工账å·æå±è§è²ãç§æ·èåèå´å产线 / ä»åºæ°æ®æéï¼éèç®å½å¦ä½æ å°ç§»å¨å
¥å£ã |
|---|
| | | 3. **设å¤ï¼**å®é
CSS è§å£ãæµè§å¨çæ¬ãæå头ææï¼ä»¥åæ¯å¦æé®ç模ææ«ç 设å¤ã |
|---|
| | | 4. **ä¸å¡ï¼**åç ç±»åçæ°éä¸åä½ãéå¤å
¥åºè§åãç»å®è·¨æ¹æ¬¡éå¶ãæ¹éé¨å失败è¡ä¸ºã |
|---|
| | | |
|---|
| | | è¿äºç¼ºå£å½¢æå®æ½æ¸
åï¼å·²æèåæå·²ææ¥å£åæ°ä¸è½æ¿ä»£ä¸å¡è½åéªè¯ãå½å交ä»ä¸ºè®¾è®¡æ¹æ¡ï¼ä¸å
å«ç§»å¨é¡µé¢å¼åææ°æ®åºèååæ´ã |
|---|
| | | |
|---|
| | | ## 11. UI/UX Pro Max è§è§ä¸ç»ä»¶ç³»ç» |
|---|
| | | |
|---|
| | | ### 设计ä¾æ®ä¸åè |
|---|
| | | |
|---|
| | | å·²è¿è¡ ui-ux-pro-max ç设计系ç»æ£ç´¢ãè§¦æ§ / 表å / é误æ¢å¤æ£ç´¢å Vue æ æ£ç´¢ãéç¨å
¶æå¹³çé¢ãæ¸
æ°æåå±çº§ãå¯è§ç¦ç¹åæ交åé¦å»ºè®®ãèªå¨æ£ç´¢ä¸çåºç¨ååºè¥é页é¢ç»æä¸å½åä¸å¡ä¸å¹é
ï¼ä¸éç¨è¯åãä¸è½½æé®ãå®£ä¼ è½®æçå
ç´ ã |
|---|
| | | |
|---|
| | | 该系ç»ä»¥ä¸æç°åºä½ä¸ä¸ºä¸»ï¼ä½¿ç¨ç³»ç»ä¸æåä½ï¼ä¸ä¾èµå¤ç½åä½ä¸è½½ãè§è§è§èæ¯å¾
å®ç°åéªè¯ç设计å¼ï¼ä¸è½æå·¥å
·æ¨èçæ éç¢ç级å½ä½äº§åå·²ç»è¾¾æ ã |
|---|
| | | |
|---|
| | | ### é
è²ä¸æå |
|---|
| | | |
|---|
| | | | ç¨é | è®¾è®¡å¼ | 使ç¨æ¹å¼ | |
|---|
| | | |---|---|---| |
|---|
| | | | 主æä½ | `#0369A1` | 确认å
¥åºã确认ç»å®ãç»å½ï¼æåç½è² | |
|---|
| | | | 页é¢èæ¯ | `#F8FAFC` | å·¥ä½å°ãå表ã表åèæ¯ | |
|---|
| | | | å
å®¹è¡¨é¢ | `#FFFFFF` | 表åãå表ã对象æè¦ | |
|---|
| | | | 主æå | `#0F172A` | æ é¢ãåç§ãç å¼ãæ°é | |
|---|
| | | | 次è¦æå | `#475569` | æ¶é´ãä½ç½®è¯´æãè¾
å©æå | |
|---|
| | | | æ®éåé线 | `#E2E8F0` | å表è¡åéï¼ä¸åç¬æ¿æ
交äºè¯å« | |
|---|
| | | | è¾å
¥è¾¹æ¡ | `#64748B` | 表åæ§ä»¶è¾¹çï¼èç¦æ¶ä½¿ç¨ä¸»æä½è² | |
|---|
| | | | æå | `#166534` / `#F0FDF4` | æåæåä¸æµ
è²èæ¯ | |
|---|
| | | | è¦å / å¾
确认 | `#92400E` / `#FFFBEB` | ç»ææªç¥ãéå¤çæ示 | |
|---|
| | | | 失败 | `#B91C1C` / `#FEF2F2` | æ ¡éªå¤±è´¥ãæä½å¤±è´¥åæ¢å¤æå¼ | |
|---|
| | | |
|---|
| | | æ®éæå对æ¯åº¦ç®æ è³å° 4.5:1ï¼å
³é®æ§ä»¶è¾¹çä¸å¯è§ç¦ç¹è³å° 3:1ï¼ç¶æå¿
é¡»åæ¶ææå说æãååé¶æ®µéªè¯ä¸è¿°ç»åï¼å¼ååä»éæ£æ¥çå®æ§ä»¶çææç¶æã |
|---|
| | | |
|---|
| | | åä½ä½¿ç¨ç³»ç»ä¸ææ 衬线åä½ãæ é¢ 20px / 28pxã对象å称 18px / 26pxãæ£æ 16px / 24pxãè¾
å©æå 14px / 20pxï¼ææ å为è¡é«ãå
³é®æ°é 24px / 32pxãæ°é带åä½ï¼ç å¼ä¸èªå¨æå
¥åé符ï¼ä¸æ¹ååå§å¼ã |
|---|
| | | |
|---|
| | | 以 4px 为åºç¡é´è·åä½ï¼å¸¸ç¨ 8ã12ã16ã24pxãæ§ä»¶åè§å»ºè®® 8pxï¼å¯¹è±¡æè¦åºå 12pxï¼ä¸ä½¿ç¨å¤§é¢ç§¯æ¸åãåéæç»çèæ¯æè£
饰æ§é´å½±ãææå¾æ éç¨ç»ä¸ SVG å¾æ éï¼å¸¸è§ 24pxï¼é
åå¯è¯»æ ç¾ã |
|---|
| | | |
|---|
| | | ### ç»ä»¶ä¸åé¦ |
|---|
| | | |
|---|
| | | | ç»ä»¶ | è§æ ¼ä¸ç¶æ | |
|---|
| | | |---|---| |
|---|
| | | | ç»å½ç«¯éæ© | äºéä¸åéç»ï¼é« 52pxï¼éä¸é¡¹åæ¶æè¾¹æ¡ãåºè²åéä¸æ è¯ï¼æ¯æé®çæä½ï¼è¯´æâå¯æå¨åæ¢â | |
|---|
| | | | 主æé® | é« 52pxï¼é»è®¤ãæä¸ãç¦ç¹ãå¤çä¸ãç¦ç¨ç¶ææç¡®ï¼ä¸ä¸ªé¡µé¢åªçªåºä¸ä¸ªä¸»è¦å¨ä½ | |
|---|
| | | | 次è¦æé® | æåææè¾¹ï¼ç¹å»åºåè³å° 44pxï¼è¿å / åæ¶ä¸ä¸æ交åççªåº | |
|---|
| | | | 表åè¾å
¥ | æ ç¾å¸¸é©»ï¼ä¸ä»
ç¨å ä½ç¬¦ï¼é误贴è¿å段ï¼å¿
è¦æ¶èç¦é¦ä¸ªé误å段 | |
|---|
| | | | ä½ç½®éæ© | å±ç¤ºå·²é产线 / åºåº / åºä½ï¼ç©ºå¼åâ请éæ©åºä½âï¼ä¸è½å±ç¤ºé¾ä»¥ç解ç横线 | |
|---|
| | | | ä¸å¡å表 | åç§ãç¶æ为第ä¸å±ï¼æ°éåä½ç½®ä¸ºç¬¬äºå±ï¼ç å¼åæ¶é´ä¸ºç¬¬ä¸å±ï¼æ´è¡è¿å
¥è¯¦æ
ï¼æ¹éå¾ééæç¡®éæ©æ¨¡å¼ | |
|---|
| | | | ä½ä¸åé¦ | è¯å«ç»æãä¸å¡å¤çä¸ãæåã失败ãå¾
确认åæç¬ç«ç¶æï¼å¤±è´¥åå åæ¢å¤æé®ä¿çå¨é¡µå
| |
|---|
| | | | åºé¨éæ©é¢æ¿ | æ é¢ãå
³éãæç´¢ãé项ã确认å®æ´ï¼æå¼å管çç¦ç¹ï¼å
³éåå°åæ§ä»¶ï¼éé
é®ç | |
|---|
| | | |
|---|
| | | è¾å
¥é¶æ®µä¸ä½¿ç¨çº¢è²â失败âæ ·å¼è¡¨ç¤ºå°æªå¡«åã没ææéçå¨ä½ä¸å±ç¤ºï¼å ä¸å¡ç¶æææ¶ä¸å¯æ§è¡çå¨ä½å±ç¤ºç¦ç¨ç¶æååå ï¼ä¸¤è
ä¸è½æ··ä¸ºä¸è°ã |
|---|
| | | |
|---|
| | | 声åä¸æ¯å¨åªä½ä¸ºç¨æ·å¯å
³éçè¾
å©åé¦ï¼ä¸è½æ¿ä»£å±å¹ç»æãæ®éæåæ示å¯ç®çï¼ä½å
¥åºãåºåºãç»å®ç»æå¿
é¡»å¯ä»ç»æ页åè®°å½é¡µæ¢å¤ãå è½½éç¨ç¨³å®å ä½ï¼ä¸è½è®©æé®åå
³é®ä½ç½®éçå
容å 载跳å¨ã |
|---|
| | | |
|---|
| | | ### ç»å½é¡µè½å°è§æ ¼ |
|---|
| | | |
|---|
| | | 480px è§å£å·¦å³çç½ 24pxï¼è¡¨å宽度 432pxï¼è¾çªè§å£åè³ 16pxãé¦å±é¡ºåºä¸ºç®çä¼ä¸å称ä¸ç³»ç»æ é¢ã端éæ©ãè´¦å·ãå¯ç ãæ¡ä»¶éªè¯ç ãç»å½æé®ãé误åé¦ãåçåºä¸æ¾å¤§å¾æé¿å®£ä¼ ææ¡ï¼ä¸ºè¡¨ååé®çç空é´ã |
|---|
| | | |
|---|
| | | 端éæ©æ ç¾ä¸ºâ移å¨ç«¯ââPC 端âï¼è¾
å©è¯´æ为âå·²æå±å¹å¤§å°éæ©ï¼å¯æå¨åæ¢âãç»å½æé®ææ¡ééæ©å为âç»å½ç§»å¨ç«¯âæâç»å½ PC 端âãèªå¨é»è®¤è§å沿ç¨ç¬¬ 3 èï¼éä¸å¼æ¯ç¬ç«å段ï¼ä¸çä¿¡ç»å½æ¹å¼åå¼ã |
|---|
| | | |
|---|
| | | 认è¯æåä½èåè·å失败æ¶æ¾ç¤ºâç»å½æåï¼åè½å 载失败âï¼å¯éè¯å è½½æéåºï¼æ²¡æ该端ææåè½æ¶æ¾ç¤ºæ åè½ç¶æï¼ä¸ä¼ªè£
æå¯ç é误ãéªè¯ç åºç°æ失败ä¸å¾æ¸
空账å·å端éæ©ï¼å¯ç å¤ç沿ç¨ç°æå®å
¨æºå¶ã |
|---|
| | | |
|---|
| | | ## 12. 480 à 800 ååè§æ ¼ä¸éªè¯ç©éµ |
|---|
| | | |
|---|
| | | ### 页é¢å
容é¢ç® |
|---|
| | | |
|---|
| | | ä¸çº§é¡µçå¯ç¨ä¸é´åºå为 680pxï¼ä»¥ä¸ææ é¢å¤å®å
¨åºãæ é®ç计ç®ãé«åº¦æ¯ååå¸å±é¢ç®ï¼å®é
ææ¡åé¿æ¶èªç¶å¢é¿å¹¶æ»å¨ã |
|---|
| | | |
|---|
| | | | å·¥ä½å°åºå | é¢ç® | ä¿¡æ¯å
容 | |
|---|
| | | |---|---:|---| |
|---|
| | | | å
容边è·ä¸åç»é´è· | 96px | é¦å°¾ååºåé´çç½ | |
|---|
| | | | å½åä½ä¸ä¸ä¸æ | 64px | å²ä½ãä½ç½®ãåæ¢å
¥å£ | |
|---|
| | | | 主æä½åºå | 96px | æ«ç å
¥åº 52pxï¼æ«ç æ¥è¯¢æ¬¡è¦å
¥å£ | |
|---|
| | | | 常ç¨å
¥å£ | 160px | 两è¡ä¸¤åï¼å
±å项 | |
|---|
| | | | æè¿è®°å½é¢è§ | 220px | æ é¢å两æ¡è®°å½ï¼æä¾âæ¥çå
¨é¨â | |
|---|
| | | | å¼¹æ§ä½é | 44px | é¿ä½ç½®å称ãæ示æå
容åå | |
|---|
| | | |
|---|
| | | æ»è®¡ 680pxãå¾
åä»»å¡æ¥éåå¯æ¿æ¢è®°å½é¢è§ï¼ä¸å¨é¦å±å å æ°çç»è®¡åºãå²ä½æ²¡æå个å¯ç¨å
¥å£æ¶ï¼æå®é
æ°éæåï¼ä¸ç¨æ æåè½è¡¥é½ã |
|---|
| | | |
|---|
| | | æ«ç 页éç¨ 56px æ é¢ã64px ä¸ä¸æã600px ä¸é´åºåå80px åºé¨æä½ãä¸é´åºå容纳约 320px åæ¯åºãæä½è¯´æãè¯å«ç¶æåæå¨è¾å
¥å
¥å£ï¼æåæ¾å¨æ亮èæ¯ä¸ï¼é¿å
ç´æ¥è¦çå¤æç¸æºç»é¢ãç¸æºåæ¯ä¸è¯å«æ§è½é¡»å¨çå®è®¾å¤éªè¯ã |
|---|
| | | |
|---|
| | | 确认页æå®æ´å¯¹è±¡ãç®æ ä½ç½®ä¸æ°éç½®äºæä½æé®åãç»æ页æä¾â继ç»æ«ç âåâæ¥çæ¬æ¬¡è®°å½âï¼ä¸èªå¨è·³åç¸æºï¼ç¨æ·æ确继ç»åæå¯å¨ä¸ä¸æ¬¡è¯å«ã |
|---|
| | | |
|---|
| | | ### ååè¯å®¡ä¸åç»éªæ¶ |
|---|
| | | |
|---|
| | | | åºæ¯ | é¢æç»æ | |
|---|
| | | |---|---| |
|---|
| | | | 480 à 800ï¼æ é®ç | é»è®¤ç§»å¨ç«¯ï¼ä¸»è¦æä½ãä¸ä¸æå¯åç°ï¼æåä¸æªæå
³é®å
容 | |
|---|
| | | | 480 à 800ï¼é®çæå¼ | å½åå段ä¸é误å¯è§ï¼ç»å½ / æ交æä½å¯å°è¾¾ï¼æ åå±åºæ é®æ¡ | |
|---|
| | | | 375px 宽æè¾çå®é
è§å£ | å
容èªç¶æ»å¨ï¼æé®ä¸ç¼©å°ï¼é¡µé¢æ²¡æ横åæº¢åº | |
|---|
| | | | 768px é»è®¤ä¸´çç¹ | å次é»è®¤å¼æ£ç¡®ï¼æå¨éæ©ä¸å å次缩æ¾è¢«è¦ç | |
|---|
| | | | PC éæ©ç§»å¨ç«¯ | 480px ä¸é容å¨å±
ä¸ï¼ç§»å¨èååæä½è¡ä¸ºä¸è´ | |
|---|
| | | | åä½æ¾å¤§ãé¿åç§ / é¿åºä½ / é¿ç å¼ | å¤è¡æ¾ç¤ºï¼å
³é®æé®ä»å¯å°è¾¾ï¼ä¸ä¼ç¨çç¥å
容æ交 | |
|---|
| | | | æç»ç¸æºãæ æç ãéå¤ç | æç¡®æ示并è½ç»§ç»è¾å
¥ææ¢å¤ï¼ä¸åæ¾ç¤ºä¸å¡æå | |
|---|
| | | | æ交ä¸éå¤ç¹å»ãè¶
æ¶åéè¯ | æ éå¤æ交ï¼å¾
确认ç»æå
æ ¸å®ï¼åæä½æ è¯ä¿æç¨³å® | |
|---|
| | | | ç»å½æååæ èåæèåå 载失败 | åå«æ¾ç¤ºæ åè½åå 载失败ï¼å¯åæ¢ç«¯ãéè¯æéåº | |
|---|
| | | | åªææ¥è¯¢æé | ææ¥è¯¢å
¥å£ï¼æ²¡æåå
¥å
¥å£ï¼ç´æ¥è®¿é®åå
¥æ¥å£ä»åæå¡ç«¯éå¶ | |
|---|
| | | | è¿åãå·æ°ãå端ãåè´¦å· | æéãèåãè稿åä¸ä¸æå¤ç符åä¼è¯åè´¦å·è¾¹ç | |
|---|
| | | |
|---|
| | | ååé¶æ®µå¯éªè¯å¸å±ãä¿¡æ¯å±çº§å交äºç¶æï¼ç»å½ãæ«ç è¯å«ãå¹çãåºåä¸è´æ§å跨账å·æéå¿
é¡»å¨æ¥å
¥ååç¬éªæ¶ãææ¡£ä¸çé¢ç®ã对æ¯åº¦ä¸ç¶æè§æ ¼ä¸è½æ¿ä»£å®é
设å¤æµè¯ã |
|---|
