|
@@ -18,7 +18,7 @@
|
|
</template>
|
|
</template>
|
|
<a-spin :spinning="confirmLoading">
|
|
<a-spin :spinning="confirmLoading">
|
|
<a-form :form="form">
|
|
<a-form :form="form">
|
|
- <a-tabs default-active-key="1" size="small">
|
|
|
|
|
|
+ <a-tabs default-active-key="1" size="small" v-model="activeKey">
|
|
<a-tab-pane key="1" tab="基本信息" id="materialHeadModal" forceRender>
|
|
<a-tab-pane key="1" tab="基本信息" id="materialHeadModal" forceRender>
|
|
<a-row class="form-row" :gutter="24">
|
|
<a-row class="form-row" :gutter="24">
|
|
<a-col :xl="6" :lg="8" :md="12" :sm="24">
|
|
<a-col :xl="6" :lg="8" :md="12" :sm="24">
|
|
@@ -41,94 +41,8 @@
|
|
<a-form-item
|
|
<a-form-item
|
|
:labelCol="labelCol"
|
|
:labelCol="labelCol"
|
|
:wrapperCol="wrapperCol"
|
|
:wrapperCol="wrapperCol"
|
|
- label="规格"
|
|
|
|
- data-step="2"
|
|
|
|
- data-title="规格"
|
|
|
|
- data-intro="规格不必填,比如:10克"
|
|
|
|
- >
|
|
|
|
- <a-input placeholder="请输入规格" v-decorator.trim="['standard', validatorRules.standard]" />
|
|
|
|
- </a-form-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :xl="6" :lg="8" :md="12" :sm="24">
|
|
|
|
- <a-form-item
|
|
|
|
- :labelCol="labelCol"
|
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
|
- label="型号"
|
|
|
|
- data-step="3"
|
|
|
|
- data-title="型号"
|
|
|
|
- data-intro="型号是比规格更小的属性,比如:RX-01"
|
|
|
|
- >
|
|
|
|
- <a-input placeholder="请输入型号" v-decorator.trim="['model', validatorRules.model]" />
|
|
|
|
- </a-form-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :xl="6" :lg="8" :md="12" :sm="24">
|
|
|
|
- <a-form-item
|
|
|
|
- :labelCol="labelCol"
|
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
|
- label="单位"
|
|
|
|
- data-step="4"
|
|
|
|
- data-title="单位"
|
|
|
|
- data-intro="此处支持单个单位和多单位,勾选多单位就可以切换到多单位的下拉框,多单位需要先在【多单位】页面进行录入。
|
|
|
|
- 比如牛奶有瓶和箱两种单位,12瓶=1箱,这就构成了多单位,多单位中有个换算比例"
|
|
|
|
- >
|
|
|
|
- <a-row class="form-row" :gutter="24">
|
|
|
|
- <a-col :lg="15" :md="15" :sm="24" style="padding: 0px 0px 0px 12px">
|
|
|
|
- <a-input
|
|
|
|
- placeholder="输入单位"
|
|
|
|
- v-if="!unitChecked"
|
|
|
|
- v-decorator.trim="['unit', validatorRules.unit]"
|
|
|
|
- @change="onlyUnitOnChange"
|
|
|
|
- />
|
|
|
|
- <a-select
|
|
|
|
- :value="unitList"
|
|
|
|
- placeholder="选择多单位"
|
|
|
|
- v-decorator="['unitId', validatorRules.unitId]"
|
|
|
|
- @change="manyUnitOnChange"
|
|
|
|
- showSearch
|
|
|
|
- optionFilterProp="children"
|
|
|
|
- v-if="unitChecked"
|
|
|
|
- :dropdownMatchSelectWidth="false"
|
|
|
|
- >
|
|
|
|
- <div slot="dropdownRender" slot-scope="menu">
|
|
|
|
- <v-nodes :vnodes="menu" />
|
|
|
|
- <a-divider style="margin: 4px 0" />
|
|
|
|
- <div
|
|
|
|
- style="padding: 4px 8px; cursor: pointer"
|
|
|
|
- @mousedown="(e) => e.preventDefault()"
|
|
|
|
- @click="addUnit"
|
|
|
|
- >
|
|
|
|
- <a-icon type="plus" /> 新增多单位
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <a-select-option v-for="(item, index) in unitList" :key="index" :value="item.id">
|
|
|
|
- {{ item.name }}
|
|
|
|
- </a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :lg="9" :md="9" :sm="24" style="padding: 0px; text-align: center">
|
|
|
|
- <a-checkbox :checked="unitChecked" @change="unitOnChange">多单位</a-checkbox>
|
|
|
|
- </a-col>
|
|
|
|
- </a-row>
|
|
|
|
- </a-form-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :xl="6" :lg="8" :md="12" :sm="24">
|
|
|
|
- <a-form-item
|
|
|
|
- :labelCol="labelCol"
|
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
|
- label="颜色"
|
|
|
|
- data-step="6"
|
|
|
|
- data-title="颜色"
|
|
|
|
- data-intro="请填写商品的颜色,如果是多属性商品可以不填(下面有多属性开关)"
|
|
|
|
- >
|
|
|
|
- <a-input placeholder="请输入颜色" v-decorator.trim="['color']" />
|
|
|
|
- </a-form-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :xl="6" :lg="8" :md="12" :sm="24">
|
|
|
|
- <a-form-item
|
|
|
|
- :labelCol="labelCol"
|
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
|
label="品牌"
|
|
label="品牌"
|
|
- data-step="7"
|
|
|
|
|
|
+ data-step="2"
|
|
data-title="品牌"
|
|
data-title="品牌"
|
|
data-intro="请填写商品的品牌,方便区别不同品牌的商品"
|
|
data-intro="请填写商品的品牌,方便区别不同品牌的商品"
|
|
>
|
|
>
|
|
@@ -140,7 +54,7 @@
|
|
:labelCol="labelCol"
|
|
:labelCol="labelCol"
|
|
:wrapperCol="wrapperCol"
|
|
:wrapperCol="wrapperCol"
|
|
label="助记码"
|
|
label="助记码"
|
|
- data-step="8"
|
|
|
|
|
|
+ data-step="3"
|
|
data-title="助记码"
|
|
data-title="助记码"
|
|
data-intro="助记码自动生成,助记码是商品名称的首字母缩写"
|
|
data-intro="助记码自动生成,助记码是商品名称的首字母缩写"
|
|
>
|
|
>
|
|
@@ -152,7 +66,7 @@
|
|
:labelCol="labelCol"
|
|
:labelCol="labelCol"
|
|
:wrapperCol="wrapperCol"
|
|
:wrapperCol="wrapperCol"
|
|
label="类别"
|
|
label="类别"
|
|
- data-step="9"
|
|
|
|
|
|
+ data-step="4"
|
|
data-title="类别"
|
|
data-title="类别"
|
|
data-intro="类别需要在【商品类别】页面进行录入,录入之后在此处进行调用"
|
|
data-intro="类别需要在【商品类别】页面进行录入,录入之后在此处进行调用"
|
|
>
|
|
>
|
|
@@ -171,20 +85,8 @@
|
|
<a-form-item
|
|
<a-form-item
|
|
:labelCol="labelCol"
|
|
:labelCol="labelCol"
|
|
:wrapperCol="wrapperCol"
|
|
:wrapperCol="wrapperCol"
|
|
- label="基础重量"
|
|
|
|
- data-step="10"
|
|
|
|
- data-title="基础重量"
|
|
|
|
- data-intro="请填写基本单位对应的重量,用于计算按重量分摊费用时单据中各行商品分摊的费用成本"
|
|
|
|
- >
|
|
|
|
- <a-input-number style="width: 100%" placeholder="请输入基础重量(kg)" v-decorator.trim="['weight']" />
|
|
|
|
- </a-form-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :xl="6" :lg="8" :md="12" :sm="24">
|
|
|
|
- <a-form-item
|
|
|
|
- :labelCol="labelCol"
|
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
|
label="序列号"
|
|
label="序列号"
|
|
- data-step="11"
|
|
|
|
|
|
+ data-step="5"
|
|
data-title="序列号"
|
|
data-title="序列号"
|
|
data-intro="此处是商品的序列号开关,如果选择了有,则在采购入库单据需要录入该商品的序列号,在销售出库单据需要选择该商品的序列号进行出库"
|
|
data-intro="此处是商品的序列号开关,如果选择了有,则在采购入库单据需要录入该商品的序列号,在销售出库单据需要选择该商品的序列号进行出库"
|
|
>
|
|
>
|
|
@@ -200,20 +102,26 @@
|
|
<a-form-item
|
|
<a-form-item
|
|
:labelCol="labelCol"
|
|
:labelCol="labelCol"
|
|
:wrapperCol="wrapperCol"
|
|
:wrapperCol="wrapperCol"
|
|
- label="系统SKU"
|
|
|
|
- data-step="12"
|
|
|
|
- data-title="系统SKU"
|
|
|
|
- data-intro="系统SKU"
|
|
|
|
|
|
+ label="系统SPU"
|
|
|
|
+ data-step="6"
|
|
|
|
+ data-title="系统SPU"
|
|
|
|
+ data-intro="系统SPU"
|
|
>
|
|
>
|
|
- <a-input placeholder="提交后自动生成" disabled v-decorator="['systemSku']" />
|
|
|
|
|
|
+ <a-input placeholder="提交后自动生成" disabled v-decorator="['systemSpu']" />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :xl="6" :lg="8" :md="12" :sm="24">
|
|
<a-col :xl="6" :lg="8" :md="12" :sm="24">
|
|
<a-form-item
|
|
<a-form-item
|
|
- :labelCol="labelCol"
|
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
|
|
|
+ :labelCol="{
|
|
|
|
+ xs: { span: 24 },
|
|
|
|
+ sm: { span: 10 },
|
|
|
|
+ }"
|
|
|
|
+ :wrapperCol="{
|
|
|
|
+ xs: { span: 24 },
|
|
|
|
+ sm: { span: 14 },
|
|
|
|
+ }"
|
|
label="无动销提醒周期"
|
|
label="无动销提醒周期"
|
|
- data-step="13"
|
|
|
|
|
|
+ data-step="7"
|
|
data-title="无动销提醒周期"
|
|
data-title="无动销提醒周期"
|
|
data-intro="无动销提醒周期"
|
|
data-intro="无动销提醒周期"
|
|
>
|
|
>
|
|
@@ -232,7 +140,7 @@
|
|
:labelCol="labelCol"
|
|
:labelCol="labelCol"
|
|
:wrapperCol="wrapperCol"
|
|
:wrapperCol="wrapperCol"
|
|
label="保质期(天)"
|
|
label="保质期(天)"
|
|
- data-step="14"
|
|
|
|
|
|
+ data-step="8"
|
|
data-title="保质期(天)"
|
|
data-title="保质期(天)"
|
|
data-intro="保质期(天)"
|
|
data-intro="保质期(天)"
|
|
>
|
|
>
|
|
@@ -244,7 +152,7 @@
|
|
:labelCol="labelCol"
|
|
:labelCol="labelCol"
|
|
:wrapperCol="wrapperCol"
|
|
:wrapperCol="wrapperCol"
|
|
label="默认采购价"
|
|
label="默认采购价"
|
|
- data-step="15"
|
|
|
|
|
|
+ data-step="9"
|
|
data-title="默认采购价"
|
|
data-title="默认采购价"
|
|
data-intro="默认采购价"
|
|
data-intro="默认采购价"
|
|
>
|
|
>
|
|
@@ -256,7 +164,7 @@
|
|
:labelCol="labelCol"
|
|
:labelCol="labelCol"
|
|
:wrapperCol="wrapperCol"
|
|
:wrapperCol="wrapperCol"
|
|
label="默认销售价"
|
|
label="默认销售价"
|
|
- data-step="16"
|
|
|
|
|
|
+ data-step="10"
|
|
data-title="默认销售价"
|
|
data-title="默认销售价"
|
|
data-intro="默认销售价"
|
|
data-intro="默认销售价"
|
|
>
|
|
>
|
|
@@ -312,28 +220,29 @@
|
|
:columns="mbTable.columns"
|
|
:columns="mbTable.columns"
|
|
:dataSource="mbTable.dataSource"
|
|
:dataSource="mbTable.dataSource"
|
|
:height="300"
|
|
:height="300"
|
|
- :minWidth="1000"
|
|
|
|
|
|
+ minWidth="100%"
|
|
:maxHeight="300"
|
|
:maxHeight="300"
|
|
:rowNumber="false"
|
|
:rowNumber="false"
|
|
:rowSelection="true"
|
|
:rowSelection="true"
|
|
:actionButton="true"
|
|
:actionButton="true"
|
|
- @added="onAdded"
|
|
|
|
- @deleted="onDeleted"
|
|
|
|
|
|
+ @added="handleMbTableAdded"
|
|
>
|
|
>
|
|
- <template #ratio="{ handleChange, value }">
|
|
|
|
- <a-select
|
|
|
|
- v-if="unitChecked"
|
|
|
|
- placeholder="请选择"
|
|
|
|
- :dropdownMatchSelectWidth="false"
|
|
|
|
- showSearch
|
|
|
|
- :value="value"
|
|
|
|
- @change="($event) => handleChange($event)"
|
|
|
|
- >
|
|
|
|
- <a-select-option v-for="(item, index) in barCodeUnitList" :key="index" :value="item.ratio">
|
|
|
|
- {{ item.name }}
|
|
|
|
- </a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- <a-input v-else :value="value" disabled @change="($event) => handleChange($event)"></a-input>
|
|
|
|
|
|
+ <template #commodityUnit="{value,index,allValues,rowId}">
|
|
|
|
+ <div style="display: flex;align-items: center;">
|
|
|
|
+ <a-input disabled :value="value" placeholder="自动带出">
|
|
|
|
+ </a-input>
|
|
|
|
+ <span class="sp-btn" @click="editMaterialUnitModal({value,index,allValues,rowId})">+管理</span>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ <template #upcList="{value,rowId}">
|
|
|
|
+ <div style="display: flex;align-items: center;">
|
|
|
|
+ <a-input disabled :value="value[0]&&value[0].upc?value[0].upc:''" placeholder="自动带出">
|
|
|
|
+ </a-input>
|
|
|
|
+ <span class="sp-btn" @click="editMaterialUpcModal({value,rowId})">+管理</span>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ <template #enabled="{value,handleChange}">
|
|
|
|
+ <a-switch :checked="value" @change="(v) => handleChange(v)" checkedChildren="启用" unCheckedChildren="禁用" />
|
|
</template>
|
|
</template>
|
|
</j-editable-table>
|
|
</j-editable-table>
|
|
</a-tab-pane>
|
|
</a-tab-pane>
|
|
@@ -366,7 +275,7 @@
|
|
:loading="depotTable.loading"
|
|
:loading="depotTable.loading"
|
|
:columns="depotTable.columns"
|
|
:columns="depotTable.columns"
|
|
:dataSource="depotTable.dataSource"
|
|
:dataSource="depotTable.dataSource"
|
|
- :minWidth="1000"
|
|
|
|
|
|
+ minWidth="100%"
|
|
:maxHeight="300"
|
|
:maxHeight="300"
|
|
:rowNumber="true"
|
|
:rowNumber="true"
|
|
:rowSelection="false"
|
|
:rowSelection="false"
|
|
@@ -409,20 +318,17 @@
|
|
</a-tabs>
|
|
</a-tabs>
|
|
</a-form>
|
|
</a-form>
|
|
</a-spin>
|
|
</a-spin>
|
|
- <!-- 供应商modal -->
|
|
|
|
- <vendor-modal ref="vendorModalForm" @ok="vendorModalFormOk"></vendor-modal>
|
|
|
|
- <!-- 仓库modal -->
|
|
|
|
- <depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal>
|
|
|
|
- <unit-modal ref="unitModalForm" @ok="unitModalFormOk"></unit-modal>
|
|
|
|
|
|
+ <!-- 货品单位管理 -->
|
|
|
|
+ <material-unit-modal ref="materialUnitModal" @ok="unitOk"></material-unit-modal>
|
|
|
|
+ <material-upc-modal ref="materialUpcModal" @ok="upcOk"></material-upc-modal>
|
|
</j-modal>
|
|
</j-modal>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
import pick from 'lodash.pick'
|
|
import pick from 'lodash.pick'
|
|
import BatchSetPriceModal from './BatchSetPriceModal'
|
|
import BatchSetPriceModal from './BatchSetPriceModal'
|
|
import BatchSetStockModal from './BatchSetStockModal'
|
|
import BatchSetStockModal from './BatchSetStockModal'
|
|
-import UnitModal from '../../system/modules/UnitModal'
|
|
|
|
-import VendorModal from '@/views//system/modules/VendorModal'
|
|
|
|
-import DepotModal from '@/views//system/modules/DepotModal'
|
|
|
|
|
|
+import MaterialUnitModal from './MaterialUnitModal'
|
|
|
|
+import MaterialUpcModal from './MaterialUpcModal'
|
|
import JEditableTable from '@/components/jeecg/JEditableTable'
|
|
import JEditableTable from '@/components/jeecg/JEditableTable'
|
|
import { FormTypes, getRefPromise, VALIDATE_NO_PASSED, validateFormAndTables } from '@/utils/JEditableTableUtil'
|
|
import { FormTypes, getRefPromise, VALIDATE_NO_PASSED, validateFormAndTables } from '@/utils/JEditableTableUtil'
|
|
import {
|
|
import {
|
|
@@ -445,9 +351,8 @@ export default {
|
|
components: {
|
|
components: {
|
|
BatchSetPriceModal,
|
|
BatchSetPriceModal,
|
|
BatchSetStockModal,
|
|
BatchSetStockModal,
|
|
- UnitModal,
|
|
|
|
- VendorModal,
|
|
|
|
- DepotModal,
|
|
|
|
|
|
+ MaterialUnitModal,
|
|
|
|
+ MaterialUpcModal,
|
|
JImageUpload,
|
|
JImageUpload,
|
|
JDate,
|
|
JDate,
|
|
JEditableTable,
|
|
JEditableTable,
|
|
@@ -461,12 +366,12 @@ export default {
|
|
title: '操作',
|
|
title: '操作',
|
|
width: '1300px',
|
|
width: '1300px',
|
|
visible: false,
|
|
visible: false,
|
|
|
|
+ activeKey: '1',
|
|
modalStyle: '',
|
|
modalStyle: '',
|
|
categoryTree: [],
|
|
categoryTree: [],
|
|
unitList: [],
|
|
unitList: [],
|
|
depotList: [],
|
|
depotList: [],
|
|
fileList: [],
|
|
fileList: [],
|
|
- unitChecked: false,
|
|
|
|
meDeleteIdList: [], //删除条码信息的id数组
|
|
meDeleteIdList: [], //删除条码信息的id数组
|
|
prefixNo: 'material',
|
|
prefixNo: 'material',
|
|
model: {},
|
|
model: {},
|
|
@@ -557,19 +462,71 @@ export default {
|
|
dataSource: [],
|
|
dataSource: [],
|
|
columns: [
|
|
columns: [
|
|
{
|
|
{
|
|
- title: '商品条码',
|
|
|
|
- key: 'barCode',
|
|
|
|
- width: '15%',
|
|
|
|
|
|
+ title: 'SKU',
|
|
|
|
+ key: 'sku',
|
|
|
|
+ width: '250px',
|
|
|
|
+ disabled: true,
|
|
type: FormTypes.input,
|
|
type: FormTypes.input,
|
|
- placeholder: '请输入${title}',
|
|
|
|
|
|
+ placeholder: '自动生成',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '单位',
|
|
title: '单位',
|
|
- key: 'ratio',
|
|
|
|
- width: '15%',
|
|
|
|
|
|
+ key: 'commodityUnit',
|
|
|
|
+ width: '140px',
|
|
type: FormTypes.slot,
|
|
type: FormTypes.slot,
|
|
|
|
+ disabled: true,
|
|
|
|
+ placeholder: '请输入${title}',
|
|
|
|
+ validateRules: [{ required: true, message: '单位不能为空' }],
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '规格',
|
|
|
|
+ key: 'standard',
|
|
|
|
+ width: '100px',
|
|
|
|
+ type: FormTypes.input,
|
|
|
|
+ placeholder: '请输入${title}',
|
|
|
|
+ validateRules: [{ required: true, message: '规格不能为空' }],
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '颜色',
|
|
|
|
+ key: 'color',
|
|
|
|
+ width: '100px',
|
|
|
|
+ type: FormTypes.input,
|
|
placeholder: '请输入${title}',
|
|
placeholder: '请输入${title}',
|
|
},
|
|
},
|
|
|
|
+ {
|
|
|
|
+ title: '重量(kg)',
|
|
|
|
+ key: 'weight',
|
|
|
|
+ width: '100px',
|
|
|
|
+ type: FormTypes.inputNumber,
|
|
|
|
+ placeholder: '请输入重量',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '型号',
|
|
|
|
+ key: 'model',
|
|
|
|
+ width: '100px',
|
|
|
|
+ type: FormTypes.input,
|
|
|
|
+ placeholder: '请输入${title}',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: 'UPC',
|
|
|
|
+ key: 'upcList',
|
|
|
|
+ width: '180px',
|
|
|
|
+ type: FormTypes.slot,
|
|
|
|
+ placeholder: '请输入${title}',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '是否启用',
|
|
|
|
+ key: 'enabled',
|
|
|
|
+ width: '100px',
|
|
|
|
+ type: FormTypes.slot,
|
|
|
|
+ placeholder: '请输入${title}',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '单位集合',
|
|
|
|
+ key: 'unitList',
|
|
|
|
+ width: '100px',
|
|
|
|
+ type: FormTypes.hidden,
|
|
|
|
+ },
|
|
]
|
|
]
|
|
},
|
|
},
|
|
depotTable: {
|
|
depotTable: {
|
|
@@ -634,21 +591,9 @@ export default {
|
|
{ max: 100, message: '长度请小于100个字符', trigger: 'blur' },
|
|
{ max: 100, message: '长度请小于100个字符', trigger: 'blur' },
|
|
],
|
|
],
|
|
},
|
|
},
|
|
- standard: {
|
|
|
|
- rules: [{ max: 100, message: '长度请小于100个字符', trigger: 'blur' }],
|
|
|
|
- },
|
|
|
|
categoryId: {
|
|
categoryId: {
|
|
rules: [{ required: true, message: '请选择类别!' }],
|
|
rules: [{ required: true, message: '请选择类别!' }],
|
|
},
|
|
},
|
|
- model: {
|
|
|
|
- rules: [{ max: 100, message: '长度请小于100个字符', trigger: 'blur' }],
|
|
|
|
- },
|
|
|
|
- unit: {
|
|
|
|
- rules: [{ required: true, message: '请输入单位!' }],
|
|
|
|
- },
|
|
|
|
- unitId: {
|
|
|
|
- rules: [{ required: true, message: '请选择多单位!' }],
|
|
|
|
- },
|
|
|
|
defaultWholesaleDecimal: {
|
|
defaultWholesaleDecimal: {
|
|
rules: [{ required: true, message: '请输入默认销售价!' }],
|
|
rules: [{ required: true, message: '请输入默认销售价!' }],
|
|
},
|
|
},
|
|
@@ -700,6 +645,10 @@ export default {
|
|
getAllTable() {
|
|
getAllTable() {
|
|
return Promise.all([getRefPromise(this, 'editableProBarCodeTable'),getRefPromise(this, 'editableDepotTable')])
|
|
return Promise.all([getRefPromise(this, 'editableProBarCodeTable'),getRefPromise(this, 'editableDepotTable')])
|
|
},
|
|
},
|
|
|
|
+ handleMbTableAdded(e){
|
|
|
|
+ const { row, target } = e
|
|
|
|
+ target.setValues([{ rowKey: row.id, values: { enabled: true } }])
|
|
|
|
+ },
|
|
add() {
|
|
add() {
|
|
// 默认新增一条数据
|
|
// 默认新增一条数据
|
|
this.getAllTable().then((editableTables) => {
|
|
this.getAllTable().then((editableTables) => {
|
|
@@ -729,11 +678,6 @@ export default {
|
|
pick(
|
|
pick(
|
|
this.model,
|
|
this.model,
|
|
'name',
|
|
'name',
|
|
- 'standard',
|
|
|
|
- 'unit',
|
|
|
|
- 'unitId',
|
|
|
|
- 'model',
|
|
|
|
- 'color',
|
|
|
|
'brand',
|
|
'brand',
|
|
'mnemonic',
|
|
'mnemonic',
|
|
'categoryId',
|
|
'categoryId',
|
|
@@ -742,8 +686,7 @@ export default {
|
|
'expiryNum',
|
|
'expiryNum',
|
|
'defaultPurchaseDecimal',
|
|
'defaultPurchaseDecimal',
|
|
'defaultWholesaleDecimal',
|
|
'defaultWholesaleDecimal',
|
|
- 'systemSku',
|
|
|
|
- 'weight',
|
|
|
|
|
|
+ 'systemSpu',
|
|
'remark',
|
|
'remark',
|
|
'otherField1',
|
|
'otherField1',
|
|
'otherField2',
|
|
'otherField2',
|
|
@@ -751,20 +694,11 @@ export default {
|
|
)
|
|
)
|
|
)
|
|
)
|
|
autoJumpNextInput('materialHeadModal')
|
|
autoJumpNextInput('materialHeadModal')
|
|
- autoJumpNextInput('materialDetailModal')
|
|
|
|
})
|
|
})
|
|
this.loadTreeData()
|
|
this.loadTreeData()
|
|
this.loadUnitListData()
|
|
this.loadUnitListData()
|
|
// 加载子表数据
|
|
// 加载子表数据
|
|
if (this.model.id) {
|
|
if (this.model.id) {
|
|
- // 判断是否是多单位
|
|
|
|
- if (this.model.unit) {
|
|
|
|
- this.unitChecked = false
|
|
|
|
- } else {
|
|
|
|
- this.unitChecked = true
|
|
|
|
- console.log('多单位-----', record)
|
|
|
|
- await this.getUnitListByID(record.unitId)
|
|
|
|
- }
|
|
|
|
let params = { materialId: this.model.id }
|
|
let params = { materialId: this.model.id }
|
|
this.requestProMbTableData(this.url.materialsExtendList, params, this.mbTable)
|
|
this.requestProMbTableData(this.url.materialsExtendList, params, this.mbTable)
|
|
this.requestMeTableData()
|
|
this.requestMeTableData()
|
|
@@ -794,18 +728,7 @@ export default {
|
|
tab.loading = true
|
|
tab.loading = true
|
|
getAction(url, params)
|
|
getAction(url, params)
|
|
.then((res) => {
|
|
.then((res) => {
|
|
- const rows = (res.data.rows || []).map(item => {
|
|
|
|
- if(this.unitChecked){
|
|
|
|
- if(item.ratio){
|
|
|
|
- const target = this.barCodeUnitList.find(unit => unit.ratio == item.ratio)
|
|
|
|
- item.commodityUnit = target?target.name : ''
|
|
|
|
- }
|
|
|
|
- }else{
|
|
|
|
- item.ratio = item.commodityUnit // 回显单位
|
|
|
|
- }
|
|
|
|
- return item
|
|
|
|
- })
|
|
|
|
- tab.dataSource = rows
|
|
|
|
|
|
+ tab.dataSource = res.data
|
|
console.log('tab.dataSource-----', tab.dataSource)
|
|
console.log('tab.dataSource-----', tab.dataSource)
|
|
})
|
|
})
|
|
.finally(() => {
|
|
.finally(() => {
|
|
@@ -831,7 +754,6 @@ export default {
|
|
this.$emit('close')
|
|
this.$emit('close')
|
|
this.visible = false
|
|
this.visible = false
|
|
this.modalStyle = ''
|
|
this.modalStyle = ''
|
|
- this.unitChecked = false
|
|
|
|
this.meTable.dataSource = []
|
|
this.meTable.dataSource = []
|
|
this.meTable.pagination.current = 1
|
|
this.meTable.pagination.current = 1
|
|
this.getAllTable().then((editableTables) => {
|
|
this.getAllTable().then((editableTables) => {
|
|
@@ -856,25 +778,14 @@ export default {
|
|
.then((allValues) => {
|
|
.then((allValues) => {
|
|
console.log('allValues========',allValues)
|
|
console.log('allValues========',allValues)
|
|
let formData = this.classifyIntoFormData(allValues)
|
|
let formData = this.classifyIntoFormData(allValues)
|
|
- formData.sortList = []
|
|
|
|
- if (formData.unit === undefined) {
|
|
|
|
- formData.unit = ''
|
|
|
|
- }
|
|
|
|
- if (formData.unitId === undefined) {
|
|
|
|
- formData.unitId = ''
|
|
|
|
- }
|
|
|
|
- if (this.unitChecked) {
|
|
|
|
- formData.unit = ''
|
|
|
|
- } else {
|
|
|
|
- formData.unitId = ''
|
|
|
|
- }
|
|
|
|
// 发起请求
|
|
// 发起请求
|
|
return this.requestAddOrEdit(formData)
|
|
return this.requestAddOrEdit(formData)
|
|
})
|
|
})
|
|
.catch((e) => {
|
|
.catch((e) => {
|
|
|
|
+ this.$message.warning('请完善必填项!')
|
|
if (e.error === VALIDATE_NO_PASSED) {
|
|
if (e.error === VALIDATE_NO_PASSED) {
|
|
// 如果有未通过表单验证的子表,就自动跳转到它所在的tab
|
|
// 如果有未通过表单验证的子表,就自动跳转到它所在的tab
|
|
- this.activeKey = e.index == null ? this.activeKey : (e.index + 1).toString()
|
|
|
|
|
|
+ this.activeKey = e.index == null ? this.activeKey : (e.index + 2).toString()
|
|
} else {
|
|
} else {
|
|
console.error(e)
|
|
console.error(e)
|
|
}
|
|
}
|
|
@@ -887,28 +798,14 @@ export default {
|
|
},
|
|
},
|
|
/** 整理成formData */
|
|
/** 整理成formData */
|
|
classifyIntoFormData(allValues) {
|
|
classifyIntoFormData(allValues) {
|
|
-
|
|
|
|
- const that = this
|
|
|
|
let materialMain = Object.assign(this.model, allValues.formValue)
|
|
let materialMain = Object.assign(this.model, allValues.formValue)
|
|
- console.log('materialMain------mbList------', allValues.tablesValue[0].values)
|
|
|
|
return {
|
|
return {
|
|
...materialMain, // 展开
|
|
...materialMain, // 展开
|
|
- meList:[],
|
|
|
|
stock: allValues.tablesValue[1].values,
|
|
stock: allValues.tablesValue[1].values,
|
|
- mbList: allValues.tablesValue[0].values.map(item => {
|
|
|
|
- let commodityUnit = ''
|
|
|
|
- // 多单位
|
|
|
|
- if(that.unitChecked){
|
|
|
|
- const target = that.barCodeUnitList.find(unit => unit.ratio == item.ratio)
|
|
|
|
- commodityUnit = target?target.name : ''
|
|
|
|
- }else{
|
|
|
|
- commodityUnit = item.ratio
|
|
|
|
- item.ratio = null
|
|
|
|
- }
|
|
|
|
|
|
+ meList: allValues.tablesValue[0].values.map(item => {
|
|
return {
|
|
return {
|
|
- barCode: item.barCode,
|
|
|
|
- ratio: item.ratio,
|
|
|
|
- commodityUnit: commodityUnit,
|
|
|
|
|
|
+ ...item,
|
|
|
|
+ upcList: item.upcList?item.upcList:[],
|
|
id: item.id.length > 19 ? null : item.id, // 后端接收不了大于19位id
|
|
id: item.id.length > 19 ? null : item.id, // 后端接收不了大于19位id
|
|
}
|
|
}
|
|
}),
|
|
}),
|
|
@@ -917,118 +814,61 @@ export default {
|
|
/** 发起新增或修改的请求 */
|
|
/** 发起新增或修改的请求 */
|
|
requestAddOrEdit(formData) {
|
|
requestAddOrEdit(formData) {
|
|
console.log('formData------------', formData)
|
|
console.log('formData------------', formData)
|
|
- if (formData.mbList.length === 0) {
|
|
|
|
|
|
+ if (formData.meList.length === 0) {
|
|
this.$message.warning('抱歉,请输入条码信息!')
|
|
this.$message.warning('抱歉,请输入条码信息!')
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- for (const item of formData.mbList){
|
|
|
|
- if(item.barCode === ''){
|
|
|
|
- this.$message.warning('抱歉,请输入条码信息!')
|
|
|
|
|
|
+ //对最低和最高安全库存进行校验
|
|
|
|
+ for (let i = 0; i < formData.stock.length; i++) {
|
|
|
|
+ let depotStockObj = formData.stock[i]
|
|
|
|
+ if (formData.enableSerialNumber === '1' && depotStockObj.initStock && depotStockObj.initStock - 0) {
|
|
|
|
+ this.$message.warning('抱歉,序列号商品不能录入期初库存,建议进行入库单据录入!')
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- if(item.ratio === ''){
|
|
|
|
- this.$message.warning('抱歉,条码信息中列表单位不能为空!')
|
|
|
|
|
|
+ if (formData.enableBatchNumber === '1' && depotStockObj.initStock && depotStockObj.initStock - 0) {
|
|
|
|
+ this.$message.warning('抱歉,批号商品不能录入期初库存,建议进行入库单据录入!')
|
|
return
|
|
return
|
|
}
|
|
}
|
|
|
|
+ if (depotStockObj.lowSafeStock && depotStockObj.highSafeStock) {
|
|
|
|
+ if (depotStockObj.lowSafeStock - 0 > depotStockObj.highSafeStock - 0) {
|
|
|
|
+ this.$message.warning('抱歉,' + depotStockObj.name + '的最低安全库存大于最高安全库存!')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- if (formData.enableSerialNumber === '1' && formData.enableBatchNumber === '1') {
|
|
|
|
- this.$message.warning('抱歉,序列号和批号只能选择一项!')
|
|
|
|
- return
|
|
|
|
|
|
+ //图片校验
|
|
|
|
+ if (this.fileList && this.fileList.length > 0) {
|
|
|
|
+ formData.imgName = this.fileList
|
|
|
|
+ let fileArr = this.fileList.split(',')
|
|
|
|
+ if (fileArr.length > 4) {
|
|
|
|
+ this.$message.warning('抱歉,商品图片不能超过4张!')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ formData.imgName = ''
|
|
}
|
|
}
|
|
- //校验商品是否存在,通过校验商品的名称、型号、规格、颜色、单位、制造商等
|
|
|
|
- let param = {
|
|
|
|
- id: this.model.id ? this.model.id : 0,
|
|
|
|
- name: this.model.name,
|
|
|
|
- model: this.parseParam(this.model.model),
|
|
|
|
- color: this.parseParam(this.model.color),
|
|
|
|
- standard: this.parseParam(this.model.standard),
|
|
|
|
- mfrs: this.parseParam(this.model.mfrs),
|
|
|
|
- otherField1: this.parseParam(this.model.otherField1),
|
|
|
|
- otherField2: this.parseParam(this.model.otherField2),
|
|
|
|
- otherField3: this.parseParam(this.model.otherField3),
|
|
|
|
- unit: this.parseParam(this.model.unit),
|
|
|
|
- unitId: this.parseParam(this.model.unitId),
|
|
|
|
|
|
+ formData.meDeleteIdList = this.meDeleteIdList
|
|
|
|
+ //接口调用
|
|
|
|
+ let url = this.url.add,
|
|
|
|
+ method = 'post'
|
|
|
|
+ if (this.model.id) {
|
|
|
|
+ url = this.url.edit
|
|
|
|
+ method = 'put'
|
|
}
|
|
}
|
|
- checkMaterial(param).then((res) => {
|
|
|
|
- if (res && res.code === 200) {
|
|
|
|
- if (res.data.status) {
|
|
|
|
- this.$message.warning('抱歉,该商品已存在!')
|
|
|
|
- return
|
|
|
|
|
|
+ const that = this
|
|
|
|
+ this.confirmLoading = true
|
|
|
|
+ httpAction(url, formData, method)
|
|
|
|
+ .then((res) => {
|
|
|
|
+ if (res.code === 200) {
|
|
|
|
+ that.$emit('ok')
|
|
|
|
+ that.confirmLoading = false
|
|
|
|
+ that.close()
|
|
} else {
|
|
} else {
|
|
- //进一步校验单位
|
|
|
|
- let basicUnit = '',
|
|
|
|
- otherUnit = '',
|
|
|
|
- otherUnitTwo = '',
|
|
|
|
- otherUnitThree = ''
|
|
|
|
- if (formData.unitId) {
|
|
|
|
- let unitArr = this.unitList
|
|
|
|
- for (let i = 0; i < unitArr.length; i++) {
|
|
|
|
- if (unitArr[i].id == formData.unitId) {
|
|
|
|
- basicUnit = unitArr[i].basicUnit
|
|
|
|
- otherUnit = unitArr[i].otherUnit
|
|
|
|
- if (unitArr[i].otherUnitTwo) {
|
|
|
|
- otherUnitTwo = unitArr[i].otherUnitTwo
|
|
|
|
- }
|
|
|
|
- if (unitArr[i].otherUnitThree) {
|
|
|
|
- otherUnitThree = unitArr[i].otherUnitThree
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- //对最低和最高安全库存进行校验
|
|
|
|
- for (let i = 0; i < formData.stock.length; i++) {
|
|
|
|
- let depotStockObj = formData.stock[i]
|
|
|
|
- if (formData.enableSerialNumber === '1' && depotStockObj.initStock && depotStockObj.initStock - 0) {
|
|
|
|
- this.$message.warning('抱歉,序列号商品不能录入期初库存,建议进行入库单据录入!')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- if (formData.enableBatchNumber === '1' && depotStockObj.initStock && depotStockObj.initStock - 0) {
|
|
|
|
- this.$message.warning('抱歉,批号商品不能录入期初库存,建议进行入库单据录入!')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- if (depotStockObj.lowSafeStock && depotStockObj.highSafeStock) {
|
|
|
|
- if (depotStockObj.lowSafeStock - 0 > depotStockObj.highSafeStock - 0) {
|
|
|
|
- this.$message.warning('抱歉,' + depotStockObj.name + '的最低安全库存大于最高安全库存!')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- //图片校验
|
|
|
|
- if (this.fileList && this.fileList.length > 0) {
|
|
|
|
- formData.imgName = this.fileList
|
|
|
|
- let fileArr = this.fileList.split(',')
|
|
|
|
- if (fileArr.length > 4) {
|
|
|
|
- this.$message.warning('抱歉,商品图片不能超过4张!')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- } else {
|
|
|
|
- formData.imgName = ''
|
|
|
|
- }
|
|
|
|
- formData.meDeleteIdList = this.meDeleteIdList
|
|
|
|
- //接口调用
|
|
|
|
- let url = this.url.add,
|
|
|
|
- method = 'post'
|
|
|
|
- if (this.model.id) {
|
|
|
|
- url = this.url.edit
|
|
|
|
- method = 'put'
|
|
|
|
- }
|
|
|
|
- const that = this
|
|
|
|
- this.confirmLoading = true
|
|
|
|
- httpAction(url, formData, method)
|
|
|
|
- .then((res) => {
|
|
|
|
- if (res.code === 200) {
|
|
|
|
- that.$emit('ok')
|
|
|
|
- that.confirmLoading = false
|
|
|
|
- that.close()
|
|
|
|
- } else {
|
|
|
|
- that.$message.warning(res.data.message)
|
|
|
|
- that.confirmLoading = false
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- .finally(() => {})
|
|
|
|
|
|
+ that.$message.warning(res.data.message)
|
|
|
|
+ that.confirmLoading = false
|
|
}
|
|
}
|
|
- }
|
|
|
|
- })
|
|
|
|
|
|
+ })
|
|
|
|
+ .finally(() => {})
|
|
},
|
|
},
|
|
parseParam(param) {
|
|
parseParam(param) {
|
|
return param ? param : ''
|
|
return param ? param : ''
|
|
@@ -1067,28 +907,12 @@ export default {
|
|
loadUnitListData() {
|
|
loadUnitListData() {
|
|
let that = this
|
|
let that = this
|
|
let params = {}
|
|
let params = {}
|
|
- params.currentPage = 1
|
|
|
|
- params.pageSize = 100
|
|
|
|
getAction('/unit/getAllList', params).then((res) => {
|
|
getAction('/unit/getAllList', params).then((res) => {
|
|
if (res) {
|
|
if (res) {
|
|
that.unitList = res.data
|
|
that.unitList = res.data
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- onAdded(event) {
|
|
|
|
- const { row, target } = event
|
|
|
|
- // 不勾选多单位
|
|
|
|
- if(!this.unitChecked){
|
|
|
|
- let formUnit = this.form.getFieldValue('unit')||''
|
|
|
|
- console.log('formUnit', formUnit)
|
|
|
|
- target.setValues([{rowKey:row.id, values:{barCode: '', commodityUnit: formUnit, ratio: formUnit}}])
|
|
|
|
- }
|
|
|
|
- console.log('onAdded', event)
|
|
|
|
- },
|
|
|
|
- onDeleted(value) {
|
|
|
|
- // this.meDeleteIdList = value
|
|
|
|
- console.log('onDeleted', value)
|
|
|
|
- },
|
|
|
|
batchSetStock(type) {
|
|
batchSetStock(type) {
|
|
this.$refs.stockModalForm.add(type)
|
|
this.$refs.stockModalForm.add(type)
|
|
this.$refs.stockModalForm.disableSubmit = false
|
|
this.$refs.stockModalForm.disableSubmit = false
|
|
@@ -1157,54 +981,53 @@ export default {
|
|
that.form.setFieldsValue({ mnemonic: '' })
|
|
that.form.setFieldsValue({ mnemonic: '' })
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- onlyUnitOnChange(e) {
|
|
|
|
- console.log('onlyUnitOnChange=======',e.target.value)
|
|
|
|
- this.$refs.editableProBarCodeTable.getValues((error, values) => {
|
|
|
|
- let mArr = values
|
|
|
|
- for (let i = 0; i < mArr.length; i++) {
|
|
|
|
- let mInfo = mArr[i]
|
|
|
|
- mInfo.commodityUnit = e.target.value
|
|
|
|
- mInfo.ratio = e.target.value
|
|
|
|
|
|
+ handleMeTableChange(pagination) {
|
|
|
|
+ if (pagination && pagination.current) {
|
|
|
|
+ this.meTable.pagination = pagination
|
|
|
|
+ }
|
|
|
|
+ this.requestMeTableData()
|
|
|
|
+ },
|
|
|
|
+ editMaterialUnitModal({value,index,allValues,rowId}){
|
|
|
|
+ console.log('allValues====',allValues)
|
|
|
|
+ console.log('value====',value)
|
|
|
|
+ const obj = allValues.inputValues[index]
|
|
|
|
+ let unitList = [
|
|
|
|
+ {
|
|
|
|
+ name: value,
|
|
|
|
+ ratio: 1,
|
|
}
|
|
}
|
|
- this.mbTable.dataSource = mArr
|
|
|
|
|
|
+ ]
|
|
|
|
+ if(obj.unitList&& obj.unitList.length > 0){
|
|
|
|
+ unitList = obj.unitList
|
|
|
|
+ }
|
|
|
|
+ this.$refs.materialUnitModal.edit({
|
|
|
|
+ unitList,
|
|
|
|
+ rowId: rowId,
|
|
})
|
|
})
|
|
|
|
+ this.$refs.materialUnitModal.unitOpts = this.unitList
|
|
},
|
|
},
|
|
- manyUnitOnChange(value) {
|
|
|
|
- console.log('manyUnitOnChange', value)
|
|
|
|
- this.getUnitListByID(value)
|
|
|
|
- },
|
|
|
|
- unitOnChange(e) {
|
|
|
|
- let isChecked = e.target.checked
|
|
|
|
- if (isChecked) {
|
|
|
|
- this.unitChecked = true
|
|
|
|
- } else {
|
|
|
|
- this.unitChecked = false
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- this.barCodeUnitList = []
|
|
|
|
- this.$refs.editableProBarCodeTable.getValues((error, values) => {
|
|
|
|
- let mArr = values
|
|
|
|
- for (let i = 0; i < mArr.length; i++) {
|
|
|
|
- let mInfo = mArr[i]
|
|
|
|
- mInfo.commodityUnit = undefined
|
|
|
|
- mInfo.ratio = undefined
|
|
|
|
|
|
+ editMaterialUpcModal({value,rowId}) {
|
|
|
|
+ console.log('value====',value)
|
|
|
|
+ let upcList = [
|
|
|
|
+ {
|
|
|
|
+ upc: ''
|
|
}
|
|
}
|
|
- this.mbTable.dataSource = mArr
|
|
|
|
|
|
+ ]
|
|
|
|
+ if (value&&value.length > 0) {
|
|
|
|
+ upcList = value
|
|
|
|
+ }
|
|
|
|
+ this.$refs.materialUpcModal.edit({
|
|
|
|
+ upcList: upcList,
|
|
|
|
+ rowId: rowId,
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- addUnit() {
|
|
|
|
- this.$refs.unitModalForm.add()
|
|
|
|
- this.$refs.unitModalForm.title = '新增多单位'
|
|
|
|
- this.$refs.unitModalForm.disableSubmit = false
|
|
|
|
|
|
+ upcOk({upcList,rowId}) {
|
|
|
|
+ const target = this.$refs.editableProBarCodeTable
|
|
|
|
+ target.setValues([{ rowKey: rowId, values: { upcList: upcList } }])
|
|
},
|
|
},
|
|
- unitModalFormOk() {
|
|
|
|
- this.loadUnitListData()
|
|
|
|
- },
|
|
|
|
- handleMeTableChange(pagination) {
|
|
|
|
- if (pagination && pagination.current) {
|
|
|
|
- this.meTable.pagination = pagination
|
|
|
|
- }
|
|
|
|
- this.requestMeTableData()
|
|
|
|
|
|
+ unitOk({unitList,rowId}) {
|
|
|
|
+ const target = this.$refs.editableProBarCodeTable
|
|
|
|
+ target.setValues([{ rowKey: rowId, values: { commodityUnit: unitList[0].name, unitList: unitList } }])
|
|
},
|
|
},
|
|
},
|
|
},
|
|
}
|
|
}
|
|
@@ -1224,4 +1047,13 @@ export default {
|
|
background-color: #ffffff;
|
|
background-color: #ffffff;
|
|
}
|
|
}
|
|
/deep/ .ant-table td { white-space: nowrap; }
|
|
/deep/ .ant-table td { white-space: nowrap; }
|
|
|
|
+.sp-btn{
|
|
|
|
+ display: inline-block;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 0 5px;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ color: #1890FF;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|