From 3721684778158a395ba3fe890bf7e594adc6abe5 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Fri, 26 Aug 2022 17:29:14 +0800
Subject: [PATCH] 农资记录返回样式修改
---
src/views/land/cs.vue | 83 +++++++++++++++++++++++++----------------
1 files changed, 50 insertions(+), 33 deletions(-)
diff --git a/src/views/land/cs.vue b/src/views/land/cs.vue
index abd1538..aeede76 100644
--- a/src/views/land/cs.vue
+++ b/src/views/land/cs.vue
@@ -9,7 +9,7 @@
size="small"
@change="stypeChange"
>
- <el-option label="全部分类" value=""></el-option>
+ <el-option label="全部分类" value></el-option>
<el-option label="大田" value="0"></el-option>
<el-option label="大棚" value="1"></el-option>
<el-option label="果园" value="2"></el-option>
@@ -41,28 +41,27 @@
</div>
</div>
<div class="edit">
- <el-button size="small"
- @click="goToMapModel(row)">
- <span style="color: #5abf78">进入地图模式</span>
+ <el-button size="small" @click="goToMapModel(row)">
+ <span style="color: #5abf78">进入地图模式</span>
</el-button>
<el-button
- type="success"
- size="small"
- @click="land"
- style="margin-right: 50px;width: 80px;"
+ type="success"
+ size="small"
+ @click="land"
+ style="margin-right: 50px;width: 80px;"
>圈地</el-button>
</div>
</div>
<div class="el-page" style="text-align: center;">
<el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page="page.currentPage"
- :hide-on-single-page="value"
- :page-size="page.pageSize"
- background
- layout="total, prev, pager, next"
- :total="page.total"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="page.currentPage"
+ :hide-on-single-page="value"
+ :page-size="page.pageSize"
+ background
+ layout="total, prev, pager, next"
+ :total="page.total"
></el-pagination>
</div>
@@ -76,6 +75,14 @@
<div class="land-img">
<img v-if="item.url" :src="item.url" class="landimg" />
<img v-else src="../../../public/img/bg/noimage.jpg" class="landimg" />
+ <!-- <img
+ src="../../../public/img/97ae6951541f46e1bb2468adb5d69403.png"
+ class="pzIcon"
+ />
+ <img
+ src="../../../public/img/97ae6951541f46e1bb2468adb5d69403.png"
+ class="pzIcon"
+ />-->
</div>
<div class="text">
<div class="land-name">{{ item.landName }}</div>
@@ -107,7 +114,7 @@
keyword: "",
},
query: {},
- farm:{},
+ farm: {},
value: true,
farmingCount: 0,
landVisible: false,
@@ -131,15 +138,15 @@
}
},
computed: {
- ...mapGetters(["userInfo","$farmId"]),
+ ...mapGetters(["userInfo", "$farmId"]),
},
watch: {
- '$farmId':{
- handler (newName, oldName) {
- this.farm.id = newName
- //地块页面
- this.onLoad()
- }
+ '$farmId': {
+ handler (newName, oldName) {
+ this.farm.id = newName
+ //地块页面
+ this.onLoad()
+ }
}
},
created () {
@@ -181,23 +188,23 @@
this.onLoad(this.page)
},
landInfo (item) {
- var arr = [];
- this.$store.state.tags.tagList.forEach((item) => {
- if (item.label != "地块详情") {
- arr.push(item);
- }
- });
- this.$store.state.tags.tagList = arr;
+ var arr = []
+ this.$store.state.tags.tagList.forEach((item) => {
+ if (item.label != "地块详情") {
+ arr.push(item)
+ }
+ })
+ this.$store.state.tags.tagList = arr
this.$router.push({
path: `/LandDetail`,
query: item,
})
},
onLoad (page, params = {}) {
- if(typeof(page) == "undefined" ){
+ if (typeof (page) == "undefined") {
page = this.page
}
- Object.assign(params,{farmId:this.farm.id})
+ Object.assign(params, { farmId: this.farm.id })
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
const data = res.data.data
this.page.total = data.total
@@ -269,6 +276,7 @@
height: 240px;
margin: 0 auto;
text-align: center;
+ position: relative;
.landimg {
width: 100%;
@@ -278,6 +286,15 @@
//margin-top: 25px;
//margin-left: -25px;
}
+ // .pzIcon {
+ // width: 40px;
+ // height: 40px;
+ // border-radius: 50%;
+ // // position: absolute;
+ // // left: calc(50% - 20px);
+ // // top: 100px;
+ // justify-content: center;
+ // }
}
.text {
--
Gitblit v1.9.3