141 lines
5.0 KiB
Vue
141 lines
5.0 KiB
Vue
<!-- 供应商 -->
|
|
<template>
|
|
<view class="form-page">
|
|
<scroll-view scroll-y class="form-scroll">
|
|
<uni-forms v-model="form" label-width="170rpx" ref="customForm" :rules="customRules">
|
|
<view class="form-card" v-if="form.ticket_">
|
|
<ticketd :ticket_="form.ticket_"></ticketd>
|
|
</view>
|
|
<view class="form-card">
|
|
<view class="form-card-title">供应商信息</view>
|
|
<uni-forms-item label="供应商名称" required>
|
|
<uni-easyinput v-model="form.name" placeholder="请输入供应商名称" :disabled="mode=='show'"/>
|
|
</uni-forms-item>
|
|
<uni-forms-item label="物料分类" required>
|
|
<uni-easyinput v-model="form.material_type" placeholder="请输入物料分类" :disabled="mode=='show'"/>
|
|
</uni-forms-item>
|
|
<uni-forms-item label="物料名称" required>
|
|
<uni-easyinput v-model="form.material_name" placeholder="请输入物料名称" :disabled="mode=='show'"/>
|
|
</uni-forms-item>
|
|
<uni-forms-item label="调查表" required>
|
|
<xtUpload v-model="form.survery_form" v-model:obj="form.survery_form_" xtype="id" :disabled="mode=='show'"></xtUpload>
|
|
</uni-forms-item>
|
|
<uni-forms-item label="营业执照" required>
|
|
<xtUpload v-model="form.business_license" v-model:obj="form.business_license_" xtype="id" :disabled="mode=='show'"></xtUpload>
|
|
</uni-forms-item>
|
|
<uni-forms-item label="质量证书" required>
|
|
<xtUpload v-model="form.quality_certificate" v-model:obj="form.quality_certificate_" xtype="id" :disabled="mode=='show'"></xtUpload>
|
|
</uni-forms-item>
|
|
</view>
|
|
</uni-forms>
|
|
</scroll-view>
|
|
<view class="footer_fixed">
|
|
<button v-if="mode=='edit'" class="form-btn form-btn-danger" @click="handleDel" :loading="saveLoading" :disabled="saveLoading">
|
|
删除
|
|
</button>
|
|
<button v-if="mode!='show'" class="form-btn form-btn-primary" @click="handleSave" :loading="saveLoading" :disabled="saveLoading">
|
|
提交审批
|
|
</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"
|
|
import {actStateEnum} from "@/utils/enum.js"
|
|
import xtUpload from "@/components/xtUpload.vue"
|
|
export default {
|
|
components: { ticketd_b, ticketd, xtUpload },
|
|
data(){
|
|
return{
|
|
saveLoading: false,
|
|
mode:"add",
|
|
t_id: null,
|
|
form:{
|
|
name:"",
|
|
material_type:"",
|
|
material_name:"",
|
|
},
|
|
userInfo:{},
|
|
type:0,
|
|
header:"",
|
|
customRules: {
|
|
filename: {
|
|
rules: [{
|
|
required: true,
|
|
errorMessage: '姓名不能为空'
|
|
}]
|
|
},
|
|
age: {
|
|
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.supplierauditItem(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:{
|
|
uploadSuccess(type, e){
|
|
console.log('type', type, e);
|
|
console.log('form.material_type',this.form.material_type)
|
|
},
|
|
progress(e){
|
|
console.log(e)
|
|
},
|
|
async handleDel(){
|
|
let that = this;
|
|
await that.$api.supplierauditDelete(that.form.id)
|
|
uni.navigateBack()
|
|
},
|
|
async handleSave(id){
|
|
let that = this;
|
|
that.$refs.customForm.validate().then(res => {
|
|
|
|
}).catch(err => {
|
|
console.log('err', err);
|
|
})
|
|
let res = await that.$api.supplierauditCreate(that.form)
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.form-page { min-height: 100vh; background: #F0F2F5; }
|
|
.form-scroll { padding: 0; padding-bottom: 180rpx; }
|
|
.form-card { background: #fff; border-radius: 0; padding: 24rpx; margin-bottom: 0; box-shadow: none; }
|
|
.form-card-title { font-size: 30rpx; font-weight: 600; color: #1F2937; margin-bottom: 16rpx; padding-left: 16rpx; border-left: 6rpx solid #2BA471; }
|
|
.form-textarea { width: 100%; min-height: 160rpx; border: 2rpx solid #E5E7EB; border-radius: 12rpx; padding: 16rpx; font-size: 28rpx; color: #374151; box-sizing: border-box; background: #F9FAFB; }
|
|
.form-btn { flex: 1; height: 80rpx; line-height: 80rpx; border-radius: 14rpx !important; font-size: 28rpx; font-weight: 500; border: none !important; }
|
|
.form-btn-primary { background: linear-gradient(135deg, #2BA471, #1F8C5E) !important; color: #fff !important; box-shadow: 0 4rpx 12rpx rgba(43,164,113,0.2); }
|
|
.form-btn-danger { background: linear-gradient(135deg, #EF4444, #DC2626) !important; color: #fff !important; box-shadow: 0 4rpx 12rpx rgba(239,68,68,0.3); }
|
|
.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> |