Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
39 changed files
with
1457 additions
and
551 deletions
... | @@ -29,7 +29,7 @@ export const constantRoutes = [ | ... | @@ -29,7 +29,7 @@ export const constantRoutes = [ |
29 | // 业务流程框架 | 29 | // 业务流程框架 |
30 | { | 30 | { |
31 | path: '/workFrame', | 31 | path: '/workFrame', |
32 | component: () => import('@/views/ywbl/fqsq/workFrame.vue'), | 32 | component: () => import('@/views/workflow/workFrame.vue'), |
33 | name: 'workFrame', | 33 | name: 'workFrame', |
34 | hidden: true, | 34 | hidden: true, |
35 | meta: { title: '发起申请' } | 35 | meta: { title: '发起申请' } | ... | ... |
src/views/registerBook/jsydsyq.js
0 → 100644
1 | import filter from '@/utils/filter.js' | ||
2 | |||
3 | class data extends filter { | ||
4 | constructor() { | ||
5 | super() | ||
6 | } | ||
7 | columns () { | ||
8 | return [ | ||
9 | { | ||
10 | prop: "qszt", | ||
11 | label: "权属状态", | ||
12 | }, | ||
13 | { | ||
14 | prop: "qllxmc", | ||
15 | label: "权利类型", | ||
16 | }, | ||
17 | { | ||
18 | prop: "djlxmc", | ||
19 | label: "登记类型", | ||
20 | }, | ||
21 | { | ||
22 | prop: "ssywh", | ||
23 | label: "上手业务号", | ||
24 | }, | ||
25 | { | ||
26 | prop: "dah", | ||
27 | label: "档案号", | ||
28 | }, | ||
29 | { | ||
30 | prop: "ywh", | ||
31 | label: "业务号", | ||
32 | }, | ||
33 | { | ||
34 | prop: "bdcdyh", | ||
35 | label: "不动产单元号", | ||
36 | }, | ||
37 | { | ||
38 | prop: "zl", | ||
39 | label: "坐落", | ||
40 | }, | ||
41 | { | ||
42 | prop: "qlrlx", | ||
43 | label: "权利人类型", | ||
44 | }, | ||
45 | { | ||
46 | prop: "qlrmc", | ||
47 | label: "权利人", | ||
48 | }, | ||
49 | { | ||
50 | prop: "qlrzjzl", | ||
51 | label: "证件种类", | ||
52 | }, | ||
53 | { | ||
54 | prop: "qlrzjhm", | ||
55 | label: "证件号", | ||
56 | }, | ||
57 | { | ||
58 | prop: "gyfs", | ||
59 | label: "共有情况", | ||
60 | }, | ||
61 | { | ||
62 | prop: "mj", | ||
63 | label: "使用权面积(m²)", | ||
64 | }, | ||
65 | { | ||
66 | prop: "qlxz", | ||
67 | label: "权利性质", | ||
68 | }, | ||
69 | { | ||
70 | prop: "ytmc", | ||
71 | label: "土地用途", | ||
72 | }, | ||
73 | { | ||
74 | prop: "syqqzsj", | ||
75 | label: "使用权起止时间", | ||
76 | }, | ||
77 | { | ||
78 | prop: "tdsyqx", | ||
79 | label: "土地使用期限", | ||
80 | }, | ||
81 | { | ||
82 | prop: "qdjg", | ||
83 | label: "取得价格(万元)", | ||
84 | }, | ||
85 | { | ||
86 | prop: "djyy", | ||
87 | label: "登记原因", | ||
88 | }, | ||
89 | { | ||
90 | prop: "bdcqzh", | ||
91 | label: "不动产权证号", | ||
92 | }, | ||
93 | { | ||
94 | prop: "djsj", | ||
95 | label: "登记时间", | ||
96 | }, | ||
97 | { | ||
98 | prop: "dbr", | ||
99 | label: "登簿人", | ||
100 | }, | ||
101 | { | ||
102 | prop: "fj", | ||
103 | label: "附记", | ||
104 | }, | ||
105 | ] | ||
106 | } | ||
107 | } | ||
108 | |||
109 | let datas = new data() | ||
110 | |||
111 | export { | ||
112 | datas | ||
113 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/registerBook/jsydsyq.vue
0 → 100644
1 | <template> | ||
2 | <div class="djxxTable"> | ||
3 | <div class="tableBox"> | ||
4 | <div class="title"> | ||
5 | {{ title }} | ||
6 | <div class="checkbox"> | ||
7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
9 | </el-checkbox-group> | ||
10 | </div> | ||
11 | </div> | ||
12 | <div class="xxTableBox"> | ||
13 | <table class="xxTable"> | ||
14 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
15 | <td> | ||
16 | {{ item.label }} | ||
17 | </td> | ||
18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
19 | row.qszt == '2' ? 'lishi' : '', | ||
20 | row.qszt == '0' ? 'linshi' : '', | ||
21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
22 | ]"> | ||
23 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
24 | 正在办理 | ||
25 | </div> | ||
26 | <span v-if="item.prop == 'qszt'"> | ||
27 | {{ getQsztName(row[item.prop]) }} | ||
28 | </span> | ||
29 | |||
30 | <span v-else> {{ row[item.prop] }}</span> | ||
31 | </td> | ||
32 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
33 | </tr> | ||
34 | </table> | ||
35 | </div> | ||
36 | </div> | ||
37 | </div> | ||
38 | </template> | ||
39 | |||
40 | <script> | ||
41 | import { datas } from "./jsydsyq.js"; | ||
42 | import { getJsydsyqList } from "@/api/zhcx.js"; | ||
43 | export default { | ||
44 | data () { | ||
45 | return { | ||
46 | qsztList: [ | ||
47 | { | ||
48 | value: "0", | ||
49 | label: "临时", | ||
50 | }, | ||
51 | { | ||
52 | value: "1", | ||
53 | label: "现势", | ||
54 | }, | ||
55 | { | ||
56 | value: "2", | ||
57 | label: "历史", | ||
58 | }, | ||
59 | ], | ||
60 | checkList: ["0", "1", "2"], | ||
61 | //传递参数 | ||
62 | propsParam: {}, | ||
63 | //列表数据 | ||
64 | tableData: [], | ||
65 | //空列值个数 | ||
66 | emptycolNum: 0, | ||
67 | //列名称对象 | ||
68 | columns: [], | ||
69 | title: "建设用地使用权、宅基地使用权登记信息", | ||
70 | }; | ||
71 | }, | ||
72 | created () { | ||
73 | this.propsParam = this.$attrs; | ||
74 | console.log(this.$attrs, 'this.$attrs;'); | ||
75 | this.columns = datas.columns(); | ||
76 | this.loadData(); | ||
77 | // this.$alert(datas.columns()); | ||
78 | }, | ||
79 | methods: { | ||
80 | loadData () { | ||
81 | //this.$alert(this.propsParam.bdcdyh); | ||
82 | getJsydsyqList({ | ||
83 | bdcdyid: this.propsParam.bdcdyid, | ||
84 | qllx: this.propsParam.qllx, | ||
85 | qszt: this.checkList, | ||
86 | }).then((res) => { | ||
87 | if (res.code === 200) { | ||
88 | this.tableData = res.result; | ||
89 | this.emptycolNum = 3 - this.tableData.length; | ||
90 | } | ||
91 | }); | ||
92 | }, | ||
93 | checkChange () { | ||
94 | this.loadData(); | ||
95 | }, | ||
96 | getQsztName (code) { | ||
97 | let name = ""; | ||
98 | for (let item of this.qsztList) { | ||
99 | if (item.value == code) { | ||
100 | name = item.label; | ||
101 | break; | ||
102 | } | ||
103 | } | ||
104 | return name; | ||
105 | }, | ||
106 | }, | ||
107 | }; | ||
108 | </script> | ||
109 | |||
110 | <style lang="scss" scoped> | ||
111 | // @import "./qlxxCommon.scss"; | ||
112 | </style> |
File moved
1 | <template> | 1 | <template> |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 3 | <!-- 发证信息 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="ruleForm"> | 5 | <el-form :model="ruleForm"> |
6 | <el-row :gutter="20"> | 6 | <el-row :gutter="20"> |
... | @@ -36,14 +36,12 @@ | ... | @@ -36,14 +36,12 @@ |
36 | <script> | 36 | <script> |
37 | import table from "@/utils/mixin/table"; | 37 | import table from "@/utils/mixin/table"; |
38 | import { getCertificateList } from "@/api/fqsq.js"; | 38 | import { getCertificateList } from "@/api/fqsq.js"; |
39 | import { datas } from "./fzxxdata"; | 39 | import { datas } from "../javascript/fzxxdata"; |
40 | export default { | 40 | export default { |
41 | mixins: [table], | 41 | mixins: [table], |
42 | components: {}, | 42 | components: {}, |
43 | props: { | 43 | props: { |
44 | |||
45 | }, | 44 | }, |
46 | |||
47 | data () { | 45 | data () { |
48 | return { | 46 | return { |
49 | ruleForm: { | 47 | ruleForm: { |
... | @@ -56,8 +54,8 @@ export default { | ... | @@ -56,8 +54,8 @@ export default { |
56 | total: 0, | 54 | total: 0, |
57 | columns: datas.columns(), | 55 | columns: datas.columns(), |
58 | data: [], | 56 | data: [], |
59 | }, | 57 | } |
60 | }; | 58 | } |
61 | }, | 59 | }, |
62 | methods: { | 60 | methods: { |
63 | // 列表渲染接口 | 61 | // 列表渲染接口 |
... | @@ -68,9 +66,9 @@ export default { | ... | @@ -68,9 +66,9 @@ export default { |
68 | this.tableData.data = res.result | 66 | this.tableData.data = res.result |
69 | } | 67 | } |
70 | }) | 68 | }) |
71 | }, | 69 | } |
72 | } | 70 | } |
73 | }; | 71 | } |
74 | </script> | 72 | </script> |
75 | <style scoped lang='scss'> | 73 | <style scoped lang='scss'> |
76 | @import "~@/styles/public.scss"; | 74 | @import "~@/styles/public.scss"; | ... | ... |
... | @@ -101,15 +101,12 @@ export default { | ... | @@ -101,15 +101,12 @@ export default { |
101 | this.$message.error(res.message) | 101 | this.$message.error(res.message) |
102 | } | 102 | } |
103 | }) | 103 | }) |
104 | 104 | } | |
105 | }, | 105 | } |
106 | |||
107 | }, | ||
108 | } | 106 | } |
109 | </script> | 107 | </script> |
110 | <style scoped lang='scss'> | 108 | <style scoped lang='scss'> |
111 | @import '~@/styles/mixin.scss'; | 109 | @import '~@/styles/mixin.scss'; |
112 | |||
113 | .spyj { | 110 | .spyj { |
114 | margin-left: 5px; | 111 | margin-left: 5px; |
115 | 112 | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox title="退回" @submitForm="submitForm" saveButton="确认退回" width="80%" | 2 | <dialogBox title="退回" @submitForm="submitForm" saveButton="确认退回" width="80%" @closeDialog="closeDialog" |
3 | @closeDialog="closeDialog" v-model="value"> | 3 | v-model="value"> |
4 | <div class="from-clues"> | 4 | <div class="from-clues"> |
5 | <!-- 表单部分 --> | 5 | <!-- 表单部分 --> |
6 | <div class="from-clues-header"> | 6 | <div class="from-clues-header"> |
7 | <el-form ref="queryForm" label-width="120px"> | 7 | <el-form ref="queryForm" label-width="120px"> |
8 | <div> | 8 | <div> |
9 | <!-- <el-form-item label="不动产单元号:"> | 9 | <lb-table :column="columns" border :heightNum="390" :pagination="false" heightNumSetting :data="tableData"> |
10 | <p>{{item.bdcdyh}}</p> | 10 | </lb-table> |
11 | </el-form-item> --> | 11 | <el-form-item label="退回意见:"> |
12 | <lb-table :column="columns" border :heightNum="390" :pagination="false" heightNumSetting | 12 | <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input> |
13 | :data="tableData"> | 13 | </el-form-item> |
14 | </lb-table> | 14 | </div> |
15 | <el-form-item label="退回意见:"> | ||
16 | <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input> | ||
17 | </el-form-item> | ||
18 | </div> | ||
19 | </el-form> | 15 | </el-form> |
20 | </div> | 16 | </div> |
21 | </div> | 17 | </div> |
... | @@ -23,33 +19,27 @@ | ... | @@ -23,33 +19,27 @@ |
23 | </template> | 19 | </template> |
24 | 20 | ||
25 | <script> | 21 | <script> |
26 | import { getTaskBackNode,sendBackTask } from "@/api/fqsq.js" | 22 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" |
27 | export default { | 23 | export default { |
28 | components: { | 24 | components: { |
29 | }, | 25 | }, |
30 | props: { | 26 | props: { |
31 | value: { type: Boolean, default: false }, | 27 | value: { type: Boolean, default: false }, |
32 | queryForm:{type:Object}, | 28 | queryForm: { type: Object }, |
33 | taskId:{type:String}, | 29 | taskId: { type: String }, |
34 | bsmBusiness:{type:String} | 30 | bsmBusiness: { type: String } |
35 | }, | 31 | }, |
36 | data () { | 32 | data () { |
37 | const columns=[ | 33 | const columns = [ |
38 | // { | ||
39 | // label: '', | ||
40 | // align: 'center', | ||
41 | // render: (h, scope) => { | ||
42 | // return <el-radio label={scope.row.taskid} v-model={this.radioVal} >{''}</el-radio> | ||
43 | // } | ||
44 | // }, | ||
45 | { | 34 | { |
46 | label: "", | 35 | label: "", |
47 | width: "36px", | 36 | width: "36px", |
48 | render: (h, scope) => { | 37 | render: (h, scope) => { |
49 | return ( | 38 | return ( |
50 | <div class="orgColumn"> | 39 | <div class="orgColumn"> |
51 | <el-radio v-model={this.radioVal} label={scope.row.taskid} onChange={() => {this.radioClick(scope.row); | 40 | <el-radio v-model={this.radioVal} label={scope.row.taskid} onChange={() => { |
52 | }}> | 41 | this.radioClick(scope.row); |
42 | }}> | ||
53 | {" "} | 43 | {" "} |
54 |   | 44 |   |
55 | </el-radio> | 45 | </el-radio> |
... | @@ -65,62 +55,61 @@ export default { | ... | @@ -65,62 +55,61 @@ export default { |
65 | prop: "assignee", | 55 | prop: "assignee", |
66 | label: "办理人", | 56 | label: "办理人", |
67 | }, | 57 | }, |
68 | |||
69 | ]; | 58 | ]; |
70 | return { | 59 | return { |
71 | columns, | 60 | columns, |
72 | radioVal:"", | 61 | radioVal: "", |
73 | outstepopinion:"", | 62 | outstepopinion: "", |
74 | tableData:[], | 63 | tableData: [], |
75 | list:{ | 64 | list: { |
76 | bsmSlsq:"", | 65 | bsmSlsq: "", |
77 | backNodeList:[], | 66 | backNodeList: [], |
78 | }, | 67 | }, |
79 | sumbitList:{}, | 68 | sumbitList: {}, |
80 | activityId:"", | 69 | activityId: "", |
81 | } | 70 | } |
82 | }, | 71 | }, |
83 | mounted(){ | 72 | mounted () { |
84 | if(this.$route.query.bsmSlsq){ | 73 | if (this.$route.query.bsmSlsq) { |
85 | this.list.bsmSlsq = this.$route.query.bsmSlsq | 74 | this.list.bsmSlsq = this.$route.query.bsmSlsq |
86 | } | 75 | } |
87 | }, | 76 | }, |
88 | methods: { | 77 | methods: { |
89 | tablelistFn(){ | 78 | tablelistFn () { |
90 | getTaskBackNode({bsmBusiness:this.bsmBusiness}).then(res => { | 79 | getTaskBackNode({ bsmBusiness: this.bsmBusiness }).then(res => { |
91 | if (res.code === 200) { | 80 | if (res.code === 200) { |
92 | this.tableData = res.result | 81 | this.tableData = res.result |
93 | } | 82 | } |
94 | }) | 83 | }) |
95 | }, | 84 | }, |
96 | radioClick(scope){ | 85 | radioClick (scope) { |
97 | this.activityId = scope.activityId | 86 | this.activityId = scope.activityId |
98 | this.sumbitList = scope | 87 | this.sumbitList = scope |
99 | 88 | ||
100 | }, | 89 | }, |
101 | submitForm () { | 90 | submitForm () { |
102 | if(this.activityId==undefined){ | 91 | if (this.activityId == undefined) { |
103 | this.$message.error('请至少选择一条数据'); | 92 | this.$message.error('请至少选择一条数据'); |
104 | return | 93 | return |
105 | } | 94 | } |
106 | this.list.backNodeList.push({ | 95 | this.list.backNodeList.push({ |
107 | id:this.taskId, | 96 | id: this.taskId, |
108 | taskid:this.activityId, | 97 | taskid: this.activityId, |
109 | processInstanceId:this.sumbitList.processInstanceId, | 98 | processInstanceId: this.sumbitList.processInstanceId, |
110 | bsmBusiness:this.bsmBusiness, | 99 | bsmBusiness: this.bsmBusiness, |
111 | outstepopinion:this.outstepopinion | 100 | outstepopinion: this.outstepopinion |
112 | }) | 101 | }) |
113 | sendBackTask(this.list).then(res => { | 102 | sendBackTask(this.list).then(res => { |
114 | if (res.code === 200) { | 103 | if (res.code === 200) { |
115 | this.$message.success('退回成功') | 104 | this.$message.success('退回成功') |
116 | setTimeout(() => { | 105 | setTimeout(() => { |
117 | window.opener = null; | 106 | window.opener = null; |
118 | window.open("about:blank", "_self"); | 107 | window.open("about:blank", "_self"); |
119 | window.close(); | 108 | window.close(); |
120 | this.$emit('input', false) | 109 | this.$emit('input', false) |
121 | }, 1000); | 110 | }, 1000); |
122 | 111 | ||
123 | }else{ | 112 | } else { |
124 | this.$message.error(res.message) | 113 | this.$message.error(res.message) |
125 | } | 114 | } |
126 | }) | 115 | }) |
... | @@ -128,12 +117,13 @@ export default { | ... | @@ -128,12 +117,13 @@ export default { |
128 | closeDialog () { | 117 | closeDialog () { |
129 | this.$emit("input", false); | 118 | this.$emit("input", false); |
130 | }, | 119 | }, |
131 | 120 | ||
132 | } | 121 | } |
133 | } | 122 | } |
134 | </script> | 123 | </script> |
135 | <style scoped lang="scss"> | 124 | <style scoped lang="scss"> |
136 | @import "~@/styles/mixin.scss"; | 125 | @import "~@/styles/mixin.scss"; |
126 | |||
137 | .textArea { | 127 | .textArea { |
138 | /deep/.el-textarea__inner { | 128 | /deep/.el-textarea__inner { |
139 | min-height: 90px !important; | 129 | min-height: 90px !important; | ... | ... |
... | @@ -28,7 +28,7 @@ | ... | @@ -28,7 +28,7 @@ |
28 | <script> | 28 | <script> |
29 | import table from "@/utils/mixin/table"; | 29 | import table from "@/utils/mixin/table"; |
30 | import { getCertificateList, issueCertificate } from "@/api/fqsq.js"; | 30 | import { getCertificateList, issueCertificate } from "@/api/fqsq.js"; |
31 | import { datas } from "./fzxxdata"; | 31 | import { datas } from "../javascript/fzxxdata"; |
32 | import { mapGetters } from 'vuex' | 32 | import { mapGetters } from 'vuex' |
33 | export default { | 33 | export default { |
34 | mixins: [table], | 34 | mixins: [table], | ... | ... |
... | @@ -49,7 +49,7 @@ | ... | @@ -49,7 +49,7 @@ |
49 | </template> | 49 | </template> |
50 | 50 | ||
51 | <script> | 51 | <script> |
52 | import { datas } from "./zsyl.js"; | 52 | import { datas } from "../javascript/zsyl.js"; |
53 | import { readYsxlh,certificate } from "@/api/fqsq.js" | 53 | import { readYsxlh,certificate } from "@/api/fqsq.js" |
54 | export default { | 54 | export default { |
55 | components: { | 55 | components: { | ... | ... |
1 | //流程环节操作按钮 | 1 | //流程环节操作按钮 |
2 | export function getForm(tabName) { | 2 | export function getForm (tabName) { |
3 | let form; | 3 | let form; |
4 | switch (tabName) { | 4 | switch (tabName) { |
5 | case "slxx": | 5 | case "slxx": |
6 | form = require("@/views/ywbl/fqsq/components/slxx.vue"); | 6 | form = require("@/views/ywbl/jsydsyq/slxx.vue"); |
7 | break; | 7 | break; |
8 | case "slxxCfdj": | 8 | case "slxxCfdj": |
9 | form = require("@/views/ywbl/fqsq/components/slxxCfdj.vue"); | 9 | form = require("@/views/ywbl/cfdj/slxx.vue"); |
10 | break; | 10 | break; |
11 | case "clxx": | 11 | case "clxx": |
12 | form = require("@/views/ywbl/fqsq/components/clxx.vue"); | 12 | form = require("@/views/workflow/components/clxx.vue"); |
13 | break; | 13 | break; |
14 | case "spyj": | 14 | case "spyj": |
15 | form = require("@/views/ywbl/fqsq/components/spyj.vue"); | 15 | form = require("@/views/workflow/components/spyj.vue"); |
16 | break; | 16 | break; |
17 | case "zdjbxx": | 17 | case "zdjbxx": |
18 | form = require("@/views/zhcx/djbcx/components/zdxx.vue"); | 18 | form = require("@/views/zhcx/djbcx/components/zdxx.vue"); |
... | @@ -21,10 +21,10 @@ export function getForm(tabName) { | ... | @@ -21,10 +21,10 @@ export function getForm(tabName) { |
21 | form = require("@/views/zhcx/djbcx/components/jsydsyq.vue"); | 21 | form = require("@/views/zhcx/djbcx/components/jsydsyq.vue"); |
22 | break; | 22 | break; |
23 | case "szxx": | 23 | case "szxx": |
24 | form = require("@/views/ywbl/fqsq/components/szxx.vue"); | 24 | form = require("@/views/workflow/components/szxx.vue"); |
25 | break; | 25 | break; |
26 | case "fzxx": | 26 | case "fzxx": |
27 | form = require("@/views/ywbl/fqsq/components/fzxx.vue"); | 27 | form = require("@/views/workflow/components/fzxx.vue"); |
28 | break; | 28 | break; |
29 | } | 29 | } |
30 | 30 | ... | ... |
... | @@ -122,13 +122,13 @@ | ... | @@ -122,13 +122,13 @@ |
122 | } | 122 | } |
123 | 123 | ||
124 | .map-drawer-expand { | 124 | .map-drawer-expand { |
125 | background: url("../../../image/right.png"); | 125 | background: url("../../image/right.png"); |
126 | background-size: cover; | 126 | background-size: cover; |
127 | right: 0%; | 127 | right: 0%; |
128 | } | 128 | } |
129 | 129 | ||
130 | .map-drawer-click { | 130 | .map-drawer-click { |
131 | background: url("../../../image/left.png"); | 131 | background: url("../../image/left.png"); |
132 | background-size: cover; | 132 | background-size: cover; |
133 | left: 0%; | 133 | left: 0%; |
134 | } | 134 | } | ... | ... |
... | @@ -74,9 +74,9 @@ import { | ... | @@ -74,9 +74,9 @@ import { |
74 | record, | 74 | record, |
75 | getNextLinkInfo, | 75 | getNextLinkInfo, |
76 | completeTask, | 76 | completeTask, |
77 | } from "@/api/fqsq.js"; | 77 | } from "@/api/fqsq.js" |
78 | import { getWorkFlowImage } from "@/api/jsydsyqFlow.js" | 78 | import { getWorkFlowImage } from "@/api/jsydsyqFlow.js" |
79 | import { getForm } from "./flowform.js"; | 79 | import { getForm } from "./flowform.js" |
80 | export default { | 80 | export default { |
81 | data () { | 81 | data () { |
82 | return { | 82 | return { |
... | @@ -115,7 +115,7 @@ export default { | ... | @@ -115,7 +115,7 @@ export default { |
115 | clxxIndex: "", | 115 | clxxIndex: "", |
116 | //材料信息选项卡对象 | 116 | //材料信息选项卡对象 |
117 | clxxTab: {}, | 117 | clxxTab: {}, |
118 | }; | 118 | } |
119 | }, | 119 | }, |
120 | mounted () { | 120 | mounted () { |
121 | this.loadBdcdylist(); | 121 | this.loadBdcdylist(); |
... | @@ -145,7 +145,7 @@ export default { | ... | @@ -145,7 +145,7 @@ export default { |
145 | //默认加载第一个选项卡的组件内容 | 145 | //默认加载第一个选项卡的组件内容 |
146 | this.getFromRouter(res.result.form[0].value); | 146 | this.getFromRouter(res.result.form[0].value); |
147 | } | 147 | } |
148 | }); | 148 | }) |
149 | }, | 149 | }, |
150 | //流程环节操作按钮 | 150 | //流程环节操作按钮 |
151 | operation (index, item) { | 151 | operation (index, item) { |
... | @@ -185,7 +185,6 @@ export default { | ... | @@ -185,7 +185,6 @@ export default { |
185 | this.send(res.result); | 185 | this.send(res.result); |
186 | } | 186 | } |
187 | }); | 187 | }); |
188 | // this.$alert(res.result); | ||
189 | break; | 188 | break; |
190 | case "tc": | 189 | case "tc": |
191 | window.close(); | 190 | window.close(); |
... | @@ -194,7 +193,6 @@ export default { | ... | @@ -194,7 +193,6 @@ export default { |
194 | var formdata = new FormData(); | 193 | var formdata = new FormData(); |
195 | formdata.append("bsmSlsq", this.bsmSlsq); | 194 | formdata.append("bsmSlsq", this.bsmSlsq); |
196 | formdata.append("bestepid", this.bestepid); | 195 | formdata.append("bestepid", this.bestepid); |
197 | // comMsg; | ||
198 | this.$confirm("请确认是否登簿", "提示", { | 196 | this.$confirm("请确认是否登簿", "提示", { |
199 | iconClass: "el-icon-question", //自定义图标样式 | 197 | iconClass: "el-icon-question", //自定义图标样式 |
200 | confirmButtonText: "确认", //确认按钮文字更换 | 198 | confirmButtonText: "确认", //确认按钮文字更换 | ... | ... |
... | @@ -129,7 +129,7 @@ | ... | @@ -129,7 +129,7 @@ |
129 | </div> | 129 | </div> |
130 | </template> | 130 | </template> |
131 | <script> | 131 | <script> |
132 | import InformationTable from "./InformationTable"; | 132 | import InformationTable from "@/views/workflow/components/InformationTable"; |
133 | import { Init, fristReg } from "@/api/cfdjFlow.js"; | 133 | import { Init, fristReg } from "@/api/cfdjFlow.js"; |
134 | import { mapGetters } from "vuex"; | 134 | import { mapGetters } from "vuex"; |
135 | export default { | 135 | export default { | ... | ... |
src/views/ywbl/commonForm/clxx.vue
0 → 100644
1 | <template> | ||
2 | <div class="clxx"> | ||
3 | <div class="left"> | ||
4 | <div v-for="item in menuList" :key="item.id" :class="['item', checkedId == item.id ? 'active' : '']" | ||
5 | @click="menuClick(item)"> | ||
6 | {{ item.label }} | ||
7 | </div> | ||
8 | </div> | ||
9 | <div class="right"> | ||
10 | <!-- 材料目录明细 --> | ||
11 | <div class="clmlmx-box" v-if="checkedId == '1'"> | ||
12 | <div class="title">申请材料目录</div> | ||
13 | <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="tableData"> | ||
14 | </lb-table> | ||
15 | </div> | ||
16 | <!-- 材料预览 --> | ||
17 | <div class="clyl-box" v-else> | ||
18 | <div class="menu-tree"> | ||
19 | <div class="item"> | ||
20 | 材料目录 | ||
21 | <i :class="iclass" @click="iconClick()"></i> | ||
22 | <el-collapse-transition> | ||
23 | <div v-show="menuOpen"> | ||
24 | <div v-for="item in tableData" :key="item.bsmSj" | ||
25 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item)"> | ||
26 | {{ item.sjmc }} | ||
27 | </div> | ||
28 | </div> | ||
29 | </el-collapse-transition> | ||
30 | </div> | ||
31 | </div> | ||
32 | <image-preview :previewImg="previewImg" @updateList="updateList" /> | ||
33 | </div> | ||
34 | </div> | ||
35 | <clxxAddDialog v-model="isDialog" /> | ||
36 | </div> | ||
37 | </template> | ||
38 | <script> | ||
39 | import { mapGetters } from "vuex"; | ||
40 | import clxxAddDialog from "./clxxAddDialog.vue"; | ||
41 | import imagePreview from '@/views/components/imagePreview.vue' | ||
42 | import { clmlInit, move, save, clmlDelete } from "@/api/fqsq.js"; | ||
43 | export default { | ||
44 | components: { clxxAddDialog, imagePreview }, | ||
45 | data () { | ||
46 | return { | ||
47 | isDialog: false, | ||
48 | menuList: [ | ||
49 | { | ||
50 | id: "1", | ||
51 | label: "材料目录明细", | ||
52 | }, | ||
53 | { | ||
54 | id: "2", | ||
55 | label: "材料预览", | ||
56 | }, | ||
57 | ], | ||
58 | menuOpen: true, | ||
59 | iclass: "itemIcon el-icon-caret-bottom", | ||
60 | treeCheckId: "", | ||
61 | checkedId: "1", | ||
62 | column: [ | ||
63 | { | ||
64 | width: "35", | ||
65 | renderHeader: (h, scope) => { | ||
66 | return ( | ||
67 | <i | ||
68 | class="el-icon-plus pointer" | ||
69 | onClick={() => { | ||
70 | this.handleAdd() | ||
71 | }} | ||
72 | ></i> | ||
73 | ); | ||
74 | }, | ||
75 | render: (h, scope) => { | ||
76 | // 新建的材料,可删除 | ||
77 | if (scope.row.sfxjcl === "1") { | ||
78 | return ( | ||
79 | <i | ||
80 | class="el-icon-minus pointer" | ||
81 | onClick={() => { | ||
82 | this.handleDelete(scope.$index, scope.row); | ||
83 | }} | ||
84 | ></i> | ||
85 | ); | ||
86 | } | ||
87 | }, | ||
88 | }, | ||
89 | { | ||
90 | width: "35", | ||
91 | label: "序号", | ||
92 | type: "index", | ||
93 | }, | ||
94 | { | ||
95 | prop: "isrequired", | ||
96 | label: "是否必选", | ||
97 | width: "50", | ||
98 | render: (h, scope) => { | ||
99 | if (scope.row.sfxjcl === "1") { | ||
100 | return ( | ||
101 | <div> | ||
102 | <span>可选</span> | ||
103 | </div> | ||
104 | ); | ||
105 | } | ||
106 | else { | ||
107 | return ( | ||
108 | <div> | ||
109 | <span>必选</span> | ||
110 | </div> | ||
111 | ); | ||
112 | } | ||
113 | }, | ||
114 | }, | ||
115 | { | ||
116 | prop: "sjmc", | ||
117 | label: "材料名称", | ||
118 | }, | ||
119 | { | ||
120 | prop: "sjlx", | ||
121 | label: "材料类型", | ||
122 | width: "80", | ||
123 | render: (h, scope) => { | ||
124 | return ( | ||
125 | <div> | ||
126 | <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
127 | </div> | ||
128 | ); | ||
129 | }, | ||
130 | }, | ||
131 | { | ||
132 | prop: "sjsl", | ||
133 | label: "份数", | ||
134 | width: "50" | ||
135 | }, | ||
136 | { | ||
137 | prop: "smzt", | ||
138 | label: "扫描状态", | ||
139 | width: "80", | ||
140 | render: (h, scope) => { | ||
141 | if (scope.row.children.length > 0) { | ||
142 | return ( | ||
143 | <div> | ||
144 | <span>已扫描</span> | ||
145 | </div> | ||
146 | ); | ||
147 | } else { | ||
148 | return ( | ||
149 | <div> | ||
150 | <span>未扫描</span> | ||
151 | </div> | ||
152 | ); | ||
153 | } | ||
154 | }, | ||
155 | }, | ||
156 | { | ||
157 | prop: "ys", | ||
158 | label: "扫描页数", | ||
159 | width: "50" | ||
160 | }, | ||
161 | { | ||
162 | label: "操作", | ||
163 | width: "80", | ||
164 | render: (h, scope) => { | ||
165 | return ( | ||
166 | <div> | ||
167 | <el-button | ||
168 | type="text" | ||
169 | disabled={scope.$index == 0} | ||
170 | onClick={() => { | ||
171 | this.moveUpward(scope.$index, scope.row); | ||
172 | }} | ||
173 | > | ||
174 | 上移 | ||
175 | </el-button> | ||
176 | <el-button | ||
177 | type="text" | ||
178 | disabled={scope.$index + 1 == this.tableData.length} | ||
179 | onClick={() => { | ||
180 | this.moveDown(scope.$index, scope.row); | ||
181 | }} | ||
182 | > | ||
183 | 下移 | ||
184 | </el-button> | ||
185 | </div> | ||
186 | ); | ||
187 | }, | ||
188 | }, | ||
189 | ], | ||
190 | key: 0, | ||
191 | tableData: [], | ||
192 | previewImg: { | ||
193 | // 收件标识码 | ||
194 | bsmSj: '', | ||
195 | bsmSlsq: this.$parent.bsmSlsq, | ||
196 | index: 0, | ||
197 | selectedIndex: 0, | ||
198 | imgList: [ | ||
199 | { | ||
200 | fjurl: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111' | ||
201 | } | ||
202 | ] | ||
203 | } | ||
204 | } | ||
205 | }, | ||
206 | computed: { | ||
207 | ...mapGetters(["dictData"]), | ||
208 | }, | ||
209 | created () { | ||
210 | this.clmlInitList() | ||
211 | }, | ||
212 | methods: { | ||
213 | // 材料目录明细初始化 | ||
214 | clmlInitList () { | ||
215 | return new Promise(resolve => { | ||
216 | this.unitData = this.$parent.unitData; | ||
217 | var formdata = new FormData(); | ||
218 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
219 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
220 | clmlInit(formdata).then((res) => { | ||
221 | resolve(res.code) | ||
222 | if (res.result.result && res.result.result.length > 0) { | ||
223 | this.tableData = res.result.result; | ||
224 | this.treeCheckId = this.tableData[0].bsmSj; | ||
225 | this.title = this.tableData[0].sjmc; | ||
226 | this.titleYs = 1; | ||
227 | this.titleNum = this.tableData[0].children.length; | ||
228 | |||
229 | this.previewImg.imgList = this.tableData[0]?.children; | ||
230 | this.previewImg.bsmSj = this.tableData[0]?.bsmSj; | ||
231 | } | ||
232 | }) | ||
233 | }) | ||
234 | }, | ||
235 | updateList (val) { | ||
236 | this.tableData.forEach(item => { | ||
237 | if (item.bsmSj === val.bsmSj) { | ||
238 | item.children = val.children | ||
239 | } | ||
240 | }) | ||
241 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
242 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
243 | this.previewImg.index = this.previewImg.index - 1 | ||
244 | } | ||
245 | }, | ||
246 | // 左侧菜单点击 | ||
247 | menuClick (item) { | ||
248 | this.checkedId = item.id | ||
249 | }, | ||
250 | // 添加材料目录 | ||
251 | handleAdd () { | ||
252 | this.isDialog = true; | ||
253 | }, | ||
254 | // 上移 | ||
255 | moveUpward (index, row) { | ||
256 | let obj = { | ||
257 | xh: row.xh, | ||
258 | bsmSlsq: row.bsmSlsq, | ||
259 | moveDirection: "UP", | ||
260 | }; | ||
261 | // 接口待调 | ||
262 | move(obj).then(async (res) => { | ||
263 | if (res.code == 200) { | ||
264 | let res = await this.clmlInitList() | ||
265 | if (res == 200) this.$message({ | ||
266 | message: '上移成功', | ||
267 | type: 'success' | ||
268 | }) | ||
269 | } else { | ||
270 | this.$message.error(res.message); | ||
271 | } | ||
272 | }) | ||
273 | }, | ||
274 | // 下移 | ||
275 | moveDown (index, row) { | ||
276 | let obj = { | ||
277 | xh: row.xh, | ||
278 | bsmSlsq: row.bsmSlsq, | ||
279 | moveDirection: "DOWN", | ||
280 | } | ||
281 | // 接口待调 | ||
282 | move(obj).then(async (res) => { | ||
283 | if (res.code == 200) { | ||
284 | let res = await this.clmlInitList() | ||
285 | if (res == 200) this.$message({ | ||
286 | message: '下移成功', | ||
287 | type: 'success' | ||
288 | }) | ||
289 | } else { | ||
290 | this.$message.error(res.message); | ||
291 | } | ||
292 | }) | ||
293 | }, | ||
294 | // 新增弹窗保存 | ||
295 | addSave (data) { | ||
296 | let obj = { | ||
297 | bsmSlsq: this.$parent.bsmSlsq, | ||
298 | isrequired: "1", | ||
299 | sjmc: data.clmc, | ||
300 | sjsl: 0, | ||
301 | smzt: '', | ||
302 | ys: 0, | ||
303 | sjlx: data.cllx, | ||
304 | sfxjcl: "1", // 是否必选 | ||
305 | }; | ||
306 | save(obj).then(async (res) => { | ||
307 | if (res.code == 200) { | ||
308 | let res = await this.clmlInitList() | ||
309 | if (res == 200) this.$message({ | ||
310 | message: "新增成功", | ||
311 | type: "success", | ||
312 | }) | ||
313 | } | ||
314 | }); | ||
315 | }, | ||
316 | // 材料目录删除 | ||
317 | handleDelete (index, row) { | ||
318 | let that = this | ||
319 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
320 | confirmButtonText: '确定', | ||
321 | cancelButtonText: '取消', | ||
322 | type: 'warning' | ||
323 | }).then(() => { | ||
324 | clmlDelete({ sjBsm: row.bsmSj }).then(async (res) => { | ||
325 | if (res.code == 200) { | ||
326 | let res = await that.clmlInitList() | ||
327 | if (res == 200) that.$message({ | ||
328 | message: "删除成功", | ||
329 | type: "success", | ||
330 | }) | ||
331 | } | ||
332 | }) | ||
333 | }).catch(() => { | ||
334 | this.$message({ | ||
335 | type: 'info', | ||
336 | message: '已取消删除' | ||
337 | }) | ||
338 | }) | ||
339 | }, | ||
340 | // 材料目录关闭收起 | ||
341 | iconClick () { | ||
342 | this.menuOpen = !this.menuOpen; | ||
343 | if (this.menuOpen) { | ||
344 | this.iclass = "itemIcon el-icon-caret-bottom close"; | ||
345 | } else { | ||
346 | this.iclass = "itemIcon el-icon-caret-bottom open"; | ||
347 | } | ||
348 | }, | ||
349 | // 材料目录点击选中 | ||
350 | treeClick (item) { | ||
351 | this.treeCheckId = item.bsmSj; | ||
352 | this.previewImg.imgList = item?.children; | ||
353 | this.previewImg.bsmSj = item?.bsmSj; | ||
354 | }, | ||
355 | // 小图片点击 | ||
356 | imgClick (item, index) { | ||
357 | this.showImg = item; | ||
358 | this.titleYs = index + 1; | ||
359 | }, | ||
360 | // 字典 | ||
361 | dicStatus (val, code) { | ||
362 | let data = this.$store.getters.dictData[code], | ||
363 | name = "暂无"; | ||
364 | if (data) { | ||
365 | data.map((item) => { | ||
366 | if (item.dcode == val) { | ||
367 | name = item.dname; | ||
368 | } | ||
369 | }); | ||
370 | return name; | ||
371 | } | ||
372 | }, | ||
373 | }, | ||
374 | }; | ||
375 | </script> | ||
376 | <style scoped lang='scss'> | ||
377 | @import "~@/styles/mixin.scss"; | ||
378 | |||
379 | .active { | ||
380 | background: $light-blue !important; | ||
381 | color: #fff; | ||
382 | } | ||
383 | |||
384 | .clxx { | ||
385 | width: 100%; | ||
386 | display: flex; | ||
387 | padding-left: 5px; | ||
388 | height: calc(100vh - 125px); | ||
389 | |||
390 | .left { | ||
391 | display: flex; | ||
392 | flex-direction: column; | ||
393 | justify-content: space-between; | ||
394 | |||
395 | .item { | ||
396 | width: 28px; | ||
397 | height: 49%; | ||
398 | @include flex-center; | ||
399 | background-color: #E4E7ED; | ||
400 | border-bottom-right-radius: 10px; | ||
401 | padding: 5px; | ||
402 | cursor: pointer; | ||
403 | transition: all 0.3s; | ||
404 | |||
405 | &:hover { | ||
406 | @extend .active; | ||
407 | } | ||
408 | } | ||
409 | } | ||
410 | |||
411 | .right { | ||
412 | width: 100%; | ||
413 | height: 100%; | ||
414 | |||
415 | .clmlmx-box { | ||
416 | margin: 0 auto; | ||
417 | |||
418 | .title { | ||
419 | text-align: center; | ||
420 | height: 60px; | ||
421 | line-height: 60px; | ||
422 | border: 1px solid #dfe6ec; | ||
423 | font-size: 20px; | ||
424 | background: #81d3f81a; | ||
425 | margin-bottom: -1px; | ||
426 | } | ||
427 | } | ||
428 | |||
429 | .clyl-box { | ||
430 | width: 100%; | ||
431 | height: 100%; | ||
432 | display: flex; | ||
433 | |||
434 | .menu-tree { | ||
435 | width: 20%; | ||
436 | min-width: 160px; | ||
437 | height: 100%; | ||
438 | margin-right: 10px; | ||
439 | border-right: 1px dotted #d9d9d9; | ||
440 | padding: 0 15px; | ||
441 | |||
442 | .item { | ||
443 | height: 60px; | ||
444 | line-height: 60px; | ||
445 | border-bottom: 1px solid #e8e8e8; | ||
446 | font-size: 16px; | ||
447 | color: #4a4a4a; | ||
448 | |||
449 | .itemIcon { | ||
450 | float: right; | ||
451 | line-height: 60px; | ||
452 | cursor: pointer; | ||
453 | } | ||
454 | |||
455 | @keyframes open { | ||
456 | 100% { | ||
457 | transform: rotate(180deg); | ||
458 | } | ||
459 | } | ||
460 | |||
461 | @keyframes close { | ||
462 | 0% { | ||
463 | transform: rotate(180deg); | ||
464 | } | ||
465 | |||
466 | 100% { | ||
467 | transform: rotate(-0deg); | ||
468 | } | ||
469 | } | ||
470 | |||
471 | .open { | ||
472 | animation: open 0.5s; | ||
473 | animation-fill-mode: both; | ||
474 | } | ||
475 | |||
476 | .close { | ||
477 | animation: close 0.5s; | ||
478 | animation-fill-mode: both; | ||
479 | } | ||
480 | |||
481 | .child { | ||
482 | line-height: 36px; | ||
483 | border-bottom: 1px solid #e8e8e8; | ||
484 | padding-left: 10px; | ||
485 | color: #6b6b6b; | ||
486 | cursor: pointer; | ||
487 | box-sizing: border-box; | ||
488 | } | ||
489 | |||
490 | .checked { | ||
491 | border-radius: 6px; | ||
492 | border: 1px solid #4083f9; | ||
493 | } | ||
494 | } | ||
495 | } | ||
496 | |||
497 | .clyl-img { | ||
498 | width: 75%; | ||
499 | height: 100%; | ||
500 | background: #f3f4f7; | ||
501 | margin: 0 auto; | ||
502 | position: relative; | ||
503 | } | ||
504 | } | ||
505 | } | ||
506 | } | ||
507 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/ywbl/commonForm/clxxAddDialog.vue
0 → 100644
1 | <template> | ||
2 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | ||
3 | :isFullscreen="false"> | ||
4 | <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> | ||
5 | <el-row> | ||
6 | <el-col :span="24"> | ||
7 | <el-form-item label="材料类型"> | ||
8 | <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择"> | ||
9 | <el-option v-for="item in dictData['A40']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
10 | </el-option> | ||
11 | </el-select> | ||
12 | </el-form-item> | ||
13 | </el-col> | ||
14 | </el-row> | ||
15 | <el-row :gutter="20"> | ||
16 | <el-col :span="24"> | ||
17 | <el-form-item label="材料名称"> | ||
18 | <el-input v-model="ruleForm.clmc"></el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | </el-row> | ||
22 | </el-form> | ||
23 | </dialogBox> | ||
24 | </template> | ||
25 | |||
26 | <script> | ||
27 | import { mapGetters } from "vuex"; | ||
28 | export default { | ||
29 | props: { | ||
30 | value: { type: Boolean, default: false }, | ||
31 | }, | ||
32 | data () { | ||
33 | return { | ||
34 | myValue: this.value, | ||
35 | ruleForm: { | ||
36 | cllx: "", | ||
37 | clmc: "", | ||
38 | }, | ||
39 | }; | ||
40 | }, | ||
41 | computed: { | ||
42 | ...mapGetters(["dictData"]), | ||
43 | }, | ||
44 | watch: { | ||
45 | value (val) { | ||
46 | this.myValue = val; | ||
47 | }, | ||
48 | }, | ||
49 | methods: { | ||
50 | closeDialog () { | ||
51 | this.$emit("input", false); | ||
52 | }, | ||
53 | handleSubmit () { | ||
54 | this.$parent.addSave(this.ruleForm); | ||
55 | this.$emit("input", false); | ||
56 | }, | ||
57 | }, | ||
58 | }; | ||
59 | </script> | ||
60 | <style scoped lang="scss"> | ||
61 | .submit-button { | ||
62 | text-align: center; | ||
63 | height: 52px; | ||
64 | padding-top: 10px; | ||
65 | background-color: #fff; | ||
66 | } | ||
67 | </style> |
src/views/ywbl/diyaq/1.vue
0 → 100644
File mode changed
src/views/ywbl/fqsq/fqsq废弃.vue
deleted
100644 → 0
1 | <template> | ||
2 | <div class="fqsq"> | ||
3 | <div class="fqsq-header"> | ||
4 | <ul> | ||
5 | <li @click="operation(index, item)" v-for="(item, index) in headerleftList" :key="index"> | ||
6 | <svg-icon :icon-class="item.icon" /> | ||
7 | <span class="iconName">{{ item.name }}</span> | ||
8 | </li> | ||
9 | </ul> | ||
10 | <ul> | ||
11 | <li @click="operation(index, item)" v-for="(item, index) in headerRightList" :key="index"> | ||
12 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
13 | <span class="iconName">{{ item.name }}</span> | ||
14 | </li> | ||
15 | </ul> | ||
16 | </div> | ||
17 | <div class="tabsList"> | ||
18 | <div class="tabsList-left"> | ||
19 | <div class="map-drawer-click" v-if="!isShowdrawer" @click=" | ||
20 | () => { | ||
21 | this.isShowdrawer = !this.isShowdrawer; | ||
22 | } | ||
23 | "></div> | ||
24 | <div class="map-drawer-expand" v-else @click=" | ||
25 | () => { | ||
26 | this.isShowdrawer = !this.isShowdrawer; | ||
27 | } | ||
28 | "></div> | ||
29 | <ul v-if="this.isShowdrawer"> | ||
30 | <p class="title">申请单元列表({{ unitData.length }})</p> | ||
31 | <div v-for="(item, index) in unitData" :key="index"> | ||
32 | <li @click="unitClick(item)"> | ||
33 | <p>{{ item.bdcdyh }}</p> | ||
34 | <p>{{ item.zl }}</p> | ||
35 | </li> | ||
36 | <div class="xian"></div> | ||
37 | </div> | ||
38 | </ul> | ||
39 | </div> | ||
40 | <div class="tabsList-right"> | ||
41 | <div class="fenpin" v-show="issplitScreen"> | ||
42 | <p class="splitScreen tabsList-title">材料信息</p> | ||
43 | <div class="splitScreen"></div> | ||
44 | </div> | ||
45 | <div style="width: 100%"> | ||
46 | <el-tabs v-model="activeName" @tab-click="activeClick"> | ||
47 | <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index"> | ||
48 | </el-tab-pane> | ||
49 | </el-tabs> | ||
50 | <div class="splitScreen-con"> | ||
51 | <component ref="slxx" v-if="activeName == 'slsq'" :is="editItem" :flag="flag" :fetch='fetch' :key="key" /> | ||
52 | <component :is="editItem" v-else :key="key" /> | ||
53 | </div> | ||
54 | </div> | ||
55 | </div> | ||
56 | </div> | ||
57 | <zc ref="zcDialogRef" v-model="zcDialog" :queryForm="queryForm" /> | ||
58 | <thDialog ref="thdialogRef" v-model="thflag" :bsmBusiness="bsmBusiness" :queryForm="queryForm" /> | ||
59 | <zslqDialog ref="zslqDialog" v-model="zslqDialog" /> | ||
60 | <!-- <zsylDialog v-model="zsylFlag" /> --> | ||
61 | </div> | ||
62 | </template> | ||
63 | <script> | ||
64 | import { leftMenu, stepExpandInfo, record } from "@/api/fqsq.js"; | ||
65 | import comMsg from "@/views/components/comMsg.vue"; | ||
66 | import zc from "./components/zc.vue"; | ||
67 | import thDialog from "./components/th.vue"; | ||
68 | // import zsylDialog from "./components/zsyl"; | ||
69 | import zslqDialog from "./components/zslq"; | ||
70 | export default { | ||
71 | /**注册组件*/ | ||
72 | components: { zc, thDialog, zsylDialog, comMsg, zslqDialog }, | ||
73 | data () { | ||
74 | return { | ||
75 | activeIndex: '0', | ||
76 | zsylFlag: false, | ||
77 | zcDialog: false, | ||
78 | thflag: false, | ||
79 | zslqDialog: false, | ||
80 | queryForm: { | ||
81 | bsmSlsq: "", | ||
82 | bestepid: "", | ||
83 | bsmBusiness: "" | ||
84 | }, | ||
85 | isShowdrawer: true, | ||
86 | key: 0, | ||
87 | flag: false, | ||
88 | headerleftList: [], | ||
89 | headerRightList: [], | ||
90 | activeName: "slxx", | ||
91 | tabList1: [], | ||
92 | tabList: [], | ||
93 | editItem: "", | ||
94 | issplitScreen: false, | ||
95 | unitData: [], | ||
96 | bsmBusiness: "", | ||
97 | fetch: false | ||
98 | }; | ||
99 | }, | ||
100 | watch: { | ||
101 | activeName: { | ||
102 | handler (newName, oldName) { | ||
103 | if (newName === "qlxx") { | ||
104 | this.editItem = this.loadViewSlsq(); | ||
105 | } else { | ||
106 | console.log(newName, 'newNamenewNamenewName'); | ||
107 | this.editItem = this.loadView(newName); | ||
108 | } | ||
109 | }, | ||
110 | immediate: true, | ||
111 | }, | ||
112 | }, | ||
113 | mounted () { | ||
114 | if (this.$route.query.bsmSlsq) { | ||
115 | this.expandInfo(this.$route.query.bsmSlsq, this.$route.query.bestepid); | ||
116 | this.queryForm.bsmSlsq = this.$route.query.bsmSlsq; | ||
117 | this.queryForm.bestepid = this.$route.query.bestepid; | ||
118 | this.queryForm.bsmBusiness = this.$route.query.bsmBusiness; | ||
119 | this.list(); | ||
120 | } | ||
121 | }, | ||
122 | methods: { | ||
123 | // 获取左侧列表 | ||
124 | list () { | ||
125 | let that = this; | ||
126 | var formdata = new FormData(); | ||
127 | formdata.append("bsmSlsq", that.queryForm.bsmSlsq); | ||
128 | formdata.append("bestepid", that.queryForm.bestepid); | ||
129 | formdata.append("bsmBusiness", that.queryForm.bsmBusiness); | ||
130 | leftMenu(formdata).then((res) => { | ||
131 | if (res.code === 200) { | ||
132 | this.unitData = res.result ? res.result : []; | ||
133 | setTimeout(() => { | ||
134 | that.$refs.slxx?.[0].list(that.unitData?.[0]?.bsmSldy); | ||
135 | this.bsmBusiness = that.unitData?.[0]?.bsmBusiness; | ||
136 | }, 300); | ||
137 | } | ||
138 | }); | ||
139 | }, | ||
140 | //获取环节扩展信息 | ||
141 | expandInfo (bsmSlsq, bestepid) { | ||
142 | let that = this; | ||
143 | var formdata = new FormData(); | ||
144 | formdata.append("bsmSlsq", bsmSlsq); | ||
145 | formdata.append("bestepid", bestepid); | ||
146 | stepExpandInfo(formdata).then((res) => { | ||
147 | if (res.code === 200) { | ||
148 | this.tabList1 = [...res.result.form]; | ||
149 | this.tabList = res.result.form; | ||
150 | this.activeName = res.result.form[0].value; | ||
151 | this.headerleftList = res.result.button; | ||
152 | this.headerRightList = res.result.operation; | ||
153 | } | ||
154 | }); | ||
155 | }, | ||
156 | activeClick (tab, event) { | ||
157 | if (tab.name == "slxx") { | ||
158 | this.list(); | ||
159 | } | ||
160 | }, | ||
161 | // 左侧列表点击调用接口 | ||
162 | unitClick (item) { | ||
163 | console.log(item, 'unitClickunitClickunitClick'); | ||
164 | this.bsmBusiness = item.bsmBusiness | ||
165 | var activeTabName = this.activeName | ||
166 | if (activeTabName == 'slxx') { | ||
167 | //受理信息页面接口调取 | ||
168 | this.$nextTick(() => { | ||
169 | this.$refs.slxx[0].list(item.bsmSldy) | ||
170 | }) | ||
171 | } else if (activeTabName == 'spyj') { | ||
172 | //审批页面接口调取 | ||
173 | this.$nextTick(() => { | ||
174 | this.$refs.spyj[0].list(this.bsmBusiness, this.queryForm.bestepid) | ||
175 | }) | ||
176 | } | ||
177 | }, | ||
178 | operation (index, item) { | ||
179 | let that = this; | ||
180 | switch (item.value) { | ||
181 | case "zsyl": | ||
182 | this.zsylFlag = true; | ||
183 | break; | ||
184 | case "clfp": | ||
185 | this.key++; | ||
186 | this.issplitScreen = !this.issplitScreen; | ||
187 | this.flag = !this.flag; | ||
188 | if (this.issplitScreen) { | ||
189 | this.tabList.splice(1, 1); | ||
190 | } else { | ||
191 | this.tabList = [...this.tabList1]; | ||
192 | } | ||
193 | break; | ||
194 | case "th": | ||
195 | this.thflag = true; | ||
196 | this.$nextTick(() => { | ||
197 | this.$refs.thdialogRef.tablelistFn(); | ||
198 | }); | ||
199 | break; | ||
200 | case "zc": | ||
201 | this.zcDialog = true; | ||
202 | this.$refs.zcDialogRef.tablelistFn(); | ||
203 | break; | ||
204 | case "tc": | ||
205 | window.close(); | ||
206 | break; | ||
207 | case "zslq": | ||
208 | this.zslqDialog = true; | ||
209 | this.$refs.zslqDialog.tablelistFn(); | ||
210 | break; | ||
211 | case "db": | ||
212 | var formdata = new FormData(); | ||
213 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
214 | formdata.append("bestepid", this.$route.query.bestepid); | ||
215 | // comMsg; | ||
216 | this.$confirm("请确认是否登簿", "提示", { | ||
217 | iconClass: "el-icon-question", //自定义图标样式 | ||
218 | confirmButtonText: "确认", //确认按钮文字更换 | ||
219 | cancelButtonText: "取消", //取消按钮文字更换 | ||
220 | showClose: true, //是否显示右上角关闭按钮 | ||
221 | type: "warning", //提示类型 success/info/warning/error | ||
222 | }) | ||
223 | .then(function () { | ||
224 | record(formdata).then((res) => { | ||
225 | if (res.code === 200 || res.code === 2002) { | ||
226 | that.$alert(res.message); | ||
227 | } | ||
228 | }); | ||
229 | }); | ||
230 | break; | ||
231 | } | ||
232 | }, | ||
233 | loadView (view) { | ||
234 | return (r) => | ||
235 | require.ensure([], () => r(require(`./components/${view}.vue`))); | ||
236 | }, | ||
237 | loadViewSlsq () { | ||
238 | return (r) => | ||
239 | require.ensure([], () => | ||
240 | r(require("@/views/zhcx/djbcx/components/jsydsyq.vue")) | ||
241 | ); | ||
242 | }, | ||
243 | }, | ||
244 | }; | ||
245 | </script> | ||
246 | <style scoped lang='scss'> | ||
247 | @import "~@/styles/mixin.scss"; | ||
248 | |||
249 | /deep/.svg-icon { | ||
250 | width: 2.5em; | ||
251 | height: 2.5em; | ||
252 | } | ||
253 | |||
254 | /deep/.el-tabs__nav-wrap { | ||
255 | padding: 5px 0 0 15px; | ||
256 | } | ||
257 | |||
258 | /deep/.el-tabs__nav-wrap::after { | ||
259 | height: 1px; | ||
260 | } | ||
261 | |||
262 | .iconName { | ||
263 | line-height: 24px; | ||
264 | font-size: 12px; | ||
265 | } | ||
266 | |||
267 | /deep/.el-tabs__header { | ||
268 | margin: 0 !important; | ||
269 | } | ||
270 | |||
271 | .splitScreen-con { | ||
272 | padding: 0 15px; | ||
273 | box-sizing: border-box; | ||
274 | height: calc(100% - 350px); | ||
275 | } | ||
276 | |||
277 | .fqsq { | ||
278 | width: 100%; | ||
279 | height: 100%; | ||
280 | padding: 0; | ||
281 | box-sizing: border-box; | ||
282 | background-color: #ffffff; | ||
283 | overflow: hidden; | ||
284 | |||
285 | .splitScreen { | ||
286 | min-width: 50%; | ||
287 | } | ||
288 | |||
289 | |||
290 | &-header { | ||
291 | @include flex; | ||
292 | width: 100%; | ||
293 | height: 80px; | ||
294 | background-color: #3498db; | ||
295 | color: #ffffff; | ||
296 | justify-content: space-between; | ||
297 | padding-left: 15px; | ||
298 | position: sticky; | ||
299 | top: 0; | ||
300 | z-index: 100; | ||
301 | |||
302 | ul { | ||
303 | @include flex; | ||
304 | |||
305 | li { | ||
306 | @include flex-center; | ||
307 | cursor: pointer; | ||
308 | flex-direction: column; | ||
309 | margin-right: 15px; | ||
310 | box-sizing: border-box; | ||
311 | width: 70px; | ||
312 | margin: 0 5px; | ||
313 | } | ||
314 | |||
315 | li:hover { | ||
316 | border: 1px solid #ffffff; | ||
317 | border-radius: 5px; | ||
318 | |||
319 | .svg-icon { | ||
320 | //color: $light-blue ; | ||
321 | } | ||
322 | } | ||
323 | } | ||
324 | } | ||
325 | |||
326 | /deep/.el-menu-item.is-active { | ||
327 | background-color: #e7f4fe; | ||
328 | } | ||
329 | |||
330 | .map-drawer-expand { | ||
331 | width: 20px; | ||
332 | height: 77px; | ||
333 | background: url("../../../image/right.png"); | ||
334 | background-size: cover; | ||
335 | position: absolute; | ||
336 | right: 0%; | ||
337 | top: 30%; | ||
338 | z-index: 99; | ||
339 | cursor: pointer; | ||
340 | } | ||
341 | |||
342 | .map-drawer-click { | ||
343 | width: 20px; | ||
344 | height: 77px; | ||
345 | background: url("../../../image/left.png"); | ||
346 | background-size: cover; | ||
347 | position: absolute; | ||
348 | left: 0%; | ||
349 | top: 30%; | ||
350 | z-index: 999; | ||
351 | cursor: pointer; | ||
352 | } | ||
353 | |||
354 | .hide { | ||
355 | display: none; | ||
356 | } | ||
357 | |||
358 | .tabsList { | ||
359 | width: 100%; | ||
360 | position: sticky; | ||
361 | top: 80px; | ||
362 | background-color: #ffffff; | ||
363 | z-index: 100; | ||
364 | @include flex; | ||
365 | |||
366 | .tabsList-left { | ||
367 | border-right: 1px solid #ebeef5; | ||
368 | position: relative; | ||
369 | box-sizing: border-box; | ||
370 | |||
371 | ul { | ||
372 | position: relative; | ||
373 | |||
374 | .xian { | ||
375 | background: #f2f2f2; | ||
376 | padding: 2px; | ||
377 | } | ||
378 | |||
379 | .title { | ||
380 | padding: 20px; | ||
381 | text-align: center; | ||
382 | } | ||
383 | |||
384 | li { | ||
385 | padding: 10px; | ||
386 | font-size: 14px; | ||
387 | color: #606266; | ||
388 | line-height: 20px; | ||
389 | } | ||
390 | |||
391 | li:hover { | ||
392 | color: #0f93f6; | ||
393 | cursor: pointer; | ||
394 | } | ||
395 | } | ||
396 | } | ||
397 | |||
398 | .tabsList-right { | ||
399 | .fenpin { | ||
400 | min-width: 50%; | ||
401 | border-right: 1px solid #ebeef5; | ||
402 | } | ||
403 | |||
404 | background-color: #ffffff; | ||
405 | width: 100%; | ||
406 | height: 100%; | ||
407 | z-index: 100; | ||
408 | @include flex; | ||
409 | } | ||
410 | } | ||
411 | |||
412 | .tabsList-title { | ||
413 | display: block; | ||
414 | line-height: 59px; | ||
415 | } | ||
416 | |||
417 | /deep/.el-tabs { | ||
418 | width: 100%; | ||
419 | } | ||
420 | } | ||
421 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/ywbl/fqsq/images/1.png
deleted
100644 → 0

2.97 KB
src/views/ywbl/fqsq/images/2.png
deleted
100644 → 0

3.31 KB
src/views/ywbl/fqsq/images/3.png
deleted
100644 → 0

3.47 KB
src/views/ywbl/fwsyq/slxx.vue
0 → 100644
1 | <template> | ||
2 | <!-- 受理信息 --> | ||
3 | <div class="slxx"> | ||
4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | ||
5 | label-width="120px"> | ||
6 | <div class="slxx_con"> | ||
7 | <div class="slxx_title">受理信息</div> | ||
8 | <el-row :gutter="10"> | ||
9 | <el-col :span="8"> | ||
10 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="ywh"> | ||
11 | <el-input disabled v-model="ruleForm.ywh"></el-input> | ||
12 | </el-form-item> | ||
13 | </el-col> | ||
14 | <el-col :span="8"> | ||
15 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> | ||
16 | <el-input disabled v-model="ruleForm.slry"></el-input> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="8"> | ||
20 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> | ||
21 | <el-input disabled v-model="ruleForm.slsj"></el-input> | ||
22 | </el-form-item> | ||
23 | </el-col> | ||
24 | </el-row> | ||
25 | <el-row :gutter="10"> | ||
26 | <el-col :span="8"> | ||
27 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllx"> | ||
28 | <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> | ||
29 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
30 | </el-option> | ||
31 | </el-select> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlx"> | ||
36 | <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> | ||
37 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
38 | </el-option> | ||
39 | </el-select> | ||
40 | </el-form-item> | ||
41 | </el-col> | ||
42 | <el-col :span="8"> | ||
43 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> | ||
44 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> | ||
45 | </el-form-item> | ||
46 | </el-col> | ||
47 | </el-row> | ||
48 | <div class="slxx_title">不动产单元情况</div> | ||
49 | <el-row :gutter="10"> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码:" prop="zddm"> | ||
52 | <el-input disabled v-model="ruleForm.zddm"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> | ||
57 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
58 | </el-form-item> | ||
59 | </el-col> | ||
60 | <el-col :span="8"> | ||
61 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:" prop="qlxzmc"> | ||
62 | <el-input disabled v-model="ruleForm.qlxzmc"></el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | </el-row> | ||
66 | <el-row :gutter="10"> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号:" prop="zrzh"> | ||
69 | <el-input disabled v-model="ruleForm.zdmj"></el-input> | ||
70 | </el-form-item> | ||
71 | </el-col> | ||
72 | <el-col :span="8"> | ||
73 | <el-form-item :class="flag ? 'marginBot0' : ''" label="户不动产单元号:" prop="hbdcdyh"> | ||
74 | <el-input disabled v-model="ruleForm.ghytmc"></el-input> | ||
75 | </el-form-item> | ||
76 | </el-col> | ||
77 | <el-col :span="8"> | ||
78 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记状态:" prop="djzt"> | ||
79 | <el-select disabled v-model="ruleForm.djzt" filterable clearable> | ||
80 | <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value"> | ||
81 | </el-option> | ||
82 | </el-select> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | </el-row> | ||
86 | <el-row :gutter="10"> | ||
87 | <el-col :span="8"> | ||
88 | <el-form-item :class="flag ? 'marginBot0' : ''" label="图幅丘幢号:" prop="tfqzh"> | ||
89 | <el-input disabled v-model="ruleForm.tfqzh"></el-input> | ||
90 | </el-form-item> | ||
91 | </el-col> | ||
92 | |||
93 | <el-col :span="16"> | ||
94 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="zl"> | ||
95 | <el-input disabled v-model="ruleForm.zl"></el-input> | ||
96 | </el-form-item> | ||
97 | </el-col> | ||
98 | </el-row> | ||
99 | <el-row :gutter="10"> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> | ||
102 | <el-input disabled v-model="ruleForm.fwyt"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | ||
107 | <el-input disabled v-model="ruleForm.fwxz"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | ||
112 | <el-input disabled v-model="ruleForm.fwjg"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | </el-row> | ||
116 | <div class="slxx_title">权利人信息</div> | ||
117 | <el-row :gutter="10"> | ||
118 | <el-col :span="14"> | ||
119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
120 | <el-radio-group v-model="ruleForm.gyfs"> | ||
121 | <el-radio label="1">单独所有</el-radio> | ||
122 | <el-radio label="2">共同共有</el-radio> | ||
123 | <el-radio label="3">按份所有</el-radio> | ||
124 | </el-radio-group> | ||
125 | </el-form-item> | ||
126 | </el-col> | ||
127 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | ||
129 | <el-radio-group v-model="ruleForm.sffbcz"> | ||
130 | <el-radio label="1">是</el-radio> | ||
131 | <el-radio label="0">否</el-radio> | ||
132 | </el-radio-group> | ||
133 | </el-form-item> | ||
134 | </el-col> | ||
135 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
136 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | ||
137 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
138 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
139 | </el-option> | ||
140 | </el-select> | ||
141 | </el-form-item> | ||
142 | </el-col> | ||
143 | </el-row> | ||
144 | <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> | ||
145 | <div class="slxx_title">登记原因{{flag}}</div> | ||
146 | <el-row :gutter="10"> | ||
147 | <el-col> | ||
148 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
149 | <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input> | ||
150 | </el-form-item> | ||
151 | </el-col> | ||
152 | </el-row> | ||
153 | </div> | ||
154 | <el-row class="btn"> | ||
155 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
156 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
157 | </el-form-item> | ||
158 | </el-row> | ||
159 | </el-form> | ||
160 | </div> | ||
161 | </template> | ||
162 | <script> | ||
163 | import InformationTable from "@/views/workflow/components/InformationTable"; | ||
164 | import { Init, fristReg } from "@/api/jsydsyqFlow.js"; | ||
165 | import { mapGetters } from "vuex"; | ||
166 | export default { | ||
167 | async created () { | ||
168 | this.propsParam = this.$attrs; | ||
169 | var formdata = new FormData(); | ||
170 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
171 | Init(formdata).then((res) => { | ||
172 | if (res.code === 200 && res.result) { | ||
173 | this.ruleForm = { | ||
174 | ...res.result, | ||
175 | ...res.result.zdjbxxdatas, | ||
176 | ...res.result.qlxxdatas, | ||
177 | ...res.result.jsydsyqdatas, | ||
178 | }; | ||
179 | } | ||
180 | }); | ||
181 | }, | ||
182 | components: { InformationTable }, | ||
183 | computed: { | ||
184 | ...mapGetters(["dictData", "flag"]), | ||
185 | }, | ||
186 | data () { | ||
187 | return { | ||
188 | disabled: true, | ||
189 | tdytOption: [], | ||
190 | czrOptions: [], | ||
191 | ruleForm: { | ||
192 | ywh: "", | ||
193 | slry: "", | ||
194 | slsj: "", | ||
195 | qllx: "", | ||
196 | djlx: "", | ||
197 | djqx: "", | ||
198 | // 宗地代码 | ||
199 | zddm: "", | ||
200 | bdcdyh: "", | ||
201 | qlxzmc: "", | ||
202 | qlrxx: [], | ||
203 | // 自然幢号 | ||
204 | zrzh: "", | ||
205 | // 户不动产单元号 | ||
206 | hbdcdyh: '', | ||
207 | djzt: '', | ||
208 | // 图幅丘幢号 | ||
209 | tfqzh: '', | ||
210 | zl: '', | ||
211 | // 房屋用途 | ||
212 | fwyt: '', | ||
213 | fwxz: '', | ||
214 | fwjg: '', | ||
215 | // 权利人信息 | ||
216 | gyfs: "1", | ||
217 | // 是否分别持证 | ||
218 | sffbcz: "", | ||
219 | // 持证人 | ||
220 | czr: "", | ||
221 | djyy: '' | ||
222 | }, | ||
223 | //传递参数 | ||
224 | propsParam: {}, | ||
225 | rules: {}, | ||
226 | }; | ||
227 | }, | ||
228 | methods: { | ||
229 | list (bsmSldy) { | ||
230 | var formdata = new FormData(); | ||
231 | formdata.append("bsmSldy", bsmSldy); | ||
232 | Init(formdata).then((res) => { | ||
233 | if (res.code === 200 && res.result) { | ||
234 | this.ruleForm = { | ||
235 | ...res.result, | ||
236 | ...res.result.zdjbxxdatas, | ||
237 | ...res.result.qlxxdatas, | ||
238 | ...res.result.jsydsyqdatas, | ||
239 | }; | ||
240 | } | ||
241 | }); | ||
242 | }, | ||
243 | onSubmit () { | ||
244 | fristReg(this.ruleForm).then((res) => { | ||
245 | if (res.code === 200 && res.result) { | ||
246 | console.log(res); | ||
247 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | ||
248 | } | ||
249 | }); | ||
250 | }, | ||
251 | }, | ||
252 | }; | ||
253 | </script> | ||
254 | <style scoped lang='scss'> | ||
255 | @import "~@/styles/public.scss"; | ||
256 | |||
257 | /deep/.el-form { | ||
258 | display: flex; | ||
259 | flex-direction: column; | ||
260 | height: calc(100vh - 130px); | ||
261 | background-color: aqua; | ||
262 | } | ||
263 | |||
264 | /deep/.el-form-item__label { | ||
265 | padding: 0; | ||
266 | } | ||
267 | |||
268 | /deep/.el-radio { | ||
269 | margin-right: 10px; | ||
270 | } | ||
271 | |||
272 | /deep/.el-select { | ||
273 | width: 100%; | ||
274 | } | ||
275 | |||
276 | /deep/.el-form-item { | ||
277 | margin-bottom: 8px; | ||
278 | } | ||
279 | |||
280 | .marginBot0 { | ||
281 | margin-bottom: 0 !important; | ||
282 | } | ||
283 | |||
284 | .slxx { | ||
285 | box-sizing: border-box; | ||
286 | } | ||
287 | |||
288 | .slxx_con { | ||
289 | flex: 1; | ||
290 | height: 100%; | ||
291 | background-color: #ffffff; | ||
292 | overflow-y: auto; | ||
293 | padding-right: 3px; | ||
294 | overflow-x: hidden; | ||
295 | } | ||
296 | |||
297 | .submit_btn { | ||
298 | height: 50px; | ||
299 | } | ||
300 | |||
301 | .slxx_title { | ||
302 | border-bottom: 1px solid $borderColor; | ||
303 | padding-left: 10px; | ||
304 | padding-bottom: 5px; | ||
305 | margin-bottom: 10px; | ||
306 | margin-top: 5px; | ||
307 | font-size: 16px; | ||
308 | font-weight: 500; | ||
309 | color: #4a4a4a; | ||
310 | } | ||
311 | |||
312 | .btn { | ||
313 | text-align: center; | ||
314 | padding-top: 10px; | ||
315 | height: 36px; | ||
316 | background-color: #ffffff; | ||
317 | padding: 5px 0; | ||
318 | } | ||
319 | |||
320 | .textArea { | ||
321 | /deep/.el-textarea__inner { | ||
322 | min-height: 90px !important; | ||
323 | } | ||
324 | } | ||
325 | |||
326 | /deep/.el-form-item__label { | ||
327 | padding-bottom: 0px; | ||
328 | } | ||
329 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <template> | 1 | <template> |
2 | <!-- 受理信息 --> | ||
2 | <div class="slxx"> | 3 | <div class="slxx"> |
3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" |
4 | label-width="120px"> | 5 | label-width="120px"> |
... | @@ -162,12 +163,11 @@ | ... | @@ -162,12 +163,11 @@ |
162 | </div> | 163 | </div> |
163 | </template> | 164 | </template> |
164 | <script> | 165 | <script> |
165 | import InformationTable from "./InformationTable"; | 166 | import InformationTable from "@/views/workflow/components/InformationTable"; |
166 | import { Init, fristReg } from "@/api/jsydsyqFlow.js"; | 167 | import { Init, fristReg } from "@/api/jsydsyqFlow.js"; |
167 | import { mapGetters } from "vuex"; | 168 | import { mapGetters } from "vuex"; |
168 | export default { | 169 | export default { |
169 | async created () { | 170 | async created () { |
170 | //var bsmSldy = this.$parent._data.unitData[0].bsmSldy; | ||
171 | this.propsParam = this.$attrs; | 171 | this.propsParam = this.$attrs; |
172 | var formdata = new FormData(); | 172 | var formdata = new FormData(); |
173 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 173 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ... | ... |
... | @@ -127,11 +127,9 @@ export default { | ... | @@ -127,11 +127,9 @@ export default { |
127 | handleSelectionChange (val) { | 127 | handleSelectionChange (val) { |
128 | this.bdcdysz = val; | 128 | this.bdcdysz = val; |
129 | }, | 129 | }, |
130 | queryClick () { | 130 | |
131 | this.fetchData(); | 131 | } |
132 | }, | 132 | } |
133 | }, | ||
134 | }; | ||
135 | </script> | 133 | </script> |
136 | <style scoped lang="scss"> | 134 | <style scoped lang="scss"> |
137 | @import "~@/styles/mixin.scss"; | 135 | @import "~@/styles/mixin.scss"; | ... | ... |
1 | <template> | ||
2 | <div class="from-clues"> | ||
3 | <!-- 表单部分 --> | ||
4 | <div class="from-clues-header"> | ||
5 | <el-tabs v-model="activeName"> | ||
6 | <el-tab-pane label="自然幢" name="first"></el-tab-pane> | ||
7 | <el-tab-pane label="户" name="second"></el-tab-pane> | ||
8 | </el-tabs> | ||
9 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | ||
10 | <el-row> | ||
11 | <el-col :span="5"> | ||
12 | <el-form-item label="权利类型" label-width="70px"> | ||
13 | <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型"> | ||
14 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
15 | </el-option> | ||
16 | </el-select> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="5"> | ||
20 | <el-form-item label="不动产单元号"> | ||
21 | <el-input placeholder="不动产单元号" v-model="queryForm.bdcdyh" clearable> | ||
22 | </el-input> | ||
23 | </el-form-item> | ||
24 | </el-col> | ||
25 | <el-col :span="5"> | ||
26 | <el-form-item label="业务号" label-width="70px"> | ||
27 | <el-input placeholder="业务号" v-model="queryForm.ywh" clearable> | ||
28 | </el-input> | ||
29 | </el-form-item> | ||
30 | </el-col> | ||
31 | <el-col :span="5"> | ||
32 | <el-form-item label="不动产权证号"> | ||
33 | <el-input placeholder="不动产权证号" v-model="queryForm.bdcqzh" clearable> | ||
34 | </el-input> | ||
35 | </el-form-item> | ||
36 | </el-col> | ||
37 | <el-col :span="4" class="btnCol"> | ||
38 | <el-form-item> | ||
39 | <el-button type="primary" @click="queryClick()">查询</el-button> | ||
40 | </el-form-item> | ||
41 | </el-col> | ||
42 | </el-row> | ||
43 | </el-form> | ||
44 | </div> | ||
45 | <!-- 表格 --> | ||
46 | <div class="from-clues-content"> | ||
47 | <lb-table border :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" | ||
48 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | ||
49 | @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> | ||
50 | </lb-table> | ||
51 | </div> | ||
52 | <div class="submit_button"> | ||
53 | <el-button @click="closeDialog">取消</el-button> | ||
54 | <el-button type="primary" plain @click="submitForm" :loading="saveloding">发起申请</el-button> | ||
55 | </div> | ||
56 | </div> | ||
57 | </template> | ||
58 | <script> | ||
59 | //国有建设用地使用权/房屋使用权 | ||
60 | import { mapGetters } from 'vuex' | ||
61 | import { datas, sendThis } from "../javascript/houseOwnership.js"; | ||
62 | import table from "@/utils/mixin/table"; | ||
63 | import jump from "../components/mixin/jump"; | ||
64 | import { selectScBdcdy, startBusinessFlow } from "@/api/ywbl.js"; | ||
65 | export default { | ||
66 | props: { | ||
67 | bsmSqyw: { type: String, default: "" }, | ||
68 | djqxObj: { type: Object, default: "" }, | ||
69 | djywbm: { type: String, default: "" } | ||
70 | }, | ||
71 | mixins: [table, jump], | ||
72 | data () { | ||
73 | return { | ||
74 | activeName: 'first', | ||
75 | queryForm: { | ||
76 | qllx: '', | ||
77 | bdcdyh: '', | ||
78 | ywh: '', | ||
79 | bdcqzh: '' | ||
80 | }, | ||
81 | |||
82 | tableData: { | ||
83 | total: 0, | ||
84 | columns: datas.columns(), | ||
85 | data: [], | ||
86 | }, | ||
87 | bdcdysz: [], | ||
88 | saveloding: false, | ||
89 | }; | ||
90 | }, | ||
91 | watch: { | ||
92 | bsmSqyw (val) { | ||
93 | this.fetchData(); | ||
94 | }, | ||
95 | }, | ||
96 | mounted () { | ||
97 | sendThis(this); | ||
98 | }, | ||
99 | computed: { | ||
100 | ...mapGetters(['dictData']), | ||
101 | }, | ||
102 | methods: { | ||
103 | closeDialog () { | ||
104 | this.$emit("closeDialog"); | ||
105 | }, | ||
106 | fetchData () { | ||
107 | if (this.bsmSqyw) { | ||
108 | this.queryForm.sqywbm = this.djywbm; | ||
109 | |||
110 | selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
111 | if (res.code === 200) { | ||
112 | let { total, records } = res.result; | ||
113 | this.tableData.total = total; | ||
114 | this.tableData.data = records; | ||
115 | } | ||
116 | }); | ||
117 | } | ||
118 | }, | ||
119 | submitForm () { | ||
120 | if (this.bdcdysz.length == 0) { | ||
121 | this.$message.error("请至少选择一条数据"); | ||
122 | return; | ||
123 | } | ||
124 | this.saveloding = true; | ||
125 | startBusinessFlow({ | ||
126 | bsmSqyw: this.bsmSqyw, | ||
127 | bdcdysz: this.bdcdysz, | ||
128 | djqxbm: this.djqxObj.djqxbm, | ||
129 | djqxmc: this.djqxObj.djqxmc, | ||
130 | }).then((res) => { | ||
131 | this.saveloding = false; | ||
132 | if (res.code == 200) { | ||
133 | this.jump(res.result) | ||
134 | } else { | ||
135 | this.$message.error(res.message); | ||
136 | } | ||
137 | }); | ||
138 | }, | ||
139 | handleSelectionChange (val) { | ||
140 | this.bdcdysz = val; | ||
141 | } | ||
142 | }, | ||
143 | }; | ||
144 | </script> | ||
145 | <style scoped lang="scss"> | ||
146 | @import "~@/styles/mixin.scss"; | ||
147 | @import "~@/styles/public.scss"; | ||
148 | </style> |
1 | <template> | 1 | <template> |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 国有建设用地使用权 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> |
6 | <el-row> | 6 | <el-row> |
... | @@ -54,7 +54,7 @@ export default { | ... | @@ -54,7 +54,7 @@ export default { |
54 | data () { | 54 | data () { |
55 | return { | 55 | return { |
56 | queryForm: defaultParameters.defaultParameters(), | 56 | queryForm: defaultParameters.defaultParameters(), |
57 | 57 | ||
58 | qllxs: [], | 58 | qllxs: [], |
59 | tableData: { | 59 | tableData: { |
60 | total: 0, | 60 | total: 0, |
... | @@ -79,7 +79,7 @@ export default { | ... | @@ -79,7 +79,7 @@ export default { |
79 | }, | 79 | }, |
80 | fetchData () { | 80 | fetchData () { |
81 | if (this.bsmSqyw) { | 81 | if (this.bsmSqyw) { |
82 | this.queryForm.sqywbm=this.djywbm; | 82 | this.queryForm.sqywbm = this.djywbm; |
83 | 83 | ||
84 | selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => { | 84 | selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => { |
85 | if (res.code === 200) { | 85 | if (res.code === 200) { |
... | @@ -113,11 +113,8 @@ export default { | ... | @@ -113,11 +113,8 @@ export default { |
113 | handleSelectionChange (val) { | 113 | handleSelectionChange (val) { |
114 | this.bdcdysz = val; | 114 | this.bdcdysz = val; |
115 | }, | 115 | }, |
116 | queryClick () { | 116 | } |
117 | this.fetchData(); | 117 | } |
118 | }, | ||
119 | }, | ||
120 | }; | ||
121 | </script> | 118 | </script> |
122 | <style scoped lang="scss"> | 119 | <style scoped lang="scss"> |
123 | @import "~@/styles/mixin.scss"; | 120 | @import "~@/styles/mixin.scss"; | ... | ... |
... | @@ -94,7 +94,7 @@ export default { | ... | @@ -94,7 +94,7 @@ export default { |
94 | }, | 94 | }, |
95 | fetchData () { | 95 | fetchData () { |
96 | if (this.bsmSqyw) { | 96 | if (this.bsmSqyw) { |
97 | this.queryForm.sqywbm=this.djywbm; | 97 | this.queryForm.sqywbm = this.djywbm; |
98 | 98 | ||
99 | selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 99 | selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
100 | if (res.code === 200) { | 100 | if (res.code === 200) { |
... | @@ -131,13 +131,9 @@ export default { | ... | @@ -131,13 +131,9 @@ export default { |
131 | item.ybdcqzsh = item.bdcqzh | 131 | item.ybdcqzsh = item.bdcqzh |
132 | }) | 132 | }) |
133 | this.bdcdysz = val; | 133 | this.bdcdysz = val; |
134 | 134 | } | |
135 | }, | 135 | } |
136 | queryClick () { | 136 | } |
137 | this.fetchData(); | ||
138 | }, | ||
139 | }, | ||
140 | }; | ||
141 | </script> | 137 | </script> |
142 | <style scoped lang="scss"> | 138 | <style scoped lang="scss"> |
143 | @import "~@/styles/mixin.scss"; | 139 | @import "~@/styles/mixin.scss"; | ... | ... |
... | @@ -9,6 +9,10 @@ export default { | ... | @@ -9,6 +9,10 @@ export default { |
9 | data.bestepid + '&bsmBusiness=' | 9 | data.bestepid + '&bsmBusiness=' |
10 | ); | 10 | ); |
11 | window.open(href, "_blank"); | 11 | window.open(href, "_blank"); |
12 | }, | ||
13 | queryClick () { | ||
14 | this.pageData.currentPage = 1 | ||
15 | this.fetchData(); | ||
12 | } | 16 | } |
13 | } | 17 | } |
14 | } | 18 | } | ... | ... |
1 | import filter from '@/utils/filter.js' | ||
2 | let vm = null | ||
3 | |||
4 | const sendThis = (_this) => { | ||
5 | vm = _this | ||
6 | } | ||
7 | class data extends filter { | ||
8 | constructor() { | ||
9 | super() | ||
10 | } | ||
11 | columns () { | ||
12 | return [ | ||
13 | { | ||
14 | type: 'selection', | ||
15 | label: '全选' | ||
16 | }, | ||
17 | { | ||
18 | label: '序号', | ||
19 | type: 'index', | ||
20 | width: '50', | ||
21 | render: (h, scope) => { | ||
22 | return ( | ||
23 | <div> | ||
24 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
25 | </div> | ||
26 | ) | ||
27 | } | ||
28 | }, | ||
29 | { | ||
30 | prop: "status", | ||
31 | label: "状态", | ||
32 | }, | ||
33 | { | ||
34 | prop: "qllxmc", | ||
35 | label: "权利类型", | ||
36 | }, | ||
37 | { | ||
38 | prop: "zrzh", | ||
39 | label: "自然幢号", | ||
40 | }, | ||
41 | { | ||
42 | prop: "bdcdyh", | ||
43 | label: "不动产单元号", | ||
44 | }, | ||
45 | { | ||
46 | prop: "showQlxz", | ||
47 | label: "权利性质", | ||
48 | }, | ||
49 | { | ||
50 | prop: "zdmj", | ||
51 | label: "宗地面积", | ||
52 | }, | ||
53 | { | ||
54 | prop: "qlsdfsmc", | ||
55 | label: "权利设定方式", | ||
56 | }, | ||
57 | { | ||
58 | prop: "showFwyt", | ||
59 | label: "房屋用途", | ||
60 | }, | ||
61 | { | ||
62 | prop: "zl", | ||
63 | label: "坐落", | ||
64 | }, | ||
65 | ] | ||
66 | } | ||
67 | |||
68 | |||
69 | } | ||
70 | let datas = new data() | ||
71 | export { | ||
72 | datas, | ||
73 | sendThis | ||
74 | } |
... | @@ -10,20 +10,16 @@ class data extends filter { | ... | @@ -10,20 +10,16 @@ class data extends filter { |
10 | constructor() { | 10 | constructor() { |
11 | super() | 11 | super() |
12 | } | 12 | } |
13 | defaultParameters(){ | 13 | defaultParameters () { |
14 | return [ | 14 | return { |
15 | { | 15 | qllx: "", |
16 | qllx: "", | 16 | bdcdyh: "", |
17 | bdcdyh: "", | 17 | ywh: "", |
18 | ywh: "", | 18 | bdcqzh: "", |
19 | bdcqzh: "", | 19 | fwfl: "", |
20 | fwfl:"", | 20 | zl: "", |
21 | zl:"", | 21 | } |
22 | } | ||
23 | ] | ||
24 | } | 22 | } |
25 | |||
26 | |||
27 | } | 23 | } |
28 | let defaultParameters = new data() | 24 | let defaultParameters = new data() |
29 | export { | 25 | export { | ... | ... |
... | @@ -23,6 +23,7 @@ export default { | ... | @@ -23,6 +23,7 @@ export default { |
23 | this.myValue = val | 23 | this.myValue = val |
24 | }, | 24 | }, |
25 | djywbm (val) { | 25 | djywbm (val) { |
26 | console.log(val); | ||
26 | let dd = queueDjywmc(val); | 27 | let dd = queueDjywmc(val); |
27 | this.editItem = this.loadView(dd); | 28 | this.editItem = this.loadView(dd); |
28 | }, | 29 | }, | ... | ... |
1 | export function queueDjywmc(djywbm) { | 1 | export function queueDjywmc (djywbm) { |
2 | let vm = null; | 2 | let vm = null; |
3 | switch (djywbm) { | 3 | switch (djywbm) { |
4 | case "A03100"://建设用地使用权(首次登记) | 4 | case "A03100"://建设用地使用权(首次登记) |
... | @@ -9,6 +9,9 @@ export function queueDjywmc(djywbm) { | ... | @@ -9,6 +9,9 @@ export function queueDjywmc(djywbm) { |
9 | case "A03200": | 9 | case "A03200": |
10 | case "A03300": | 10 | case "A03300": |
11 | case "A03400": | 11 | case "A03400": |
12 | case "A04100": | ||
13 | vm = "houseOwnership"; | ||
14 | break; | ||
12 | case "A05200": | 15 | case "A05200": |
13 | case "A05300": | 16 | case "A05300": |
14 | case "A05400": | 17 | case "A05400": | ... | ... |
-
Please register or sign in to post a comment