增加图片放大效果

src/views/modules/sys/reportmacode.vue

@@ -33,7 +33,7 @@
                          header-align="center"
                          align="center"></el-table-column>
         <el-table-column align="center"
-                         label="报事码"
+                         label="网格报事码"
                          :show-overflow-tooltip="true"
                          prop="codeUrl">
           <template slot-scope="scope">
@@ -166,7 +166,7 @@ export default {
   methods: {
     createDeptMaCodeHandle (id) {
       this.$confirm(
-          this.$t('prompt.info', { handle: '生成报事码' }),
+          this.$t('prompt.info', { handle: '生成网格报事码' }),
           this.$t('生成'),
           {
             confirmButtonText: this.$t('confirm'),
@@ -195,7 +195,7 @@ export default {
           .catch(() => { })
     },
     initDeptMaCodeHandle () {
-      this.$confirm('加载全部网格，加载完成后可在操作栏生成报事码', this.$t('初始化'), {
+      this.$confirm('加载全部网格，加载完成后可在操作栏生成网格报事码', this.$t('初始化'), {
         confirmButtonText: this.$t('confirm'),
         cancelButtonText: this.$t('cancel'),
         type: 'warning'
@@ -227,7 +227,9 @@ export default {
                   loading.close()
                 })
           })
-          .catch(() => { })
+          .catch(() => {
+            loading.close()
+          })
     },
     clearDataForm () {
       this.dataForm.streetId = this.dataForm.communityId = this.dataForm.gridId = null
@@ -263,3 +265,9 @@ export default {
   }
 }
 </script>
+<style scoped>
+.big_image {
+  width: 300px;
+  height: 300px;
+}
+</style>