Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
88713cb8 by liangyifan
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents 674ec42c cf1e1de2
Inline Side-by-side
Showing 39 changed files with 1433 additions and 527 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: '发起申请' }
......
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
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>
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 },
72 } 69 }
73 }; 70 }
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>
11 </el-form-item> -->
12 <lb-table :column="columns" border :heightNum="390" :pagination="false" heightNumSetting
13 :data="tableData">
14 </lb-table> 10 </lb-table>
15 <el-form-item label="退回意见:"> 11 <el-form-item label="退回意见:">
16 <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input> 12 <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input>
...@@ -23,32 +19,26 @@ ...@@ -23,32 +19,26 @@
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={() => {
41 this.radioClick(scope.row);
52 }}> 42 }}>
53 {" "} 43 {" "}
54 &ensp; 44 &ensp;
...@@ -65,50 +55,49 @@ export default { ...@@ -65,50 +55,49 @@ 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) {
...@@ -120,7 +109,7 @@ export default { ...@@ -120,7 +109,7 @@ export default {
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 })
...@@ -134,6 +123,7 @@ export default { ...@@ -134,6 +123,7 @@ export default {
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
......
1 import filter from '@/utils/filter.js' 1 import filter from '@/utils/filter.js'
2
3 class data extends filter { 2 class data extends filter {
4 constructor() { 3 constructor() {
5 super() 4 super()
......
...@@ -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 {
......
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
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>
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
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>
...@@ -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 }
...@@ -48,7 +48,7 @@ class data extends filter { ...@@ -48,7 +48,7 @@ class data extends filter {
48 }, 48 },
49 { 49 {
50 prop: "zdmj", 50 prop: "zdmj",
51 label: "宗地面积", 51 label: "宗地面积(㎡)",
52 }, 52 },
53 { 53 {
54 prop: "qlsdfsmc", 54 prop: "qlsdfsmc",
......
...@@ -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 {
16 qllx: "", 15 qllx: "",
17 bdcdyh: "", 16 bdcdyh: "",
18 ywh: "", 17 ywh: "",
19 bdcqzh: "", 18 bdcqzh: "",
20 fwfl:"", 19 fwfl: "",
21 zl:"", 20 zl: "",
22 } 21 }
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":
......