Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
60ce15d8 by liangyifan
Options

发起申请style

1 parent 22ad160f
Inline Side-by-side
Showing 1 changed file with 21 additions and 18 deletions
1 <template> 1 <template>
2 <div class='slxx'> 2 <div class='slxx'>
3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px"> 3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" 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 class="width200px" v-model="ruleForm.ywh"></el-input> 8 <el-input 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 class="width200px" v-model="ruleForm.slry"></el-input> 13 <el-input 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="width200px" v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" 18 <el-date-picker class="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="width200px" v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 27 <el-select class="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="width200px" v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 35 <el-select class="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="width200px" v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形"> 43 <el-select class="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 class="width200px" v-model="ruleForm.zddm"></el-input> 54 <el-input 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 class="width200px" v-model="ruleForm.bdcdyh"></el-input> 59 <el-input 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="width200px" v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形"> 64 <el-select class="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,19 +71,19 @@ ...@@ -71,19 +71,19 @@
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 class="width200px" v-model="ruleForm.zdmj"></el-input> 74 <el-input 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">
78 <el-form-item label="坐落：" prop="zl"> 78 <el-form-item label="坐落：" prop="zl">
79 <el-input v-model="ruleForm.zl"></el-input> 79 <el-input style="width: 100%" v-model="ruleForm.zl"></el-input>
80 </el-form-item> 80 </el-form-item>
81 </el-col> 81 </el-col>
82 </el-row> 82 </el-row>
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="width200px" v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形"> 86 <el-select class="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="width200px" v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形"> 94 <el-select class="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 class="width200px" v-model="ruleForm.qdjg"></el-input> 102 <el-input 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="width200px" v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间" 109 <el-date-picker class="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="width200px" v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间" 116 <el-date-picker class="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="width200px" v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限" 123 <el-date-picker class="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>
...@@ -236,4 +236,7 @@ export default { ...@@ -236,4 +236,7 @@ export default {
236 min-height: 90px!important; 236 min-height: 90px!important;
237 } 237 }
238 } 238 }
239 .Inputclass{
240 width: 100%;
241 }
239 </style> 242 </style>
...\ No newline at end of file ...\ No newline at end of file
......