Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
5332a8de by renchao@pashanhoo.com
Options

style;土地哦

1 parent cf241102
Inline Side-by-side
Showing 1 changed file with 99 additions and 10 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2024-01-23 15:36:15 4 * @LastEditTime: 2024-01-23 16:05:38
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -123,12 +123,28 @@ ...@@ -123,12 +123,28 @@
123 <el-row :gutter="10"> 123 <el-row :gutter="10">
124 <el-col :span="8"> 124 <el-col :span="8">
125 <el-form-item label="承包起始时间："> 125 <el-form-item label="承包起始时间：">
126 <el-input v-model="ruleForm.tdcbjyq.cbqssj" :disabled="!viewEdit"></el-input> 126 <el-date-picker
127 v-model="ruleForm.tdcbjyq.cbqssj"
128 class="width100"
129 type="date"
130 :disabled="!viewEdit"
131 :picker-options="pickerOptionsStart"
132 placeholder="选择日期"
133 value-format="yyyy-MM-dd HH:mm:ss"
134 format="yyyy-MM-dd"></el-date-picker>
127 </el-form-item> 135 </el-form-item>
128 </el-col> 136 </el-col>
129 <el-col :span="8"> 137 <el-col :span="8">
130 <el-form-item label="承包结束时间："> 138 <el-form-item label="承包结束时间：">
131 <el-input v-model="ruleForm.tdcbjyq.cbjssj" :disabled="!viewEdit"></el-input> 139 <el-date-picker
140 v-model="ruleForm.tdcbjyq.cbjssj"
141 :disabled="!viewEdit"
142 class="width100"
143 type="date"
144 placeholder="选择日期"
145 :picker-options="pickerOptionsEnd"
146 value-format="yyyy-MM-dd HH:mm:ss"
147 format="yyyy-MM-dd"></el-date-picker>
132 </el-form-item> 148 </el-form-item>
133 </el-col> 149 </el-col>
134 <el-col :span="8"> 150 <el-col :span="8">
...@@ -139,6 +155,65 @@ ...@@ -139,6 +155,65 @@
139 </el-row> 155 </el-row>
140 <el-row :gutter="10"> 156 <el-row :gutter="10">
141 <el-col :span="8"> 157 <el-col :span="8">
158 <el-form-item label="用途：">
159 <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.yt"></el-input>
160 </el-form-item>
161 </el-col>
162 <el-col :span="8">
163 <el-form-item label="确权面积：">
164 <div class="flex">
165 <el-input
166 :disabled="!viewEdit"
167 v-model="ruleForm.tdcbjyq.qqmj"
168 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
169 <el-select :disabled="!viewEdit" v-model="mjdw" style="width: 68px">
170 <el-option
171 v-for="item in dictData['A7']"
172 :key="item.dcode"
173 :label="item.dname"
174 :value="item.dcode">
175 </el-option>
176 </el-select>
177 </div>
178 </el-form-item>
179 </el-col>
180 <el-col :span="8">
181 <el-form-item label="土地所有权性质：">
182 <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.tdsyqxz"></el-input>
183 </el-form-item>
184 </el-col>
185 </el-row>
186
187 <el-row :gutter="10">
188 <el-col :span="8">
189 <el-form-item label="是否永久基本农田：">
190 <el-radio-group
191 v-model="ruleForm.tdcbjyq.sfyjjbnt"
192 :disabled="!viewEdit">
193 <el-radio label="1">是</el-radio>
194 <el-radio label="0">否</el-radio>
195 </el-radio-group>
196 </el-form-item>
197 </el-col>
198 <el-col :span="8">
199 <el-form-item label="是否自留地：">
200 <el-radio-group
201 v-model="ruleForm.tdcbjyq.sfzld"
202 :disabled="!viewEdit">
203 <el-radio label="1">是</el-radio>
204 <el-radio label="0">否</el-radio>
205 </el-radio-group>
206 </el-form-item>
207 </el-col>
208 <el-col :span="8">
209 <el-form-item label="用地用海分类：">
210 <el-input :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.ydyhfl"></el-input>
211 </el-form-item>
212 </el-col>
213 </el-row>
214
215 <el-row :gutter="10">
216 <el-col :span="8">
142 <el-form-item label="承包经营权取得方式："> 217 <el-form-item label="承包经营权取得方式：">
143 <el-input :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.cbjyqqdfs"></el-input> 218 <el-input :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.cbjyqqdfs"></el-input>
144 </el-form-item> 219 </el-form-item>
...@@ -149,13 +224,7 @@ ...@@ -149,13 +224,7 @@
149 </el-form-item> 224 </el-form-item>
150 </el-col> 225 </el-col>
151 </el-row> 226 </el-row>
152 <el-row :gutter="10"> 227
153 <el-col :span="24">
154 <el-form-item label="用途：">
155 <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.yt"></el-input>
156 </el-form-item>
157 </el-col>
158 </el-row>
159 <div class="slxx_title title-block"> 228 <div class="slxx_title title-block">
160 权利人信息 229 权利人信息
161 <div class="triangle"></div> 230 <div class="triangle"></div>
...@@ -289,6 +358,26 @@ ...@@ -289,6 +358,26 @@
289 }, 358 },
290 data () { 359 data () {
291 return { 360 return {
361 // 开始结束日期限制
362 pickerOptionsStart: {
363 disabledDate: (time) => {
364 if (this.ruleForm.tdcbjyq.cbjssj) {
365 return (
366 time.getTime() >= new Date(this.ruleForm.tdcbjyq.cbjssj).getTime()
367 );
368 }
369 }
370 },
371 // 结束日期限制
372 pickerOptionsEnd: {
373 disabledDate: (time) => {
374 if (this.ruleForm.tdcbjyq.cbqssj) {
375 return (
376 time.getTime() <= new Date(this.ruleForm.tdcbjyq.cbqssj).getTime()
377 );
378 }
379 }
380 },
292 isSave: true, 381 isSave: true,
293 // 键名转换，方法默认是label和children进行树状渲染 382 // 键名转换，方法默认是label和children进行树状渲染
294 normalizer (node) { 383 normalizer (node) {
......