dwz使用手册.docx

上传人:b****8 文档编号:30248106 上传时间:2023-08-13 格式:DOCX 页数:11 大小:248.29KB
下载 相关 举报
dwz使用手册.docx_第1页
第1页 / 共11页
dwz使用手册.docx_第2页
第2页 / 共11页
dwz使用手册.docx_第3页
第3页 / 共11页
dwz使用手册.docx_第4页
第4页 / 共11页
dwz使用手册.docx_第5页
第5页 / 共11页
点击查看更多>>
下载资源
资源描述

dwz使用手册.docx

《dwz使用手册.docx》由会员分享,可在线阅读,更多相关《dwz使用手册.docx(11页珍藏版)》请在冰豆网上搜索。

dwz使用手册.docx

dwz使用手册

 

DWZ使用手册

 

©版权所有,未经双方许可不得复制或允许第三方传阅

修订历史记录

项目名称

中文名

DWZ使用手册

英文名

dwz

文档维护记录

编写人

日期

版本号

变更内容

陈胤

2012-8-8

1.0

初稿

1.引言

1.1.编写目的

1.2.背景

2.功能说明

2.1.登录

2.1.1.登录

1 链接

Ø

2 操作

Ø在图2.1.1输入用户名、密码。

Ø如果输入正确,将打开图2.1.2所示的页面,进入管理后台。

3 注意事项

Ø用户名、密码必须由公司公用帐号分配。

 

图2.1.1

 

图2.1.2

2.2.日常工作

2.2.1.专题

2.2.1.1.查询

1 链接

Ø点击[专题]链接,进入“专题首页”页面(见下图)。

2 操作

Ø系统提供了流水号、分站(系统中所有的分站)、专题类别(全选、新增、覆盖)、专题类型(客户专题、车展、团购、活动、评测、实拍、车型推荐、访谈、周报、其他)、品牌、状态(全选、用户定义、系统定义、无效)、提交时间等查询条件供用户选择,用户可以根据需要自由组合查询条件,然后点击[查询]按钮,查询想要的数据。

Ø默认显示全部数据。

3 注意事项

Ø排序规则:

首先按照[提交时间]列从前到后排序,然后按照专题的状态排序。

2.3.功能扩展

2.3.1.调整错误提示信息

2.3.1.1.调整前

dwz提供的错误提示信息如下,标红部门用户很难看得懂,应该去掉比较好

2.3.1.2.调整后

打开dwz.core.js文件,将

改成:

效果图:

 

2.3.2.怎样关闭loading?

2.3.2.1.调整前

当我们打开页面,去数据库读取数据的时候,会出现下面的提示框。

给用户一种友好的体验效果。

但是,某些时候又不希望出现这样的提示框,例如新增记录时,一般要验证某个字段是否唯一。

如果每次验证都出现这个提示框,而服务器反应缓慢的时候,这个提示框停留时间又比较长,就有点痛苦了。

因为后面的内容无法录入,只有等待它验证完毕,提示框消失了才能继续录入。

要想做到既可以验证某个字段,又不影响后面的操作,只有关闭这个提示框了。

怎样关闭呢?

2.3.2.2.调整后

打开jquery.validate.js文件,找到remote函数。

改成:

即添加global:

false参数,关闭本ajax的提示框,但是又不影响其它ajax的提示。

2.3.3.怎样弹出(打开)页面的隐藏层?

例如某个隐藏div

2.3.3.1.原因

dwz提供了一系列弹出框的方法,但是这些方法都是加载另外一个页面的内容。

有时候希望在当前页面隐藏一个div,当点击的时候显示这个隐藏层,做了某些操作之后关闭它。

为了满足这类的需要,在dwz原来的基础上,新增了$.pdialog.openLayer()函数。

2.3.3.2.解决办法

打开dwz.core.js文件,找到remote函数,添加loadLayer函数

打开dwz.dialog.js文件,添加openLayer函数(下面是部分代码截取)

添加data:

null,用来传参数:

2.3.3.3.怎样使用?

在页面隐藏一个div

当点击下面的按钮的时候:

弹出层

调用openLayer函数(第一个参数就是隐藏的div的id;第二个参数是传递有关业务方面的数据,例如想把用户名传递到弹出层;第三个是弹出层的标题;第四个是一些弹出层参数,这些参数用来定制弹出层的属性,例如宽度、高度等等):

怎样关闭弹出层?

第一种,点击右上角的

第二种,调用关闭函数:

怎样获取弹出层的数据?

怎样传递某些业务方面的参数?

传参数:

PC._dwz.show=function(){

varoptions={width:

200,height:

100};

vardata={name:

"管理员",account:

"admin",taskId:

10};

$.pdialog.openLayer("${PREFIX}auditDiv",data,"审核信息",options);

}

//获取参数

vardata=$.pdialog.data;

varname=data.name;

varaccount=data.account;

vartaskId=data.taskId;

2.3.4.设置下拉列表框的样式

2.3.4.1.调整前

dwz的下拉列表框另外做了封装,使用

  • 组装option选项,导致它的样式不一致。

    2.3.4.2.调整后

    打开box.js文件,找到combox函数。

    改成:

    即添加标红部分的代码。

    效果如下:

    2.3.5.权限验证不通过,关闭弹出窗口

    2.3.5.1.打开dwz.core.js文件,找到ajaxError方法,源代码:

    调整后的代码:

     

    2.3.6.解决lookup方法传参数的问题

    2.3.6.1.问题

    在选择部门的时候,希望根据【网站】、【地区】查询相应的数据,怎样将网站、部门id传递到后台呢?

    原来的dwz比较简单,没有提供。

    现在扩展一下原来的方法,增加了params属性。

    2.3.6.2.解决

    打开dwz.database.js文件,找到lookup函数。

    改成:

    2.3.6.3.使用

    2.3.7.core.css文件添加text-align:

    right;

    1、调整前

    .pageFormContentlabel{float:

    left;width:

    120px;padding:

    05px;line-height:

    21px;}

    调整后

    .pageFormContentlabel{float:

    left;width:

    120px;padding:

    05px;line-height:

    21px;text-align:

    right;}

    2、调整前

    .searchBarlabel{float:

    left;width:

    80px;padding:

    05px;line-height:

    23px;}

    调整后

    .searchBarlabel{float:

    left;width:

    80px;padding:

    05px;line-height:

    23px;text-align:

    right;}

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 考试认证 > 交规考试

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1