农资记录返回样式修改

guanqb

2022-08-26 3721684778158a395ba3fe890bf7e594adc6abe5

农资记录返回样式修改

 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 {