组件封装调整

shuishen

2022-02-15 5453ae1464bdd671199940a77b74072e0c1dce67

组件封装调整

 src/components/campusNav/index.vue

@@ -1,13 +1,13 @@
<template>
    <tool-small-box class="campus-nav-box">
        <template slot="tool-small-box-header">
    <public-box class="campus-nav-box">
        <template slot="public-box-header">
            <div class="title">
                <img class="icon deblurring" src="/img/icon/xndh.png" alt />
                <span>社区内导航</span>
            </div>
            <img class="close" src="/img/navicon/close.png" alt @click="closeModel" />
        </template>
        <template slot="tool-small-box-content">
        <template slot="public-box-content">
            <div class="tab">
                <ul>
                    <li @click="tabClick('步行')" :class="{on:tabOneFlag}">
@@ -60,7 +60,7 @@
                </div>
            </div>
        </template>
    </tool-small-box>
    </public-box>
</template>

<script>

 src/components/map/components/campusBuildingSearch.vue

@@ -151,7 +151,8 @@

                this.$message({
                    message: '请输入关键字',
                    type: 'warning'
                    type: 'warning',
                    duration: 1000
                })
                return
            }

 src/components/publicBox/index.vue

@@ -1,12 +1,10 @@
<template>
    <div ref="publicBox">
        <div class="container">
            <div class="header" @mousedown="move" :class="{'move': moveFlag}">
                <slot name="public-box-header"></slot>
            </div>
            <div class="content">
                <slot name="public-box-content"></slot>
            </div>
        <div class="header" @mousedown="move" :class="{'move': moveFlag}">
            <slot name="public-box-header"></slot>
        </div>
        <div class="content">
            <slot name="public-box-content"></slot>
        </div>
    </div>
</template>

 src/components/toolBigBox/index.vue

File was deleted

 src/components/toolSmallBox/index.vue

File was deleted

 src/pcviews/tool/area.vue

@@ -3,24 +3,24 @@
 * @Name: 地图测面
 * @Date: 2021-11-13 16:04:27
 * @Last Modified by: Morpheus
 * @Last Modified time: 2022-02-15 10:48:24
 * @Last Modified time: 2022-02-15 14:27:28
 */

<template>
    <tool-small-box class="tool-area">
        <template slot="tool-small-box-header">
    <public-box class="tool-area">
        <template slot="public-box-header">
            <div class="title">
                <img class="icon deblurring" src="/img/icon/tool-area.png" alt />
                <span>地图测面</span>
            </div>
            <img class="close" src="/img/navicon/close.png" alt @click="closeModel" />
        </template>
        <template slot="tool-small-box-content">
        <template slot="public-box-content">
            <el-button type="primary" size="mini" @click.stop="calcDistance">开始</el-button>

            <el-button type="danger" size="mini" @click.stop="deactivate">清除</el-button>
        </template>
    </tool-small-box>
    </public-box>
</template>

<script>

 src/pcviews/tool/layer-manage.vue

@@ -1,13 +1,13 @@
<template>
    <tool-big-box class="tool-layer">
        <template slot="too-big-box-header">
    <public-box class="tool-layer">
        <template slot="public-box-header">
            <div class="title">
                <img class="icon deblurring" src="/img/icon/tool-layer.png" alt />
                <span>图层管理</span>
            </div>
            <img class="close" src="/img/navicon/close.png" alt @click="closeModel" />
        </template>
        <template slot="too-big-box-content">
        <template slot="public-box-content">
            <div class="list-box">
                <ul v-show="signList.length > 0">
                    <li v-for="(item, index) in signList" :key="index">
@@ -22,7 +22,7 @@
                </div>
            </div>
        </template>
    </tool-big-box>
    </public-box>
</template>

<script>

 src/pcviews/tool/ranging.vue

@@ -3,24 +3,24 @@
 * @Name: 地图测距
 * @Date: 2021-11-13 16:04:27
 * @Last Modified by: Morpheus
 * @Last Modified time: 2022-02-15 10:47:42
 * @Last Modified time: 2022-02-15 14:28:44
 */

<template>
    <tool-small-box class="tool-ranging">
        <template slot="tool-small-box-header">
    <public-box class="tool-ranging">
        <template slot="public-box-header">
            <div class="title">
                <img class="icon deblurring" src="/img/icon/tool-ranging.png" alt />
                <span>地图测距</span>
            </div>
            <img class="close" src="/img/navicon/close.png" alt @click="closeModel" />
        </template>
        <template slot="tool-small-box-content">
        <template slot="public-box-content">
            <el-button type="primary" size="mini" @click.stop="calcDistance">开始</el-button>

            <el-button type="danger" size="mini" @click.stop="deactivate">清除</el-button>
        </template>
    </tool-small-box>
    </public-box>
</template>

<script>

 src/pcviews/tool/sign.vue

@@ -1,13 +1,13 @@
<template>
    <tool-big-box class="tool-sign">
        <template slot="too-big-box-header">
    <public-box class="tool-sign">
        <template slot="public-box-header">
            <div class="title">
                <img class="icon deblurring" src="/img/icon/tool-sign.png" alt />
                <span>地图标记</span>
            </div>
            <img class="close" src="/img/navicon/close.png" alt @click="closeModel" />
        </template>
        <template slot="too-big-box-content">
        <template slot="public-box-content">
            <div class="list-box">
                <ul v-show="signList.length > 0">
                    <li v-for="(item, index) in signList" :key="index">
@@ -25,7 +25,7 @@
                <el-button type="primary" size="mini" @click.stop="addSign">新增</el-button>
            </div>
        </template>
    </tool-big-box>
    </public-box>
</template>

<script>

 src/styles/pcpage/campus-nav.scss

@@ -8,6 +8,7 @@
    color: #fff;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px 2px #dddddd;

    .header {
        position: relative;

 src/styles/pcpage/tool/sign.scss

@@ -48,6 +48,7 @@

    .content {
        position: relative;
        width: 100%;
        height: calc(100% - 36px);

        .list-box {