| | |
| | | </view> |
| | | <view class="selected-info"> |
| | | <view class="selected-info_label"> |
| | | 当前选择煤场 |
| | | 当前选择场地 |
| | | </view> |
| | | <view class="selected-info_text"> |
| | | <niceui-data-select-input v-model="filedId" |
| | | :localdata="filedNameList" |
| | | label="煤场选择" |
| | | placeholder="请选择煤场" |
| | | label="场地选择" |
| | | placeholder="请选择场地" |
| | | @change="filedChange"></niceui-data-select-input> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <!-- 选择发运时间 --> |
| | | <view class="send-date"> |
| | | <view class="send-date_label"> |
| | | 发运时间 |
| | | <view class="bottom-block"> |
| | | <!-- 选择发运时间 --> |
| | | <view class="send-date"> |
| | | <view class="send-date_label"> |
| | | 发运时间 |
| | | </view> |
| | | <uni-datetime-picker type="date" |
| | | :clear-icon="false" |
| | | v-model="sendDate" |
| | | :start="sendDateStart" |
| | | :end="sendDateEnd" /> |
| | | </view> |
| | | <uni-datetime-picker type="date" |
| | | :clear-icon="false" |
| | | v-model="sendDate" |
| | | :start="sendDateStart" |
| | | :end="sendDateEnd" /> |
| | | </view> |
| | | <!-- 客户名称 --> |
| | | <view class="customer-name"> |
| | | <view class="customer-name_label"> |
| | | 选择客户 |
| | | </view> |
| | | <view class="customer-name_block" |
| | | @click="selfDeliver"> |
| | | <input class="customer-name_block-input" |
| | | type="text" |
| | | placeholder="请选择客户" |
| | | v-model="customerName" |
| | | @focus="selfDeliver" |
| | | ref="selectCustomer" /> |
| | | <!-- 客户名称 --> |
| | | <view class="customer-name"> |
| | | <view class="customer-name_label"> |
| | | 选择客户 |
| | | </view> |
| | | <view class="customer-name_block" |
| | | @click="selfDeliver"> |
| | | <input class="customer-name_block-input" |
| | | type="text" |
| | | placeholder="请选择客户" |
| | | v-model="customerName" |
| | | @focus="selfDeliver" |
| | | ref="selectCustomer" /> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <!-- 提交 --> |
| | |
| | | v-for="item in customerNameList" |
| | | @click="selectCustomer(item)"> |
| | | <view class="item-image"> |
| | | <image src="https://mx.jzeg.cn:9096/appimg/image/banner/address.png" |
| | | <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.png" |
| | | mode="widthFix" |
| | | style="width: 18px;"></image> |
| | | </view> |
| | |
| | | text: v.productName |
| | | } |
| | | }) |
| | | this.productName = this.productNameList[0].value |
| | | this.productName = Array.isArray(this.productNameList) && this.productNameList.lenght !== 0 ? |
| | | this.productNameList[0].value : '' |
| | | }).then(() => { |
| | | this.getShipToList() |
| | | }) |
| | | }, |
| | | // 根据部门获取煤场名称 |
| | | // 根据部门获取场地名称 |
| | | getDeptIdByFiledList() { |
| | | this.$reqGet('getDeptIdByFiledList', { deptId: this.deptId }).then(res => { |
| | | this.filedNameList = res.data.map(v => { |
| | |
| | | text: v.name |
| | | } |
| | | }) |
| | | this.filedId = this.filedNameList.length !== 0 ? this.filedNameList[0].value : '' |
| | | this.filedName = this.filedNameList.length !== 0 ? this.filedNameList[0].text : '' |
| | | if (Array.isArray(this.filedNameList) && this.filedNameList.length === 1) { |
| | | this.filedId = this.filedNameList[0].value |
| | | this.filedName = this.filedNameList[0].text |
| | | } else if (Array.isArray(this.filedNameList) && this.filedNameList.length > 1) { |
| | | this.filedId = '' |
| | | this.filedName = '' |
| | | } |
| | | }) |
| | | }, |
| | | filedChange(e) { |
| | |
| | | }, |
| | | selfDeliver() { |
| | | this.selfDeliverShow = true |
| | | this.$nextTick(() => { |
| | | this.$refs.selectCustomer.blur() |
| | | }) |
| | | }, |
| | | selfDeliverClose() { |
| | | this.selfDeliverShow = false |
| | |
| | | let form = { |
| | | carNo: uni.getStorageSync('carNo'), |
| | | coalName: this.productName, |
| | | deptId: this.deptId, |
| | | deptName: this.deptName, |
| | | filedId: this.filedId, |
| | | filedName: this.filedName, |
| | | deptId: this.deptId, //部门Id |
| | | deptName: this.deptName, //部门名称 |
| | | filedId: this.filedId, //场地Id |
| | | filedName: this.filedName, //场地名称 |
| | | orderType: "外购", |
| | | sendDate: this.sendDate, |
| | | xsUserId1: uni.getStorageSync('userId'), |
| | | isPretendDischar: 1, |
| | | isSpecial: 1, |
| | | sendDate: this.sendDate, //发运时间 |
| | | xsUserId1: uni.getStorageSync('userId'), //用户id |
| | | isPretendDischar: 1, //是否能装卸 1已经确认装卸 0不需要装卸 |
| | | isSpecial: 1, //是否是特产品 1特殊产品 0不是特使产品 |
| | | customerId: this.customerId, |
| | | customerName: this.customerName |
| | | } |
| | |
| | | align-items: center; |
| | | } |
| | | |
| | | .slot-content { |
| | | width: 100%; |
| | | height: vww(150); |
| | | @include flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .main { |
| | | width: 100%; |
| | | color: #232323; |
| | | |
| | | .product-info { |
| | | width: 96%; |
| | | height: vww(250); |
| | | margin: vww(8); |
| | | margin-top: vww(20); |
| | | background: #ffffff; |
| | | box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); |
| | | border-radius: 20rpx; |
| | | position: relative; |
| | |
| | | } |
| | | } |
| | | |
| | | .bottom-block { |
| | | height: vww(200); |
| | | } |
| | | |
| | | .send-date, |
| | | .customer-name { |
| | | height: vww(40); |
| | | margin: vww(40) vww(20); |
| | | position: relative; |
| | | |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |