小程序码页面添加查看大图功能和下载功能

src/views/modules/sys/deptmacode.vue

@@ -92,16 +92,35 @@
                          label="网格"
                          header-align="center"
                          align="center"></el-table-column>
-        <el-table-column prop="codeUrl"
+        <!-- <el-table-column prop="codeUrl"
                          label="小程序码"
                          header-align="center"
                          align="center">
           <template slot-scope="scope">
             <img v-if="scope.row.codeUrl"
                  :src="scope.row.codeUrl"
+                 :preview-src-list="[scope.row.codeUrl]"
                  min-width="70"
                  height="70" />
           </template>
+        </el-table-column> -->
+        <el-table-column align="center"
+                         label="小程序码"
+                         :show-overflow-tooltip="true"
+                         prop="codeUrl">
+          <template slot-scope="scope">
+            <el-popover placement="right"
+                        title=""
+                        trigger="click">
+              <el-image slot="reference"
+                        min-width="70"
+                        height="70"
+                        v-if="scope.row.codeUrl"
+                        :src="scope.row.codeUrl"
+                        :alt="scope.row.codeUrl"></el-image>
+              <el-image :src="scope.row.codeUrl"></el-image>
+            </el-popover>
+          </template>
         </el-table-column>
         <el-table-column prop="createdTime"
                          label="创建时间"
@@ -117,6 +136,10 @@
                        type="danger"
                        size="mini"
                        @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+            <el-button v-if="scope.row.codeUrl"
+                       type="danger"
+                       size="mini"
+                       @click="downloadHandle(scope.row.codeUrl)">下载</el-button>
             <el-button v-if="$hasPermission('sys:deptmacode:create') && !scope.row.codeUrl"
                        type="primary"
                        size="mini"
@@ -267,6 +290,9 @@ export default {
     clearDataForm () {
       this.dataForm.streetId = this.dataForm.communityId = this.dataForm.gridId = null
       this.communityList = this.gridList = []
+    },
+    downloadHandle (codeUrl) {
+      window.location.href = `${window.SITE_CONFIG['apiURL']}/oss/file/download?fileUrl=${codeUrl}`
     }
   }
 }