<el-table-column prop="option" label="操作" align="center" ><template slot-scope="scope"><el-button size="mini" plain @click="del(scope.$index,scope.row)">删除</el-button><el-button size="mini" plain @click="[edit(scope.$index,scope.row),editVisible =true]">修改</el-button></template>
</el-table-column>

<el-form  :model="ruleForm" ><el-row type="flex" class="row-bg"><el-col :span="12"><el-form-item label="签约企业名称" prop="ep_name"><el-input style="width:16em" v-model="ruleForm.ep_name"></el-input></el-form-item></el-col><el-form-item label="签约企业简称" prop="ep_abbreviation"><el-input style="width:16em" v-model="ruleForm.ep_abbreviation"></el-input></el-form-item></el-row>
</el-form>

<el-form ref="form" :rules="rules" :model="form" label-width="300px"><el-form-item label="发货人电话" prop="phone"><el-input class="inp" v-model="form.phone"></el-input></el-form-item><el-form-item label="发货地址：" prop="address"><el-input class="inp" v-model="form.address" ></el-input><el-button type="primary"@click="onSubmit('form')">常用地址</el-button></el-form-item></el-form>

<script>
export default {data() {// 此处自定义校验手机号码js逻辑var phoneReg = /^[1][3,4,5,7,8][0-9]{9}$/var validatePhone = (rule, value, callback) => {if (!value) {return callback(new Error('号码不能为空!!'))}setTimeout(() => {if (!phoneReg.test(value)) {callback(new Error('格式有误'))} else {callback()}}, 1000)
}
},return {form: {phone:'',address: '',},// 校验规则
      rules: {// 校验手机号码，主要通过validator来指定验证器名称phone: [{ required: true, validator: validatePhone, trigger: 'blur' }],address: [{ required: true, //是否必填message: '地址不能为空', //规则trigger: 'blur'  //何事件触发
        },//可以设置双重验证标准{ min: 3, max: 5,  message: '长度在 3 到 5 个字符', }]}}}</script>

<el-form-item label="单价："  prop="price" ><el-input v-model="addform.price" type="number" placeholder="请输入单价" auto-complete="off" class="widc" ></el-input></el-form-item>
<el-form-item label="数量："  prop="number" ><el-input v-model="addform.number" type="number" placeholder="请输入数量" auto-complete="off" class="widc" ></el-input>
</el-form-item>
<el-form-item label="总金额："  prop="sum" ><div v-model="addform.countNum" class="border" ><span style="margin-left: 10%">{{countNum}}</span></div>
</el-form-item>

// 计算总金额
    computed:{countNum:function(addform){let countNum=Number(this.addform.price) * Number(this.addform.number)return countNum}},

<el-date-picker  v-model="seach.before" type="date" placeholder="开始时间"  value-format="yyyy-MM-dd" class="wida" :picker-options="pickerBeginDateBefore"  @change="changeTime">
</el-date-picker><span class="zhi">至</span>
<el-date-picker   v-model="seach.after" type="date" placeholder="结束时间"value-format="yyyy-MM-dd" class="wida" :picker-options="pickerBeginDateAfter">
</el-date-picker>

seach:{before:'',after:'',
},// 开始时间不大于结束时间// 开始时间pickerBeginDateBefore: {disabledDate: (time) => {let beginDateVal = this.seach.after;if (beginDateVal) {return time.getTime() > beginDateVal;}}},// 结束时间pickerBeginDateAfter: {disabledDate: (time) => {let beginDateVal = this.seach.before;if (beginDateVal) {return time.getTime() < beginDateVal;}}},

//选择开始时间，清空结束时间changeTime(date){// this.seach.before="";// console.log(this.seach.before)this.pickerBeginDateAfter={disabledDate(time) {  //开始时间-结束时间return (time.getTime() < new Date(date).getTime());}}},

created:function(){this.getTableData();/*调用的方法*/
},