1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
| <template>
| <el-row class="channel-allot-s">
| <el-col :span="getCol" v-for="(v2,key) in dataSource[index].stockChannelDistributes" :key="key">
| <el-form-item :label="v2.channelName"
| :prop="'dataSource.'+ index +'.stockChannelDistributes.'+ key +'.stock'"
| label-width="140px" :rules="formRules.stock">
| <el-input v-model="v2.stock" placeholder="请输入分配数量" clearable>
| </el-input>
| </el-form-item>
| </el-col>
| </el-row>
| </template>
|
| <script>
| import { vailInputRuleInt } from '@/utils/validator'
| /**
| * 渠道分配
| */
| export default {
| name: "channelAllotModule",
| props: {
| /**
| * 数据源
| */
| dataSource: {
| type: Array,
| default: function () {
| return []
| }
| },
| /**
| * 列数目
| */
| colCount: {
| type: [Number, String],
| default: 1
| },
| /**
| * 下标
| */
| index: {
| type: [Number, String],
| default: 0
| }
| },
| data() {
| return {
| formRules: {
| 'stock': [{ validator: vailInputRuleInt, trigger: 'change' }]
| },
| }
| },
| computed: {
| getCol: function () {
| let _span = 24;
| if (this.colCount) {
| _span = 24 / this.colCount;
| }
| return _span;
| }
| }
| }
| </script>
|
| <style lang="scss">
| .channel-allot-s {
| .el-form-item {
| margin-bottom: 0 !important;
| height: 50px;
| }
| }
| </style>
|
|
