style:业务办理

任超
Showing 3 changed files with 20 additions and 39 deletions
src/utils/requestLoading.js
src/views/ywbl/dbx/dbx.vue
src/views/ywbl/ybx/ybx.vue
--- a/src/utils/requestLoading.js
View file @96142a2
+++ b/src/utils/requestLoading.js
View file @96142a2
@@ -3,12 +3,12 @@ import Loading from '@/components/loading/index.js';
 let loading
 // loading开始 方法
-function startLoading (target = 'body', loadingText = '正在加载中...') {
+function startLoading (loadingText = '正在加载中...') {
  loading = Loading.service({
    text: loadingText,
    spinner: 'el-icon-loading',
    background: 'rgba(255, 255, 255, 0.5)',
-    target: '#' + target
+    target: document.querySelector('.loadingtext')
  })
 }
--- a/src/views/ywbl/dbx/dbx.vue
View file @96142a2
+++ b/src/views/ywbl/dbx/dbx.vue
View file @96142a2
@@ -55,10 +55,11 @@
        </el-row>
      </el-form>
    </div>
-    <div class="from-clues-content" id="dbx">
+    <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.currentPage"
+      <lb-table :page-size="pageData.size" class="loadingtext" border @sort-change="handleSort"
-        :heightNum="300" :total="tableData.total" @size-change="handleSizeChange"
+        :current-page.sync="pageData.currentPage" :heightNum="300" :total="tableData.total"
-        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
+        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
+        :data="tableData.data">
      </lb-table>
    </div>
    <searchBox v-model="isSearch" @getSearch="getSearch" />
@@ -95,26 +96,12 @@ export default {
  },
  mounted () {
    sendThis(this);
-    window.addEventListener('visibilitychange', this.init, true)
+    this.queryClick()
  },
-  destroyed () {
-    window.removeEventListener('visibilitychange', this.init, true)
-  },
-  created () { },
  methods: {
-    init (e) {
-      var isHidden = document.hidden;
-      if (isHidden) {//切离该页面时执行
-        //页面切换时，处理逻辑
-      } else {//切换到该页面时执行
-        if (window.location.hash == '#/ywbl/dbx') {
-          this.fetchData()
-        }
-      }
-    },
    // 列表渲染接口
-    fetchData () {
+    queryClick () {
-      this.$startLoading('dbx')
+      this.$startLoading()
      searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => {
        if (res.code === 200) {
          this.$endLoading()
@@ -132,9 +119,6 @@ export default {
        }
      })
    },
-    queryClick () {
-      this.fetchData()
-    },
    handelItem (index) {
      console.log(index);
      this.searchList.splice(index, 1)
@@ -142,7 +126,7 @@ export default {
    handleSort (val) {
      this.queryForm.sortField = val.prop
      this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc'
-      this.fetchData()
+      this.queryClick()
    },
    del (item) {
      let formdata = new FormData();
@@ -159,7 +143,7 @@ export default {
              type: 'success',
              message: '删除成功!'
            });
-            this.fetchData()
+            this.queryClick()
          } else {
            this.$message.error(res.message);
          }
--- a/src/views/ywbl/ybx/ybx.vue
View file @96142a2
+++ b/src/views/ywbl/ybx/ybx.vue
View file @96142a2
@@ -33,14 +33,14 @@
          </el-col>
          <el-col :span="5">
            <el-form-item label="业务号">
-              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick()" clearable class="width200px">
+              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width200px">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4" class="btnColRight">
            <el-form-item>
-              <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
+              <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button>
              <el-button @click="moreQueryClick()">高级查询</el-button>
            </el-form-item>
          </el-col>
@@ -60,7 +60,7 @@
    </div>
    <!-- 表格 -->
    <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" id="ybxLoading" :heightNum="300" @sort-change="handleSort" border
+      <lb-table :page-size="pageData.size" class="loadingtext" :heightNum="300" @sort-change="handleSort" border
        :current-page.sync="pageData.current" :total="pageData.total" @size-change="handleSizeChange"
        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
      </lb-table>
@@ -81,6 +81,7 @@ export default {
  mixins: [table, searchMin],
  mounted () {
    sendThis(this);
+    this.queryClick()
  },
  computed: {
    ...mapGetters(['dictData'])
@@ -106,13 +107,12 @@ export default {
    };
  },
  methods: {
-    init (e) {
-      this.fetchData()
-    },
    // 列表渲染接口
-    fetchData () {
+    queryClick () {
+      this.$startLoading()
      searchTaskDone({ ...this.queryForm, ...this.pageData }, { 'target': '#ybxLoading' }).then(res => {
        if (res.code === 200) {
+          this.$endLoading()
          let { total, records } = res.result
          this.pageData.total = total;
          records.forEach(item => {
@@ -125,13 +125,10 @@ export default {
        }
      })
    },
-    queryClick () {
-      this.fetchData()
-    },
    handleSort (val) {
      this.queryForm.sortField = val.prop
      this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc'
-      this.fetchData()
+      this.queryClick()
    },
    ywhClick (item) {
      const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1');