#### **axml代碼**
```
<view class="flex_c pd_l15 pd_r15 pd_t10 pd_b10 fs13">
<view class="flexitem t_gy6">申請信息</view>
</view>
<form class="carform mg_b10" onSubmit="formSubmit" onReset="formReset">
<view class="list">
<view class="item flex_c">
<view class="label">申請人:</view>
<view class="flexitem">
<input class="ta_r" disabled placeholder="申請人" value="{{user.name}}"></input>
</view>
</view>
<view class="item lower flex_c">
<view class="label">供應商:</view>
<view class="flexitem row-title">
<picker onChange="bindObjPickerChange" value="{{arrIndex}}" range="{{supplierList}}" range-key="name">
<view class="row">
<view class="row-extra">{{supplierList[arrIndex].name}}</view>
</view>
</picker>
</view>
</view>
<view class="item lower flex_c">
<view class="label">下單日期:</view>
<view class="flexitem" onTap="onStartTime">
<view class="icon date ta_r">{{startTime}}</view>
</view>
</view>
<view class="item lower flex_c">
<view class="label">采購日期:</view>
<view class="flexitem" onTap="onEndTime">
<view class="icon date ta_r">{{endTime}}</view>
</view>
</view>
<view class="item">
<view class="lower flex_c">
<view class="label">照片:</view>
</view>
<view class="flexitem flex_c">
<am-input-item type="text" placeholder="點擊上傳采購照片" onFocus="onUploadFileMultiple"></am-input-item>
<image a:for="{{feeImagesList}}" a:key="key" mode="scaleToFill" src="{{baseUrl + item}}"></image>
</view>
</view>
<view class="item">
<view class="lower flex_c">
<view class="label">備注:</view>
</view>
<view class="flex_c flexitem">
<textarea placeholder="請輸入備注" name="remark" class="fs15"></textarea>
</view>
</view>
</view>
<approveflow approvalList="{{approvalList}}" copyList="{{copyList}}"></approveflow>
<!-- <view a:for="{{approvalList}}">審批人:{{item.title}}-{{item.person_text?item.person_text:item.department_text}}</view>
<view a:for="{{copyList}}">抄送人:{{item.person_text}}</view> -->
<view class="fixbtn">
<button loading="{{submitLoading}}" disabled="{{submitLoading}}" formType="submit">提交申請</button>
</view>
</form>
```
*****
#### **js請求代碼**
```
import stockApi from '/api/impl/stockApi';
import userApi from '/api/impl/userApi';
import commonApi from '/api/impl/commonApi';
import Validate from '/util/common/validate.js'
let app = getApp();
Page({
data: {
code: '',
user: [],
departmentName: '',
usecarColumn: [],
usecarChildColumn: [],
usecarChildTypeId: '',
usecarChildTypeText: '',
startTime: '',
endTime: '',
nowDate: '',
approvalList: [],
copyList: [],
eventCode: 'use_car',
passengers: '',
passengersText: '',
submitLoading: false,
baseUrl: app.globalData.baseUrl,
initialMileageImage: '',
feeImagesList: [],
supplierList:[
{
id: 0,
name: '請選擇',
},
],
arrIndex: 0,
supplierId:'',
},
onLoad() {
this.getUserDepartment();
this.getUseCarType();
this.getFlowSet();
let myDate = new Date();
this.setData({
nowDate: myDate.getFullYear() + '-' + (myDate.getMonth() + 1) + '-' + myDate.getDate() + ' ' + myDate.getHours() + ':' + myDate.getMinutes(),
user: app.globalData.userInfo
});
//表單驗證
this.initValidate();
this.getSupplierList();
},
/**
* 驗證函數
*/
initValidate() {
const rules = {
start_time: {
required: true
},
end_time: {
required: true
},
remark: {
required: true
},
}
const messages = {
start_time: {
required: '下單日期不能為空'
},
end_time: {
required: '采購日期不能為空'
},
remark: {
required: '備注不能為空'
}
}
this.validate = new Validate(rules, messages)
},
//獲取申請人信息
getUserDepartment(){
let _this = this
userApi.getUserDepartment().then(function(res){
let data = res.data
_this.setData({
departmentName: data.name
})
})
},
//審批人
getUseCarType(){
let _this = this
commonApi.getUseCarType().then(function(res){
let data = res.data
_this.setData({
usecarColumn: data
})
})
},
//抄送
getFlowSet(){
let _this = this
commonApi.getFlowSet(_this.data.eventCode).then(function(res){
let data = res.data
_this.setData({
approvalList: data.approval,
copyList: data.copy
})
})
},
//表單提交
formSubmit: function(e) {
let _this = this;
let params = e.detail.value;
params.code = _this.data.eventCode;
params.start_time = _this.data.startTime;
params.end_time = _this.data.endTime;
params.supplier_id = _this.data.supplierId;
params.bill_image = _this.data.feeImagesList.join(',');
//校驗表單
if (!_this.validate.checkForm(params)) {
const error = _this.validate.errorList[0]
dd.alert({content: error.msg});
return false
}
_this.setData({
submitLoading: true
});
stockApi.stockin(params).then(function(res){
_this.setData({
submitLoading: false
})
dd.showToast({content: res.msg});
dd.navigateBack();
}).catch(function(err){
_this.setData({
submitLoading: false
})
dd.alert({content: err.msg});
});
},
formReset: function() {
console.log('form發生了reset事件')
},
// 下單日期:
onStartTime() {
let _this = this;
dd.datePicker({
format: 'yyyy-MM-dd HH:mm',
currentDate: _this.data.nowDate,
startDate: _this.data.nowDate,
// endDate: '2012-01-10 11:11',
success: (res) => {
_this.setData({
startTime: res.date
});
},
});
},
// 采購日期:
onEndTime() {
let _this = this;
dd.datePicker({
format: 'yyyy-MM-dd HH:mm',
currentDate: _this.data.nowDate,
startDate: _this.data.nowDate,
// endDate: '2012-01-10 11:11',
success: (res) => {
_this.setData({
endTime: res.date
});
},
});
},
// 多圖上傳
onUploadFileMultiple() {
let _this = this;
dd.chooseImage({
count: 10,
success: (res) => {
dd.compressImage({
filePaths:res.filePaths,
compressLevel:2,
success:(res2)=>{
let filePaths = res2.filePaths
filePaths.forEach(item => {
commonApi.uploadFile(item).then(res3 => {
let feeImagesList = _this.data.feeImagesList;
feeImagesList.push(res3.data.url);
_this.setData({
feeImagesList: feeImagesList
})
}).catch(err3 => {
console.log(err3)
})
});
}
});
},
});
},
// 預覽圖片
previewImage: function (e) {
let imageurl = this.data.baseUrl + e.currentTarget.dataset.imageurl;
dd.previewImage({
current: 0,
urls: [
imageurl
],
});
},
//供應商切換
bindObjPickerChange(e) {
let _this = this;
let supplierList = _this.data.supplierList;
let supplierId = supplierList[e.detail.value] ? supplierList[e.detail.value].id : 0;
console.log(supplierId)
_this.setData({
arrIndex: e.detail.value,
supplierId: supplierId,
});
},
//獲取供應商列表
getSupplierList: function(){
let _this = this
stockApi.getSupplierList().then(function(res){
let data = res.data
_this.setData({
supplierList: data,
supplierId: 0,
})
})
},
//不關閉跳轉指定頁面
goUsecarlist() {
dd.navigateTo({
url: '/page/home/apply/usecarlist/usecarlist'
})
},
goUsecarrider() {
dd.navigateTo({
url: '/page/home/apply/usecarrider/usecarrider?passengers=' + this.data.passengers + '&passengersText=' + this.data.passengersText
})
}
});
```