This commit is contained in:
aihe 2023-12-09 14:45:51 +08:00
parent a25b521cda
commit 4c940bdb1f
3 changed files with 93 additions and 46 deletions

View File

@ -1,37 +1,68 @@
<template>
<tpx-dialog :show="show" title="选择仓库" @onClose="handleCloseModal()">
<view class="shet-cont">
<!-- 关键字搜索框 -->
<tpx-search placeholder="请输入" v-model:value="keyword" bgColor="#FFF"></tpx-search>
<view class="mt-20 mb-10">
<tpx-tags :list="hisList" type="" @onItemClick="handleHisItemClick"></tpx-tags>
</view>
<u-line></u-line>
<view class="">
<tpx-checkitems :list="dataList.filter(v=> !keyword || (v.title.indexOf(keyword) > -1))" :value="value" v-slot="dlCurrent" min-checked="1" type="single"
@onChange="handleDataItemChange"
>
<view slot class="mt-20">
<u-row justify="between">
<u-col span="10">
<u-text size="28" :text="dlCurrent.item.title"></u-text>
</u-col>
<view span="2" class="chk-icon">
<u-checkbox :checked="dlCurrent.checked" shape="circle" size="32" activeColor="#B12D29"></u-checkbox>
</view>
</u-row>
<u-line margin="20rpx 0 0 0"></u-line>
<view style="position: relative;height: calc(70vh);">
<tpx-layout>
<template v-slot:body>
<view class="shet-cont">
<!-- 关键字搜索框 -->
<tpx-search placeholder="请输入" v-model:value="keyword" bgColor="#FFF"></tpx-search>
<view class="mt-20 mb-10">
<tpx-tags :list="hisList" type="" @onItemClick="handleHisItemClick"></tpx-tags>
</view>
<u-line></u-line>
<view class="">
<tpx-checkitems :list="dataList.filter(v=> !keyword || (v.title.indexOf(keyword) > -1))"
v-model:value="model.value" v-slot="dlCurrent" min-checked="1" type="single"
>
<view slot class="mt-20">
<u-row justify="between">
<u-col span="10">
<u-text size="28" :text="dlCurrent.item.title"></u-text>
</u-col>
<view span="2" class="chk-icon">
<u-checkbox :checked="dlCurrent.checked" shape="circle" size="32" activeColor="#B12D29"></u-checkbox>
</view>
</u-row>
<view v-if="dlCurrent.checked" class="w-tem" @click="handleCopy(dlCurrent.item)">
<view style="position: absolute;right: 20rpx;right: 20rpx;">
<u-icon name="file-text" size="34" color="#999"></u-icon>
</view>
<u-row>
<view class="pr-20">
<u-text :text="'李先生'" size="28" :bold="true"></u-text>
</view>
<view>
<u-text :text="'18627068352'" size="28" mode="phone" color="#999"></u-text>
</view>
</u-row>
<u-text :text="'上海市大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界'"
size="24" margin="20rpx 0 0 0" color="#999"
></u-text>
</view>
<u-line margin="20rpx 0 0 0"></u-line>
</view>
</tpx-checkitems>
</view>
</view>
</template>
<template v-slot:footer>
<view class="blcok-white-noradius" style="margin-top: 0;margin-bottom: 0;">
<u-button @click="handleEditItem()" type="primary" size="large" shape="circle"
custom-style="height:80rpx;font-size: 30rpx;"
>确认</u-button>
</view>
</tpx-checkitems>
</view>
</template>
</tpx-layout>
</view>
</tpx-dialog>
</template>
<script>
import { setClipboardData } from "@/common/untool"
export default {
// computed: {
// filDataList() {
@ -52,20 +83,18 @@
},
data() {
return {
model: {
value: this.value,
},
hisList: [
{ title: '河桥仓', val: 1 },
{ title: '宁波海运仓', val: 2 }
{ title: '柬-铁运', val: 1 },
{ title: '越-铁运', val: 2 },
],
dataList: [
{ title: '河桥仓', val: 1 },
{ title: '宁波海运仓', val: 2 },
{ title: '南京分仓-1', val: 3 },
{ title: '南京分仓-2', val: 4 },
{ title: '南京分仓-2', val: 5 },
{ title: '南京分仓-2', val: 6 },
{ title: '南京分仓-2', val: 7 },
{ title: '南京分仓-2', val: 8 },
{ title: '南京分仓-2', val: 9 }
{ title: '柬埔寨-铁卡联运', val: 1 },
{ title: '越南-铁卡联运', val: 2 },
{ title: '泰国-铁卡联运', val: 3 },
{ title: '巴厘岛-铁卡联运', val: 4 },
],
keyword: ''
}
@ -86,13 +115,17 @@
handleHisItemClick(res) {
this.updateValue(res.val)
},
handleDataItemChange(val) {
this.updateValue(val)
},
updateValue(val) {
this.$emit('onChange', val)
this.$emit('update:value', val)
this.model.value = val
},
handleEditItem() {
const { value } = this.model
this.$emit('onChange', this.model)
this.$emit('update:value', value)
this.handleCloseModal()
},
handleCopy(item) {
setClipboardData(item.title)
}
}
}
@ -113,4 +146,16 @@
left: 0;
}
}
.w-tem {
margin-top: 20rpx;
position: relative;
margin-bottom: 30rpx;
padding: 20rpx 30rpx;
background: #F6F6F6;
border-radius: 20rpx;
border: 2rpx solid transparent;
&.active {
border-color: $uni-color-primary;
}
}
</style>

View File

@ -13,7 +13,7 @@
<tpx-checkitems :list="dataList.filter(v=> !keyword || (v.title.indexOf(keyword) > -1))" :value="value" v-slot="dlCurrent" min-checked="1" type="single"
@onChange="handleDataItemChange"
>
<view slot style="margin-top: 10rpx;">
<view slot class="mt-20">
<u-row justify="between">
<u-col span="10">
<u-text size="28" :text="dlCurrent.item.title"></u-text>
@ -22,7 +22,7 @@
<u-checkbox :checked="dlCurrent.checked" shape="circle" size="32" activeColor="#B12D29"></u-checkbox>
</view>
</u-row>
<u-line margin="10rpx 0 0 0"></u-line>
<u-line margin="20rpx 0 0 0"></u-line>
</view>
</tpx-checkitems>
</view>

View File

@ -79,8 +79,10 @@
<u-row justify="between">
<u-col span="11">
<u-row @click="handleDealItem(orItem, { type: 2 })">
<u-text :text="'运单号:'+ 'T7080304038'" size="26"></u-text>
<view style="flex:1;">
<view>
<u-text :text="'运单号:'+ 'T7080304038'" size="26"></u-text>
</view>
<view class="pl-10">
<u-icon name="file-text" size="32" custom-style=""></u-icon>
</view>
</u-row>