xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-09-23 11:24:58 +08:00
parent ef0ec678aa
commit 23f8aa0b4d
9 changed files with 84 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

BIN
src/assets/images/yl/ylbt_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
src/assets/images/yl/ylbt_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
src/assets/images/yl/ylbt_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

BIN
src/assets/images/yl/ylbt_4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 107 KiB

BIN
src/assets/images/yl/ylbt_5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

BIN
src/assets/images/yl/ylbt_6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

13
src/view/table_gk/gk_yl.vue
View File

@ -961,45 +961,46 @@ const getData = () => {
.left_1 { .left_1 {
cursor: pointer; cursor: pointer;
background-image: url(@/assets/images/yl/ylbx_ylbxffrc.png); background-image: url(@/assets/images/yl/ylbt_1.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left_1_1 { .left_1_1 {
cursor: pointer; cursor: pointer;
background-image: url(@/assets/images/yl/ylbx_ylbxje.png); background-image: url(@/assets/images/yl/ylbt_2.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left_2 { .left_2 {
cursor: pointer; cursor: pointer;
background-image: url(@/assets/images/yl/gllrbt_btrc.png); background-image: url(@/assets/images/yl/ylbt_3.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left_2_1 { .left_2_1 {
cursor: pointer; cursor: pointer;
background-image: url(@/assets/images/yl/gllrbt_btje.png); background-image: url(@/assets/images/yl/ylbt_4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left_3 { .left_3 {
cursor: pointer; cursor: pointer;
background-image: url(@/assets/images/yl/tkdb_ffrc.png); background-image: url(@/assets/images/yl/ylbt_5.png);
// background-image: url(@/assets/images/yl/new_tklrjz.png); // background-image: url(@/assets/images/yl/new_tklrjz.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left_3_1 { .left_3_1 {
cursor: pointer; cursor: pointer;
background-image: url(@/assets/images/yl/tkdb_bzje.png); background-image: url(@/assets/images/yl/ylbt_6.png);
// background-image: url(@/assets/images/yl/new_tklrjz.png); // background-image: url(@/assets/images/yl/new_tklrjz.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.center_1 { .center_1 {
background-image: url(@/assets/images/yl/new_lnrzb.png); background-image: url(@/assets/images/yl/new_lnrzb.png);
background-repeat: no-repeat; background-repeat: no-repeat;

175
src/view/yl.vue
View File

@ -2,38 +2,15 @@
<div class="module"> <div class="module">
<div class="displayFlex left_bg"> <div class="displayFlex left_bg">
<div class="flex1"> <div class="flex1">
<div class="yd_title left_1"> <div
class="yd_title"
:class="leftchoose.first == '1' ? 'left_1' : 'left_1_1'"
@click="change2('first')"
>
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
</div> </div>
<span class="text">
<img
v-if="leftchoose.first == '1'"
src="@/assets/images/ylbx_1.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/ylbx_1_1.png"
class="c"
@click="change('first', '1')"
/>
<img
v-if="leftchoose.first == '2'"
src="@/assets/images/ylbx_1.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/ylbx_2_1.png"
class="c"
@click="change('first', '2')"
style="height: 35px; width: 120px; margin-right: 10px"
/>
</span>
</div> </div>
<ePie <ePie
v-if="leftchoose.first == '1' && showEchart" v-if="leftchoose.first == '1' && showEchart"
@ -49,37 +26,12 @@
></ePie2> ></ePie2>
</div> </div>
<div class="flex1" style="margin-top: 10px"> <div class="flex1" style="margin-top: 10px">
<div class="yd_title left_2"> <div class="yd_title " :class="leftchoose.second == '1' ? 'left_2' : 'left_2_1'"
@click="change2('second')">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
</div> </div>
<span class="text">
<img
v-if="leftchoose.second == '1'"
src="@/assets/images/gllrbt_1.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/gllrbt_1_1.png"
class="c"
@click="change('second', '1')"
/>
<img
v-if="leftchoose.second == '2'"
src="@/assets/images/gllrbt_2.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/gllrbt_2_1.png"
class="c"
@click="change('second', '2')"
/>
</span>
</div> </div>
<eP2 <eP2
v-if="leftchoose.second == '1' && showEchart" v-if="leftchoose.second == '1' && showEchart"
@ -95,37 +47,15 @@
/> />
</div> </div>
<div class="flex1" style="margin-top: 10px"> <div class="flex1" style="margin-top: 10px">
<div class="yd_title left_3"> <div
class="yd_title"
:class="leftchoose.third == '1' ? 'left_3' : 'left_3_1'"
@click="change2('third')"
>
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
</div> </div>
<span class="text">
<img
v-if="leftchoose.third == '1'"
src="@/assets/images/tkjz_1.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/tkjz_1_1.png"
class="c"
@click="change('third', '1')"
/>
<img
v-if="leftchoose.third == '2'"
src="@/assets/images/tkjz_2.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/tkjz_2_1.png"
class="c"
@click="change('third', '2')"
/>
</span>
</div> </div>
<eP3 <eP3
v-if="leftchoose.third == '1' && showEchart" v-if="leftchoose.third == '1' && showEchart"
@ -424,6 +354,13 @@ const pagination = reactive({
const change = (name, index) => { const change = (name, index) => {
leftchoose.value[name] = index; leftchoose.value[name] = index;
}; };
const change2 = (name) => {
if (leftchoose.value[name] == "0") {
leftchoose.value[name] = "1";
} else {
leftchoose.value[name] = "0";
}
};
const chooseVillage = (village) => { const chooseVillage = (village) => {
tableType.title = village; tableType.title = village;
tableType.columns = xz_column.value; tableType.columns = xz_column.value;
@ -789,18 +726,18 @@ const getData = () => {
} }
} }
.text { // .text {
display: flex; // display: flex;
position: absolute; // position: absolute;
font-size: 16px; // font-size: 16px;
font-family: SourceHanSansCN; // font-family: SourceHanSansCN;
font-weight: bold; // font-weight: bold;
color: #ffffff; // color: #ffffff;
position: absolute; // position: absolute;
right: 5px; // right: 5px;
top: 1px; // top: 1px;
align-items: center; // align-items: center;
} // }
.c { .c {
width: 130px; width: 130px;
@ -939,22 +876,64 @@ const getData = () => {
} }
.left_1 { .left_1 {
background-image: url(@/assets/images/yl/new_ylbx.png); cursor: pointer;
background-image: url(@/assets/images/yl/ylbt_1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.left_1_1 {
cursor: pointer;
background-image: url(@/assets/images/yl/ylbt_2.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left_2 { .left_2 {
background-image: url(@/assets/images/yl/new_gllrbt.png); cursor: pointer;
background-image: url(@/assets/images/yl/ylbt_3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.left_2_1 {
cursor: pointer;
background-image: url(@/assets/images/yl/ylbt_4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left_3 { .left_3 {
background-image: url(@/assets/images/yl/new_tklrjz.png); cursor: pointer;
background-image: url(@/assets/images/yl/ylbt_5.png);
// background-image: url(@/assets/images/yl/new_tklrjz.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left_3_1 {
cursor: pointer;
background-image: url(@/assets/images/yl/ylbt_6.png);
// background-image: url(@/assets/images/yl/new_tklrjz.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
// .left_1 {
// background-image: url(@/assets/images/yl/new_ylbx.png);
// background-repeat: no-repeat;
// background-size: 100% 100%;
// }
// .left_2 {
// background-image: url(@/assets/images/yl/new_gllrbt.png);
// background-repeat: no-repeat;
// background-size: 100% 100%;
// }
// .left_3 {
// background-image: url(@/assets/images/yl/new_tklrjz.png);
// background-repeat: no-repeat;
// background-size: 100% 100%;
// }
.center_1 { .center_1 {
background-image: url(@/assets/images/yl/new_lnrzb.png); background-image: url(@/assets/images/yl/new_lnrzb.png);
@ -1531,4 +1510,4 @@ const getData = () => {
background: rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1; border: 1px solid #6bade1;
} }
</style> </style>