创建采购合同样式
This commit is contained in:
zhangdingyu
@@ -1,105 +1,62 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="components-container">
|
<div class="components-container">
|
||||||
<el-card>
|
<el-card>
|
||||||
<el-form label-width="90px" label-position="right">
|
<el-row>
|
||||||
<el-row>
|
<span>供 应 商:</span>
|
||||||
<el-col :span="6">
|
<el-select v-model="supplierValue11" clearable filterable size="small" placeholder="供应商" @focus="fetchData11()" @change="selectHetong()">
|
||||||
<el-form-item label="供应商:">
|
<el-option
|
||||||
<el-select v-model="supplierValue11" clearable filterable size="small" placeholder="供应商" style="width:100%" @focus="fetchData11()" @change="selectHetong()">
|
v-for="item in supplier11"
|
||||||
<el-option
|
:key="item.value"
|
||||||
v-for="item in supplier11"
|
:label="item.label"
|
||||||
:key="item.value"
|
:value="item.value"/>
|
||||||
:label="item.label"
|
</el-select>
|
||||||
:value="item.value"/>
|
<span>合同编号:</span>
|
||||||
</el-select>
|
<el-select v-model="contractNumValue" filterable size="small" placeholder="合同编号" @change="contractChange">
|
||||||
</el-form-item>
|
<el-option
|
||||||
</el-col>
|
v-for="item in contractNums"
|
||||||
<el-col :span="6">
|
:key="item.value"
|
||||||
<el-form-item label="合同编号:">
|
:label="item.label"
|
||||||
<el-select v-model="contractNumValue" filterable size="small" placeholder="合同编号" style="width:100%" @change="contractChange">
|
:value="item.value"/>
|
||||||
<el-option
|
</el-select>
|
||||||
v-for="item in contractNums"
|
<span>|| 供 应 商:</span>
|
||||||
:key="item.value"
|
<el-select v-model="supplierValue" clearable filterable size="small" placeholder="供应商" @focus="fetchData" @change="supplierChange9745">
|
||||||
:label="item.label"
|
<el-option
|
||||||
:value="item.value"/>
|
v-for="item in supplier"
|
||||||
</el-select>
|
:key="item.value"
|
||||||
</el-form-item>
|
:label="item.label"
|
||||||
</el-col>
|
:value="item.value"/>
|
||||||
</el-row>
|
</el-select>
|
||||||
<el-row>
|
<span>合同名称:</span>
|
||||||
<el-col :span="6">
|
<el-input v-model="contractName" size="small"/>
|
||||||
<el-form-item label="供应商:">
|
<span>是否含税:</span>
|
||||||
<!--<el-select v-model="supplierValue" clearable filterable size="small" placeholder="供应商" style="width:100%" @focus="fetchData" @change="supplierChange">-->
|
<el-input v-model="taxRate" size="small"/>
|
||||||
<el-select v-model="supplierValue" clearable filterable size="small" placeholder="供应商" style="width:100%" @focus="fetchData" @change="supplierChange9745">
|
<el-tooltip :content="hasTax" placement="top">
|
||||||
<el-option
|
<el-switch
|
||||||
v-for="item in supplier"
|
v-model="hasTax"
|
||||||
:key="item.value"
|
active-color="#13ce66"
|
||||||
:label="item.label"
|
inactive-color="#ff4949"
|
||||||
:value="item.value"/>
|
active-value="含税"
|
||||||
</el-select>
|
inactive-value="未税"/>
|
||||||
</el-form-item>
|
</el-tooltip>
|
||||||
</el-col>
|
</el-row>
|
||||||
<el-col :span="6">
|
<el-row style="margin-top: 10px">
|
||||||
<el-form-item label="合同名称:">
|
<span>交货日期:</span>
|
||||||
<el-input v-model="contractName" size="small"/>
|
<el-input v-model="deliveryDate" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
|
||||||
</el-form-item>
|
<span>开票信息:</span>
|
||||||
</el-col>
|
<el-input v-model="invoiceInfo" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
|
||||||
<el-col :span="4">
|
<span>支付 日期:</span>
|
||||||
<el-form-item label="是否含税:">
|
<el-input v-model="payDate" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
|
||||||
<el-input v-model="taxRate" size="small"/>
|
<span>支付方式:</span>
|
||||||
</el-form-item>
|
<el-input v-model="payMethod" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
|
||||||
</el-col>
|
<span>其他说明:</span>
|
||||||
<el-col :span="1">
|
<el-input v-model="otherInfo" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
|
||||||
<el-tooltip :content="hasTax" placement="top">
|
<el-button v-if="quickChangePrice" size="mini" style="margin: 0px 0 0 10px" @click="quickChangePrice=!quickChangePrice">快速修改价格</el-button>
|
||||||
<el-switch
|
<el-button v-else size="mini" style="margin: 10px 0 0 10px" @click="quickChangePrice=!quickChangePrice">还原</el-button>
|
||||||
v-model="hasTax"
|
</el-row>
|
||||||
active-color="#13ce66"
|
|
||||||
inactive-color="#ff4949"
|
|
||||||
active-value="含税"
|
|
||||||
inactive-value="未税"
|
|
||||||
style="margin: 10px"/>
|
|
||||||
</el-tooltip>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="交货日期:">
|
|
||||||
<el-input v-model="deliveryDate" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="开票信息:">
|
|
||||||
<el-input v-model="invoiceInfo" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="支付日期:">
|
|
||||||
<el-input v-model="payDate" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="支付方式:">
|
|
||||||
<el-input v-model="payMethod" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="21">
|
|
||||||
<el-form-item label="其他说明:">
|
|
||||||
<el-input v-model="otherInfo" :disabled="!contractNumValue" size="small" type="textarea" rows="1" @blur="contractHeaderChange"/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1">
|
|
||||||
<el-button v-if="quickChangePrice" size="mini" style="margin: 10px 0 0 10px" @click="quickChangePrice=!quickChangePrice">快速修改价格</el-button>
|
|
||||||
<el-button v-else size="mini" style="margin: 10px 0 0 10px" @click="quickChangePrice=!quickChangePrice">还原</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
<el-table :data="tableData1" border style="margin: 10px 0;max-height: 480px;" height="480px" size="mini" show-summary tooltip-effect="dark">
|
<el-table :data="tableData1" border style="margin: 10px 0;max-height: 480px;" height="480px" size="mini" show-summary tooltip-effect="dark">
|
||||||
<el-table-column label="序号" align="center" width="50" type="index"/>
|
<el-table-column label="序号" align="center" width="50" type="index"/>
|
||||||
<el-table-column label="交货期" align="center" width="150">
|
<el-table-column label="交货期" align="center" width="170">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-if="quickChangePrice"
|
v-if="quickChangePrice"
|
||||||
@@ -107,8 +64,7 @@
|
|||||||
size="mini"
|
size="mini"
|
||||||
type="date"
|
type="date"
|
||||||
format="yyyy-MM-dd"
|
format="yyyy-MM-dd"
|
||||||
value-format="yyyy-MM-dd"
|
value-format="yyyy-MM-dd"/>
|
||||||
style="width:100%"/>
|
|
||||||
<b v-else>{{ scope.row.交货期.split(' ')[0] || '—' }}</b>
|
<b v-else>{{ scope.row.交货期.split(' ')[0] || '—' }}</b>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -892,9 +848,21 @@ export default {
|
|||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
span{
|
span{
|
||||||
margin: 0 0 0 20px;
|
margin: 0 0 0 5px;
|
||||||
}
|
}
|
||||||
.el-form-item{
|
.el-form-item{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
.el-select{
|
||||||
|
width:150px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.el-input{
|
||||||
|
width:150px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.el-textarea{
|
||||||
|
width:150px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user