<template>
|
<el-dialog
|
:visible.sync="applyFormVisible"
|
append-to-body
|
:title="title"
|
:close-on-click-modal="false"
|
width="60%"
|
>
|
<el-form ref="dataForm" :rules="dataFormRules" :model="dataForm" label-position="right" label-width="140px" width="600px">
|
<div class="enterpriseBasicInformation_title">
|
<span>基本信息</span>
|
</div>
|
<el-divider></el-divider>
|
<div>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="企业名称:" prop="memo">
|
<el-input v-model="dataForm.supplyunitname" :disabled="true"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="签订地点:" prop="signlocation">
|
<el-input v-model="dataForm.signlocation" :disabled="true"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="签订时间:" prop="signtime">
|
<el-date-picker
|
:disabled="true"
|
value-format="yyyy-MM-dd"
|
v-model="dataForm.signtime"
|
type="date"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
|
|
|
<div class="enterpriseBasicInformation_title">
|
<span>订货清单</span>
|
</div>
|
<el-divider></el-divider>
|
|
<!-- <el-form-item label="退回标签:" v-if="dataForm.status == '已生成'" ref="my-upload">-->
|
<!-- <el-upload-->
|
<!-- class="upload"-->
|
<!-- :action="actionUrlPrefixx+'/contract/'+this.dataForm.ordercode+'/returnTag'"-->
|
<!-- :headers="headers"-->
|
<!-- :on-preview="handlePreview"-->
|
<!-- :on-remove="handleRemove"-->
|
<!-- :before-remove="beforeRemove"-->
|
<!-- :limit="1"-->
|
<!-- :on-exceed="handleExceed"-->
|
<!-- :on-success="handleSuccess"-->
|
<!-- :on-error="handleError"-->
|
<!-- :show-file-list="false"-->
|
<!-- :file-list="fileList">-->
|
<!-- <el-button size="small" type="primary">点击上传</el-button>-->
|
<!-- </el-upload>-->
|
<!-- </el-form-item>-->
|
|
<!-- <el-form-item label="模板下载:" v-if="dataForm.status == '已生成'" ref="my-upload">-->
|
<!-- <el-button type="text" @click="viewHandle">下载excel</el-button>-->
|
<!-- </el-form-item>-->
|
<div>
|
<el-table
|
v-loading="listLoading"
|
:key="tableKey"
|
:data="dataForm.productList"
|
border
|
fit
|
highlight-current-row
|
style="width: 100%;"
|
max-height="400"
|
>
|
<el-table-column label="产品名称" prop="name" align="center">
|
</el-table-column>
|
<el-table-column label="流向码" prop="directionCode" align="center" >
|
</el-table-column>
|
<el-table-column label="数量" prop="num" align="center" >
|
</el-table-column>
|
<el-table-column label="标签回退数量" prop="changenum" align="center" >
|
</el-table-column>
|
<el-table-column label="售价" prop="salePrice" align="center" >
|
</el-table-column>
|
<el-table-column label="生产厂家" prop="manufacturer" align="center" >
|
</el-table-column>
|
<el-table-column label="规格" prop="specification" align="center" >
|
</el-table-column>
|
<el-table-column label="含药量" prop="explosiveContent" align="center" >
|
</el-table-column>
|
<el-table-column label="类型" prop="type" align="center" >
|
</el-table-column>
|
<el-table-column label="产品级别" prop="level" align="center" >
|
</el-table-column>
|
<el-table-column label="生产日期" prop="createdDate" align="center" >
|
</el-table-column>
|
</el-table>
|
</div>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>合同内容</span>
|
</div>
|
<el-divider></el-divider>
|
|
<div>
|
<el-row style="padding-bottom: 20px;">
|
<el-col :span="20">
|
<span style="font-size: 14px;color: #606266;font-weight: bold">{{"一、本合同按照《中华人民共和国合同法》等有关规定执行。买卖双方应严格遵守《中华人民共和国安全生产法》、《烟花爆竹安全管理条例》等有关法律法规的规定，依法经营，保障安全。"}}</span>
|
</el-col>
|
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="二、产品质量标准与要求:" prop="qualitystandard">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.qualitystandard"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="三、禁（限）用药物要求:" prop="prohibiteddrug">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.prohibiteddrug"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="四、产品包装标准及要求：" prop="packingstandard">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.packingstandard"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="五、提（交）货时间和地点:" prop="timeandlocation">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.timeandlocation"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="六、运输方式及费用负担:" prop="transportandcost">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.transportandcost"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="七、验收标准与方法:" prop="acceptstandard">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.acceptstandard"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="八、提出异议期限:" prop="objectdeadline">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.objectdeadline"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="九、结算方式与期限:" prop="settlemethod">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.settlemethod"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="十、产品安全与质量责任:" prop="productsafetyandquality">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.productsafetyandquality"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="十一、运输安全责任:" prop="transportsafety">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.transportsafety"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="十二、违约责任:" prop="breakcontract">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.breakcontract"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<span style="font-size: 14px;color: #606266;font-weight: bold">{{"十三、合同争议的解决方式：本合同在履行过程中发生争议，由双方协商解决，协商不成的，按下列第"}}</span>
|
<el-input :disabled="true" v-model="dataForm.contractdisputesfelid" class="applyForm_input"></el-input>
|
<span style="font-size: 14px;color: #606266;font-weight: bold">{{"种方式解决（选择一种）："}}</span>
|
</el-col>
|
</el-row>
|
<el-row style="padding-left:50px;">
|
<el-col :span="20">
|
<span style="font-size: 14px;color: #606266;font-weight: bold">{{"1、双方同意将争议提交"}}</span>
|
<el-input :disabled="true" v-model="dataForm.contractdisputesfelidcontent" class="applyForm_input"></el-input>
|
<span style="font-size: 14px;color: #606266;font-weight: bold">{{"仲裁委员会仲裁；"}}</span>
|
</el-col>
|
</el-row>
|
<el-row style="padding-left:50px;">
|
<el-col :span="20">
|
<span style="font-size: 14px;color: #606266;font-weight: bold">{{"2、依法向人民法院提起诉讼。"}}</span>
|
</el-col>
|
</el-row>
|
<el-row style="padding-top: 20px">
|
<el-col :span="20">
|
<el-form-item label="十四、其他约定事项（可另附页）:" prop="otheragreedmatters ">
|
<el-input :disabled="true" type="textarea" :rows="2" v-model="dataForm.otheragreedmatters "/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>购货单位信息</span>
|
</div>
|
<el-divider></el-divider>
|
|
<div>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="单位名称:" prop="purchaseunitname">
|
<el-input :disabled="true" v-model="dataForm.purchaseunitname"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="许可证编号:" prop="purchaselicensenumber">
|
<el-input :disabled="true" v-model="dataForm.purchaselicensenumber"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="单位地址" prop="purchaseunitaddress">
|
<el-input :disabled="true" v-model="dataForm.purchaseunitaddress"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="邮政编码:" prop="purchasezipcode">
|
<el-input :disabled="true" v-model="dataForm.purchasezipcode"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="法定代表人:" prop="purchaserepresentative">
|
<el-input :disabled="true" v-model="dataForm.purchaserepresentative"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="委托代理人:" prop="purchaseagent">
|
<el-input :disabled="true" v-model="dataForm.purchaseagent"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="法定代表人联系电话:" prop="purchaserepresentativephone">
|
<el-input :disabled="true" v-model="dataForm.purchaserepresentativephone"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="委托代理人联系电话:" prop="purchaseagentphone">
|
<el-input :disabled="true" v-model="dataForm.purchaseagentphone"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="法定代表人电子邮箱:" prop="purchaserepresentativeemail">
|
<el-input :disabled="true" v-model="dataForm.purchaserepresentativeemail"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="委托代理人电子邮箱:" prop="purchaseagentemail">
|
<el-input :disabled="true" v-model="dataForm.purchaseagentemail"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="开户银行:" prop="purchasebank">
|
<el-input :disabled="true" v-model="dataForm.purchasebank"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="账户:" prop="purchaseaccount">
|
<el-input :disabled="true" v-model="dataForm.purchaseaccount"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
|
|
<div class="enterpriseBasicInformation_title">
|
<span>供货单位信息</span>
|
</div>
|
<el-divider></el-divider>
|
|
<el-row v-if="dataForm.status == '待确认'">
|
<el-col :span="10">
|
<el-form-item label="可选择已添加的供货单位信息:" class="unit-wrap">
|
<el-button size="small" type="primary" @click="showUnit">选择</el-button>
|
</el-form-item>
|
</el-col>
|
|
</el-row>
|
|
<div>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="单位名称:" prop="supplyunitname">
|
<el-input v-model="dataForm.supplyunitname" :disabled="true"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="许可证编号:" prop="supplylicensenumber">
|
<el-input v-model="dataForm.supplylicensenumber"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="单位地址" prop="supplyunitaddress">
|
<el-input v-model="dataForm.supplyunitaddress"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="邮政编码:" prop="supplyzipcode">
|
<el-input v-model="dataForm.supplyzipcode"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="法定代表人:" prop="supplyrepresentative">
|
<el-input v-model="dataForm.supplyrepresentative"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="委托代理人:" prop="supplyagent">
|
<el-input v-model="dataForm.supplyagent"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="法定代表人联系电话:" prop="supplyrepresentativephone">
|
<el-input v-model="dataForm.supplyrepresentativephone"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="委托代理人联系电话:" prop="supplyagentphone">
|
<el-input v-model="dataForm.supplyagentphone"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="法定代表人电子邮箱:" prop="supplyrepresentativeemail">
|
<el-input v-model="dataForm.supplyrepresentativeemail"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="委托代理人电子邮箱:" prop="supplyagentemail">
|
<el-input v-model="dataForm.supplyagentemail"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="开户银行:" prop="supplybank">
|
<el-input v-model="dataForm.supplybank"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item type="textarea" label="账户:" prop="supplyaccount">
|
<el-input v-model="dataForm.supplyaccount"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
|
|
<el-form-item label="有效期:">
|
<el-date-picker
|
:disabled="true"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
v-model="validTime"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
>
|
</el-date-picker>
|
</el-form-item>
|
|
</el-form>
|
<div align="right" style="margin-top:10px;">
|
<el-button @click="applyFormVisible = false">取消</el-button>
|
<el-button type="primary" @click="submitConfirmForm()">确认</el-button>
|
</div>
|
<unit-select ref="unit-select" @getinfo="changeSupplyUnit"></unit-select>
|
</el-dialog>
|
|
</template>
|
|
<script>
|
import { confirmProduct} from '@/api/contract'
|
import {computePageCount} from "../../../../utils";
|
import { getToken } from '@/utils/auth'
|
import unitSelect from '../applyForm/unitselect'
|
const exampleFile = require('@/assets/example/returntag.xlsx')
|
export default {
|
name: "index",
|
data(){
|
return{
|
headers:{ 'Authorization':getToken()},
|
actionUrlPrefixx:process.env.BASE_API,
|
title:'',
|
tableKey:'',
|
validTime:['',''],
|
listLoading:false,
|
productVisible:false,
|
applyFormVisible:false,
|
dataForm:{
|
supplyunitname:'',
|
supplyenterprisenumber:'',
|
signtime:'',
|
signlocation:'',
|
purchaseunitname:'',
|
purchaselicensenumber:'',
|
purchaseunitaddress:'',
|
purchasezipcode:'',
|
purchaserepresentative:'',
|
purchaseagent:'',
|
purchaserepresentativephone:'',
|
purchaseagentphone:'',
|
purchaserepresentativeemail:'',
|
purchaseagentemail:'',
|
purchasebank:'',
|
purchaseaccount:'',
|
productList:[],
|
file:"",
|
validstarttime:'',
|
validendtime:'',
|
qualitystandard:'',
|
prohibiteddrug:'',
|
packingstandard:'',
|
timeandlocation:'',
|
transportandcost:'',
|
acceptstandard:'',
|
objectdeadline:'',
|
settlemethod:'',
|
productsafetyandquality:'',
|
transportsafety:'',
|
breakcontract:'',
|
contractdisputesfelid:'',
|
contractdisputesfelidcontent:'',
|
otheragreedmatters:'',
|
supplylicensenumber:'',
|
supplyunitaddress:'',
|
supplyzipcode:'',
|
supplyrepresentative:'',
|
supplyagent:'',
|
supplyrepresentativephone:'',
|
supplyagentphone:'',
|
supplyrepresentativeemail:'',
|
supplyagentemail:'',
|
supplybank:'',
|
supplyaccount:'',
|
},
|
dataFormRules:{
|
|
},
|
queryProductForm: {
|
name: '',
|
manufacturer:'',
|
directionCode:'',
|
type:'',
|
},
|
passList:[],
|
productData:[],
|
pageSizeProduct: 10,
|
currentPageProduct: 1,
|
recordTotalProduct: 0,
|
pageTotalProduct: 0,
|
fileList:[]
|
}
|
},
|
components:{
|
unitSelect
|
},
|
created() {
|
},
|
methods:{
|
showConfirmForm(value){
|
this.applyFormVisible = true
|
this.dataForm = value
|
this.dataForm.productList = value.productInfoList
|
this.validTime[0] = value.validstarttime
|
this.validTime[1] = value.validendtime
|
},
|
async submitConfirmForm(){
|
this.dataForm.productList = ""
|
let res = await confirmProduct(this.dataForm)
|
if(res.data.code === '200'){
|
this.applyFormVisible = false
|
this.$emit('getinfo')
|
this.$notify({
|
title:'成功',
|
duration:2000,
|
message:'确认成功',
|
type:'success'
|
});
|
|
}else{
|
this.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
},
|
|
handleRemove(file, fileList) {
|
if (file && file.status==="success") {
|
this.dataForm.productList = []
|
return this.$confirm(`已清空产品信息`);
|
}
|
},
|
handlePreview(file) {
|
},
|
handleExceed(files, fileList) {
|
this.$message.warning(`当前限制选择 1个文件，本次选择了 ${files.length} 个文件`);
|
},
|
beforeRemove(file, fileList) {
|
if (file && file.status==="success") {
|
//移除方法
|
return this.$confirm(`确定移除 ${ file.name }，并清空产品信息吗？`);
|
}
|
},
|
handleSuccess(response, file, fileList) {
|
if (response.code == '200') {
|
|
this.dataForm.productList = response.result
|
this.$notify({
|
title: '成功',
|
duration: 2000,
|
message: '标签退回成功，关闭窗口后请刷新页面',
|
type: 'success'
|
})
|
this.fileList = []
|
}else{
|
this.$message.warning(response.message);
|
this.fileList = []
|
}
|
},
|
handleError(response, file, fileList) {
|
this.fileList = []
|
},
|
viewHandle(){
|
window.open(exampleFile, '_blank')
|
},
|
showUnit(){
|
this.$refs['unit-select'].showEnterPrise()
|
},
|
changeSupplyUnit(val){
|
this.dataForm.supplyunitname = val.unitname
|
this.dataForm.supplyunitaddress = val.unitaddress
|
this.dataForm.supplyrepresentative = val.representative
|
this.dataForm.supplyrepresentativephone = val.representativephone
|
this.dataForm.supplyrepresentativeemail = val.representativeemail
|
this.dataForm.supplybank = val.bank
|
this.dataForm.supplylicensenumber = val.licensenumber
|
this.dataForm.supplyzipcode = val.zipcode
|
this.dataForm.supplyagent = val.agent
|
this.dataForm.supplyagentphone = val.agentphone
|
this.dataForm.supplyagentemail = val.agentemail
|
this.dataForm.supplyaccount = val.account
|
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.enterpriseBasicInformation_title{
|
font-weight: bolder;
|
font-size: large;
|
text-align: center;
|
margin-top: 24px;
|
}
|
/deep/.el-form-item__label {
|
text-align: center;
|
width: 150px;
|
}
|
.applyForm_input{
|
width:50px;
|
}
|
.enterpriseBasicInformation_image{
|
width:70%;
|
height:70%;
|
margin-left:10px;
|
}
|
</style>
|
