Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
262cb0b5 by 任超
Options

style:列表字段修改

1 parent d758f602
Inline Side-by-side
Showing 7 changed files with 135 additions and 253 deletions
...@@ -20,17 +20,9 @@ ...@@ -20,17 +20,9 @@
20 </div> 20 </div>
21 <!-- 表格 --> 21 <!-- 表格 -->
22 <div class="from-clues-content"> 22 <div class="from-clues-content">
23 <lb-table 23 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
24 :page-size="pageData.size" 24 :total="pageData.total" @selection-change="handleSelectionChange" @size-change="handleSizeChange"
25 @sort-change="handleSort" 25 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
26 :current-page.sync="pageData.current"
27 :total="pageData.total"
28 @selection-change="handleSelectionChange"
29 @size-change="handleSizeChange"
30 @p-current-change="handleCurrentChange"
31 :column="tableData.columns"
32 :data="tableData.data"
33 >
34 </lb-table> 26 </lb-table>
35 </div> 27 </div>
36 </div> 28 </div>
...@@ -42,10 +34,10 @@ export default { ...@@ -42,10 +34,10 @@ export default {
42 name: "jtfc", 34 name: "jtfc",
43 components: {}, 35 components: {},
44 mixins: [table], 36 mixins: [table],
45 mounted() { 37 mounted () {
46 sendThis(this); 38 sendThis(this);
47 }, 39 },
48 data() { 40 data () {
49 return { 41 return {
50 queryForm: { 42 queryForm: {
51 ywly: "", 43 ywly: "",
...@@ -60,7 +52,7 @@ export default { ...@@ -60,7 +52,7 @@ export default {
60 }, 52 },
61 53
62 ywlys: datas.ywlys(), 54 ywlys: datas.ywlys(),
63 55
64 tableData: { 56 tableData: {
65 columns: datas.columns(), 57 columns: datas.columns(),
66 data: [ 58 data: [
...@@ -76,15 +68,12 @@ export default { ...@@ -76,15 +68,12 @@ export default {
76 }, 68 },
77 methods: { 69 methods: {
78 // 初始化数据 70 // 初始化数据
79 fetchData() {}, 71 fetchData () { },
80 handleSort(name, sort) { 72 handleSort (name, sort) {
81 console.log(name, sort); 73 console.log(name, sort);
82 }, 74 }
83 openDialog() { 75 }
84 console.log(999999999999999); 76 }
85 },
86 },
87 };
88 </script> 77 </script>
89 <style scoped lang="scss"> 78 <style scoped lang="scss">
90 @import "~@/styles/public.scss"; 79 @import "~@/styles/public.scss";
......
...@@ -16,71 +16,52 @@ class data extends filter { ...@@ -16,71 +16,52 @@ class data extends filter {
16 width: '50' 16 width: '50'
17 }, 17 },
18 { 18 {
19 prop: "ywly", 19 prop: "cxlx",
20 label: "业务来源", 20 label: "查询类型",
21 }, 21 },
22 { 22 {
23 prop: "lczt", 23 prop: "cxbh",
24 label: "流程状态", 24 label: "查询编号",
25 }, 25 },
26 { 26 {
27 prop: "zbhj", 27 prop: "cxsj",
28 label: "在办环节", 28 label: "查询时间",
29 }, 29 },
30 { 30 {
31 prop: "ywh", 31 prop: "slry",
32 label: "业务号", 32 label: "受理人员",
33 }, 33 },
34 { 34 {
35 prop: "sqywmc", 35 prop: "sqr",
36 label: "申请业务名称", 36 label: "申请人",
37 }, 37 },
38 { 38 {
39 prop: "qlr", 39 prop: "yqlrgx",
40 label: "权利人", 40 label: "与权利人的关系",
41 }, 41 },
42 { 42 {
43 prop: "ywr", 43 prop: "ywr",
44 label: "义务人", 44 label: "义务人",
45 }, 45 },
46 { 46 {
47 prop: "zl", 47 prop: "qlr",
48 label: "坐落", 48 label: "权利人",
49 },
50 {
51 prop: "slsj",
52 label: "受理时间",
53 sortable: 'custom'
54 },
55 {
56 prop: "slry",
57 label: "受理人员",
58 },
59 {
60 prop: "zrsj",
61 label: "转入时间",
62 sortable: 'custom'
63 }, 49 },
64 { 50 {
65 label: '操作', 51 prop: "cxyt",
66 width: '80', 52 label: "查询用途"
67 align: 'center',
68 fixed: 'right',
69 render: (h, scope) => {
70 return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
71 }
72 } 53 }
73 ] 54 ]
74 } 55 }
75 56
76 ywlys(){ 57 ywlys () {
77 return[ 58 return [
78 { value: 1, label: "办事大厅" }, 59 { value: 1, label: "办事大厅" },
79 { value: 2, label: "微信小程序" }, 60 { value: 2, label: "微信小程序" },
80 { value: 3, label: "法院端" }, 61 { value: 3, label: "法院端" },
81 { value: 4, label: "银行端" }, 62 { value: 4, label: "银行端" },
82 ] 63 ]
83 } 64 }
84 65
85 } 66 }
86 let datas = new data() 67 let datas = new data()
......
...@@ -2,57 +2,31 @@ ...@@ -2,57 +2,31 @@
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="100px"> 5 <el-form :model="queryForm" ref="queryForm">
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="权利类型"> 8 <el-form-item label="权利类型">
9 <el-select 9 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
10 v-model="queryForm.qllx" 10 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
11 filterable
12 clearable
13 placeholder="请选择权利类型"
14 >
15 <el-option
16 v-for="item in qllxs"
17 :key="item.value"
18 :label="item.label"
19 :value="item.value"
20 >
21 </el-option> 11 </el-option>
22 </el-select> 12 </el-select>
23 </el-form-item> 13 </el-form-item>
24 </el-col> 14 </el-col>
25 <el-col :span="5"> 15 <el-col :span="5">
26 <el-form-item label="不动产单元号"> 16 <el-form-item label="不动产单元号">
27 <el-input 17 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
28 placeholder="请输入不动产单元号"
29 v-model="queryForm.bdcdyh"
30 clearable
31 class="width200px"
32 >
33 </el-input> 18 </el-input>
34
35 </el-form-item> 19 </el-form-item>
36 </el-col> 20 </el-col>
37 <el-col :span="5"> 21 <el-col :span="5">
38 <el-form-item label="不动产权证号"> 22 <el-form-item label="不动产权证号">
39 <el-input 23 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
40 placeholder="请输入不动产权证号"
41 v-model="queryForm.bdcqzh"
42 clearable
43 class="width200px"
44 >
45 </el-input> 24 </el-input>
46 </el-form-item> 25 </el-form-item>
47 </el-col> 26 </el-col>
48 <el-col :span="5"> 27 <el-col :span="5">
49 <el-form-item label="业务号"> 28 <el-form-item label="业务号">
50 <el-input 29 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
51 placeholder="请输入业务号"
52 v-model="queryForm.ywh"
53 clearable
54 class="width200px"
55 >
56 </el-input> 30 </el-input>
57 </el-form-item> 31 </el-form-item>
58 </el-col> 32 </el-col>
...@@ -68,17 +42,9 @@ ...@@ -68,17 +42,9 @@
68 </div> 42 </div>
69 <!-- 表格 --> 43 <!-- 表格 -->
70 <div class="from-clues-content"> 44 <div class="from-clues-content">
71 <lb-table 45 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
72 :page-size="pageData.size" 46 :total="pageData.total" @selection-change="handleSelectionChange" @size-change="handleSizeChange"
73 @sort-change="handleSort" 47 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
74 :current-page.sync="pageData.current"
75 :total="pageData.total"
76 @selection-change="handleSelectionChange"
77 @size-change="handleSizeChange"
78 @p-current-change="handleCurrentChange"
79 :column="tableData.columns"
80 :data="tableData.data"
81 >
82 </lb-table> 48 </lb-table>
83 </div> 49 </div>
84 </div> 50 </div>
...@@ -90,10 +56,10 @@ export default { ...@@ -90,10 +56,10 @@ export default {
90 name: "djbcx", 56 name: "djbcx",
91 components: {}, 57 components: {},
92 mixins: [table], 58 mixins: [table],
93 mounted() { 59 mounted () {
94 sendThis(this); 60 sendThis(this);
95 }, 61 },
96 data() { 62 data () {
97 return { 63 return {
98 queryForm: { 64 queryForm: {
99 qllx: "", 65 qllx: "",
...@@ -108,7 +74,7 @@ export default { ...@@ -108,7 +74,7 @@ export default {
108 }, 74 },
109 75
110 ywlys: datas.ywlys(), 76 ywlys: datas.ywlys(),
111 77
112 tableData: { 78 tableData: {
113 columns: datas.columns(), 79 columns: datas.columns(),
114 data: [ 80 data: [
...@@ -124,11 +90,11 @@ export default { ...@@ -124,11 +90,11 @@ export default {
124 }, 90 },
125 methods: { 91 methods: {
126 // 初始化数据 92 // 初始化数据
127 fetchData() {}, 93 fetchData () { },
128 handleSort(name, sort) { 94 handleSort (name, sort) {
129 console.log(name, sort); 95 console.log(name, sort);
130 }, 96 },
131 openDialog() { 97 openDialog () {
132 console.log(999999999999999); 98 console.log(999999999999999);
133 }, 99 },
134 }, 100 },
......
...@@ -16,24 +16,33 @@ class data extends filter { ...@@ -16,24 +16,33 @@ class data extends filter {
16 width: '50' 16 width: '50'
17 }, 17 },
18 { 18 {
19 prop: "ywly", 19 label: "权属状态",
20 label: "业务来源", 20 render: (h, scope) => {
21 }, 21 return (
22 { 22 <div>
23 prop: "lczt", 23 <span>{scope.row.qszt}</span>
24 label: "流程状态", 24 </div>
25 )
26 }
25 }, 27 },
26 { 28 {
27 prop: "zbhj", 29 label: "权利类型",
28 label: "在办环节", 30 // this.rentType
31 render: (h, scope) => {
32 return <div>{scope.row.qllx}</div>;
33 }
29 }, 34 },
30 { 35 {
31 prop: "ywh", 36 prop: "ywh",
32 label: "业务号", 37 label: "业务号",
33 }, 38 },
34 { 39 {
35 prop: "sqywmc", 40 prop: "bdcdyh",
36 label: "申请业务名称", 41 label: "不动产单元号",
42 },
43 {
44 prop: "bdcqzh",
45 label: "不动产权证号",
37 }, 46 },
38 { 47 {
39 prop: "qlr", 48 prop: "qlr",
...@@ -48,39 +57,34 @@ class data extends filter { ...@@ -48,39 +57,34 @@ class data extends filter {
48 label: "坐落", 57 label: "坐落",
49 }, 58 },
50 { 59 {
51 prop: "slsj", 60 prop: "sjlx",
52 label: "受理时间", 61 label: "数据类型"
53 sortable: 'custom'
54 },
55 {
56 prop: "slry",
57 label: "受理人员",
58 },
59 {
60 prop: "zrsj",
61 label: "转入时间",
62 sortable: 'custom'
63 }, 62 },
64 { 63 {
65 label: '操作', 64 label: '操作',
66 width: '80', 65 width: '150',
67 align: 'center', 66 align: 'center',
68 fixed: 'right', 67 fixed: 'right',
69 render: (h, scope) => { 68 render: (h, scope) => {
70 return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button> 69 return (
70 <div>
71 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope) }}>登记薄</el-button>
72 <el-button type="text" icon="el-icon-film" onClick={() => { vm.openDialog(scope) }}>楼盘表</el-button>
73 </div>
74 )
71 } 75 }
72 } 76 }
73 ] 77 ]
74 } 78 }
75 79
76 ywlys(){ 80 ywlys () {
77 return[ 81 return [
78 { value: 1, label: "办事大厅" }, 82 { value: 1, label: "办事大厅" },
79 { value: 2, label: "微信小程序" }, 83 { value: 2, label: "微信小程序" },
80 { value: 3, label: "法院端" }, 84 { value: 3, label: "法院端" },
81 { value: 4, label: "银行端" }, 85 { value: 4, label: "银行端" },
82 ] 86 ]
83 } 87 }
84 88
85 } 89 }
86 let datas = new data() 90 let datas = new data()
......
...@@ -6,66 +6,31 @@ ...@@ -6,66 +6,31 @@
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="业务来源"> 8 <el-form-item label="业务来源">
9 <el-select 9 <el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
10 v-model="queryForm.ywly" 10 <el-option v-for="item in ywlys" :key="item.value" :label="item.label" :value="item.value">
11 filterable
12 clearable
13 placeholder="请选择业务来源"
14 >
15 <el-option
16 v-for="item in ywlys"
17 :key="item.value"
18 :label="item.label"
19 :value="item.value"
20 >
21 </el-option> 11 </el-option>
22 </el-select> 12 </el-select>
23 </el-form-item> 13 </el-form-item>
24 </el-col> 14 </el-col>
25 <el-col :span="5"> 15 <el-col :span="5">
26 <el-form-item label="权利类型"> 16 <el-form-item label="权利类型">
27 <el-select 17 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
28 v-model="queryForm.qllx" 18 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
29 filterable
30 clearable
31 placeholder="请选择权利类型"
32 >
33 <el-option
34 v-for="item in qllxs"
35 :key="item.value"
36 :label="item.label"
37 :value="item.value"
38 >
39 </el-option> 19 </el-option>
40 </el-select> 20 </el-select>
41 </el-form-item> 21 </el-form-item>
42 </el-col> 22 </el-col>
43 <el-col :span="5"> 23 <el-col :span="5">
44 <el-form-item label="登记类型"> 24 <el-form-item label="登记类型">
45 <el-select 25 <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
46 v-model="queryForm.djlx" 26 <el-option v-for="item in djlxs" :key="item.value" :label="item.label" :value="item.value">
47 filterable
48 clearable
49 placeholder="请选择登记类型"
50 >
51 <el-option
52 v-for="item in djlxs"
53 :key="item.value"
54 :label="item.label"
55 :value="item.value"
56 >
57 </el-option> 27 </el-option>
58 </el-select> 28 </el-select>
59 </el-form-item> 29 </el-form-item>
60 </el-col> 30 </el-col>
61 <el-col :span="5"> 31 <el-col :span="5">
62 <el-form-item label="业务号"> 32 <el-form-item label="业务号">
63 <el-input 33 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
64 placeholder="请输入业务号"
65 v-model="queryForm.ywh"
66 clearable
67 class="width200px"
68 >
69 </el-input> 34 </el-input>
70 </el-form-item> 35 </el-form-item>
71 </el-col> 36 </el-col>
...@@ -81,17 +46,9 @@ ...@@ -81,17 +46,9 @@
81 </div> 46 </div>
82 <!-- 表格 --> 47 <!-- 表格 -->
83 <div class="from-clues-content"> 48 <div class="from-clues-content">
84 <lb-table 49 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
85 :page-size="pageData.size" 50 :total="pageData.total" @selection-change="handleSelectionChange" @size-change="handleSizeChange"
86 @sort-change="handleSort" 51 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
87 :current-page.sync="pageData.current"
88 :total="pageData.total"
89 @selection-change="handleSelectionChange"
90 @size-change="handleSizeChange"
91 @p-current-change="handleCurrentChange"
92 :column="tableData.columns"
93 :data="tableData.data"
94 >
95 </lb-table> 52 </lb-table>
96 </div> 53 </div>
97 </div> 54 </div>
...@@ -103,10 +60,10 @@ export default { ...@@ -103,10 +60,10 @@ export default {
103 name: "jdcx", 60 name: "jdcx",
104 components: {}, 61 components: {},
105 mixins: [table], 62 mixins: [table],
106 mounted() { 63 mounted () {
107 sendThis(this); 64 sendThis(this);
108 }, 65 },
109 data() { 66 data () {
110 return { 67 return {
111 queryForm: { 68 queryForm: {
112 ywly: "", 69 ywly: "",
...@@ -121,7 +78,7 @@ export default { ...@@ -121,7 +78,7 @@ export default {
121 }, 78 },
122 79
123 ywlys: datas.ywlys(), 80 ywlys: datas.ywlys(),
124 81
125 tableData: { 82 tableData: {
126 columns: datas.columns(), 83 columns: datas.columns(),
127 data: [ 84 data: [
...@@ -137,15 +94,12 @@ export default { ...@@ -137,15 +94,12 @@ export default {
137 }, 94 },
138 methods: { 95 methods: {
139 // 初始化数据 96 // 初始化数据
140 fetchData() {}, 97 fetchData () { },
141 handleSort(name, sort) { 98 handleSort (name, sort) {
142 console.log(name, sort); 99 console.log(name, sort);
143 }, 100 }
144 openDialog() { 101 }
145 console.log(999999999999999); 102 }
146 },
147 },
148 };
149 </script> 103 </script>
150 <style scoped lang="scss"> 104 <style scoped lang="scss">
151 @import "~@/styles/public.scss"; 105 @import "~@/styles/public.scss";
......
...@@ -20,12 +20,24 @@ class data extends filter { ...@@ -20,12 +20,24 @@ class data extends filter {
20 label: "业务来源", 20 label: "业务来源",
21 }, 21 },
22 { 22 {
23 prop: "lczt",
24 label: "流程状态", 23 label: "流程状态",
24 render: (h, scope) => {
25 return (
26 <div>
27 <span>{scope.row.lczt}</span>
28 </div>
29 )
30 }
25 }, 31 },
26 { 32 {
27 prop: "zbhj", 33 label: "办理状态",
28 label: "在办环节", 34 render: (h, scope) => {
35 return (
36 <div>
37 <span>{scope.row.blzt}</span>
38 </div>
39 )
40 }
29 }, 41 },
30 { 42 {
31 prop: "ywh", 43 prop: "ywh",
...@@ -55,32 +67,18 @@ class data extends filter { ...@@ -55,32 +67,18 @@ class data extends filter {
55 { 67 {
56 prop: "slry", 68 prop: "slry",
57 label: "受理人员", 69 label: "受理人员",
58 },
59 {
60 prop: "zrsj",
61 label: "转入时间",
62 sortable: 'custom'
63 },
64 {
65 label: '操作',
66 width: '80',
67 align: 'center',
68 fixed: 'right',
69 render: (h, scope) => {
70 return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
71 }
72 } 70 }
73 ] 71 ]
74 } 72 }
75 73
76 ywlys(){ 74 ywlys () {
77 return[ 75 return [
78 { value: 1, label: "办事大厅" }, 76 { value: 1, label: "办事大厅" },
79 { value: 2, label: "微信小程序" }, 77 { value: 2, label: "微信小程序" },
80 { value: 3, label: "法院端" }, 78 { value: 3, label: "法院端" },
81 { value: 4, label: "银行端" }, 79 { value: 4, label: "银行端" },
82 ] 80 ]
83 } 81 }
84 82
85 } 83 }
86 let datas = new data() 84 let datas = new data()
......
...@@ -16,71 +16,61 @@ class data extends filter { ...@@ -16,71 +16,61 @@ class data extends filter {
16 width: '50' 16 width: '50'
17 }, 17 },
18 { 18 {
19 prop: "ywly", 19 prop: "qymc",
20 label: "业务来源", 20 label: "企业名称",
21 }, 21 },
22 { 22 {
23 prop: "lczt", 23 prop: "xmmc",
24 label: "流程状态", 24 label: "项目名称",
25 }, 25 },
26 { 26 {
27 prop: "zbhj", 27 prop: "jzwmc",
28 label: "在办环节", 28 label: "建筑物名称",
29 }, 29 },
30 { 30 {
31 prop: "ywh", 31 prop: "zrzh",
32 label: "业务号", 32 label: "自然幢号",
33 },
34 {
35 prop: "sqywmc",
36 label: "申请业务名称",
37 },
38 {
39 prop: "qlr",
40 label: "权利人",
41 },
42 {
43 prop: "ywr",
44 label: "义务人",
45 }, 33 },
46 { 34 {
47 prop: "zl", 35 prop: "zl",
48 label: "坐落", 36 label: "坐落",
49 }, 37 },
50 { 38 {
51 prop: "slsj", 39 prop: "yt",
52 label: "受理时间", 40 label: "用途",
53 sortable: 'custom' 41 },
42 {
43 prop: "mj",
44 label: "面积(㎡)",
54 }, 45 },
55 { 46 {
56 prop: "slry", 47 prop: "zts",
57 label: "受理人员", 48 label: "总套数",
58 }, 49 },
59 { 50 {
60 prop: "zrsj", 51 prop: "zcs",
61 label: "转入时间", 52 label: "总层数",
62 sortable: 'custom'
63 }, 53 },
64 { 54 {
65 label: '操作', 55 label: '操作',
66 width: '80', 56 width: '90',
67 align: 'center', 57 align: 'center',
68 fixed: 'right', 58 fixed: 'right',
69 render: (h, scope) => { 59 render: (h, scope) => {
70 return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button> 60 return <el-button type="text" icon="el-icon-film" onClick={() => { vm.openDialog(scope) }}>楼盘表</el-button>
71 } 61 }
72 } 62 }
73 ] 63 ]
74 } 64 }
75 65
76 ywlys(){ 66 ywlys () {
77 return[ 67 return [
78 { value: 1, label: "办事大厅" }, 68 { value: 1, label: "办事大厅" },
79 { value: 2, label: "微信小程序" }, 69 { value: 2, label: "微信小程序" },
80 { value: 3, label: "法院端" }, 70 { value: 3, label: "法院端" },
81 { value: 4, label: "银行端" }, 71 { value: 4, label: "银行端" },
82 ] 72 ]
83 } 73 }
84 74
85 } 75 }
86 let datas = new data() 76 let datas = new data()
......