个人模块的打印

linwenling

2023-09-12 3e7541914cce9120aba1288eac7b56127d94300c

 ruoyi-ui/src/views/healthy/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="app-container">
  <div class="app-container" id="printable-content">
    <!--    回到顶部-->
    <el-backtop :bottom="150" :right="30">
      <el-button type="primary" circle
@@ -102,20 +102,41 @@
      </div>


      <div style="padding-left:100px;padding-top:40px" >
      <div style="padding-left:400px;padding-top:30px" >
        <el-container >


          <el-row  >
          <el-row :gutter="10" class="mb8">
            <el-col  >
            <el-button
              type="primary"
                plain
              @click="handleEdit()"
                style="width: 80px;height: 32px;background: #E0EEFE;"
              v-if="isShow"
              v-hasPermi="['system:role:edit']"
            >编辑</el-button>
            <el-button v-if="isShow_2" type="primary" @click="submitForm" :disabled="dsb">完成</el-button>
              <el-button v-if="isShow_2"  style="width: 80px;height: 32px;background: #E0EEFE;" @click="submitForm" :disabled="dsb">完成</el-button>
            <br>

            </el-col>

            <el-col style="padding-top: 10px;">
              <el-button
                plain
                style="width: 80px;height: 32px;background: #D2F3E0;"
                @click="handleExport"
                v-hasPermi="['family:note:export']"
              >导出</el-button></el-col>

            <el-col style="padding-top: 10px;">
              <el-button
                plain
                style="width: 80px;height: 32px;background: #FFDDE3;"
                v-print="'#printable-content'"
                v-hasPermi="['family:note:export']"
              >打印</el-button></el-col>


          </el-row>

        </el-container>