Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
5a982e1d by 任超
Options

style:样式

1 parent 00c02e6c
Inline Side-by-side
Showing 6 changed files with 39 additions and 40 deletions
...@@ -11,16 +11,17 @@ ...@@ -11,16 +11,17 @@
11 <template> 11 <template>
12 <div :class="['lb-table', customClass]"> 12 <div :class="['lb-table', customClass]">
13 <el-table v-if="!heightNumSetting" class="table-fixed" ref="elTable" :border='border' 13 <el-table v-if="!heightNumSetting" class="table-fixed" ref="elTable" :border='border'
14 :row-class-name="tableRowClassName" :show-header='showHeader' :header-cell-style="{ background: '#f5f7fa' }" 14 :row-class-name="tableRowClassName" :show-header='showHeader'
15 v-bind="$attrs" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" 15 :header-cell-style="{ background: 'rgb(217, 236, 255)' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners"
16 :span-method="this.merge ? this.mergeMethod : this.spanMethod"> 16 :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
17 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item"> 17 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
18 </lb-column> 18 </lb-column>
19 </el-table> 19 </el-table>
20 20
21 <el-table v-else ref="elTable" class="table-fixed" :border='border' :row-class-name="tableRowClassName" 21 <el-table v-else ref="elTable" class="table-fixed" :border='border' :row-class-name="tableRowClassName"
22 :show-header='showHeader' :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :max-height="maxHeight" 22 :show-header='showHeader' :header-cell-style="{ background: 'rgb(217, 236, 255)' }" v-bind="$attrs"
23 v-on="$listeners" :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod"> 23 :max-height="maxHeight" v-on="$listeners" :data="data" style="width: 100%"
24 :span-method="this.merge ? this.mergeMethod : this.spanMethod">
24 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item"> 25 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
25 </lb-column> 26 </lb-column>
26 </el-table> 27 </el-table>
...@@ -191,7 +192,8 @@ export default { ...@@ -191,7 +192,8 @@ export default {
191 border: 1px solid #ebf2fa; 192 border: 1px solid #ebf2fa;
192 } 193 }
193 } 194 }
194 /deep/.el-table .cell{ 195
196 /deep/.el-table .cell {
195 padding-left: 3px; 197 padding-left: 3px;
196 padding-right: 3px; 198 padding-right: 3px;
197 } 199 }
......
...@@ -6,6 +6,10 @@ ...@@ -6,6 +6,10 @@
6 color: #686666; 6 color: #686666;
7 } 7 }
8 8
9 .el-table .cell {
10 line-height: 16px;
11 }
12
9 //input 13 //input
10 .el-input__inner { 14 .el-input__inner {
11 padding: 0 7px !important; 15 padding: 0 7px !important;
...@@ -177,7 +181,6 @@ ...@@ -177,7 +181,6 @@
177 181
178 // 表格样式 182 // 表格样式
179 .el-table th { 183 .el-table th {
180 background-color: #FBFCFD !important;
181 height: 48px !important; 184 height: 48px !important;
182 font-size: 14px; 185 font-size: 14px;
183 color: #4A4A4A; 186 color: #4A4A4A;
......
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 <!-- 表格 --> 47 <!-- 表格 -->
48 <!-- 表格 --> 48 <!-- 表格 -->
49 <div class="from-clues-content"> 49 <div class="from-clues-content">
50 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :total="tableData.total" 50 <lb-table :page-size="pageData.size" :current-page.sync="pageData.currentPage" :total="tableData.total"
51 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" 51 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
52 :data="tableData.data"> 52 :data="tableData.data">
53 </lb-table> 53 </lb-table>
...@@ -108,16 +108,13 @@ export default { ...@@ -108,16 +108,13 @@ export default {
108 if (res.code === 200) { 108 if (res.code === 200) {
109 let { total, records } = res.result 109 let { total, records } = res.result
110 let str = '' 110 let str = ''
111 records.forEach(item=>{ 111 records.forEach(item => {
112 if(item.qlrmc.length!=0){ 112 console.log(item);
113 item.qlrmcStr = String(item.qlrmc) 113 item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : ''
114 } 114 item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : ''
115 if(item.ywrmc.length!=0){
116 item.ywrmcStr = String(item.ywrmc)
117 }
118 }) 115 })
119 this.tableData.total = total; 116 this.tableData.total = total;
120 this.tableData.data = records 117 this.tableData.data = records ? records : []
121 } 118 }
122 }) 119 })
123 }, 120 },
......
...@@ -18,11 +18,11 @@ class data extends filter { ...@@ -18,11 +18,11 @@ class data extends filter {
18 { 18 {
19 prop: "ywlymc", 19 prop: "ywlymc",
20 label: "业务来源", 20 label: "业务来源",
21 width:'100' 21 width: '100'
22 }, 22 },
23 { 23 {
24 label: "流程状态", 24 label: "流程状态",
25 width:'80', 25 width: '80',
26 render: (h, scope) => { 26 render: (h, scope) => {
27 switch (scope.row.lczt) { 27 switch (scope.row.lczt) {
28 case '1': 28 case '1':
...@@ -37,20 +37,20 @@ class data extends filter { ...@@ -37,20 +37,20 @@ class data extends filter {
37 { 37 {
38 prop: "zbhj", 38 prop: "zbhj",
39 label: "在办环节", 39 label: "在办环节",
40 width:'80' 40 width: '80'
41 }, 41 },
42 { 42 {
43 label: '业务号', 43 label: '业务号',
44 align: 'center', 44 align: 'center',
45 width:'100', 45 width: '100',
46 render: (h, scope) => { 46 render: (h, scope) => {
47 return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> 47 return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
48 } 48 }
49 }, 49 },
50 { 50 {
51 prop: "sqywmc", 51 prop: "sqywmc",
52 label: "申请业务名称", 52 label: "申请业务名称",
53 width:'220' 53 width: '220'
54 }, 54 },
55 { 55 {
56 label: "权利人", 56 label: "权利人",
...@@ -75,23 +75,23 @@ class data extends filter { ...@@ -75,23 +75,23 @@ class data extends filter {
75 { 75 {
76 prop: "zl", 76 prop: "zl",
77 label: "坐落", 77 label: "坐落",
78 width:'260' 78 width: '260'
79 }, 79 },
80 { 80 {
81 prop: "slsj", 81 prop: "slsj",
82 label: "受理时间", 82 label: "受理时间",
83 sortable: 'custom', 83 sortable: 'custom',
84 width:'150' 84 width: '140'
85 }, 85 },
86 { 86 {
87 prop: "slry", 87 prop: "slry",
88 label: "受理人员", 88 label: "受理人员",
89 width:'80' 89 width: '80'
90 }, 90 },
91 { 91 {
92 label: "转入时间", 92 label: "转入时间",
93 sortable: 'custom', 93 sortable: 'custom',
94 width:'160', 94 width: '160',
95 render: (h, scope) => { 95 render: (h, scope) => {
96 return ( 96 return (
97 <div> 97 <div>
......
...@@ -55,6 +55,7 @@ class data extends filter { ...@@ -55,6 +55,7 @@ class data extends filter {
55 { 55 {
56 prop: "slsj", 56 prop: "slsj",
57 label: "受理时间", 57 label: "受理时间",
58 width: '140',
58 sortable: 'custom' 59 sortable: 'custom'
59 }, 60 },
60 { 61 {
...@@ -63,6 +64,7 @@ class data extends filter { ...@@ -63,6 +64,7 @@ class data extends filter {
63 }, 64 },
64 { 65 {
65 label: "转出时间", 66 label: "转出时间",
67 width: '140',
66 sortable: 'custom', 68 sortable: 'custom',
67 render: (h, scope) => { 69 render: (h, scope) => {
68 return ( 70 return (
......
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
63 <el-button type="primary" :disabled="btnDisabled" @click="btnClick">选择不动产信息</el-button> 63 <el-button type="primary" :disabled="btnDisabled" @click="btnClick">选择不动产信息</el-button>
64 </div> 64 </div>
65 </div> 65 </div>
66 <fqsqDialog v-model="isDialog" :bsmSqyw="bsmSqyw" :djywbm="djywbm" :djqxObj = 'djqxObj' /> 66 <fqsqDialog v-model="isDialog" :bsmSqyw="bsmSqyw" :djywbm="djywbm" :djqxObj='djqxObj' />
67 </div> 67 </div>
68 </template> 68 </template>
69 <script> 69 <script>
...@@ -79,23 +79,17 @@ export default { ...@@ -79,23 +79,17 @@ export default {
79 ], 79 ],
80 list: [], 80 list: [],
81 djlxList: [], 81 djlxList: [],
82 ywList: [ 82 ywList: [],
83 {
84 name: '国有建设用地使用权 || 首次登记+ 以出让方式取得',
85 select: false,
86 cselect: false,
87 }
88 ],
89 djqxList: [], 83 djqxList: [],
90 bsmSqyw: '', 84 bsmSqyw: '',
91 isDialog: false, 85 isDialog: false,
92 btnDisabled: true, 86 btnDisabled: true,
93 djywbm: '', 87 djywbm: '',
94 djqxObj:{ 88 djqxObj: {
95 djqxbm:"", 89 djqxbm: "",
96 djqxmc:"", 90 djqxmc: "",
97 }, 91 },
98 92
99 } 93 }
100 }, 94 },
101 components: { 95 components: {
...@@ -131,8 +125,8 @@ export default { ...@@ -131,8 +125,8 @@ export default {
131 }) 125 })
132 item.cselect = !item.cselect 126 item.cselect = !item.cselect
133 this.djqxObj = { 127 this.djqxObj = {
134 'djqxbm':item.nodecode, 128 'djqxbm': item.nodecode,
135 'djqxmc':item.nodename, 129 'djqxmc': item.nodename,
136 } 130 }
137 if (item.sffqlc == '1') { 131 if (item.sffqlc == '1') {
138 this.btnDisabled = false 132 this.btnDisabled = false
...@@ -158,6 +152,7 @@ export default { ...@@ -158,6 +152,7 @@ export default {
158 if (res.result.djlx) this.djlxList = res.result.djlx 152 if (res.result.djlx) this.djlxList = res.result.djlx
159 this.djqxList.forEach(item => { 153 this.djqxList.forEach(item => {
160 this.$set(item, 'cselect', false) 154 this.$set(item, 'cselect', false)
155 this.$set(item, 'select', false)
161 }) 156 })
162 }) 157 })
163 }, 158 },
......