Skip to content

梁建民 / scmMiniprogram

Go to a project
Commit 41566efc by liangjianmin
Options

css

parent 4b80da3f
Inline Side-by-side
Showing with 119 additions and 25 deletions
assets/css/order/index.scss
...@@ -79,6 +79,8 @@ ...@@ -79,6 +79,8 @@
position: relative; position: relative;
margin-left: 67rpx; margin-left: 67rpx;
height: 100rpx; height: 100rpx;
border-bottom: 1rpx solid #cad9e0;
.iconfont { .iconfont {
position: absolute; position: absolute;
right: 24rpx; right: 24rpx;
...@@ -94,13 +96,33 @@ ...@@ -94,13 +96,33 @@
} }
} }
.btn { .btn {
width: 702rpx; width: 400rpx;
height: 88rpx; height: 88rpx;
background: #197adb; background: #197adb;
border-radius: 4rpx; border-radius: 4rpx;
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
margin: 0 auto; }
.canel {
width: 200rpx;
height: 88rpx;
border: 1px solid #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #197adb;
}
.bottom {
margin-left: 67rpx;
margin-right: 24rpx;
margin-top: 24rpx;
}
.bar {
width: 100%;
height: 100rpx;
.uni-input {
width: 675rpx;
height: 100rpx;
}
} }
} }
} }
......
assets/css/payable/index.scss
...@@ -80,6 +80,7 @@ ...@@ -80,6 +80,7 @@
margin-left: 67rpx; margin-left: 67rpx;
height: 100rpx; height: 100rpx;
border-top: 1rpx solid #cad9e0; border-top: 1rpx solid #cad9e0;
border-bottom: 1rpx solid #cad9e0;
.iconfont { .iconfont {
position: absolute; position: absolute;
right: 24rpx; right: 24rpx;
...@@ -95,13 +96,33 @@ ...@@ -95,13 +96,33 @@
} }
} }
.btn { .btn {
width: 702rpx; width: 400rpx;
height: 88rpx; height: 88rpx;
background: #197adb; background: #197adb;
border-radius: 4rpx; border-radius: 4rpx;
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
margin: 0 auto; }
.canel {
width: 200rpx;
height: 88rpx;
border: 1px solid #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #197adb;
}
.bottom {
margin-left: 67rpx;
margin-right: 24rpx;
margin-top: 24rpx;
}
.bar {
width: 100%;
height: 100rpx;
.uni-input {
width: 675rpx;
height: 100rpx;
}
} }
} }
} }
......
assets/css/waitpayment/index.scss
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
position: relative; position: relative;
margin-left: 67rpx; margin-left: 67rpx;
height: 100rpx; height: 100rpx;
border-bottom: 1rpx solid #cad9e0; border-bottom: 1rpx solid #cad9e0;
.iconfont { .iconfont {
position: absolute; position: absolute;
right: 24rpx; right: 24rpx;
...@@ -110,11 +110,19 @@ ...@@ -110,11 +110,19 @@
font-size: 28rpx; font-size: 28rpx;
color: #197adb; color: #197adb;
} }
.bottom{ .bottom {
margin-left: 67rpx; margin-left: 67rpx;
margin-right: 24rpx; margin-right: 24rpx;
margin-top: 24rpx; margin-top: 24rpx;
} }
.bar {
width: 100%;
height: 100rpx;
.uni-input {
width: 675rpx;
height: 100rpx;
}
}
} }
} }
.list { .list {
...@@ -143,7 +151,7 @@ ...@@ -143,7 +151,7 @@
color: #f39d18; color: #f39d18;
} }
&.color2 { &.color2 {
color: #399CD7; color: #399cd7;
} }
} }
.orderNo { .orderNo {
......
pages/order/index.vue
...@@ -13,10 +13,15 @@ ...@@ -13,10 +13,15 @@
</view> </view>
<view class="show-box" v-if="shade_flag"> <view class="show-box" v-if="shade_flag">
<view class="input-box row verCenter"> <view class="input-box row verCenter">
<input type="text" placeholder="请输入供应商" class="uni-input" disabled="disabled" :value="suppliers[index].supplier_name" /> <picker class="row verCenter bar" :value="index" :range="suppliers" range-key="supplier_name" @change="bindPickerChange">
<input type="text" placeholder="请选择供应商" class="uni-input" disabled="true" :value="suppliers[index].supplier_name" />
</picker>
</view> </view>
<view class="input-time row verCenter"><uni-datetime-picker v-model="datetimerange" type="daterange" rangeSeparator="至" /></view> <view class="input-time row verCenter"><uni-datetime-picker v-model="datetimerange" type="daterange" rangeSeparator="至" /></view>
<view class="btn row rowCenter verCenter" @click="submit()">查 询</view> <view class="row bottom bothSide">
<view class="btn row rowCenter verCenter" @click="submit()">查 询</view>
<view class="canel row rowCenter verCenter" @click="canel()">重 置</view>
</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -182,6 +187,16 @@ export default { ...@@ -182,6 +187,16 @@ export default {
this.shade_flag = !this.shade_flag; this.shade_flag = !this.shade_flag;
this.getData(); this.getData();
}, },
canel() {
this.list = [];
this.page = 1;
this.shade_flag = !this.shade_flag;
this.param.erp_order_sn = '';
this.param.supplier_id = '';
this.param.status = 0;
this.index = -1;
this.getData();
},
inputChange() { inputChange() {
if (this.param.erp_order_sn) { if (this.param.erp_order_sn) {
this.input_status = true; this.input_status = true;
...@@ -228,7 +243,7 @@ export default { ...@@ -228,7 +243,7 @@ export default {
this.flag = true; this.flag = true;
} else if (res.err_code === 20046) { } else if (res.err_code === 20046) {
this.total = 0; this.total = 0;
this.order_num =''; this.order_num = '';
this.flag = true; this.flag = true;
this.status = 'noMore'; this.status = 'noMore';
} else { } else {
......
pages/payable/index.vue
...@@ -12,11 +12,11 @@ ...@@ -12,11 +12,11 @@
</view> </view>
</view> </view>
<view class="show-box" v-if="shade_flag"> <view class="show-box" v-if="shade_flag">
<view class="input-time row verCenter"> <view class="input-time row verCenter"><uni-datetime-picker @change="change" v-model="datetimerange" type="daterange" rangeSeparator="至" /></view>
<picker mode="date" :value="date" @change="bindDateChange"><input type="text" placeholder="请选择下单时间" class="uni-input" :value="date" /></picker> <view class="row bottom bothSide">
<text class="iconfont icon-Chevron"></text> <view class="btn row rowCenter verCenter" @click="submit()">查 询</view>
<view class="canel row rowCenter verCenter" @click="canel()">重 置</view>
</view> </view>
<view class="btn row rowCenter verCenter" @click="submit()">查 询</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -93,6 +93,7 @@ export default { ...@@ -93,6 +93,7 @@ export default {
limit: 1000, limit: 1000,
status: 'more', status: 'more',
date: '', date: '',
datetimerange: ['', ''],
contentText: { contentText: {
contentdown: '下拉加载更多', contentdown: '下拉加载更多',
contentrefresh: '加载数据中...', contentrefresh: '加载数据中...',
...@@ -124,6 +125,14 @@ export default { ...@@ -124,6 +125,14 @@ export default {
this.shade_flag = !this.shade_flag; this.shade_flag = !this.shade_flag;
this.getData(); this.getData();
}, },
canel() {
this.list = [];
this.page = 1;
this.shade_flag = !this.shade_flag;
this.param.orderNo = '';
this.datetimerange = ['', ''];
this.getData();
},
inputChange() { inputChange() {
if (this.param.erp_order_sn) { if (this.param.erp_order_sn) {
this.input_status = true; this.input_status = true;
...@@ -148,7 +157,8 @@ export default { ...@@ -148,7 +157,8 @@ export default {
limit: this.limit, limit: this.limit,
page: this.page, page: this.page,
orderNo: this.param.orderNo, orderNo: this.param.orderNo,
end_time: this.param.end_time orderDateFrom: this.datetimerange[0] || '',
orderDateTo: this.datetimerange[1] || ''
}, },
this.loading this.loading
).then(res => { ).then(res => {
...@@ -172,6 +182,13 @@ export default { ...@@ -172,6 +182,13 @@ export default {
} }
}); });
}, },
change(e) {
console.log(e);
this.list = [];
this.page = 1;
this.datetimerange = e;
this.getData();
},
bindDateChange(e) { bindDateChange(e) {
console.log('picker发送选择改变，携带值为', e.target.value); console.log('picker发送选择改变，携带值为', e.target.value);
this.date = e.target.value; this.date = e.target.value;
......
pages/payment/index.vue
...@@ -3,7 +3,9 @@ ...@@ -3,7 +3,9 @@
<view class="search-box row bothSide verCenter"> <view class="search-box row bothSide verCenter">
<view class="box row verCenter w1"><uni-datetime-picker @change="change" v-model="datetimerange" type="daterange" rangeSeparator="至" /></view> <view class="box row verCenter w1"><uni-datetime-picker @change="change" v-model="datetimerange" type="daterange" rangeSeparator="至" /></view>
<view class="box row verCenter w2"> <view class="box row verCenter w2">
<picker :value="index" :range="currency" @change="bindPickerChange"><input type="text" placeholder="付汇币别" class="uni-input" :value="currency[index]" /></picker> <picker :value="index" :range="currency" @change="bindPickerChange">
<input type="text" disabled="true" placeholder="付汇币别" class="uni-input" :value="currency[index]" />
</picker>
<text class="iconfont icon-Chevron"></text> <text class="iconfont icon-Chevron"></text>
</view> </view>
</view> </view>
......
pages/waitpayment/index.vue
...@@ -13,13 +13,13 @@ ...@@ -13,13 +13,13 @@
</view> </view>
<view class="show-box" v-if="shade_flag"> <view class="show-box" v-if="shade_flag">
<view class="input-box row verCenter"> <view class="input-box row verCenter">
<picker :value="index" :range="suppliers" range-key="supplier_name" @change="bindPickerChange"> <picker class="row verCenter bar" :value="index" :range="suppliers" range-key="supplier_name" @change="bindPickerChange">
<input type="text" placeholder="请输入供应商" class="uni-input" disabled="disabled" :value="suppliers[index].supplier_name" /> <input type="text" placeholder="请选择供应商" class="uni-input" disabled="true" :value="suppliers[index].supplier_name" />
</picker> </picker>
</view> </view>
<view class="input-time row verCenter"> <view class="input-time row verCenter">
<picker :value="index" :range="currency" @change="bindPickerChange"> <picker class="row verCenter bar" :value="currentyIndex" :range="currency" @change="bindPickerChangeCurrenty">
<input type="text" placeholder="付汇币别" class="uni-input" :value="currency[index]" /> <input disabled="true" type="text" placeholder="请选择付汇币别" class="uni-input" :value="currency[currentyIndex]" />
</picker> </picker>
<text class="iconfont icon-Chevron"></text> <text class="iconfont icon-Chevron"></text>
</view> </view>
...@@ -85,10 +85,8 @@ ...@@ -85,10 +85,8 @@
<script> <script>
import { API } from '@/util/api.js'; import { API } from '@/util/api.js';
import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
export default { export default {
components: { uniLoadMore },
data() { data() {
return { return {
flage: false, flage: false,
...@@ -98,9 +96,9 @@ export default { ...@@ -98,9 +96,9 @@ export default {
list: [], list: [],
loading: true, loading: true,
index: -1, index: -1,
currentyIndex: -1,
suppliers: [], suppliers: [],
status: 'more', status: 'more',
index: -1,
currency: [], currency: [],
contentText: { contentText: {
contentdown: '下拉加载更多', contentdown: '下拉加载更多',
...@@ -153,6 +151,17 @@ export default { ...@@ -153,6 +151,17 @@ export default {
this.input_status = false; this.input_status = false;
this.param.entrustNumber = ''; this.param.entrustNumber = '';
}, },
canel() {
this.list = [];
this.page = 1;
this.index = -1;
this.currentyIndex = -1;
this.param.entrustNumber = '';
this.param.supplierName = '';
this.param.settleMentCurrency = '';
this.shade_flag = !this.shade_flag;
this.getData();
},
submit() { submit() {
this.list = []; this.list = [];
this.page = 1; this.page = 1;
...@@ -183,7 +192,7 @@ export default { ...@@ -183,7 +192,7 @@ export default {
page: this.page, page: this.page,
entrustNumber: this.param.entrustNumber, entrustNumber: this.param.entrustNumber,
supplierName: this.param.supplierName, supplierName: this.param.supplierName,
settleMentCurrency: this.settleMentCurrency settleMentCurrency: this.param.settleMentCurrency
}, },
this.loading this.loading
).then(res => { ).then(res => {
...@@ -212,7 +221,7 @@ export default { ...@@ -212,7 +221,7 @@ export default {
}, },
bindPickerChangeCurrenty(e) { bindPickerChangeCurrenty(e) {
console.log('picker发送选择改变，携带值为', e.target.value); console.log('picker发送选择改变，携带值为', e.target.value);
this.index = e.target.value; this.currentyIndex = e.target.value;
this.param.settleMentCurrency = this.currency[e.target.value]; this.param.settleMentCurrency = this.currency[e.target.value];
this.reset(); this.reset();
this.getData(); this.getData();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment