| | |
| | | <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"></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> |
| | |
| | | </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> |
| | | |
| | |
| | | fleetDriverData: [], |
| | | myCarShow: true, |
| | | // 单元格滑动 |
| | | options1: [ |
| | | { |
| | | options1: [{ |
| | | text: '删除' |
| | | } |
| | | ], |
| | | }], |
| | | deleteDriveObj: { |
| | | id: null, // 删除车辆小组id |
| | | fleetId: null |
| | |
| | | uni.navigateTo({ |
| | | url: `/pages/customer-page/addTo-freightForwarder-driver/addTo-freightForwarder-driver?role=2&fleetId=${this.deleteDriveObj.fleetId}` // 2代表的是司机 |
| | | }); |
| | | } |
| | | }, |
| | | } |
| | | }; |
| | | </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%; |
| | |
| | | border-radius: 4px; |
| | | overflow: hidden; |
| | | overflow-y: auto; |
| | | |
| | | .carNum { |
| | | padding: vww(2) 0; |
| | | text-align: center; |
| | |
| | | |
| | | .updateGroupButton { |
| | | margin: vww(15) auto 0; |
| | | |
| | | .u-button { |
| | | width: 30%; |
| | | } |
| | | } |
| | | |
| | | .groupCars { |
| | | .u-swipe-action { |
| | | .u-swipe-action-item { |