|
|
@@ -1,23 +1,266 @@
|
|
|
<!-- @desc:升贴水/基差配置 -销售升贴水/基差配置 @auth:??? @time:----- -->
|
|
|
<template>
|
|
|
<div class="main-div" ref="mainDiv">
|
|
|
+ <!-- 页面区域-->
|
|
|
+ <DkCollapse ref="collapse" @on-change="changeCollapse">
|
|
|
+ <!--基本信息-->
|
|
|
+ <DkPanel title="基差设置" prop="essentialInformation" id="essentialInformation" class="tabs-step-class" >
|
|
|
+ <!-- 基本信息 -->
|
|
|
+ <DkForm slot="content" ref="formInline" v-model="formData" style="width:100%" :col-count="4">
|
|
|
|
|
|
+ <!-- 类型 -->
|
|
|
+ <DkFormItem prop="配置项" title="配置项" v-model="formData.flgDisability"
|
|
|
+ :type="$config.formItemType.select" :option-list="flgDisabilityList" :dataType="'boolean'"
|
|
|
+ :multiple="false" labelKey="dataValue" valueKey="dataId">
|
|
|
+ </DkFormItem>
|
|
|
+ </DkForm>
|
|
|
+ </DkPanel>
|
|
|
+ <DkTabs v-model="currentType" :options="tabsOptions"></DkTabs>
|
|
|
+ <div v-if="currentType =='whater'">
|
|
|
+ <!--颜色级-->
|
|
|
+ <DkPanel title="颜色级" prop="颜色级" class="tabs-step-class" >
|
|
|
+ <div slot="content">
|
|
|
+ <EditTable
|
|
|
+ ref="contactName1"
|
|
|
+ :height="300"
|
|
|
+ :financeFlag="true"
|
|
|
+ :addFlag ="false"
|
|
|
+ :deleteFlag ="false"
|
|
|
+ :pageFlag="true"
|
|
|
+ :pageTotal="pageTotal"
|
|
|
+ v-model="formData.skuData1"
|
|
|
+ :columns="editTableColumns1"
|
|
|
+ @pageChange="pageSizeChange"
|
|
|
+ ></EditTable>
|
|
|
+ </div>
|
|
|
+ </DkPanel>
|
|
|
+ <DkPanel title="长度" prop="长度" class="tabs-step-class" >
|
|
|
+ <div slot="content">
|
|
|
+ <EditTable
|
|
|
+ ref="contactName1"
|
|
|
+ :height="300"
|
|
|
+ :financeFlag="true"
|
|
|
+ :addFlag ="false"
|
|
|
+ :deleteFlag ="false"
|
|
|
+ :pageFlag="true"
|
|
|
+ :pageTotal="pageTotal"
|
|
|
+ v-model="formData.skuData2"
|
|
|
+ :columns="editTableColumns2"
|
|
|
+ @pageChange="pageSizeChange"
|
|
|
+ ></EditTable>
|
|
|
+ </div>
|
|
|
+ </DkPanel>
|
|
|
+ <DkPanel title="马克隆值级" prop="马克隆值级" class="tabs-step-class" >
|
|
|
+ <div slot="content">
|
|
|
+ <EditTable
|
|
|
+ ref="contactName1"
|
|
|
+ :height="300"
|
|
|
+ :financeFlag="true"
|
|
|
+ :addFlag ="false"
|
|
|
+ :deleteFlag ="false"
|
|
|
+ :pageFlag="true"
|
|
|
+ :pageTotal="pageTotal"
|
|
|
+ v-model="formData.skuData3"
|
|
|
+ :columns="editTableColumns3"
|
|
|
+ @pageChange="pageSizeChange"
|
|
|
+ ></EditTable>
|
|
|
+ </div>
|
|
|
+ </DkPanel>
|
|
|
+ <DkPanel title="轧工质量" prop="轧工质量" class="tabs-step-class" >
|
|
|
+ <div slot="content">
|
|
|
+ <EditTable
|
|
|
+ ref="contactName1"
|
|
|
+ :height="300"
|
|
|
+ :financeFlag="true"
|
|
|
+ :addFlag ="false"
|
|
|
+ :deleteFlag ="false"
|
|
|
+ :pageFlag="true"
|
|
|
+ :pageTotal="pageTotal"
|
|
|
+ v-model="formData.skuData4"
|
|
|
+ :columns="editTableColumns4"
|
|
|
+ @pageChange="pageSizeChange"
|
|
|
+ ></EditTable>
|
|
|
+ </div>
|
|
|
+ </DkPanel>
|
|
|
+ <DkPanel title="长度整齐度" prop="长度整齐度" class="tabs-step-class" >
|
|
|
+ <div slot="content">
|
|
|
+ <EditTable
|
|
|
+ ref="contactName1"
|
|
|
+ :height="300"
|
|
|
+ :financeFlag="true"
|
|
|
+ :addFlag ="false"
|
|
|
+ :deleteFlag ="false"
|
|
|
+ :pageFlag="true"
|
|
|
+ :pageTotal="pageTotal"
|
|
|
+ v-model="formData.skuData5"
|
|
|
+ :columns="editTableColumns5"
|
|
|
+ @pageChange="pageSizeChange"
|
|
|
+ ></EditTable>
|
|
|
+ </div>
|
|
|
+ </DkPanel>
|
|
|
+ <DkPanel title="断裂比强度" prop="断裂比强度" class="tabs-step-class" >
|
|
|
+ <div slot="content">
|
|
|
+ <EditTable
|
|
|
+ ref="contactName1"
|
|
|
+ :height="300"
|
|
|
+ :financeFlag="true"
|
|
|
+ :addFlag ="false"
|
|
|
+ :deleteFlag ="false"
|
|
|
+ :pageFlag="true"
|
|
|
+ :pageTotal="pageTotal"
|
|
|
+ v-model="formData.skuData6"
|
|
|
+ :columns="editTableColumns6"
|
|
|
+ @pageChange="pageSizeChange"
|
|
|
+ ></EditTable>
|
|
|
+ </div>
|
|
|
+ </DkPanel>
|
|
|
+ <DkPanel title="异性纤维" prop="异性纤维" class="tabs-step-class" >
|
|
|
+ <div slot="content">
|
|
|
+ <EditTable
|
|
|
+ ref="contactName1"
|
|
|
+ :height="300"
|
|
|
+ :financeFlag="true"
|
|
|
+ :addFlag ="false"
|
|
|
+ :deleteFlag ="false"
|
|
|
+ :pageFlag="true"
|
|
|
+ :pageTotal="pageTotal"
|
|
|
+ v-model="formData.skuData7"
|
|
|
+ :columns="editTableColumns7"
|
|
|
+ @pageChange="pageSizeChange"
|
|
|
+ ></EditTable>
|
|
|
+ </div>
|
|
|
+ </DkPanel>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </DkCollapse>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
-import {indexMixin} from '@/mixins'
|
|
|
+import {formMixin} from '@/mixins/form'
|
|
|
|
|
|
export default {
|
|
|
- name: 'premium-basis-configuration',
|
|
|
+ name: 'purchase-premium-basis-configuration',
|
|
|
+ mixins: [formMixin],
|
|
|
data() {
|
|
|
- return {}
|
|
|
+ return {
|
|
|
+ currentType: 'whater',
|
|
|
+ tabsOptions: [
|
|
|
+ {title: '升贴水', name: 'whater'},
|
|
|
+ {title: '基差', name: 'jicha'},
|
|
|
+ ],
|
|
|
+ pageTotal: null,
|
|
|
+ editTableColumns1: [
|
|
|
+ { title:'名称', field: 'name', type: 'disabled'},// 商品型号
|
|
|
+ { title:'编码', field: 'code', type: 'disabled'},// 商品型号
|
|
|
+ { title:'类型',field: 'type', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ { title:'升贴水', field: 'whater', type: 'number'},// 商品型号
|
|
|
+ { title:'备注',field: 'remakes', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ ],
|
|
|
+ editTableColumns2: [
|
|
|
+ { title:'名称', field: 'name', type: 'disabled'},// 商品型号
|
|
|
+ { title:'编码', field: 'code', type: 'disabled'},// 商品型号
|
|
|
+ { title:'值区间',field: 'interval', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ { title:'类型', field: 'type', type: 'disabled'},// 商品型号
|
|
|
+ { title:'升贴水',field: 'whater', type: 'number', width: 'auto'},// 商品名称
|
|
|
+ { title:'备注',field: 'remarks', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ ],
|
|
|
+ editTableColumns3: [
|
|
|
+ { title:'名称', field: 'name', type: 'disabled'},// 商品型号
|
|
|
+ { title:'编码', field: 'code', type: 'disabled'},// 商品型号
|
|
|
+ { title:'值区间',field: 'interval', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ { title:'类型', field: 'type', type: 'disabled'},// 商品型号
|
|
|
+ { title:'升贴水',field: 'whater', type: 'number', width: 'auto'},// 商品名称
|
|
|
+ { title:'备注',field: 'remarks', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ ],
|
|
|
+ editTableColumns4: [
|
|
|
+ { title:'名称', field: 'name', type: 'disabled'},// 商品型号
|
|
|
+ { title:'编码', field: 'code', type: 'disabled'},// 商品型号
|
|
|
+ { title:'类型',field: 'type', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ { title:'升贴水', field: 'whater', type: 'number'},// 商品型号
|
|
|
+ { title:'备注',field: 'remakes', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ ],
|
|
|
+ editTableColumns5: [
|
|
|
+ { title:'名称', field: 'name', type: 'disabled'},// 商品型号
|
|
|
+ { title:'编码', field: 'code', type: 'disabled'},// 商品型号
|
|
|
+ { title:'值区间',field: 'interval', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ { title:'类型', field: 'type', type: 'disabled'},// 商品型号
|
|
|
+ { title:'升贴水',field: 'whater', type: 'number', width: 'auto'},// 商品名称
|
|
|
+ { title:'备注',field: 'remarks', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ ],
|
|
|
+ editTableColumns6: [
|
|
|
+ { title:'名称', field: 'name', type: 'disabled'},// 商品型号
|
|
|
+ { title:'编码', field: 'code', type: 'disabled'},// 商品型号
|
|
|
+ { title:'值区间',field: 'interval', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ { title:'类型', field: 'type', type: 'disabled'},// 商品型号
|
|
|
+ { title:'升贴水',field: 'whater', type: 'number', width: 'auto'},// 商品名称
|
|
|
+ { title:'备注',field: 'remarks', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ ],
|
|
|
+ editTableColumns7: [
|
|
|
+ { title:'名称', field: 'name', type: 'disabled'},// 商品型号
|
|
|
+ { title:'编码', field: 'code', type: 'disabled'},// 商品型号
|
|
|
+ { title:'值区间',field: 'interval', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ { title:'类型', field: 'type', type: 'disabled'},// 商品型号
|
|
|
+ { title:'升贴水',field: 'whater', type: 'number', width: 'auto'},// 商品名称
|
|
|
+ { title:'备注',field: 'remarks', type: 'disabled', width: 'auto'},// 商品名称
|
|
|
+ ],
|
|
|
+ flgDisabilityList: [
|
|
|
+ {dataId: true, dataValue: '轮出(出)_21/6'},
|
|
|
+ ],//类型
|
|
|
+ formData: {
|
|
|
+
|
|
|
+ skuData1: [
|
|
|
+ { name: '白棉一级', code: '11', type: '28', whater: 500, remakes: '备注信息...', },
|
|
|
+ { name: '白棉二级', code: '12', type: '28', whater: 500, remakes: '备注信息...', },
|
|
|
+ { name: '白棉三级', code: '13', type: '28', whater: 500, remakes: '备注信息...', },
|
|
|
+ { name: '白棉四级', code: '14', type: '28', whater: 500, remakes: '备注信息...', },
|
|
|
+ ],
|
|
|
+ skuData2: [
|
|
|
+ { name: '32毫米', code: '11', interval: '32 ≤ 值', type: "替代交割品", whater: 900,remarks: '备注信息...', },
|
|
|
+ { name: '31毫米', code: '12', interval: '31 ≤ 值 < 32', type: "替代交割品", whater: 900,remarks: '备注信息...', },
|
|
|
+ { name: '30毫米', code: '13', interval: '30 ≤ 值 < 31', type: "基准交割品", whater: 900, remarks: '备注信息...', },
|
|
|
+ { name: '29毫米', code: '14', interval: '29 ≤ 值 < 30', type: "替代交割品", whater: 900, remarks: '备注信息...', },
|
|
|
+ ],
|
|
|
+ skuData3: [
|
|
|
+ { name: 'A档', code: 'A', interval: '3.7 ≤ 值 < 4.3', type: "替代交割品", whater: 100,remarks: '备注信息...', },
|
|
|
+ { name: 'B1档', code: 'B1', interval: '3.5 ≤ 值 < 3.7', type: "基准交割品", whater: 0,remarks: '备注信息...', },
|
|
|
+ { name: 'B2档', code: 'B2', interval: '4.3 ≤ 值 < 5', type: "基准交割品", whater: 0, remarks: '备注信息...', },
|
|
|
+ { name: 'C1档', code: 'C1', interval: '值 < 3.5', type: "替代交割品", whater: -600, remarks: '备注信息...', },
|
|
|
+ { name: 'C2档', code: 'C2', interval: '5 ≤ 值', type: "替代交割品", whater: -600, remarks: '备注信息...', },
|
|
|
+ ],
|
|
|
+ skuData4: [
|
|
|
+ { name: '好', code: 'P1', type: '替代交割品', whater: 100, remakes: '备注信息...', },
|
|
|
+ { name: '中', code: 'P2', type: '替代交割品', whater: 0, remakes: '备注信息...', },
|
|
|
+ { name: '差', code: 'P2', type: '替代交割品', whater: 500, remakes: '备注信息...', },
|
|
|
+
|
|
|
+ ],
|
|
|
+ skuData5: [
|
|
|
+ { name: '很高', code: 'U1', interval: '86 ≤ 值 ≤ 100', type: "替代交割品", whater: 250,remarks: '备注信息...', },
|
|
|
+ { name: '高', code: 'U2', interval: '83 ≤ 值 < 86', type: "基准交割品", whater: 0,remarks: '备注信息...', },
|
|
|
+ { name: '中等', code: 'U3', interval: '80 ≤ 值 < 83', type: "基准交割品", whater: 0, remarks: '备注信息...', },
|
|
|
+ { name: '低', code: 'U4', interval: '77 ≤ 值 < 80', type: "替代交割品", whater: -600, remarks: '备注信息...', },
|
|
|
+ { name: '很低', code: 'U5', interval: '值 < 77', type: "替代交割品", whater: -600, remarks: '备注信息...', },
|
|
|
+ ],
|
|
|
+ skuData6: [
|
|
|
+ { name: '很强', code: 'S1', interval: '31 ≤ 值', type: "替代交割品", whater: 250,remarks: '断裂比强度...', },
|
|
|
+ { name: '强', code: 'S2', interval: '29 ≤ 值 < 31', type: "基准交割品", whater: 0,remarks: '断裂比强度...', },
|
|
|
+ { name: '中等', code: 'S3', interval: '26 ≤ 值 < 29', type: "基准交割品", whater: 0, remarks: '断裂比强度...', },
|
|
|
+ { name: '差', code: 'S4', interval: '24 ≤ 值 < 26', type: "替代交割品", whater: -600, remarks: '断裂比强度...', },
|
|
|
+ { name: '很差', code: 'S5', interval: '值 < 24', type: "替代交割品", whater: -600, remarks: '断裂比强度...', },
|
|
|
+ ],
|
|
|
+ skuData7: [
|
|
|
+ { name: '低', code: 'L', interval: '值 ≤ 1', type: "替代交割品", whater: 0,remarks: '异性纤维包数...', },
|
|
|
+ { name: '高', code: 'H', interval: '1 < 值', type: "基准交割品", whater: -200,remarks: '异性纤维包数...', },
|
|
|
+
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ }
|
|
|
},
|
|
|
methods: {},
|
|
|
|
|
|
|
|
|
-
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
+
|