Skip to content

bdc / bdcjg-web

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

样式调整

1 parent 27c08ae7
Inline Side-by-side
Showing 22 changed files with 96 additions and 62 deletions
......@@ -4,8 +4,8 @@
</template>
<script>
import Echart from "@/common/echart";
export default {
import Echart from "@/common/echart";
export default {
data () {
return {
xAxisData: {},
......@@ -35,7 +35,7 @@ export default {
}
return rgbaColor;
},
fontSize(res) {
fontSize (res) {
let docEl = document.documentElement,
clientWidth =
window.innerWidth ||
......@@ -44,7 +44,7 @@ export default {
if (!clientWidth) return;
let fontSize = clientWidth / 1920;
return res * fontSize;
}
}
},
watch: {
cdata: {
......@@ -61,13 +61,14 @@ export default {
data: newData.legendItem,
textStyle: {
color: "#00DEFF",
fontSize:this.fontSize(12),
fontSize: this.fontSize(12),
},
},
// calculable: true,
tooltip: {
trigger: "axis",
formatter: function (params) {
console.log("params222", params);
let html = "";
params.forEach((v) => {
html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000">
......@@ -151,10 +152,7 @@ export default {
zlevel: 3,
lineStyle: {
normal: {
color: newData.color[0],
shadowBlur: 3,
shadowColor: this.hexToRgba(newData.color[0], 0.5),
shadowOffsetY: 0,
color: newData.color[0]
},
},
data: this.yAxisData1,
......@@ -170,9 +168,6 @@ export default {
lineStyle: {
normal: {
color: newData.color[1],
shadowBlur: 0,
shadowColor: this.hexToRgba(newData.color[1], 0.5),
shadowOffsetY: 0,
},
},
data: this.yAxisData2,
......@@ -188,9 +183,6 @@ export default {
lineStyle: {
normal: {
color: newData.color[2],
shadowBlur: 3,
shadowColor: this.hexToRgba(newData.color[2], 0.5),
shadowOffsetY: 0,
},
},
data: this.yAxisData3,
......@@ -202,5 +194,5 @@ export default {
deep: true,
},
},
};
};
</script>
......
......@@ -33,6 +33,21 @@
axisPointer: {
type: "shadow",
},
formatter: function (params) {
console.log("params222", params);
let html = "";
params.forEach((v) => {
html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000">
<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params[v.componentIndex].color
};"></span>
${v.seriesName}.${v.name}
<span style="color:blue;font-weight:700;font-size: 18px">${v.value}</span>
个`;
});
return html;
},
extraCssText:
"background: #85a2eb; border-radius: 2;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;",
},
grid: {
left: "5%",
......
......@@ -41,7 +41,18 @@
],
tooltip: {
trigger: "item",
formatter: "<br/>{b} : {c} ({d}%)",
formatter: function (params) {
console.log("params11", params);
let html = "";
html += `<div style="font-size: 14px;line-height: 24px >
<span style="display:inline-block;"></span>
${params.name}
<span style="color:blue;font-weight:700;font-size: 18px">${params.value}</span>
个`;
return html;
},
extraCssText:
"background: #85a2eb; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;",
},
series: [
{
......

9.58 KB | W: | H:

3.53 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -329,6 +329,7 @@ table td {
padding-top: 13px;
padding-bottom: 13px;
border: none;
margin-top: 5px !important;
table {
......@@ -395,12 +396,17 @@ table td {
.el-date-table td span {
color: #DBFAFF
}
.el-date-table td span:hover {
background-color: #074487;
border: 1px solid #02D9FD;
color: #02D9FD
}
.el-date-table td.current:not(.disabled) span {
background-color: #074487;
// border:1px solid saddlebrown;
box-shadow: inset 0 0 7px #02D9FD;
border: 1px solid #02D9FD;
color: #02D9FD
}
}
......@@ -504,7 +510,7 @@ table td {
height: 26px;
line-height: 26px;
background-size: 100% 100%;
margin-bottom: 7px;
margin-bottom: 12px;
color: #02D9FD !important;
}
......@@ -572,3 +578,7 @@ table td {
background-clip: initial;
background-color: rgb(80, 142, 235);
}
// 下拉框
.el-menu--popup{
padding-top: 20px;
}
......
......@@ -137,7 +137,8 @@ ul li {
}
.mb-5 {
margin-bottom: 5px;
margin-bottom: 10px!important;
margin-top: 10px!important;
}
.pr-5 {
......@@ -149,7 +150,8 @@ ul li {
}
.mt-10 {
margin-top: 10px;
margin-top: 20px!important;
margin-bottom: 5px!important;
}
//flex 公共样式
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="5">
<el-form-item label="行政区" label-width="80px">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="行政区" label-width="80px">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="5">
<el-form-item label="行政区" label-width="80px">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......@@ -81,12 +81,12 @@
</template>
<script>
// 地役权登记
import data from "./data"
import qlfQlDyiq from '@/api/qlfQlDyiq'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/TreeSelect.vue'
export default {
// 地役权登记
import data from "./data"
import qlfQlDyiq from '@/api/qlfQlDyiq'
import tableMixin from '@/mixins/tableMixin.js'
import treeSelect from '@/components/TreeSelect.vue'
export default {
name: "dyiq",
mixins: [tableMixin],
components: {
......@@ -157,8 +157,8 @@ export default {
}
}
}
}
}
</script>
<style scoped lang="scss">
// @import "~@/styles/public.scss";
// @import "~@/styles/public.scss";
</style>
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="行政区">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="5">
<el-form-item label="业务号">
<el-input v-model="form.YWH" clearable placeholder="业务号"></el-input>
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="行政区">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="行政区">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
......@@ -6,7 +6,7 @@
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-col :span="6" class="mb-5">
<el-form-item label="行政区">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="行政区">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
......@@ -6,7 +6,7 @@
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-col :span="6" class="mb-5">
<el-form-item label="行政区">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="行政区">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="行政区">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="行政区" label-width="106px">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
......@@ -6,7 +6,7 @@
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="5">
<el-col :span="5" class="mb-5">
<el-form-item label="行政区" label-width="80px">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
......
......@@ -5,7 +5,7 @@
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="行政区">
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
......@@ -59,7 +59,7 @@
<el-col :span="3">
<el-form-item label="检查结果" prop="jcjg">
<el-select v-model="form.jcjg" class="width100" clearable placeholder="检查结果">
<el-option v-for="item in dicData['sysSjsbCkeck']" :key="item.DCODE" :label="item.DNAME"
<el-option v-for="item in dicData['sysSjsbCkeck']" class="lastdom" :key="item.DCODE" :label="item.DNAME"
:value="item.DCODE">
</el-option>
</el-select>
......@@ -69,7 +69,7 @@
<el-col :span="3">
<el-form-item label="入库结果" prop="rkjg">
<el-select v-model="form.rkjg" class="width100" clearable placeholder="入库结果">
<el-option v-for="item in dicData['sysSjsbStorage']" :key="item.DCODE" :label="item.DNAME"
<el-option v-for="item in dicData['sysSjsbStorage']" class="lastdom" :key="item.DCODE" :label="item.DNAME"
:value="item.DCODE">
</el-option>
</el-select>
......@@ -99,17 +99,17 @@
</template>
<script>
// 接收报文查询
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
import { getReceiveDataReportPage } from "@/api/dataReport.js";
// 引入详情弹框
import dataDetails from "@/components/EditDialog";
//引入日期处理方法
import { timeFormat } from "@/utils/operation";
export default {
// 接收报文查询
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
import { getReceiveDataReportPage } from "@/api/dataReport.js";
// 引入详情弹框
import dataDetails from "@/components/EditDialog";
//引入日期处理方法
import { timeFormat } from "@/utils/operation";
export default {
name: "jsbwcx",
mixins: [tableMixin],
// 注册组件
......@@ -288,12 +288,16 @@ export default {
}
},
}
}
}
</script>
<style scoped lang="scss">
// 引入表单整体样式
// // @import "~@/styles/public.scss";
// 引入当前css
@import "./index.scss";
// 引入表单整体样式
// // @import "~@/styles/public.scss";
// 引入当前css
@import "./index.scss";
.lastdom:nth-child(3) {
margin-bottom: 0px;
}
</style>
......