解决审批历史页面报错问题

819527061@qq.com

2024-02-05 fbd20431d9947d6989f6508ae47ccaad96576d68

 pages/my-todo/my-todo.vue

@@ -49,11 +49,12 @@


    <!-- 我的待办卡片区域 -->
      <view class="cardCheckGroup">
    <u-checkbox-group v-model="checkBoxValue" placement="column" @change="checkboxChange" style="margin-bottom:50px">
      <combination-card v-for="(item, index) in daibanData" index="index">
        <template v-slot:top>
          <u-checkbox size="35" :key="item.id" :name="item.id+item.procInstId"></u-checkbox>
          <view>
          <view class="daibanTop">
                  <u-checkbox size="30" iconSize="18" :key="item.id" :name="item.id+item.procInstId"></u-checkbox>
            <text>{{ item.actBusiness.title }}</text>
          </view>
        </template>
@@ -80,19 +81,19 @@
          <view class="bottom-container">
            <!-- 待办按钮 -->
            <view class="bottom-content__item">
              <view @click="theFormDataClick(item.tableId)" v-if="item.procDefId == 'WAY_BILL:4:87504'">
              <view @click="() => theFormDataClick(item)" v-if="item.actBusiness.actType == 'Offsetting' || item.actBusiness.actType == 'XsWaybill'">
                <image src="@/static/home/jindu.png" mode=""></image>
                <view>申请详情</view>
              </view>
              <view @click="adopClick(item)">
              <view @click="() => adopClick(item)">
                <image src="@/static/home/tongguo.png" mode=""></image>
                <view>通过</view>
              </view>
              <view @click="rejectModalShow = true">
              <view @click="() => rejectClick(item)">
                <image src="@/static/home/bohui.png" mode=""></image>
                <view>驳回</view>
              </view>
              <view @click="approvalHistoryClick(item.procInstId)">
              <view @click="() => approvalHistoryClick(item)">
                <image src="@/static/home/history.png" mode=""></image>
                <view>历史</view>
              </view>
@@ -101,11 +102,12 @@
        </template>
      </combination-card>
    </u-checkbox-group>
      </view>

    <!-- 底部全选 -->
    <view class="bottomTabbar">
      <view class="bottomTabbar_checkBox">
        <u-checkbox-group size="35" v-model="totalSelectValue" placement="column" @change="totalSelectChange">
        <u-checkbox-group size="35" iconSize="18" v-model="totalSelectValue" placement="column" @change="totalSelectChange">
          <u-checkbox labelSize="13px" label="全选" name="tatalSelect"></u-checkbox>
        </u-checkbox-group>
      </view>
@@ -178,7 +180,9 @@
    </view> -->

    <!--返回顶部-->
    <u-back-top :scroll-top="scrollTop"></u-back-top>
    <view class="back-top-container">
      <u-back-top :scroll-top="scrollTop"></u-back-top>
    </view>

    <!-- 菜单栏 -->
    <popup-menu @menuShow="menushow" ref="menuRef"></popup-menu>
@@ -188,6 +192,7 @@
<script>
import popupMenu from '@/components/common/popup-menu/popup-menu.vue';
import combinationCard from '@/components/common/combination-card/combination-card.vue';
import { callWithErrorHandling } from "vue";

export default {
  data() {
@@ -331,6 +336,7 @@
          }
          this.daibanData = this.daibanData.concat(res.data.content);
        }
        console.log(this.daibanData,'this.daibanData====待办-------00000----')
        //将数据拼接在一起
        this.loadingType = 0; // 将loadingType归0重置
        uni.hideNavigationBarLoading(); // 关闭加载动画
@@ -405,19 +411,28 @@
      console.log('totalSelect', n);
    },
    // 表单数据
    theFormDataClick(v) {
      uni.navigateTo({
        url: `/pages/the-form-data/the-form-data?index=${v}`
      });
    theFormDataClick(item) {
      if(item?.actBusiness?.actType == 'Offsetting') {  //收款 actType = ‘Offsetting’
        uni.navigateTo({
          url: `/pages/payment-form-data/payment-form-data?id=${item.tableId}`,

        })
      }else if(item?.actBusiness?.actType == 'XsWaybill') {
        uni.navigateTo({
          url: `/pages/new-application-form-data/new-application-form-data?id=${item.tableId}`
        })
      }
    },
    // 审批历史
    approvalHistoryClick(v) {
      console.log(v,'历史审批====----')
      uni.navigateTo({
        url: `/pages/approval-history/approval-history?index=${v}`
        url: `/pages/approval-history/approval-history?index=${v?.procInstId}`
      });
    },
    // 通过
    adopClick(v) {
         console.log('通过',v);
      this.adoptModalShow = true;
      this.adoptForm.ids = v.id;
      this.modalType = 0;
@@ -432,47 +447,61 @@
    // 通过模态框
    adoptModalConfirm() {
      this.adoptModalShow = false;
      this.checkBoxValue.forEach(item => {
        this.adoptDataBox.push(item.slice(0, 6))
      })
      this.adoptForm.ids = this.adoptDataBox.toString();
      this.$reqPost('passAll', this.adoptForm, 'form').then(res => {
         if(this.checkBoxValue.length >= 1){
            this.checkBoxValue.forEach(item => {
              this.adoptDataBox.push(item.slice(0, 6))
            })
            this.adoptForm.ids = this.adoptDataBox.toString();
         }
      this.$reqPost('passAll', this.adoptForm).then(res => {
        console.log('是否还原', this.adoptForm.ids, this.rejectForm.procInstIds);
        if (res.code == 0) {
          this.$u.toast('操作成功!');
        } else {
          this.$u.toast('添加失败!!');
        }
            // 初始化
            this.checkBoxValue = []
            this.adoptForm.ids = '';
            this.adoptForm.comment = '';
        this.init();
      });
    },
    adoptModalCancel() {
      this.adoptModalShow = false;
    },
      // 驳回点击
      rejectClick(v) {
        this.modalType = 1;
        this.rejectModalShow = true;
        this.rejectForm.procInstIds = v.procInstId;
      },
    // 驳回模态框
    rejectModalConfirm() {
      this.rejectModalShow = false;
      this.checkBoxValue.forEach(item => {
        this.rejectDataBox.push(item.slice(6, 12))
      })
      this.rejectForm.procInstIds = this.rejectDataBox.toString();
      this.$reqPost('backAll', this.rejectForm, 'form').then(res => {
         if(this.checkBoxValue.length >= 1){
            this.checkBoxValue.forEach(item => {
              this.rejectDataBox.push(item.slice(6, 12))
            })
            this.rejectForm.procInstIds = this.rejectDataBox.toString();
         }
      this.$reqPost('backAll', this.rejectForm).then(res => {
        if (res.code == 0) {
          this.$u.toast('操作成功！');
        } else {
          this.$u.toast('操作失败！！！');
        }
            // 初始化
            this.rejectForm.procInstIds = '';
            this.rejectForm.comment = '';
            this.checkBoxValue = []
        this.init();
      });
    },
    rejectModalCancel() {
      this.rejectModalShow = false;
    },
    rejectClick(v) {
      this.modalType = 1;
      this.rejectModalShow = true;
      this.rejectForm.procInstIds = v.procInstId;
    },

    batchRejectClick() {
      if (this.checkBoxValue.length != 0) {
        this.rejectModalShow = true;
@@ -491,7 +520,7 @@
::v-deep.my-todo {
  // 搜索区域
  .searchContainer {
    width:91%;
    width:94%;
    margin:vww(16) auto;
    .u-collapse {
      .u-collapse-item {
@@ -514,7 +543,7 @@
            margin: 0 auto vww(16);

            .search {
              width: vww(150);
              width: vww(158);
              border: 1px solid #d1d1d1;
              border-radius: vww(4);

@@ -555,7 +584,7 @@
            .data-selet {
              border: 1px solid #d1d1d1;
              border-radius: 4px;
              width: vww(150);
              width: vww(160);
              // width: 100%;
              height: 40px;
              display: flex;
@@ -576,7 +605,7 @@

              .content {
                margin-left: vww(8);
                width: vww(150);
                width: vww(160);
              }
            }
          }
@@ -590,7 +619,7 @@
            justify-content: space-between;

            .uni-date {
              width: vww(150);
              width: vww(160);

              .uni-date-editor {
                .uni-date-editor--x {
@@ -619,6 +648,15 @@

  }

   // 卡片头部
   .cardCheckGroup{
      margin-bottom: vww(48);
   }
   .daibanTop{
      .u-checkbox{
         display:inline-block;
      }
   }

  // 卡片中间
  .center-container {
@@ -687,6 +725,15 @@
    }
  }

  // 返回顶部
  .back-top-container{
    .u-transition{
      position:fixed;
      bottom:vww(80)!important;
      right:vww(20)!important;
    }
  }

  // 底部
  .bottomTabbar {
    position: fixed;
@@ -741,7 +788,7 @@
        width: vww(280);
        height: vww(90) !important;

        .uni-textarea-wrapper {
        .u-textarea__field {
          height: vww(90) !important;
        }
      }
@@ -770,7 +817,7 @@
        width: vww(280);
        height: vww(90) !important;

        .uni-textarea-wrapper {
        .u-textarea__field {
          height: vww(90) !important;
        }
      }