mask-content
Showing
4 changed files
with
61 additions
and
57 deletions
| 1 | /* | 1 | /* |
| 2 | * @Description: 引入公共组件 | 2 | * @Description: 引入公共组件 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-04-10 11:16:54 | 4 | * @LastEditTime: 2023-04-25 15:18:20 |
| 5 | */ | 5 | */ |
| 6 | import dialogBox from '@/components/DialogBox/dialogBox.vue' | 6 | import dialogBox from '@/components/dialogBox/dialogBox.vue' |
| 7 | import LbTable from '@/components/LbTable/lb-table.vue' | 7 | import LbTable from '@/components/LbTable/lb-table.vue' |
| 8 | import Theme from '@/components/Theme/theme.vue' | 8 | import Theme from '@/components/Theme/theme.vue' |
| 9 | import Popup from '@/components/Popup/index' | 9 | import Popup from '@/components/Popup/index' | ... | ... |
| ... | @@ -53,22 +53,21 @@ | ... | @@ -53,22 +53,21 @@ |
| 53 | </el-select> | 53 | </el-select> |
| 54 | <el-table :data="taskCommentList" size="mini" border header-cell-class-name="table-header-gray"> | 54 | <el-table :data="taskCommentList" size="mini" border header-cell-class-name="table-header-gray"> |
| 55 | <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> | 55 | <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> |
| 56 | <el-table-column label="候选办理" prop="candidate" minWidth="150px" align="center" /> | 56 | <el-table-column label="环节名称" prop="candidate" minWidth="150px" align="center" /> |
| 57 | <el-table-column label="实际办理" prop="assigneeName" minWidth="100px" align="center" /> | 57 | <el-table-column label="办理人" prop="assigneeName" minWidth="100px" align="center" /> |
| 58 | <el-table-column label="处理时间" prop="createTime" width="140px" align="center" /> | 58 | <el-table-column label="处理时间" prop="createTime" width="140px" align="center" /> |
| 59 | <el-table-column label="办结时间" prop="finishTime" width="140px" align="center" /> | 59 | <el-table-column label="办结时间" prop="finishTime" width="140px" align="center" /> |
| 60 | <el-table-column label="耗时" prop="duration" minWidth="100px" align="center" /> | 60 | <el-table-column label="操作方式" align="center"> |
| 61 | <el-table-column label="操作类型" align="center"> | ||
| 62 | </el-table-column> | 61 | </el-table-column> |
| 63 | </el-table> | 62 | </el-table> |
| 64 | </div> | 63 | </div> |
| 65 | </div> | 64 | </div> |
| 66 | </template> | 65 | </template> |
| 67 | <script> | 66 | <script> |
| 68 | import '@/styles/package/theme/index.scss' | 67 | import '@/styles/package/theme/index.scss' |
| 69 | import BpmnViewer from 'bpmn-js/lib/Viewer' | 68 | import BpmnViewer from 'bpmn-js/lib/Viewer' |
| 70 | import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' | 69 | import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' |
| 71 | export default { | 70 | export default { |
| 72 | props: { | 71 | props: { |
| 73 | formData: { | 72 | formData: { |
| 74 | type: Object, | 73 | type: Object, |
| ... | @@ -252,10 +251,10 @@ export default { | ... | @@ -252,10 +251,10 @@ export default { |
| 252 | } | 251 | } |
| 253 | } | 252 | } |
| 254 | } | 253 | } |
| 255 | } | 254 | } |
| 256 | </script> | 255 | </script> |
| 257 | <style scoped lang="scss"> | 256 | <style scoped lang="scss"> |
| 258 | .information-list { | 257 | .information-list { |
| 259 | height: 150px; | 258 | height: 150px; |
| 260 | margin-top: 10px; | 259 | margin-top: 10px; |
| 261 | 260 | ||
| ... | @@ -263,5 +262,5 @@ export default { | ... | @@ -263,5 +262,5 @@ export default { |
| 263 | font-size: 16px; | 262 | font-size: 16px; |
| 264 | line-height: 24px; | 263 | line-height: 24px; |
| 265 | } | 264 | } |
| 266 | } | 265 | } |
| 267 | </style> | 266 | </style> | ... | ... |
| ... | @@ -70,10 +70,10 @@ | ... | @@ -70,10 +70,10 @@ |
| 70 | </div> | 70 | </div> |
| 71 | </template> | 71 | </template> |
| 72 | <script> | 72 | <script> |
| 73 | import { getSlsqBdcqzList, invalidCertificate, getSzRecordList } from "@/api/bdcqz.js"; | 73 | import { getSlsqBdcqzList, invalidCertificate, getSzRecordList } from "@/api/bdcqz.js"; |
| 74 | import bdcqzPrint from "./zsdy.vue"; | 74 | import bdcqzPrint from "./zsdy.vue"; |
| 75 | import { popupDialog } from "@/utils/popup.js"; | 75 | import { popupDialog } from "@/utils/popup.js"; |
| 76 | export default { | 76 | export default { |
| 77 | components: { bdcqzPrint }, | 77 | components: { bdcqzPrint }, |
| 78 | props: {}, | 78 | props: {}, |
| 79 | data () { | 79 | data () { |
| ... | @@ -85,6 +85,7 @@ export default { | ... | @@ -85,6 +85,7 @@ export default { |
| 85 | zfyy: "", | 85 | zfyy: "", |
| 86 | invalidDiglog: false, | 86 | invalidDiglog: false, |
| 87 | bsmSz: "", | 87 | bsmSz: "", |
| 88 | bsmBdcqz: "" | ||
| 88 | }; | 89 | }; |
| 89 | }, | 90 | }, |
| 90 | created () { | 91 | created () { |
| ... | @@ -144,6 +145,7 @@ export default { | ... | @@ -144,6 +145,7 @@ export default { |
| 144 | openInvalidDiglog (item) { | 145 | openInvalidDiglog (item) { |
| 145 | this.bsmSz = item.bsmSz; | 146 | this.bsmSz = item.bsmSz; |
| 146 | this.invalidDiglog = true; | 147 | this.invalidDiglog = true; |
| 148 | this.bsmBdcqz = item.bsmBdcqz | ||
| 147 | }, | 149 | }, |
| 148 | closeInvalidDiglog () { | 150 | closeInvalidDiglog () { |
| 149 | this.invalidDiglog = false; | 151 | this.invalidDiglog = false; |
| ... | @@ -152,7 +154,7 @@ export default { | ... | @@ -152,7 +154,7 @@ export default { |
| 152 | }, | 154 | }, |
| 153 | //作废缮证信息 | 155 | //作废缮证信息 |
| 154 | confirmInvalid () { | 156 | confirmInvalid () { |
| 155 | invalidCertificate({ bsmSz: this.bsmSz, zfyy: this.zfyy }).then((res) => { | 157 | invalidCertificate({ bsmbdcqz: this.bsmBdcqz, zfyy: this.zfyy }).then((res) => { |
| 156 | if (res.code === 200) { | 158 | if (res.code === 200) { |
| 157 | this.list(); | 159 | this.list(); |
| 158 | this.$message.success("作废成功"); | 160 | this.$message.success("作废成功"); |
| ... | @@ -167,12 +169,12 @@ export default { | ... | @@ -167,12 +169,12 @@ export default { |
| 167 | popupDialog("缮证记录", "workflow/components/szRecord", { bsmBdcqz: item.bsmBdcqz }, '50%') | 169 | popupDialog("缮证记录", "workflow/components/szRecord", { bsmBdcqz: item.bsmBdcqz }, '50%') |
| 168 | } | 170 | } |
| 169 | }, | 171 | }, |
| 170 | }; | 172 | }; |
| 171 | </script> | 173 | </script> |
| 172 | <style scoped lang='scss'> | 174 | <style scoped lang='scss'> |
| 173 | @import "~@/styles/public.scss"; | 175 | @import "~@/styles/public.scss"; |
| 174 | 176 | ||
| 175 | .szxx { | 177 | .szxx { |
| 176 | box-sizing: border-box; | 178 | box-sizing: border-box; |
| 177 | padding-right: 15px; | 179 | padding-right: 15px; |
| 178 | width: 100%; | 180 | width: 100%; |
| ... | @@ -189,9 +191,9 @@ export default { | ... | @@ -189,9 +191,9 @@ export default { |
| 189 | height: 240px; | 191 | height: 240px; |
| 190 | } | 192 | } |
| 191 | } | 193 | } |
| 192 | } | 194 | } |
| 193 | 195 | ||
| 194 | .szxx_header { | 196 | .szxx_header { |
| 195 | color: #ffffff; | 197 | color: #ffffff; |
| 196 | font-weight: bolder; | 198 | font-weight: bolder; |
| 197 | font-size: 16px; | 199 | font-size: 16px; |
| ... | @@ -207,40 +209,40 @@ export default { | ... | @@ -207,40 +209,40 @@ export default { |
| 207 | margin-top: 10px; | 209 | margin-top: 10px; |
| 208 | line-height: 30px; | 210 | line-height: 30px; |
| 209 | } | 211 | } |
| 210 | } | 212 | } |
| 211 | 213 | ||
| 212 | .top_line { | 214 | .top_line { |
| 213 | border-top: 2px solid rgb(222, 222, 222); | 215 | border-top: 2px solid rgb(222, 222, 222); |
| 214 | } | 216 | } |
| 215 | 217 | ||
| 216 | .text { | 218 | .text { |
| 217 | margin-bottom: 10px; | 219 | margin-bottom: 10px; |
| 218 | text-align: center; | 220 | text-align: center; |
| 219 | } | 221 | } |
| 220 | 222 | ||
| 221 | .color_iray { | 223 | .color_iray { |
| 222 | color: rgb(153, 153, 153); | 224 | color: rgb(153, 153, 153); |
| 223 | } | 225 | } |
| 224 | 226 | ||
| 225 | .color_red { | 227 | .color_red { |
| 226 | color: rgb(255, 89, 24); | 228 | color: rgb(255, 89, 24); |
| 227 | } | 229 | } |
| 228 | 230 | ||
| 229 | .middle_margin { | 231 | .middle_margin { |
| 230 | margin-bottom: 10px; | 232 | margin-bottom: 10px; |
| 231 | } | 233 | } |
| 232 | 234 | ||
| 233 | .operation_button { | 235 | .operation_button { |
| 234 | border: 1px solid rgb(0, 121, 254); | 236 | border: 1px solid rgb(0, 121, 254); |
| 235 | padding: 5px; | 237 | padding: 5px; |
| 236 | text-align: center; | 238 | text-align: center; |
| 237 | } | 239 | } |
| 238 | 240 | ||
| 239 | .card_padding { | 241 | .card_padding { |
| 240 | padding-top: 8px; | 242 | padding-top: 8px; |
| 241 | } | 243 | } |
| 242 | 244 | ||
| 243 | .invalid-diglog { | 245 | .invalid-diglog { |
| 244 | padding-bottom: 20px; | 246 | padding-bottom: 20px; |
| 245 | font-size: 16px; | 247 | font-size: 16px; |
| 246 | font-weight: bold; | 248 | font-weight: bold; |
| ... | @@ -271,13 +273,13 @@ export default { | ... | @@ -271,13 +273,13 @@ export default { |
| 271 | display: flex; | 273 | display: flex; |
| 272 | justify-content: flex-end; | 274 | justify-content: flex-end; |
| 273 | } | 275 | } |
| 274 | } | 276 | } |
| 275 | 277 | ||
| 276 | /deep/.el-card__header { | 278 | /deep/.el-card__header { |
| 277 | background-color: rgb(198, 67, 83); | 279 | background-color: rgb(198, 67, 83); |
| 278 | } | 280 | } |
| 279 | 281 | ||
| 280 | /deep/.el-card__body { | 282 | /deep/.el-card__body { |
| 281 | padding: 0px; | 283 | padding: 0px; |
| 282 | } | 284 | } |
| 283 | </style> | 285 | </style> | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value" > | 2 | <dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value"> |
| 3 | <div class="zslq"> | 3 | <div class="zslq"> |
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> |
| 5 | <el-row> | 5 | <el-row> |
| 6 | <el-col :span="8"> | 6 | <el-col :span="8"> |
| 7 | <el-form-item label="发证人姓名"> | 7 | <el-form-item label="发证人姓名"> |
| 8 | <el-input v-model="ruleForm.fzrxm" disabled></el-input> | 8 | <el-input v-model="ruleForm.fzrmc" disabled></el-input> |
| 9 | </el-form-item> | 9 | </el-form-item> |
| 10 | </el-col> | 10 | </el-col> |
| 11 | <el-col :span="8"> | 11 | <el-col :span="8"> |
| 12 | <el-form-item label="发证时间"> | 12 | <el-form-item label="发证时间"> |
| 13 | <el-input v-model="ruleForm.fzrxm" disabled></el-input> | 13 | <el-input v-model="ruleForm.fzsj" disabled></el-input> |
| 14 | </el-form-item> | 14 | </el-form-item> |
| 15 | </el-col> | 15 | </el-col> |
| 16 | <el-col :span="8"> | 16 | <el-col :span="8"> |
| ... | @@ -53,11 +53,11 @@ | ... | @@ -53,11 +53,11 @@ |
| 53 | </template> | 53 | </template> |
| 54 | 54 | ||
| 55 | <script> | 55 | <script> |
| 56 | import store from '@/store/index.js' | 56 | import store from '@/store/index.js' |
| 57 | import table from "@/utils/mixin/table"; | 57 | import table from "@/utils/mixin/table"; |
| 58 | import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; | 58 | import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; |
| 59 | import { datas } from "../javascript/fzxxdata"; | 59 | import { datas } from "../javascript/fzxxdata"; |
| 60 | export default { | 60 | export default { |
| 61 | props: { | 61 | props: { |
| 62 | value: { type: Boolean, default: true } | 62 | value: { type: Boolean, default: true } |
| 63 | }, | 63 | }, |
| ... | @@ -66,7 +66,7 @@ export default { | ... | @@ -66,7 +66,7 @@ export default { |
| 66 | return { | 66 | return { |
| 67 | zjzlData: store.getters.dictData['A30'], | 67 | zjzlData: store.getters.dictData['A30'], |
| 68 | ruleForm: { | 68 | ruleForm: { |
| 69 | fzrxm: '', | 69 | fzrmc: '', |
| 70 | fzsj: '', | 70 | fzsj: '', |
| 71 | fzsl: '', | 71 | fzsl: '', |
| 72 | bdcqzList: [], | 72 | bdcqzList: [], |
| ... | @@ -108,8 +108,11 @@ export default { | ... | @@ -108,8 +108,11 @@ export default { |
| 108 | loadGrid () { | 108 | loadGrid () { |
| 109 | getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => { | 109 | getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => { |
| 110 | if (res.code === 200) { | 110 | if (res.code === 200) { |
| 111 | this.tableData.data = res.result; | 111 | this.tableData.data = res.result.list; |
| 112 | this.ruleForm.bdcqzList = res.result; | 112 | this.ruleForm.fzrmc = res.result.fzrmc |
| 113 | this.ruleForm.fzsj = res.result.fzsj | ||
| 114 | this.ruleForm.fzsl = res.result.fzsl | ||
| 115 | |||
| 113 | } | 116 | } |
| 114 | }) | 117 | }) |
| 115 | }, | 118 | }, |
| ... | @@ -135,8 +138,8 @@ export default { | ... | @@ -135,8 +138,8 @@ export default { |
| 135 | this.$emit("input", false); | 138 | this.$emit("input", false); |
| 136 | }, | 139 | }, |
| 137 | } | 140 | } |
| 138 | } | 141 | } |
| 139 | </script> | 142 | </script> |
| 140 | <style scoped lang="scss"> | 143 | <style scoped lang="scss"> |
| 141 | @import "~@/styles/mixin.scss"; | 144 | @import "~@/styles/mixin.scss"; |
| 142 | </style> | 145 | </style> | ... | ... |
-
Please register or sign in to post a comment