宗地和自然幢表单判断只有临时状态可以编辑
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