消防安全管理添加扫码查看检查记录

src/views/firefighting/points/components/list.vue

@@ -73,7 +73,7 @@
               <el-tag v-else type="danger">否</el-tag>
             </template>
           </el-table-column>
-          <el-table-column label="操作" width="380">
+          <el-table-column label="操作" width="450">
             <template slot-scope="{row}">
               <el-button
                 v-show="true"
@@ -97,6 +97,14 @@
                 size="mini"
                 @click="handleDelete(row)">删除
               </el-button>
+              <!-- 新增按钮：检查记录二维码 -->
+              <el-button
+                class="tiffany-btn"
+                icon="el-icon-document"
+                type="info"
+                size="mini"
+                @click="handleShowRecordQr(row)">检查记录二维码
+              </el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -143,6 +151,22 @@
         <el-button v-print="'#printTest'" type="primary">打 印</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog :visible.sync="dialogRecordFormShow" title="查看检查记录二维码" width="680px" class="top-dialog">
+      <div id="recordPrintTest" style="border: 1px solid #fff;">
+        <div class="level-title" style="margin-top:20px">
+          <h1>检查记录二维码</h1>
+        </div>
+        <div class="table-qrcode">
+          <vue-qr :text="recordQrcodeStr" :margin="0" :size="300" color-dark="#000" color-light="#fff" />
+        </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogRecordFormShow = false">关 闭</el-button>
+        <el-button v-print="'#recordPrintTest'" type="primary">打 印</el-button>
+      </div>
+    </el-dialog>
+
     <el-dialog v-loading ="listLoading" :visible.sync="dialogEditUser" title="批量修改负责人" width="800px">
       <el-form ref="firefightingBatchEditDept" :model="dialogEditUserForm" :rules="dialogEditUserRules" label-width="150px">
         <el-row>
@@ -157,7 +181,6 @@
         <el-button @click="dialogEditUser = false">取 消</el-button>
         <el-button type="primary" @click="dialogEditUserConfirm">确 定</el-button>
       </div>
-
     </el-dialog>
   </div>
 </template>
@@ -171,9 +194,7 @@ import waves from '@/directive/waves' // waves directive
 import SelectTree from '@/components/SelectTree'
 
 export default {
-
   components: { Pagination, SelectTree, vueQr },
-
   directives: { waves },
   data() {
     return {
@@ -181,7 +202,9 @@ export default {
       addBtnType: true,
       listLoading: true,
       dialogFormShow: false,
+      dialogRecordFormShow: false,
       qrcodeStr: '',
+      recordQrcodeStr: '',
       qrInfo: {},
       add: false,
       del: false,
@@ -246,39 +269,36 @@ export default {
     handleShowQr(ROW) {
       this.dialogFormShow = true
       this.qrInfo = ROW
-      // 2024-07-22 齐金城确认后，将代码还原，如果不还原则无法显示H5页面和。created by liu jun
       this.qrcodeStr = this.config.weburlWaiwang + 'static/qrcode/views/bsbw/point_list.html?id=' + ROW.FIRE_POINT_ID
-      // const json = {
-      //   MANAGER_TYPE: 'fireListManager',
-      //   FIRE_POINT_ID: ROW.FIRE_POINT_ID
-      // }
-      // const jsonStr = JSON.stringify(json)
-      // this.qrcodeStr = jsonStr
+    },
+    handleShowRecordQr(ROW) {
+      this.dialogRecordFormShow = true
+      const json = {
+        MANAGER_TYPE: 'fireListManager',
+        USER_ID: ROW.USER_ID,
+        DEPARTMENT_ID: ROW.DEPARTMENT_ID
+      }
+      this.recordQrcodeStr = JSON.stringify(json)
     },
     handleEdit(FIRE_POINT_ID) {
       this.$parent.FIRE_POINT_ID = FIRE_POINT_ID
       this.$parent.activeName = 'Edit'
     },
     selectable(row, index) {
-      // return row.DEVICE_COUNT == 0
       return true
     },
     getRowKey(row) {
       return row.FIRE_POINT_ID
     },
-    // 添加
     handleAdd() {
       this.$parent.activeName = 'Edit'
       this.$parent.FIRE_POINT_ID = ''
       this.$parent.FIRE_POINT_CODE = ''
       this.$parent.FIRE_POINT_NAME = ''
     },
-    // 搜索
     getQuery() {
-      // this.$refs.multipleTable.clearSelection()
       this.getList()
     },
-    // 获取列表
     getList(pid) {
       this.listLoading = true
       this.varList = []
@@ -299,7 +319,8 @@ export default {
       }).catch((e) => {
         this.listLoading = false
       })
-    }, goKeyReset() {
+    },
+    goKeyReset() {
       this.FIRE_POINT_NAME = ''
       this.FIRE_POINT_CODE = ''
       this.IS_PUNCTUATION = ''
@@ -345,7 +366,6 @@ export default {
           this.listLoading = false
         })
     },
-    // 部门列表树
     getTreeData() {
       requestFN(
         '/department/listTreeV2',
@@ -355,7 +375,6 @@ export default {
       }).catch((e) => {
       })
     },
-    // 批量修改负责人
     handleEditUser(row) {
       this.editDataIds = []
       if (row.FIRE_POINT_ID) {
@@ -505,15 +524,15 @@ export default {
 }
 </script>
 
-<style scoped >
+<style scoped>
 .returnBtn {
   float: right;
 }
 .app-container {
-  display: flex; /**/
+  display: flex;
   align-items: baseline;
 }
-.table-qrcode{
+.table-qrcode {
   text-align: center;
   padding-top: 20px;
   width: 100%;