活动计划列表按钮调整

src/pages/activity/ActivityPlan.vue

@@ -78,7 +78,27 @@
                border
                @on-row-dblclick="showDetail"
                :columns="columns1"
-               :data="data"></Table>
+               :data="data">
+            <!-- <template slot-scope="{row}" slot="qrCodeAction">
+                <img :src="require('../../../static/img/qrCode-init.png')" @click="show(row)"
+                     class="table-img-qr-code"/>
+            </template> -->
+            <!-- <router-link slot-scope="{row}" slot="action"
+                :to="{path:'/shop/increase/manager/staff',query:{storeId:row.id}}">
+                <Button ghost class="router-btn"> 门店导购管理</Button>
+            </router-link> -->
+            <template slot="action" slot-scope="{row}">
+              <i-col span="12">
+                <Button ghost class="router-btn" 
+                        @click="() => {stop(row)}">终止</Button>
+              </i-col>
+              <i-col span="12">
+                <Button ghost class="router-btn"
+                        @click="() => {modify(row)}">修改</Button>
+              </i-col>
+            </template>
+            
+        </Table>
         <Page :total="totalSize"
               :current="pageNum"
               :page-size="pageSize"
@@ -101,6 +121,23 @@
       <planDetail v-if="isShowDetail"
                   :detail="detail"></planDetail>
     </Modal>
+    <!-- 预览二维码 -->
+    <Modal
+        v-model="isShow"
+        :title="showStoreName"
+        :footer-hide="true"
+        width="230"
+        class-name="vertical-center-modal"
+        @on-ok="ok">
+        <div slot="header">
+            <p></p>
+        </div>
+        <p>{{this.showStoreName}}</p>
+        <img :src="qrCodeImage" style="width:200px;height:200px;"/>
+        <div style="text-align: center;">
+            <Button ghost type="primary" @click="download(rowData)">下载</Button>
+        </div>
+    </Modal>
   </div>
 </template>
 
@@ -121,6 +158,8 @@ export default {
   data () {
     const _this = this;
     return {
+      showStoreName:"",
+      isShow: false,
       loading: false,
       isShowDetail: false,
       totalSize: 0,
@@ -129,11 +168,13 @@ export default {
       pageSize: 10,
       saving: false,
       data: [],
+      rowData: {},
       companyList: [],
       customerId: null,
       shopList: [],
       showUse: false,
       activityInstance: {},
+      qrCodeImage: '',
       formValidate: {
         date: null,
         organizationId: null,
@@ -270,35 +311,35 @@ export default {
         },
         {
           title: "操作",
-          key: "action",
+          slot: 'action',
           width: 200,
-          render (h, p) {
+          // render (h, p) {
-            let r = [
+          //   let r = [
-              h(
+          //     h(
-                "Button",
+          //       "Button",
-                {
+          //       {
-                  props: { type: "primary", size: "small" },
+          //         props: { type: "primary", size: "small" },
-                  style: { marginRight: "8px" },
+          //         style: { marginRight: "8px" },
-                  on: {
+          //         on: {
-                    click: () => _this.stop(p.row)
+          //           click: () => _this.stop(p.row)
-                  }
+          //         }
-                },
+          //       },
-                "终止"
+          //       "终止"
-              ),
+          //     ),
-              h(
+          //     h(
-                "Button",
+          //       "Button",
-                {
+          //       {
-                  props: { type: "primary", size: "small" },
+          //         props: { type: "primary", size: "small" },
-                  on: { click: () => _this.modify(p.row) }
+          //         on: { click: () => _this.modify(p.row) }
-                },
+          //       },
-                "修改"
+          //       "修改"
-              )
+          //     )
-            ];
+          //   ];
-            if (p.row.status > 2) {
+          //   if (p.row.status > 2) {
-              delete r[0];
+          //     delete r[0];
-            }
+          //   }
-            return h("div", r);
+          //   return h("div", r);
-          }
+          // }
         }
       ]
     };
@@ -453,7 +494,28 @@ export default {
           return date && (date.valueOf() > endTime);
         }
       }
-    }
+    },
+    show: function (index) {
+      this.isShow = true;
+      this.showStoreName = index.name;
+      this.qrCodeImage = index.qrCodeAction;
+      this.rowData = index;
+    },
+    hide: function () {
+      this.isShow = false;
+    },
+    // 下载二维码
+    download: function (index) {
+      let fileName = index.name + "-门店码";
+      http.downloadImg({
+          url: index.qrCodeAction
+      }, fileName, function (/*data*/) {
+
+      })
+    },
+    ok: function () {
+      this.isShow = false;
+    },
   }
 };
 </script>
@@ -462,4 +524,21 @@ export default {
 .ivu-date-picker .ivu-select-dropdown {
   left: 0 !important;
 }
+.table-width-80 {
+  width: 80px !important;
+}
+.router-btn {
+  border: none;
+  color: #3496EB !important;
+  margin-left: -15px;
+}
+.table-img-qr-code {
+  margin-left: 5px;
+  margin-top: 5px;
+  width: 30px;
+  height: 30px;
+}
+button:hover {    
+  background:inherit!important;
+}
 </style>