宗地和自然幢表单判断只有临时状态可以编辑
Showing
5 changed files
with
36 additions
and
12 deletions
... | @@ -48,11 +48,13 @@ table,td,tr,.el-col,.title{ | ... | @@ -48,11 +48,13 @@ table,td,tr,.el-col,.title{ |
48 | border: none; | 48 | border: none; |
49 | color: #606764; | 49 | color: #606764; |
50 | overflow: visible; | 50 | overflow: visible; |
51 | cursor: text; | ||
52 | text-align: left; | 51 | text-align: left; |
53 | text-indent: 20px; | 52 | text-indent: 20px; |
54 | padding: 0; | 53 | padding: 0; |
55 | } | 54 | } |
55 | input:disabled{ | ||
56 | cursor: not-allowed; | ||
57 | } | ||
56 | .formInput:focus{ | 58 | .formInput:focus{ |
57 | border: 1px solid #A0C5F6!important; | 59 | border: 1px solid #A0C5F6!important; |
58 | } | 60 | } | ... | ... |
... | @@ -8,14 +8,19 @@ | ... | @@ -8,14 +8,19 @@ |
8 | <el-row> | 8 | <el-row> |
9 | <el-col :span="16" class="fl"> | 9 | <el-col :span="16" class="fl"> |
10 | <el-radio-group v-model="gyfs"> | 10 | <el-radio-group v-model="gyfs"> |
11 | <el-radio :label="item.bsm" :key="item.bsm" v-for="item in $store.state.gyfsList">{{item.mc}}</el-radio> | 11 | <el-radio :label="item.bsm" :disabled="qszt!='0'" :key="item.bsm" v-for="item in $store.state.gyfsList">{{item.mc}}</el-radio> |
12 | </el-radio-group> | 12 | </el-radio-group> |
13 | </el-col> | 13 | </el-col> |
14 | <el-col :span="4" class="fr"> | 14 | <el-col :span="4" class="fr" v-show="qszt=='0'"> |
15 | <span class="span" @click="addRow">新增</span> | 15 | <span class="span" @click="addRow">新增</span> |
16 | <span class="span" @click="changeRow">修改</span> | 16 | <span class="span" @click="changeRow">修改</span> |
17 | <span class="span" @click="delRow">删除</span> | 17 | <span class="span" @click="delRow">删除</span> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="4" class="fr" v-show="qszt!='0'"> | ||
20 | <span class="noEdit" @click="addRow">新增</span> | ||
21 | <span class="noEdit" @click="changeRow">修改</span> | ||
22 | <span class="noEdit" @click="delRow">删除</span> | ||
23 | </el-col> | ||
19 | </el-row> | 24 | </el-row> |
20 | </td> | 25 | </td> |
21 | </tr> | 26 | </tr> |
... | @@ -300,9 +305,9 @@ | ... | @@ -300,9 +305,9 @@ |
300 | 305 | ||
301 | export default { | 306 | export default { |
302 | props: { | 307 | props: { |
303 | widtd: { | 308 | qszt: { |
304 | type: String, | 309 | type: String, |
305 | default: "70%", | 310 | default: "0", |
306 | }, | 311 | }, |
307 | title: { | 312 | title: { |
308 | type: String, | 313 | type: String, |
... | @@ -539,6 +544,11 @@ | ... | @@ -539,6 +544,11 @@ |
539 | margin-right: 10px; | 544 | margin-right: 10px; |
540 | cursor: pointer; | 545 | cursor: pointer; |
541 | } | 546 | } |
547 | .noEdit { | ||
548 | color:#606266; | ||
549 | margin-right: 10px; | ||
550 | cursor: not-allowed; | ||
551 | } | ||
542 | .el-radio { | 552 | .el-radio { |
543 | margin-right: 20px !important; | 553 | margin-right: 20px !important; |
544 | } | 554 | } | ... | ... |
... | @@ -77,7 +77,7 @@ | ... | @@ -77,7 +77,7 @@ |
77 | :default-expand-all="defaultExpandAll" | 77 | :default-expand-all="defaultExpandAll" |
78 | :multiple="multiple" | 78 | :multiple="multiple" |
79 | :placeholder="placeholder" | 79 | :placeholder="placeholder" |
80 | :disabled="disabled" | 80 | :disabled="formData.qszt!='0'" |
81 | :data="$store.state.tdytList" | 81 | :data="$store.state.tdytList" |
82 | :props="treeProps" | 82 | :props="treeProps" |
83 | :check-strictly="checkStrictly" | 83 | :check-strictly="checkStrictly" |
... | @@ -92,7 +92,7 @@ | ... | @@ -92,7 +92,7 @@ |
92 | :default-expand-all="defaultExpandAll" | 92 | :default-expand-all="defaultExpandAll" |
93 | :multiple="multiple" | 93 | :multiple="multiple" |
94 | :placeholder="placeholder" | 94 | :placeholder="placeholder" |
95 | :disabled="disabled" | 95 | :disabled="formData.qszt!='0'" |
96 | :data="$store.state.tdytList" | 96 | :data="$store.state.tdytList" |
97 | :props="treeProps" | 97 | :props="treeProps" |
98 | :check-strictly="checkStrictly" | 98 | :check-strictly="checkStrictly" |
... | @@ -102,6 +102,7 @@ | ... | @@ -102,6 +102,7 @@ |
102 | </li> | 102 | </li> |
103 | <li> | 103 | <li> |
104 | <el-date-picker | 104 | <el-date-picker |
105 | :disabled="formData.qszt!='0'" | ||
105 | v-model="childItem.tdsyqssj" | 106 | v-model="childItem.tdsyqssj" |
106 | type="date" | 107 | type="date" |
107 | value-format="yyyy-MM-dd" | 108 | value-format="yyyy-MM-dd" |
... | @@ -131,6 +132,7 @@ | ... | @@ -131,6 +132,7 @@ |
131 | <li> | 132 | <li> |
132 | <input | 133 | <input |
133 | type="text" | 134 | type="text" |
135 | :disabled="formData.qszt!='0'" | ||
134 | placeholder="请输入" | 136 | placeholder="请输入" |
135 | v-model="childItem.pzytdm" | 137 | v-model="childItem.pzytdm" |
136 | class="formInput" | 138 | class="formInput" |
... | @@ -139,6 +141,7 @@ | ... | @@ -139,6 +141,7 @@ |
139 | <li> | 141 | <li> |
140 | <input | 142 | <input |
141 | type="text" | 143 | type="text" |
144 | :disabled="formData.qszt!='0'" | ||
142 | placeholder="请输入" | 145 | placeholder="请输入" |
143 | v-model="childItem.sjytdm" | 146 | v-model="childItem.sjytdm" |
144 | class="formInput" | 147 | class="formInput" |
... | @@ -147,6 +150,7 @@ | ... | @@ -147,6 +150,7 @@ |
147 | <li> | 150 | <li> |
148 | <input | 151 | <input |
149 | type="text" | 152 | type="text" |
153 | :disabled="formData.qszt!='0'" | ||
150 | placeholder="请输入" | 154 | placeholder="请输入" |
151 | v-model="childItem.syqx" | 155 | v-model="childItem.syqx" |
152 | class="formInput" | 156 | class="formInput" |
... | @@ -174,6 +178,7 @@ | ... | @@ -174,6 +178,7 @@ |
174 | <ul> | 178 | <ul> |
175 | <li> | 179 | <li> |
176 | <el-select | 180 | <el-select |
181 | :disabled="formData.qszt!='0'" | ||
177 | class="formSelect percent30" | 182 | class="formSelect percent30" |
178 | v-model="childItem.pzdjbsm" | 183 | v-model="childItem.pzdjbsm" |
179 | > | 184 | > |
... | @@ -188,6 +193,7 @@ | ... | @@ -188,6 +193,7 @@ |
188 | </li> | 193 | </li> |
189 | <li> | 194 | <li> |
190 | <el-select | 195 | <el-select |
196 | :disabled="formData.qszt!='0'" | ||
191 | class="formSelect percent30" | 197 | class="formSelect percent30" |
192 | v-model="childItem.sjdjbsm" | 198 | v-model="childItem.sjdjbsm" |
193 | > | 199 | > |
... | @@ -202,6 +208,7 @@ | ... | @@ -202,6 +208,7 @@ |
202 | </li> | 208 | </li> |
203 | <li> | 209 | <li> |
204 | <el-date-picker | 210 | <el-date-picker |
211 | :disabled="formData.qszt!='0'" | ||
205 | v-model="childItem.tdsyjssj" | 212 | v-model="childItem.tdsyjssj" |
206 | type="date" | 213 | type="date" |
207 | value-format="yyyy-MM-dd" | 214 | value-format="yyyy-MM-dd" |
... | @@ -216,10 +223,10 @@ | ... | @@ -216,10 +223,10 @@ |
216 | <div class="title"> | 223 | <div class="title"> |
217 | <el-select-tree | 224 | <el-select-tree |
218 | v-if="show" | 225 | v-if="show" |
226 | :disabled="formData.qszt!='0'" | ||
219 | :default-expand-all="defaultExpandAll" | 227 | :default-expand-all="defaultExpandAll" |
220 | :multiple="multiple" | 228 | :multiple="multiple" |
221 | :placeholder="placeholder" | 229 | :placeholder="placeholder" |
222 | :disabled="disabled" | ||
223 | :data="$store.state.qlxzList" | 230 | :data="$store.state.qlxzList" |
224 | :props="treeProps" | 231 | :props="treeProps" |
225 | :check-strictly="checkStrictly" | 232 | :check-strictly="checkStrictly" |
... | @@ -235,10 +242,12 @@ | ... | @@ -235,10 +242,12 @@ |
235 | import { getDdicByMC } from "../../api/common"; | 242 | import { getDdicByMC } from "../../api/common"; |
236 | export default { | 243 | export default { |
237 | props: { | 244 | props: { |
238 | // widtd: { | 245 | formData: { |
239 | // type: String, | 246 | type: Object, |
240 | // default: "70%", | 247 | default: () => { |
241 | // }, | 248 | return {}; |
249 | }, | ||
250 | }, | ||
242 | }, | 251 | }, |
243 | data() { | 252 | data() { |
244 | return { | 253 | return { |
... | @@ -290,6 +299,9 @@ export default { | ... | @@ -290,6 +299,9 @@ export default { |
290 | }; | 299 | }; |
291 | }, | 300 | }, |
292 | created() {}, | 301 | created() {}, |
302 | mounted(){ | ||
303 | console.log(this.formData,'formData'); | ||
304 | }, | ||
293 | methods: { | 305 | methods: { |
294 | //外层操作 | 306 | //外层操作 |
295 | handleClick(ind, type) { | 307 | handleClick(ind, type) { | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment