1

src/pages/activity/ActivityPlan.vue

@@ -1,128 +1,128 @@
 <template>
   <div>
-    <Spin v-if="saving" fix>加载中...</Spin>
+    <Spin v-if="saving"
-    <Form ref="formValidate" :model="formValidate" :label-width="80">
+          fix>加载中...</Spin>
+    <Form ref="formValidate"
+          :model="formValidate"
+          :label-width="80">
       <Row :gutter="10">
         <i-col span="6">
-          <FormItem label="选择日期" prop>
+          <FormItem label="选择日期"
-            <Date-picker
+                    prop>
-              style="width: 100%"
+            <Date-picker style="width: 100%"
                          v-model="formValidate.date"
                          type="daterange"
                          placement="bottom-end"
-              placeholder="选择日期区间"
+                         placeholder="选择日期区间"></Date-picker>
-            ></Date-picker>
           </FormItem>
         </i-col>
         <i-col span="6">
-          <FormItem label="零售公司" prop>
+          <FormItem label="零售公司"
-            <Select
+                    prop>
-              v-model="formValidate.organizationId"
+            <Select v-model="formValidate.organizationId"
                     filterable
                     @on-change="selectCompany"
                     placeholder="全部"
-              clearable
+                    clearable>
-            >
+              <Option v-for="(item, index) in companyList"
-              <Option
-                v-for="(item, index) in companyList"
                       :key="index"
-                :value="item.value"
+                      :value="item.value">{{ item.label }}</Option>
-              >{{ item.label }}</Option>
             </Select>
           </FormItem>
         </i-col>
         <i-col span="6">
-          <FormItem label="店铺" prop>
+          <FormItem label="店铺"
-            <Select v-model="formValidate.storeId" filterable placeholder="全部" clearable>
+                    prop>
-              <Option
+            <Select v-model="formValidate.storeId"
-                v-for="(item, index) in shopList"
+                    filterable
+                    placeholder="全部"
+                    clearable>
+              <Option v-for="(item, index) in shopList"
                       :key="index"
-                :value="item.value"
+                      :value="item.value">{{ item.label }}</Option>
-              >{{ item.label }}</Option>
             </Select>
           </FormItem>
         </i-col>
         <i-col span="3">
-          <FormItem label="活动状态" prop>
+          <FormItem label="活动状态"
+                    prop>
             <Select v-model="formValidate.status">
-              <Option
+              <Option v-for="(item, index) in activityStatusList"
-                v-for="(item, index) in activityStatusList"
                       :key="index"
-                :value="item.value"
+                      :value="item.value">{{ item.label }}</Option>
-              >{{ item.label }}</Option>
             </Select>
           </FormItem>
         </i-col>
         <i-col span="3">
-          <Button type="primary" @click="() => {pageNum = 1;searchTable()}">查询</Button>
+          <Button type="primary"
+                  @click="() => {pageNum = 1;searchTable()}">查询</Button>
         </i-col>
       </Row>
       <Row style="margin-top:50px">
-        <Table
+        <Table :loading="loading"
-          :loading="loading"
                border
                @on-row-dblclick="showDetail"
                :columns="columns1"
-          :data="data"
+               :data="data">
-        >
+          <template slot-scope="{row}"
-          <template slot-scope="{row}" slot="qrCodeAction">
+                    slot="qrCodeAction">
-            <img
+            <img :src="require('../../../static/img/qrCode-init.png')"
-              :src="require('../../../static/img/qrCode-init.png')"
                  @click="navigateCode(row)"
-              class="table-img-qr-code"
+                 class="table-img-qr-code" />
-            />
           </template>
-          <template slot="action" slot-scope="{row}">
+          <template slot="action"
+                    slot-scope="{row}">
             <i-col span="12">
-              <Button
+              <Button ghost
-                ghost
                       :class="row.status > 2 ? 'router-btn disable' : 'router-btn'"
-                @click="() => {stop(row)}"
+                      @click="() => {stop(row)}">终止</Button>
-              >终止</Button>
             </i-col>
             <i-col span="12">
-              <Button ghost class="router-btn" @click="() => {modify(row)}">修改</Button>
+              <Button ghost
+                      class="router-btn"
+                      @click="() => {modify(row)}">修改</Button>
             </i-col>
           </template>
         </Table>
-        <Page
+        <Page :total="totalSize"
-          :total="totalSize"
               :current="pageNum"
               :page-size="pageSize"
               show-elevator
               show-total
               placement="top"
               @on-change="handlePage"
-          class-name="ks-page"
+              class-name="ks-page"></Page>
-        ></Page>
       </Row>
     </Form>
-    <useTable
+    <useTable ref="useTable"
-      ref="useTable"
               @doShow="doShow"
               :show="showUse"
               :isModify="true"
-      :schedule="activityInstance.scheduleVO"
+              :schedule="activityInstance.scheduleVO"></useTable>
-    ></useTable>
+    <Modal v-model="isShowDetail"
-    <Modal v-model="isShowDetail" title="活动计划详情" width="70%" :footer-hide="true">
+           title="活动计划详情"
-      <planDetail v-if="isShowDetail" :detail="detail"></planDetail>
+           width="70%"
+           :footer-hide="true">
+      <planDetail v-if="isShowDetail"
+                  :detail="detail"></planDetail>
     </Modal>
     <!-- 预览二维码 -->
-    <Modal
+    <Modal v-model="isShow"
-      v-model="isShow"
            :title="showStoreName"
            :footer-hide="true"
            width="230"
            class-name="vertical-center-modal"
-      @on-ok="ok"
+           @on-ok="ok">
-    >
       <div slot="header">
         <p></p>
       </div>
       <p>{{this.showStoreName}}</p>
-      <img :src="qrCodeImage" style="width:200px;height:200px;" />
+      <img :src="qrCodeImage"
+           style="width:200px;height:200px;" />
       <div style="text-align: center;">
-        <Button ghost type="primary" @click="download(rowData)">下载</Button>
+        <Button ghost
+                type="primary"
+                @click="download(rowData)">下载</Button>
       </div>
     </Modal>
   </div>
@@ -436,7 +436,6 @@ export default {
       });
     },
     navigateCode (instance) {
-      return;
       this.$router.push({
         path: "/activity/plan/code",
         query: { instanceId: instance.id }