Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

 <template>
   <div class='slxx'>
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="180px">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm"  :label-position="flagTop" :inline="flag" label-width="180px">
       <div class="slxx_title">受理信息</div>
       <el-row>
         <el-col :span="8">
           <el-form-item label="业务号：" prop="ywh">
-            <el-input  v-model="ruleForm.ywh"></el-input>
+            <el-input :class="{'width200px':flag}" v-model="ruleForm.ywh"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="受理人员：" prop="slry">
-            <el-input  v-model="ruleForm.slry"></el-input>
+            <el-input :class="{'width200px':flag}" v-model="ruleForm.slry"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="使用权结束时间：" prop="slsj">
-            <el-date-picker class="Inputclass" v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间"
+            <el-date-picker :class="[flag?'width200px':'Inputclass']"  v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间"
             value-format="yyyy-MM-dd" >
           </el-date-picker>
           </el-form-item>
@@ -24,7 +24,7 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="权利类型：" prop="qllx">
-            <el-select class="Inputclass" v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
+            <el-select :class="[flag?'width200px':'Inputclass']"  v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
               <el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -32,7 +32,7 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="登记类型：" prop="djlx">
-            <el-select class="Inputclass" v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
+            <el-select :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
               <el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -40,7 +40,7 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="登记情形：" prop="djqx">
-            <el-select class="Inputclass" v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形">
+            <el-select :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形">
               <el-option v-for="item in djqxOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -51,17 +51,17 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="宗地代码：" prop="zddm">
-            <el-input  v-model="ruleForm.zddm"></el-input>
+            <el-input :class="{'width200px':flag}" v-model="ruleForm.zddm"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="不动产单元号：" prop="bdcdyh">
-            <el-input  v-model="ruleForm.bdcdyh"></el-input>
+            <el-input :class="{'width200px':flag}" v-model="ruleForm.bdcdyh"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="权利性质：" prop="qlxz">
-            <el-select class="Inputclass" v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形">
+            <el-select :class="[flag?'width200px':'Inputclass']"  v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形">
               <el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -71,7 +71,7 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="宗地面积：" prop="zdmj">
-            <el-input  v-model="ruleForm.zdmj"></el-input>
+            <el-input :class="{'width200px':flag}" v-model="ruleForm.zdmj"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="16">
@@ -83,7 +83,7 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="土地用途：" prop="tdyt">
-            <el-select class="Inputclass" v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形">
+            <el-select :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形">
               <el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -91,7 +91,7 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="权利设定方式：" prop="qlsdfs">
-            <el-select class="Inputclass" v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形">
+            <el-select :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形">
               <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -99,28 +99,28 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="取得价格：" prop="qdjg">
-            <el-input  v-model="ruleForm.qdjg"></el-input>
+            <el-input :class="{'width200px':flag}" v-model="ruleForm.qdjg"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
           <el-form-item label="使用权起始时间：" prop="syqqssj">
-            <el-date-picker class="Inputclass" v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间"
+            <el-date-picker :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间"
             value-format="yyyy-MM-dd" >
           </el-date-picker>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="使用权结束时间：" prop="syqjssj">
-            <el-date-picker class="Inputclass" v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间"
+            <el-date-picker :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间"
             value-format="yyyy-MM-dd" >
           </el-date-picker>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="使用期限：" prop="syqx">
-            <el-date-picker class="Inputclass" v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限"
+            <el-date-picker :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限"
             value-format="yyyy-MM-dd" >
           </el-date-picker>
           </el-form-item>
@@ -167,12 +167,15 @@
   </div>
 </template>
 <script>
+  let flag = false  //控制分屏样式的开关按钮
 import InformationTable from './InformationTable'
 export default {
   /**注册组件*/
   components: {InformationTable},
   data () {
     return {
+      flag:flag,
+      flagTop:flag?'top':'',
       qllxOption:[],
       djlxOption:[],
       djqxOption:[],