Browse Source

二维码设施

Shannon_mu 3 years ago
parent
commit
c89f6d6890

+ 1 - 1
operationSupport/src/views/deviceManagement/index.vue

@@ -55,7 +55,7 @@
                 </template>
             </zz-table>
         </div>
-        <el-dialog title="下载二维码" :visible.sync="centerDialogVisible" width="30%" center>
+        <el-dialog title="下载二维码" :visible.sync="centerDialogVisible" width="400px" center>
             <img :src="QRImg" alt="" />
             <span slot="footer" class="dialog-footer">
                 <el-button @click="centerDialogVisible = false">取 消</el-button>

+ 22 - 3
operationSupport/src/views/deviceManagement/indexFacilities.vue

@@ -26,8 +26,10 @@
                 @page-change="pageChange"
                 @selection-change="selectionChange"
             >
+                <template slot="facilityQrcode">
+                    <i class="zoniot_font zoniot-icon-erweimachakan"></i>
+                </template>
                 <template slot-scope="scope" slot="opt">
-                 
                     <div class="opt">
                         <el-tooltip effect="light" placement="bottom" content="编辑">
                             <i class="zoniot_font zoniot-icon-bianji" @click="addOrEdit('edit', scope.row)"></i>
@@ -43,10 +45,20 @@
                             <i v-if="scope.row.facilityStatus === 0" class="zoniot_font zoniot-icon-baofei ashText"></i>
                             <i v-else class="zoniot_font zoniot-icon-baofei redText" @click="Scrap(scope.row.id)"></i>
                         </el-tooltip>
+                        <el-tooltip effect="light" placement="bottom" content="下载二维码">
+                            <i class="zoniot_font zoniot-icon-erweimachakan" @click="downImg(scope.row.id)"></i>
+                        </el-tooltip>
                     </div>
                 </template>
             </zz-table>
         </div>
+        <el-dialog title="下载二维码" :visible.sync="centerDialogVisible" width="400px" center>
+            <img :src="QRImg" alt="" />
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="centerDialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
+            </span>
+        </el-dialog>
     </div>
 </template>
 
@@ -125,7 +137,8 @@ export default {
                 },
                 {
                     label: '设施二维码',
-                    prop: 'facilityQrcode'
+                    prop: 'facilityQrcode',
+                    slot: 'facilityQrcode'
                 },
                 {
                     label: '操作',
@@ -134,7 +147,9 @@ export default {
                 }
             ],
             mixins_post: 'post',
-            TypeOptions: []
+            TypeOptions: [],
+            centerDialogVisible: false,
+            QRImg: ''
         };
     },
     created() {
@@ -199,6 +214,10 @@ export default {
                 })
                 .catch(() => {});
         },
+        downImg(id) {
+            this.QRImg = `/sc-community/device/generateQRCodeImage?id=${id}&type=FACILTY`;
+            this.centerDialogVisible = !this.centerDialogVisible;
+        },
         addOrEdit(todo, data = {}) {
             new Promise((resolve) => {
                 let title = '添加设施';