bufen

shuishen

2022-07-18 3d246e2571ca60eb71e5060a1eee2e95e7235ca7

 src/views/land/LandDetail.vue

@@ -11,6 +11,14 @@
                </div>
                <div class="dc">占地面积:{{ landArea }}{{ dica }}</div>
                <div class="dck">所属农场:{{ deptname }}</div>

                <div class="edit">
                    <el-button @click="btnGrounpShow = !btnGrounpShow" icon="el-icon-menu"></el-button>

                    <div v-show="btnGrounpShow" class="btn-grounp">
                        <el-button>删除地块</el-button>
                    </div>
                </div>
            </div>
            <div class="dv">
                <el-tabs v-model="activeName" @tab-click="handleClick">
@@ -32,8 +40,8 @@

        <el-dialog
            title="地块位置"
            class="current-map-box"
            :visible.sync="gradeBoxVisible1"
            width="width"
            :modal="true"
            :modal-append-to-body="true"
            :append-to-body="true"
@@ -42,7 +50,7 @@
            :before-close="dialogBeforeClose"
        >
            <getMapDataInThere ref="getMapData" id="getMapData" @setMapData="setMapData"></getMapDataInThere>
            <el-button>54654</el-button>
            <el-button class="save" type="success">保存</el-button>
        </el-dialog>
    </div>
</template>
@@ -94,7 +102,8 @@
                        addDisplay: true
                    }
                ],
            }
            },
            btnGrounpShow: false
        }
    },
    computed: {
@@ -215,9 +224,25 @@
}

.da {
    position: relative;
    width: 100%;
    line-height: 60px;
    background: #fff;

    .edit {
        position: absolute;
        top: 25px;
        right: 60px;

        .btn-grounp {
            padding: 0 10px;
            position: absolute;
            top: 40px;
            right: 60px;
            background: #fff;
            box-shadow: 0 0 10px 1px #ccc;
        }
    }
}

.dv {