From 07fc9a3eafde862df6f8b544210b096e7248b285 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 20 九月 2022 15:18:11 +0800
Subject: [PATCH] 1
---
src/views/Thematic/index.vue | 124 ++++++++++++++++++++++++++++++-----------
1 files changed, 90 insertions(+), 34 deletions(-)
diff --git a/src/views/Thematic/index.vue b/src/views/Thematic/index.vue
index a5e268e..e0973ed 100644
--- a/src/views/Thematic/index.vue
+++ b/src/views/Thematic/index.vue
@@ -3,54 +3,98 @@
<el-card style="height: 100%">
<el-row :gutter="20">
<el-col :span="6">
- <div class="th_title">涓撻鍦板浘</div>
+ <div class="th_title">{{ $t("themaic.name") }}</div>
</el-col>
<el-col :span="4" :offset="14">
- <el-input size="small" placeholder="璇疯緭鍏ュ唴瀹�" suffix-icon="el-icon-search" v-model="input3">
+ <el-input
+ size="small"
+ :placeholder="$t('common.pleaseInput')"
+ suffix-icon="el-icon-search"
+ v-model="input3"
+ >
</el-input>
</el-col>
</el-row>
<el-divider />
<el-row>
<el-col :span="5">
- <label style="margin-right: 10px">鍦板浘鍚嶇О:</label>
- <el-select v-model="selvalue" class="m-2" placeholder="Select" style="width: 150px">
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+ <label style="margin-right: 10px"
+ >{{ $t("themaic.maptltle") }}:</label
+ >
+ <el-select
+ v-model="selvalue"
+ class="m-2"
+ placeholder="Select"
+ style="width: 150px"
+ >
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
</el-select>
</el-col>
<el-col :span="3">
<div style="margin-top: 5px">
- <label style="margin-right: 10px">鎸夋椂闂存帓搴�:</label>
+ <label style="margin-right: 10px"
+ >{{ $t("themaic.sortbytime") }}:</label
+ >
- <i @click="changetime(1)" :class="{ active: timeindex == 1 }" class="el-icon-caret-bottom"></i>
+ <i
+ @click="changetime(1)"
+ :class="{ active: timeindex == 1 }"
+ class="el-icon-caret-bottom"
+ ></i>
- <i @click="changetime(2)" :class="{ active: timeindex == 2 }" class="el-icon-caret-top"></i>
+ <i
+ @click="changetime(2)"
+ :class="{ active: timeindex == 2 }"
+ class="el-icon-caret-top"
+ ></i>
</div>
</el-col>
<el-col :span="3">
<div style="margin-top: 5px">
- <label style="margin-right: 10px">鎸夋祻瑙堟鏁版帓搴�:</label>
+ <label style="margin-right: 10px"
+ >{{ $t("themaic.sortbyviews") }}:</label
+ >
- <i @click="changeChecked(1)" :class="{ active: checkindex == 1 }" class="el-icon-caret-bottom"></i>
+ <i
+ @click="changeChecked(1)"
+ :class="{ active: checkindex == 1 }"
+ class="el-icon-caret-bottom"
+ ></i>
- <i @click="changeChecked(2)" :class="{ active: checkindex == 2 }" class="el-icon-caret-top"></i>
+ <i
+ @click="changeChecked(2)"
+ :class="{ active: checkindex == 2 }"
+ class="el-icon-caret-top"
+ ></i>
</div>
</el-col>
<el-col :span="10"> </el-col>
<el-col :span="3">
<div style="margin-top: 5px">
- <label style="margin-right: 10px">鍏辨壘鍒皗{ listcount }}涓粨鏋�</label>
+ {{ $t("themaic.find") }}
+ <label style="magin: 0% 15px">{{ listcount }}</label>
+ {{ $t("themaic.record") }}
</div>
</el-col>
</el-row>
<el-divider />
<el-card shadow="never" class="themic_middle_card">
- <div @click="showThematic(item)" v-for="(item, i) in middleList" class="midedle_div" :key="i">
+ <div
+ @click="showThematic(item)"
+ v-for="(item, i) in middleList"
+ class="midedle_div"
+ :key="i"
+ >
<el-card class="middle_card">
<!-- <div>
-
-
-
+
+
+
</div> -->
<table>
@@ -61,31 +105,43 @@
</tr>
<tr>
<td>
- <div class="middle_image"
- :style="{ background: 'url(' + item.url + ') no-repeat center', 'background-size': '100% 100%', }">
- </div>
+ <div
+ class="middle_image"
+ :style="{
+ background: 'url(' + item.url + ') no-repeat center',
+ 'background-size': '100% 100%',
+ }"
+ ></div>
</td>
</tr>
<tr>
<td>
- <div style="position: absolute;
- bottom: 2%;
- right: 4%;"><label class="t2">{{ item.time }}</label><label class="t2">娴忚{{ item.count }}娆�</label></div>
+ <div style="position: absolute; bottom: 2%; right: 4%">
+ <label class="t2">{{ item.time }}</label
+ ><label class="t2">娴忚{{ item.count }}娆�</label>
+ </div>
</td>
</tr>
</table>
-
-
-
-
</el-card>
</div>
</el-card>
- <el-pagination layout="prev, pager, next, jumper" :total="pagesize" @size-change="handleSizeChange"
- @current-change="handleCurrentChange" />
+ <el-pagination
+ layout="prev, pager, next, jumper"
+ :total="pagesize"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ />
</el-card>
- <el-dialog class="themaic_dialog" :modal-append-to-body="true" :append-to-body="true" :show-close="false"
- :visible.sync="dialogVisible" width="99%" :before-close="handleClose">
+ <el-dialog
+ class="themaic_dialog"
+ :modal-append-to-body="true"
+ :append-to-body="true"
+ :show-close="false"
+ :visible.sync="dialogVisible"
+ width="99%"
+ :before-close="handleClose"
+ >
<map-View @close="close" :typeIndex="typeIndex"></map-View>
</el-dialog>
</div>
@@ -173,8 +229,8 @@
typeIndex: "",
};
},
- mounted(){
- this.timeindex = 7888;
+ mounted() {
+
},
methods: {
close() {
@@ -210,8 +266,8 @@
showThematic(res) {
this.typeIndex = res.index;
this.dialogVisible = true;
-
-
+
+
// var url = "http://localhost/" + res.pop;
// window.open(
--
Gitblit v1.9.3