|
@@ -16,102 +16,84 @@
|
|
|
allowClear
|
|
|
:maxLength="30"
|
|
|
id="roleModal-name"
|
|
|
- v-decorator="['formData.name', {
|
|
|
- initialValue: formData.name,getValueFromEvent: $filterEmpty,
|
|
|
- rules: [{ required: true, message: '请输入投放时间段名称(最多30个字符)!' }] }]" />
|
|
|
+ v-decorator="[
|
|
|
+ 'formData.name',
|
|
|
+ {
|
|
|
+ initialValue: formData.name,
|
|
|
+ getValueFromEvent: $filterEmpty,
|
|
|
+ rules: [{ required: true, message: '请输入投放时间段名称(最多30个字符)!' }]
|
|
|
+ }
|
|
|
+ ]"
|
|
|
+ />
|
|
|
</a-form-item>
|
|
|
<!-- 投放时间区间 -->
|
|
|
- <a-row
|
|
|
- type="flex"
|
|
|
- align="middle"
|
|
|
- v-for="(k, index) in form.getFieldValue('keys')"
|
|
|
- :key="k">
|
|
|
+ <a-row type="flex" align="middle" v-for="(k, index) in form.getFieldValue('keys')" :key="k">
|
|
|
<a-col span="10">
|
|
|
<!-- 投放开始时间 -->
|
|
|
- <a-form-item
|
|
|
- :label="index === 0 ? '投放时间区间' : ''"
|
|
|
- :required="true"
|
|
|
- :label-col=" { span: 12 }"
|
|
|
- :wrapper-col="index ===0 ? { span: 12 }:{span:12,offset:12}"
|
|
|
- >
|
|
|
+ <a-form-item :label="index === 0 ? '投放时间区间' : ''" :required="true" :label-col="{ span: 12 }" :wrapper-col="index === 0 ? { span: 12 } : { span: 12, offset: 12 }">
|
|
|
<a-time-picker
|
|
|
placeholder="开始时间"
|
|
|
v-decorator="[
|
|
|
- `formData.deliveryTimeRuleItemList[${k}].openTime`,
|
|
|
+ `formData.openTime[${k}]`,
|
|
|
{
|
|
|
- initialValue: `formData.deliveryTimeRuleItemList[${k}].openTime`,
|
|
|
+ initialValue: formData.openTime[`${k}`],
|
|
|
validateTrigger: ['change', 'blur'],
|
|
|
rules: [
|
|
|
{
|
|
|
- required: true, message: '请选择投放开始时间!'
|
|
|
+ required: true,
|
|
|
+ message: '请选择投放开始时间!'
|
|
|
},
|
|
|
{
|
|
|
validator: changeTimeValidator
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
]"
|
|
|
- format="HH:mm" />
|
|
|
+ format="HH:mm"
|
|
|
+ />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
- <a-col span="1">
|
|
|
- <a-form-item >至</a-form-item>
|
|
|
- </a-col>
|
|
|
+ <a-col span="1"><a-form-item>至</a-form-item></a-col>
|
|
|
<a-col span="6">
|
|
|
<!-- 投放结束时间 -->
|
|
|
- <a-form-item
|
|
|
- :label="''"
|
|
|
- :required="false"
|
|
|
- :wrapper-col="{ span: 18 }">
|
|
|
+ <a-form-item :label="''" :required="false" :wrapper-col="{ span: 18 }">
|
|
|
<a-time-picker
|
|
|
placeholder="结束时间"
|
|
|
v-decorator="[
|
|
|
- `formData.deliveryTimeRuleItemList[${k}].closeTime`,
|
|
|
+ `formData.closeTime[${k}]`,
|
|
|
{
|
|
|
- initialValue: `formData.deliveryTimeRuleItemList[${k}].closeTime`,
|
|
|
+ initialValue: formData.closeTime[`${k}`],
|
|
|
validateTrigger: ['change', 'blur'],
|
|
|
- rules: [
|
|
|
- { required: true, message: '请选择投放结束时间!' }
|
|
|
- ],
|
|
|
- },
|
|
|
+ rules: [{ required: true, message: '请选择投放结束时间!' }]
|
|
|
+ }
|
|
|
]"
|
|
|
- format="HH:mm" />
|
|
|
+ format="HH:mm"
|
|
|
+ />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-form-item>
|
|
|
<a-icon
|
|
|
- :style="{fontSize: '18px',color: 'red'}"
|
|
|
+ :style="{ fontSize: '18px', color: 'red' }"
|
|
|
v-if="form.getFieldValue('keys').length > 1"
|
|
|
class="dynamic-delete-button"
|
|
|
type="minus-circle-o"
|
|
|
:disabled="form.getFieldValue('keys').length === 1"
|
|
|
- @click="() => remove(k)" />
|
|
|
- <a-icon
|
|
|
- v-if="index === form.getFieldValue('keys').length-1"
|
|
|
- :style="{fontSize: '18px'}"
|
|
|
- type="plus-circle"
|
|
|
- @click="add" />
|
|
|
+ @click="() => remove(k)"
|
|
|
+ />
|
|
|
+ <a-icon v-if="index === form.getFieldValue('keys').length - 1" :style="{ fontSize: '18px' }" type="plus-circle" @click="add" />
|
|
|
</a-form-item>
|
|
|
</a-row>
|
|
|
<a-form-item :wrapper-col="{ span: 24, offset: 10 }">
|
|
|
- <a-button type="primary" @click="handleSubmit()" id="roleModal-handleSubmit" :style="{ marginRight: '15px' }">
|
|
|
- 保存
|
|
|
- </a-button>
|
|
|
- <a-button :style="{ marginLeft: '15px' }" @click="handleCancel()" id="roleModal-handleCancel">
|
|
|
- 取消
|
|
|
- </a-button>
|
|
|
+ <a-button type="primary" @click="handleSubmit()" id="roleModal-handleSubmit" :style="{ marginRight: '15px' }">保存</a-button>
|
|
|
+ <a-button :style="{ marginLeft: '15px' }" @click="handleCancel()" id="roleModal-handleCancel">取消</a-button>
|
|
|
</a-form-item>
|
|
|
</a-form>
|
|
|
-
|
|
|
</a-modal>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {
|
|
|
- STable,
|
|
|
- VSelect
|
|
|
-} from '@/components'
|
|
|
+import { STable, VSelect } from '@/components'
|
|
|
import { viewTimeSetting, saveTimeSetting } from '@/api/openTimeSetting.js'
|
|
|
import moment from 'moment'
|
|
|
export default {
|
|
@@ -143,7 +125,9 @@ export default {
|
|
|
}),
|
|
|
formData: {
|
|
|
name: '',
|
|
|
- deliveryTimeRuleItemList: []
|
|
|
+ deliveryTimeRuleItemList: [],
|
|
|
+ closeTime: [],
|
|
|
+ openTime: []
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -158,38 +142,36 @@ export default {
|
|
|
viewTimeSetting({ id: id }).then(res => {
|
|
|
if (res.status == 200) {
|
|
|
this.formData.name = res.data.name
|
|
|
- const list = res.data.deliveryTimeRuleItemList
|
|
|
- this.index = list.length - 1
|
|
|
- const keys = this.form.getFieldValue('keys')
|
|
|
- let keysL = []
|
|
|
- for (let x = 0; x < list.length; x++) {
|
|
|
- keysL = keys.concat(x)
|
|
|
- }
|
|
|
- this.form.setFieldsValue({
|
|
|
- keys: keysL
|
|
|
- })
|
|
|
- list.map(item => {
|
|
|
- item.openTime = moment(item.openTime, 'HH:mm')
|
|
|
- item.closeTime = moment(item.closeTime, 'HH:mm')
|
|
|
- })
|
|
|
- this.form.setFieldsValue({ 'formData.deliveryTimeRuleItemList': list })
|
|
|
+ const list = res.data.deliveryTimeRuleItemList
|
|
|
+ this.index = list.length - 1
|
|
|
+ const keys = this.form.getFieldValue('keys')
|
|
|
+ let keysL = []
|
|
|
+ for (let x = 0; x < list.length; x++) {
|
|
|
+ keysL = keys.concat(x)
|
|
|
+ }
|
|
|
+ this.form.setFieldsValue({
|
|
|
+ keys: keysL
|
|
|
+ })
|
|
|
+ list.map(item => {
|
|
|
+ item.openTime = moment(item.openTime, 'HH:mm')
|
|
|
+ item.closeTime = moment(item.closeTime, 'HH:mm')
|
|
|
+ })
|
|
|
+ this.form.setFieldsValue({ 'formData.deliveryTimeRuleItemList': list })
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
// 校验
|
|
|
changeTimeValidator (rule, value, callback) {
|
|
|
- console.log('value', value, rule)
|
|
|
- const times = this.form.getFieldValue('times')
|
|
|
- if (value === null) {
|
|
|
- callback(new Error('请输入密码'))
|
|
|
- }
|
|
|
- callback()
|
|
|
+ console.log('value', value, rule)
|
|
|
+ const times = this.form.getFieldValue('times')
|
|
|
+ if (value === null) {
|
|
|
+ callback(new Error('请输入时间'))
|
|
|
+ }
|
|
|
+ callback()
|
|
|
},
|
|
|
// 删除
|
|
|
remove (k) {
|
|
|
- const {
|
|
|
- form
|
|
|
- } = this
|
|
|
+ const { form } = this
|
|
|
const keys = form.getFieldValue('keys')
|
|
|
if (keys.length === 1) {
|
|
|
return
|
|
@@ -200,9 +182,7 @@ export default {
|
|
|
},
|
|
|
// 增加
|
|
|
add () {
|
|
|
- const {
|
|
|
- form
|
|
|
- } = this
|
|
|
+ const { form } = this
|
|
|
const keys = form.getFieldValue('keys')
|
|
|
console.log(keys, 'kkkkkk')
|
|
|
const nextKeys = keys.concat(this.index++)
|
|
@@ -214,16 +194,16 @@ export default {
|
|
|
handleSubmit () {
|
|
|
const _this = this
|
|
|
this.form.validateFields((err, values) => {
|
|
|
- console.log(values, ' formData.type222222222')
|
|
|
+ console.log(values, ' formData.type222222222')
|
|
|
if (!err) {
|
|
|
const params = values.formData
|
|
|
params.deliveryTimeRuleItemList.map(item => {
|
|
|
item.openTime = moment(item.openTime).format('HH:mm')
|
|
|
item.closeTime = moment(item.closeTime).format('HH:mm')
|
|
|
})
|
|
|
- if (this.id) {
|
|
|
- params.id = this.id
|
|
|
- }
|
|
|
+ if (this.id) {
|
|
|
+ params.id = this.id
|
|
|
+ }
|
|
|
saveTimeSetting(params).then(res => {
|
|
|
console.log(res, 'res--save')
|
|
|
if (res.status + '' === '200') {
|
|
@@ -247,7 +227,6 @@ export default {
|
|
|
this.form.resetFields()
|
|
|
this.formData.name = ''
|
|
|
}
|
|
|
-
|
|
|
},
|
|
|
beforeCreate () {
|
|
|
this.form = this.$form.createForm(this, {
|
|
@@ -266,10 +245,11 @@ export default {
|
|
|
})
|
|
|
this.index = 0
|
|
|
this.add()
|
|
|
- if (this.id) { // 编辑
|
|
|
+ if (this.id) {
|
|
|
+ // 编辑
|
|
|
this.titleText = '编辑'
|
|
|
- // 查详情
|
|
|
- this.getDetailData(this.id)
|
|
|
+ // 查详情
|
|
|
+ this.getDetailData(this.id)
|
|
|
} else {
|
|
|
this.titleText = '新增'
|
|
|
}
|
|
@@ -282,12 +262,13 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
- .modalBox {}
|
|
|
+.modalBox {
|
|
|
+}
|
|
|
|
|
|
- .ant-modal-footer {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .dynamic-delete-button {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
+.ant-modal-footer {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.dynamic-delete-button {
|
|
|
+ margin-right: 20px;
|
|
|
+}
|
|
|
</style>
|