代码缩进

src/components/enterprise_title.vue

@@ -43,45 +43,42 @@
 				],
 			}
 		},
-		watch:{
-  		"$route":function(){
-	  		this.goFuc();
-	  	}
-  	},
-		mounted(){
-			  this.goFuc();
-		},
-		methods:{
-			goFuc(){
-				if(this.$route.path=="/enterprise"){
-         	this.number=0;
-         	console.log(this.number)
+	  watch:{
+  	  "$route":function(){
+	  	  this.goFuc();
+	    }
+    },
+	  mounted(){
+		  this.goFuc();
+	  },
+	  methods:{
+		  goFuc(){
+			  if(this.$route.path=="/enterprise"){
+          this.number=0;
         }
         else if(this.$route.path=="/enterprise/legalinfor"){
-       		this.number=1;
-       		console.log(this.number)
+       	  this.number=1;
         }
-       	else if(this.$route.path=="/enterprise/authortitle"){
-	       	this.number=2;
-	       	console.log(this.number)
-				}
-			},
-			line(a){
+        else if(this.$route.path=="/enterprise/authortitle"){
+	        this.number=2;
+			  }
+		  },
+		  line(a){
         this.para = a;
-     	},
+      },
 	    back(){
-	    	if(this.number==0){
+	      if(this.number==0){
           this.$router.push({path:'/myself'})
-	    	}
-	    	else if(this.number==1){
-	    		this.$router.push({path:'/enterprise'})
-	    	}
-	    	else if(this.number==2){
-	    		this.$router.push({path:'/enterprise/legalinfor'})
-	    	}
+	      }
+	      else if(this.number==1){
+	    	  this.$router.push({path:'/enterprise'})
+	      }
+	      else if(this.number==2){
+	    	  this.$router.push({path:'/enterprise/legalinfor'})
+	      }
 	    }
-		}
-	}
+	  }
+  }
 </script>
 <style scoped>
 	.enter{
@@ -91,20 +88,20 @@
 				height: 4.041667rem;
 				background: #60c0ff;
 				width: 100%;
-				 h4{
-						text-align: center;
-						color: #fff;
-						font-size: 0.472222rem;
-						padding: 0.541667rem 0;
-						position: relative;
-						.icon-fanhui{
-							float: left;
-							margin-left: 0.513889rem;
-						}
-					  span{
-					  	margin-left: -0.513889rem;
-					  }
-					}				
+				h4{
+					text-align: center;
+					color: #fff;
+					font-size: 0.472222rem;
+					padding: 0.541667rem 0;
+					position: relative;
+					.icon-fanhui{
+						float: left;
+						margin-left: 0.513889rem;
+					}
+					span{
+					  margin-left: -0.513889rem;
+					}
+				}				
 				.title-ul{
 					width: 8.777778rem;
 					margin: 0 auto;
@@ -116,26 +113,25 @@
 						text-align: center;
 					  div{
 							color: #c6e5fa;
-							 p{
-									height: 0.055556rem;
-									width: 0.416667rem;
-									background: #fff;
-									margin: 0 auto;
-									margin-top: 0.166667rem;
-									color: #fff;
-							  }
-						   .icon-arrowright{
-								float: right;
-								margin-right: -0.35rem;
-								}					
+							p{
+								height: 0.055556rem;
+								width: 0.416667rem;
+								background: #fff;
+								margin: 0 auto;
+								margin-top: 0.166667rem;
+								color: #fff;
+							}
+						  .icon-arrowright{
+							float: right;
+							margin-right: -0.35rem;
+							}					
 						}			
 					}		
 					.white{
 						color:#fff !important; 
 					}
 			  }		
-			}
-			
-	}
-}
+			}		
+	  }
+  }
 </style>

src/components/picture.vue

@@ -1,58 +1,57 @@
 <template>
-		<div class="picture">	
-			<input type='file' :id="information" :ref="pic" @change="handle">
-				<div class="camera">		
-			        <label :for="information"><i class="iconfont icon-zhaoxiangji"  v-show="!seen"></i>
-							<img :src="dataUrl"  v-show="seen"/>
-			        </label>	   			        
-        </div>
-			</div>
+	<div class="picture">	
+		<input type='file' :id="information" :ref="pic" @change="handle">
+			<div class="camera">		
+			  <label :for="information"><i class="iconfont icon-zhaoxiangji"  v-show="!seen"></i>
+				  <img :src="dataUrl"  v-show="seen"/>
+			  </label>	   			        
+      </div>
+	</div>
 </template>
 <script>
 	export default{
 		data(){
-        return{
-        	 images: [],
-        	 dataUrl: '',
-        	 seen:false,
-           infor:'',
-           picture:''
-        	}
+      return{
+        images: [],
+        dataUrl: '',
+        seen:false,
+        infor:'',
+        picture:''
+      }
 		},
 		props:['information','pic'],
 		 methods: {
 		 	imgPreview (file) {
-            let self = this;
-            if (!file || !window.FileReader) return;
-            if (/^image/.test(file.type)) {
-                var reader = new FileReader();
-                reader.readAsDataURL(file);
-                reader.onloadend = function () {
-                    self.dataUrl = this.result;
+        let self = this;
+        if (!file || !window.FileReader) return;
+          if (/^image/.test(file.type)) {
+            var reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onloadend = function () {
+              self.dataUrl = this.result;
                     // this.seen=true;
-                }
-            }
-            if(self.dataUrl==" "){
-            	this.seen=false;
-            }
-            else{ 
-            	this.seen=true;
-            }
+              }
+          }
+          if(self.dataUrl==" "){
+            this.seen=false;
+          }
+          else{ 
+            this.seen=true;
+          }
         },
-    handle(e){
-    	    let picture = this.pic;
-    	    console.log(picture)
-    	     let inputDOM = this.$refs[picture];
-            this.file   = inputDOM.files[0];
-            this.errText = '';
-            let size = Math.floor(this.file.size / 1024);
-            this.$emit('input', this.file);   
-            this.file = inputDOM.files[0];
-            this.fileName = this.file.name;
-            this.imgPreview(this.file);   
+      handle(e){
+    	  let picture = this.pic;
+    	  console.log(picture)
+    	  let inputDOM = this.$refs[picture];
+        this.file   = inputDOM.files[0];
+        this.errText = '';
+        let size = Math.floor(this.file.size / 1024);
+        this.$emit('input', this.file);   
+        this.file = inputDOM.files[0];
+        this.fileName = this.file.name;
+        this.imgPreview(this.file);   
+      }
     }
-  }
-
 	}
 </script>
 <style scoped>
@@ -60,36 +59,35 @@
 	display: inline-block;
 	width: 2rem;
 	input{
-						visibility: hidden;
-						z-index: -9999;
-						width: 2rem;
-					}
+		visibility: hidden;
+		z-index: -9999;
+		width: 2rem;
+	}
 	.camera{
-					width: 1.944444rem;
-					height: 1.944444rem;
-					border-radius: 10px;
-					border: solid 2px #60c0ff;
-					text-align: center;
-					margin: 0 auto;
-					position: relative;
-					overflow: hidden;
-					label{			
-						img{
-						width: 100%;
-						align-self: center;
-						position:absolute;
-						top: 50%;
-						transform: translateY(-50%);
-						left: 0;
-					}
-					.icon-zhaoxiangji{
-					     font-size: 1rem;
-					     color: #60c0ff;
-					     line-height: 1.94444rem;
-					     display: inline-block;
-				}
-					}	
-					
-				}
+		width: 1.944444rem;
+		height: 1.944444rem;
+		border-radius: 10px;
+		border: solid 2px #60c0ff;
+		text-align: center;
+		margin: 0 auto;
+		position: relative;
+		overflow: hidden;
+		label{			
+			img{
+			  width: 100%;
+				align-self: center;
+				position:absolute;
+				top: 50%;
+				transform: translateY(-50%);
+				left: 0;
+			}
+			.icon-zhaoxiangji{
+				font-size: 1rem;
+				color: #60c0ff;
+				line-height: 1.94444rem;
+				display: inline-block;
+			}
+		}	
+	}
 }
 </style>

src/components/title.vue

@@ -7,8 +7,7 @@
 					<img :src="item.secondsrc"  v-show="key==number">
 					<p :class="{active:key==number}">{{item.font}}</p>
 				</div>
-			</div>
-			
+			</div>	
 		</div>
 	</div>
 </template>
@@ -20,66 +19,66 @@
 				num:'',
 				number:'',
 				titlelist:[
-						{
-							firstsrc:require('../assets/img/drawable-mdpi/index_not.png'),
-							secondsrc:require('../assets/img/drawable-mdpi/index_click.png'),
-							font:'首页'
-						},
-						{
-							firstsrc:require('../assets/img/drawable-mdpi/contant-not.png'),
-							secondsrc:require('../assets/img/drawable-mdpi/content-click.png'),
-							font:'合同'
-						},
-						{
-							firstsrc:require('../assets/img/drawable-mdpi/people-not.png'),
-							secondsrc:require('../assets/img/drawable-mdpi/people-click.png'),
-							font:'联系人'
-						},
-				 		{
-				 			firstsrc:require('../assets/img/drawable-mdpi/myself-not.png'),
-							secondsrc:require('../assets/img/drawable-mdpi/myself-click.png'),
-							font:'我的'
-						}
+					{
+						firstsrc:require('../assets/img/drawable-mdpi/index_not.png'),
+						secondsrc:require('../assets/img/drawable-mdpi/index_click.png'),
+						font:'首页'
+					},
+					{
+						firstsrc:require('../assets/img/drawable-mdpi/contant-not.png'),
+						secondsrc:require('../assets/img/drawable-mdpi/content-click.png'),
+						font:'合同'
+					},
+					{
+						firstsrc:require('../assets/img/drawable-mdpi/people-not.png'),
+						secondsrc:require('../assets/img/drawable-mdpi/people-click.png'),
+						font:'联系人'
+					},
+				 	{
+				 		firstsrc:require('../assets/img/drawable-mdpi/myself-not.png'),
+						secondsrc:require('../assets/img/drawable-mdpi/myself-click.png'),
+					  font:'我的'
+					}
 				]
-		}
-	},
-	mounted(){
-  	this.goFuc();
-  },
-  watch:{
-  	"$route":function(){
-      this.goFuc();
+		  }
+	  },
+	  mounted(){
+  	  this.goFuc();
+    },
+    watch:{
+  	  "$route":function(){
+        this.goFuc();
   		}
-  },
-	methods:{
-	  goLink(e){
-	  	if(e == 0){
+    },
+	  methods:{
+	    goLink(e){
+	     	if(e == 0){
 	  			this.$router.push({path:'/'})
-      }else if(e == 1){
+        }else if(e == 1){
         	this.$router.push({path:'/contant'})
-      }else if(e == 2){
+        }else if(e == 2){
 					this.$router.push({path:'/people'})
-      }else if(e == 3){
+        }else if(e == 3){
 					this.$router.push({path:'/myself'})
-      } 
-	  },
+        } 
+	    },
 	  	goFuc(){
 	  		if(this.$route.path=="/"){
           this.number=0;
-      }else if(this.$route.path=="/contant"){
+        }else if(this.$route.path=="/contant"){
          	this.number=1;
-      }else if(this.$route.path=="/people"){
+        }else if(this.$route.path=="/people"){
          	this.number=2;
-      }else if(this.$route.path=="/myself"){
+        }else if(this.$route.path=="/myself"){
          	this.number=3;
-      }
+        }
 	  	}
 	  }
 	}
 </script>
 <style scoped>
 	.title{
-        width: 100%;
+    width: 100%;
 		.title-main{	
 			.title-content{
 				width: 100%;
@@ -95,8 +94,7 @@
 					}
 					.active{
 						color: #60c0ff;
-					}
-					
+					}		
 				}
 			}
 		}

src/views/authorinfor.vue

@@ -6,12 +6,12 @@
 				<span>授权人电话</span><input type="text" placeholder="请输入授权人电话">
 			</div>
 			<div class="part">
-				<span>身份证号&nbsp&nbsp&nbsp</span><input type="text" placeholder="请输入身份证号">
+				<span>身份证号&nbsp;&nbsp;&nbsp;</span><input type="text" placeholder="请输入身份证号">
 			</div>
 			<div class="photo">
 			  <pic-ture :information="infor[0]" :pic="picture[0]"></pic-ture>
 				<p>身份证正面</p>
-            </div>
+      </div>
 			<div class="photo">
 			  <pic-ture :information="infor[1]" :pic="picture[1]"></pic-ture>
 				<p>身份证反面</p>
@@ -25,14 +25,13 @@
 	</div>
 </template>
 <script>
-	 import PicTure from "../components/picture.vue"
-
-	 	export default{
-			data(){
-        return{
-        	infor:['first','second','third'],
-					picture:['pictureone','picturetwo','picturethree']
-        }
+	import PicTure from "../components/picture.vue"
+	export default{
+	  data(){
+      return{
+        infor:['first','second','third'],
+				picture:['pictureone','picturetwo','picturethree']
+      }
 		},
 		components:{
           PicTure 
@@ -58,10 +57,10 @@
 				border-bottom: 1px solid #e8eff5;
 				span{
 					display: inline-block;
-				font-size: 0.388889rem;
-				color: #333333;
-				padding: 0.430556rem 0;
-				margin-right: 0.5rem;
+				  font-size: 0.388889rem;
+				  color: #333333;
+				  padding: 0.430556rem 0;
+				  margin-right: 0.5rem;
 				}
 				input{
 					border: 0;
@@ -73,7 +72,6 @@
 				.picture{
 					margin-left: 0.9rem;
 				}
-				/*margin: 0 0.65rem;*/
 				p{
 					font-size: 0.388889rem;
 					color: #333333;

src/views/certified.vue

@@ -77,7 +77,7 @@
 </script>
 <style scoped>
 	.enter{
-			.enter-both{
+		.enter-both{
 			width: 100%;
 			.enter-title{
 				height: 3.041667rem;
@@ -97,12 +97,11 @@
 				  span{
 				  	margin-left: -0.513889rem;
 				  }
-				}		
-			}
-			
-	}
+			  }		
+		  }	
+	  }
 	.both{
-	width: 100%;
+	  width: 100%;
 		padding: 0 0.3rem;
 		.content{
 			float: left;
@@ -122,8 +121,7 @@
 				}
 				p{
 					float: right;
-					font-size: 0.333333rem;
-					
+					font-size: 0.333333rem;			
 				}
 				.blue{
 					color: #60c0ff;

src/views/contant.vue

@@ -12,35 +12,35 @@
 			</div>
 			<div class="contant-content">
 				<div class="contant-top" v-show="bot==para">
-				<div class="part" v-for="(it,key) in partone">
-					<div class="part-one">
-						<p class="onetitle">
-							<span>{{it.number}}</span>
-							<span v-if="it.state===0" class="red">待签署</span>
-							<span v-else-if="it.state===1" class="orange">已签署</span>
-							<span v-else class="gray">待修改</span>
-						</p>
-						<h4>{{it.name}}</h4>
-						<p>
-							<span>{{it.date}}</span>
-							<span>{{it.time}}</span>
-						</p>
-						<div class="bgdown" @click="change(key)"  :class="{bgup:seen[key]}"></div>
-					</div>
-					<div class="part-two" v-for="num in it.parttwo" v-show="seen[key]">
-						<p>
-							<span>{{num.number}}</span>
-							<span v-if="num.state==3" class="blue">已生效</span>
-							<span v-else>已失效</span>
-						</p>
-						<h4>{{num.name}}</h4>
-						<p>
-							<span>{{num.date}}</span>
-							<span>{{num.time}}</span>
-						</p>
-					</div>
-				</div>
-			</div>
+					<div class="part" v-for="(it,key) in partone">
+						<div class="part-one">
+							<p class="onetitle">
+								<span>{{it.number}}</span>
+								<span v-if="it.state===0" class="red">待签署</span>
+								<span v-else-if="it.state===1" class="orange">已签署</span>
+								<span v-else class="gray">待修改</span>
+							</p>
+							<h4>{{it.name}}</h4>
+							<p>
+								<span>{{it.date}}</span>
+								<span>{{it.time}}</span>
+							</p>
+							<div class="bgdown" @click="change(key)"  :class="{bgup:seen[key]}"></div>
+						</div>
+						<div class="part-two" v-for="num in it.parttwo" v-show="seen[key]">
+							<p>
+								<span>{{num.number}}</span>
+								<span v-if="num.state==3" class="blue">已生效</span>
+								<span v-else>已失效</span>
+							</p>
+							<h4>{{num.name}}</h4>
+							<p>
+								<span>{{num.date}}</span>
+								<span>{{num.time}}</span>
+							</p>
+						</div>
+				  </div>
+			  </div>
 			</div>
 		</div>
 	</div>
@@ -49,21 +49,21 @@
 	export default{
      data(){
      	 return{
-     	 	       seen:[true,false,false],
-     	 	       number:'',
-     	 	       para:'',
-     	 	       bot:'',
-     	 	       lilist:['全部','待签署','已签署','待修改','已生效','已失效'],
-     	 	       // 待签署：0，已签署：1，待修改：2，已生效：3，已失效：4
-     	 	       partone:[
-     	 	       {
-     	 	       	number:'C00023698',
-     	 	       	state:0,
-     	 	       	name:'全日制劳动合同',
-     	 	       	date:'2017-6-9',
-     	 	       	time:'12:12:12',
-     	 	       	parttwo:[
-     	 	       	{
+     	 	  seen:[true,false,false],
+     	 	  number:'',
+     	 	  para:'',
+     	 	  bot:'',
+     	 	  lilist:['全部','待签署','已签署','待修改','已生效','已失效'],
+     	 	  // 待签署：0，已签署：1，待修改：2，已生效：3，已失效：4
+     	 	  partone:[
+     	 	    {
+     	 	      number:'C00023698',
+     	 	      state:0,
+     	 	      name:'全日制劳动合同',
+     	 	      date:'2017-6-9',
+     	 	      time:'12:12:12',
+     	 	      parttwo:[
+     	 	        {
      	 	       		number:'C00023698',
      	 	       		state:3,
      	 	       		name:'全日制劳动合同',
@@ -77,15 +77,15 @@
      	 	       		date:'2017-6-9',
      	 	       		time:'12:12:12'
      	 	       	}
-     	 	       	]
-     	 	       },
-     	 	       {
-     	 	       	number:'C00023698',
-     	 	       	state:1,
-     	 	       	name:'全日制劳动合同什么租赁合同什么东东',
-     	 	       	date:'2017-6-9',
-     	 	       	time:'12:12:12',
-     	 	       	parttwo:[
+     	 	      ]
+     	 	    },
+     	 	    {
+     	 	      number:'C00023698',
+     	 	      state:1,
+     	 	      name:'全日制劳动合同什么租赁合同什么东东',
+     	 	      date:'2017-6-9',
+     	 	      time:'12:12:12',
+     	 	      parttwo:[
      	 	       	{
      	 	       		number:'C00023698',
      	 	       		state:3,
@@ -100,15 +100,15 @@
      	 	       		date:'2017-6-9',
      	 	       		time:'12:12:12'
      	 	       	}
-     	 	       	]
-     	 	       },
-     	 	       {
-     	 	       	number:'C00023698',
-     	 	       	state:2,
-     	 	       	name:'全日制劳动合同',
-     	 	       	date:'2017-6-9',
-     	 	       	time:'12:12:12',
-     	 	       	parttwo:[
+     	 	      ]
+     	 	    },
+     	 	    {
+     	 	      number:'C00023698',
+     	 	      state:2,
+     	 	      name:'全日制劳动合同',
+     	 	      date:'2017-6-9',
+     	 	      time:'12:12:12',
+     	 	      parttwo:[
      	 	       	{
      	 	       		number:'C00023698',
      	 	       		state:4,
@@ -123,38 +123,37 @@
      	 	       		date:'2017-6-9',
      	 	       		time:'12:12:12'
      	 	       	}
-     	 	       	]
-     	 	       }
-     	 	       ]
+     	 	      ]
+     	 	    }
+     	 	  ]
      	 }
      },
      mounted(){ 
      },
-
      methods:{
      	line(a){
-           this.para = a
+        this.para = a
      	},
-        change(e){	
-        	this.$set(this.seen, e,!this.seen[e])
+      change(e){	
+        this.$set(this.seen, e,!this.seen[e])
+      }
     }
-  }
-}	
+  }	
 </script>
 <style scoped>
 	.contant{
 		.red{
-					color: #f1325f;
-				}
-				.orange{
-					color:#c88411;
-				}
-				.blue{
-					color: #1199c8;
-					}
-				.gray{
-					color:#5da523;
-				}
+			color: #f1325f;
+		}
+		.orange{
+			color:#c88411;
+		}
+		.blue{
+			color: #1199c8;
+		}
+		.gray{
+			color:#5da523;
+		}
 		.contant-both{
 			width: 100%;
 			.contant-title{
@@ -249,11 +248,10 @@
 					}
 					.part-two:nth-of-type(3){
              margin-top: 0.555556rem;
-					}				
-					
+					}					
 				}
 			}
-			}
 		}
 	}
+}
 </style>

src/views/enterinfor.vue

@@ -21,24 +21,20 @@
 </template>
 <script>
   import PicTure from "../components/picture.vue"
-
 	export default{
 		data(){
-        return{
-        	images: [],
-        	 dataUrl: '',
-        	 seen:false,
-           infor:'first',
-           picture:'picutre',
-        	}
+      return{
+        images: [],
+        dataUrl: '',
+        seen:false,
+        infor:'first',
+        picture:'picutre',
+      }
 		},
-
 		components:{
-          PicTure,
-          
+      PicTure,        
 		},
-	
-		 methods: {
+		methods: {
     // statement(){
     // 	if(this.seen!=" "){
     // 		alert("上传成功!")
@@ -46,8 +42,7 @@
     // 		alert("不能为空!")
     // 	}
     // }
-  }
-
+    }
 	}
 </script>
 <style scoped>
@@ -63,7 +58,6 @@
 			border-radius: 10px;
 			box-shadow: 0px 3px 21px 5px rgba(96, 192, 255, 0.35);
 			margin-bottom: 1.388889rem;
-
 			.part{
 				width: 100%;
 				padding-left: 0.305556rem;

src/views/index.vue

@@ -1,50 +1,50 @@
 <template>
 	<div class="home">
 		<div class="home-both">
-		<h4>区块链合同</h4>
-		<div class="home-table">
-			<table>
-				<tr v-for="item in content">
-					<td><img :src="item.pictureone"><p>{{item.fontone}}</p></td>
-					<td><img :src="item.picturetwo"><p>{{item.fonttwo}}</p></td>
-				</tr>
-			</table>
-		</div>
-	</div>
+		  <h4>区块链合同</h4>
+		  <div class="home-table">
+			  <table>
+				  <tr v-for="item in content">
+					  <td><img :src="item.pictureone"><p>{{item.fontone}}</p></td>
+					  <td><img :src="item.picturetwo"><p>{{item.fonttwo}}</p></td>
+				  </tr>
+			  </table>
+		  </div>
+	  </div>
 	</div>
 </template>
 <script>
 	export default{
-           data(){
-           		return{
-                      content:[
-                      {
-                      	pictureone:require('../assets/img/drawable-mdpi/sendcontant.png'),
-                      	fontone:'上传合同',
-                      	picturetwo:require('../assets/img/drawable-mdpi/build.png'),
-                      	fonttwo:'模板创建'
-                      },
-                     {
-                     	pictureone:require('../assets/img/drawable-mdpi/Draftbox.png'),
-                     	fontone:'草稿箱(0)',
-                      	picturetwo:require('../assets/img/drawable-mdpi/modify.png'),
-                      	fonttwo:'待修改(0)'
-                      },
-                     {
-                     	pictureone:require('../assets/img/drawable-mdpi/signed.png'),
-                     	fontone:'待签署(0)',
-                      	picturetwo:require('../assets/img/drawable-mdpi/Asigned.png'),
-                      	fonttwo:'已签署(0)'
-                      },
-                      {
-                      	pictureone:require('../assets/img/drawable-mdpi/effect.png'),
-                      	fontone:'已生效(0)',
-                      	picturetwo:require('../assets/img/drawable-mdpi/failure.png'),
-                      	fonttwo:'已失效(0)'
-                      }
-                     ]
-           		}
-           }
+    data(){
+      return{
+        content:[
+          {
+            pictureone:require('../assets/img/drawable-mdpi/sendcontant.png'),
+            fontone:'上传合同',
+            picturetwo:require('../assets/img/drawable-mdpi/build.png'),
+            fonttwo:'模板创建'
+          },
+          {
+            pictureone:require('../assets/img/drawable-mdpi/Draftbox.png'),
+            fontone:'草稿箱(0)',
+            picturetwo:require('../assets/img/drawable-mdpi/modify.png'),
+            fonttwo:'待修改(0)'
+          },
+          {
+            pictureone:require('../assets/img/drawable-mdpi/signed.png'),
+            fontone:'待签署(0)',
+            picturetwo:require('../assets/img/drawable-mdpi/Asigned.png'),
+            fonttwo:'已签署(0)'
+          },
+          {
+            pictureone:require('../assets/img/drawable-mdpi/effect.png'),
+            fontone:'已生效(0)',
+            picturetwo:require('../assets/img/drawable-mdpi/failure.png'),
+            fonttwo:'已失效(0)'
+          }
+        ]
+      }
+    }
 	}
 </script>
 <style scoped>
@@ -98,9 +98,8 @@
 						border-bottom: 0;
 					}
 				}
-			    }
 			}
-			
-		}
+	  }	
 	}
+}
 </style>

src/views/keyboth.vue

@@ -1,49 +1,48 @@
 <template>
 	<div class="keyboth">
-        <h1>Just Enter Text:</h1>
-        <textarea type="text" v-model="keyboardText" @on-result-change="onResultChange"></textarea>
-        <key-board :keyboard-text.sync="keyboardText"></key-board>
-    </div>
+    <h1>Just Enter Text:</h1>
+    <textarea type="text" v-model="keyboardText" @on-result-change="onResultChange"></textarea>
+    <key-board :keyboard-text.sync="keyboardText"></key-board>
+  </div>
 </template>
-
 <script>
 import KeyBoard from '../components/Keyboard.vue'
 export default {
-    data() {
-        return {
-            keyboardText: ""
-        }
-    },
-    components: {
-        KeyBoard
+  data() {
+    return{
+      keyboardText: ""
+    }
+  },
+  components: {
+    KeyBoard
+  },
+  methods: {
+    change() {
+      // this.result = !this.result;
     },
-     methods: {
-        change() {
-            // this.result = !this.result;
-        },
-        onResultChange(val){
-            this.keyboardText=val;
-            console.log(val)//④外层调用组件方注册变更方法，将组件内的数据变更，同步到组件外的数据状态中
-        }
+    onResultChange(val){
+      this.keyboardText=val;
+      // console.log(val)//④外层调用组件方注册变更方法，将组件内的数据变更，同步到组件外的数据状态中
     }
+  }
 }
 </script>
 <style  scoped>
-    .keyboth{
-        width: 680px;
-        margin: 20px auto;
-        font-family: Verdana, Sans-Serif; 
-        h1 {
-            color: #42b983;
-            font-weight: bold;
-        }
-        textarea {
-            display: block;
-            width: 100%;
-            min-height: 100px;
-            padding: 0;
-            margin: 20px 0;
-            font-size: 16px;
-        }
+  .keyboth{
+    width: 680px;
+    margin: 20px auto;
+    font-family: Verdana, Sans-Serif; 
+    h1 {
+      color: #42b983;
+      font-weight: bold;
+    }
+    textarea {
+      display: block;
+      width: 100%;
+      min-height: 100px;
+      padding: 0;
+      margin: 20px 0;
+      font-size: 16px;
     }
+  }
 </style>

src/views/legalinfor.vue

@@ -1,4 +1,4 @@
-<template>
+   <template>
 	<div class="en-infor">
 		<div class="content">
 			<div class="part">
@@ -22,18 +22,18 @@
 </template>
 <script>
 	 import PicTure from "../components/picture.vue"
-	 	export default{
+	 export default{
 		data(){
-        return{
-        	images: [],
-        	 dataUrl:'',
-        	 seen:false,
-           infor:['first','second'],
-           picture:['pictureone','picturetwo']
-        	}
+      return{
+        images: [],
+        dataUrl:'',
+        seen:false,
+        infor:['first','second'],
+        picture:['pictureone','picturetwo']
+      }
 		},
 		components:{
-          PicTure 
+      PicTure 
 		},
 	}
 </script>
@@ -56,10 +56,10 @@
 				border-bottom: 1px solid #e8eff5;
 				span{
 					display: inline-block;
-				font-size: 0.388889rem;
-				color: #333333;
-				padding: 0.430556rem 0;
-				margin-right: 0.5rem;
+				  font-size: 0.388889rem;
+				  color: #333333;
+				  padding: 0.430556rem 0;
+				  margin-right: 0.5rem;
 				}
 				input{
 					border: 0;
@@ -72,7 +72,6 @@
 				p{
 					font-size: 0.388889rem;
 					color: #333333;
-
 				}
 			}
 		}

src/views/main.vue

@@ -11,7 +11,6 @@ import IndexTitle from '../components/title.vue'
 	export default{
 		data(){
 			return{
-
 			}
 		},
 		components:{
@@ -26,8 +25,6 @@ import IndexTitle from '../components/title.vue'
 	.home{
 		height: 100%;
 		background: #60c0ff;
-		{	
-		}
 	}
 }
 	.title-bottom{

src/views/myself.vue

@@ -10,8 +10,8 @@
 			</div>
 			<div class="content" v-for="item in list">
 				<router-link :to="item.routes">
-				<img :src="item.src">
-				<p>{{item.font}}</p>
+				  <img :src="item.src">
+				  <p>{{item.font}}</p>
 				</router-link>
 			</div>
 		</div>
@@ -61,57 +61,57 @@
 		.myself-both{
 			padding:1.041667rem 0.416667rem;
 			.top{
-                width: 100%;
-                background: #fff;
-                text-align: center;
-                border-radius: 10px;
-                height: 4.722222rem;
-                .one{
-                	float: left;
-                	margin-top: -0.8rem;
-                	margin-left: 3.6rem;
-                	margin-bottom: 0.1rem;
-                }
-                h3{
-                	clear: both;
-                	font-size: 0.472222rem;
-									color: #333333;
-                }
-                p:nth-of-type(1){
-                	clear: both;
-                	font-size: 0.333333rem;
-									color: #808080;
-                }
-                p:nth-of-type(2){
-                	clear: both;
-                	width: 1.805556rem;
-									height: 0.694444rem;
-									line-height: 0.694444rem;
-									background-color: #60c0ff;
-									border-radius: 0.347222rem;
-									font-size: 0.388889rem;
-									color: #ffffff;
-									margin: 0.236111rem auto;
-                }
-                p:nth-of-type(3){
-                	clear: both;
-                	margin-top: 0.4rem;
-                	font-size: 0.388889rem;
-									color: #60c0ff;
-									position: relative;
-									span{
-										display: inline-block;
-									    /*margin-top: -0.1rem ;*/
-									}
-									span::after{
-										content: "";
-										width: 0.522222rem;
-										height: 0.536111rem;
-										position:absolute;
-										top: 0%;
-										content: url(../assets/img/drawable-mdpi/change.png);
-									}
-                }
+        width: 100%;
+        background: #fff;
+        text-align: center;
+        border-radius: 10px;
+        height: 4.722222rem;
+        .one{
+          float: left;
+          margin-top: -0.8rem;
+          margin-left: 3.6rem;
+          margin-bottom: 0.1rem;
+        }
+        h3{
+          clear: both;
+          font-size: 0.472222rem;
+					color: #333333;
+        }
+        p:nth-of-type(1){
+          clear: both;
+          font-size: 0.333333rem;
+					color: #808080;
+        }
+        p:nth-of-type(2){
+          clear: both;
+          width: 1.805556rem;
+					height: 0.694444rem;
+					line-height: 0.694444rem;
+					background-color: #60c0ff;
+					border-radius: 0.347222rem;
+				  font-size: 0.388889rem;
+					color: #ffffff;
+					margin: 0.236111rem auto;
+        }
+        p:nth-of-type(3){
+        	clear: both;
+        	margin-top: 0.4rem;
+        	font-size: 0.388889rem;
+					color: #60c0ff;
+					position: relative;
+					span{
+						display: inline-block;
+					    /*margin-top: -0.1rem ;*/
+					}
+					span::after{
+						content: "";
+						width: 0.522222rem;
+						height: 0.536111rem;
+						position:absolute;
+						top: 0%;
+						content: url(../assets/img/drawable-mdpi/change.png);
+					}
+        }
 			}
 			.content{
 				margin-top: 0.416667rem;			

src/views/people.vue

@@ -5,9 +5,9 @@
 				<h4>联系人</h4>
 				<ul class="title-ul">
 					<li v-for="item,bot in lilist"  @click="line(bot)"  :class="{white:bot==para}">
-					{{item}}
-					 <p v-show="bot==para"></p>
-				</li>
+					  {{item}}
+					  <p v-show="bot==para"></p>
+				  </li>
 				</ul>
 			</div>
 			<div class="people-content">
@@ -21,10 +21,9 @@
 								<span class="certified" v-else>已实名</span><br>
 								<span>{{item.telephone}}</span>
 							</p>
-						</li>
-						
+						</li>		
 					</ul>
-			</div>
+			  </div>
 			</div>
 		</div>
 	</div>
@@ -83,98 +82,98 @@
 <style scoped>
 	.people{
 		.certified{
-									display: inline-block;
-									width: 1.388889rem;
-									height: 0.555556rem;
-									line-height: 0.555556rem;
-									text-align: center;
-									background-color: #60c0ff;
-									border-radius: 0.277778rem;
-									font-size: 0.333333rem;
-									color: #ffffff;
-									margin-left: 0.15rem;
-								}
-			.certi{
-				display: inline-block;
-				font-size: 0.333333rem;
-				color: #f00;
-				margin-left: 0.15rem;
-			}
-			.people-both{
+			display: inline-block;
+			width: 1.388889rem;
+			height: 0.555556rem;
+			line-height: 0.555556rem;
+			text-align: center;
+			background-color: #60c0ff;
+			border-radius: 0.277778rem;
+			font-size: 0.333333rem;
+			color: #ffffff;
+			margin-left: 0.15rem;
+		}
+		.certi{
+			display: inline-block;
+			font-size: 0.333333rem;
+			color: #f00;
+			margin-left: 0.15rem;
+		}
+		.people-both{
+		width: 100%;
+		.people-title{
+			height: 4.041667rem;
+			background: #60c0ff;
 			width: 100%;
-			.people-title{
-				height: 4.041667rem;
-				background: #60c0ff;
+			h4{
+				text-align: center;
+				color: #fff;
+				font-size: 0.472222rem;
+				padding: 0.541667rem 0;
+			}
+			.title-ul{
 				width: 100%;
-				h4{
+				font-size: 0.388889rem;
+				color: #c6e5fa;
+				li{
+					float: left;
+					width: 50%;
 					text-align: center;
-					color: #fff;
-					font-size: 0.472222rem;
-					padding: 0.541667rem 0;
-				}
-				.title-ul{
-					width: 100%;
-					font-size: 0.388889rem;
-					color: #c6e5fa;
-					li{
-						float: left;
-						width: 50%;
-						text-align: center;
-						p{
-							height: 0.055556rem;
-							width: 0.416667rem;
-							background: #fff;
-							margin: 0 auto;
-							margin-top: 0.166667rem;
-						}
-					}
-					.white{
-						color:#fff; 
+					p{
+						height: 0.055556rem;
+						width: 0.416667rem;
+						background: #fff;
+						margin: 0 auto;
+						margin-top: 0.166667rem;
 					}
 				}
+				.white{
+					color:#fff; 
+				}
 			}
-			.people-content{
-				background: #fafafa;
-				z-index: -10000;
+		}
+		.people-content{
+			background: #fafafa;
+			z-index: -10000;
+			width: 100%;
+			padding: 0 0.416667rem;
+			.people-top{
+				float: left;
+				margin-top: -1.111111rem;
 				width: 100%;
-				padding: 0 0.416667rem;
-				.people-top{
-					float: left;
-					margin-top: -1.111111rem;
-					width: 100%;
-					padding-bottom: 2rem;
-					ul{
-						li{ 
-							  width: 9.166667rem;
-							  height: 1.666667rem;
-							  background-color: #ffffff;
-								box-shadow: 0px 3px 21px 5px 
-								rgba(96, 192, 255, 0.35);
-								border-radius: 10px;
-								margin-bottom: 0.277778rem;
-								padding: 0.222222rem 0.291667rem;
-							img{
-								float: left;
-								margin-right: 0.291667rem;
+				padding-bottom: 2rem;
+				ul{
+					li{ 
+					  width: 9.166667rem;
+					  height: 1.666667rem;
+					  background-color: #ffffff;
+						box-shadow: 0px 3px 21px 5px 
+						rgba(96, 192, 255, 0.35);
+						border-radius: 10px;
+						margin-bottom: 0.277778rem;
+						padding: 0.222222rem 0.291667rem;
+						img{
+							float: left;
+							margin-right: 0.291667rem;
+						}
+						p{
+							float: left;
+							span:nth-of-type(1){
+								font-family: FZLTHJW--GB1-0;
+								font-size: 0.444444rem;
+								color: #1491e2
 							}
-							p{
-								float: left;
-								span:nth-of-type(1){
-									font-family: FZLTHJW--GB1-0;
-									font-size: 0.444444rem;
-									color: #1491e2
-								}
-								span:nth-of-type(3){
-									display: inline-block;
-									color: #666666;
-									font-size: 0.388889rem;
-									padding-top: 0.1rem;
-								}
+							span:nth-of-type(3){
+								display: inline-block;
+								color: #666666;
+								font-size: 0.388889rem;
+								padding-top: 0.1rem;
 							}
 						}
 					}
 				}
 			}
+		}
 	}
 }
 </style>