|
|
|
<template>
|
|
|
|
<a-spin :spinning="confirmLoading">
|
|
|
|
<j-form-container :disabled="formDisabled">
|
|
|
|
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
|
|
|
|
<a-row>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="物料编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="code">
|
|
|
|
<a-input v-model="model.tenderInfo.code" disabled></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="标段（包）名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tenderName">
|
|
|
|
<a-input v-model="model.tenderInfo.tenderName" disabled></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="物料长描述" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="miaoshu">
|
|
|
|
<a-input v-model="model.tenderInfo.miaoshu" disabled></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="品牌" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pinpai">
|
|
|
|
<a-input v-model="model.tenderInfo.pinpai" disabled></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="计量单位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jldw">
|
|
|
|
<a-input v-model="model.tenderInfo.jldw" disabled></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="需求数量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xqsl">
|
|
|
|
<a-input v-model="model.tenderInfo.xqsl" disabled></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="需求交货期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xqjhq">
|
|
|
|
<j-date v-model="model.tenderInfo.xqjhq" style="width: 100%" disabled/>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="需求单位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xqdw">
|
|
|
|
<a-input v-model="model.tenderInfo.xqdw" disabled ></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="库存数据" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kcsj">
|
|
|
|
<a-input v-model="model.kcsj" disabled ></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="在途库存" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ztkf">
|
|
|
|
<a-input v-model="model.ztkf" disabled></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="最近中标单价" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zjzbdj">
|
|
|
|
<a-input v-model="model.zjzbdj" disabled></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="最后一次中标时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zhzbsj">
|
|
|
|
<a-input v-model="model.zhzbsj" disabled></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="投标参考价" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tbjg">
|
|
|
|
<a-input-number v-model="model.tbjg" placeholder="投标参考价" style="width: 14vw" disabled></a-input-number>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="税率（%）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sl">
|
|
|
|
<a-input-number v-model="model.sl" placeholder="税率（%）" style="width: 14vw" ></a-input-number>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="响应品牌" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xypp">
|
|
|
|
<a-input v-model="model.xypp" placeholder="响应品牌" ></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12" >
|
|
|
|
<a-form-model-item label="响应单价（不含税）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xydj">
|
|
|
|
<a-input-number v-model="model.xydj" placeholder="响应单价（不含税）" style="width: 14vw" ></a-input-number>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-col>
|
|
|
|
|
|
|
|
</a-row>
|
|
|
|
</a-form-model>
|
|
|
|
</j-form-container>
|
|
|
|
</a-spin>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
import { httpAction, getAction } from '@/api/manage'
|
|
|
|
import { validateDuplicateValue } from '@/utils/util'
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'TblTradeBidSubApprovalForm',
|
|
|
|
components: {
|
|
|
|
},
|
|
|
|
props: {
|
|
|
|
// 表单禁用
|
|
|
|
disabled: {
|
|
|
|
type: Boolean,
|
|
|
|
default: false,
|
|
|
|
required: false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
model: {
|
|
|
|
tenderInfo: {}
|
|
|
|
},
|
|
|
|
labelCol: {
|
|
|
|
xs: { span: 24 },
|
|
|
|
sm: { span: 5 }
|
|
|
|
},
|
|
|
|
wrapperCol: {
|
|
|
|
xs: { span: 24 },
|
|
|
|
sm: { span: 16 }
|
|
|
|
},
|
|
|
|
confirmLoading: false,
|
|
|
|
validatorRules: {
|
|
|
|
sl: [{ required: true, message: '请输入数据!' }],
|
|
|
|
xypp: [{ required: true, message: '请输入数据!' }],
|
|
|
|
xydj: [{ required: true, message: '请输入数据!' }]
|
|
|
|
},
|
|
|
|
url: {
|
|
|
|
edit: '/trade/tblTradeBidSub/bidApproval'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
formDisabled() {
|
|
|
|
return this.disabled
|
|
|
|
}
|
|
|
|
},
|
|
|
|
created () {
|
|
|
|
// 备份model原始值
|
|
|
|
this.modelDefault = JSON.parse(JSON.stringify(this.model))
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
add () {
|
|
|
|
this.edit(this.modelDefault)
|
|
|
|
},
|
|
|
|
edit (record) {
|
|
|
|
this.model = Object.assign({}, record)
|
|
|
|
this.visible = true
|
|
|
|
},
|
|
|
|
handleOk () {
|
|
|
|
const that = this
|
|
|
|
// 触发表单验证
|
|
|
|
this.$refs.form.validate(valid => {
|
|
|
|
if (valid) {
|
|
|
|
that.confirmLoading = true
|
|
|
|
let httpurl = ''
|
|
|
|
let method = ''
|
|
|
|
if (!this.model.id) {
|
|
|
|
httpurl += this.url.add
|
|
|
|
method = 'post'
|
|
|
|
} else {
|
|
|
|
httpurl += this.url.edit
|
|
|
|
method = 'post'
|
|
|
|
}
|
|
|
|
httpAction(httpurl, this.model, method).then((res) => {
|
|
|
|
if (res.success) {
|
|
|
|
that.$message.success(res.message)
|
|
|
|
that.$emit('ok')
|
|
|
|
} else {
|
|
|
|
that.$message.warning(res.message)
|
|
|
|
}
|
|
|
|
}).finally(() => {
|
|
|
|
that.confirmLoading = false
|
|
|
|
})
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script> |
...
|
...
|
|
