style="position: absolute;right:10upx; top:-20upx">
<u-icon size='50' color='#666' name='close-circle'></u-icon>
</view>
<u-form-item label="施肥机型号" prop="fertilizer_machine_type_name" right-icon='arrow-right'>
<u-input input-align='right' v-model="item.fertilizer_machine_type_name"
@click='machineVisible = true; current = item' placeholder="请选择施肥机" type="text" disabled />
</u-form-item>
<u-form-item label="租金" prop="money">
<u-input input-align='right' v-model="item.money" placeholder="请选择施肥机" type="text" disabled />
</u-form-item>
<u-form-item label="施肥机编号" prop="fertilizer_machine_code">
<u-input input-align='right' disabled v-model="item.fertilizer_machine_code" placeholder=""
type="text" />
</u-form-item>
</view>
<!-- 新增施肥机 押金 列表 end -->
</view>
<view class="u-m-t-30 u-p-l-30 u-p-r-30 bg_fff">
<u-form-item label="回款单"></u-form-item>
<u-form-item :border-bottom="false" prop="img_url" label-width="150" v-if="fileList.length > 0">
<scroll-view scroll-x style="width: 690upx;white-space: nowrap; margin-top: 10px;">
<view style="display: inline-block;" :key='index' v-for='(item, index) in fileList'>
<u-image width="200upx" height="200upx" @click="previewImage(fileList, index)" :src="item.url"
lazy-load="true"></u-image>
</view>
</scroll-view>
</u-form-item>
</view>
<view class="u-m-t-30 u-p-l-30 u-p-r-30 bg_fff">
<u-form-item label="备注"></u-form-item>
<u-form-item :border-bottom="false" prop="note">
<u-input type="textarea" disabled placeholder="备注" v-model="form.note" />
</u-form-item>
</view>
<!-- <view class="u-fixed foot-fixed">
<u-button type="primary" :loading='submitLoading' @click="submitForm(1)" :throttle-time='500'>确认提交
</u-button>
</view> -->
</u-form>
<!--施肥机类型 -->
<u-select mode="single-column" :list="machineList" value-name='id' label-name='name' v-model="machineVisible"
@confirm="selectConfirm($event, 'fertilizer_machine_type_name', 'fertilizer_machine_type_id', 'machineList')">
</u-select>
<!-- 付款日期 -->
<u-picker mode="time" v-model="return_dateVisible" @confirm='selectConfirmDate($event)'></u-picker>
<!--付款方式 -->
<u-select mode="single-column" :list="collectionList" value-name='value' label-name='text'
v-model="collectionVisible"
@confirm="selectConfirm($event, 'collection_name', 'collection_id', 'collectionList')"></u-select>
<!-- 收款银行 -->
<u-select mode="single-column" :list="bankList" value-name='value' label-name='text' v-model="bankVisible"
@confirm="selectConfirm($event, 'bank_name', 'bank_id', 'bankList')"></u-select>
<!-- 部门 -->
<!-- <u-select mode="single-column" value-name='id' label-name='dept_name' :list="dept_show" v-model="deptVisible" @confirm="multSelectConfirm($event,'dept_name','dept_id')"></u-select> --> </view>
</template>
<script>
export default {
data() {
return {
source_id: '',
machineVisible: false, //施肥机类型
list: [], //押金单列表
machineList: [],
//=========================
editId: '',
userVisible: false,
form: {
id: '',
user_id: "",
custom_id: '',
custom_name: '',
invoce_cust_id: "",
invoce_cust_name: '',
collection_id: '',
collection_name: '',
bank_id: "",
bank_name: "",
collection_user_name: "",
// account_no: '',
return_date: '',
note: '',
img_url: '',
invoice_status: '',
area_id: '',
area_name: '',
dept_id: '',
terminal_type: 'app',
},
bankList: [], //银行
bankVisible: false,
return_dateVisible: false,
collectionList: [], //付款方式
collectionVisible: false,
deptList: [], //部门
deptVisible: false,
fileList: [], //回单
currentItem: {},
customer: {},
addVisible: true,
areaVisible: false,
submitLoading: false,
money: 0,
action: '',
delta: 1,
payRules: {
return_date: [{
required: true,
message: '请选择收款日期',
trigger: 'blur,change,'
}],
},
editData: [],
topButton: false
}
},
computed: {
//统计总押金
total_deposit() {
return this.list.reduce((a, b) => a + (+b.money || 0), 0).toFixed(2)
}
},
methods: {
onRemove(index, lists, name) {
this.fileList = lists;
},
previewImage(arr, index) {
let list = []
arr.forEach(i => {
list.push(i.url)
})
uni.previewImage({
urls: list,
current: index
})
},
async getDatedetails() {
if (!this.editId) return;
this.topButton = true
//详情sale_bizreturndeposit_detail //sale_moneyback_detail
let res = await this.$u.api.sale_bizreturndeposit_detail({
id: this.editId
});
if (res.code === 0) {
this.cash_status = res.data.invoice_status
if (this.cash_status == '2') {
//如果押金已确认，隐藏按钮
// #ifdef H5
setTimeout(() => {
let t = document.getElementsByTagName("uni-page")[0].getElementsByClassName('uni-page-head-ft')[0].getElementsByClassName('uni-page-head-btn')[0];
t = t ? t : document.getElementsByTagName("uni-page")[0].getElementsByClassName('uni-page-head-ft')[1].getElementsByClassName('uni-page-head-btn')[0];
if (t) t.style.display = 'none';
console.log(t);
}, 10)
// #endif
// #ifdef APP-PLUS
let currentWebview = page.$getAppWebview();
currentWebview.setTitleNViewButtonStyle(index, { text: ' ', });
// #endif
this.topButton = false;
}
this.form = res.data;
this.form.id = res.data.id
this.form.custom_id = res.data.custom_id || ''
this.form.custom_name = res.data.custom_name || ''
this.form.invoce_cust_id = res.data.invoce_cust_id || ''
this.form.invoce_cust_name = res.data.invoce_cust_name || ''
this.form.collection_id = res.data.collection_id || ''
this.form.collection_name = res.data.collection_name || ''
this.form.bank_id = res.data.bank_id || ''
this.form.bank_name = res.data.bank_name || ''
this.form.collection_user_name = res.data.collection_user_name || ''
// // this.form.account_no = res.data.account_no
this.form.return_date = res.data.return_date || ''
this.form.note = res.data.note || ''
this.form.invoice_status = res.data.invoice_status || ''
this.list = res.data.detail_list || []
this.fileList = res.data.img_url ? res.data.img_url.split(',').map(i => {
return {
url: i
}
}) : [];
console.log(this.fileList, '===this.fileList')
if (res.data.invoice_status == 0) this.editData = [];
}
},
async getSelectData() {
// this.getDict(1,'payment');//1付款类型2回款银行3款项类型， pre_type 回款类型
let soure = {
1: 'collectionList',
2: 'bankList'
}
const list = await Promise.all([
this.$u.api.admin_dictList({
code: '1,2',
page: 1,
limit: 100
})
])
list.map((i, index) => {
if (index == 0 && i.data) {
for (let m in i.data) {
this[soure[m]] = i.data[m]
}
}
})
},
selectConfirm(e, name, id, list) {
if (e.length < 1) return;
if (id == 'area_id') {
this.form[name] = e[0].area_name;
this.form[id] = e[0].area_id;
return
}
this.form[name] = e[0].label;
this.form[id] = e[0].value;
console.log(e, '=====施肥机类型')
// if (id == 'fertilizer_machine_type_id') this.current.money = (this.machineList.find(i => i.id == e[0].value) || {}).money || 0;
if (id == 'fertilizer_machine_type_id') {
this.current.money = (this.machineList.find(i => i.id == e[0].value) || {}).money || 0;
this.current.fertilizer_machine_type_name = (this.machineList.find(i => i.id == e[0].value) || {}).name || 0;
console.log(this.list)
}
// if (name == 'fertilizer_machine_type_name') {
// let l = this.machineList.filter(i => i[id] == e[0].value);
// this.form.fertilizer_machine_type_id = (l[0] || {}).id || '';
// this.form.fertilizer_machine_type_name = (l[0] || {}).name || '';
// }
},
selectConfirmDate(e) {
this.form.return_date = e.year + '-' + e.month + '-' + e.day;
},
async getMachine() {
let res = await this.$u.api.app_lease_fertilizerMachineTypeSelect({}).catch(err => err.data || err);
if (res.code != 0) return this.loading = 'loadmore';
this.machineList = res.data || [];
},
/**
* 删除列表的施肥机押金单
* */
delFun(item, index) {
this.list.splice(index, 1)
},
/**
* 新增列表的施肥机押金单
*
* */
addRow() {
this.list.push({
fertilizer_machine_type_id: '', //施肥机类型ID
machine_count: '1',
fertilizer_machine_code: '', //施肥机编码
fertilizer_machine_type_name: '',
money: '', //押金
})
},
chooseCollect() {
if (this.editId) return this.$u.toast('不可修改付款方式')
this.collectionVisible = true
},
chooseBank() {
if (this.editId) return this.$u.toast('不可修改收款银行')
this.bankVisible = true
},
chooseReturnDete() {
console.log('111')
this.return_dateVisible = true
},
chooseFarmer() {
if (this.editId) return this.$u.toast('不可修改终端用户')
this.$u.route({
url: '/pages/choose_page/choose_page',
params: { index: 0, checked: 1, name: 'farmer' },
animationType: 'slide-in-right'
})
},
//选择终端用户
chooseFarmerFun(data, param) {
console.log(data, '终端用户=====')
console.log(data, 'data===')
this.form.farmer_id = data.id;
this.form.farm_name = data.name
console.log(this.form.farmer_id, this.form.farm_name, ' 选中终端用户===')
},
//============================
chooseCustom() {
if (this.editId) return this.$u.toast('不可修改客户')
this.$u.route({
url: '/pages/choose_page/choose_page',
params: {
come: 'payback_edit',
is_new: 1,
type: 3,
name: 'customer',
index: 1
},
animationType: 'slide-in-right'
})
},
multSelectConfirm(e, name, id) {
this.currentItem[name] = e[0].label, this.currentItem[id] = e[0].value;
},
async delview() {
let res = await this.$u.api.sale_bizreturndeposit_delete({ ids: this.editId.split(',') }).catch(err => err.data || err);
if (res.code != 0) return this.$u.toast('删除失败！');
this.$u.toast('删除成功！');
uni.navigateBack({
delta: 1
});
},
/**
* 押金确认
* */
async confirm() {
if (this.form.return_date == '' || !this.form.return_date) {
this.$u.toast('请选择收款日期！');
return
}
// if(this.form.img_url == ''){
// this.$u.toast('请上传附件！');
// return
// }
let json = {
id: this.editId,
return_date: this.form.return_date,
// img_url:this.form.img_url
}
let res = await this.$u.api.sale_bizreturndeposit_confirmPay(json).catch(err => err.data || err);
if (res.code != 0) return this.$u.toast('确认押金失败！');
this.$u.toast('确认押金成功！');
uni.navigateBack({
delta: 1
});
},
/**
* 新增，提交
*
* */
async formSend(param, val) {
this.submitLoading = true;
let api = this.editId ? 'sale_bizreturndeposit_update' : 'sale_bizreturndeposit_save';
param.money = this.total_deposit; //总押金
if (this.submitLoading) return this.$u.toast('请务重复点击！');
let res = await this.$u.api[api](param);
if (res.code == 0) this.editId = String(res.data.id);
if (val == 1 && res.data && res.data.id) {
res = await this.$u.api.sale_moneyback_apply({
id: this.editId
});
}
this.$u.submitToast(res, res.msg, this.delta)
this.submitLoading = false;
},
onUploaded(data, indexs, list, index) {
this.fileList = list;
console.log(data, indexs, list, index)
},
offEvent() {
uni.$off('chooseCustomer');
},
chooseCustomer(data) {
console.log('chooseCustomer')
this.form.custom_name = data.custom_name;
this.form.custom_id = data.id;
}
},
onReady() {
// this.$nextTick(() => {
// console.log(this.payRules)
// this.$refs.uForm.setRules(this.payRules)
// })
},
async onLoad(e) {
this.getMachine()
if (e) {
this.editId = e.id;
}
this.form.return_date = this.utils.getDate();
await this.getSelectData();
await this.getDatedetails();
if (this.editId) this.delta = 2;
uni.$on('chooseCustomer', this.chooseCustomer)
uni.$on('chooseFarmer', this.chooseFarmerFun)
},
onBackPress() {
this.offEvent()
},
onUnload() {
this.offEvent()
},
onNavigationBarButtonTap() {
if (!this.topButton) return;
let self = this;
uni.showActionSheet({
// itemList:['确认','删除'],
itemList: this.source_id == '' ? ['确认', '删除'] : ['确认'],
success: e => {
if (e.tapIndex == 0) {
// uni.navigateTo({
// url:'/pages/cashPledge/cash_edit?id='+self.editId
// })
self.confirm()
}
if (e.tapIndex == 1) {
self.delview()
}
}
});
}, }
</script>
<style scoped>
.tr .td input {
font-size: 26upx;
}
.pointer-events {
pointer-events: none;
/禁止触发事件/
}</style>
