打印

Signed-off-by: liuboyan <632697560@qq.com>

package-lock.json

@@ -2455,6 +2455,14 @@
       "resolved": "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.6.tgz?cache=0&sync_timestamp=1617697843139&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.6.tgz",
       "integrity": "sha1-kXUNtQfSZkLyJbDsYGRWjl/kSNY="
     },
+    "vue3-print-nb": {
+      "version": "0.1.4",
+      "resolved": "https://registry.nlark.com/vue3-print-nb/download/vue3-print-nb-0.1.4.tgz",
+      "integrity": "sha1-Ee4++IV8NLQD+3gtpyLoKrfiCVI=",
+      "requires": {
+        "vue": "^3.0.5"
+      }
+    },
     "vuex": {
       "version": "4.0.0",
       "resolved": "https://registry.npm.taobao.org/vuex/download/vuex-4.0.0.tgz",

package.json

@@ -19,6 +19,7 @@
     "js-cookie": "^2.2.1",
     "vue": "^3.0.5",
     "vue-router": "^4.0.5",
+    "vue3-print-nb": "^0.1.4",
     "vuex": "^4.0.0"
   },
   "devDependencies": {

src/main.js

@@ -9,11 +9,14 @@ import ElementPlus from 'element-plus'
 import 'dayjs/locale/zh-cn'
 import locale from 'element-plus/lib/locale/lang/zh-cn'
 import 'element-plus/lib/theme-chalk/index.css'
+//  打印
+import print from 'vue3-print-nb'
 //  全局样式
 import 'css/public.scss'
 
 const app = createApp(App)
 app.use(routers)
 app.use(store)
+app.use(print)
 app.use(ElementPlus, { locale })
 app.mount('#app')

src/views/dangerManage/dangerManage.vue

@@ -547,6 +547,38 @@
         </el-button>
       </div>
     </el-drawer>
+    <el-drawer
+      v-model="printShow"
+      title="打印报告"
+      :size="900"
+      custom-class="table-dialog"
+    >
+      <div class="drawer-body">
+        <div id="printTest">
+          <p>锄禾日当午</p>
+          <p>锄禾日当午</p>
+          <p>锄禾日当午</p>
+          <p>锄禾日当午</p>
+          <p>锄禾日当午</p>
+          <p>锄禾日当午</p>
+        </div>
+      </div>
+      <div class="drawer-footer">
+        <el-button
+          v-print="'#printTest'"
+          size="medium"
+          type="primary"
+        >
+          打印
+        </el-button>
+        <el-button
+          size="medium"
+          @click="printShow = false"
+        >
+          取消
+        </el-button>
+      </div>
+    </el-drawer>
     <el-dialog
       v-model="closeDangerFormShow"
       title="关闭隐患"
@@ -689,6 +721,8 @@ export default {
       //  语音
       audioShow: false,
       audioUrl: '',
+      //  打印
+      printShow: false,
       //  处理进度
       progressList: [],
       //  操作记录
@@ -768,7 +802,9 @@ export default {
       downloadTableDataOfDanger({})
     },
     //  打印文件
-    printFile () {},
+    printFile () {
+      this.printShow = true
+    },
     //  获取详情
     getDetailData (row, column, event) {
       this.detailFormEdit = false