From 332cb84f4e7dad39dc4d7e8a2d2a0717dcf72588 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Thu, 01 Sep 2022 11:57:23 +0800
Subject: [PATCH] 添加返回引导页
---
src/views/land/cs.vue | 138 ++++++++++++++++++++++++++++++++++-----------
1 files changed, 104 insertions(+), 34 deletions(-)
diff --git a/src/views/land/cs.vue b/src/views/land/cs.vue
index 715c834..0e0d4a9 100644
--- a/src/views/land/cs.vue
+++ b/src/views/land/cs.vue
@@ -15,7 +15,7 @@
<el-option label="果园" value="2"></el-option>
<el-option label="鱼塘" value="3"></el-option>
<el-option label="山地" value="4"></el-option>
- <el-option label="养殖区" value="4"></el-option>
+ <el-option label="养殖区" value="5"></el-option>
</el-select>
</div>
<!-- <div style="float: left; margin-left: 15px">-->
@@ -40,9 +40,9 @@
></el-input>
</div>
</div>
- <div>
- <el-button size="small">
- <span style="color: #5abf78" @click="goToMapModel(row)">进入地图模式</span>
+ <div class="edit">
+ <el-button size="small" @click="goToMapModel(row)">
+ <span style="color: #5abf78">进入地图模式</span>
</el-button>
<el-button
type="success"
@@ -52,25 +52,7 @@
>圈地</el-button>
</div>
</div>
- <div class="landhome">
- <div
- class="land"
- v-for="(item, index) in farmPlanList"
- :key="index"
- @click="landInfo(item)"
- >
- <div class="land-img">
- <img :src="item.url" class="landimg" />
- </div>
- <div class="text">
- <div class="land-name">{{ item.landName }}</div>
- <div class="land-area">
- <div class="box">{{ item.landArea }} {{ item.dica }}</div>
- </div>
- </div>
- </div>
- </div>
- <div class="el-page">
+ <div class="el-page" style="text-align: center;">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -82,6 +64,34 @@
:total="page.total"
></el-pagination>
</div>
+
+ <div class="landhome">
+ <div
+ class="land"
+ v-for="(item, index) in farmPlanList"
+ :key="index"
+ @click="landInfo(item)"
+ >
+ <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>
+ <div class="land-area">
+ <div class="box">{{ item.landArea}} {{ item.dica }}</div>
+ </div>
+ </div>
+ </div>
+ </div>
<landAdd v-if="landVisible" ref="land" @refreshOnLoad="onLoad"></landAdd>
</div>
</template>
@@ -90,6 +100,7 @@
import { mapGetters } from "vuex"
import { getList } from "@/api/land/land"
import landAdd from "./landAdd"
+import fixed from "@/util/mathHandler"
export default {
components: {
landAdd,
@@ -98,17 +109,18 @@
data () {
return {
formInline: {
- stype: "0",
+ stype: "",
state: "0",
keyword: "",
},
query: {},
- value: false,
+ farm: {},
+ value: true,
farmingCount: 0,
landVisible: false,
farmPlanList: [],
page: {
- pageSize: 4,
+ pageSize: 12,
currentPage: 1,
total: 0,
},
@@ -126,10 +138,30 @@
}
},
computed: {
- ...mapGetters(["userInfo"]),
+ ...mapGetters(["userInfo", "$farmId"]),
+ },
+ watch: {
+ '$farmId': {
+ handler (newName, oldName) {
+ // this.farm.id = newName
+ //地块页面
+ setTimeout(() => {
+ this.onLoad()
+ }, 100);
+
+ }
+ }
},
created () {
- this.onLoad()
+ this.$EventBus.$on('getFarmObj', (farmObj)=>{
+ // this.$nextTick(() => {
+ // this.$EventBus.$emit("setFarmId", farmObj.id);
+ // });
+ setTimeout(() => {
+ this.$EventBus.$emit("setFarmId", farmObj.id);
+ }, 100);
+ })
+ this.onLoad(this.page)
},
methods: {
//圈地
@@ -143,6 +175,7 @@
stypeChange (value) {
this.query["landType"] = value
this.onLoad(this.page, this.query)
+ this.page.currentPage = 1
},
//库存 select 改变事件
stateChange (value) {
@@ -165,15 +198,30 @@
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
this.$router.push({
path: `/LandDetail`,
query: item,
})
},
onLoad (page, params = {}) {
- getList(1, 10, Object.assign(params, this.query)).then(res => {
+ if (typeof (page) == "undefined") {
+ page = this.page
+ }
+ Object.assign(params, { farmId: this.$farmId })
+ getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
const data = res.data.data
+ this.page.total = data.total
this.farmPlanList = data.records
+ this.farmPlanList.forEach((e) => {
+ e.landArea = fixed.fixedNum(e.landArea)
+ })
})
},
//进入地图模式
@@ -198,6 +246,13 @@
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
+
+ // .el-page{
+ // text-align: right;
+ // }
+ // .el-pagination{
+ // text-align: right;
+ // }
}
.wraaper-box {
@@ -211,8 +266,8 @@
.landhome {
padding: 10px;
- wdith: 100%;
- height: 100%;
+ width: 100%;
+ height: 88%;
display: flex;
box-sizing: border-box;
flex-wrap: wrap;
@@ -227,17 +282,29 @@
.land-img {
width: 100%;
- height: 280px;
+ // height: 280px;
+ height: 240px;
margin: 0 auto;
text-align: center;
+ position: relative;
.landimg {
width: 100%;
- height: 280px;
+ // height: 280px;
+ height: 240px;
//border-radius: 100px;
//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 {
@@ -265,7 +332,7 @@
left: 1;
bottom: 0;
margin: auto;
- width: 80px;
+ width: 120px;
height: 24px;
line-height: 24px;
border: 1px solid #64c3a4;
@@ -289,4 +356,7 @@
text-align: center;
}
}
+.edit {
+ padding-left: 13px;
+}
</style>
--
Gitblit v1.9.3