Merge branch 'dev_aliyun' into develop

app/controllers/application_controller.rb

@@ -187,15 +187,32 @@ class ApplicationController < ActionController::Base
 
 	# 系统全局认证
 	def check_auth
-		if current_user.certification != 1 && current_user.apply_actions.exists?(container_type: 'TrialAuthorization', status: 0)
+		day_cer = UserDayCertification.find_by(user_id: current_user.id)
-			tip_exception(408, "您的试用申请正在审核中，请耐心等待")
+		# 如果注册超过24小时则需要完善资料及授权
-		elsif current_user.certification != 1
+		if (Time.now.to_i - day_cer.try(:created_at).to_i) > 86400
-			day_cer = UserDayCertification.find_by(user_id: current_user.id)
+			if !current_user.profile_completed?
-			tip_exception(407, "系统未授权") unless (Time.now.to_i - day_cer.try(:created_at).to_i) < 86400
+				info_url = '/account/profile'
-		elsif !current_user.profile_completed?
+				tip_exception(402, info_url)
-			info_url = '/account/profile'
+			elsif current_user.certification != 1
-			tip_exception(402, info_url)
+				if current_user.apply_actions.exists?(container_type: 'TrialAuthorization', status: 0)
+					tip_exception(408, "您的试用申请正在审核中，请耐心等待")
+				end
+				tip_exception(407, "系统未授权")
+			end
 		end
+
+
+		# if current_user.certification != 1 && current_user.apply_actions.exists?(container_type: 'TrialAuthorization', status: 0)
+		# 	tip_exception(408, "您的试用申请正在审核中，请耐心等待")
+		# elsif (Time.now.to_i - day_cer.try(:created_at).to_i) < 86400
+		# 	if !current_user.profile_completed?
+		# 		info_url = '/account/profile'
+		# 		tip_exception(402, info_url)
+		# 	elsif current_user.certification != 1
+		# 		day_cer = UserDayCertification.find_by(user_id: current_user.id)
+		# 		tip_exception(407, "系统未授权") unless (Time.now.to_i - day_cer.try(:created_at).to_i) < 86400
+		# 	end
+		# end
 	end
 
 	def start_user_session(user)

public/react/src/App.js

@@ -13,10 +13,11 @@ import '@icedesign/base/dist/ICEDesignBase.css';
 
 import '@icedesign/base/index.scss';
 
-import LoginDialog from './modules/login/LoginDialog'
+import LoginDialog from './modules/login/LoginDialog';
-import Notcompletedysl from './modules/user/Notcompletedysl'
+import Notcompletedysl from './modules/user/Notcompletedysl';
-import Trialapplicationysl from './modules/login/Trialapplicationysl'
+import Trialapplicationysl from './modules/login/Trialapplicationysl';
-import Trialapplicationreview from './modules/user/Trialapplicationreview'
+import Trialapplicationreview from './modules/user/Trialapplicationreview';
+import Addcourses from "./modules/courses/coursesPublic/Addcourses";
 import Trialapplication from './modules/login/Trialapplication'
 
 import NotFoundPage from './NotFoundPage'
@@ -41,6 +42,7 @@ import {initAxiosInterceptors} from './AppConfig'
 // ！！！tpi需要这个来加载css
 import {TPMIndexHOC} from './modules/tpm/TPMIndexHOC';
 
+
 const theme = createMuiTheme({
 	palette: {
 		primary: {
@@ -259,7 +261,7 @@ class App extends Component {
 
 
 	render() {
-	 // let {isRenders} = this.state;
+
 
 		return (
 			<LocaleProvider locale={zhCN}>
@@ -270,6 +272,7 @@ class App extends Component {
 					<Notcompletedysl {...this.props} {...this.state}></Notcompletedysl>
 					<Trialapplicationysl  {...this.props} {...this.state}></Trialapplicationysl>
 					<Trialapplicationreview  {...this.props} {...this.state}></Trialapplicationreview>
+				  <Addcourses {...this.props} {...this.state}/>
 					{/*{*/}
 					{/*	isRender === true?*/}
 					{/*		<LoginDialog></LoginDialog> : ""*/}

public/react/src/AppConfig.js

@@ -19,7 +19,7 @@ function locationurl(list){
 
 // TODO 开发期多个身份切换
 const debugType =window.location.search.indexOf('debug=t') != -1 ? 'teacher' :
-        window.location.search.indexOf('debug=s') != -1 ? 'student' : 'admin'
+        window.location.search.indexOf('debug=s') != -1 ? 'mfp2guqj3' : 'admin'
 window._debugType = debugType;
 export function initAxiosInterceptors(props) {
 

public/react/src/modules/courses/coursesPublic/Addcourses.js

@@ -28,6 +28,20 @@ class Addcourses extends Component{
   }
 
   componentDidMount() {
+		axios.interceptors.response.use((response) => {
+			if (response != undefined)
+				if (response && response.data.status === 409) {
+					this.setState({
+						Addcoursestypes: true
+					})
+
+				}
+			return response;
+		}, (error) => {
+			//TODO 这里如果样式变了会出现css不加载的情况
+
+		});
+
 
     let {Addcoursestype}=this.props;
     this.setState({
@@ -75,6 +89,7 @@ class Addcourses extends Component{
       })
     }else{
       this.setState({
+        professor:null,
         assistant_professor:null,
         Checkboxteacherchecked:e.target.checked,
         Checkboxteachingtype:false
@@ -102,7 +117,7 @@ class Addcourses extends Component{
 
 
   hidetojoinclass=()=>{
-    this.props.hideAddcoursestype();
+		let {Addcoursestype}=this.props;
     // console.log(this.props)
     this.setState({
       invite_code:undefined,
@@ -114,13 +129,19 @@ class Addcourses extends Component{
       Checkboxteachingtype:false,
       professor:null,
       assistant_professor:null,
-      student:null
+      student:null,
+			Addcoursestypes:false
     })
 
+		if(Addcoursestype===true){
+			this.props.hideAddcoursestype();
+		}
+
   }
 
   submitasyn=(course_id)=>{
-  	let{professor}=this.state;
+  	let{professor,Addcoursestype}=this.state;
+
   	if(professor===1){
 			this.setState({
 				loadtype:true,
@@ -129,13 +150,17 @@ class Addcourses extends Component{
 				modalSave:(course_id)=>this.submitasyns(course_id),
 				Addcoursestype:false
 			})
-			this.props.hideAddcoursestype();
+			if(Addcoursestype===true){
+				this.props.hideAddcoursestype();
+			}
 		}else{
 			// let{course_id}=this.state;
 			this.setState({
 				Addcoursestype:false
 			})
-			this.props.hideAddcoursestype();
+			if(Addcoursestype===true){
+				this.props.hideAddcoursestype();
+			}
 			window.location.href ="/courses/"+course_id+"/students";
 		}
 
@@ -145,6 +170,7 @@ class Addcourses extends Component{
 	}
 
   submittojoinclass=()=>{
+  	let{Addcoursestype}=this.state;
   	this.setState({
 			isSpin:true
 		})
@@ -191,7 +217,9 @@ class Addcourses extends Component{
 					message:"提示",
 					description:response.data.message
 				});
-				this.props.hideAddcoursestype();
+				if(Addcoursestype===true){
+					this.props.hideAddcoursestype();
+				}
 
 				// this.props.showNotification(response.data.message);
 
@@ -204,7 +232,9 @@ class Addcourses extends Component{
 				this.setState({
 					Addcoursestype:false
 				})
-        this.props.hideAddcoursestype();
+				if(Addcoursestype===true){
+					this.props.hideAddcoursestype();
+				}
 
 
         // this.setState({
@@ -285,7 +315,8 @@ class Addcourses extends Component{
         loadtype,
         modalsType,
         modalsTopval,
-        modalSave
+        modalSave,
+			  Addcoursestypes
     }=this.state;
 		const antIcon = <Icon type="loading" style={{ fontSize: 24 }} spin />;
     return(
@@ -301,7 +332,7 @@ class Addcourses extends Component{
             keyboard={false}
             className={"HomeworkModal"}
             title="加入课堂"
-            visible={Addcoursestype}
+            visible={Addcoursestype===undefined||Addcoursestype===false?Addcoursestypes:Addcoursestype}
             closable={false}
             footer={null}
             destroyOnClose={true}
@@ -314,7 +345,7 @@ class Addcourses extends Component{
                     <label className="panel-form-label fl">课堂邀请码：</label>
                     <Input type="text" className="input-60-40 fl mt5" name="invite_code"
                            placeholder="请输入5位课堂邀请码或6位分班邀请码"
-                           style={{ height: '30px'}}
+                           style={{width:'275px'}}
                            value={invite_code} onInput={this.inputjoinclassvalue}/>
                   </li>
 

public/react/src/modules/courses/coursesPublic/PathModal.js

@@ -91,7 +91,7 @@ class PathModal extends Component{
     this.setState({
       type:types,
       page:1,
-			newshixunmodallist:undefined
+			newshixunmodallist:[]
     })
     this.funshixunpathlist(Searchvalue,types,true,1)
   }
@@ -103,10 +103,11 @@ class PathModal extends Component{
     })
   }
   SenttotheSearch=(value)=>{
+		this.setState({
+			page:1,
+			newshixunmodallist:[]
+		})
     let{type}=this.state;
-    this.setState({
-      page:1,
-    })
     this.funshixunpathlist(value,type,true,1)
   }
 
@@ -269,7 +270,7 @@ class PathModal extends Component{
                 `}
               </style>
 
-              <div className="over210 pl20 pr20"
+							{ newshixunmodallist&&newshixunmodallist.length===0?"":<div className="over210 pl20 pr20"
                    onScroll={this.contentViewScrolledit}
                    style={{"Height":"204px"}}>
                   <Checkbox.Group style={{ width: '100%' }}  onChange={this.shixunhomeworkedit}>
@@ -298,7 +299,7 @@ class PathModal extends Component{
                       })
                     }
                   </Checkbox.Group>
-              </div>
+              </div>}
               { this.state.patheditarrytype===true?<span className={"color-red"}>{this.state.patheditarryvalue}</span>:""}
               <div className="mt20 marginauto clearfix edu-txt-center">
                 <a className="pop_close task-btn mr30 margin-tp26" onClick={this.hidecouseShixunModal}>取消</a>

public/react/src/modules/courses/new/CoursesNew.js

@@ -290,11 +290,13 @@ class CoursesNew extends Component {
             search:value
         }).then((result)=>{
             // console.log(result.data)
-            this.setState({
+					if (result.data.message===undefined) {
-                searchlist:result.data.course_lists,
+						this.setState({
-                // course:value,
+							searchlist: result.data.course_lists,
-                fetching:false
+							// course:value,
-            })
+							fetching: false
+						})
+					}
             // this.props.form.setFieldsValue({
             //     course:value
             // })
@@ -343,13 +345,15 @@ class CoursesNew extends Component {
                 search: value
             }
         }).then((result)=>{
-            this.setState({
+					if (result.data.message===undefined) {
-                searchlistscholl:result.data.school_names,
+						this.setState({
-                scholl:value
+							searchlistscholl: result.data.school_names,
-            })
+							scholl: value
-            this.props.form.setFieldsValue({
+						})
-                scholl:value
+						this.props.form.setFieldsValue({
-            })
+							scholl: value
+						})
+					}
         }).catch((error)=>{
             console.log(error)
         })

public/react/src/modules/courses/shixunHomework/shixunHomework.js

@@ -1137,7 +1137,7 @@ class ShixunHomework extends Component{
         `}</style>
         {/*onChange={this.onCheckBoxChange} value={checkBoxValues}*/}
         {datas===undefined?"": <Checkbox.Group style={{ width: '100%' }} onChange={this.onCheckBoxChange} value={this.state.checkBoxValues}>
-          { datas.homeworks.map((item, index) => {
+          { datas.homeworks && datas.homeworks.map((item, index) => {
             // console.log("ShixunhomeWorkItem")
             // console.log("++++++++++++++++++++++++++++++++++++++++++")
             // console.log(JSON.stringify(this.props))

public/react/src/modules/login/LoginDialog.js

@@ -392,11 +392,12 @@ class LoginDialog extends Component {
         }
 
     	return (
-            <Dialog open={true} id="DialogID"
+			<Dialog open={true} id="DialogID"
               style={{ display: isRender==false? 'none' : ''}}
 							disableEscapeKeyDown={true}
               onClose={() => this.handleDialogClose()}
             >
+				{isRender===true?
             <div className={dialogBox}>
                   <div id="closeIcon" onClick={()=>{this.handleDialogClose()}}>
                       <i className="iconfont icon-shanchudiao"></i>
@@ -489,7 +490,7 @@ class LoginDialog extends Component {
 
                   </div>
                 </div>
-
+					:""}
             </Dialog>
 
     	);

public/react/src/modules/paths/PathDetail/DetailCardsEditAndAdd.js

@@ -59,7 +59,8 @@ class DetailCardsEditAndAdd extends Component{
   AddShixunBox = () =>{
     this.setState({
       selectShixun:true,
-      patheditarry:[]
+      patheditarry:[],
+			page:1
     })
     this.changeTag(0,"");
   }
@@ -68,6 +69,7 @@ class DetailCardsEditAndAdd extends Component{
   cloasShixunBox =()=>{
     this.setState({
       selectShixun:false,
+			page:1,
       patheditarry:[]
     })
   }
@@ -103,7 +105,8 @@ class DetailCardsEditAndAdd extends Component{
         shixuns_listedit:newshixuns_listedit,
         shixuns_listeditlist:list,
         patheditarry:[],
-        selectShixun:false
+        selectShixun:false,
+				page:1,
       })
     }).catch((error) => {
       console.log(error)
@@ -139,18 +142,23 @@ class DetailCardsEditAndAdd extends Component{
 
   //打开选择实训弹框初始化tag标签和列表
   changeTag=(id,search)=>{
-    this.setState({
+
-      hometypepvisible:true
+		this.setState({
-    })
+			ChooseShixunListshixun_list:[],
-    let pathId=this.props.pathid;
+			page:1,
-    let {page}=this.state;
+			hometypepvisible:true,
-    let url='/paths/'+pathId+'/choose_subject_shixun.json?page='+page
+		})
+
+		let pathId=this.props.pathid;
+
+		let url='/paths/'+pathId+'/choose_subject_shixun.json?page='+1
     if(search!="" && search!=undefined){
       url+="&search="+search;
     }
     if(id!=0){
       url+="&type="+id;
     }
+
     axios.get(url).then((result)=>{
       if(result.status===200){
         this.setState({
@@ -287,43 +295,45 @@ class DetailCardsEditAndAdd extends Component{
 
 
   contentViewScrolladd=(e)=>{
-
     //滑动到底判断
     if(e.currentTarget.scrollHeight-e.currentTarget.scrollTop===e.currentTarget.clientHeight){
       // console.log("到达底部");
-      this.setState({
+		debugger
-        hometypepvisible:true
+				this.setState({
-      })
+					hometypepvisible:true
-      let pathId=this.props.pathid;
+				})
-      let {search,page,type,ChooseShixunListshixun_list}=this.state;
+				let pathId=this.props.pathid;
-      let newpage=page+1;
+				let {search,page,type,ChooseShixunListshixun_list}=this.state;
-      let newChooseShixunListshixun_list=ChooseShixunListshixun_list;
+				let newpage=page+1;
-      let url='/paths/'+pathId+'/choose_subject_shixun.json?page='+newpage
+				let newChooseShixunListshixun_list=ChooseShixunListshixun_list;
-      if(search!="" && search!=undefined){
+				let url='/paths/'+pathId+'/choose_subject_shixun.json?page='+newpage
-        url+="&search="+search;
+				if(search!="" && search!=undefined){
-      }
+					url+="&search="+search;
-      if(type!=0){
+				}
-        url+="&type="+type;
+				if(type!=0){
-      }
+					url+="&type="+type;
-      axios.get(url).then((result)=>{
+				}
-        if(result.status===200){
+				axios.get(url).then((result)=>{
-          let list =result.data.shixun_list;
+					if(result.status===200){
-
+						let list =result.data.shixun_list;
-          for(var i=0; i<list.length; i++){
+
-            newChooseShixunListshixun_list.push(list[i])
+						for(var i=0; i<list.length; i++){
-          }
+							newChooseShixunListshixun_list.push(list[i])
-          this.setState({
+						}
-            ChooseShixunList:result.data,
+						this.setState({
-            hometypepvisible:false,
+							ChooseShixunList:result.data,
-            type:type,
+							hometypepvisible:false,
-            search:search,
+							type:type,
-            page:newpage,
+							search:search,
-            ChooseShixunListshixun_list:newChooseShixunListshixun_list
+							page:newpage,
-          })
+							ChooseShixunListshixun_list:newChooseShixunListshixun_list
-        }
+						})
-      }).catch((error)=>{
+					}
-        console.log(error);
+				}).catch((error)=>{
-      })
+					console.log(error);
+				})
+
+
     }
 
   }
@@ -481,7 +491,7 @@ class DetailCardsEditAndAdd extends Component{
                       `
 		                  }
 	                  </style>
-                    <div className="over180 pl20 pr20"
+										{ChooseShixunListshixun_list && ChooseShixunListshixun_list.length===0?"": <div className="over180 pl20 pr20"
                          onScroll={this.contentViewScrolladd}
                       >
                       <Checkbox.Group style={{ width: '100%' }}   onChange={this.shixunhomeworkedit}>
@@ -508,7 +518,7 @@ class DetailCardsEditAndAdd extends Component{
                           })
                         }
                       </Checkbox.Group>
-                    </div>
+                    </div>}
                     <div className="mt20 marginauto clearfix edu-txt-center">
                       <a className="pop_close task-btn mr30 margin-tp26" onClick={this.cloasShixunBox}>取消</a>
                       <a className="task-btn task-btn-orange margin-tp26" id="submit_send_shixun"  onClick={this.clickShixunchoose}>确定</a>

public/react/src/modules/paths/PathDetail/PathDetailIndex.js

@@ -139,7 +139,9 @@ class PathDetailIndex extends Component{
     let pathid=this.props.match.params.pathId;
     let url="/paths/"+pathid+".json";
     axios.get(url).then((result)=>{
-
+        if (result.data.status == 407) {
+          return;
+        }
         if(result.data.allow_visit===true){
           this.setState({
             detailInfoList:result.data,
@@ -162,6 +164,9 @@ class PathDetailIndex extends Component{
     let pathid=this.props.match.params.pathId;
     let url="/paths/"+pathid+".json";
     axios.get(url).then((result)=>{
+      if (result.data.status == 407) {
+        return;
+      }
       if(result.data.allow_visit===true){
         this.setState({
           detailInfoList:result.data,

public/react/src/modules/tpm/NewHeader.js

@@ -534,12 +534,12 @@ submittojoinclass=(value)=>{
 
       <div className="newHeader" id="nHeader"  >
 
-              {/*<LoginDialog*/}
+				{isRender===true?<LoginDialog
-                  {/*{...this.state}*/}
+                  {...this.state}
-                  {/*{...this.props}*/}
+                  {...this.props}
-              {/*/>*/}
+              />:""}
 
-        <div className="educontent clearfix">
+				<div className="educontent clearfix">
           {/*<%= link_to image_tag("/images/educoder/logo.png", alt:"高校智能化教学与实训平台", className:"logoimg"), home_path %>*/}
           <a href="/">
             <img alt="高校智能化教学与实训平台" className="logoimg" src={getImageUrl("images/educoder/headNavLogo.png?1526520218")}></img>
@@ -737,14 +737,14 @@ submittojoinclass=(value)=>{
                         <ul>
                           <li className="clearfix mb10">
                             <label className="panel-form-label fl">项目邀请码：</label>
-                            <Input type="text" className="input-60-40 fl" name="invite_code"
+                            <Input type="text" className="input-60-40 fl mt5" name="invite_code"
 																	 style={{width: '275px'}}
-                                   placeholder="请输入5位课堂邀请码或6位分班邀请码" value={tojoinclasstitle} onInput={this.inputjoinclassvalue}/>
+                                   placeholder="请输入5位项目邀请码或6位分班邀请码" value={tojoinclasstitle} onInput={this.inputjoinclassvalue}/>
                           </li>
 
                           <p id="none_invite_code_notice"
                              className="color-orange none f12"
-                             style={{marginLeft: '90px',display:code_notice===true?'block':"none"}}>请输入5位课堂邀请码或6位分班邀请码</p>
+                             style={{marginLeft: '90px',display:code_notice===true?'block':"none"}}>请输入5位项目邀请码或6位分班邀请码</p>
 
                           <li className="clearfix ">
 

public/react/src/modules/tpm/TPMIndexHOC.js

@@ -302,11 +302,12 @@ export function TPMIndexHOC(WrappedComponent) {
 		    	<div>
 
             <SiderBar Headertop={Headertop}/>
+            {/* 注释掉了1440 影响到了手机屏幕的展示 */}
 						<style>{
 							`
 							.newContainers{
 								width: 100%;
-								min-width: 1440px;
+								/*min-width: 1440px;*/
 							  max-width: unset;
 							}
 							// .-task-sidebar{

public/react/src/modules/tpm/TPMsettings/TPMsettings.js

@@ -392,10 +392,12 @@ export default class TPMsettings extends Component {
     let departmentsUrl = `/shixuns/departments.json`;
     axios.get(departmentsUrl).then((response) => {
       if (response.status === 200) {
-        this.setState({
+				if (response.data.message === undefined) {
-          departmentslist: response.data.shools_name
+					this.setState({
-        });
+						departmentslist: response.data.shools_name
-      }
+					});
+				}
+			}
     }).catch((error) => {
       console.log(error)
     });

public/react/src/modules/tpm/newshixuns/Newshixuns.js

@@ -251,9 +251,11 @@ class Newshixuns extends Component {
         let departmentsUrl = `/shixuns/departments.json`;
         axios.get(departmentsUrl).then((response) => {
             if (response.status === 200) {
-                this.setState({
+							if (response.data.message===undefined) {
-                    departmentslist: response.data.shools_name
+								this.setState({
-                });
+									departmentslist: response.data.shools_name
+								});
+							}
             }
         }).catch((error) => {
             console.log(error)
@@ -496,7 +498,9 @@ class Newshixuns extends Component {
         function fake() {
             let departmentsUrl = `/shixuns/departments.json?q=` + currentValue;
             axios.get(departmentsUrl).then((response) => {
-                callback(response.data.shools_name);
+							if (response.data.message===undefined) {
+								callback(response.data.shools_name);
+							}
             }).catch((error) => {
                 console.log(error)
             });

public/react/src/modules/user/InterestpageMax.js

@@ -273,7 +273,7 @@ class InterestpageMax extends Component {
 						{gouxuans4&&gouxuans4.map((item,key)=>{
 							return(
 								<div className={item.id<5?"ysldivhomediv12":"ysldivhomediv22"} onClick={()=>this.Clickteacher2(item.id)}>
-									{item.bool===true?<img src={gouxuan} className="yslgouxuanimg2"/>:<div className="yslgouxuanimg22"></div>}
+									{item.bool===true?<img src={gouxuan} className="yslgouxuanimg22x"/>:<div className="yslgouxuanimg22x"></div>}
 									<img className="div1img2" src={item.url}/>
 									<span className="textall2">{item.name}</span>
 								</div>

public/react/src/modules/user/account/AccountBasicEdit.js

@@ -37,7 +37,7 @@ class AccountBasic extends Component {
   }
 
   componentDidUpdate =(prevProps)=>{
-    if(this.props.basicInfo && prevProps.basicInfo == undefined){
+    if(this.props.basicInfo && (prevProps.basicInfo == undefined || prevProps.basicInfo.id != this.props.basicInfo.id)){
       this.setValue(this.props.basicInfo);
       this.getSchoolList(this.props.basicInfo);
     }
@@ -201,9 +201,9 @@ class AccountBasic extends Component {
       this.props.form.setFieldsValue({
         org2:e
       })
-      let arr = this.state.departments.filter(function(item){
+      let arr = this.state.departments && this.state.departments.filter ? this.state.departments.filter(function(item){
         return item.name.indexOf(e) > -1
-      })
+      }) : []
       this.setState({
         filterDepartments:arr,
         departmentsName:e
@@ -213,9 +213,9 @@ class AccountBasic extends Component {
 
   // 选择部门、学院
   changeDepartment=(e)=>{
-    let arr=this.state.departments.filter(function(item){
+    let arr=  this.state.departments && this.state.departments.filter ? this.state.departments.filter(function(item){
       return item.name == e;
-    });
+    }) : [];
     this.setState({
       departmentsName:e,
       department_id:arr[0].id

public/react/src/modules/user/commontwo.css

@@ -168,14 +168,21 @@
     margin-left: 26px;
 
 }
-.yslgouxuanimg22{
+.div1img2xx{
+    width: 20px;
+    margin-left: 26px;
+
+}
+.yslgouxuanimg22x{
     width: 20px;
     height: 20px;
     margin-left: 75px;
 
 }
-.yslgouxuanimg2{
+.yslgouxuanimg2x{
     height: 20px;
+    width: 20px;
+    margin-left: 75px;
 }
 
 .yslbutondls{