style:登簿日志
Showing
6 changed files
with
267 additions
and
199 deletions
| ... | @@ -271,18 +271,6 @@ export default { | ... | @@ -271,18 +271,6 @@ export default { |
| 271 | @import "~@/styles/mixin.scss"; | 271 | @import "~@/styles/mixin.scss"; |
| 272 | @import "~@/styles/dialogBox.scss"; | 272 | @import "~@/styles/dialogBox.scss"; |
| 273 | 273 | ||
| 274 | .regularHeight { | ||
| 275 | height: 80vh; | ||
| 276 | display: flex; | ||
| 277 | flex-direction: column; | ||
| 278 | |||
| 279 | .editDialogBox-con, | ||
| 280 | .JsonEditor { | ||
| 281 | flex: 1; | ||
| 282 | height: 100%; | ||
| 283 | } | ||
| 284 | } | ||
| 285 | |||
| 286 | /deep/.el-dialog__body { | 274 | /deep/.el-dialog__body { |
| 287 | display: flex; | 275 | display: flex; |
| 288 | flex-direction: column; | 276 | flex-direction: column; | ... | ... |
| ... | @@ -17,7 +17,7 @@ export default { | ... | @@ -17,7 +17,7 @@ export default { |
| 17 | 17 | ||
| 18 | <style scoped lang="scss"> | 18 | <style scoped lang="scss"> |
| 19 | /deep/.el-textarea__inner { | 19 | /deep/.el-textarea__inner { |
| 20 | height: 72vh !important; | 20 | height: 67vh !important; |
| 21 | border: none !important; | 21 | border: none !important; |
| 22 | background-color: #08346F !important; | 22 | background-color: #08346F !important; |
| 23 | color: #ffffff; | 23 | color: #ffffff; | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | overflow: hidden; | 2 | overflow: hidden; |
| 3 | background: url("~@/image/dialogBg.png") no-repeat !important; | 3 | background: url("~@/image/dialogBg.png") no-repeat !important; |
| 4 | background-size: 100% 100% !important; | 4 | background-size: 100% 100% !important; |
| 5 | min-height: 89vh; | 5 | min-height: 90vh; |
| 6 | 6 | ||
| 7 | .dialog_title { | 7 | .dialog_title { |
| 8 | display: flex; | 8 | display: flex; |
| ... | @@ -60,6 +60,18 @@ | ... | @@ -60,6 +60,18 @@ |
| 60 | } | 60 | } |
| 61 | } | 61 | } |
| 62 | 62 | ||
| 63 | .regularHeight { | ||
| 64 | height: 80vh; | ||
| 65 | display: flex; | ||
| 66 | flex-direction: column; | ||
| 67 | |||
| 68 | .editDialogBox-con, | ||
| 69 | .JsonEditor { | ||
| 70 | flex: 1; | ||
| 71 | height: 100%; | ||
| 72 | } | ||
| 73 | } | ||
| 74 | |||
| 63 | .dialog-from { | 75 | .dialog-from { |
| 64 | padding: 13px; | 76 | padding: 13px; |
| 65 | border-radius: 2px; | 77 | border-radius: 2px; | ... | ... |
| ... | @@ -50,7 +50,7 @@ export default { | ... | @@ -50,7 +50,7 @@ export default { |
| 50 | } | 50 | } |
| 51 | 51 | ||
| 52 | /deep/.el-textarea__inner { | 52 | /deep/.el-textarea__inner { |
| 53 | min-height: 33vh !important; | 53 | min-height: 27vh !important; |
| 54 | background-color: #08346F !important; | 54 | background-color: #08346F !important; |
| 55 | color: #ffffff; | 55 | color: #ffffff; |
| 56 | border: none !important; | 56 | border: none !important; | ... | ... |
| ... | @@ -6,6 +6,31 @@ class data { | ... | @@ -6,6 +6,31 @@ class data { |
| 6 | columns () { | 6 | columns () { |
| 7 | return [ | 7 | return [ |
| 8 | { | 8 | { |
| 9 | width: "70", | ||
| 10 | renderHeader: (h, scope) => { | ||
| 11 | return ( | ||
| 12 | <div> | ||
| 13 | <i | ||
| 14 | class="el-icon-plus" | ||
| 15 | onClick={() => { | ||
| 16 | vm.handleSBAdd(); | ||
| 17 | }} | ||
| 18 | style="cursor:pointer;color:#409EFF" | ||
| 19 | ></i> | ||
| 20 | </div> | ||
| 21 | ); | ||
| 22 | }, | ||
| 23 | render: (h, scope) => { | ||
| 24 | return <i | ||
| 25 | class="el-icon-minus" | ||
| 26 | onClick={() => { | ||
| 27 | vm.handleSBMinus(scope.row); | ||
| 28 | }} | ||
| 29 | style="cursor:pointer;color:#409EFF" | ||
| 30 | ></i> | ||
| 31 | }, | ||
| 32 | }, | ||
| 33 | { | ||
| 9 | prop: 'ywh', | 34 | prop: 'ywh', |
| 10 | label: '业务号', | 35 | label: '业务号', |
| 11 | render: (h, scope) => { | 36 | render: (h, scope) => { | ... | ... |
| ... | @@ -4,205 +4,210 @@ | ... | @@ -4,205 +4,210 @@ |
| 4 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 4 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
| 5 | {{ title || '标题' }} | 5 | {{ title || '标题' }} |
| 6 | </div> | 6 | </div> |
| 7 | <div class="editDialogBox-box"> | 7 | <div class="regularHeight"> |
| 8 | <el-tabs v-model="titleName" type="card"> | 8 | <div class="editDialogBox-box"> |
| 9 | <el-tab-pane label="登薄详情" name="sjmx"></el-tab-pane> | 9 | <el-tabs v-model="titleName" type="card"> |
| 10 | <el-tab-pane label="xml报文" name="xml"></el-tab-pane> | 10 | <el-tab-pane label="登薄详情" name="sjmx"></el-tab-pane> |
| 11 | <el-tab-pane label="响应结果" name="xyjg"></el-tab-pane> | 11 | <el-tab-pane label="xml报文" name="xml"></el-tab-pane> |
| 12 | </el-tabs> | 12 | <el-tab-pane label="响应结果" name="xyjg"></el-tab-pane> |
| 13 | <div class="dialog-from" v-if="titleName == 'sjmx'"> | 13 | </el-tabs> |
| 14 | <el-row class="dialog-from_header item-content-input"> | 14 | <div class="dialog-from" v-if="titleName == 'sjmx'"> |
| 15 | <el-col :span="8"> | ||
| 16 | <span>行政编码:</span> | ||
| 17 | <el-input v-model="titleForm.xzbm" maxlength="10"></el-input> | ||
| 18 | </el-col> | ||
| 19 | <el-col :span="8"> | ||
| 20 | <span>行政名称:</span> | ||
| 21 | <el-input v-model="titleForm.mc" maxlength="20"></el-input> | ||
| 22 | </el-col> | ||
| 23 | <el-col :span="8"> | ||
| 24 | <span>日期:</span> | ||
| 25 | <el-date-picker v-model="titleForm.date" type="date"> | ||
| 26 | </el-date-picker> | ||
| 27 | </el-col> | ||
| 28 | </el-row> | ||
| 29 | <el-row class="dialog-from_header item-content-input"> | ||
| 30 | <el-col :span="24"> | ||
| 31 | <span class="bz">备注:</span> | ||
| 32 | <el-input placeholder="请输入内容" maxlength="1000" v-model="titleForm.bz"> | ||
| 33 | </el-input> | ||
| 34 | </el-col> | ||
| 35 | </el-row> | ||
| 36 | <P class="dialog-from_title">当日登薄信息记录数</P> | ||
| 37 | <div> | ||
| 38 | <el-row class="dialog-from_header item-content-input"> | ||
| 39 | <el-col :span="4"> | ||
| 40 | <span>总数量:</span> | ||
| 41 | <el-input v-model="titleForm.totalNum" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 42 | type="number"></el-input> | ||
| 43 | </el-col> | ||
| 44 | <el-col :span="4"> | ||
| 45 | <span>首次登记数量:</span> | ||
| 46 | <el-input v-model="titleForm.firstReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 47 | type="number"></el-input> | ||
| 48 | </el-col> | ||
| 49 | <el-col :span="4"> | ||
| 50 | <span>转移登记数量:</span> | ||
| 51 | <el-input v-model="titleForm.transferReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 52 | type="number"></el-input> | ||
| 53 | </el-col> | ||
| 54 | <el-col :span="4"> | ||
| 55 | <span>变更登记数量:</span> | ||
| 56 | <el-input v-model="titleForm.changeReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 57 | type="number"></el-input> | ||
| 58 | </el-col> | ||
| 59 | <el-col :span="4"> | ||
| 60 | <span>注销登记数量:</span> | ||
| 61 | <el-input v-model="titleForm.logoutReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 62 | type="number"></el-input> | ||
| 63 | </el-col> | ||
| 64 | <!-- 更正登记数量 --> | ||
| 65 | <el-col :span="4"> | ||
| 66 | <span>更正登记数量:</span> | ||
| 67 | <el-input v-model="titleForm.riviseReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 68 | type="number"></el-input> | ||
| 69 | </el-col> | ||
| 70 | </el-row> | ||
| 71 | <el-row class="dialog-from_header item-content-input"> | ||
| 72 | <el-col :span="4"> | ||
| 73 | <span>异议登记数量:</span> | ||
| 74 | <el-input v-model="titleForm.dissentingReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 75 | type="number"></el-input> | ||
| 76 | </el-col> | ||
| 77 | <el-col :span="4"> | ||
| 78 | <span>预告登记数量:</span> | ||
| 79 | <el-input v-model="titleForm.advanceReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 80 | type="number"></el-input> | ||
| 81 | </el-col> | ||
| 82 | <el-col :span="4"> | ||
| 83 | <span>查封登记数量:</span> | ||
| 84 | <el-input v-model="titleForm.seizeReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 85 | type="number"></el-input> | ||
| 86 | </el-col> | ||
| 87 | <!-- 地役权登记数量 --> | ||
| 88 | <el-col :span="4"> | ||
| 89 | <span>地役权登记数量:</span> | ||
| 90 | <el-input v-model="titleForm.easementReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 91 | type="number"></el-input> | ||
| 92 | </el-col> | ||
| 93 | <!-- 其他登记数量 --> | ||
| 94 | <el-col :span="4"> | ||
| 95 | <span>其他登记数量:</span> | ||
| 96 | <el-input v-model="titleForm.otherReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 97 | type="number"></el-input> | ||
| 98 | </el-col> | ||
| 99 | <!-- 业务类型总数 --> | ||
| 100 | <el-col :span="4"> | ||
| 101 | <span>业务类型总数:</span> | ||
| 102 | <el-input v-model="titleForm.businessTypeCount" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 103 | type="number"></el-input> | ||
| 104 | </el-col> | ||
| 105 | </el-row> | ||
| 106 | </div> | ||
| 107 | <P class="dialog-from_title">当日上报记录数</P> | ||
| 108 | <!-- 当日上报记录数 --> | ||
| 109 | <div> | ||
| 110 | <el-row class="dialog-from_header item-content-input"> | 15 | <el-row class="dialog-from_header item-content-input"> |
| 111 | <el-col :span="4"> | 16 | <el-col :span="8"> |
| 112 | <span>总数量1:</span> | 17 | <span>行政编码:</span> |
| 113 | <el-input v-model="titleForm.totalNum" oninput="if(value.length > 6) value=value.slice(0, 6)" | 18 | <el-input v-model="titleForm.xzbm" maxlength="10"></el-input> |
| 114 | type="number"></el-input> | ||
| 115 | </el-col> | ||
| 116 | <el-col :span="4"> | ||
| 117 | <span>首次登记数量:</span> | ||
| 118 | <el-input v-model="titleForm.firstReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 119 | type="number"></el-input> | ||
| 120 | </el-col> | 19 | </el-col> |
| 121 | <el-col :span="4"> | 20 | <el-col :span="8"> |
| 122 | <span>转移登记数量:</span> | 21 | <span>行政名称:</span> |
| 123 | <el-input v-model="titleForm.transferReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | 22 | <el-input v-model="titleForm.mc" maxlength="20"></el-input> |
| 124 | type="number"></el-input> | ||
| 125 | </el-col> | 23 | </el-col> |
| 126 | <el-col :span="4"> | 24 | <el-col :span="8"> |
| 127 | <span>变更登记数量:</span> | 25 | <span>日期:</span> |
| 128 | <el-input v-model="titleForm.changeReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | 26 | <el-date-picker v-model="titleForm.date" type="date"> |
| 129 | type="number"></el-input> | 27 | </el-date-picker> |
| 130 | </el-col> | ||
| 131 | <el-col :span="4"> | ||
| 132 | <span>注销登记数量:</span> | ||
| 133 | <el-input v-model="titleForm.logoutReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 134 | type="number"></el-input> | ||
| 135 | </el-col> | ||
| 136 | <!-- 更正登记数量 --> | ||
| 137 | <el-col :span="4"> | ||
| 138 | <span>更正登记数量:</span> | ||
| 139 | <el-input v-model="titleForm.riviseReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 140 | type="number"></el-input> | ||
| 141 | </el-col> | 28 | </el-col> |
| 142 | </el-row> | 29 | </el-row> |
| 143 | <el-row class="dialog-from_header item-content-input"> | 30 | <el-row class="dialog-from_header item-content-input"> |
| 144 | <el-col :span="4"> | 31 | <el-col :span="24"> |
| 145 | <span>异议登记数量:</span> | 32 | <span class="bz">备注:</span> |
| 146 | <el-input v-model="titleForm.dissentingReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | 33 | <el-input placeholder="请输入内容" maxlength="1000" v-model="titleForm.bz"> |
| 147 | type="number"></el-input> | 34 | </el-input> |
| 148 | </el-col> | ||
| 149 | <el-col :span="4"> | ||
| 150 | <span>预告登记数量:</span> | ||
| 151 | <el-input v-model="titleForm.advanceReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 152 | type="number"></el-input> | ||
| 153 | </el-col> | ||
| 154 | <el-col :span="4"> | ||
| 155 | <span>查封登记数量:</span> | ||
| 156 | <el-input v-model="titleForm.seizeReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 157 | type="number"></el-input> | ||
| 158 | </el-col> | ||
| 159 | <!-- 地役权登记数量 --> | ||
| 160 | <el-col :span="4"> | ||
| 161 | <span>地役权登记数量:</span> | ||
| 162 | <el-input v-model="titleForm.easementReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 163 | type="number"></el-input> | ||
| 164 | </el-col> | ||
| 165 | <!-- 其他登记数量 --> | ||
| 166 | <el-col :span="4"> | ||
| 167 | <span>其他登记数量:</span> | ||
| 168 | <el-input v-model="titleForm.otherReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 169 | type="number"></el-input> | ||
| 170 | </el-col> | ||
| 171 | <!-- 业务类型总数 --> | ||
| 172 | <el-col :span="4"> | ||
| 173 | <span>业务类型总数:</span> | ||
| 174 | <el-input v-model="titleForm.businessTypeCount" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 175 | type="number"></el-input> | ||
| 176 | </el-col> | 35 | </el-col> |
| 177 | </el-row> | 36 | </el-row> |
| 178 | </div> | 37 | <P class="dialog-from_title">当日登薄信息记录数</P> |
| 179 | <el-tabs v-model="titleName2" type="card"> | 38 | <div> |
| 180 | <el-tab-pane label="当日登薄详单" name="drdbxd"></el-tab-pane> | 39 | <el-row class="dialog-from_header item-content-input"> |
| 181 | <el-tab-pane label="当日上报详单" name="sbslxd"></el-tab-pane> | 40 | <el-col :span="4"> |
| 182 | </el-tabs> | 41 | <span>总数量:</span> |
| 183 | <div class="from-clues-content" v-show="titleName2 == 'drdbxd'" :key="key"> | 42 | <el-input v-model="titleForm.totalNum" oninput="if(value.length > 6) value=value.slice(0, 6)" |
| 184 | <lb-table :column="tableDBData.column" :pagination="false" :heightNumSetting="true" :heightNum="165" | 43 | type="number"></el-input> |
| 185 | :data="tableDBData.data"> | 44 | </el-col> |
| 186 | </lb-table> | 45 | <el-col :span="4"> |
| 187 | </div> | 46 | <span>首次登记数量:</span> |
| 188 | <div class="from-clues-content" v-show="titleName2 == 'sbslxd'"> | 47 | <el-input v-model="titleForm.firstReg" oninput="if(value.length > 6) value=value.slice(0, 6)" |
| 189 | <lb-table :column="tableSBData.column" :pagination="false" :heightNumSetting="true" :heightNum="165" | 48 | type="number"></el-input> |
| 190 | :data="tableSBData.data"> | 49 | </el-col> |
| 191 | </lb-table> | 50 | <el-col :span="4"> |
| 192 | </div> | 51 | <span>转移登记数量:</span> |
| 52 | <el-input v-model="titleForm.transferReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 53 | type="number"></el-input> | ||
| 54 | </el-col> | ||
| 55 | <el-col :span="4"> | ||
| 56 | <span>变更登记数量:</span> | ||
| 57 | <el-input v-model="titleForm.changeReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 58 | type="number"></el-input> | ||
| 59 | </el-col> | ||
| 60 | <el-col :span="4"> | ||
| 61 | <span>注销登记数量:</span> | ||
| 62 | <el-input v-model="titleForm.logoutReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 63 | type="number"></el-input> | ||
| 64 | </el-col> | ||
| 65 | <!-- 更正登记数量 --> | ||
| 66 | <el-col :span="4"> | ||
| 67 | <span>更正登记数量:</span> | ||
| 68 | <el-input v-model="titleForm.riviseReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 69 | type="number"></el-input> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | <el-row class="dialog-from_header item-content-input"> | ||
| 73 | <el-col :span="4"> | ||
| 74 | <span>异议登记数量:</span> | ||
| 75 | <el-input v-model="titleForm.dissentingReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 76 | type="number"></el-input> | ||
| 77 | </el-col> | ||
| 78 | <el-col :span="4"> | ||
| 79 | <span>预告登记数量:</span> | ||
| 80 | <el-input v-model="titleForm.advanceReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 81 | type="number"></el-input> | ||
| 82 | </el-col> | ||
| 83 | <el-col :span="4"> | ||
| 84 | <span>查封登记数量:</span> | ||
| 85 | <el-input v-model="titleForm.seizeReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 86 | type="number"></el-input> | ||
| 87 | </el-col> | ||
| 88 | <!-- 地役权登记数量 --> | ||
| 89 | <el-col :span="4"> | ||
| 90 | <span>地役权登记数量:</span> | ||
| 91 | <el-input v-model="titleForm.easementReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 92 | type="number"></el-input> | ||
| 93 | </el-col> | ||
| 94 | <!-- 其他登记数量 --> | ||
| 95 | <el-col :span="4"> | ||
| 96 | <span>其他登记数量:</span> | ||
| 97 | <el-input v-model="titleForm.otherReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 98 | type="number"></el-input> | ||
| 99 | </el-col> | ||
| 100 | <!-- 业务类型总数 --> | ||
| 101 | <el-col :span="4"> | ||
| 102 | <span>业务类型总数:</span> | ||
| 103 | <el-input v-model="titleForm.businessTypeCount" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 104 | type="number"></el-input> | ||
| 105 | </el-col> | ||
| 106 | </el-row> | ||
| 107 | </div> | ||
| 108 | <P class="dialog-from_title">当日上报记录数</P> | ||
| 109 | <!-- 当日上报记录数 --> | ||
| 110 | <div> | ||
| 111 | <el-row class="dialog-from_header item-content-input"> | ||
| 112 | <el-col :span="4"> | ||
| 113 | <span>总数量1:</span> | ||
| 114 | <el-input v-model="titleForm.totalNum" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 115 | type="number"></el-input> | ||
| 116 | </el-col> | ||
| 117 | <el-col :span="4"> | ||
| 118 | <span>首次登记数量:</span> | ||
| 119 | <el-input v-model="titleForm.firstReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 120 | type="number"></el-input> | ||
| 121 | </el-col> | ||
| 122 | <el-col :span="4"> | ||
| 123 | <span>转移登记数量:</span> | ||
| 124 | <el-input v-model="titleForm.transferReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 125 | type="number"></el-input> | ||
| 126 | </el-col> | ||
| 127 | <el-col :span="4"> | ||
| 128 | <span>变更登记数量:</span> | ||
| 129 | <el-input v-model="titleForm.changeReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 130 | type="number"></el-input> | ||
| 131 | </el-col> | ||
| 132 | <el-col :span="4"> | ||
| 133 | <span>注销登记数量:</span> | ||
| 134 | <el-input v-model="titleForm.logoutReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 135 | type="number"></el-input> | ||
| 136 | </el-col> | ||
| 137 | <!-- 更正登记数量 --> | ||
| 138 | <el-col :span="4"> | ||
| 139 | <span>更正登记数量:</span> | ||
| 140 | <el-input v-model="titleForm.riviseReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 141 | type="number"></el-input> | ||
| 142 | </el-col> | ||
| 143 | </el-row> | ||
| 144 | <el-row class="dialog-from_header item-content-input"> | ||
| 145 | <el-col :span="4"> | ||
| 146 | <span>异议登记数量:</span> | ||
| 147 | <el-input v-model="titleForm.dissentingReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 148 | type="number"></el-input> | ||
| 149 | </el-col> | ||
| 150 | <el-col :span="4"> | ||
| 151 | <span>预告登记数量:</span> | ||
| 152 | <el-input v-model="titleForm.advanceReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 153 | type="number"></el-input> | ||
| 154 | </el-col> | ||
| 155 | <el-col :span="4"> | ||
| 156 | <span>查封登记数量:</span> | ||
| 157 | <el-input v-model="titleForm.seizeReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 158 | type="number"></el-input> | ||
| 159 | </el-col> | ||
| 160 | <!-- 地役权登记数量 --> | ||
| 161 | <el-col :span="4"> | ||
| 162 | <span>地役权登记数量:</span> | ||
| 163 | <el-input v-model="titleForm.easementReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 164 | type="number"></el-input> | ||
| 165 | </el-col> | ||
| 166 | <!-- 其他登记数量 --> | ||
| 167 | <el-col :span="4"> | ||
| 168 | <span>其他登记数量:</span> | ||
| 169 | <el-input v-model="titleForm.otherReg" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 170 | type="number"></el-input> | ||
| 171 | </el-col> | ||
| 172 | <!-- 业务类型总数 --> | ||
| 173 | <el-col :span="4"> | ||
| 174 | <span>业务类型总数:</span> | ||
| 175 | <el-input v-model="titleForm.businessTypeCount" oninput="if(value.length > 6) value=value.slice(0, 6)" | ||
| 176 | type="number"></el-input> | ||
| 177 | </el-col> | ||
| 178 | </el-row> | ||
| 179 | </div> | ||
| 180 | <el-tabs v-model="titleName2" type="card"> | ||
| 181 | <el-tab-pane label="当日登薄详单" name="drdbxd"></el-tab-pane> | ||
| 182 | <el-tab-pane label="当日上报详单" name="sbslxd"></el-tab-pane> | ||
| 183 | </el-tabs> | ||
| 184 | <div class="from-clues-content" v-show="titleName2 == 'drdbxd'" :key="key"> | ||
| 185 | <lb-table :column="tableDBData.column" :pagination="false" :heightNumSetting="true" :heightNum="200" | ||
| 186 | :data="tableDBData.data"> | ||
| 187 | </lb-table> | ||
| 188 | </div> | ||
| 189 | <div class="from-clues-content" v-show="titleName2 == 'sbslxd'"> | ||
| 190 | <lb-table :column="tableSBData.column" :pagination="false" :heightNumSetting="true" :heightNum="200" | ||
| 191 | :data="tableSBData.data"> | ||
| 192 | </lb-table> | ||
| 193 | </div> | ||
| 193 | 194 | ||
| 195 | </div> | ||
| 196 | </div> | ||
| 197 | <div class="editDialogBox-box" v-if="titleName == 'xml'"> | ||
| 198 | <JsonEditor :resultInfo="resultInfo" /> | ||
| 199 | </div> | ||
| 200 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xyjg'"> | ||
| 201 | <Xyjg :form-data='dataReport'></Xyjg> | ||
| 194 | </div> | 202 | </div> |
| 195 | </div> | ||
| 196 | <div class="editDialogBox-box" v-if="titleName == 'xml'"> | ||
| 197 | <JsonEditor :resultInfo="resultInfo" class="JsonEditor" /> | ||
| 198 | </div> | ||
| 199 | <div class="editDialogBox-box" v-if="titleName == 'xyjg'"> | ||
| 200 | <Xyjg :form-data='dataReport'></Xyjg> | ||
| 201 | </div> | 203 | </div> |
| 202 | <div class="d-center" v-if="titleName == 'sjmx'"> | 204 | <div class="d-center" v-if="titleName == 'sjmx'"> |
| 203 | <btn nativeType="cz" @click="dialogVisible = false">取 消</btn> | 205 | <btn nativeType="cz" @click="dialogVisible = false">取 消</btn> |
| 204 | <btn nativeType="cx" @click="submitForm">确 定</btn> | 206 | <btn nativeType="cx" @click="submitForm">确 定</btn> |
| 205 | </div> | 207 | </div> |
| 208 | <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'xml'"> | ||
| 209 | <btn nativeType="cx" @click="handleResubmit">重新上报</btn> | ||
| 210 | </div> | ||
| 206 | </el-dialog> | 211 | </el-dialog> |
| 207 | </template> | 212 | </template> |
| 208 | 213 | ||
| ... | @@ -252,6 +257,8 @@ export default { | ... | @@ -252,6 +257,8 @@ export default { |
| 252 | data: [], | 257 | data: [], |
| 253 | column: sbdata.columns() | 258 | column: sbdata.columns() |
| 254 | }, | 259 | }, |
| 260 | // XML详情 | ||
| 261 | resultInfo: '', | ||
| 255 | dataReport: {} | 262 | dataReport: {} |
| 256 | } | 263 | } |
| 257 | }, | 264 | }, |
| ... | @@ -267,6 +274,7 @@ export default { | ... | @@ -267,6 +274,7 @@ export default { |
| 267 | this.titleName = 'sjmx'; | 274 | this.titleName = 'sjmx'; |
| 268 | this.dialogVisible = true; | 275 | this.dialogVisible = true; |
| 269 | }, | 276 | }, |
| 277 | // 当日登薄详单 | ||
| 270 | handleDBAdd () { | 278 | handleDBAdd () { |
| 271 | this.tableDBData.data.push({ | 279 | this.tableDBData.data.push({ |
| 272 | ywh: '', | 280 | ywh: '', |
| ... | @@ -285,6 +293,25 @@ export default { | ... | @@ -285,6 +293,25 @@ export default { |
| 285 | handleDBMinus (row) { | 293 | handleDBMinus (row) { |
| 286 | this.tableDBData.data.splice(row.index, 1) | 294 | this.tableDBData.data.splice(row.index, 1) |
| 287 | }, | 295 | }, |
| 296 | // 当日上报详单 | ||
| 297 | handleSBAdd () { | ||
| 298 | this.tableSBData.data.push({ | ||
| 299 | ywh: '', | ||
| 300 | djlx: '', | ||
| 301 | qllx: '', | ||
| 302 | bdcdyh: '', | ||
| 303 | zszmh: '', | ||
| 304 | sfsb: '', | ||
| 305 | bwid: '' | ||
| 306 | }) | ||
| 307 | this.tableSBData.data.forEach((item, indx) => { | ||
| 308 | this.$set(item, 'index', index) | ||
| 309 | }) | ||
| 310 | this.key++ | ||
| 311 | }, | ||
| 312 | handleSBMinus (row) { | ||
| 313 | this.tableSBData.data.splice(row.index, 1) | ||
| 314 | }, | ||
| 288 | submitForm () { } | 315 | submitForm () { } |
| 289 | } | 316 | } |
| 290 | } | 317 | } |
| ... | @@ -294,6 +321,22 @@ export default { | ... | @@ -294,6 +321,22 @@ export default { |
| 294 | @import "~@/styles/public.scss"; | 321 | @import "~@/styles/public.scss"; |
| 295 | @import "~@/styles/dialogBox.scss"; | 322 | @import "~@/styles/dialogBox.scss"; |
| 296 | 323 | ||
| 324 | |||
| 325 | /deep/.el-tabs__header { | ||
| 326 | margin: 0; | ||
| 327 | } | ||
| 328 | |||
| 329 | .regularHeight { | ||
| 330 | height: 77vh; | ||
| 331 | display: flex; | ||
| 332 | flex-direction: column; | ||
| 333 | |||
| 334 | .editDialogBox-con, | ||
| 335 | .JsonEditor { | ||
| 336 | flex: 1; | ||
| 337 | } | ||
| 338 | } | ||
| 339 | |||
| 297 | /deep/.el-tabs__item { | 340 | /deep/.el-tabs__item { |
| 298 | color: #CEF8FF !important; | 341 | color: #CEF8FF !important; |
| 299 | 342 | ... | ... |
-
Please register or sign in to post a comment