Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8ce29bbf by 任超
Options

style:样式

1 parent 65723796
Inline Side-by-side
Showing 7 changed files with 47 additions and 133 deletions
...@@ -5,4 +5,4 @@ NODE_ENV=development ...@@ -5,4 +5,4 @@ NODE_ENV=development
5 VUE_APP_BASE_API = '/dev-api' 5 VUE_APP_BASE_API = '/dev-api'
6 6
7 # 开发环境 7 # 开发环境
8 VUE_APP_API_BASE_URL = 'http://192.168.2.44:8009' 8 VUE_APP_API_BASE_URL = 'http://192.168.2.95:8009'
......
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 "babel-plugin-dynamic-import-node": "2.3.3", 30 "babel-plugin-dynamic-import-node": "2.3.3",
31 "chalk": "2.4.2", 31 "chalk": "2.4.2",
32 "connect": "3.6.6", 32 "connect": "3.6.6",
33 "element-ui": "^2.15.6", 33 "element-ui": "^2.15.7",
34 "html-webpack-plugin": "3.2.0", 34 "html-webpack-plugin": "3.2.0",
35 "runjs": "4.3.2", 35 "runjs": "4.3.2",
36 "sass-loader": "8.0.2", 36 "sass-loader": "8.0.2",
......
...@@ -10,18 +10,18 @@ ...@@ -10,18 +10,18 @@
10 10
11 <template> 11 <template>
12 <div :class="['lb-table', customClass]"> 12 <div :class="['lb-table', customClass]">
13 <el-table v-if="!heightNumSetting" ref="elTable" :border='border' v-loading="loading" element-loading-text="拼命加载中" 13 <el-table v-if="!heightNumSetting" class="table-fixed" ref="elTable" :border='border' v-loading="loading"
14 element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" 14 element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
15 :row-class-name="tableRowClassName" :show-header='showHeader' :header-cell-style="{ background: '#f5f7fa' }" 15 element-loading-background="rgba(0, 0, 0, 0.8)" :row-class-name="tableRowClassName" :show-header='showHeader'
16 v-bind="$attrs" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" 16 :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners"
17 :span-method="this.merge ? this.mergeMethod : this.spanMethod"> 17 :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
18 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item"> 18 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
19 </lb-column> 19 </lb-column>
20 </el-table> 20 </el-table>
21 21
22 <el-table v-else ref="elTable" :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' 22 <el-table v-else ref="elTable" class="table-fixed" :border='border' :row-class-name="tableRowClassName"
23 :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :max-height="maxHeight" v-on="$listeners" 23 :show-header='showHeader' :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :max-height="maxHeight"
24 :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod"> 24 v-on="$listeners" :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
25 <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">
26 </lb-column> 26 </lb-column>
27 </el-table> 27 </el-table>
...@@ -187,7 +187,7 @@ export default { ...@@ -187,7 +187,7 @@ export default {
187 }, 187 },
188 } 188 }
189 </script> 189 </script>
190 <style rel="stylesheet/scss" lang="scss"> 190 <style rel="stylesheet/scss" scoped lang="scss">
191 .lb-table { 191 .lb-table {
192 .interlaced { 192 .interlaced {
193 background: #fafcff; 193 background: #fafcff;
......
...@@ -117,26 +117,6 @@ ...@@ -117,26 +117,6 @@
117 border-bottom: none !important; 117 border-bottom: none !important;
118 } 118 }
119 119
120 // 按钮型tab样式
121 .btnTab {
122 .el-tabs__nav.is-top {
123 line-height: 36px;
124 }
125
126 .el-tabs__item {
127 height: 36px;
128 line-height: 36px;
129 }
130
131 .el-tabs__item:first-child {
132 border-radius: 4px 0 0 4px;
133 }
134
135 .el-tabs__item:last-child {
136 border-radius: 0 4px 4px 0;
137 }
138 }
139
140 .el-radio-group { 120 .el-radio-group {
141 .el-radio-button__inner { 121 .el-radio-button__inner {
142 height: 36px; 122 height: 36px;
...@@ -158,11 +138,6 @@ ...@@ -158,11 +138,6 @@
158 box-shadow: none !important; 138 box-shadow: none !important;
159 } 139 }
160 140
161 // element table 不能对齐
162 .el-table th.gutter {
163 display: table-cell !important;
164 }
165
166 // input type=number 上下箭头 141 // input type=number 上下箭头
167 input::-webkit-outer-spin-button, 142 input::-webkit-outer-spin-button,
168 input::-webkit-inner-spin-button { 143 input::-webkit-inner-spin-button {
......
...@@ -6,52 +6,27 @@ ...@@ -6,52 +6,27 @@
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 dictData['权利类型']" :key="item.dcode" :label="item.dname" :value="item.dcode">
11 filterable
12 clearable
13 placeholder="请选择权利类型"
14 >
15 <el-option
16 v-for="item in dictData['权利类型']"
17 :key="item.dcode"
18 :label="item.dname"
19 :value="item.dcode"
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 </el-form-item> 19 </el-form-item>
35 </el-col> 20 </el-col>
36 <el-col :span="5"> 21 <el-col :span="5">
37 <el-form-item label="不动产权证号"> 22 <el-form-item label="不动产权证号">
38 <el-input 23 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
39 placeholder="请输入不动产权证号"
40 v-model="queryForm.bdcqzh"
41 clearable
42 class="width200px"
43 >
44 </el-input> 24 </el-input>
45 </el-form-item> 25 </el-form-item>
46 </el-col> 26 </el-col>
47 <el-col :span="5"> 27 <el-col :span="5">
48 <el-form-item label="业务号"> 28 <el-form-item label="业务号">
49 <el-input 29 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
50 placeholder="请输入业务号"
51 v-model="queryForm.ywh"
52 clearable
53 class="width200px"
54 >
55 </el-input> 30 </el-input>
56 </el-form-item> 31 </el-form-item>
57 </el-col> 32 </el-col>
...@@ -67,16 +42,9 @@ ...@@ -67,16 +42,9 @@
67 </div> 42 </div>
68 <!-- 表格 --> 43 <!-- 表格 -->
69 <div class="from-clues-content"> 44 <div class="from-clues-content">
70 <lb-table 45 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
71 :page-size="pageData.size" 46 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
72 @sort-change="handleSort" 47 :column="tableData.columns" :data="tableData.data">
73 :current-page.sync="pageData.current"
74 :total="pageData.total"
75 @size-change="handleSizeChange"
76 @p-current-change="handleCurrentChange"
77 :column="tableData.columns"
78 :data="tableData.data"
79 >
80 </lb-table> 48 </lb-table>
81 </div> 49 </div>
82 <djbxxDialog v-model="isDialog" ref="djbxxDialog" :data="djbxxData" /> 50 <djbxxDialog v-model="isDialog" ref="djbxxDialog" :data="djbxxData" />
...@@ -103,10 +71,10 @@ export default { ...@@ -103,10 +71,10 @@ export default {
103 djbxxDialog, 71 djbxxDialog,
104 }, 72 },
105 mixins: [table], 73 mixins: [table],
106 mounted() { 74 mounted () {
107 sendThis(this); 75 sendThis(this);
108 }, 76 },
109 data() { 77 data () {
110 return { 78 return {
111 queryForm: { 79 queryForm: {
112 qllx: "", 80 qllx: "",
...@@ -134,7 +102,7 @@ export default { ...@@ -134,7 +102,7 @@ export default {
134 }, 102 },
135 methods: { 103 methods: {
136 // 初始化数据 104 // 初始化数据
137 fetchData() { 105 fetchData () {
138 getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => { 106 getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
139 if (res.code === 200) { 107 if (res.code === 200) {
140 let { total, records } = res.result; 108 let { total, records } = res.result;
...@@ -143,18 +111,18 @@ export default { ...@@ -143,18 +111,18 @@ export default {
143 } 111 }
144 }); 112 });
145 }, 113 },
146 handleSort(name, sort) { 114 handleSort (name, sort) {
147 console.log(name, sort); 115 console.log(name, sort);
148 }, 116 },
149 // 查询 117 // 查询
150 queryClick() { 118 queryClick () {
151 this.pageData.current = 1; 119 this.pageData.current = 1;
152 this.pageData.currentPage = 1; 120 this.pageData.currentPage = 1;
153 this.fetchData(); 121 this.fetchData();
154 }, 122 },
155 // 高级查询 123 // 高级查询
156 moreQueryClick() {}, 124 moreQueryClick () { },
157 openDialog(scope) { 125 openDialog (scope) {
158 let _this = this; 126 let _this = this;
159 let bsm = scope.row.bsmQlxx; 127 let bsm = scope.row.bsmQlxx;
160 axios 128 axios
...@@ -197,9 +165,11 @@ export default { ...@@ -197,9 +165,11 @@ export default {
197 </script> 165 </script>
198 <style scoped lang="scss"> 166 <style scoped lang="scss">
199 @import "~@/styles/public.scss"; 167 @import "~@/styles/public.scss";
168
200 .icon-circle { 169 .icon-circle {
201 position: relative; 170 position: relative;
202 } 171 }
172
203 .icon-circle::before { 173 .icon-circle::before {
204 content: ""; 174 content: "";
205 width: 4px; 175 width: 4px;
......
...@@ -8,7 +8,7 @@ class data extends filter { ...@@ -8,7 +8,7 @@ class data extends filter {
8 constructor() { 8 constructor() {
9 super() 9 super()
10 } 10 }
11 columns() { 11 columns () {
12 return [ 12 return [
13 { 13 {
14 label: '序号', 14 label: '序号',
...@@ -25,8 +25,6 @@ class data extends filter { ...@@ -25,8 +25,6 @@ class data extends filter {
25 { 25 {
26 label: "权属状态", 26 label: "权属状态",
27 render: (h, scope) => { 27 render: (h, scope) => {
28 let text = '';
29 let color = ""
30 let obj = { 28 let obj = {
31 "1": { 29 "1": {
32 text: '现势', 30 text: '现势',
...@@ -41,12 +39,12 @@ class data extends filter { ...@@ -41,12 +39,12 @@ class data extends filter {
41 color: '#FE9400' 39 color: '#FE9400'
42 } 40 }
43 } 41 }
44 text = obj[scope.row.qszt].text 42 let textName = obj[scope.row.qszt]?.text || ''
45 color = obj[scope.row.qszt].color 43 let colorName = obj[scope.row.qszt]?.color || ''
46 return ( 44 return (
47 <div> 45 <div>
48 <span style={`color:${color}`}>●</span> 46 <span style={`color:${colorName}`}>●</span>
49 <span >{text}</span> 47 <span >{textName}</span>
50 </div> 48 </div>
51 ) 49 )
52 } 50 }
...@@ -100,7 +98,7 @@ class data extends filter { ...@@ -100,7 +98,7 @@ class data extends filter {
100 ] 98 ]
101 } 99 }
102 100
103 ywlys() { 101 ywlys () {
104 return [ 102 return [
105 { value: 1, label: "办事大厅" }, 103 { value: 1, label: "办事大厅" },
106 { value: 2, label: "微信小程序" }, 104 { value: 2, label: "微信小程序" },
......
...@@ -6,45 +6,25 @@ ...@@ -6,45 +6,25 @@
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-input 9 <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc" clearable class="width200px">
10 placeholder="请输入项目名称"
11 v-model="queryForm.xmmc"
12 clearable
13 class="width200px"
14 >
15 </el-input> 10 </el-input>
16 </el-form-item> 11 </el-form-item>
17 </el-col> 12 </el-col>
18 <el-col :span="5"> 13 <el-col :span="5">
19 <el-form-item label="项目编号"> 14 <el-form-item label="项目编号">
20 <el-input 15 <el-input placeholder="请输入项目编号" v-model="queryForm.xmbh" clearable class="width200px">
21 placeholder="请输入项目编号"
22 v-model="queryForm.xmbh"
23 clearable
24 class="width200px"
25 >
26 </el-input> 16 </el-input>
27 </el-form-item> 17 </el-form-item>
28 </el-col> 18 </el-col>
29 <el-col :span="5"> 19 <el-col :span="5">
30 <el-form-item label="宗地代码"> 20 <el-form-item label="宗地代码">
31 <el-input 21 <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm" clearable class="width200px">
32 placeholder="请输入宗地代码"
33 v-model="queryForm.zddm"
34 clearable
35 class="width200px"
36 >
37 </el-input> 22 </el-input>
38 </el-form-item> 23 </el-form-item>
39 </el-col> 24 </el-col>
40 <el-col :span="5"> 25 <el-col :span="5">
41 <el-form-item label="自然幢号"> 26 <el-form-item label="自然幢号">
42 <el-input 27 <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable class="width200px">
43 placeholder="请输入自然幢号"
44 v-model="queryForm.zrzh"
45 clearable
46 class="width200px"
47 >
48 </el-input> 28 </el-input>
49 </el-form-item> 29 </el-form-item>
50 </el-col> 30 </el-col>
...@@ -60,17 +40,9 @@ ...@@ -60,17 +40,9 @@
60 </div> 40 </div>
61 <!-- 表格 --> 41 <!-- 表格 -->
62 <div class="from-clues-content"> 42 <div class="from-clues-content">
63 <lb-table 43 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
64 :page-size="pageData.size" 44 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
65 @sort-change="handleSort" 45 :column="tableData.columns" :data="tableData.data">
66 :current-page.sync="pageData.current"
67 :total="pageData.total"
68 @selection-change="handleSelectionChange"
69 @size-change="handleSizeChange"
70 @p-current-change="handleCurrentChange"
71 :column="tableData.columns"
72 :data="tableData.data"
73 >
74 </lb-table> 46 </lb-table>
75 </div> 47 </div>
76 </div> 48 </div>
...@@ -82,10 +54,10 @@ export default { ...@@ -82,10 +54,10 @@ export default {
82 name: "lpcx", 54 name: "lpcx",
83 components: {}, 55 components: {},
84 mixins: [table], 56 mixins: [table],
85 mounted() { 57 mounted () {
86 sendThis(this); 58 sendThis(this);
87 }, 59 },
88 data() { 60 data () {
89 return { 61 return {
90 queryForm: { 62 queryForm: {
91 xmmc: "", 63 xmmc: "",
...@@ -98,9 +70,7 @@ export default { ...@@ -98,9 +70,7 @@ export default {
98 size: 10, 70 size: 10,
99 total: 2, 71 total: 2,
100 }, 72 },
101
102 ywlys: datas.ywlys(), 73 ywlys: datas.ywlys(),
103
104 tableData: { 74 tableData: {
105 columns: datas.columns(), 75 columns: datas.columns(),
106 data: [ 76 data: [
...@@ -116,11 +86,12 @@ export default { ...@@ -116,11 +86,12 @@ export default {
116 }, 86 },
117 methods: { 87 methods: {
118 // 初始化数据 88 // 初始化数据
119 fetchData() {}, 89 fetchData () {
120 handleSort(name, sort) { 90 },
91 handleSort (name, sort) {
121 console.log(name, sort); 92 console.log(name, sort);
122 }, 93 },
123 openDialog() { 94 openDialog () {
124 console.log(999999999999999); 95 console.log(999999999999999);
125 }, 96 },
126 }, 97 },
......