修改空数据提示

qingyiay

2023-09-12 5386f47f55ecb9ad2189998f9dda6d682b6be7e0

 pages/customer-page/fleet-management/fleet-management.vue

@@ -1,22 +1,38 @@
<template>
   <view class="fleet-management">
      <view><u-notice-bar mode="closable" fontSize="25" :text="text1"></u-notice-bar></view>
      <view class="groupCars" v-if="groupCarsShow">
         <u-collapse @change="change" @close="close" @open="open" :border="false" :value="['0']">
            <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" v-if="fleetDriverData.length == 0" width="400" height="400" textSize="18"></u-empty>
            <u-collapse-item :title="fleetDriverData[0].fleetName" v-if="fleetDriverData.length != 0" name="0">
      <view><u-notice-bar mode="closable"
            fontSize="25"
            :text="text1"></u-notice-bar></view>
      <view class="groupCars"
         v-if="groupCarsShow">
         <u-collapse @change="change"
            @close="close"
            @open="open"
            :border="false"
            :value="['0']">
            <u-empty mode="data"
               icon="http://cdn.uviewui.com/uview/empty/data.png"
               v-if="fleetDriverData.length == 0"
               width="400"
               height="400"
               textSize="18"
               text="暂无数据"></u-empty>
            <u-collapse-item :title="fleetDriverData[0].fleetName"
               v-if="fleetDriverData.length != 0"
               name="0">
               <view class="myCarContainer">
                  <u-swipe-action>
                     <u-cell-group>
                        <u-swipe-action-item
                           :options="options1"
                        <u-swipe-action-item :options="options1"
                           v-for="(item, index) in fleetDriverData"
                           :key="index"
                           :index="item.id"
                           :name="item.userId"
                           @click="deleteGroupClick"
                        >
                           <u-cell icon="car" iconStyle="font-size:20px;" :title="item.carNo" :value="item.name"></u-cell>
                           @click="deleteGroupClick">
                           <u-cell icon="car"
                              iconStyle="font-size:20px;"
                              :title="item.carNo"
                              :value="item.name"></u-cell>
                        </u-swipe-action-item>
                     </u-cell-group>
                  </u-swipe-action>
@@ -26,19 +42,19 @@
      </view>
      <!-- 删除小组模态框 -->
      <view class="deleteModal">
         <u-modal
            :show="deleteGroupShow"
         <u-modal :show="deleteGroupShow"
            :title="title"
            @close="deleteGroupClose"
            @cancel="deleteCancel"
            @confirm="deleteConfirm"
            :closeOnClickOverlay="true"
            :showCancelButton="true"
         >
            :showCancelButton="true">
            <view class="slot-content"><rich-text :nodes="content"></rich-text></view>
         </u-modal>
      </view>
      <view class="updateGroupButton"><u-button text="邀请司机加入" type="primary" @click="addDrvier"></u-button></view>
      <view class="updateGroupButton"><u-button text="邀请司机加入"
            type="primary"
            @click="addDrvier"></u-button></view>
   </view>
</template>

@@ -65,11 +81,9 @@
         fleetDriverData: [],
         myCarShow: true,
         // 单元格滑动
         options1: [
            {
            options1: [{
               text: '删除'
            }
         ],
            }],
         deleteDriveObj: {
            id: null, // 删除车辆小组id
            fleetId: null
@@ -144,10 +158,12 @@
};
</script>

<style lang="scss" scoped>
<style lang="scss"
   scoped>
::v-deep.fleet-management {
   width: 94%;
   margin: 0 auto;

   .myCarContainer {
      max-height: vww(450);
      width: 100%;
@@ -155,6 +171,7 @@
      border-radius: 4px;
      overflow: hidden;
      overflow-y: auto;

      .carNum {
         padding: vww(2) 0;
         text-align: center;
@@ -170,10 +187,12 @@

   .updateGroupButton {
      margin: vww(15) auto 0;

      .u-button {
         width: 30%;
      }
   }

   .groupCars {
      .u-swipe-action {
         .u-swipe-action-item {