Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9e058b07 by 田浩浩
Options

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

2 parents 1e6b76e2 92c76244
Inline Side-by-side
Showing 21 changed files with 637 additions and 1138 deletions
...@@ -37,4 +37,14 @@ export function editDictNode (data) { ...@@ -37,4 +37,14 @@ export function editDictNode (data) {
37 method: 'post', 37 method: 'post',
38 data 38 data
39 }) 39 })
40 }
41
42 /*
43 刷新字典缓存
44 */
45 export function refreshDictCache () {
46 return request({
47 url: SERVER.SERVERAPI + '/rest/sys/dict/refreshDictCache',
48 method: 'get'
49 })
40 } 50 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -32,22 +32,6 @@ export function Init(data) { ...@@ -32,22 +32,6 @@ export function Init(data) {
32 data 32 data
33 }) 33 })
34 } 34 }
35 // 初始化内容
36 export function saveData (data) {
37 return request({
38 url: SERVER.SERVERAPI + '/rest/ywbl/fdcq2lr/saveData',
39 method: 'post',
40 data
41 })
42 }
43 // 注销登记提交数据
44 export function saveLogoutData(data) {
45 return request({
46 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveLogoutData",
47 method: 'post',
48 data
49 })
50 }
51 // 首次登记提交 35 // 首次登记提交
52 export function saveBatchData(data) { 36 export function saveBatchData(data) {
53 return request({ 37 return request({
...@@ -56,20 +40,5 @@ export function saveBatchData(data) { ...@@ -56,20 +40,5 @@ export function saveBatchData(data) {
56 data 40 data
57 }) 41 })
58 } 42 }
59 // 更正/变更登记提交 43
60 export function saveGZBatchData(data) {
61 return request({
62 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveGZBatchData",
63 method: 'post',
64 data
65 })
66 }
67 // 更正/变更登记提交
68 export function saveBHZData(data) {
69 return request({
70 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBHZData",
71 method: 'post',
72 data
73 })
74 }
75 44
......
1 import request from '@/utils/request'
2 import SERVER from './config'
3
4 // 新增平台接口
5 export function addSysInterface(data) {
6 return request({
7 url: SERVER.SERVERAPI+"/rest/system/ptjk/addSysInterface",
8 method: 'post',
9 data
10 })
11 }
12
13 // 编辑平台接口
14 export function editSysInterface(data) {
15 return request({
16 url: SERVER.SERVERAPI+"/rest/system/ptjk/editSysInterface",
17 method: 'post',
18 data
19 })
20 }
21 // 接口调取
22 export function interfaceRetrieve(data) {
23 return request({
24 url: SERVER.SERVERAPI+"/rest/system/ptjk/interfaceRetrieve",
25 method: 'post',
26 data
27 })
28 }
29
30 // 获取平台接口列表
31 export function getSysInterfaceList(data) {
32 return request({
33 url: SERVER.SERVERAPI+"/rest/system/ptjk/getSysInterfaceList",
34 method: 'post',
35 data
36 })
37 }
38
...@@ -41,36 +41,5 @@ export function saveData (data) { ...@@ -41,36 +41,5 @@ export function saveData (data) {
41 data 41 data
42 }) 42 })
43 } 43 }
44 // 注销登记提交数据 44
45 export function saveLogoutData(data) {
46 return request({
47 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveLogoutData",
48 method: 'post',
49 data
50 })
51 }
52 // 首次登记提交
53 export function saveBatchData(data) {
54 return request({
55 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBatchData",
56 method: 'post',
57 data
58 })
59 }
60 // 更正/变更登记提交
61 export function saveGZBatchData(data) {
62 return request({
63 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveGZBatchData",
64 method: 'post',
65 data
66 })
67 }
68 // 更正/变更登记提交
69 export function saveBHZData(data) {
70 return request({
71 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBHZData",
72 method: 'post',
73 data
74 })
75 }
76 45
......
...@@ -322,6 +322,26 @@ export const asyncRoutes = [ ...@@ -322,6 +322,26 @@ export const asyncRoutes = [
322 meta: { title: '主机监控' } 322 meta: { title: '主机监控' }
323 }, 323 },
324 ] 324 ]
325 },
326 {
327 path: '/jkfw',
328 id: '7',
329 parentId: null,
330 component: Layout,
331 meta: { title: '接口服务', icon: 'system' },
332 redirect: '/jkfw/ptjk',
333 alwaysShow: true,
334 name: 'jkfw',
335 children: [
336 {
337 path: 'ptjk',
338 id: '71',
339 parentId: '7',
340 component: () => import('@/views/jkfw/ptjk/ptjk.vue'),
341 name: 'ptjk',
342 meta: { title: '平台接口' }
343 },
344 ]
325 } 345 }
326 ] 346 ]
327 347
......
1 <template>
2 <dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
3 @closeDialog="closeDialog" v-model="value">
4 <div>
5 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
6 <el-row>
7 <el-col :span="12">
8 <el-form-item label="接口代码:" prop="interfaceCode">
9 <el-input v-model="ruleForm.interfaceCode" :disabled="editFlag"></el-input>
10 </el-form-item>
11 </el-col>
12 <el-col :span="12">
13 <el-form-item label="接口名称:" prop="interfaceService">
14 <el-input v-model="ruleForm.interfaceService"></el-input>
15 </el-form-item>
16 </el-col>
17 </el-row>
18 <el-row>
19 <el-col :span="24">
20 <el-form-item label="接口地址:" prop="interfaceApi">
21 <el-input v-model="ruleForm.interfaceApi"></el-input>
22 </el-form-item>
23 </el-col>
24 </el-row>
25 <el-row>
26 <el-col :span="12">
27 <el-form-item label="接口方式:" prop="interfaceMethod">
28 <el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择">
29 <el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item" ></el-option>
30 </el-select>
31 </el-form-item>
32 </el-col>
33 <el-col :span="12">
34 <el-form-item label="接口类型:" prop="interfaceType">
35 <el-select v-model="ruleForm.interfaceType" class="width100" placeholder="请选择">
36 <el-option v-for="item in interfaceTypes" :key="item.value" :label="item.label" :value="item.value"></el-option>
37 </el-select>
38 </el-form-item>
39 </el-col>
40 </el-row>
41 <el-row>
42 <el-col :span="24">
43 <el-form-item label="接口密钥:" prop="interfaceKey">
44 <el-input v-model="ruleForm.interfaceKey"></el-input>
45 </el-form-item>
46 </el-col>
47 </el-row>
48 <el-row>
49 <el-col :span="24">
50 <el-form-item label="接口描述:" prop="interfaceDescription">
51 <el-input v-model="ruleForm.interfaceDescription" type="textarea" :rows="4"></el-input>
52 </el-form-item>
53 </el-col>
54 </el-row>
55 </el-form>
56 </div>
57 </dialogBox>
58 </template>
59
60 <script>
61 import { addSysInterface, editSysInterface} from "@/api/jkfw.js"
62 export default {
63 components: {
64 },
65 computed: {
66 },
67 props: {
68 value: { type: Boolean, default: false },
69 editFlag: {type: Boolean,default:false}
70 },
71 data () {
72 return {
73 //表单提交数据
74 interfaceMethods: ['webapi','webservice'],
75 interfaceTypes: [
76 {'label': '工作流服务平台','value':'1'},
77 {'label': '管理平台','value':'2'},
78 {'label': '定时器服务','value':'3'},
79 {'label': '其他第三方平台','value':'4'},
80 ],
81 ruleForm: {
82 interfaceCode: '',
83 interfaceService: '',
84 interfaceDescription: '',
85 interfaceApi: '',
86 interfaceMethod: '',
87 interfaceType: '',
88 interfaceKey: '',
89 },
90 rules: {
91 interfaceCode: [
92 { required: true, message: '接口代码不能为空', trigger: 'blur' }
93 ],
94 interfaceService: [
95 { required: true, message: '接口服务名称不能为空', trigger: 'blur' }
96 ],
97 interfaceApi: [
98 { required: true, message: '接口api地址不能为空', trigger: 'blur' }
99 ],
100 interfaceMethod: [
101 { required: true, message: '接口方式不能为空', trigger: 'change' }
102 ],
103 interfaceType: [
104 { required: true, message: '入库编号不能为空', trigger: 'change' }
105 ],
106 },
107 }
108 },
109 methods: {
110 //表单提交
111 submitForm () {
112 let that = this;
113 that.$refs.ruleForm.validate(valid => {
114 if (valid) {
115 if(this.editFlag){
116 this.editInterface();
117 }else{
118 this.addInterface();
119 }
120 } else {
121 // console.log('error submit!!');
122 return false;
123 }
124 });
125 },
126 //新增接口
127 addInterface(){
128 addSysInterface(this.ruleForm).then(res => {
129 if(res.code == 200){
130 this.$message.success("保存成功");
131 this.closeDialog();
132 this.$parent.queryClick();
133 }else{
134 this.$message.error(res.message)
135 }
136 })
137 },
138 //编辑接口
139 editInterface(){
140 editSysInterface(this.ruleForm).then(res => {
141 if(res.code == 200){
142 this.$message.success("编辑成功");
143 this.closeDialog();
144 this.$parent.queryClick();
145 }else{
146 this.$message.error(res.message)
147 }
148 })
149 },
150 //获取详情
151 getDetailInfo(item){
152 this.ruleForm = item
153 },
154 //关闭弹窗
155 closeDialog () {
156 this.$emit("input", false);
157 this.ruleForm = {
158 interfaceCode: '',
159 interfaceService: '',
160 interfaceDescription: '',
161 interfaceApi: '',
162 interfaceMethod: '',
163 interfaceType: '',
164 interfaceKey: '',
165 }
166 }
167 }
168 }
169 </script>
170 <style scoped lang="scss">
171 @import "~@/styles/mixin.scss";
172 </style>
1 <template>
2 <dialogBox title="调用接口" @submitForm="submitForm" saveButton="调用" width="50%" :isFullscreen="false"
3 @closeDialog="closeDialog" v-model="value">
4 <el-descriptions class="margin-top" :column="1" :size="16" border>
5 <el-descriptions-item>
6 <template slot="label" style="width:200px">接口代码</template>{{ruleForm.interfaceCode}}
7 </el-descriptions-item>
8 <el-descriptions-item>
9 <template slot="label">接口名称</template>{{ruleForm.interfaceService}}
10 </el-descriptions-item>
11 <el-descriptions-item>
12 <template slot="label">接口地址</template>{{ruleForm.interfaceApi}}
13 </el-descriptions-item>
14 <el-descriptions-item>
15 <template slot="label">接口方式</template>{{ruleForm.interfaceMethod}}
16 </el-descriptions-item>
17 <el-descriptions-item>
18 <template slot="label">接口类型</template>{{ruleForm.interfaceType}}
19 </el-descriptions-item>
20 <el-descriptions-item>
21 <template slot="label">接口参数</template><el-input v-model="interfaceParams" type="textarea" :rows="4"></el-input>
22 </el-descriptions-item>
23 <el-descriptions-item>
24 <template slot="label">调用状态</template>{{returnMessage.statusCode}}
25 </el-descriptions-item>
26 <el-descriptions-item>
27 <template slot="label">返回结果</template>{{returnMessage.body}}
28 </el-descriptions-item>
29 </el-descriptions>
30 </dialogBox>
31 </template>
32
33 <script>
34 import {interfaceRetrieve } from "@/api/jkfw.js"
35 export default {
36 components: {
37 },
38 computed: {
39 },
40 props: {
41 value: { type: Boolean, default: false },
42 },
43 data () {
44 return {
45 //表单提交数据
46 interfaceMethods: ['webapi','webservice'],
47 interfaceTypes: [
48 {'label': '工作流服务平台','value':'1'},
49 {'label': '管理平台','value':'2'},
50 {'label': '定时器服务','value':'3'},
51 {'label': '其他第三方平台','value':'4'},
52 ],
53 ruleForm: {},
54 interfaceParams: '{\n\n}' ,
55 returnMessage: {},
56 }
57 },
58 methods: {
59 //表单提交
60 submitForm () {
61 var formdata = new FormData();
62 formdata.append("interfaceCode", this.ruleForm.interfaceCode);
63 formdata.append("params", this.interfaceParams);
64 interfaceRetrieve(formdata).then(res => {
65 if(res.code == 200){
66 this.returnMessage = res.result
67
68 }
69 })
70 },
71 //获取详情
72 getDetailInfo(item){
73 this.ruleForm = item
74 },
75 //关闭弹窗
76 closeDialog () {
77 this.$emit("input", false);
78 this.interfaceParams = '{\n\n}'
79 this.returnMessage = {}
80 }
81 }
82 }
83 </script>
84 <style scoped lang="scss">
85 @import "~@/styles/mixin.scss";
86 </style>
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="业务号">
9 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width100">
10 </el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="5">
14 <el-form-item label="业务号">
15 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width100">
16 </el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="14" class="btnColRight">
20 <el-form-item>
21 <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button>
22 <el-button type="primary" @click="openDialog()">新增</el-button>
23 </el-form-item>
24 </el-col>
25 </el-row>
26 </el-form>
27 </div>
28 <!-- 表格 -->
29 <div class="from-clues-content">
30 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.current" :total="tableData.total"
31 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
32 :data="tableData.data">
33 </lb-table>
34 </div>
35 <addDialog ref="addDialog" v-model="addDialog" :editFlag="editFlag"/>
36 <retrieveDialog ref="retrieveDialog" v-model="retrieveDialog"/>
37 </div>
38 </template>
39 <script>
40 import { mapGetters } from 'vuex'
41 import table from "@/utils/mixin/table"
42 import { datas, sendThis } from "./ptjkdata"
43 import { getSysInterfaceList} from '@/api/jkfw'
44 import addDialog from "./components/addDialog.vue"
45 import retrieveDialog from "./components/retrieveDialog.vue"
46 export default {
47 name: "ptjk",
48 components: { addDialog,retrieveDialog },
49 mixins: [table],
50 mounted () {
51 sendThis(this);
52 this.queryClick()
53 },
54 computed: {
55 ...mapGetters(['dictData'])
56 },
57 data () {
58 return {
59 addDialog: false,
60 retrieveDialog: false,
61 editFlag: false,
62 queryForm: {
63 ywly: "",
64 qllx: "",
65 djlx: "",
66 ywh: "",
67 },
68 tableData: {
69 total: 0,
70 columns: datas.columns(),
71 data: [],
72 },
73 };
74 },
75 methods: {
76 queryClick(){
77 this.$startLoading()
78 getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
79 this.$endLoading()
80 if(res.code == 200){
81 let { total, records } = res.result
82 this.tableData.total = total;
83 this.tableData.data = records ? records : []
84 }
85 })
86 },
87 //打开新增
88 openDialog(){
89 this.editFlag = false;
90 this.addDialog = true;
91 },
92 //打开编辑
93 editInterface(item){
94 this.editFlag = true;
95 this.addDialog = true;
96 this.$refs.addDialog.getDetailInfo(item);
97 },
98 //打开调试窗口
99 tuneInterface(item){
100 this.retrieveDialog = true;
101 this.$refs.retrieveDialog.getDetailInfo(item);
102 }
103 }
104 };
105 </script>
106 <style scoped lang="scss">
107 @import "~@/styles/public.scss";
108 </style>
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 label: '序号',
15 type: 'index',
16 width: '50',
17 render: (h, scope) => {
18 return (
19 <div>
20 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
21 </div>
22 )
23 }
24 },
25 {
26 prop: "interfaceCode",
27 label: "接口代码",
28 },
29 {
30 prop: "interfaceService",
31 label: "接口服务名称",
32 },
33 {
34 prop: "interfaceDescription",
35 label: "接口描述",
36 },
37 {
38 prop: "interfaceApi",
39 label: "接口访问地址",
40 },
41 {
42 prop: "interfaceMethod",
43 label: "接口方式",
44 },
45 {
46 label: "接口类型",
47 render: (h, scope) => {
48 switch (scope.row.interfaceType) {
49 case '1':
50 return <div>工作流服务平台</div>
51 case '2':
52 return <div>管理平台</div>
53 case '3':
54 return <div>定时器服务</div>
55 case '4':
56 return <div>其他第三方平台</div>
57 }
58 }
59 },
60 {
61 label: '操作',
62 align: 'center',
63 fixed: 'right',
64 render: (h, scope) => {
65 return <div>
66 <el-button type="text" icon="el-icon-view" onClick={() => { vm.tuneInterface(scope.row) }}>调用</el-button>
67 <el-button type="text" icon="el-icon-edit" onClick={() => { vm.editInterface(scope.row) }}>编辑</el-button>
68 </div>
69 }
70 }
71 ]
72 }
73 }
74 let datas = new data()
75 export {
76 datas,
77 sendThis
78 }
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
35 </template> 35 </template>
36 <script> 36 <script>
37 import table from "@/utils/mixin/table" 37 import table from "@/utils/mixin/table"
38 import { getQlxxDictList, getChildDictList } from "@/api/dict.js" 38 import { getQlxxDictList, getChildDictList,refreshDictCache } from "@/api/dict.js"
39 import { datas, sendThis } from "./dictionaries" 39 import { datas, sendThis } from "./dictionaries"
40 import editDialog from "./components/editDialog.vue" 40 import editDialog from "./components/editDialog.vue"
41 export default { 41 export default {
...@@ -78,11 +78,30 @@ export default { ...@@ -78,11 +78,30 @@ export default {
78 this.tableData.total = total ? total : 0 78 this.tableData.total = total ? total : 0
79 }) 79 })
80 }, 80 },
81 async handleRefresh () { 81 handleRefresh () {
82 let refech = await this.$store.dispatch('dict/generateDic') 82 this.$confirm('是否确认刷新', '提示', {
83 refech && this.$message({ 83 confirmButtonText: '确定',
84 message: '刷新成功', 84 cancelButtonText: '取消',
85 type: 'success' 85 type: 'warning'
86 }).then(() => {
87 this.$startLoading()
88 refreshDictCache().then(res => {
89 if (res.code == 200) {
90 let refech = this.$store.dispatch('dict/generateDic')
91 this.$endLoading()
92 refech && this.$message({
93 message: '刷新成功',
94 type: 'success'
95 });
96 } else {
97 this.$message.error(res.message)
98 }
99 })
100 }).catch(() => {
101 this.$message({
102 type: 'info',
103 message: '取消刷新'
104 });
86 }); 105 });
87 }, 106 },
88 editClick (row, val) { 107 editClick (row, val) {
......
...@@ -65,7 +65,7 @@ export default { ...@@ -65,7 +65,7 @@ export default {
65 }, 65 },
66 { 66 {
67 label: '是否必填', 67 label: '是否必填',
68 width: '100', 68 width: '130',
69 render: (h, scope) => { 69 render: (h, scope) => {
70 return ( 70 return (
71 <el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}> 71 <el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}>
......
...@@ -320,7 +320,7 @@ export default { ...@@ -320,7 +320,7 @@ export default {
320 @import "~@/styles/mixin.scss"; 320 @import "~@/styles/mixin.scss";
321 321
322 /deep/.el-radio { 322 /deep/.el-radio {
323 margin-right: 8px; 323 margin-right: 0;
324 } 324 }
325 325
326 /deep/.el-radio__label { 326 /deep/.el-radio__label {
......
1 <template> 1 <template>
2 <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="85%" top="0" 2 <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="80%" top="0"
3 :visible.sync="dialogVisible" :before-close="cancelDialog"> 3 :visible.sync="dialogVisible" :before-close="cancelDialog">
4 <ul class="edit-title-list" v-if="djlxList.length > 0"> 4 <ul class="edit-title-list" v-if="djlxList.length > 0">
5 <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index" 5 <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
...@@ -205,7 +205,7 @@ export default { ...@@ -205,7 +205,7 @@ export default {
205 }, 205 },
206 { 206 {
207 label: '是否启用登记情形', 207 label: '是否启用登记情形',
208 width: '140', 208 width: '141',
209 render: (h, scope) => { 209 render: (h, scope) => {
210 return ( 210 return (
211 <el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}> 211 <el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
...@@ -324,7 +324,7 @@ export default { ...@@ -324,7 +324,7 @@ export default {
324 }, 324 },
325 { 325 {
326 label: '是否公共材料', 326 label: '是否公共材料',
327 width: '100', 327 width: '110',
328 render: (h, scope) => { 328 render: (h, scope) => {
329 return ( 329 return (
330 <el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}> 330 <el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}>
...@@ -428,6 +428,10 @@ export default { ...@@ -428,6 +428,10 @@ export default {
428 overflow-y: scroll; 428 overflow-y: scroll;
429 } 429 }
430 430
431 .el-radio-group {
432 white-space: nowrap;
433 }
434
431 .form { 435 .form {
432 background: #eee; 436 background: #eee;
433 padding: 0 10px; 437 padding: 0 10px;
......
...@@ -12,18 +12,9 @@ export function getForm(tabName, djywbm) { ...@@ -12,18 +12,9 @@ export function getForm(tabName, djywbm) {
12 case "fwsyqslxx100": 12 case "fwsyqslxx100":
13 form = require("@/views/ywbl/fdcq2/slxx.vue"); 13 form = require("@/views/ywbl/fdcq2/slxx.vue");
14 break; 14 break;
15 case "fwsyqslxx200":
16 form = require("@/views/ywbl/fdcq2/slxx200.vue");
17 break;
18 case "fwsyqslxx300": 15 case "fwsyqslxx300":
19 form = require("@/views/ywbl/fdcq2/slxx300.vue"); 16 form = require("@/views/ywbl/fdcq2/slxx300.vue");
20 break; 17 break;
21 case "fwsyqslxx400":
22 form = require("@/views/ywbl/fdcq2/slxx400.vue");
23 break;
24 case "fwsyqslxx900":
25 form = require("@/views/ywbl/fdcq2/slxx900.vue");
26 break;
27 case "nydsyqslxx100": 18 case "nydsyqslxx100":
28 form = require("@/views/ywbl/nydsyq/slxx.vue"); 19 form = require("@/views/ywbl/nydsyq/slxx.vue");
29 break; 20 break;
......
...@@ -29,7 +29,7 @@ class data extends filter { ...@@ -29,7 +29,7 @@ class data extends filter {
29 // } 29 // }
30 }, 30 },
31 { 31 {
32 prop: "qllxmc", 32 prop: "qllx",
33 label: "权利类型" 33 label: "权利类型"
34 }, 34 },
35 { 35 {
...@@ -42,7 +42,7 @@ class data extends filter { ...@@ -42,7 +42,7 @@ class data extends filter {
42 label: "不动产权证号" 42 label: "不动产权证号"
43 }, 43 },
44 { 44 {
45 prop: "qlrmc", 45 prop: "qlr",
46 label: "权利人" 46 label: "权利人"
47 }, 47 },
48 { 48 {
......
...@@ -350,7 +350,11 @@ export default { ...@@ -350,7 +350,11 @@ export default {
350 bestepid: this.bestepid, 350 bestepid: this.bestepid,
351 }).then((res) => { 351 }).then((res) => {
352 if (res.code === 200) { 352 if (res.code === 200) {
353 this.send(res.result); 353 if(res.result){
354 this.sendToNext(res.result);
355 }else{
356 this.sendToEnd();
357 }
354 } 358 }
355 }); 359 });
356 break; 360 break;
...@@ -494,7 +498,7 @@ export default { ...@@ -494,7 +498,7 @@ export default {
494 this.componentTag = getForm(tabname, this.$route.query.sqywbm); 498 this.componentTag = getForm(tabname, this.$route.query.sqywbm);
495 }, 499 },
496 //发送下一个环节 500 //发送下一个环节
497 send (obj) { 501 sendToNext (obj) {
498 const h = this.$createElement; 502 const h = this.$createElement;
499 this.$msgbox({ 503 this.$msgbox({
500 title: "您确定转出吗？", 504 title: "您确定转出吗？",
...@@ -541,6 +545,47 @@ export default { ...@@ -541,6 +545,47 @@ export default {
541 }); 545 });
542 }); 546 });
543 }, 547 },
548 sendToEnd() {
549 const h = this.$createElement;
550 this.$msgbox({
551 title: "您确定转出吗？",
552 message: "此环节为流程结束环节，转出后流程将结束",
553 showCancelButton: true,
554 beforeClose: (action, instance, done) => {
555 if (action === "confirm") {
556 instance.confirmButtonLoading = true;
557 instance.confirmButtonText = "执行中...";
558 completeTask({
559 bsmSlsq: this.bsmSlsq,
560 shyj: "this.bestepid",
561 stepform: JSON.stringify(this.tabList),
562 }).then((res) => {
563 if (res.code === 200) {
564 instance.confirmButtonLoading = false;
565 this.$message.success("转件成功");
566 setTimeout(() => {
567 window.opener = null;
568 window.open("about:blank", "_self");
569 window.close();
570 this.$emit("input", false);
571 }, 1000);
572 } else {
573 instance.confirmButtonLoading = false;
574 instance.confirmButtonText = "确定";
575 this.$message.error(res.message);
576 }
577 });
578 } else {
579 done();
580 }
581 },
582 }).then((action) => {
583 this.$message({
584 type: "info",
585 message: "action: " + action,
586 });
587 });
588 }
544 }, 589 },
545 }; 590 };
546 </script> 591 </script>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -131,15 +131,16 @@ ...@@ -131,15 +131,16 @@
131 <div class="triangle"></div> 131 <div class="triangle"></div>
132 </div> 132 </div>
133 <el-row :gutter="10"> 133 <el-row :gutter="10">
134 <el-col :span="14" v-if="ruleForm.qlxx"> 134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式："> 135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" @change="showCZInfo" v-model="ruleForm.slywxx.gyfs"> 136 <el-radio-group :disabled="$route.query.viewtype==1" @change="showCZInfo" v-model="ruleForm.slywxx.gyfs">
137 <el-radio label="1">单独所有</el-radio> 137 <el-radio label="0">单独所有</el-radio>
138 <el-radio label="2">共同共有</el-radio> 138 <el-radio label="1">共同共有</el-radio>
139 <el-radio label="3">按份所有</el-radio> 139 <el-radio label="2">按份所有</el-radio>
140 </el-radio-group> 140 <el-radio label="3">其它共有</el-radio>
141 </el-form-item> 141 </el-radio-group>
142 </el-col> 142 </el-form-item>
143 </el-col>
143 <el-col :span="5"> 144 <el-col :span="5">
144 <el-form-item :class="flag ? 'marginBot0' : ''" label="发证方式："> 145 <el-form-item :class="flag ? 'marginBot0' : ''" label="发证方式：">
145 <el-radio-group v-model="ruleForm.slywxx.fzfs"> 146 <el-radio-group v-model="ruleForm.slywxx.fzfs">
...@@ -168,6 +169,15 @@ ...@@ -168,6 +169,15 @@
168 </el-row> 169 </el-row>
169 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 170 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
170 :gyfs="ruleForm.qlxx.gyfs" /> 171 :gyfs="ruleForm.qlxx.gyfs" />
172
173 <div v-if="ruleForm.ywrList.length>0">
174 <div class="slxx_title title-block">
175 义务人信息
176 <div class="triangle"></div>
177 </div>
178 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
179 :gyfs="ruleForm.qlxx.gyfs" />
180 </div>
171 <div class="slxx_title title-block"> 181 <div class="slxx_title title-block">
172 登记原因 182 登记原因
173 <div class="triangle"></div> 183 <div class="triangle"></div>
......
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 title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49 <el-row :gutter="10" v-if="ruleForm.qlxx">
50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
52 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="16">
56 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
57 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10" v-if="ruleForm.fdcq2">
62 <el-col :span="8">
63 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
64 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
69 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
74 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
75 </el-form-item>
76 </el-col>
77 </el-row>
78 <el-row :gutter="10" v-if="ruleForm.qlxx">
79 <el-col :span="8">
80 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
81 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
86 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
91 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <el-row :gutter="10" v-if="ruleForm.fdcq2">
96 <el-col :span="8">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
98 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
99 </el-form-item>
100 </el-col>
101 <el-col :span="8">
102 <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
103 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
108 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
109 </el-form-item>
110 </el-col>
111 </el-row>
112 <el-row :gutter="10" v-if="ruleForm.qlxx">
113 <el-col :span="8">
114 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
115 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
120 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
121 </el-form-item>
122 </el-col>
123 <el-col :span="8">
124 <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
125 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
126 </el-form-item>
127 </el-col>
128 </el-row>
129 <div class="slxx_title title-block">
130 权利人信息
131 <div class="triangle"></div>
132 </div>
133 <el-row :gutter="10">
134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
137 <el-radio label="1">单独所有</el-radio>
138 <el-radio label="2">共同共有</el-radio>
139 <el-radio label="3">按份所有</el-radio>
140 </el-radio-group>
141 </el-form-item>
142 </el-col>
143 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
144 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
145 <el-radio-group v-model="ruleForm.sffbcz">
146 <el-radio label="1">是</el-radio>
147 <el-radio label="0">否</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
153 <el-select v-model="ruleForm.czr" placeholder="持证人">
154 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
155 </el-option>
156 </el-select>
157 </el-form-item>
158 </el-col>
159 </el-row>
160 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
161 :gyfs="ruleForm.qlxx.gyfs" />
162 <div class="slxx_title title-block">
163 义务人信息
164 <div class="triangle"></div>
165 </div>
166 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
167 :gyfs="ruleForm.qlxx.gyfs" />
168 <div class="slxx_title title-block">
169 登记原因
170 <div class="triangle"></div>
171 </div>
172 <el-row :gutter="10">
173 <el-col>
174 <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
175 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
176 v-model="ruleForm.fdcq2.djyy">
177 </el-input>
178 </el-form-item>
179 </el-col>
180 </el-row>
181 </div>
182 <el-row class="btn" v-if="!$route.query.viewtype">
183 <el-form-item :class="flag ? 'marginBot0' : ''">
184 <el-button type="primary" @click="onSubmit">保存</el-button>
185 </el-form-item>
186 </el-row>
187 </el-form>
188 </div>
189 </template>
190 <script>
191 import InformationTable from "@/views/workflow/components/InformationTable";
192 import { Init, saveData } from "@/api/fwsyqFlow.js";
193 import { mapGetters } from "vuex";
194 export default {
195 async created () {
196 //this.propsParam = this.$attrs;
197 var formdata = new FormData();
198 formdata.append("bsmSldy", this.propsParam.bsmSldy);
199 formdata.append("djlx", this.propsParam.djlx);
200 Init(formdata).then(res => {
201 if (res.code === 200 && res.result) {
202 // this.ruleForm = {
203 // ...res.result.slywxx,
204 // ...res.result.zdjbxx,
205 // ...res.result.qlxx,
206 // ...res.result.fdcq2,
207 // };
208 this.ruleForm = res.result;
209 }
210 })
211 },
212 components: { InformationTable },
213 computed: {
214 ...mapGetters(["dictData", "flag"]),
215 },
216 data () {
217 return {
218 disabled: true,
219 tdytOption: [],
220 czrOptions: [],
221 ruleForm: {},
222 //传递参数
223 propsParam: this.$attrs,
224 rules: {},
225 };
226 },
227 methods: {
228 // 更新权利人信息
229 upDateQlrxxList (val) {
230 this.ruleForm.qlrList = _.cloneDeep(val);
231 },
232 // 更新权利人信息
233 upDateYwrxxList (val) {
234 this.ruleForm.ywrList = _.cloneDeep(val);
235 },
236 list (bsmSldy) {
237 var formdata = new FormData();
238 formdata.append("bsmSldy", bsmSldy);
239 Init(formdata).then((res) => {
240 if (res.code === 200 && res.result) {
241 this.ruleForm = {
242 ...res.result,
243 ...res.result.zdjbxxdatas,
244 ...res.result.qlxxdatas,
245 ...res.result.jsydsyqdatas,
246 };
247 }
248 });
249 },
250 onSubmit () {
251 saveData(this.ruleForm).then((res) => {
252 if (res.code === 200) {
253 this.$message({
254 showClose: true,
255 message: "保存成功！",
256 type: "success",
257 });
258 } else {
259 this.$message({
260 showClose: true,
261 message: res.message,
262 type: "error",
263 });
264 }
265 });
266 },
267 },
268 };
269 </script>
270 <style scoped lang='scss'>
271 @import "~@/styles/public.scss";
272
273 /deep/.el-form {
274 display: flex;
275 flex-direction: column;
276 height: calc(100vh - 130px);
277 background-color: aqua;
278 }
279
280 /deep/.el-form-item__label {
281 padding: 0;
282 }
283
284 /deep/.el-radio {
285 margin-right: 10px;
286 }
287
288 /deep/.el-select {
289 width: 100%;
290 }
291
292 /deep/.el-form-item {
293 margin-bottom: 8px;
294 }
295
296 .marginBot0 {
297 margin-bottom: 0 !important;
298 }
299
300 .slxx {
301 box-sizing: border-box;
302 }
303
304 .slxx_con {
305 flex: 1;
306 height: 100%;
307 background-color: #ffffff;
308 overflow-y: auto;
309 padding-right: 3px;
310 overflow-x: hidden;
311 }
312
313 .submit_btn {
314 height: 50px;
315 }
316
317 .slxx_title {
318 border-bottom: 1px solid $borderColor;
319 padding-left: 10px;
320 padding-bottom: 5px;
321 margin-bottom: 10px;
322 margin-top: 5px;
323 font-size: 16px;
324 font-weight: 500;
325 color: #4a4a4a;
326 }
327
328 .btn {
329 text-align: center;
330 padding-top: 10px;
331 height: 36px;
332 background-color: #ffffff;
333 padding: 5px 0;
334 }
335
336 .textArea {
337 /deep/.el-textarea__inner {
338 min-height: 90px !important;
339 }
340 }
341
342 /deep/.el-form-item__label {
343 padding-bottom: 0px;
344 }
345 </style>
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 title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49
50 <el-row :gutter="10" v-if="ruleForm.qlxx">
51 <el-col :span="8">
52 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
53 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
54 </el-form-item>
55 </el-col>
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="原不动产证号：">
58 <el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
63 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
64 </el-form-item>
65 </el-col>
66 </el-row>
67 <el-row :gutter="10" v-if="ruleForm.fdcq2">
68 <el-col :span="8">
69 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
70 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
71 </el-form-item>
72 </el-col>
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
75 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
80 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
81 </el-form-item>
82 </el-col>
83 </el-row>
84 <el-row :gutter="10" v-if="ruleForm.qlxx">
85 <el-col :span="8">
86 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
87 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
92 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
97 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101 <el-row :gutter="10" v-if="ruleForm.fdcq2">
102 <el-col :span="8">
103 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
104 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
105 </el-form-item>
106 </el-col>
107 <el-col :span="8">
108 <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
109 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
110 </el-form-item>
111 </el-col>
112 <el-col :span="8">
113 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
114 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
115 </el-form-item>
116 </el-col>
117 </el-row>
118 <el-row :gutter="10" v-if="ruleForm.qlxx">
119
120 <el-col :span="8">
121 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
122 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
123 </el-form-item>
124 </el-col>
125 <el-col :span="8">
126 <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
127 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="16">
131 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
132 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
133 </el-form-item>
134 </el-col>
135 </el-row>
136 <div class="slxx_title title-block">
137 权利人信息
138 <div class="triangle"></div>
139 </div>
140 <el-row :gutter="10">
141 <el-col :span="14" v-if="ruleForm.qlxx">
142 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
143 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
144 <el-radio label="1">单独所有</el-radio>
145 <el-radio label="2">共同共有</el-radio>
146 <el-radio label="3">按份所有</el-radio>
147 </el-radio-group>
148 </el-form-item>
149 </el-col>
150 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
151 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
152 <el-radio-group v-model="ruleForm.sffbcz">
153 <el-radio label="1">是</el-radio>
154 <el-radio label="0">否</el-radio>
155 </el-radio-group>
156 </el-form-item>
157 </el-col>
158 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
159 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
160 <el-select v-model="ruleForm.czr" placeholder="持证人">
161 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
162 </el-option>
163 </el-select>
164 </el-form-item>
165 </el-col>
166 </el-row>
167 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
168 :gyfs="ruleForm.qlxx.gyfs" />
169 <div class="slxx_title title-block">
170 登记原因
171 <div class="triangle"></div>
172 </div>
173 <el-row :gutter="10">
174 <el-col>
175 <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
176 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
177 v-model="ruleForm.fdcq2.djyy">
178 </el-input>
179 </el-form-item>
180 </el-col>
181 </el-row>
182 </div>
183 <el-row class="btn" v-if="!$route.query.viewtype">
184 <el-form-item :class="flag ? 'marginBot0' : ''">
185 <el-button type="primary" @click="onSubmit">保存</el-button>
186 </el-form-item>
187 </el-row>
188 </el-form>
189 </div>
190 </template>
191 <script>
192 import InformationTable from "@/views/workflow/components/InformationTable";
193 import {Init, saveData, saveLogoutData} from "@/api/fwsyqFlow.js";
194 import { mapGetters } from "vuex";
195 export default {
196 async created () {
197 this.propsParam = this.$attrs;
198 var formdata = new FormData();
199 formdata.append("bsmSldy", this.propsParam.bsmSldy);
200 formdata.append("djlx", this.propsParam.djlx);
201 Init(formdata).then((res) => {
202 if (res.code === 200 && res.result) {
203 this.ruleForm = {
204 ...res.result,
205 ...res.result.zdjbxxdatas,
206 ...res.result.qlxxdatas,
207 ...res.result.jsydsyqdatas,
208 };
209 }
210 });
211 },
212 components: { InformationTable },
213 computed: {
214 ...mapGetters(["dictData", "flag"]),
215 },
216 data () {
217 return {
218 disabled: true,
219 tdytOption: [],
220 czrOptions: [],
221 ruleForm: {
222 ywh: "",
223 slry: "",
224 slsj: "",
225 qllx: "",
226 djlx: "",
227 djqx: "",
228 // 宗地代码
229 zddm: "",
230 bdcdyh: "",
231 qlxzmc: "",
232 qlrxx: [],
233 // 自然幢号
234 zrzh: "",
235 // 户不动产单元号
236 hbdcdyh: '',
237 djzt: '',
238 // 图幅丘幢号
239 tfqzh: '',
240 zl: '',
241 // 房屋用途
242 fwyt: '',
243 fwxz: '',
244 fwjg: '',
245 // 权利人信息
246 gyfs: "1",
247 // 是否分别持证
248 sffbcz: "",
249 // 持证人
250 czr: "",
251 djyy: ''
252 },
253 //传递参数
254 propsParam: {},
255 rules: {},
256 };
257 },
258 methods: {
259 // 更新权利人信息
260 upDateQlrxxList (val) {
261 this.ruleForm.qlrList = _.cloneDeep(val);
262 },
263 // 更新权利人信息
264 upDateYwrxxList (val) {
265 this.ruleForm.ywrList = _.cloneDeep(val);
266 },
267 onSubmit () {
268 saveLogoutData(this.ruleForm).then((res) => {
269 if (res.code === 200) {
270 this.$message({
271 showClose: true,
272 message: "保存成功！",
273 type: "success",
274 });
275 } else {
276 this.$message({
277 showClose: true,
278 message: res.message,
279 type: "error",
280 });
281 }
282 });
283 },
284 },
285 };
286 </script>
287 <style scoped lang='scss'>
288 @import "~@/styles/public.scss";
289
290 /deep/.el-form {
291 display: flex;
292 flex-direction: column;
293 height: calc(100vh - 130px);
294 background-color: aqua;
295 }
296
297 /deep/.el-form-item__label {
298 padding: 0;
299 }
300
301 /deep/.el-radio {
302 margin-right: 10px;
303 }
304
305 /deep/.el-select {
306 width: 100%;
307 }
308
309 /deep/.el-form-item {
310 margin-bottom: 8px;
311 }
312
313 .marginBot0 {
314 margin-bottom: 0 !important;
315 }
316
317 .slxx {
318 box-sizing: border-box;
319 }
320
321 .slxx_con {
322 flex: 1;
323 height: 100%;
324 background-color: #ffffff;
325 overflow-y: auto;
326 padding-right: 3px;
327 overflow-x: hidden;
328 }
329
330 .submit_btn {
331 height: 50px;
332 }
333
334 .slxx_title {
335 border-bottom: 1px solid $borderColor;
336 padding-left: 10px;
337 padding-bottom: 5px;
338 margin-bottom: 10px;
339 margin-top: 5px;
340 font-size: 16px;
341 font-weight: 500;
342 color: #4a4a4a;
343 }
344
345 .btn {
346 text-align: center;
347 padding-top: 10px;
348 height: 36px;
349 background-color: #ffffff;
350 padding: 5px 0;
351 }
352
353 .textArea {
354 /deep/.el-textarea__inner {
355 min-height: 90px !important;
356 }
357 }
358
359 /deep/.el-form-item__label {
360 padding-bottom: 0px;
361 }
362 </style>
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 title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49 <el-row :gutter="10" v-if="ruleForm.qlxx">
50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
52 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="16">
56 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
57 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10" v-if="ruleForm.fdcq2">
62 <el-col :span="8">
63 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
64 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
69 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
74 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
75 </el-form-item>
76 </el-col>
77 </el-row>
78 <el-row :gutter="10" v-if="ruleForm.qlxx">
79 <el-col :span="8">
80 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
81 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
86 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
91 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <el-row :gutter="10" v-if="ruleForm.fdcq2">
96 <el-col :span="8">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
98 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
99 </el-form-item>
100 </el-col>
101 <el-col :span="8">
102 <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
103 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
108 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
109 </el-form-item>
110 </el-col>
111 </el-row>
112 <el-row :gutter="10" v-if="ruleForm.qlxx">
113 <el-col :span="8">
114 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
115 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
120 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
121 </el-form-item>
122 </el-col>
123 <el-col :span="8">
124 <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
125 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
126 </el-form-item>
127 </el-col>
128 </el-row>
129 <div class="slxx_title title-block">
130 权利人信息
131 <div class="triangle"></div>
132 </div>
133 <el-row :gutter="10">
134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
137 <el-radio label="1">单独所有</el-radio>
138 <el-radio label="2">共同共有</el-radio>
139 <el-radio label="3">按份所有</el-radio>
140 </el-radio-group>
141 </el-form-item>
142 </el-col>
143 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
144 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
145 <el-radio-group v-model="ruleForm.sffbcz">
146 <el-radio label="1">是</el-radio>
147 <el-radio label="0">否</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
153 <el-select v-model="ruleForm.czr" placeholder="持证人">
154 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
155 </el-option>
156 </el-select>
157 </el-form-item>
158 </el-col>
159 </el-row>
160 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
161 :gyfs="ruleForm.qlxx.gyfs" />
162
163 <div class="slxx_title title-block">
164 登记原因
165 <div class="triangle"></div>
166 </div>
167 <el-row :gutter="10">
168 <el-col>
169 <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
170 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
171 v-model="ruleForm.fdcq2.djyy">
172 </el-input>
173 </el-form-item>
174 </el-col>
175 </el-row>
176 </div>
177 <el-row class="btn" v-if="!$route.query.viewtype">
178 <el-form-item :class="flag ? 'marginBot0' : ''">
179 <el-button type="primary" @click="onSubmit">保存</el-button>
180 </el-form-item>
181 </el-row>
182 </el-form>
183 </div>
184 </template>
185 <script>
186 import InformationTable from "@/views/workflow/components/InformationTable";
187 import {Init, saveBHZData} from "@/api/fwsyqFlow.js";
188 import { mapGetters } from "vuex";
189 export default {
190 async created () {
191 //this.propsParam = this.$attrs;
192 var formdata = new FormData();
193 formdata.append("bsmSldy", this.propsParam.bsmSldy);
194 formdata.append("djlx", this.propsParam.djlx);
195 Init(formdata).then(res => {
196 if (res.code === 200 && res.result) {
197 // this.ruleForm = {
198 // ...res.result.slywxx,
199 // ...res.result.zdjbxx,
200 // ...res.result.qlxx,
201 // ...res.result.fdcq2,
202 // };
203 this.ruleForm = res.result;
204 }
205 })
206 },
207 components: { InformationTable },
208 computed: {
209 ...mapGetters(["dictData", "flag"]),
210 },
211 data () {
212 return {
213 disabled: true,
214 tdytOption: [],
215 czrOptions: [],
216 ruleForm: {},
217 //传递参数
218 propsParam: this.$attrs,
219 rules: {},
220 };
221 },
222 methods: {
223 // 更新权利人信息
224 upDateQlrxxList (val) {
225 this.ruleForm.qlrList = _.cloneDeep(val);
226 },
227 // 更新权利人信息
228 upDateYwrxxList (val) {
229 this.ruleForm.ywrList = _.cloneDeep(val);
230 },
231 onSubmit () {
232 saveBHZData(this.ruleForm).then((res) => {
233 if (res.code === 200) {
234 this.$message({
235 showClose: true,
236 message: "保存成功！",
237 type: "success",
238 });
239 } else {
240 this.$message({
241 showClose: true,
242 message: res.message,
243 type: "error",
244 });
245 }
246 });
247 },
248 },
249 };
250 </script>
251 <style scoped lang='scss'>
252 @import "~@/styles/public.scss";
253
254 /deep/.el-form {
255 display: flex;
256 flex-direction: column;
257 height: calc(100vh - 130px);
258 background-color: aqua;
259 }
260
261 /deep/.el-form-item__label {
262 padding: 0;
263 }
264
265 /deep/.el-radio {
266 margin-right: 10px;
267 }
268
269 /deep/.el-select {
270 width: 100%;
271 }
272
273 /deep/.el-form-item {
274 margin-bottom: 8px;
275 }
276
277 .marginBot0 {
278 margin-bottom: 0 !important;
279 }
280
281 .slxx {
282 box-sizing: border-box;
283 }
284
285 .slxx_con {
286 flex: 1;
287 height: 100%;
288 background-color: #ffffff;
289 overflow-y: auto;
290 padding-right: 3px;
291 overflow-x: hidden;
292 }
293
294 .submit_btn {
295 height: 50px;
296 }
297
298 .slxx_title {
299 border-bottom: 1px solid $borderColor;
300 padding-left: 10px;
301 padding-bottom: 5px;
302 margin-bottom: 10px;
303 margin-top: 5px;
304 font-size: 16px;
305 font-weight: 500;
306 color: #4a4a4a;
307 }
308
309 .btn {
310 text-align: center;
311 padding-top: 10px;
312 height: 36px;
313 background-color: #ffffff;
314 padding: 5px 0;
315 }
316
317 .textArea {
318 /deep/.el-textarea__inner {
319 min-height: 90px !important;
320 }
321 }
322
323 /deep/.el-form-item__label {
324 padding-bottom: 0px;
325 }
326 </style>
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
18 <div class="right-type el-card box-card is-always-shadow" v-if="n == -1"> 18 <div class="right-type el-card box-card is-always-shadow" v-if="n == -1">
19 <div class="right-title">登记类型</div> 19 <div class="right-title">登记类型</div>
20 <ul class="type-content"> 20 <ul class="type-content">
21 <li :class="item.cselect ? 'cactive' : ''" @click="handleDjlxSelect(item)" v-for="(item, index) in djlxList" 21 <li :class="item.cselect ? 'cactive' : ''" @dblclick="handleDjqxItem(item)" @click="handleDjlxSelect(item)"
22 :key="index"> 22 v-for="(item, index) in djlxList" :key="index">
23 <p> 23 <p>
24 {{ item.nodename }} 24 {{ item.nodename }}
25 </p> 25 </p>
...@@ -33,8 +33,8 @@ ...@@ -33,8 +33,8 @@
33 <div class="right-situation el-card box-card is-always-shadow"> 33 <div class="right-situation el-card box-card is-always-shadow">
34 <div class="right-title">{{ obj[n] }}</div> 34 <div class="right-title">{{ obj[n] }}</div>
35 <ul> 35 <ul>
36 <li v-for="(item, index) in itemList" :key="index" @click="handleSelectYw(item, itemList)" 36 <li v-for="(item, index) in itemList" :key="index" @dblclick="handleSelectItem(item, itemList)"
37 :class="item.cselect ? 'cactive' : ''"> 37 @click="handleSelectYw(item, itemList)" :class="item.cselect ? 'cactive' : ''">
38 <p v-if="n == 0"> 38 <p v-if="n == 0">
39 {{ item.djywmc }}<br> 39 {{ item.djywmc }}<br>
40 {{ item.nodename }} 40 {{ item.nodename }}
...@@ -124,11 +124,7 @@ export default { ...@@ -124,11 +124,7 @@ export default {
124 this.$set(item, 'cselect', false) 124 this.$set(item, 'cselect', false)
125 }) 125 })
126 item.cselect = true; 126 item.cselect = true;
127 this.djqxObj = item; 127 this.djqxObj = item;
128
129 // this.djqxObj.djqxbm = item.nodecode
130 // this.djqxObj.djqxmc = item.djqxmc
131
132 if (item.sffqlc == '1') { 128 if (item.sffqlc == '1') {
133 this.btnDisabled = false 129 this.btnDisabled = false
134 this.bsmSqyw = item.bsmSqyw 130 this.bsmSqyw = item.bsmSqyw
...@@ -222,6 +218,23 @@ export default { ...@@ -222,6 +218,23 @@ export default {
222 } 218 }
223 this.djqxList = [] 219 this.djqxList = []
224 }, 220 },
221 handleDjqxItem (item) {
222 this.djlxList.forEach(item => {
223 item.cselect = false
224 })
225 console.log(item);
226 if (item.sffqlc == 1) {
227 this.djywbm = item.djywbm
228 this.bsmSqyw = item.bsmSqyw
229 item.cselect = true
230 this.isDialog = true
231 this.btnDisabled = true
232 }
233 },
234 handleSelectItem (item, list) {
235 this.handleSelectYw(item, list)
236 this.isDialog = true
237 },
225 // 选择不动产信息 238 // 选择不动产信息
226 bthSelectClick () { 239 bthSelectClick () {
227 this.isDialog = true 240 this.isDialog = true
......