完善

src/views/store/outstoreform/OutStoreFormYY.vue

@@ -45,48 +45,49 @@
           </a-button>
         </a-dropdown>-->
       </div>
-
-      <s-table
-        ref="table"
-        size="default"
-        rowKey="id"
-        :columns="columns"
-        :data="loadData"
-        :alert="options.alert"
-        :rowSelection="options.rowSelection"
-        showPagination="auto"
-      >
-        <span slot="action" slot-scope="record">
-          <template>
-            <a @click="handleView(record)">查看</a>
-            <a-divider v-if="(record.status==0 || record.status == 3)" type="vertical" />
-            <a v-if="$auth('store-out-store-forms-edit')&&(record.status==0 || record.status == 3)" @click="handleEdit(record)">修改</a>
-            <a-divider v-if="record.status == 0 || record.status == 5 || record.status == 4" type="vertical" />
-            <a v-if="record.status == 0 || record.status == 4 || record.status == 5" @click="handleViewTicket(record)">打印</a>
-            <a-divider v-if="record.status==0" type="vertical" />
-            <a-popconfirm v-if="record.status==0" title="是否提交审核？" @confirm="updateStore(record.id)">
-              <a>提交审核</a>
-            </a-popconfirm>
-            <a-divider v-if="record.status==3" type="vertical" />
-            <a-popconfirm v-if="record.status==3" title="重新推送？" @confirm="rePush(record.id)">
-              <a>重新推送</a>
-            </a-popconfirm>
-            <a-divider v-if="record.status==0" type="vertical" />
-            <a-popconfirm v-if="$auth('store-out-store-forms-del')&&record.status==0" title="是否要删除该条数据？" @confirm="batchDelete(record.id)">
-              <a>删除</a>
-            </a-popconfirm>
+      <a-spin :spinning="loading">
+        <s-table
+          ref="table"
+          size="default"
+          rowKey="id"
+          :columns="columns"
+          :data="loadData"
+          :alert="options.alert"
+          :rowSelection="options.rowSelection"
+          showPagination="auto"
+        >
+          <span slot="action" slot-scope="record">
+            <template>
+              <a @click="handleView(record)">查看</a>
+              <a-divider v-if="(record.status==0 || record.status == 3)" type="vertical" />
+              <a v-if="$auth('store-out-store-forms-edit')&&(record.status==0 || record.status == 3)" @click="handleEdit(record)">修改</a>
+              <a-divider v-if="record.status == 0 || record.status == 5 || record.status == 4" type="vertical" />
+              <a v-if="record.status == 0 || record.status == 4 || record.status == 5" @click="handleViewTicket(record)">打印</a>
+              <a-divider v-if="record.status==0" type="vertical" />
+              <a-popconfirm v-if="record.status==0" title="是否提交审核？" @confirm="updateStore(record.id)">
+                <a>提交审核</a>
+              </a-popconfirm>
+              <a-divider v-if="record.status==3" type="vertical" />
+              <a-popconfirm v-if="record.status==3" title="重新推送？" @confirm="rePush(record.id)">
+                <a>重新推送</a>
+              </a-popconfirm>
+              <a-divider v-if="record.status==0" type="vertical" />
+              <a-popconfirm v-if="$auth('store-out-store-forms-del')&&record.status==0" title="是否要删除该条数据？" @confirm="batchDelete(record.id)">
+                <a>删除</a>
+              </a-popconfirm>
             <!--            <a-divider v-if="record.status==2" type="vertical" />
             <a-popconfirm v-if="record.status==2" title="是否要撤销？" @confirm="updateStoreBack(record.id)">
               <a>撤销</a>
             </a-popconfirm>-->
-          </template>
-        </span>
-        <span slot="status" slot-scope="text">
-          <badge
-            :status="DictCache.COLOR.OUT_STORE_FORM_STATUS[text]"
-            :text="statusMap[text]" />
-        </span>
-      </s-table>
+            </template>
+          </span>
+          <span slot="status" slot-scope="text">
+            <badge
+              :status="DictCache.COLOR.OUT_STORE_FORM_STATUS[text]"
+              :text="statusMap[text]" />
+          </span>
+        </s-table>
+      </a-spin>
     </div>
     <detail ref="detailModal" @ok="handleOk"/>
     <base-form ref="baseModal" @ok="handleOk"/>
@@ -133,6 +134,7 @@ export default {
         ...this.$route.query
       },
       // 表头
+      loading: false,
       columns: [
         {
           title: '序号',
@@ -201,8 +203,11 @@ export default {
             sortName: 'update_time'
           }
         }
+        this.loading = true
         return getOutStoreFormPage(Object.assign(parameter, this.queryParam))
           .then(res => {
+            this.loading = false
+
             return res.data
           })
       },
@@ -303,6 +308,8 @@ export default {
     updateStore (id) {
       const params = {}
       params.id = id
+      this.loading = true
+
       params.processInstanceId = ''
       params.auditModelName = '仓库审批'
       params.auditModelKey = 'out_store_back'