pull editor

付延余

2022-12-19 d698c77ac8f21ef383a1557be3dfdabbc2d76d61

 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,7 +81,7 @@
          <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.tableId)" v-if="item.processName == '发运通知单'">
                <image src="@/static/home/jindu.png" mode=""></image>
                <view>申请详情</view>
              </view>
@@ -88,7 +89,7 @@
                <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>
@@ -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() {
@@ -418,6 +423,7 @@
    },
    // 通过
    adopClick(v) {
         console.log('通过',v);
      this.adoptModalShow = true;
      this.adoptForm.ids = v.id;
      this.modalType = 0;
@@ -432,47 +438,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 +511,7 @@
::v-deep.my-todo {
  // 搜索区域
  .searchContainer {
    width:91%;
    width:94%;
    margin:vww(16) auto;
    .u-collapse {
      .u-collapse-item {
@@ -514,7 +534,7 @@
            margin: 0 auto vww(16);

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

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

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

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

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

  }

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

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

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

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

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

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