Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
e27e11dd by xiaomiao
Options

样式调整

1 parent eb96e55d
Inline Side-by-side
Showing 9 changed files with 402 additions and 365 deletions
...@@ -3,47 +3,47 @@ ...@@ -3,47 +3,47 @@
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 import Chart from "./Chart"; 6 import Chart from "./Chart";
7 import work from "@/api/work"; 7 import work from "@/api/work";
8 export default { 8 export default {
9 data() { 9 data () {
10 return { 10 return {
11 cdata: { 11 cdata: {
12 category: [], 12 category: [],
13 lineData: [], 13 lineData: [],
14 barData: [], 14 barData: [],
15 }, 15 },
16 }; 16 };
17 }, 17 },
18 components: { 18 components: {
19 Chart, 19 Chart,
20 }, 20 },
21 mounted() { 21 mounted () {
22 window.addEventListener("resize", () => { 22 window.addEventListener("resize", () => {
23 this.submitViews();
24 });
23 this.submitViews(); 25 this.submitViews();
24 });
25 this.submitViews();
26 },
27 methods: {
28 async submitViews() {
29 try {
30 let { result: res } = await work.submitViews("A20");
31 this.cdata.category = [];
32 this.cdata.barData = [];
33 this.cdata.lineData = [];
34 res.map((item) => {
35 return (
36 this.cdata.category.push(item.areaName),
37 this.cdata.barData.push(item.successCount),
38 this.cdata.lineData.push(item.failureCount)
39 );
40 });
41 } catch (error) {
42 // this.$refs.msg.messageShow();
43 }
44 }, 26 },
45 }, 27 methods: {
46 }; 28 async submitViews () {
29 try {
30 let { result: res } = await work.submitViews("A20");
31 this.cdata.category = [];
32 this.cdata.barData = [];
33 this.cdata.lineData = [];
34 res.map((item) => {
35 return (
36 this.cdata.category.push(item.areaName),
37 this.cdata.barData.push(item.successCount),
38 this.cdata.lineData.push(item.failureCount)
39 );
40 });
41 } catch (error) {
42 // this.$refs.msg.messageShow();
43 }
44 },
45 },
46 };
47 </script> 47 </script>
48 48
49 <style lang="scss" scoped></style> 49 <style lang="scss" scoped></style>
......
...@@ -7,257 +7,257 @@ ...@@ -7,257 +7,257 @@
7 ref="centreLeft2ChartRef" 7 ref="centreLeft2ChartRef"
8 width="100%" 8 width="100%"
9 height="100%" 9 height="100%"
10 :options="options" 10 :options="options"></Echart>
11 ></Echart>
12 </template> 11 </template>
13 12
14 <script> 13 <script>
15 import Echart from "@/common/echart"; 14 import Echart from "@/common/echart";
16 import { mapGetters } from "vuex"; 15 import { mapGetters } from "vuex";
17 export default { 16 export default {
18 data() { 17 data () {
19 return { 18 return {
20 options: {}, 19 options: {},
21 max: "100", //最大value值 20 max: "100", //最大value值
22 min: "1", // 最小value值 21 min: "1", // 最小value值
23 key: 0, 22 key: 0,
24 mapjson: "", 23 mapjson: "",
25 }; 24 };
26 },
27 components: {
28 Echart,
29 },
30 created() {},
31 props: {
32 cdata: {
33 type: Array,
34 default: () => [],
35 }, 25 },
36 }, 26 components: {
37 mounted() { 27 Echart,
28 },
29 created () { },
30 props: {
31 cdata: {
32 type: Array,
33 default: () => [],
34 },
35 },
36 mounted () {
38 37
39 window.addEventListener("resize", () => { 38 window.addEventListener("resize", () => {
40 this.key++; 39 this.key++;
41 }); 40 });
42 this.getDistrictcode(); 41 this.getDistrictcode();
43 }, 42 },
44 watch: { 43 watch: {
45 cdata: { 44 cdata: {
46 handler(newData) { 45 handler (newData) {
47 let _this = this; 46 let _this = this;
48 // 设置点的位置(经纬度) 47 // 设置点的位置(经纬度)
49 const geoCoordMap = { 48 const geoCoordMap = {
50 汉台区: [107.03187, 33.06774, 20], 49 汉台区: [107.03187, 33.06774, 20],
51 南郑区: [106.94024, 33.00299, 20], 50 南郑区: [106.94024, 33.00299, 20],
52 城固县: [107.33367, 33.15661, 20], 51 城固县: [107.33367, 33.15661, 20],
53 洋县: [107.545837, 33.222739, 20], 52 洋县: [107.545837, 33.222739, 20],
54 西乡县: [107.76867, 32.98411, 20], 53 西乡县: [107.76867, 32.98411, 20],
55 镇巴县: [107.89648, 32.53487, 20], 54 镇巴县: [107.89648, 32.53487, 20],
56 勉县: [106.673221, 33.153553, 20], 55 勉县: [106.673221, 33.153553, 20],
57 留坝县: [106.92233, 33.61606, 20], 56 留坝县: [106.92233, 33.61606, 20],
58 佛坪县: [107.98974, 33.52496, 20], 57 佛坪县: [107.98974, 33.52496, 20],
59 宁强县: [106.25958, 32.82881, 20], 58 宁强县: [106.25958, 32.82881, 20],
60 略阳县: [106.15399, 33.33009, 20], 59 略阳县: [106.15399, 33.33009, 20],
61 }; 60 };
62 this.options = { 61 this.options = {
63 showLegendSymbol: true, 62 showLegendSymbol: true,
64 tooltip: { 63 tooltip: {
65 trigger: "item", 64 trigger: "item",
66 textStyle: { 65 textStyle: {
67 fontSize: 14, 66 fontSize: 14,
68 lineHeight: 22, 67 lineHeight: 22,
69 }, 68 },
70 position: (point) => { 69 position: (point) => {
71 // 固定在顶部 70 // 固定在顶部
72 return [point[0] + 50, point[1] - 20]; 71 return [point[0] + 50, point[1] - 20];
73 }, 72 },
74 // 如果需要自定义 tooltip样式，需要使用formatter 73 // 如果需要自定义 tooltip样式，需要使用formatter
75 formatter: (params) => { 74 formatter: (params) => {
76 return `<div style="">${params.name}:${ 75 return `<div style="">${params.name}:${params.value + "个"
77 params.value + "个" 76 }</div>`;
78 }</div>`; 77 },
79 },
80 },
81 visualMap: {
82 min: 0,
83 max: _this.max,
84 bottom: "13%",
85 left: 50,
86 splitNumber: 6,
87 seriesIndex: [0],
88 itemWidth: 20, // 每个图元的宽度
89 itemGap: 2, // 每两个图元之间的间隔距离，单位为px
90 pieces: [
91 // 自定义每一段的范围，以及每一段的文字
92 { gte: 100, label: "100以上", color: "#035cf5" }, // 不指定 max，表示 max 为无限大（Infinity）。
93 { gte: 50, lte: 6000, label: "20-100", color: "#3375e4" },
94 { gte: 20, lte: 2000, label: "1-200", color: "#6797ef" },
95 { gte: 1, lte: 1000, label: "1-20", color: "#96b5ef" },
96 ],
97 textStyle: {
98 color: "#737373",
99 }, 78 },
100 }, 79 visualMap: {
101 geo: { 80 min: 0,
102 aspectScale: 1, //长宽比 81 max: _this.max,
103 zoom: 1.1, 82 bottom: "13%",
104 mapType: "", // 自定义扩展图表类型 83 left: 50,
105 top: "15%", 84 splitNumber: 6,
106 left: "10%", 85 seriesIndex: [0],
107 map: "汉中市", 86 itemWidth: 20, // 每个图元的宽度
108 itemStyle: { 87 itemGap: 2, // 每两个图元之间的间隔距离，单位为px
109 normal: { 88 pieces: [
110 //阴影 89 // 自定义每一段的范围，以及每一段的文字
111 areaColor: "#5689FD ", 90 { gte: 100, label: "100以上", color: "#035cf5" }, // 不指定 max，表示 max 为无限大（Infinity）。
112 shadowColor: "#21371d", 91 { gte: 50, lte: 6000, label: "20-100", color: "#3375e4" },
113 borderWidth: 0, 92 { gte: 20, lte: 2000, label: "1-200", color: "#6797ef" },
114 shadowOffsetX: 2, 93 { gte: 1, lte: 1000, label: "1-20", color: "#96b5ef" },
115 shadowOffsetY: 25, 94 ],
95 textStyle: {
96 color: "#737373",
116 }, 97 },
117 }, 98 },
118 }, 99 geo: {
119 series: [
120 {
121 type: "map",
122 aspectScale: 1, //长宽比 100 aspectScale: 1, //长宽比
123 zoom: 1.1, 101 zoom: 1.1,
124 mapType: "汉中市", // 自定义扩展图表类型 102 mapType: "", // 自定义扩展图表类型
125 top: "15%", 103 top: "15%",
126 left: "10%", 104 left: "10%",
105 map: "汉中市",
127 itemStyle: { 106 itemStyle: {
128 normal: { 107 normal: {
129 areaColor: "rgba(19,54,162,.5)", 108 //阴影
130 borderColor: "rgba(0,242,252,.5)", 109 areaColor: "#5689FD ",
131 borderWidth: 2, 110 shadowColor: "#21371d",
132 shadowBlur: 1, 111 borderWidth: 0,
133 borderColor: "rgb(155, 200, 200)", 112 shadowOffsetX: 2,
134 shadowColor: "#44f2fc", 113 shadowOffsetY: 25,
135 }, 114 },
136 }, 115 },
137 label: { 116 },
138 formatter: (params) => { 117 series: [
139 return `${params.name}\n${params.value + "个"}`; 118 {
140 }, 119 type: "map",
141 show: true, 120 aspectScale: 1, //长宽比
142 position: "insideRight", 121 zoom: 1.1,
143 textStyle: { 122 mapType: "汉中市", // 自定义扩展图表类型
144 fontSize: 14, 123 top: "15%",
145 color: "#efefef", 124 left: "10%",
125 itemStyle: {
126 normal: {
127 areaColor: "rgba(19,54,162,.5)",
128 borderColor: "rgba(0,242,252,.5)",
129 borderWidth: 2,
130 shadowBlur: 1,
131 borderColor: "rgb(155, 200, 200)",
132 shadowColor: "#44f2fc",
133 },
146 }, 134 },
147 emphasis: { 135 label: {
136 formatter: (params) => {
137 return `${params.name}\n${params.value + "个"}`;
138 },
139 show: true,
140 position: "insideRight",
148 textStyle: { 141 textStyle: {
149 color: "#fff", 142 fontSize: 14,
143 color: "#efefef",
144 },
145 emphasis: {
146 textStyle: {
147 color: "#fff",
148 },
150 }, 149 },
151 }, 150 },
151 data: newData,
152 }, 152 },
153 data: newData, 153 ],
154 }, 154 };
155 ], 155 // 重新选择区域
156 }; 156 this.handleMapRandomSelect();
157 // 重新选择区域 157 },
158 this.handleMapRandomSelect();
159 },
160 158
161 immediate: true, 159 immediate: true,
162 deep: true, 160 deep: true,
163 }, 161 },
164 },
165 computed: {
166 ...mapGetters(["sidebar", "dicData"]),
167 logoName() {
168 return (
169 this.dicData["sysCode"] &&
170 this.dicData["sysCode"].filter((item) => item.DCODE == "areaMap")
171 );
172 },
173 },
174 methods: {
175 // 根据行政区代码匹配行政区
176 getDistrictcode() {
177 console.log("this.logoName.DNAME", this.logoName.DNAME);
178 if ((this.logoName.DNAME = "map610700")) {
179 this.mapjson = "hanzhong";
180 require(`@/common/map/${this.mapjson}.js`);
181 }
182 }, 162 },
183 // 开启定时器 163 computed: {
184 startInterval() { 164 ...mapGetters(["sidebar", "dicData"]),
185 const _self = this; 165 logoName () {
186 // 应通过接口获取配置时间，暂时写死5s 166 return (
187 const time = 2000; 167 this.dicData["sysCode"] && this.dicData["sysCode"].filter((item) => { return item.DCODE == "areaMap" })
188 if (this.intervalId !== null) { 168 );
189 clearInterval(this.intervalId); 169 },
190 }
191 this.intervalId = setInterval(() => {
192 this.$refs.centreLeft2ChartRef && _self.reSelectMapRandomArea();
193 }, time);
194 }, 170 },
195 // 重新随机选中地图区域 171 methods: {
196 reSelectMapRandomArea() { 172 // 根据行政区代码匹配行政区
197 const length = 9; 173 getDistrictcode () {
198 this.$nextTick(() => { 174 this.mapjson = ""
199 try { 175 if ((this.logoName[0].DNAME == "hanzhong")) {
200 const map = this.$refs.centreLeft2ChartRef.chart; 176 this.mapjson = "hanzhong";
201 let index = Math.floor(Math.random() * length); 177 require(`@/common/map/${this.mapjson}.js`);
202 while (index === this.preSelectMapIndex || index >= length) { 178 } else {
203 index = Math.floor(Math.random() * length); 179 this.mapjson = "yushu";
204 } 180 require(`@/common/map/${this.mapjson}.js`);
205 map.dispatchAction({
206 type: "mapUnSelect",
207 seriesIndex: 0,
208 dataIndex: this.preSelectMapIndex,
209 });
210 map.dispatchAction({
211 type: "showTip",
212 seriesIndex: 0,
213 dataIndex: index,
214 });
215 map.dispatchAction({
216 type: "mapSelect",
217 seriesIndex: 0,
218 dataIndex: index,
219 });
220 this.preSelectMapIndex = index;
221 } catch (error) {
222 console.log(error);
223 } 181 }
224 }); 182 },
225 }, 183 // 开启定时器
226 handleMapRandomSelect() { 184 startInterval () {
227 this.$nextTick(() => { 185 const _self = this;
228 try { 186 // 应通过接口获取配置时间，暂时写死5s
229 const map = this.$refs.centreLeft2ChartRef.chart; 187 const time = 2000;
230 const _self = this; 188 if (this.intervalId !== null) {
231 setTimeout(() => { 189 clearInterval(this.intervalId);
232 _self.reSelectMapRandomArea(); 190 }
233 }, 0); 191 this.intervalId = setInterval(() => {
234 // 移入区域，清除定时器、取消之前选中并选中当前 192 this.$refs.centreLeft2ChartRef && _self.reSelectMapRandomArea();
235 map.on("mouseover", function (params) { 193 }, time);
236 clearInterval(_self.intervalId); 194 },
195 // 重新随机选中地图区域
196 reSelectMapRandomArea () {
197 const length = 9;
198 this.$nextTick(() => {
199 try {
200 const map = this.$refs.centreLeft2ChartRef.chart;
201 let index = Math.floor(Math.random() * length);
202 while (index === this.preSelectMapIndex || index >= length) {
203 index = Math.floor(Math.random() * length);
204 }
237 map.dispatchAction({ 205 map.dispatchAction({
238 type: "mapUnSelect", 206 type: "mapUnSelect",
239 seriesIndex: 0, 207 seriesIndex: 0,
240 dataIndex: _self.preSelectMapIndex, 208 dataIndex: this.preSelectMapIndex,
209 });
210 map.dispatchAction({
211 type: "showTip",
212 seriesIndex: 0,
213 dataIndex: index,
241 }); 214 });
242 map.dispatchAction({ 215 map.dispatchAction({
243 type: "mapSelect", 216 type: "mapSelect",
244 seriesIndex: 0, 217 seriesIndex: 0,
245 dataIndex: params.dataIndex, 218 dataIndex: index,
246 }); 219 });
247 _self.preSelectMapIndex = params.dataIndex; 220 this.preSelectMapIndex = index;
248 }); 221 } catch (error) {
249 // 移出区域重新随机选中地图区域，并开启定时器 222 console.log(error);
250 map.on("globalout", function () { 223 }
251 _self.reSelectMapRandomArea(); 224 });
252 _self.startInterval(); 225 },
253 }); 226 handleMapRandomSelect () {
254 this.startInterval(); 227 this.$nextTick(() => {
255 } catch (error) { 228 try {
256 console.log(error); 229 const map = this.$refs.centreLeft2ChartRef.chart;
257 } 230 const _self = this;
258 }); 231 setTimeout(() => {
232 _self.reSelectMapRandomArea();
233 }, 0);
234 // 移入区域，清除定时器、取消之前选中并选中当前
235 map.on("mouseover", function (params) {
236 clearInterval(_self.intervalId);
237 map.dispatchAction({
238 type: "mapUnSelect",
239 seriesIndex: 0,
240 dataIndex: _self.preSelectMapIndex,
241 });
242 map.dispatchAction({
243 type: "mapSelect",
244 seriesIndex: 0,
245 dataIndex: params.dataIndex,
246 });
247 _self.preSelectMapIndex = params.dataIndex;
248 });
249 // 移出区域重新随机选中地图区域，并开启定时器
250 map.on("globalout", function () {
251 _self.reSelectMapRandomArea();
252 _self.startInterval();
253 });
254 this.startInterval();
255 } catch (error) {
256 console.log(error);
257 }
258 });
259 },
259 }, 260 },
260 }, 261 };
261 };
262 </script> 262 </script>
263 <style></style> 263 <style></style>
......
...@@ -505,4 +505,17 @@ tr:hover { ...@@ -505,4 +505,17 @@ tr:hover {
505 .el-select-dropdown__item.hover, 505 .el-select-dropdown__item.hover,
506 .el-select-dropdown__item:hover { 506 .el-select-dropdown__item:hover {
507 background-color: transparent !important; 507 background-color: transparent !important;
508 }
...\ No newline at end of file ...\ No newline at end of file
508 }
509
510 // 提示框
511 .el-message-box {
512 background-color: #031a46;
513 border: 1px solid #5f82c7;
514
515 .el-message-box__title{
516 color: white;
517 }
518 .el-message-box__content{
519 color: white;
520 }
521 }
......
...@@ -198,4 +198,5 @@ ...@@ -198,4 +198,5 @@
198 .btnColRight { 198 .btnColRight {
199 box-sizing: border-box; 199 box-sizing: border-box;
200 text-align: right; 200 text-align: right;
201 }
...\ No newline at end of file ...\ No newline at end of file
201 }
202
......
...@@ -19,131 +19,136 @@ ...@@ -19,131 +19,136 @@
19 </template> 19 </template>
20 20
21 <script> 21 <script>
22 import columnarsmat from "@/components/Echart/Columnarsmat"; 22 import columnarsmat from "@/components/Echart/Columnarsmat";
23 import Rose from "@/components/Echart/Rose"; 23 import Rose from "@/components/Echart/Rose";
24 import work from "@/api/work"; 24 import work from "@/api/work";
25 export default { 25 export default {
26 data () { 26 data () {
27 return { 27 return {
28 config: { 28 config: {
29 headerBGC: '#016AC5', 29 headerBGC: '#016AC5',
30 oddRowBGC: '#154295', 30 oddRowBGC: '#154295',
31 evenRowBGC: '#154295', 31 evenRowBGC: '#154295',
32 header: ['序号', '用途', '性质', '面积'], 32 header: ['序号', '用途', '性质', '面积'],
33 data: [], 33 data: [],
34 key: 0 34 key: 0
35 }
35 } 36 }
36 } 37 },
37 }, 38 components: { columnarsmat, Rose },
38 components: { columnarsmat, Rose }, 39 mounted () {
39 mounted () { 40 this.addhousetotal();
40 this.addhousetotal(); 41 // scroll(tableref.value.$refs.bodyWrapper);//设置滚动
41 // scroll(tableref.value.$refs.bodyWrapper);//设置滚动 42 },
42 }, 43 methods: {
43 methods: { 44 async addhousetotal () {
44 async addhousetotal () { 45 try {
45 try { 46 let { result: res } = await work.addhousetotal();
46 let { result: res } = await work.addhousetotal(); 47 res.map((item, index) => {
47 res.map((item, index) => { 48 return (
48 return ( 49 this.config.data.push([index, item.fwyt, item.fwxz, item.mj])
49 this.config.data.push([index, item.fwyt, item.fwxz, item.mj]) 50 )
50 ) 51 });
51 }); 52 } catch (error) {
52 } catch (error) { 53 console.log("error", error);
53 console.log("error", error); 54 }
54 } 55 }
55 } 56 }
56 } 57 }
57 }
58 </script> 58 </script>
59 <style lang="scss" scoped> 59 <style lang="scss" scoped>
60 /deep/.row-item:not(:last-child) { 60 /deep/.row-item:not(:last-child) {
61 margin-bottom: .026rem; 61 margin-bottom: 0.026rem;
62 }
63
64 .rightcard {
65 width: 32%;
66 display: flex;
67 height: calc(100vh - 114px);
68 flex-direction: column;
69
70 .cardhead {
71 font-size: .1042rem;
72 font-weight: bold;
73 color: #02D9FD;
74 text-align: center;
75 position: absolute;
76 left: 0;
77 right: 0;
78 top: .0625rem;
79 text-align: center;
80 } 62 }
81 63
82 .cardcontent { 64 .rightcard {
83 width: 100%; 65 width: 32%;
84 height: 100%; 66 display: flex;
85 display: -webkit-box; 67 height: calc(100vh - 114px);
86 overflow: hidden; 68 flex-direction: column;
87 69
88 .nodata { 70 .cardhead {
89 font-size: .1042rem; 71 font-size: 0.1042rem;
90 color: #02D9FD;
91 font-weight: bold; 72 font-weight: bold;
92 margin: auto; 73 color: #02d9fd;
93 margin-top: 120px; 74 text-align: center;
75 position: absolute;
76 left: 0;
77 right: 0;
78 top: 0.0625rem;
79 text-align: center;
94 } 80 }
95 }
96 81
97 .cardCon { 82 .cardcontent {
98 padding: .0521rem .026rem; 83 width: 100%;
99 position: relative; 84 height: 100%;
100 text-align: center; 85 display: -webkit-box;
101 width: 100%; 86 overflow: hidden;
102 } 87
88 .nodata {
89 font-size: 0.1042rem;
90 color: #02d9fd;
91 font-weight: bold;
92 margin: auto;
93 margin-top: 120px;
94 }
95 }
103 96
104 .card1 { 97 .cardCon {
105 height: 33%; 98 padding: 0.0521rem 0.026rem;
106 background: url("~@/image/xjgyfwxx.png") no-repeat; 99 position: relative;
107 background-size: 100% 100%; 100 text-align: center;
101 width: 100%;
102 }
108 103
109 .board { 104 .card1 {
110 width: 90%; 105 height: 33%;
111 margin: 0 auto; 106 background: url("~@/image/xjgyfwxx.png") no-repeat;
112 height: 1.1031rem; 107 background-size: 100% 100%;
113 margin-top: .0521rem; 108 /deep/.dv-scroll-board {
114 /deep/.header{ 109 .header {
115 font-size: .0738rem; 110 height: 0.1875rem;
111 align-items: center;
112 }
116 } 113 }
117 /deep/.rows{ 114 .board {
118 .ceil{ 115 width: 90%;
119 font-size: .0738rem; 116 margin: 0 auto;
120 color: #6BC1FC 117 height: 1.1031rem;
121 } 118 margin-top: 0.0521rem;
119 /deep/.header {
120 font-size: 0.0738rem;
121 }
122 /deep/.rows {
123 .ceil {
124 font-size: 0.0738rem;
125 color: #6bc1fc;
126 }
127 }
122 } 128 }
123 } 129 }
124 }
125 130
126 .card2 { 131 .card2 {
127 height: 33%; 132 height: 33%;
128 background: url("~@/image/djywl.png") no-repeat; 133 background: url("~@/image/djywl.png") no-repeat;
129 background-size: 100% 100%; 134 background-size: 100% 100%;
130 padding: .3825rem 0 0 0; 135 padding: 0.3825rem 0 0 0;
131 } 136 }
132 137
133 .card3 { 138 .card3 {
134 height: 33%; 139 height: 33%;
135 flex: 1; 140 flex: 1;
136 background: url("~@/image/djlxzl.png") no-repeat; 141 background: url("~@/image/djlxzl.png") no-repeat;
137 background-size: 100% 100%; 142 background-size: 100% 100%;
138 padding-bottom: 0; 143 padding-bottom: 0;
139 144
140 .cardhead { 145 .cardhead {
141 top: .0417rem; 146 top: 0.0417rem;
147 }
142 } 148 }
143 }
144 149
145 .cardhead { 150 .cardhead {
146 position: absolute; 151 position: absolute;
152 }
147 } 153 }
148 }
149 </style> 154 </style>
......
...@@ -15,8 +15,8 @@ ...@@ -15,8 +15,8 @@
15 </div> 15 </div>
16 <div class="from-clues-content"> 16 <div class="from-clues-content">
17 <div class="contentbox"> 17 <div class="contentbox">
18 <base-set v-show="isshow" :userInfo="userData" /> 18 <base-set v-if="isshow" :userInfo="userData" />
19 <password-edit v-show="!isshow" :userInfo="userData" /> 19 <password-edit v-if="!isshow" :userInfo="userData" />
20 </div> 20 </div>
21 </div> 21 </div>
22 </div> 22 </div>
......
...@@ -176,4 +176,11 @@ ...@@ -176,4 +176,11 @@
176 top: 15px; 176 top: 15px;
177 right: 30px; 177 right: 30px;
178 } 178 }
179 /deep/.el-dialog__header {
180 text-align: center;
181 margin-bottom: 10px;
182 .el-dialog__title {
183 color: white;
184 }
185 }
179 </style> 186 </style>
......
...@@ -114,7 +114,7 @@ ...@@ -114,7 +114,7 @@
114 { required: true, message: "请输入用户名", trigger: "blur" }, 114 { required: true, message: "请输入用户名", trigger: "blur" },
115 ], 115 ],
116 }, 116 },
117 title: "", 117 title: "修改",
118 visible: false, 118 visible: false,
119 showLoginName: false, 119 showLoginName: false,
120 sexList: [{ lable: "0", value: "0", name: "男" }, { lable: "1", value: "1", name: "女" }], 120 sexList: [{ lable: "0", value: "0", name: "男" }, { lable: "1", value: "1", name: "女" }],
...@@ -230,4 +230,14 @@ ...@@ -230,4 +230,14 @@
230 /deep/.el-form-item__label { 230 /deep/.el-form-item__label {
231 color: #fff; 231 color: #fff;
232 } 232 }
233 /deep/.el-dialog__body {
234 padding-top: 20px;
235 }
236 /deep/.el-dialog__header {
237 text-align: center;
238 margin-bottom: 10px;
239 .el-dialog__title {
240 color: white;
241 }
242 }
233 </style> 243 </style>
......
...@@ -316,4 +316,5 @@ ...@@ -316,4 +316,5 @@
316 .btnColRight { 316 .btnColRight {
317 margin-top: 20px; 317 margin-top: 20px;
318 } 318 }
319
319 </style> 320 </style>
......