|
@@ -7,7 +7,7 @@
|
|
>
|
|
>
|
|
<template
|
|
<template
|
|
v-for="(col, i) in ['sampleName', 'sampleModelSpecification', 'sampleQuantities','sampleManufacturer']"
|
|
v-for="(col, i) in ['sampleName', 'sampleModelSpecification', 'sampleQuantities','sampleManufacturer']"
|
|
- :slot="col" slot-scope="text, record, index">
|
|
|
|
|
|
+ :slot="col" slot-scope="text, record">
|
|
<a-input
|
|
<a-input
|
|
:disabled="formDisabled"
|
|
:disabled="formDisabled"
|
|
:key="col"
|
|
:key="col"
|
|
@@ -16,13 +16,10 @@
|
|
:placeholder="columns[i].title"
|
|
:placeholder="columns[i].title"
|
|
@change="e => handleChange(e.target.value, record.key, col)"
|
|
@change="e => handleChange(e.target.value, record.key, col)"
|
|
/>
|
|
/>
|
|
-
|
|
|
|
- <a-input type="hidden" name="id" :value="index"></a-input>
|
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
- <template slot="operation" slot-scope="text, record, index">
|
|
|
|
|
|
+ <template slot="operation" slot-scope="text, record">
|
|
<span>
|
|
<span>
|
|
- <a-divider type="vertical" />
|
|
|
|
<a-popconfirm title="是否要删除此行?" :disabled="formDisabled" @confirm="remove(record.key)">
|
|
<a-popconfirm title="是否要删除此行?" :disabled="formDisabled" @confirm="remove(record.key)">
|
|
<a>删除</a>
|
|
<a>删除</a>
|
|
</a-popconfirm>
|
|
</a-popconfirm>
|
|
@@ -34,10 +31,11 @@
|
|
</a-button>
|
|
</a-button>
|
|
|
|
|
|
|
|
|
|
- <a-form-item :wrapperCol="{span: 19, offset: 5}">
|
|
|
|
- <a-button style="margin-left: 8px" @click="prevStep">上一步</a-button>
|
|
|
|
-
|
|
|
|
- <a-button type="primary" @click="nextStep">下一步</a-button>
|
|
|
|
|
|
+ <a-form-item class="buttonAll">
|
|
|
|
+ <div class="all">
|
|
|
|
+ <a-button @click="prevStep" class="next">上一步</a-button>
|
|
|
|
+ <a-button type="primary" @click="nextStep" class="next">下一步</a-button>
|
|
|
|
+ </div>
|
|
|
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-form-model>
|
|
</a-form-model>
|
|
@@ -85,33 +83,34 @@ export default {
|
|
title: '样品名称',
|
|
title: '样品名称',
|
|
dataIndex: 'sampleName',
|
|
dataIndex: 'sampleName',
|
|
key: 'sampleName',
|
|
key: 'sampleName',
|
|
- width: '20%',
|
|
|
|
|
|
+ align:"center",
|
|
scopedSlots: { customRender: 'sampleName' }
|
|
scopedSlots: { customRender: 'sampleName' }
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '样品规格/型号',
|
|
title: '样品规格/型号',
|
|
dataIndex: 'sampleModelSpecification',
|
|
dataIndex: 'sampleModelSpecification',
|
|
key: 'sampleModelSpecification',
|
|
key: 'sampleModelSpecification',
|
|
- width: '20%',
|
|
|
|
|
|
+ align:"center",
|
|
scopedSlots: { customRender: 'sampleModelSpecification' }
|
|
scopedSlots: { customRender: 'sampleModelSpecification' }
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '样品数量',
|
|
title: '样品数量',
|
|
dataIndex: 'sampleQuantities',
|
|
dataIndex: 'sampleQuantities',
|
|
key: 'sampleQuantities',
|
|
key: 'sampleQuantities',
|
|
- width: '40%',
|
|
|
|
|
|
+ align:"center",
|
|
scopedSlots: { customRender: 'sampleQuantities' }
|
|
scopedSlots: { customRender: 'sampleQuantities' }
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '生产厂家',
|
|
title: '生产厂家',
|
|
dataIndex: 'sampleManufacturer',
|
|
dataIndex: 'sampleManufacturer',
|
|
key: 'sampleManufacturer',
|
|
key: 'sampleManufacturer',
|
|
- width: '40%',
|
|
|
|
|
|
+ align:"center",
|
|
scopedSlots: { customRender: 'sampleManufacturer' }
|
|
scopedSlots: { customRender: 'sampleManufacturer' }
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '操作',
|
|
title: '操作',
|
|
key: 'action',
|
|
key: 'action',
|
|
|
|
+ align:"center",
|
|
scopedSlots: { customRender: 'operation' }
|
|
scopedSlots: { customRender: 'operation' }
|
|
}
|
|
}
|
|
],
|
|
],
|
|
@@ -200,7 +199,24 @@ export default {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
-.card {
|
|
|
|
- margin-bottom: 24px;
|
|
|
|
-}
|
|
|
|
|
|
+ .card {
|
|
|
|
+ margin-bottom: 24px;
|
|
|
|
+ }
|
|
|
|
+ .next{
|
|
|
|
+ width: 35%;
|
|
|
|
+ margin-left: 20px;
|
|
|
|
+ margin-right: 20px;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ }
|
|
|
|
+ .buttonAll{
|
|
|
|
+ width: 100%;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ }
|
|
|
|
+ .all{
|
|
|
|
+ width: 100%;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|