db5e9829 by xiaomiao

mask-content

1 parent 6450e472
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>
......