175 lines
4.7 KiB
Vue
175 lines
4.7 KiB
Vue
<!-- 供应商 -->
|
|
<template>
|
|
<view class="container">
|
|
<scroll-view scroll-y style="padding-bottom: 180rpx;background-color: #fff;">
|
|
<uni-forms v-model="form" label-width="210rpx" ref="customForm" :rules="customRules">
|
|
<ticketd :ticket_="form.ticket_"></ticketd>
|
|
<uni-forms-item label="客户名称" required>
|
|
<uni-easyinput
|
|
v-model="form.customer_name"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
|
|
<uni-forms-item label="产品名称" required>
|
|
<uni-easyinput
|
|
v-model="form.product_name"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
|
|
<uni-forms-item label="联系人" required>
|
|
<uni-easyinput
|
|
v-model="form.contact_person"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
|
|
<uni-forms-item label="联系电话" required>
|
|
<uni-easyinput
|
|
v-model="form.contact_phone"
|
|
type="number"
|
|
placeholder="请输入联系电话"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
|
|
<uni-forms-item label="收件地址" required>
|
|
<uni-easyinput
|
|
v-model="form.receive_address"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
|
|
<uni-forms-item label="产品规格/数量" required>
|
|
<uni-easyinput
|
|
v-model="form.product_spec_quantity"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
|
|
<uni-forms-item label="报价依据" required>
|
|
<uni-easyinput
|
|
v-model="form.quotation_basis"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
|
|
<uni-forms-item label="建议价格及计算方式" required>
|
|
<uni-easyinput
|
|
v-model="form.suggested_price_calc"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
|
|
<uni-forms-item label="报价区间" required>
|
|
<uni-easyinput
|
|
v-model="form.quotation_range"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
|
|
<uni-forms-item label="报价人" required>
|
|
<uni-easyinput
|
|
v-model="form.quoter"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
|
|
<uni-forms-item label="申请日期" required>
|
|
<uni-datetime-picker
|
|
type="date"
|
|
v-model="form.apply_date"
|
|
:disabled="localMode === 'show'"
|
|
/>
|
|
</uni-forms-item>
|
|
</uni-forms>
|
|
</scroll-view>
|
|
<view class="footer_fixed">
|
|
<button v-if="mode=='edit'" size="mini" @click="handleDel" :loading="saveLoading" :disabled="saveLoading" type="warn">
|
|
删除
|
|
</button>
|
|
<button v-if="mode!='show'" size="mini" @click="handleSave" :loading="saveLoading" :disabled="saveLoading" type="primary">
|
|
提交审批
|
|
</button>
|
|
<ticketd_b v-if="form.ticket_ && mode == 'show'" :t_id="form.id" :ticket_="form.ticket_"
|
|
:ticket_data="ticket_data" @success="()=>{uni.navigateBack()}" ref="ticketd_b"></ticketd_b>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import ticketd_b from "../wf/ticketd_b.vue"
|
|
import ticketd from "../wf/ticketd.vue"
|
|
export default {
|
|
components: { ticketd_b, ticketd },
|
|
data(){
|
|
return{
|
|
saveLoading: false,
|
|
mode:"add",
|
|
t_id: null,
|
|
form:{},
|
|
userInfo:{},
|
|
type:0,
|
|
customRules: {
|
|
customer_name: {
|
|
rules: [{
|
|
required: true,
|
|
errorMessage: '姓名不能为空'
|
|
}]
|
|
},
|
|
product_name: {
|
|
rules: [{
|
|
required: true,
|
|
errorMessage: '产品名称不能为空'
|
|
}]
|
|
},
|
|
},
|
|
}
|
|
},
|
|
async onLoad(options) {
|
|
let that = this;
|
|
that.mode = options.mode?options.mode:'show';
|
|
that.t_id = options.t_id?options.t_id:null;
|
|
if(that.mode != "add"){
|
|
if(that.t_id) {
|
|
that.form = await that.$api.quotationItem(that.t_id);
|
|
if(that.form.ticket_.state_.type == 1 && that.form.create_by == uni.getStorageSync("userInfo").id ) {
|
|
that.mode = "edit";
|
|
}else{
|
|
that.mode = "show";
|
|
}
|
|
}
|
|
}
|
|
},
|
|
methods:{
|
|
async handleDel(){
|
|
let that = this;
|
|
await that.$api.quotationDelete(that.form.id)
|
|
uni.navigateBack()
|
|
},
|
|
async handleSave(){
|
|
let that = this;
|
|
that.$refs.customForm.validate().then(res => {
|
|
|
|
}).catch(err => {
|
|
console.log('err', err);
|
|
})
|
|
let res = await that.$api.quotationCreate(that.form)
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.uni-data-checklist .checklist-group .checklist-box{
|
|
margin: 10px 0!important;
|
|
}
|
|
.flex_file_picker>.uni-file-picker__files{
|
|
flex-direction: row;
|
|
}
|
|
.flex_file_picker{
|
|
width: 90px;
|
|
flex: none;
|
|
}
|
|
</style> |