Leadfyy.co
/
uniapp-supplychain
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

[优化] 新增按钮防止重复点击

master
邓平艺 5 years ago
parent
bdbbe6f642
commit
a6ea960513
11 changed files with 125 additions and 38 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      canteen/App.vue
  2. 17
      canteen/pages/delivery/apply.vue
  3. 10
      canteen/pages/delivery/detail.vue
  4. 10
      canteen/pages/login/index.vue
  5. 26
      canteen/pages/purchase/detail.vue
  6. 14
      canteen/pages/purchase/launch.vue
  7. 7
      supplier/App.vue
  8. 30
      supplier/pages/gonghuo/detail.vue
  9. 10
      supplier/pages/login/index.vue
  10. 20
      supplier/pages/offer/index.vue
  11. 12
      supplier/pages/order/detail.vue

7
canteen/App.vue
View File

@ -49,6 +49,13 @@
@import '@/common/styles/theme.css'; @import '@/common/styles/theme.css';
@import '@/common/styles/common.css'; @import '@/common/styles/common.css';
// 禁用的按钮
.lf-btn-disabled{
background-color: #cfd0d1 !important;
color: #FFFFFF !important;
border: none !important;
opacity: 1 !important;
}
//底部按钮 //底部按钮
.btn-bottom { .btn-bottom {
position: fixed; position: fixed;

17
canteen/pages/delivery/apply.vue
View File

@ -28,11 +28,11 @@
<view class="fixed-bottom lf-p-l-32 lf-p-r-32" style="justify-content: space-between;" v-if="enter_type == 1"> <view class="fixed-bottom lf-p-l-32 lf-p-r-32" style="justify-content: space-between;" v-if="enter_type == 1">
<view></view> <view></view>
<!-- <button class="btn btn2" @click="editOrder()">立即申请</button> --> <!-- <button class="btn btn2" @click="editOrder()">立即申请</button> -->
<button class="btn btn2" @click="save(1)">立即申请</button>
<button class="btn btn2" :class="{'lf-btn-disabled': button_click}" @click="save(1)">立即申请</button>
</view> </view>
<view class="fixed-bottom" v-else> <view class="fixed-bottom" v-else>
<button class="btn btn1" @click="save(0)">临时保存</button>
<button class="btn btn2" @click="save(1)">直接申请</button>
<button class="btn btn1" :class="{'lf-btn-disabled': button_click}" @click="save(0)">临时保存</button>
<button class="btn btn2" :class="{'lf-btn-disabled': button_click}" @click="save(1)">直接申请</button>
</view> </view>
</view> </view>
</template> </template>
@ -87,7 +87,8 @@
warehouse_list: {}, warehouse_list: {},
enter_type: '', // 1 编辑，2 复用 enter_type: '', // 1 编辑，2 复用
o_sn: '', o_sn: '',
isStock: true
isStock: true,
button_click: false
} }
}, },
onLoad(e){ onLoad(e){
@ -196,7 +197,10 @@
}, },
// 保存，出库 // 保存，出库
save(_t){ save(_t){
if(this.button_click) return;
this.button_click = true;
if(this.contents.length <= 0) { if(this.contents.length <= 0) {
this.button_click = false;
return this.$msg('您未选择物资') return this.$msg('您未选择物资')
} }
let is_empty = false; let is_empty = false;
@ -263,6 +267,7 @@
showCancel: false, showCancel: false,
confirmColor: '#11D189' confirmColor: '#11D189'
}) })
this.button_click = false;
return; return;
} }
let state = ['待确认', '申请中'][_t]; // 传入状态 let state = ['待确认', '申请中'][_t]; // 传入状态
@ -277,7 +282,9 @@
} }
this.$http(_api, _data).then(res => { this.$http(_api, _data).then(res => {
this.$msg('操作成功').then(() => this.$toBack()); this.$msg('操作成功').then(() => this.$toBack());
})
}).catch(err => this.button_click = false);
}else{
this.button_click = false;
} }
} }
} }

10
canteen/pages/delivery/detail.vue
View File

@ -33,7 +33,7 @@
<view class="fixed-bottom"> <view class="fixed-bottom">
<view v-if="type == '待确认'" class="lf-row-flex-end" style="justify-content: space-between;width: 100%;"> <view v-if="type == '待确认'" class="lf-row-flex-end" style="justify-content: space-between;width: 100%;">
<button class="btn btn1" @click="$url('/pages/delivery/apply?o_sn='+ o_sn+'&enter_type=1')">编辑</button> <button class="btn btn1" @click="$url('/pages/delivery/apply?o_sn='+ o_sn+'&enter_type=1')">编辑</button>
<button class="btn btn2" @click="orderStateChange('申请中')">立即申请</button>
<button class="btn btn2" :class="{'lf-btn-disabled': button_click}" @click="orderStateChange('申请中')">立即申请</button>
</view> </view>
<view v-else-if="type == '已出库'" class="lf-row-between" style="justify-content: space-between;width: 100%;"> <view v-else-if="type == '已出库'" class="lf-row-between" style="justify-content: space-between;width: 100%;">
<button class="btn btn1" @click="$url('/pages/delivery/apply?o_sn='+ o_sn+'&enter_type=2')">复用出库单</button> <button class="btn btn1" @click="$url('/pages/delivery/apply?o_sn='+ o_sn+'&enter_type=2')">复用出库单</button>
@ -90,7 +90,8 @@
o_sn: '', o_sn: '',
order: {}, order: {},
type: 4, type: 4,
show_count: 0
show_count: 0,
button_click: false
} }
}, },
onLoad(options){ onLoad(options){
@ -153,14 +154,17 @@
}, },
// 改变订单状态 // 改变订单状态
orderStateChange(state){ orderStateChange(state){
if(this.button_click) return;
this.button_click = true;
this.$http(this.API.API_CANTEEN_WAREHOUSEUPDATE, { this.$http(this.API.API_CANTEEN_WAREHOUSEUPDATE, {
w_sn: this.o_sn, w_sn: this.o_sn,
state: state state: state
}).then(res => { }).then(res => {
console.log("res", res); console.log("res", res);
this.$msg('操作成功'); this.$msg('操作成功');
this.button_click = false;
this.getData(); this.getData();
})
}).catch(err => this.button_click = false);
} }
} }
} }

10
canteen/pages/login/index.vue
View File

@ -39,7 +39,7 @@
</view> </view>
<view> <view>
<!-- 登录按钮 --> <!-- 登录按钮 -->
<button class="button" @click="login">登录</button>
<button class="button" :class="{'lf-btn-disabled': button_click}" @click="login">登录</button>
</view> </view>
</view> </view>
<view :style="is_focus ? 'height: 540rpx' : 'height: 40rpx'"></view> <view :style="is_focus ? 'height: 540rpx' : 'height: 40rpx'"></view>
@ -54,7 +54,8 @@
return { return {
is_focus: false, is_focus: false,
user_key: '', user_key: '',
user_pw: ''
user_pw: '',
button_click: false
} }
}, },
onLoad(options){ onLoad(options){
@ -78,19 +79,22 @@
}, 0); // 给click事件留出时间 }, 0); // 给click事件留出时间
}, },
login(){ login(){
if(this.button_click) return;
if(!this.user_key){ if(!this.user_key){
this.$msg('账号不能为空'); this.$msg('账号不能为空');
}else if(!this.user_pw){ }else if(!this.user_pw){
this.$msg('密码不能为空'); this.$msg('密码不能为空');
}else{ }else{
this.button_click = true;
this.$http(this.API.API_CANTEEN_LOGIN, { this.$http(this.API.API_CANTEEN_LOGIN, {
username: this.user_key, username: this.user_key,
password: this.user_pw password: this.user_pw
}).then(res => { }).then(res => {
console.log("login", res); console.log("login", res);
uni.setStorageSync('canteen_token', res.data.token); uni.setStorageSync('canteen_token', res.data.token);
this.button_click = false;
this.$url('/pages/index/index', {tyep: 'redirect'}); this.$url('/pages/index/index', {tyep: 'redirect'});
})
}).catch(err => this.button_click = false);
} }
} }
} }

26
canteen/pages/purchase/detail.vue
View File

@ -65,13 +65,13 @@
<view class="fixed-bottom" v-if="type && type != '备货中'"> <view class="fixed-bottom" v-if="type && type != '备货中'">
<view v-if="type == '待发单'" class="lf-row-flex-end"> <view v-if="type == '待发单'" class="lf-row-flex-end">
<button class="btn btn1" @click="$url('/pages/purchase/launch?p_sn='+ order.p_sn+'&enter_type=1')">编辑</button> <button class="btn btn1" @click="$url('/pages/purchase/launch?p_sn='+ order.p_sn+'&enter_type=1')">编辑</button>
<button class="btn btn2" @click="orderStateChange('待接单')">立即发单</button>
<button class="btn btn2" :class="{'lf-btn-disabled': button_click}" @click="orderStateChange('待接单')">立即发单</button>
</view> </view>
<view v-else-if="type == '待接单'" class="lf-row-flex-end"> <view v-else-if="type == '待接单'" class="lf-row-flex-end">
<button class="btn btn2" style="background-color: #FF0000;" @click="orderStateChange('已撤销')">撤销订单</button>
<button class="btn btn2" :class="{'lf-btn-disabled': button_click}" style="background-color: #FF0000;" @click="orderStateChange('已撤销')">撤销订单</button>
</view> </view>
<view v-else-if="type == '已发货'" class="lf-row-flex-end"> <view v-else-if="type == '已发货'" class="lf-row-flex-end">
<button class="btn btn1" @click="orderStateChange('已退单')">退单</button>
<button class="btn btn1" :class="{'lf-btn-disabled': button_click}" @click="orderStateChange('已退单')">退单</button>
<button class="btn btn1 lf-m-l-20" @click="is_show_voucher = true">上传凭证</button> <button class="btn btn1 lf-m-l-20" @click="is_show_voucher = true">上传凭证</button>
<button class="btn btn2" @click="$url('/pages/purchase/receipt?p_sn='+ order.p_sn)">清点物资</button> <button class="btn btn2" @click="$url('/pages/purchase/receipt?p_sn='+ order.p_sn)">清点物资</button>
</view> </view>
@ -174,7 +174,8 @@
voucher_count: 6, voucher_count: 6,
show_count: 0, show_count: 0,
canteen_voucher: [], // 食堂端凭证 canteen_voucher: [], // 食堂端凭证
supplier_voucher: [] // 供应端凭证
supplier_voucher: [], // 供应端凭证
button_click: false
} }
}, },
onLoad(options){ onLoad(options){
@ -293,8 +294,11 @@
// 用户点击确定，将图片上传至oss，并将url发送给后端 // 用户点击确定，将图片上传至oss，并将url发送给后端
submitImage(){ submitImage(){
let that = this; let that = this;
if(that.button_click) return;
that.button_click = true;
let voucher_list = that.voucher_list; let voucher_list = that.voucher_list;
if(voucher_list.length <= 0){ if(voucher_list.length <= 0){
that.button_click = false;
return that.$msg('您未上传图片哦'); return that.$msg('您未上传图片哦');
}; };
that.is_show_voucher = false; that.is_show_voucher = false;
@ -323,11 +327,16 @@
uni.hideLoading(); uni.hideLoading();
that.voucher_list = []; that.voucher_list = [];
that.$msg('凭证已上传成功!'); that.$msg('凭证已上传成功!');
that.button_click = false;
that.getData(); that.getData();
}).catch(err => uni.hideLoading());
}).catch(err => {
uni.hideLoading();
that.button_click = false;
});
}).catch(err => { }).catch(err => {
uni.hideLoading(); uni.hideLoading();
that.button_click = false;
uni.showModal({ uni.showModal({
title: '', title: '',
content: JSON.stringify(err), content: JSON.stringify(err),
@ -339,6 +348,8 @@
// 改变订单状态 // 改变订单状态
orderStateChange(state){ orderStateChange(state){
let that = this; let that = this;
if(that.button_click) return;
that.button_click = true;
if(state == '已退单'){ if(state == '已退单'){
uni.showModal({ uni.showModal({
title: '温馨提示', title: '温馨提示',
@ -348,6 +359,8 @@
success: result => { success: result => {
if(result.confirm){ if(result.confirm){
$change(); $change();
}else{
that.button_click = false;
} }
} }
}) })
@ -360,8 +373,9 @@
p_sn: that.p_sn, p_sn: that.p_sn,
state: state state: state
}).then(res => { }).then(res => {
that.button_click = false;
that.$msg('操作成功').then(()=> that.getData()); that.$msg('操作成功').then(()=> that.getData());
})
}).catch(err => that.button_click = false)
} }
} }
} }

14
canteen/pages/purchase/launch.vue
View File

@ -51,8 +51,8 @@
<!-- 操作按钮 --> <!-- 操作按钮 -->
<view style="height: 140rpx;"></view> <view style="height: 140rpx;"></view>
<view class="fixed-bottom"> <view class="fixed-bottom">
<button class="btn btn1" @click="save(0)">临时保存</button>
<button class="btn btn2" @click="save(1)">保存并发单</button>
<button class="btn btn1" :class="{'lf-btn-disabled': button_click}" @click="save(0)">临时保存</button>
<button class="btn btn2" :class="{'lf-btn-disabled': button_click}" @click="save(1)">保存并发单</button>
</view> </view>
</view> </view>
</template> </template>
@ -74,7 +74,8 @@
show_count: 0, // 页面显示次数 show_count: 0, // 页面显示次数
p_sn: '', // 订单号，如果有 p_sn: '', // 订单号，如果有
type: 0 ,// 类型, 1编辑, 2复用 type: 0 ,// 类型, 1编辑, 2复用
first_time: true
first_time: true,
button_click: false
} }
}, },
onLoad(options){ onLoad(options){
@ -279,6 +280,8 @@
}, },
// 保存并发单 // 保存并发单
save(_t){ save(_t){
if(this.button_click) return;
this.button_click = true;
let material_list = this.render_material_list; let material_list = this.render_material_list;
let list = []; let list = [];
let is_empty = true; // 物资数据是否为空 let is_empty = true; // 物资数据是否为空
@ -311,14 +314,17 @@
let deadline = this.date; let deadline = this.date;
if(!deadline){ if(!deadline){
this.$msg('请选择收货时间'); this.$msg('请选择收货时间');
this.button_click = false;
return; return;
} }
if(is_empty){ if(is_empty){
this.$msg('您未选择物资'); this.$msg('您未选择物资');
this.button_click = false;
return; return;
} }
if(!is_right){ if(!is_right){
this.$msg('采购数量需大于起购数量'); this.$msg('采购数量需大于起购数量');
this.button_click = false;
return; return;
} }
let _api = this.API.API_CANTEEN_PURCHASEAPPLY; let _api = this.API.API_CANTEEN_PURCHASEAPPLY;
@ -333,7 +339,7 @@
} }
this.$http(_api, _data).then(res => { this.$http(_api, _data).then(res => {
this.$msg('操作成功').then(()=>{this.$toBack()}); this.$msg('操作成功').then(()=>{this.$toBack()});
})
}).catch(err => this.button_click = false);
}, },
// 页面跳转添加供应商 // 页面跳转添加供应商
addSupplier(){ addSupplier(){

7
supplier/App.vue
View File

@ -49,6 +49,13 @@
@import '@/common/styles/theme.css'; @import '@/common/styles/theme.css';
@import '@/common/styles/common.css'; @import '@/common/styles/common.css';
// 禁用的按钮
.lf-btn-disabled{
background-color: #cfd0d1 !important;
color: #FFFFFF !important;
border: none !important;
opacity: 1 !important;
}
//底部按钮 //底部按钮
.btn-bottom { .btn-bottom {
position: fixed; position: fixed;

30
supplier/pages/gonghuo/detail.vue
View File

@ -77,7 +77,7 @@
<!-- 操作按钮 --> <!-- 操作按钮 -->
<view class="fixed-bottom"> <view class="fixed-bottom">
<view v-if="type == '待接单'" class="lf-row-flex-end"> <view v-if="type == '待接单'" class="lf-row-flex-end">
<button class="btn btn2" style="background-color: #1833F2;" @click="orderTaking">立即接单</button>
<button class="btn btn2" :class="{'lf-btn-disabled': button_click}" style="background-color: #1833F2;" @click="orderTaking">立即接单</button>
</view> </view>
<view v-else-if="type == '备货中'" class="lf-row-flex-end"> <view v-else-if="type == '备货中'" class="lf-row-flex-end">
<button class="btn btn1" @click="is_show_voucher = true">上传凭证</button> <button class="btn btn1" @click="is_show_voucher = true">上传凭证</button>
@ -198,7 +198,8 @@
driver_name: '', driver_name: '',
driver_phone: '', driver_phone: '',
canteen_voucher: [], // 食堂端凭证 canteen_voucher: [], // 食堂端凭证
supplier_voucher: [] // 供应端凭证
supplier_voucher: [], // 供应端凭证
button_click: false
} }
}, },
onLoad(options){ onLoad(options){
@ -315,8 +316,13 @@
// 用户点击确定，将图片上传至oss，并将url发送给后端 // 用户点击确定，将图片上传至oss，并将url发送给后端
submitImage(){ submitImage(){
let that = this; let that = this;
if(that.button_click){
return;
}
that.button_click = true;
let voucher_list = that.voucher_list; let voucher_list = that.voucher_list;
if(voucher_list.length <= 0){ if(voucher_list.length <= 0){
that.button_click = false;
return that.$msg('您未上传图片哦'); return that.$msg('您未上传图片哦');
}; };
that.is_show_voucher = false; that.is_show_voucher = false;
@ -345,11 +351,16 @@
uni.hideLoading(); uni.hideLoading();
that.voucher_list = []; that.voucher_list = [];
that.$msg('凭证已上传成功!'); that.$msg('凭证已上传成功!');
that.button_click = false;
that.getData(); that.getData();
}).catch(err => uni.hideLoading());
}).catch(err => {
uni.hideLoading();
that.button_click = false;
});
}).catch(err => { }).catch(err => {
uni.hideLoading(); uni.hideLoading();
that.button_click = false;
uni.showModal({ uni.showModal({
title: '', title: '',
content: JSON.stringify(err), content: JSON.stringify(err),
@ -360,23 +371,31 @@
}, },
// 立即接单 // 立即接单
orderTaking(){ orderTaking(){
if(this.button_click) return;
this.button_click = true;
this.$http(this.API.API_SUPPLIER_PURCHASEORDERACCEPT, { this.$http(this.API.API_SUPPLIER_PURCHASEORDERACCEPT, {
p_sn: this.p_sn p_sn: this.p_sn
}).then(res => { }).then(res => {
this.$msg('接单成功'); this.$msg('接单成功');
this.button_click = false;
this.getData(); this.getData();
});
}).catch(err => this.button_click = false)
}, },
// 确认发货 // 确认发货
confirmDeliver(){ confirmDeliver(){
if(this.buttom_click) return;
this.buttom_click = true;
let l_p_num = this.l_p_num; let l_p_num = this.l_p_num;
let driver_name = this.driver_name; let driver_name = this.driver_name;
let driver_phone = this.driver_phone; let driver_phone = this.driver_phone;
if(!l_p_num){ if(!l_p_num){
this.buttom_click = false;
return this.$msg('请输入车牌号') return this.$msg('请输入车牌号')
}else if(!driver_name){ }else if(!driver_name){
this.buttom_click = false;
return this.$msg('请输入司机姓名') return this.$msg('请输入司机姓名')
}else if(!driver_phone){ }else if(!driver_phone){
this.buttom_click = false;
return this.$msg('请输入司机电话') return this.$msg('请输入司机电话')
} }
this.is_show_receiving = false; this.is_show_receiving = false;
@ -387,8 +406,9 @@
car_license: l_p_num car_license: l_p_num
}).then(res => { }).then(res => {
this.$msg('确认发货成功'); this.$msg('确认发货成功');
this.buttom_click = false;
this.getData(); this.getData();
});
}).catch(err => this.buttom_click = false)
} }
} }
} }

10
supplier/pages/login/index.vue
View File

@ -39,7 +39,7 @@
</view> </view>
<view> <view>
<!-- 登录按钮 --> <!-- 登录按钮 -->
<button class="button" @click="login">登录</button>
<button class="button" :class="{'lf-btn-disabled': button_click}" @click="login">登录</button>
</view> </view>
</view> </view>
<view :style="is_focus ? 'height: 540rpx' : 'height: 40rpx'"></view> <view :style="is_focus ? 'height: 540rpx' : 'height: 40rpx'"></view>
@ -54,7 +54,8 @@
return { return {
is_focus: false, is_focus: false,
user_key: '', user_key: '',
user_pw: ''
user_pw: '',
button_click: false
} }
}, },
methods: { methods: {
@ -75,19 +76,22 @@
}, 0); // 给click事件留出时间 }, 0); // 给click事件留出时间
}, },
login(){ login(){
if(this.button_click) return;
if(!this.user_key){ if(!this.user_key){
this.$msg('账号不能为空'); this.$msg('账号不能为空');
}else if(!this.user_pw){ }else if(!this.user_pw){
this.$msg('密码不能为空'); this.$msg('密码不能为空');
}else{ }else{
this.button_click = true;
this.$http(this.API.API_SUPPLIER_LOGIN, { this.$http(this.API.API_SUPPLIER_LOGIN, {
username: this.user_key, username: this.user_key,
password: this.user_pw password: this.user_pw
}).then(res => { }).then(res => {
console.log("login", res); console.log("login", res);
uni.setStorageSync('supply_token', res.data.token); uni.setStorageSync('supply_token', res.data.token);
this.buttom_click = false;
this.$url('/pages/index/index', {tyep: 'redirect'}); this.$url('/pages/index/index', {tyep: 'redirect'});
})
}).catch(err => this.buttom_click = false);
} }
} }
} }

20
supplier/pages/offer/index.vue
View File

@ -65,8 +65,8 @@
<view style="height: 140rpx;"></view> <view style="height: 140rpx;"></view>
<!-- 操作按钮 --> <!-- 操作按钮 -->
<view class="fixed-bottom"> <view class="fixed-bottom">
<button class="btn btn1" @click="save(0)">临时保存</button>
<button class="btn btn2" @click="save(1)">直接报价</button>
<button class="btn btn1" :class="{'lf-btn-disabled': button_click}" @click="save(0)">临时保存</button>
<button class="btn btn2" :class="{'lf-btn-disabled': button_click}" @click="save(1)">直接报价</button>
</view> </view>
</view> </view>
</template> </template>
@ -127,7 +127,8 @@
deadline_start: '', deadline_start: '',
deadline_end: '', deadline_end: '',
table_loading: true, table_loading: true,
searchValue: '' // 搜索内容
searchValue: '', // 搜索内容
button_click: false
} }
}, },
computed: { computed: {
@ -408,10 +409,15 @@
this.$msg('操作成功').then(result => { this.$msg('操作成功').then(result => {
this.$toBack(); this.$toBack();
}) })
})
}).catch(err => this.button_click = false)
}, },
// 保存 // 保存
save(_t){ save(_t){
// 拦截按钮重复点击
if(this.button_click){
return;
}
this.button_click = true;
// 拦截是编辑的情况 // 拦截是编辑的情况
if(this.type == 1){ if(this.type == 1){
this.editMaterial(_t); this.editMaterial(_t);
@ -438,15 +444,19 @@
} }
}) })
if(canteen_ids.length <= 0){ if(canteen_ids.length <= 0){
this.button_click = false;
return this.$msg('您未选择关联食堂哦') return this.$msg('您未选择关联食堂哦')
} }
if(!this.deadline_start){ if(!this.deadline_start){
this.button_click = false;
return this.$msg('您未选择报价生效时间哦') return this.$msg('您未选择报价生效时间哦')
} }
if(!this.deadline_end){ if(!this.deadline_end){
this.button_click = false;
return this.$msg('您未选择报价失效时间哦') return this.$msg('您未选择报价失效时间哦')
} }
if(list.length <= 0){ if(list.length <= 0){
this.button_click = false;
return this.$msg('请补充完整物资报价信息') return this.$msg('请补充完整物资报价信息')
} }
// 操作状态，是保存还是直接发起 // 操作状态，是保存还是直接发起
@ -461,7 +471,7 @@
this.$msg(res.data).then(result => { this.$msg(res.data).then(result => {
this.$toBack(); this.$toBack();
}) })
})
}).catch(err => this.button_click = false)
} }
} }
} }

12
supplier/pages/order/detail.vue
View File

@ -39,11 +39,11 @@
<!-- 操作按钮 --> <!-- 操作按钮 -->
<view class="fixed-bottom" v-if="$isRight(order) && type != 0"> <view class="fixed-bottom" v-if="$isRight(order) && type != 0">
<view v-if="type == 1" class="lf-row-flex-end"> <view v-if="type == 1" class="lf-row-flex-end">
<button class="btn btn2" style="background-color: #FF0000;" @click="orderStateChange('待发起')">撤销订单</button>
<button class="btn btn2" :class="{'lf-btn-disabled': buttom_click}" style="background-color: #FF0000;" @click="orderStateChange('待发起')">撤销订单</button>
</view> </view>
<view v-if="type == 2" class="lf-row-flex-end"> <view v-if="type == 2" class="lf-row-flex-end">
<button class="btn btn1" @click="$url('/pages/offer/index?type=1&code='+ order.q_sn)">编辑</button> <button class="btn btn1" @click="$url('/pages/offer/index?type=1&code='+ order.q_sn)">编辑</button>
<button class="btn btn2" @click="orderStateChange('待审核')">发起报价</button>
<button class="btn btn2" :class="{'lf-btn-disabled': buttom_click}" @click="orderStateChange('待审核')">发起报价</button>
</view> </view>
<view v-if="type == 3 || type == 4" class="lf-row-between"> <view v-if="type == 3 || type == 4" class="lf-row-between">
<button class="btn btn1" @click="$url('/pages/offer/index?type=2&code='+ order.q_sn)">复用报价单</button> <button class="btn btn1" @click="$url('/pages/offer/index?type=2&code='+ order.q_sn)">复用报价单</button>
@ -96,7 +96,8 @@
}], }],
contents: [], contents: [],
q_sn: '', // 订单号 q_sn: '', // 订单号
show_count: 0
show_count: 0,
buttom_click: false
} }
}, },
computed: { computed: {
@ -165,14 +166,17 @@
}, },
// 改变订单状态 // 改变订单状态
orderStateChange(state){ orderStateChange(state){
if(this.buttom_click) return;
this.buttom_click = true;
this.$http(this.API.API_SUPPLIER_QUOTATIONUPDATE, { this.$http(this.API.API_SUPPLIER_QUOTATIONUPDATE, {
q_sn: this.q_sn, q_sn: this.q_sn,
state: state state: state
}).then(res => { }).then(res => {
console.log("revokeOrder", res); console.log("revokeOrder", res);
this.$msg('操作成功'); this.$msg('操作成功');
this.buttom_click = false;
this.getDetail(); // 更新当前页面数据 this.getDetail(); // 更新当前页面数据
})
}).catch(err => this.buttom_click = false)
} }
} }
} }

Write Preview
Loading…
Cancel
Save