|
@@ -30,7 +30,9 @@
|
|
|
:value="data.value"
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
- <el-input type="age" v-else v-model="form[item.prop]" size="small" autocomplete="off" placeholder="请输入"></el-input>
|
|
|
+ <selectComponent v-else-if="item.type === 'component'" v-model="form[item.prop]" :configuration="configuration"/>
|
|
|
+ <el-input type="textarea" v-else-if="(item.prop === 'orderRemark')" v-model="form[item.prop]" size="small" autocomplete="off" placeholder="请输入"></el-input>
|
|
|
+ <el-input type="age" v-else v-model="form[item.prop]" :disabled="item.disabled?true:false" size="small" autocomplete="off" placeholder="请输入"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -48,16 +50,12 @@
|
|
|
@row-update="rowUpdate"
|
|
|
@row-del="rowDel"
|
|
|
>
|
|
|
- <template slot="code" slot-scope="{row,index}">
|
|
|
- <span style="float: left;padding-top: 2px">{{ row.code }}</span>
|
|
|
- <el-button type="text" size="mini" style="float: right" @click="commodityChoice(row)">选择</el-button>
|
|
|
- </template>
|
|
|
<template slot-scope="{row,index}" slot="menu">
|
|
|
<el-button
|
|
|
type="text"
|
|
|
size="small"
|
|
|
@click="rowCell(row,index)"
|
|
|
- >{{ row.$cellEdit ? '保存' : '修改' }}
|
|
|
+ >{{ row.$cellEdit ? '修改完成' : '修改' }}
|
|
|
</el-button>
|
|
|
</template>
|
|
|
<template slot="menuLeft" slot-scope="{size}">
|
|
@@ -65,11 +63,12 @@
|
|
|
icon="el-icon-plus"
|
|
|
size="small"
|
|
|
@click="commoditySelection"
|
|
|
- >新增
|
|
|
+ >录入明细
|
|
|
</el-button>
|
|
|
<el-button type="primary"
|
|
|
icon="el-icon-plus"
|
|
|
size="small"
|
|
|
+ @click=""
|
|
|
>申请付款(开证)
|
|
|
</el-button>
|
|
|
</template>
|
|
@@ -88,7 +87,9 @@
|
|
|
@row-del="rowDelAdvantageProject"
|
|
|
>
|
|
|
<template slot="code" slot-scope="{row,index}">
|
|
|
- <span style="float: left;padding-top: 2px">{{row.code}}</span><el-button type="text" size="mini" style="float: right" @click="choice(row)">选择</el-button>
|
|
|
+ <span v-if="row.$cellEdit" style="float: left;color: #F56C6C;">*</span>
|
|
|
+ <span style="margin-left: 12px;padding-top: 2px">{{ row.code }}</span>
|
|
|
+ <el-button type="text" size="mini" style="float: right" @click="choice(row)">选择</el-button>
|
|
|
</template>
|
|
|
<template slot-scope="{row,index}" slot="menu">
|
|
|
<el-button
|
|
@@ -102,7 +103,8 @@
|
|
|
icon="el-icon-plus"
|
|
|
size="small"
|
|
|
@click="costIncrease"
|
|
|
- >新增</el-button>
|
|
|
+ >录入明细
|
|
|
+ </el-button>
|
|
|
</template>
|
|
|
</avue-crud>
|
|
|
</basic-container>
|
|
@@ -122,7 +124,7 @@
|
|
|
</div>
|
|
|
|
|
|
<el-dialog
|
|
|
- title="导入商品"
|
|
|
+ title="导入商品详情"
|
|
|
append-to-body
|
|
|
class="el-dialogDeep"
|
|
|
:visible.sync="dialogVisible"
|
|
@@ -211,17 +213,9 @@ import optionTwoCost from "./config/mainListCost.json"
|
|
|
import {detailListData,
|
|
|
submitData,} from "@/api/importTrade/purchase";
|
|
|
import commodity from "./config/commodity.json"
|
|
|
-import {
|
|
|
- typeSave, detail, deleteDetails,
|
|
|
- corpstypeTree,
|
|
|
- corpsattn,
|
|
|
- corpsbank,
|
|
|
- corpsfiles,
|
|
|
- corpsitem,
|
|
|
- getList,
|
|
|
- getDeptLazyTreeS
|
|
|
-} from "@/api/basicData/configuration"
|
|
|
-
|
|
|
+//商品详情接口
|
|
|
+import {corpsattn, corpsbank, getDeptLazyTreeS} from "@/api/basicData/configuration"
|
|
|
+import { getList } from "@/api/basicData/commodityType"
|
|
|
export default {
|
|
|
name: "detailsPage",
|
|
|
data() {
|
|
@@ -268,6 +262,15 @@ export default {
|
|
|
children: 'children'
|
|
|
}
|
|
|
},
|
|
|
+ configuration:{
|
|
|
+ multipleChoices:false,
|
|
|
+ multiple:false,
|
|
|
+ disabled:false,
|
|
|
+ searchShow:false,
|
|
|
+ collapseTags:false,
|
|
|
+ placeholder:'请点击右边按钮选择',
|
|
|
+ dicData:[]
|
|
|
+ },
|
|
|
// 合同上传数据
|
|
|
uploadList: uploadList,
|
|
|
// 合同数据
|
|
@@ -321,6 +324,7 @@ export default {
|
|
|
{
|
|
|
label: '系统编号',
|
|
|
prop: 'sysNo',
|
|
|
+ disabled:true,
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -329,20 +333,22 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '到港日期',
|
|
|
- prop: 'dateOfArrival',
|
|
|
- type:'datetime',
|
|
|
+ label: '供应商',
|
|
|
+ prop: 'corpId',
|
|
|
+ type:'component',
|
|
|
+ dicData: [],
|
|
|
rules: [
|
|
|
{
|
|
|
- required: false,
|
|
|
+ required: true,
|
|
|
message: ' ',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
]
|
|
|
- },{
|
|
|
- label: '要求发货日期',
|
|
|
- prop: 'requiredDeliveryDate',
|
|
|
- type:'datetime',
|
|
|
+ }, {
|
|
|
+ label: '采购商',
|
|
|
+ prop: 'purchaserId',
|
|
|
+ type:'component',
|
|
|
+ dicData: [],
|
|
|
rules: [
|
|
|
{
|
|
|
required: true,
|
|
@@ -350,22 +356,20 @@ export default {
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '要求到货日期',
|
|
|
- prop: 'requiredArrivalDate',
|
|
|
- type:'datetime',
|
|
|
+ },{
|
|
|
+ label: '合同号',
|
|
|
+ prop: 'orderNo',
|
|
|
rules: [
|
|
|
{
|
|
|
- required: true,
|
|
|
+ required: false,
|
|
|
message: ' ',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '供应商',
|
|
|
- prop: 'corpId',
|
|
|
- // type:'select',
|
|
|
- dicData: [],
|
|
|
+ label: '合同日期',
|
|
|
+ prop: 'businesDate',
|
|
|
+ type:'datetime',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -374,8 +378,8 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '业务员',
|
|
|
- prop: 'salesName',
|
|
|
+ label: '合同类型',
|
|
|
+ prop: 'orderType',
|
|
|
// type:'select',
|
|
|
dicData: [],
|
|
|
rules: [
|
|
@@ -386,8 +390,8 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '合同号',
|
|
|
- prop: 'orderNo',
|
|
|
+ label: '合同金额',
|
|
|
+ prop: 'orderAmount',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -396,9 +400,8 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '合同日期',
|
|
|
- prop: 'businesDate',
|
|
|
- type:'datetime',
|
|
|
+ label: '合同重量',
|
|
|
+ prop: 'contractWeight',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -407,8 +410,8 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '合同类型',
|
|
|
- prop: 'orderType',
|
|
|
+ label: '业务员',
|
|
|
+ prop: 'salesName',
|
|
|
// type:'select',
|
|
|
dicData: [],
|
|
|
rules: [
|
|
@@ -418,33 +421,31 @@ export default {
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '采购商',
|
|
|
- prop: 'purchaserId',
|
|
|
- // type:'select',
|
|
|
- dicData: [],
|
|
|
+ },{
|
|
|
+ label: '要求发货日期',
|
|
|
+ prop: 'requiredDeliveryDate',
|
|
|
+ type:'datetime',
|
|
|
rules: [
|
|
|
{
|
|
|
- required: false,
|
|
|
+ required: true,
|
|
|
message: ' ',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '付款方式',
|
|
|
- prop: 'paymentType',
|
|
|
- // type:'select',
|
|
|
- dicData: [],
|
|
|
+ label: '要求到货日期',
|
|
|
+ prop: 'requiredArrivalDate',
|
|
|
+ type:'datetime',
|
|
|
rules: [
|
|
|
{
|
|
|
- required: false,
|
|
|
+ required: true,
|
|
|
message: ' ',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '付款/开证日期',
|
|
|
- prop: 'accountsCollectionDate',
|
|
|
+ },{
|
|
|
+ label: '到港日期',
|
|
|
+ prop: 'dateOfArrival',
|
|
|
type:'datetime',
|
|
|
rules: [
|
|
|
{
|
|
@@ -454,9 +455,8 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '信用证到期日',
|
|
|
- prop: 'creditDate',
|
|
|
- type:'datetime',
|
|
|
+ label: '单价',
|
|
|
+ prop: 'salesPrice',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -465,8 +465,8 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '合同金额',
|
|
|
- prop: 'orderAmount',
|
|
|
+ label: '币别',
|
|
|
+ prop: 'currency',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -475,8 +475,8 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '人民币金额',
|
|
|
- prop: 'rmbAmount',
|
|
|
+ label: '汇率',
|
|
|
+ prop: 'exchangeRate',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -485,8 +485,8 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '预付(保证)金额',
|
|
|
- prop: 'advancePayment',
|
|
|
+ label: '人民币金额',
|
|
|
+ prop: 'rmbAmount',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -495,8 +495,10 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '单价',
|
|
|
- prop: 'salesPrice',
|
|
|
+ label: '付款方式',
|
|
|
+ prop: 'paymentType',
|
|
|
+ // type:'select',
|
|
|
+ dicData: [],
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -505,8 +507,9 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '币别',
|
|
|
- prop: 'currency',
|
|
|
+ label: '付款/开证日期',
|
|
|
+ prop: 'accountsCollectionDate',
|
|
|
+ type:'datetime',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -515,8 +518,8 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '汇率',
|
|
|
- prop: 'exchangeRate',
|
|
|
+ label: '预付(保证)金额',
|
|
|
+ prop: 'advancePayment',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -524,9 +527,9 @@ export default {
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '合同重量',
|
|
|
- prop: 'contractWeight',
|
|
|
+ },{
|
|
|
+ label: '已付金额',
|
|
|
+ prop: 'settlmentAmount',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -535,8 +538,9 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
}, {
|
|
|
- label: '码单重量',
|
|
|
- prop: 'billWeight',
|
|
|
+ label: '信用证到期日',
|
|
|
+ prop: 'creditDate',
|
|
|
+ type:'datetime',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -544,9 +548,9 @@ export default {
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '已付金额',
|
|
|
- prop: 'settlmentAmount',
|
|
|
+ }, {
|
|
|
+ label: '码单重量',
|
|
|
+ prop: 'billWeight',
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
@@ -554,7 +558,7 @@ export default {
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
+ }, {
|
|
|
label: "订单备注",
|
|
|
span: 24,
|
|
|
prop: "orderRemark",
|
|
@@ -666,10 +670,10 @@ export default {
|
|
|
this.page.currentPage = 1;
|
|
|
this.onLoad(this.page);
|
|
|
},
|
|
|
+ //商品详情list
|
|
|
onLoad(page, params = {}) {
|
|
|
this.loading = true;
|
|
|
getList(page.currentPage, page.pageSize, Object.assign(params, this.query), this.treeDeptId).then(res => {
|
|
|
- console.log(res)
|
|
|
const data = res.data.data;
|
|
|
this.page.total = data.total;
|
|
|
this.data = data.records;
|
|
@@ -678,10 +682,8 @@ export default {
|
|
|
},
|
|
|
//确认导入触发
|
|
|
importGoods() {
|
|
|
- // this.contactsData = this.contactsData.concat(this.tableData)
|
|
|
if (this.tableData.length > 0) {
|
|
|
for (let item in this.tableData) {
|
|
|
- console.log(this.tableData[item])
|
|
|
this.tableData[item].priceCategory = this.tableData[item].goodsTypeName
|
|
|
this.tableData[item].itemId = this.tableData[item].id
|
|
|
delete this.tableData[item].id
|