打印按钮样式

guanqb

2024-01-02 fc2890401bd2435a132c5cdae470bd9fae0c7546

打印按钮样式

 src/views/securityGuard/securityGuardDetail.vue

@@ -2,9 +2,11 @@
    <div class="dispatch">
        <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
        <span v-if="typeTABS.prop === 'tab1'" class="a-f-box"
            style="display:block;width: 1100px;margin: 0 auto;padding: 0 20px;position: relative;background-color: #fff;"
            style="display:block;width: 1000px;margin: 0 auto;padding: 0 20px;position: relative;background-color: #fff;"
            id="avuePageEle">
            <avue-form ref="form" v-model="obj0" :option="option0"> </avue-form>
        </span>
        <span v-if="typeTABS.prop === 'tab1'" class="a-f-box-btn">
            <div class="printBtn">
                <el-button type="primary" @click="printBAInfo">打印</el-button>
            </div>
@@ -783,11 +785,13 @@
        background: #fff;
        position: relative;

        .printBtn {
            position: absolute;
            top: 0;
            right: -100px;
        }

    }

    .printBtn {
        position: absolute;
        top: 108px;
        right: 200px;
    }
}