hemall.terabimsoft.com.cn/plugins/phone-bill/views/widget/base/phoneBill.js

define({
    template: `
    <div>
      <el-form ref="form" label-width="15%">
        <div id="vue_head">
            <div class="base_set">
                <div class="vue-main-title">
                    <div class="vue-main-title-left"></div>
                    <div class="vue-main-title-content">话费慢充</div>
                </div>
                <div class="vue-main-form">
                    <el-form-item label="92折话费慢充">
                        <el-switch v-model="saveData.status" :active-value="1" :inactive-value="0"></el-switch>
                        <div class="tip">首次发布商品，先点击发布商品，再重新编辑商品，设置话费慢充规格！</div>
                    </el-form-item>
                      <el-form-item>
                        <el-row :gutter="10" class="gutter">
                            <el-col :span="5">
                                <div class="grid-content bg-purple">规格项</div>
                            </el-col>
                            <el-col :span="5" >
                                <div class="grid-content bg-purple">关联第三方面值</div>
                            </el-col>
                        </el-row>
                        <el-row :gutter="10" class="gutter" v-for="(option, index) in options" :key="index">
                            <el-col :span="5">
                                <div class="grid-content bg-purple">{{option.title}}</div>
                            </el-col>
                            <el-col :span="5">
                             <el-select size="small" v-model="option.type" placeholder="请选择" style="width: 120px">
                                <el-option v-for="(item,value_key) in type_value" :key="value_key" :label="item.name" :value="item.v">
                                </el-option>
                              </el-select>
                            </el-col>
                        </el-row>
                        <div class="help-block">如果您修改了商品规格，需要手动设置关联!</div>
                    </el-form-item>
                    
                </div>
            </div>
        </div>
      </el-form>
    </div>
  `,
    style: ``,
    data(){
        return {
            saveData: {
                status:0,
            },
            options:[],
            type_value: [
                {'name': 50, "v":1},
                {'name': 100, "v":2},
                {'name': 200, "v":3},

            ],
        }
    },
    created() {
        if(this.form){
            if( JSON.stringify(this.form) !== '[]'){
                this.saveData.status = this.form.status;
                this.options = this.form.options;
            }
        }
    },
    methods:{
        validate(){
            return {
                status:this.saveData.status,
                options:this.options,
            }
        },
        extraDate(){

        },
    },
    props: {
        form: {
            // type: Object,
            default() {
                return {}
            }
        }
    }
});