Browse Source

企业版信息修改和工作台logo展示

luyanan 8 years ago
parent
commit
d48519d3f3

+ 1 - 1
cmp-portal/cmp-updateinfo.html

40
			            	<form class="cmpFrm">
40
			            	<form class="cmpFrm">
41
				            	<div class="leftlogo cmplogo floatL">
41
				            	<div class="leftlogo cmplogo floatL">
42
				            		 <div id="uploader">
42
				            		 <div id="uploader">
43
										<div id="fileList" class="uploader-list"><img class="headRadius" src="../images/default-icon.jpg" id="oimg" /></div>
43
										<div id="fileList" class="boxBlock uploader-list headRadius"><img class="boxBlockimg headRadius" src="../images/default-icon.jpg" id="oimg" /></div>
44
										<div id="filePicker" class="uploadInp">上传企业logo</div>
44
										<div id="filePicker" class="uploadInp">上传企业logo</div>
45
						 			</div>
45
						 			</div>
46
				            		<!--<p class="uploadlogo">上传企业logo
46
				            		<!--<p class="uploadlogo">上传企业logo

+ 2 - 2
cmp-portal/cmp-workspaces.html

34
			        <div class="workconleft floatL">
34
			        <div class="workconleft floatL">
35
			            <!--企业信息、相关记录-->
35
			            <!--企业信息、相关记录-->
36
			            <div class="workblock clearfix">
36
			            <div class="workblock clearfix">
37
			            	<div class="leftlogo cmplogo floatL">
38
			            		<img class="headRadius" src="images/default-icon.jpg" />
37
			            	<div class="leftlogo boxBlock cmplogo headRadius floatL">
38
			            		<img class="boxBlockimg headRadius" src="images/default-icon.jpg" />
39
			            	</div>
39
			            	</div>
40
							<div class="rightinfo cmpinfo floatL">
40
							<div class="rightinfo cmpinfo floatL">
41
			            		<div class="h1Font"><span>北京科袖科技有限公司</span><em class="authicon authicon-com-ok"></em></div>
41
			            		<div class="h1Font"><span>北京科袖科技有限公司</span><em class="authicon authicon-com-ok"></em></div>

+ 4 - 1
cmp-portal/css/cmpindex.css

17
.workblock{width:100%; padding:10px; overflow:hidden; background:#fff; margin:0;margin-bottom:16px;}
17
.workblock{width:100%; padding:10px; overflow:hidden; background:#fff; margin:0;margin-bottom:16px;}
18
.leftlogo{width:56px;overflow:hidden;text-align: center;}
18
.leftlogo{width:56px;overflow:hidden;text-align: center;}
19
.cmplogo{width: 140px;}
19
.cmplogo{width: 140px;}
20
.leftlogo img{width: 100%;}
21
.rightinfo{position:relative;width:77%;padding:0 10px;}
20
.rightinfo{position:relative;width:77%;padding:0 10px;}
22
.cmpinfo{padding:0 80px 0 20px;}
21
.cmpinfo{padding:0 80px 0 20px;}
23
.cmpBasic span:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
22
.cmpBasic span:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
160
/*修改企业信息*/
159
/*修改企业信息*/
161
.uploadlogo{position:relative;background: rgba(40,184,250,.8); color:#FFFFFF;padding:8px 0;}
160
.uploadlogo{position:relative;background: rgba(40,184,250,.8); color:#FFFFFF;padding:8px 0;}
162
input.uploadInp[type="file"]{position:absolute;height: 40px;width: 100%;top: 0;outline: none;opacity: 0;cursor: pointer;}
161
input.uploadInp[type="file"]{position:absolute;height: 40px;width: 100%;top: 0;outline: none;opacity: 0;cursor: pointer;}
162
.uploadInp .webuploader-pick{background: #28b8fa; height: 40px;width: 100%;line-height: 30px;margin: 0;}
163
.uploadInp .webuploader-element-invisible{height:40px}
164
.boxBlock.uploader-list{width: 140px; height:140px;background: #e8e8e8;;}
165
163
.cmpFrmList{padding:10px 0;}
166
.cmpFrmList{padding:10px 0;}
164
.cmpFrmList>li{position: relative;clear:both;margin:4px 0;padding:6px 0;}
167
.cmpFrmList>li{position: relative;clear:both;margin:4px 0;padding:6px 0;}
165
.cmpFrmList>li:before,.cmpFrmList>li:after{display:table;content:" "}
168
.cmpFrmList>li:before,.cmpFrmList>li:after{display:table;content:" "}

+ 5 - 1
cmp-portal/css/common.css

548
.to-bottom {display: inline-block;overflow: hidden;width: 0px;height: 0px;border: 6px solid #ccc;border-color: #ccc #fff; border-width: 6px 6px 0 6px;position: absolute;right: 0;top: 40%;}
548
.to-bottom {display: inline-block;overflow: hidden;width: 0px;height: 0px;border: 6px solid #ccc;border-color: #ccc #fff; border-width: 6px 6px 0 6px;position: absolute;right: 0;top: 40%;}
549
/*/////////////////////表单样式/////////////////////// */
549
/*/////////////////////表单样式/////////////////////// */
550
.frmtype{border:1px #b5b5b5 solid;font-size:14px;outline: none; padding:6px 20px 6px 10px;border-radius: 6px;}
550
.frmtype{border:1px #b5b5b5 solid;font-size:14px;outline: none; padding:6px 20px 6px 10px;border-radius: 6px;}
551
.frmtype:focus{box-shadow: none;outline:none}
551
.frmtype:focus{box-shadow: none;outline:none;border-color:#28b8fa;}
552
.frmtypeW{width:98%;margin: auto;}
552
.frmtypeW{width:98%;margin: auto;}
553
textarea.frmtype{height:100px;}
553
textarea.frmtype{height:100px;}
554
/*小按钮*/
554
/*小按钮*/
591
.modelClosebtn{position:absolute; top:0; right:-50px; display:block; width:20px; height:20px; background:url(../../images/workclose.png) center center no-repeat; padding:20px;cursor:pointer; z-index:1055;}  
591
.modelClosebtn{position:absolute; top:0; right:-50px; display:block; width:20px; height:20px; background:url(../../images/workclose.png) center center no-repeat; padding:20px;cursor:pointer; z-index:1055;}  
592
.modelOpen{overflow: hidden;}
592
.modelOpen{overflow: hidden;}
593

593

594
/*图片在容器中无变形居中显示*/
595
.boxBlock{width:200px; height:200px;display: table-cell;vertical-align:middle; text-align:center;overflow: hidden;}
596
.boxBlockimg{max-width: 100%;max-height: 100%;vertical-align:middle;height:auto !important; overflow-y:auto;}
597

594
/*认证标识相关*/
598
/*认证标识相关*/
595
.authicon{display: inline-block;margin-left:4px;background-position: center;background-repeat: no-repeat;}
599
.authicon{display: inline-block;margin-left:4px;background-position: center;background-repeat: no-repeat;}
596
.authicon-pro{width:16px;height:16px;background-image:url(../images/porfile_icon_zhuanjia_nor.png);background-size: cover;}/*科袖认证专家*/
600
.authicon-pro{width:16px;height:16px;background-image:url(../images/porfile_icon_zhuanjia_nor.png);background-size: cover;}/*科袖认证专家*/

+ 3 - 6
cmp-portal/js/cmp-updateinfo.js

12
			beforeSend: function() {},
12
			beforeSend: function() {},
13
			success: function(data, textState) {
13
			success: function(data, textState) {
14
				if(data.success) {
14
				if(data.success) {
15
					//console.log(data);
16
					var $data = data.data;
15
					var $data = data.data;
17
					$(".h1Font").text($data.name);
16
					$(".h1Font").text($data.name);
18
					if($data.hasOrgLogo) {
17
					if($data.hasOrgLogo) {
105
				}
104
				}
106
			},
105
			},
107
			error: function(XMLHttpRequest, textStats, errorThrown) {
106
			error: function(XMLHttpRequest, textStats, errorThrown) {
108
				console.log(XMLHttpRequest)
107
				$.MsgBox.Alert('提示', '服务器请求失败')
109
			}
108
			}
110
		})
109
		})
111
	}
110
	}
152
			}, 1);
151
			}, 1);
153
		}
152
		}
154
	});
153
	});
155
	/*应用行业及领域及企业质*/
154
	/*应用行业及领域及企业质*/
156
	function indu(oString, oSelector) {
155
	function indu(oString, oSelector) {
157
		var arr = oString.split(",");
156
		var arr = oString.split(",");
158
		var oArr = new Array();
157
		var oArr = new Array();
311
					}
310
					}
312
				},
311
				},
313
				error: function(XMLHttpRequest, textStats, errorThrown) {
312
				error: function(XMLHttpRequest, textStats, errorThrown) {
314
					console.log(XMLHttpRequest)
313
					$.MsgBox.Alert('提示', '服务器请求失败')
315
				}
314
				}
316
			})
315
			})
317
		})
316
		})
356
		var $list = $('#fileList');
355
		var $list = $('#fileList');
357
		//判断上传文件格式
356
		//判断上传文件格式
358
		var fileNameAll = file.name;
357
		var fileNameAll = file.name;
359
		console.log(fileNameAll)
360
		var AllImgExt = ".jpg|.jpeg|.png|";
358
		var AllImgExt = ".jpg|.jpeg|.png|";
361
		var extName = fileNameAll.substring(fileNameAll.lastIndexOf(".")).toLowerCase(); //(把路径中的所有字母全部转换为小写)
359
		var extName = fileNameAll.substring(fileNameAll.lastIndexOf(".")).toLowerCase(); //(把路径中的所有字母全部转换为小写)
362
		console.log(extName)
363
		if(AllImgExt.indexOf(extName + "|") == -1) {
360
		if(AllImgExt.indexOf(extName + "|") == -1) {
364
			var ErrMsg = "该文件类型不允许上传。请上传 " + AllImgExt + " 类型的文件,当前文件类型为" + extName;
361
			var ErrMsg = "该文件类型不允许上传。请上传 " + AllImgExt + " 类型的文件,当前文件类型为" + extName;
365
			$.MsgBox.Alert('提示', ErrMsg);
362
			$.MsgBox.Alert('提示', ErrMsg);

+ 4 - 4
cmp-portal/js/public/jquery.similar.msgbox.js

31
    var fontfamily='PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif';
31
    var fontfamily='PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif';
32
    var GenerateCss = function () {
32
    var GenerateCss = function () {
33
        $("#mb_box").css({ width: '100%', height: '100%', zIndex: '99999', position: 'fixed',
33
        $("#mb_box").css({ width: '100%', height: '100%', zIndex: '99999', position: 'fixed',
34
            filter: 'Alpha(opacity=60)', backgroundColor: 'black', top: '0', left: '0', opacity: '0.4'
34
            filter: 'Alpha(opacity=60)', backgroundColor: 'black', top: '0', left: '0', opacity: '0.5'
35
        });
35
        });
36
        $("#mb_con").css({ zIndex: '999999', width: '400px', position: 'fixed',
36
        $("#mb_con").css({ zIndex: '999999', width: '400px', position: 'fixed',
37
            backgroundColor: 'White', borderRadius: '6px',overflow:'hidden',boxShadow:'1px 1px 20px 1px #888'
37
            backgroundColor: 'White', borderRadius: '6px',overflow:'hidden',boxShadow:'1px 1px 20px 4px #666'
38
        });
38
        });
39
        $("#mb_tit").css({ display: 'block', fontSize: '18px', color: '#fff', 
39
        $("#mb_tit").css({ display: 'block', fontSize: '18px', color: '#fff', 
40
            backgroundColor: '#28b8fa',lineHeight:'60px',textAlign: 'center',
40
            backgroundColor: '#28b8fa',lineHeight:'60px',textAlign: 'center',
41
            fontFamily: fontfamily
41
            fontFamily: fontfamily
42
        });
42
        });
43
        $("#mb_msg").css({position:'relative', padding: '20px', lineHeight: '24px',
43
        $("#mb_msg").css({position:'relative', padding: '30px 20px 20px', lineHeight: '24px',
44
            textAlign:'center', fontSize: '16px',overflow:'hidden',fontFamily: fontfamily
44
            textAlign:'center', fontSize: '16px',overflow:'hidden',fontFamily: fontfamily
45
        });
45
        });
46
        $("#mb_msgicon").css({display:'inline-block',width:'40px',height: '40px',marginRight: '6px',
46
        $("#mb_msgicon").css({display:'inline-block',width:'40px',height: '40px',marginRight: '6px',
47
    		background: 'url(images/sign_icon_gantan_nor.png)', backgroundSize: 'contain',overflow:'hidden'
47
    		background: 'url(images/sign_icon_gantan_nor.png)', backgroundSize: 'contain',overflow:'hidden'
48
        });
48
        });
49
         $("#mb_msgcontent").css({margin:'20px 10px 10px'});
49
         $("#mb_msgcontent").css({margin:'10px'});
50
        
50
        
51
        $("#mb_ico").css({ display: 'block', position: 'absolute', right: '20px', top: '18px',
51
        $("#mb_ico").css({ display: 'block', position: 'absolute', right: '20px', top: '18px',
52
        	background:'url(images/sign_icon_guanbi_nor.png) center center no-repeat', width: '20px', height: '20px',cursor: 'pointer'
52
        	background:'url(images/sign_icon_guanbi_nor.png) center center no-repeat', width: '20px', height: '20px',cursor: 'pointer'