SOURCE

new Vue({
    el: '#msgSendStrategyEdit',
    data:function(){
          return{
           productTypeOptions: [{value:'1',message:'必发'},{value:'2',message:'1'},{value:'3',message:'2'},{value:'4',message:'5'},{value:'5',message:'6'}],
             form:{
                status: Arrya.from({ length: 20 }),
                tableData:[
                                  {channel:'pushOlPriorityCheck',channelname:'PUSH'},
                                  {channel:'financePushPriorityCheck',channelname:'聚宝PUSH'},
                                  {channel:'wwOlPriorityCheck',channelname:'旺旺在线'},
                                  {channel:'wwPriorityCheck',channelname:'旺旺'},
                                  {channel:'mPaasPushPriorityCheck',channelname:'mpaas push'},
                                  {channel:'walletMsgPriorityCheck',channelname:'客户端站内消息'},
                                  {channel:'msgboxPriorityCheck',channelname:'服务提醒'},
                                  {channel:'publicPriorityCheck',channelname:'客户端服务窗'},
                                  {channel:'smsPriorityCheck',channelname:'短信'},
                                  {channel:'emailPriorityCheck',channelname:'Email'},
                                  {channel:'pcLetterPriorityCheck',channelname:'PC站内信'},
                                  {channel:'stepPriorityCheck',channelname:'进度中心'},
                                  {channel:'redPointPriorityCheck',channelname:'红点'},
                                  {channel:'dingPriorityCheck',channelname:'钉钉'},
                                  {channel:'ivrPriorityCheck',channelname:'语音外呼'},
                                  {channel:'schedulePriorityCheck',channelname:'淘宝日历'},
                                  {channel:'tbMessagePriorityCheck',channelname:'淘宝消息中心'},
                                  {channel:'tbPushPriorityCheck',channelname:'手淘PUSH'}
                ]
                }
             }

    },
    methods:{
      

       
    }
})

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.8.2/lib/index.js"></script>
<!-- <script src="//unpkg.com/element-ui@2.7.2/lib/index.js"></script> -->
<div id="msgSendStrategyEdit" v-loading="loading">

    <el-row>
         <el-col :span="3">
                    <el-steps direction="vertical" :space="120" :active="2" process-status="wait" style="margin-top:20px;margin-left: 20px;">
                        <el-step title="业务配置" description=""></el-step>
                        <el-step title="消息渠道" description="这个是渠道的选择管理界面，请根据您的业务选择您的渠道 每一次更改都需要管理员的审批 管理员：洛泱、裳羽、宛晖"></el-step>
                        <el-step title="消息配置" description=""></el-step>
                    </el-steps>
         </el-col>

         <el-col :span="21">
                <el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-top:20px;"  status-icon class="demo-ruleForm" >
                      <el-table :data="form.tableData"  border style="width: 200%">
                              <el-form-item >
                                  <el-checkbox-group v-model="form.channel">
                                             <el-table-column fixed  prop="channel" label="选择渠道" width="100"  :span-method="arraySpanMethod">
                                                <template slot-scope="scope">
                                                    <el-checkbox fixed></el-checkbox>
                                                </template>
                                             </el-table-column>
                                  </el-checkbox-group>
                              </el-form-item>
                              <el-form-item >
                                     <el-table-column prop="channelname" label="渠道名称" width="200"></el-table-column>
                              </el-form-item>
                              <el-form-item >
                                     <el-table-column prop="order" label="发送顺序" width="150">
                                         <template slot-scope="{row, index}">
                                            <el-select  v-model="form.status[index]" style="width:90px;" placeholder="请选择" @change="getLeve($event)">

                                                <el-option
                                                 v-for="productTypeOption in productTypeOptions"
                                                  :key="productTypeOption.value"
                                                  :label="productTypeOption.message"
                                                  :value="productTypeOption.value">
                                                </el-option>
                                            </el-select>
                                         </template>
                                     </el-table-column>
                              <el-form-item >
                                     <el-table-column prop="validity" label="偏好评分/有效期" width="400"></el-table-column>
                                     <el-table-column prop="sendtime" label="发送时间" width="500"></el-table-column>


                      </el-table>
                 </el-form>

         </el-col>
    </el-row>


</div>

@import url("//unpkg.com/element-ui/lib/theme-chalk/index.css");