修改房屋多幢对应的问题
Showing
3 changed files
with
185 additions
and
122 deletions
| ... | @@ -18,51 +18,54 @@ | ... | @@ -18,51 +18,54 @@ |
| 18 | > | 18 | > |
| 19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> | 19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> |
| 20 | <template slot-scope="scope"> | 20 | <template slot-scope="scope"> |
| 21 | <div style="text-align: center"> | 21 | <div style="text-align: center">{{ scope.$index + 1 }}</div> |
| 22 | {{ scope.$index + 1 }} | ||
| 23 | </div> | ||
| 24 | </template> | 22 | </template> |
| 25 | </el-table-column> | 23 | </el-table-column> |
| 26 | <el-table-column prop="bdcdyh" label="不动产单元号" min-width="100"> | 24 | <el-table-column prop="bdcdyh" label="不动产单元号" min-width="100"> |
| 27 | <template slot-scope="scope"> | 25 | <template slot-scope="scope"> |
| 28 | <div style="text-align: center"> | 26 | <div style="text-align: center">{{ scope.row.bdcdyh }}</div> |
| 29 | {{ scope.row.bdcdyh }} | ||
| 30 | </div> | ||
| 31 | </template> | 27 | </template> |
| 32 | </el-table-column> | 28 | </el-table-column> |
| 33 | <el-table-column prop="xmmc" label="项目名称" min-width="100"> | 29 | <el-table-column prop="xmmc" label="项目名称" min-width="100"> |
| 34 | <template slot-scope="scope"> | 30 | <template slot-scope="scope"> |
| 35 | <div style="text-align: center"> | 31 | <div style="text-align: center">{{ scope.row.xmmc }}</div> |
| 36 | {{ scope.row.xmmc }} | 32 | </template> |
| 37 | </div> | 33 | </el-table-column> |
| 34 | <el-table-column prop="zcs" label="总层数" min-width="100"> | ||
| 35 | <template slot-scope="scope"> | ||
| 36 | <div style="text-align: center">{{ scope.row.zcs }}</div> | ||
| 37 | </template> | ||
| 38 | </el-table-column> | ||
| 39 | <el-table-column prop="ytmc" label="房屋用途" min-width="100"> | ||
| 40 | <template slot-scope="scope"> | ||
| 41 | <div style="text-align: center">{{ scope.row.ytmc }}</div> | ||
| 42 | </template> | ||
| 43 | </el-table-column> | ||
| 44 | <el-table-column prop="fwjgmc" label="房屋结构" min-width="100"> | ||
| 45 | <template slot-scope="scope"> | ||
| 46 | <div style="text-align: center">{{ scope.row.fwjgmc }}</div> | ||
| 38 | </template> | 47 | </template> |
| 39 | </el-table-column> | 48 | </el-table-column> |
| 40 | <el-table-column prop="jzmj" label="建筑面积" min-width="100"> | 49 | <el-table-column prop="jzmj" label="建筑面积" min-width="100"> |
| 41 | <template slot-scope="scope"> | 50 | <template slot-scope="scope"> |
| 42 | <div style="text-align: center"> | 51 | <div style="text-align: center">{{ scope.row.jzmj }}</div> |
| 43 | {{ scope.row.jzmj }} | ||
| 44 | </div> | ||
| 45 | </template> | 52 | </template> |
| 46 | </el-table-column> | 53 | </el-table-column> |
| 47 | <el-table-column prop="ytmc" label="用途名称" min-width="100"> | 54 | <el-table-column prop="jgsj" label="竣工时间" min-width="100"> |
| 48 | <template slot-scope="scope"> | 55 | <template slot-scope="scope"> |
| 49 | <div style="text-align: center"> | 56 | <div style="text-align: center">{{ scope.row.jgsj }}</div> |
| 50 | {{ scope.row.ytmc }} | ||
| 51 | </div> | ||
| 52 | </template> | 57 | </template> |
| 53 | </el-table-column> | 58 | </el-table-column> |
| 54 | <el-table-column prop="fwjgmc" label="房屋结构名称" min-width="100"> | 59 | <el-table-column prop="zts" label="总套数" min-width="100"> |
| 55 | <template slot-scope="scope"> | 60 | <template slot-scope="scope"> |
| 56 | <div style="text-align: center"> | 61 | <div style="text-align: center">{{ scope.row.zts }}</div> |
| 57 | {{ scope.row.fwjgmc }} | ||
| 58 | </div> | ||
| 59 | </template> | 62 | </template> |
| 60 | </el-table-column> | 63 | </el-table-column> |
| 61 | </el-table> | 64 | </el-table> |
| 62 | </div> | 65 | </div> |
| 63 | </template> | 66 | </template> |
| 64 | <script> | 67 | <script> |
| 65 | import {mapGetters} from "vuex"; | 68 | import { mapGetters } from "vuex"; |
| 66 | 69 | ||
| 67 | export default { | 70 | export default { |
| 68 | computed: { | 71 | computed: { |
| ... | @@ -84,11 +87,10 @@ export default { | ... | @@ -84,11 +87,10 @@ export default { |
| 84 | return { | 87 | return { |
| 85 | // 键名转换,方法默认是label和children进行树状渲染 | 88 | // 键名转换,方法默认是label和children进行树状渲染 |
| 86 | key: 0, | 89 | key: 0, |
| 87 | tableDataList: [] | 90 | tableDataList: [], |
| 88 | }; | 91 | }; |
| 89 | }, | 92 | }, |
| 90 | mounted() { | 93 | mounted() {}, |
| 91 | }, | ||
| 92 | watch: { | 94 | watch: { |
| 93 | tableData: { | 95 | tableData: { |
| 94 | handler: function (val, oldVal) { | 96 | handler: function (val, oldVal) { |
| ... | @@ -133,7 +135,7 @@ export default { | ... | @@ -133,7 +135,7 @@ export default { |
| 133 | )} | 135 | )} |
| 134 | </div> | 136 | </div> |
| 135 | ); | 137 | ); |
| 136 | } | 138 | }, |
| 137 | }, | 139 | }, |
| 138 | }; | 140 | }; |
| 139 | </script> | 141 | </script> | ... | ... |
| ... | @@ -5,8 +5,14 @@ | ... | @@ -5,8 +5,14 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| 8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | 8 | <el-form |
| 9 | label-width="120px"> | 9 | :model="ruleForm" |
| 10 | :rules="rules" | ||
| 11 | ref="ruleForm" | ||
| 12 | :label-position="flag ? 'top' : ''" | ||
| 13 | :inline="flag" | ||
| 14 | label-width="120px" | ||
| 15 | > | ||
| 10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 11 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
| 12 | 受理信息 | 18 | 受理信息 |
| ... | @@ -52,37 +58,84 @@ | ... | @@ -52,37 +58,84 @@ |
| 52 | </div> | 58 | </div> |
| 53 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 59 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
| 54 | <el-col :span="8"> | 60 | <el-col :span="8"> |
| 61 | <el-form-item label="原不动产权证号:"> | ||
| 62 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | ||
| 63 | </el-form-item> | ||
| 64 | </el-col> | ||
| 65 | <el-col :span="8"> | ||
| 55 | <el-form-item label="不动产单元号:"> | 66 | <el-form-item label="不动产单元号:"> |
| 56 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | 67 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
| 57 | </el-form-item> | 68 | </el-form-item> |
| 58 | </el-col> | 69 | </el-col> |
| 59 | <el-col :span="16"> | 70 | <el-col :span="8"> |
| 60 | <el-form-item label="坐落:"> | 71 | <el-form-item label="坐落:"> |
| 61 | <el-input disabled v-model="ruleForm.sldy.zl"></el-input> | 72 | <el-input v-model="ruleForm.sldy.zl"></el-input> |
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | </el-row> | ||
| 76 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> | ||
| 77 | <el-col :span="8"> | ||
| 78 | <el-form-item label="宗地面积:"> | ||
| 79 | <div class="flex"> | ||
| 80 | <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> | ||
| 81 | <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 20%"> | ||
| 82 | <el-option | ||
| 83 | v-for="item in dictData['A7']" | ||
| 84 | :key="item.dcode" | ||
| 85 | :label="item.dname" | ||
| 86 | :value="item.dcode" | ||
| 87 | ></el-option> | ||
| 88 | </el-select> | ||
| 89 | </div> | ||
| 90 | </el-form-item> | ||
| 91 | </el-col> | ||
| 92 | <el-col :span="8"> | ||
| 93 | <el-form-item label="土地性质:"> | ||
| 94 | <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | ||
| 95 | </el-form-item> | ||
| 96 | </el-col> | ||
| 97 | <el-col :span="8"> | ||
| 98 | <el-form-item label="土地使用权人:"> | ||
| 99 | <el-input disabled v-model="ruleForm.fdcq1.tdsyqr"></el-input> | ||
| 62 | </el-form-item> | 100 | </el-form-item> |
| 63 | </el-col> | 101 | </el-col> |
| 64 | </el-row> | 102 | </el-row> |
| 65 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> | 103 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> |
| 66 | <el-col :span="8"> | 104 | <el-col :span="8"> |
| 67 | <el-form-item label="独用土地面积:"> | 105 | <el-form-item label="独用土地面积:"> |
| 68 | <el-input disabled v-model="ruleForm.fdcq1.dytdmj"></el-input> | 106 | <el-input v-model="ruleForm.fdcq1.dytdmj"></el-input> |
| 69 | </el-form-item> | 107 | </el-form-item> |
| 70 | </el-col> | 108 | </el-col> |
| 71 | <el-col :span="8"> | 109 | <el-col :span="8"> |
| 72 | <el-form-item label="分摊土地面积:"> | 110 | <el-form-item label="分摊土地面积:"> |
| 73 | <el-input disabled v-model="ruleForm.fdcq1.fttdmj"></el-input> | 111 | <el-input v-model="ruleForm.fdcq1.fttdmj"></el-input> |
| 74 | </el-form-item> | 112 | </el-form-item> |
| 75 | </el-col> | 113 | </el-col> |
| 114 | |||
| 76 | <el-col :span="8"> | 115 | <el-col :span="8"> |
| 77 | <el-form-item label="房地产交易价格:"> | 116 | <el-form-item label="房地产交易价格:"> |
| 78 | <el-input disabled v-model="ruleForm.fdcq1.fdcjyjg"></el-input> | 117 | <div class="flex"> |
| 118 | <el-input | ||
| 119 | v-model="ruleForm.fdcq1.fdcjyjg" | ||
| 120 | style="width: 500%" | ||
| 121 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 122 | ></el-input> | ||
| 123 | <el-select v-model="ruleForm.fdcq1.jedw"> | ||
| 124 | <el-option | ||
| 125 | v-for="item in dictData['A57']" | ||
| 126 | :key="item.dcode" | ||
| 127 | :label="item.dname" | ||
| 128 | :value="item.dcode" | ||
| 129 | ></el-option> | ||
| 130 | </el-select> | ||
| 131 | </div> | ||
| 79 | </el-form-item> | 132 | </el-form-item> |
| 80 | </el-col> | 133 | </el-col> |
| 81 | </el-row> | 134 | </el-row> |
| 82 | <el-row :gutter="10"> | 135 | <el-row :gutter="10"> |
| 83 | <el-col :span="24"> | 136 | <el-col :span="24"> |
| 84 | <el-form-item label="附记:"> | 137 | <el-form-item label="附记:"> |
| 85 | <el-input disabled v-model="ruleForm.fdcq1.fj"></el-input> | 138 | <el-input v-model="ruleForm.fdcq1.fj"></el-input> |
| 86 | </el-form-item> | 139 | </el-form-item> |
| 87 | </el-col> | 140 | </el-col> |
| 88 | </el-row> | 141 | </el-row> |
| ... | @@ -92,7 +145,8 @@ | ... | @@ -92,7 +145,8 @@ |
| 92 | <fdcqxmTable | 145 | <fdcqxmTable |
| 93 | :ableOperation="viewEdit" | 146 | :ableOperation="viewEdit" |
| 94 | :tableData="ruleForm.fdcqxm" | 147 | :tableData="ruleForm.fdcqxm" |
| 95 | @upDateTdytxxList="upDateTdytxxList" /> | 148 | @upDateTdytxxList="upDateTdytxxList" |
| 149 | /> | ||
| 96 | <div class="slxx_title title-block"> | 150 | <div class="slxx_title title-block"> |
| 97 | 土地用途 | 151 | 土地用途 |
| 98 | <div class="triangle"></div> | 152 | <div class="triangle"></div> |
| ... | @@ -100,7 +154,8 @@ | ... | @@ -100,7 +154,8 @@ |
| 100 | <tdytTable | 154 | <tdytTable |
| 101 | :ableOperation="viewEdit" | 155 | :ableOperation="viewEdit" |
| 102 | :tableData="ruleForm.tdytqxList" | 156 | :tableData="ruleForm.tdytqxList" |
| 103 | @upDateTdytxxList="upDateTdytxxList" /> | 157 | @upDateTdytxxList="upDateTdytxxList" |
| 158 | /> | ||
| 104 | <div class="slxx_title title-block"> | 159 | <div class="slxx_title title-block"> |
| 105 | 权利人信息 | 160 | 权利人信息 |
| 106 | <div class="triangle"></div> | 161 | <div class="triangle"></div> |
| ... | @@ -108,8 +163,11 @@ | ... | @@ -108,8 +163,11 @@ |
| 108 | <el-row :gutter="10"> | 163 | <el-row :gutter="10"> |
| 109 | <el-col :span="14" v-if="ruleForm.qlxx"> | 164 | <el-col :span="14" v-if="ruleForm.qlxx"> |
| 110 | <el-form-item label="共有方式:"> | 165 | <el-form-item label="共有方式:"> |
| 111 | <el-radio-group :disabled="!viewEdit" @change="showCZInfo" | 166 | <el-radio-group |
| 112 | v-model="ruleForm.sldy.gyfs"> | 167 | :disabled="!viewEdit" |
| 168 | @change="showCZInfo" | ||
| 169 | v-model="ruleForm.sldy.gyfs" | ||
| 170 | > | ||
| 113 | <el-radio label="0">单独所有</el-radio> | 171 | <el-radio label="0">单独所有</el-radio> |
| 114 | <el-radio label="1">共同共有</el-radio> | 172 | <el-radio label="1">共同共有</el-radio> |
| 115 | <el-radio label="2">按份所有</el-radio> | 173 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -119,43 +177,42 @@ | ... | @@ -119,43 +177,42 @@ |
| 119 | </el-col> | 177 | </el-col> |
| 120 | <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> | 178 | <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> |
| 121 | <el-form-item label="是否分别持证:"> | 179 | <el-form-item label="是否分别持证:"> |
| 122 | <el-radio-group | 180 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> |
| 123 | v-model="ruleForm.sldy.sqfbcz" | ||
| 124 | :disabled="!viewEdit"> | ||
| 125 | <el-radio :label="1">是</el-radio> | 181 | <el-radio :label="1">是</el-radio> |
| 126 | <el-radio :label="0">否</el-radio> | 182 | <el-radio :label="0">否</el-radio> |
| 127 | </el-radio-group> | 183 | </el-radio-group> |
| 128 | </el-form-item> | 184 | </el-form-item> |
| 129 | </el-col> | 185 | </el-col> |
| 130 | <el-col | 186 | <el-col :span="5" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 131 | :span="5" | ||
| 132 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | ||
| 133 | <el-form-item label="持证人:"> | 187 | <el-form-item label="持证人:"> |
| 134 | <el-select | 188 | <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!viewEdit"> |
| 135 | v-model="ruleForm.czr" | ||
| 136 | placeholder="持证人" | ||
| 137 | :disabled="!viewEdit"> | ||
| 138 | <el-option | 189 | <el-option |
| 139 | v-for="item in czrOptions" | 190 | v-for="item in czrOptions" |
| 140 | :key="item.zjh" | 191 | :key="item.zjh" |
| 141 | :label="item.sqrmc" | 192 | :label="item.sqrmc" |
| 142 | :value="item.zjh"> | 193 | :value="item.zjh" |
| 143 | </el-option> | 194 | ></el-option> |
| 144 | </el-select> | 195 | </el-select> |
| 145 | </el-form-item> | 196 | </el-form-item> |
| 146 | </el-col> | 197 | </el-col> |
| 147 | |||
| 148 | </el-row> | 198 | </el-row> |
| 149 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!viewEdit" | 199 | <qlrCommonTable |
| 150 | :gyfs="ruleForm.slsq.gyfs" /> | 200 | @upDateQlrxxList="upDateQlrxxList" |
| 201 | :tableData="ruleForm.qlrList" | ||
| 202 | :gyfs="ruleForm.slsq.gyfs" | ||
| 203 | /> | ||
| 151 | 204 | ||
| 152 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> | 205 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> |
| 153 | <div class="slxx_title title-block"> | 206 | <div class="slxx_title title-block"> |
| 154 | 义务人信息 | 207 | 义务人信息 |
| 155 | <div class="triangle"></div> | 208 | <div class="triangle"></div> |
| 156 | </div> | 209 | </div> |
| 157 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | 210 | <qlrCommonTable |
| 158 | :gyfs="ruleForm.qlxx.gyfs" /> | 211 | v-if="ruleForm.qlxx" |
| 212 | @upDateQlrxxList="upDateYwrxxList" | ||
| 213 | :tableData="ruleForm.ywrList" | ||
| 214 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 215 | /> | ||
| 159 | </div> | 216 | </div> |
| 160 | <div class="slxx_title title-block"> | 217 | <div class="slxx_title title-block"> |
| 161 | 登记原因 | 218 | 登记原因 |
| ... | @@ -164,9 +221,14 @@ | ... | @@ -164,9 +221,14 @@ |
| 164 | <el-row :gutter="10"> | 221 | <el-row :gutter="10"> |
| 165 | <el-col> | 222 | <el-col> |
| 166 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> | 223 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> |
| 167 | <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" | 224 | <el-input |
| 168 | v-model="ruleForm.fdcq1.djyy"> | 225 | class="textArea" |
| 169 | </el-input> | 226 | type="textarea" |
| 227 | maxlength="500" | ||
| 228 | show-word-limit | ||
| 229 | :disabled="!viewEdit" | ||
| 230 | v-model="ruleForm.fdcq1.djyy" | ||
| 231 | ></el-input> | ||
| 170 | </el-form-item> | 232 | </el-form-item> |
| 171 | </el-col> | 233 | </el-col> |
| 172 | </el-row> | 234 | </el-row> |
| ... | @@ -181,16 +243,16 @@ | ... | @@ -181,16 +243,16 @@ |
| 181 | </div> | 243 | </div> |
| 182 | </template> | 244 | </template> |
| 183 | <script> | 245 | <script> |
| 184 | import ywmix from "@/views/ywbl/mixin/index" | 246 | import ywmix from "@/views/ywbl/mixin/index"; |
| 185 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 247 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 186 | import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; | 248 | import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; |
| 187 | import tdytTable from "@/views/workflow/components/tdytTable"; | 249 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 188 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; | 250 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; |
| 189 | import { mapGetters } from "vuex"; | 251 | import { mapGetters } from "vuex"; |
| 190 | export default { | 252 | export default { |
| 191 | mixins: [ywmix], | 253 | mixins: [ywmix], |
| 192 | mounted () { | 254 | mounted() { |
| 193 | this.viewEdit = this.$parent.currentSelectTab.ableOperation | 255 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 194 | this.propsParam = this.$attrs; | 256 | this.propsParam = this.$attrs; |
| 195 | var formdata = new FormData(); | 257 | var formdata = new FormData(); |
| 196 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 258 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| ... | @@ -201,9 +263,11 @@ | ... | @@ -201,9 +263,11 @@ |
| 201 | this.ruleForm = { | 263 | this.ruleForm = { |
| 202 | ...res.result, | 264 | ...res.result, |
| 203 | ...res.result.qlxxdatas, | 265 | ...res.result.qlxxdatas, |
| 204 | } | 266 | }; |
| 205 | //初始化发证方式,1:小证,2:大正 | 267 | //初始化发证方式,1:小证,2:大正 |
| 206 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; | 268 | this.ruleForm.slsq.fzfs == null |
| 269 | ? (this.ruleForm.slsq.fzfs = "1") | ||
| 270 | : this.ruleForm.slsq.fzfs; | ||
| 207 | this.czrOptions = this.ruleForm.qlrList; | 271 | this.czrOptions = this.ruleForm.qlrList; |
| 208 | } | 272 | } |
| 209 | }); | 273 | }); |
| ... | @@ -212,38 +276,36 @@ | ... | @@ -212,38 +276,36 @@ |
| 212 | computed: { | 276 | computed: { |
| 213 | ...mapGetters(["dictData", "flag"]), | 277 | ...mapGetters(["dictData", "flag"]), |
| 214 | }, | 278 | }, |
| 215 | data () { | 279 | data() { |
| 216 | return { | 280 | return { |
| 217 | disabled: true, | 281 | disabled: true, |
| 218 | tdytOption: [], | 282 | tdytOption: [], |
| 219 | czrOptions: [], | 283 | czrOptions: [], |
| 220 | ruleForm: { | 284 | ruleForm: { |
| 221 | flow: { | 285 | flow: { |
| 222 | ywh: '' | 286 | ywh: "", |
| 223 | }, | 287 | }, |
| 224 | qlxx: { | 288 | qlxx: { |
| 225 | mj: '' | 289 | mj: "", |
| 226 | }, | 290 | }, |
| 227 | sldy: { | 291 | sldy: { |
| 228 | gyfs: '' | 292 | gyfs: "", |
| 229 | }, | ||
| 230 | slsq: { | ||
| 231 | |||
| 232 | }, | 293 | }, |
| 294 | slsq: {}, | ||
| 233 | fdcq1: { | 295 | fdcq1: { |
| 234 | zyjzmj: '', | 296 | zyjzmj: "", |
| 235 | ftjzmj: '' | 297 | ftjzmj: "", |
| 236 | }, | 298 | }, |
| 237 | zdjbxx: { | 299 | zdjbxx: { |
| 238 | ghytmc: '' | 300 | ghytmc: "", |
| 239 | } | 301 | }, |
| 240 | }, | 302 | }, |
| 241 | //传递参数 | 303 | //传递参数 |
| 242 | propsParam: this.$attrs, | 304 | propsParam: this.$attrs, |
| 243 | //表单是否可操作 | 305 | //表单是否可操作 |
| 244 | viewEdit: false, | 306 | viewEdit: false, |
| 245 | rules: {} | 307 | rules: {}, |
| 246 | } | 308 | }; |
| 247 | }, | 309 | }, |
| 248 | methods: { | 310 | methods: { |
| 249 | /** | 311 | /** |
| ... | @@ -251,7 +313,7 @@ | ... | @@ -251,7 +313,7 @@ |
| 251 | * @param {*} val | 313 | * @param {*} val |
| 252 | * @author: renchao | 314 | * @author: renchao |
| 253 | */ | 315 | */ |
| 254 | upDateTdytxxList (val) { | 316 | upDateTdytxxList(val) { |
| 255 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 317 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 256 | this.key++; | 318 | this.key++; |
| 257 | }, | 319 | }, |
| ... | @@ -260,7 +322,7 @@ | ... | @@ -260,7 +322,7 @@ |
| 260 | * @param {*} val | 322 | * @param {*} val |
| 261 | * @author: renchao | 323 | * @author: renchao |
| 262 | */ | 324 | */ |
| 263 | upDateQlrxxList (val) { | 325 | upDateQlrxxList(val) { |
| 264 | this.ruleForm.qlrList = _.cloneDeep(val); | 326 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 265 | this.czrOptions = this.ruleForm.qlrList; | 327 | this.czrOptions = this.ruleForm.qlrList; |
| 266 | this.key++; | 328 | this.key++; |
| ... | @@ -269,7 +331,7 @@ | ... | @@ -269,7 +331,7 @@ |
| 269 | * @description: showCZInfo | 331 | * @description: showCZInfo |
| 270 | * @author: renchao | 332 | * @author: renchao |
| 271 | */ | 333 | */ |
| 272 | showCZInfo () { | 334 | showCZInfo() { |
| 273 | console.log(this.ruleForm.slsq.gyfs); | 335 | console.log(this.ruleForm.slsq.gyfs); |
| 274 | }, | 336 | }, |
| 275 | // 更新权利人信息 | 337 | // 更新权利人信息 |
| ... | @@ -278,15 +340,15 @@ | ... | @@ -278,15 +340,15 @@ |
| 278 | * @param {*} val | 340 | * @param {*} val |
| 279 | * @author: renchao | 341 | * @author: renchao |
| 280 | */ | 342 | */ |
| 281 | upDateYwrxxList (val) { | 343 | upDateYwrxxList(val) { |
| 282 | this.ruleForm.ywrList = _.cloneDeep(val); | 344 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 283 | }, | 345 | }, |
| 284 | /** | 346 | /** |
| 285 | * @description: onSubmit | 347 | * @description: onSubmit |
| 286 | * @author: renchao | 348 | * @author: renchao |
| 287 | */ | 349 | */ |
| 288 | onSubmit () { | 350 | onSubmit() { |
| 289 | let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) | 351 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
| 290 | if (arr.length > 0) { | 352 | if (arr.length > 0) { |
| 291 | this.$message({ | 353 | this.$message({ |
| 292 | showClose: true, | 354 | showClose: true, |
| ... | @@ -302,66 +364,66 @@ | ... | @@ -302,66 +364,66 @@ |
| 302 | message: "保存成功!", | 364 | message: "保存成功!", |
| 303 | type: "success", | 365 | type: "success", |
| 304 | }); | 366 | }); |
| 305 | this.$store.dispatch('user/refreshPage', true); | 367 | this.$store.dispatch("user/refreshPage", true); |
| 306 | } else { | 368 | } else { |
| 307 | this.$message({ | 369 | this.$message({ |
| 308 | showClose: true, | 370 | showClose: true, |
| 309 | message: res.message, | 371 | message: res.message, |
| 310 | type: "error" | 372 | type: "error", |
| 311 | }) | 373 | }); |
| 312 | } | ||
| 313 | }) | ||
| 314 | } | ||
| 315 | } | ||
| 316 | } | 374 | } |
| 375 | }); | ||
| 376 | }, | ||
| 377 | }, | ||
| 378 | }; | ||
| 317 | </script> | 379 | </script> |
| 318 | <style scoped lang='scss'> | 380 | <style scoped lang='scss'> |
| 319 | @import "~@/styles/public.scss"; | 381 | @import "~@/styles/public.scss"; |
| 320 | 382 | ||
| 321 | /deep/.el-form { | 383 | /deep/.el-form { |
| 322 | display: flex; | 384 | display: flex; |
| 323 | flex-direction: column; | 385 | flex-direction: column; |
| 324 | height: calc(100vh - 130px); | 386 | height: calc(100vh - 130px); |
| 325 | } | 387 | } |
| 326 | 388 | ||
| 327 | /deep/.el-form-item__label { | 389 | /deep/.el-form-item__label { |
| 328 | padding: 0; | 390 | padding: 0; |
| 329 | } | 391 | } |
| 330 | 392 | ||
| 331 | /deep/.el-radio { | 393 | /deep/.el-radio { |
| 332 | margin-right: 10px; | 394 | margin-right: 10px; |
| 333 | } | 395 | } |
| 334 | 396 | ||
| 335 | /deep/.el-select { | 397 | /deep/.el-select { |
| 336 | width: 100%; | 398 | width: 100%; |
| 337 | } | 399 | } |
| 338 | 400 | ||
| 339 | /deep/.el-form-item { | 401 | /deep/.el-form-item { |
| 340 | margin-bottom: 8px; | 402 | margin-bottom: 8px; |
| 341 | } | 403 | } |
| 342 | 404 | ||
| 343 | .marginBot0 { | 405 | .marginBot0 { |
| 344 | margin-bottom: 0 !important; | 406 | margin-bottom: 0 !important; |
| 345 | } | 407 | } |
| 346 | 408 | ||
| 347 | .slxx { | 409 | .slxx { |
| 348 | box-sizing: border-box; | 410 | box-sizing: border-box; |
| 349 | } | 411 | } |
| 350 | 412 | ||
| 351 | .slxx_con { | 413 | .slxx_con { |
| 352 | flex: 1; | 414 | flex: 1; |
| 353 | height: 100%; | 415 | height: 100%; |
| 354 | background-color: #ffffff; | 416 | background-color: #ffffff; |
| 355 | overflow-y: auto; | 417 | overflow-y: auto; |
| 356 | padding-right: 3px; | 418 | padding-right: 3px; |
| 357 | overflow-x: hidden; | 419 | overflow-x: hidden; |
| 358 | } | 420 | } |
| 359 | 421 | ||
| 360 | .submit_btn { | 422 | .submit_btn { |
| 361 | height: 50px; | 423 | height: 50px; |
| 362 | } | 424 | } |
| 363 | 425 | ||
| 364 | .slxx_title { | 426 | .slxx_title { |
| 365 | border-bottom: 1px solid $borderColor; | 427 | border-bottom: 1px solid $borderColor; |
| 366 | padding-left: 10px; | 428 | padding-left: 10px; |
| 367 | padding-bottom: 5px; | 429 | padding-bottom: 5px; |
| ... | @@ -370,23 +432,23 @@ | ... | @@ -370,23 +432,23 @@ |
| 370 | font-size: 16px; | 432 | font-size: 16px; |
| 371 | font-weight: 500; | 433 | font-weight: 500; |
| 372 | color: #4a4a4a; | 434 | color: #4a4a4a; |
| 373 | } | 435 | } |
| 374 | 436 | ||
| 375 | .btn { | 437 | .btn { |
| 376 | text-align: center; | 438 | text-align: center; |
| 377 | padding-top: 10px; | 439 | padding-top: 10px; |
| 378 | height: 36px; | 440 | height: 36px; |
| 379 | background-color: #ffffff; | 441 | background-color: #ffffff; |
| 380 | padding: 5px 0; | 442 | padding: 5px 0; |
| 381 | } | 443 | } |
| 382 | 444 | ||
| 383 | .textArea { | 445 | .textArea { |
| 384 | /deep/.el-textarea__inner { | 446 | /deep/.el-textarea__inner { |
| 385 | min-height: 90px !important; | 447 | min-height: 90px !important; |
| 386 | } | 448 | } |
| 387 | } | 449 | } |
| 388 | 450 | ||
| 389 | /deep/.el-form-item__label { | 451 | /deep/.el-form-item__label { |
| 390 | padding-bottom: 0px; | 452 | padding-bottom: 0px; |
| 391 | } | 453 | } |
| 392 | </style> | 454 | </style> | ... | ... |
| ... | @@ -101,7 +101,6 @@ | ... | @@ -101,7 +101,6 @@ |
| 101 | :default-expand-level="1" | 101 | :default-expand-level="1" |
| 102 | :show-count="true" | 102 | :show-count="true" |
| 103 | :options="dictData['A9']" /> | 103 | :options="dictData['A9']" /> |
| 104 | |||
| 105 | </el-form-item> | 104 | </el-form-item> |
| 106 | </el-col> | 105 | </el-col> |
| 107 | </el-row> | 106 | </el-row> | ... | ... |
-
Please register or sign in to post a comment