《交易管理系统前端静态页面》由会员分享，可在线阅读，更多相关《交易管理系统前端静态页面（6页珍藏版）》请在金锄头文库上搜索。
1、系统前端页面主要分为：子系统界面、数据列表界面（包含表类别、表，数据列表展现）、单对象界面、元数据说明界面、权限配置界面、动作定义配置界面插件（component）： 1、日期选择插件2、input框输入模糊查询自动提示下拉选择3、元 数据控制单选界面（需要开发） 4、元数据控制多选界面（需要开发） 5、信息滑出框插件 6、可编辑弹出框插件（带锁定功能）、子系统界面3:洱|矚 瞬+丄T:0巴三尸：丸卉沫R新|兰E -T：711 X?4 2006-2017上海财拓电子科技育限必司说明：1.抬头显示信息，包含公司的logo、信息插件、收藏夹、搜索框等2. 子系统显示，点击进入相应业务界面（列表界面
2、），可左右滑动分屏显示 子系统可动态填入。3. 工作流界面，具体显示列名可根据后期业务需要显示，截图只是一个展示样式、列表界面二，习二彗20眼20 7丨毎打比计技有臥:.三-i相所有丽.91亦或莎I R-ILCGO.痢甘皤单sis机astrv IwstttKss *丄二働PP垃僦jO|祐时诂户aw扒日避Man飢n酬亠 久 tfiSM 樹IHS* _J I_F请上羊迫丘佝左1却石E!?F 比抵金上兰 ?4C=；舌除F淮王兰二:貳空 P?鮒舞二第僦宓跋fii唏痔上同二-曲儕齢 删闿隹单TP】F空 :焼芒 请上芒応7 询宫旧茫H理讦年立话匕竺 兮打u主十工“亡 比心1?宅 讦筛划芍 ntLiTl =
3、 忌祀坯匸君E 綽铀欢尸a:g?召回曲品苍直好.辟乓门P Q O y聽岂2诅却启十吃向雷底 空号甘电专号甘:兰 un/L 祐二这itH4.-抵主=心说明：1.对应表类别下表的树结构，至少支持二级树2. 表类别选择签，选择表类别相应的界面跟着变动3.搜索框4. 业务流程引导图，点击相应图标（map）进入具体的业务表单（实际的列表界面如,下图演示）5. 控制台，一个虚化的可以输入指令的地方莹蒔仁-琵兰主茫甘Wrfe&R曲二辛；*911 A1 71 on t 卓F;2農芒古匸：?Jkfc刊 E.U 1.! LxU u出冲日則:呼入阵日期:可和i追迟货岂、:后*毕未堤交TE伞站- 二砖 4-r- 护I
4、甘也-r- 传A泗解全部丁可用:宗T蓝找理 叱 销如叱询幅十H全也匸汙口區打駅0面：【.甩苛；1-10/6；-雀兰迅坨爭匡新堆 启廉存 X柞腔 丿提交 更密序号轲備号赣日朋退轍型发麵色t5flOl悄售退對换nmtiii富拄彌单号刖届飜俏售退燙单kSR1701L6aD0flD2420170116*加点芹无莖耳画半踣古-皿惟庁：1T艮巧号?SR1701110D00D01 20170111 正，专首花怛弄专胡琴中無总厉些总勻/曰苗住竽円退记岁-$R1702D90D0flD02201702097Tm,古甘比临吉1 .TT琴中笹总倉些定士/护待三民1厂艮時於芮外百鄭工菇4SR1702190D00D06和
5、；57.RmriOBKl.-T琴中無总厉些总勻/曰苗住竽円呈口毡层M.石05$R1709L10D0flD0220170911-常层芳ILY:眈95SRI 70924000000120170 9M，宁爭潮百汇ECi目超兰克亲則监兰百7R170925000000120170925二宰迅竝-宁与汙Z枠.店3?E鬥超三克审.退氏百9aSRI 70925000000320170B25，永州金水澄广场心店目超兰幷L豆手匹三百口 gSRI 702 270 DOO D5G20170227笛田怀花L?匹跖君卑泊m总:現贽FF战迟冯2tgS百IDEFU 70227000004920170227二常迟贤冬1上号已賽
6、丄1看播占束些m它音合汁0今寸.：採左富”字摒丁轉_r: 丁严:i旳舷7狂京孑外 怖诃田-与.g |罚忘T囲出卅血詁，匕业/韵任前-T厨了_ +, l十s心贬说明：1.输入查询条件区域，根据元数据配置自动动态加入（就是可能很多作为查询条件的字段）2. 该字段为外键可能是一对多或一对一，点击弹出单选或多选查询界面（后面介绍相关插件）3. 按钮，包含固定按钮 如:查找、配置、收藏、新增、保存、作废、提交、更多（其他如批量导出）4. 单据头信息列表，根据元数据中“表”“字段配置”动态显示5. 列表中为外键的字段，点击图标可以弹出单对象界面6. 查询条件中文描述，自动生成7.提示信息三、单对象界面LB
7、煤存X作便提交提交并打印 /打印匣刷新 更參也关闭丰茅扁壬Htl；UJ/_LUU4LL旦据=1羽ionoiofl I：七巧霎售年旨：Htl/UJ/LLUU4LL预髀羊裾夷型；正弟店仓*:：raPZra! Z.VIP;本单是関功；是、礼主左W：3-寒售性盾：Q戈恚购切专三：为恿国切芸优蛊主斷：扶零：顾扳本亏匚昔丄-由零售单批塑导A：2117201701 4生成是書诰到天嶠二吾昱否茸巾辽土成：S厦血二書言甲肖策蹈号（整单：整单篇晞外曲L古曲三（整单:两坊卡/卩牛日补右策昭三：批里您改鬲苗結笠丈却：零塞明护袞寻羊披烹明羽廿我惶員社書比副町幻贵昭扭行町级金主2C T行丿口苗Al苗出腑l-LfLu啟件沁
8、渐定序号条码奇品品容色号濒色颜色Si侶尺寸尺寸宕鯉零售卅成交价折扣零售金额臟金甑鶴金棘设赛1；116q40BB3515L01山呼曲如勣孕七U聲1二1549 UUZ75.D0|0.5C| 549.0C|S UU UUU 逓116r商品勺鱼 Slf1寸f“耘人后卫列股疗,睹密刷M明飪诵U刑怎旳羽匚自W：-总瓠虽:1詁门三应文全髓:：巧nn平均折扣:UM总结專錨：000提交状态*:冲红状态:未井红工作济狀蛊;工诈沆；汨志色健人:电健时间:2017J02/07 _6;=q储改人:粪珊遽改时闾:20170207 16 14：54提交人:提交时间:冲红人:冲红时间:可用:说明：1.固定按钮或定义按钮2.时
9、间插件（后面介绍）3. 单选查询按钮，点击弹出查询界面（后面介绍插件）4. 明细表 tab 标签5. 分页显示选择和查询，其中条件 自动选择明细中显示的字段6. 明细表现数据信息（同样支持外键弹出单对象）7. 新增输入框，红色加*号标识必填，输入的字段多少是动态的。 可以点击确定刷入明细，有可以默认 输入回车自动刷入；输入后立即保存的意思是 系统支持先刷入界面不和后台交互如果选择了此功能就在刷入 时立刻和后台交互保存数据（保存并调用一系列业务处理逻辑）四、元数据说明界面（二期） 五、权限配置界面（二期） 六、动作定义配置界面（二期） 七、插件演示说明a） 日期选择插件，两种：带时分秒，只有年月
10、日单据曰 MF； 20170713POSVIP:隹仓* 七月2017 *碎是舌打折：曰一二三四五六处易启优惠胎25 26 27 28 29 30 12 3 4 5 6 7 8备注：原冲红零售单:商场卡：9 10 11 12 13 14 151& 17 18 19 20 21 2223 24 5 2& 2T 8 2930 31 12 3 4 5促誚磔VIP生範站即兮玉确注成交金额；b） input 框输入模糊查询自动提示下拉选择零鱼单明细全选壬诈雷丘:8一月E4CTADH3BB1127ADH3CC1D97 ADH3CP1222ADH3CP1232 ADH3EY1172 ADH3EZ1107ADH
11、3EZ1225.导出刷支員售金额成交金额阜商品*:*C）单选下拉界面商场结算类型：成交张害单明细零售单主兮短期特卖 商场牙动SE-匕员消售比例全选八卜N 21行j页导対mn乌!i-o.口十衍 姑田示拄狀氓六卅+!；+示住冲箱 氓六仝烷;4甘仝弊d） 单选查询界面印11.刷斎車蚤田关闵曲-砂单K3的衆件孔留单：诫生单甲弓亠冲弓零哇单态聖-借迭爭-*.,uV门|仝面、.中用曰-耳电2J- /12JU店比昏VIP本单是否积分：i是訂1零售性质：直挾零：D是舌上脊到来福士:舌 整制略參吓:讨宝志虫单：V苛生M缶单就志：-i吉迭爭捉交JH总：-苗谜样- 可月是吉菽 珈消序预启单单号P06单E垂重单宾型塑
12、型单拥曰期世仓VF4fe褻竝垂基单促硝第晦2整单）鑒4 |k20 *行/页刷新1-D/0*土百汨:住译干：(TtEHEM JU1/11- JL.12Ub)7T-| 冋 用=是査找原霎醫甲明细e已退數里可退敷里空主甲品策臨打印)179扎巨弹出页面由插件自动生成悬浮框（非iframe）。查询条件由触发的外键所关联表中数据动态生成，所 以可能有很多个需要页面自动适配。单选查询所对应的输入框是可以编辑的，根据AK会触发模糊查询下拉框（b）e） 多选查询界面盛丁拦交崔衣并村E単打印 酗互茲-店亡性泵尚弄虽和冃细补济昭关樹苫住卑品补抢川行丿瓦点入导出H刷新3174154001J17+154004兰帕件Jr 7L卅供沪窝圻记帀；f 7
