6fd96f6b by 任超
2 parents 284e9724 e497c6ba
1 <template> 1 <template>
2 <div class='slxx'> 2 <div class='slxx'>
3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="180px"> 3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" label-width="180px">
4 <div class="slxx_title">受理信息</div> 4 <div class="slxx_title">受理信息</div>
5 <el-row> 5 <el-row>
6 <el-col :span="8"> 6 <el-col :span="8">
7 <el-form-item label="业务号:" prop="ywh"> 7 <el-form-item label="业务号:" prop="ywh">
8 <el-input v-model="ruleForm.ywh"></el-input> 8 <el-input :class="{'width200px':flag}" v-model="ruleForm.ywh"></el-input>
9 </el-form-item> 9 </el-form-item>
10 </el-col> 10 </el-col>
11 <el-col :span="8"> 11 <el-col :span="8">
12 <el-form-item label="受理人员:" prop="slry"> 12 <el-form-item label="受理人员:" prop="slry">
13 <el-input v-model="ruleForm.slry"></el-input> 13 <el-input :class="{'width200px':flag}" v-model="ruleForm.slry"></el-input>
14 </el-form-item> 14 </el-form-item>
15 </el-col> 15 </el-col>
16 <el-col :span="8"> 16 <el-col :span="8">
17 <el-form-item label="使用权结束时间:" prop="slsj"> 17 <el-form-item label="使用权结束时间:" prop="slsj">
18 <el-date-picker class="Inputclass" v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" 18 <el-date-picker :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间"
19 value-format="yyyy-MM-dd" > 19 value-format="yyyy-MM-dd" >
20 </el-date-picker> 20 </el-date-picker>
21 </el-form-item> 21 </el-form-item>
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
24 <el-row> 24 <el-row>
25 <el-col :span="8"> 25 <el-col :span="8">
26 <el-form-item label="权利类型:" prop="qllx"> 26 <el-form-item label="权利类型:" prop="qllx">
27 <el-select class="Inputclass" v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 27 <el-select :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
28 <el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value"> 28 <el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value">
29 </el-option> 29 </el-option>
30 </el-select> 30 </el-select>
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 </el-col> 32 </el-col>
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="登记类型:" prop="djlx"> 34 <el-form-item label="登记类型:" prop="djlx">
35 <el-select class="Inputclass" v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 35 <el-select :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
36 <el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value"> 36 <el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value">
37 </el-option> 37 </el-option>
38 </el-select> 38 </el-select>
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 </el-col> 40 </el-col>
41 <el-col :span="8"> 41 <el-col :span="8">
42 <el-form-item label="登记情形:" prop="djqx"> 42 <el-form-item label="登记情形:" prop="djqx">
43 <el-select class="Inputclass" v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形"> 43 <el-select :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形">
44 <el-option v-for="item in djqxOption" :key="item.value" :label="item.label" :value="item.value"> 44 <el-option v-for="item in djqxOption" :key="item.value" :label="item.label" :value="item.value">
45 </el-option> 45 </el-option>
46 </el-select> 46 </el-select>
...@@ -51,17 +51,17 @@ ...@@ -51,17 +51,17 @@
51 <el-row> 51 <el-row>
52 <el-col :span="8"> 52 <el-col :span="8">
53 <el-form-item label="宗地代码:" prop="zddm"> 53 <el-form-item label="宗地代码:" prop="zddm">
54 <el-input v-model="ruleForm.zddm"></el-input> 54 <el-input :class="{'width200px':flag}" v-model="ruleForm.zddm"></el-input>
55 </el-form-item> 55 </el-form-item>
56 </el-col> 56 </el-col>
57 <el-col :span="8"> 57 <el-col :span="8">
58 <el-form-item label="不动产单元号:" prop="bdcdyh"> 58 <el-form-item label="不动产单元号:" prop="bdcdyh">
59 <el-input v-model="ruleForm.bdcdyh"></el-input> 59 <el-input :class="{'width200px':flag}" v-model="ruleForm.bdcdyh"></el-input>
60 </el-form-item> 60 </el-form-item>
61 </el-col> 61 </el-col>
62 <el-col :span="8"> 62 <el-col :span="8">
63 <el-form-item label="权利性质:" prop="qlxz"> 63 <el-form-item label="权利性质:" prop="qlxz">
64 <el-select class="Inputclass" v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形"> 64 <el-select :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形">
65 <el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value"> 65 <el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value">
66 </el-option> 66 </el-option>
67 </el-select> 67 </el-select>
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
71 <el-row> 71 <el-row>
72 <el-col :span="8"> 72 <el-col :span="8">
73 <el-form-item label="宗地面积:" prop="zdmj"> 73 <el-form-item label="宗地面积:" prop="zdmj">
74 <el-input v-model="ruleForm.zdmj"></el-input> 74 <el-input :class="{'width200px':flag}" v-model="ruleForm.zdmj"></el-input>
75 </el-form-item> 75 </el-form-item>
76 </el-col> 76 </el-col>
77 <el-col :span="16"> 77 <el-col :span="16">
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
83 <el-row> 83 <el-row>
84 <el-col :span="8"> 84 <el-col :span="8">
85 <el-form-item label="土地用途:" prop="tdyt"> 85 <el-form-item label="土地用途:" prop="tdyt">
86 <el-select class="Inputclass" v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形"> 86 <el-select :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形">
87 <el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value"> 87 <el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value">
88 </el-option> 88 </el-option>
89 </el-select> 89 </el-select>
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
91 </el-col> 91 </el-col>
92 <el-col :span="8"> 92 <el-col :span="8">
93 <el-form-item label="权利设定方式:" prop="qlsdfs"> 93 <el-form-item label="权利设定方式:" prop="qlsdfs">
94 <el-select class="Inputclass" v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形"> 94 <el-select :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形">
95 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value"> 95 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
96 </el-option> 96 </el-option>
97 </el-select> 97 </el-select>
...@@ -99,28 +99,28 @@ ...@@ -99,28 +99,28 @@
99 </el-col> 99 </el-col>
100 <el-col :span="8"> 100 <el-col :span="8">
101 <el-form-item label="取得价格:" prop="qdjg"> 101 <el-form-item label="取得价格:" prop="qdjg">
102 <el-input v-model="ruleForm.qdjg"></el-input> 102 <el-input :class="{'width200px':flag}" v-model="ruleForm.qdjg"></el-input>
103 </el-form-item> 103 </el-form-item>
104 </el-col> 104 </el-col>
105 </el-row> 105 </el-row>
106 <el-row> 106 <el-row>
107 <el-col :span="8"> 107 <el-col :span="8">
108 <el-form-item label="使用权起始时间:" prop="syqqssj"> 108 <el-form-item label="使用权起始时间:" prop="syqqssj">
109 <el-date-picker class="Inputclass" v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间" 109 <el-date-picker :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间"
110 value-format="yyyy-MM-dd" > 110 value-format="yyyy-MM-dd" >
111 </el-date-picker> 111 </el-date-picker>
112 </el-form-item> 112 </el-form-item>
113 </el-col> 113 </el-col>
114 <el-col :span="8"> 114 <el-col :span="8">
115 <el-form-item label="使用权结束时间:" prop="syqjssj"> 115 <el-form-item label="使用权结束时间:" prop="syqjssj">
116 <el-date-picker class="Inputclass" v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间" 116 <el-date-picker :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间"
117 value-format="yyyy-MM-dd" > 117 value-format="yyyy-MM-dd" >
118 </el-date-picker> 118 </el-date-picker>
119 </el-form-item> 119 </el-form-item>
120 </el-col> 120 </el-col>
121 <el-col :span="8"> 121 <el-col :span="8">
122 <el-form-item label="使用期限:" prop="syqx"> 122 <el-form-item label="使用期限:" prop="syqx">
123 <el-date-picker class="Inputclass" v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限" 123 <el-date-picker :class="[flag?'width200px':'Inputclass']" v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限"
124 value-format="yyyy-MM-dd" > 124 value-format="yyyy-MM-dd" >
125 </el-date-picker> 125 </el-date-picker>
126 </el-form-item> 126 </el-form-item>
...@@ -167,12 +167,15 @@ ...@@ -167,12 +167,15 @@
167 </div> 167 </div>
168 </template> 168 </template>
169 <script> 169 <script>
170 let flag = false //控制分屏样式的开关按钮
170 import InformationTable from './InformationTable' 171 import InformationTable from './InformationTable'
171 export default { 172 export default {
172 /**注册组件*/ 173 /**注册组件*/
173 components: {InformationTable}, 174 components: {InformationTable},
174 data () { 175 data () {
175 return { 176 return {
177 flag:flag,
178 flagTop:flag?'top':'',
176 qllxOption:[], 179 qllxOption:[],
177 djlxOption:[], 180 djlxOption:[],
178 djqxOption:[], 181 djqxOption:[],
......