Vue接口字段拼接,

Vue接口字段拼接,请求接口时班次拼接到时间字段里,成2022-06-17 01这种


<el-form-item label="开始时间">
                        <el-date-picker
                          v-model="query.start_time"
                          type="date"
                          size="mini"
                          :disabled="query.time_type===0"
                          style="width:153px"
                          placeholder="开始时间">
                        </el-date-picker>
                        <el-select placeholder="请选择" v-model="query.ban" filterable clearable size="mini" :disabled="query.time_type===0" style="width:90px">
                          <el-option label="早班" value="01"></el-option>
                          <el-option label="中班" value="02"></el-option>
                          <el-option label="晚班" value="03"></el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item label="结束时间">
                        <el-date-picker
                          v-model="query.stop_time"
                          type="date"
                          size="mini"
                          :disabled="query.time_type===0"
                          style="width:153px"
                          placeholder="结束时间">
                        </el-date-picker>
                        <el-select placeholder="请选择" v-model="query.ban" filterable clearable size="mini" :disabled="query.time_type===0" style="width:90px">
                          <el-option label="早班" value="01"></el-option>
                          <el-option label="中班" value="02"></el-option>
                          <el-option label="晚班" value="03"></el-option>
                        </el-select>
                      </el-form-item>

img

img

在statistics 方法里面对参数处理,

const {start_time,ban} = this.query
let msg = {
...this.query,
start_time: `${start_time}  ${ban}`
}

或者:

const {start_time,ban} = this.query
let msg = this.query
msg.start_time = start_time+ " "+ban

获取到 后 ,赋值给 this.query.ban 如果需要 转换 格式 可以用moment.js 转换