From 21def378e54c9d31f0ca411e4a0e867ac01ec3f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B2=E6=A0=91=E9=80=9A?= <1976590620@qq.com>
Date: Wed, 8 Jan 2020 17:57:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B0=8F=E7=A8=8B=E5=BA=8F?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                         |   1 +
 src/views/modules/sys/deptmacode.vue | 209 ++++++++++++---------------
 2 files changed, 94 insertions(+), 116 deletions(-)

diff --git a/package.json b/package.json
index 466688ab..74a500e1 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "gulp-rename": "^1.4.0",
     "gulp-sass": "^4.0.2",
     "js-cookie": "^2.2.0",
+    "jsonp": "^0.2.1",
     "lodash": "^4.17.11",
     "node-sass": "^4.9.3",
     "qs": "^6.5.2",
diff --git a/src/views/modules/sys/deptmacode.vue b/src/views/modules/sys/deptmacode.vue
index d4ce31b1..cdc5caba 100644
--- a/src/views/modules/sys/deptmacode.vue
+++ b/src/views/modules/sys/deptmacode.vue
@@ -1,27 +1,23 @@
 <template>
-  <el-card shadow="never" class="aui-card--fill">
+  <el-card shadow="never"
+           class="aui-card--fill">
     <div class="mod-sys__deptmacode}">
-      <el-form
-        :inline="true"
-        :model="dataForm"
-        @keyup.enter.native="getDataList()"
-      >
+      <el-form :inline="true"
+               :model="dataForm"
+               @keyup.enter.native="getDataList()">
         <el-form-item label="所属机构">
-          <el-cascader
-            v-model="deptIdList"
-            :options="options"
-            :props="{ checkStrictly: true }"
-            clearable
-          ></el-cascader>
+          <el-cascader v-model="deptIdList"
+                       :options="options"
+                       :props="{ checkStrictly: true }"
+                       clearable></el-cascader>
         </el-form-item>
         <el-form-item label="小程序码类别">
-          <el-select v-model="dataForm.leaderFlag" placeholder="小程序码类别">
-            <el-option
-              v-for="item in maCodeCategorys"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            >
+          <el-select v-model="dataForm.leaderFlag"
+                     placeholder="小程序码类别">
+            <el-option v-for="item in maCodeCategorys"
+                       :key="item.id"
+                       :label="item.name"
+                       :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
@@ -29,7 +25,8 @@
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button type="info" @click="clearDataForm()">清空</el-button>
+          <el-button type="info"
+                     @click="clearDataForm()">清空</el-button>
         </el-form-item>
         <!-- <el-form-item>
           <el-button v-if="$hasPermission('sys:deptmacode:delete') && dataForm.leaderFlag === '0'"
@@ -37,117 +34,91 @@
                      @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
         </el-form-item> -->
         <el-form-item>
-          <el-button
-            v-if="$hasPermission('sys:deptmacode:init')"
-            type="primary"
-            @click="initDeptMaCodeHandle()"
-            >初始化</el-button
-          >
+          <el-button v-if="$hasPermission('sys:deptmacode:init')"
+                     type="primary"
+                     @click="initDeptMaCodeHandle()">初始化</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button
-            v-if="$hasPermission('sys:deptmacode:leader')"
-            type="primary"
-            @click="createGridLeaderMaCodeHandle()"
-            >生成网格长注册码</el-button
-          >
+          <el-button v-if="$hasPermission('sys:deptmacode:leader')"
+                     type="primary"
+                     @click="createGridLeaderMaCodeHandle()">生成网格长注册码</el-button>
         </el-form-item>
       </el-form>
-      <el-table
-        v-loading="dataListLoading"
-        :data="dataList"
-        border
-        @selection-change="dataListSelectionChangeHandle"
-        style="width: 100%;"
-      >
+      <el-table v-loading="dataListLoading"
+                :data="dataList"
+                border
+                @selection-change="dataListSelectionChangeHandle"
+                style="width: 100%;">
         <!-- <el-table-column type="selection"
                          header-align="center"
                          align="center"
                          width="50"></el-table-column> -->
-        <el-table-column
-          prop="street"
-          label="街道"
-          header-align="center"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="community"
-          label="社区"
-          header-align="center"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="grid"
-          label="网格"
-          header-align="center"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="小程序码"
-          :show-overflow-tooltip="true"
-          prop="codeUrl"
-        >
+        <el-table-column prop="street"
+                         label="街道"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="community"
+                         label="社区"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="grid"
+                         label="网格"
+                         header-align="center"
+                         align="center"></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 placement="right"
+                        title=""
+                        trigger="click"
+                        class="big_image">
+              <el-image slot="reference"
+                        min-width="70"
+                        height="70"
+                        v-if="scope.row.codeUrl"
+                        :src="scope.row.codeUrl"
+                        :alt="scope.row.codeUrl"></el-image>
+              <img class="big_image"
+                   :src="scope.row.codeUrl" />
             </el-popover>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="createdTime"
-          label="创建时间"
-          header-align="center"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          :label="$t('handle')"
-          fixed="right"
-          header-align="center"
-          align="center"
-          width="150"
-        >
+        <el-table-column prop="createdTime"
+                         label="创建时间"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column :label="$t('handle')"
+                         fixed="right"
+                         header-align="center"
+                         align="center"
+                         width="150">
           <template slot-scope="scope">
             <!-- <el-button v-if="$hasPermission('sys:deptmacode:delete') && scope.row.codeUrl && scope.row.leaderFlag === '0'"
                        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="
+            <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"
-              @click="createDeptMaCodeHandle(scope.row.gridId)"
-              >生成</el-button
-            >
+                       type="primary"
+                       size="mini"
+                       @click="createDeptMaCodeHandle(scope.row.gridId)">生成</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle"
-      >
+      <el-pagination :current-page="page"
+                     :page-sizes="[10, 20, 50, 100]"
+                     :page-size="limit"
+                     :total="total"
+                     layout="total, sizes, prev, pager, next, jumper"
+                     @size-change="pageSizeChangeHandle"
+                     @current-change="pageCurrentChangeHandle">
       </el-pagination>
     </div>
   </el-card>
@@ -192,7 +163,7 @@ export default {
         }
         this.options = res.data.options
       })
-      .catch(() => {})
+      .catch(() => { })
   },
   watch: {
     'deptIdList': function (val) {
@@ -245,9 +216,9 @@ export default {
                 }
               })
             })
-            .catch(() => {})
+            .catch(() => { })
         })
-        .catch(() => {})
+        .catch(() => { })
     },
     createGridLeaderMaCodeHandle () {
       this.$confirm(
@@ -275,9 +246,9 @@ export default {
                 }
               })
             })
-            .catch(() => {})
+            .catch(() => { })
         })
-        .catch(() => {})
+        .catch(() => { })
     },
     initDeptMaCodeHandle () {
       this.$confirm('初始化所有网格的小程序码', this.$t('初始化'), {
@@ -308,9 +279,9 @@ export default {
                 }
               })
             })
-            .catch(() => {})
+            .catch(() => { })
         })
-        .catch(() => {})
+        .catch(() => { })
     },
     clearDataForm () {
       this.dataForm.streetId = this.dataForm.communityId = this.dataForm.gridId = null
@@ -322,3 +293,9 @@ export default {
   }
 }
 </script>
+<style scoped>
+.big_image {
+  width: 300px;
+  height: 300px;
+}
+</style>