qingyiay
2023-04-10 7406be32979e90a730b5a2ac8d392892f71835d2
pages/freight-forwarder-page/freightForwarder-my/freightForwarder-my.vue
@@ -10,7 +10,7 @@
            <u-swipe-action>
               <u-cell-group :border="false">
                  <u-swipe-action-item :options="options1" v-for="(item, index) in fleetData" :index="index" :name="item.id" :key="index" @click="deleteFleetClick">
                     <u-cell :title="item.name" value="无" @click="tofleetDetails(item.id)"></u-cell>
                     <u-cell :title="item.name" :value="item.userSijisum + '辆'" @click="tofleetDetails(item.id)"></u-cell>
                  </u-swipe-action-item>
               </u-cell-group>
            </u-swipe-action>
@@ -34,25 +34,53 @@
            <view class="addCarButton"><u-button text="添加" type="primary" @click="addNewGroupClick"></u-button></view>
         </u-popup>
      </view>
      <view class="utils"><u-button text="退出登录" type="primary" @click="logout"></u-button></view>
      <!-- 删除车队模态框 -->
      <view class="deleteFleetModal">
         <u-modal
            :show="deleteFleetShow"
            :title="deleteFleetTitle"
            @close="deleteFleetClose"
            @cancel="deleteFleetCancel"
            @confirm="deleteFleetConfirm"
            :closeOnClickOverlay="true"
            :showCancelButton="true"
         >
            <view class="slot-content"><rich-text :nodes="deleteFleetContent"></rich-text></view>
         </u-modal>
      </view>
      <view class="logoutModel">
         <u-modal :show="logoutShow" :title="logoutTitle" showCancelButton :content="logoutContent" @confirm="logoutConfirm" @cancel="logoutCancel"></u-modal>
      </view>
   </view>
</template>
<script>
import { redirectLogin } from '@/utils/status';
export default {
   data() {
      return {
         fleetData: [],
         // 新建车队
         addGroupForm: {
            name: '',
            wxUserId: uni.getStorageSync('userInfo').id
            name: ''
            // wxUserId: uni.getStorageSync('userInfo').id
         },
         updateGroupShow: false,
         options1: [
            {
               text: '删除'
            }
         ]
         ],
         // 删除车队模态框
         deleteFleetId: null, // 删除车队id
         deleteFleetShow: false,
         deleteFleetTitle: '',
         deleteFleetContent: '',
         // 退出模态框
         logoutShow: false,
         logoutTitle: '提示',
         logoutContent: '是否确认退出'
      };
   },
   onShow() {
@@ -92,15 +120,53 @@
            }
         });
      },
      toFreightForwarderDetails() {
         uni.navigateTo({
            url: '/pages/customer-page/freight-forwarder-details/freight-forwarder-details'
      // 删除车队
      deleteFleetClick(args) {
         console.log(args.name, '车队id');
         this.deleteFleetId = args.name;
         this.deleteFleetShow = true;
         this.fleetData.forEach(item => {
            if (item.id == this.deleteFleetId) {
               this.deleteFleetContent = '确认删除车队' + item.name;
            }
         });
      },
      deleteFleetClose() {
         this.deleteFleetShow = false;
      },
      deleteFleetCancel() {
         this.deleteFleetShow = false;
      },
      deleteFleetConfirm() {
         this.deleteFleetShow = false;
         uni.showLoading({
            title: '加载中...'
         });
         this.$reqPost('deleteFleet', { id: this.deleteFleetId }, 'params').then(res => {
            console.log('删除车队', res);
            if (res.code == 0) {
               this.$u.toast('删除成功');
            } else {
               this.$u.toast(res.msg ? res.msg : '删除失败');
            }
            uni.hideLoading();
            this.getFleet();
         });
      },
      // 车队详情
      tofleetDetails(id) {
         uni.navigateTo({
            url: `/pages/customer-page/fleet-management/fleet-management?id=${id}`
         });
      },
      logout() {
         this.logoutShow = true;
      },
      logoutConfirm() {
         redirectLogin();
      },
      logoutCancel() {
         this.logoutShow = false;
      }
   }
};
@@ -134,6 +200,7 @@
            .addCarButton {
               width: 40%;
               margin: 0 auto;
               color: rgb(10, 108, 255);
            }
         }
      }