123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209 |
- <template>
- <a-modal
- :title="title"
- :width="800"
- :visible="visible"
- :confirmLoading="confirmLoading"
- @ok="handleOk"
- @cancel="handleCancel"
- cancelText="关闭">
- <a-spin :spinning="confirmLoading">
- <a-form :form="form">
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="广告主id">
- <a-input placeholder="请输入广告主id" v-decorator="['advertiserId', validatorRules.advertiserId ]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="头条账号id">
- <a-input placeholder="请输入头条账号id" v-decorator="['toutiaoId', validatorRules.toutiaoId ]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="bidType">
- <a-input placeholder="请输入bidType" v-decorator="['bidType', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="flowControlMode">
- <a-input placeholder="请输入flowControlMode" v-decorator="['flowControlMode', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="budgetPrice">
- <a-input placeholder="请输入budgetPrice" v-decorator="['budgetPrice', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="budgetPriceMode">
- <a-input placeholder="请输入budgetPriceMode" v-decorator="['budgetPriceMode', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="flowDateType">
- <a-input placeholder="请输入flowDateType" v-decorator="['flowDateType', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="startDate">
- <a-input placeholder="请输入startDate" v-decorator="['startDate', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="endDate">
- <a-input placeholder="请输入endDate" v-decorator="['endDate', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="dateQuantum">
- <a-input placeholder="请输入dateQuantum" v-decorator="['dateQuantum', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="dateQuantumRange">
- <a-input placeholder="请输入dateQuantumRange" v-decorator="['dateQuantumRange', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="priceType">
- <a-input placeholder="请输入priceType" v-decorator="['priceType', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="convertPrice">
- <a-input placeholder="请输入convertPrice" v-decorator="['convertPrice', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="filterType">
- <a-input placeholder="请输入filterType" v-decorator="['filterType', {}]"/>
- </a-form-item>
- <a-form-item
- :labelCol="labelCol"
- :wrapperCol="wrapperCol"
- label="status">
- <a-input-number v-decorator="[ 'status', {}]"/>
- </a-form-item>
- </a-form>
- </a-spin>
- </a-modal>
- </template>
- <script>
- import {httpAction} from '@/api/manage'
- import pick from 'lodash.pick'
- import moment from "moment"
- export default {
- name: "ByteDanceBudgetTemplateModal",
- data() {
- return {
- title: "操作",
- visible: false,
- model: {},
- labelCol: {
- xs: {span: 24},
- sm: {span: 5},
- },
- wrapperCol: {
- xs: {span: 24},
- sm: {span: 16},
- },
- confirmLoading: false,
- form: this.$form.createForm(this),
- validatorRules: {
- advertiserId: {rules: [{required: true, message: '请输入广告主id!'}]},
- toutiaoId: {rules: [{required: true, message: '请输入头条账号id!'}]},
- },
- url: {
- add: "/ctop/byteDanceBudgetTemplate/add",
- edit: "/ctop/byteDanceBudgetTemplate/edit",
- },
- }
- },
- created() {
- },
- methods: {
- add() {
- this.edit({});
- },
- edit(record) {
- this.form.resetFields();
- this.model = Object.assign({}, record);
- this.visible = true;
- this.$nextTick(() => {
- this.form.setFieldsValue(pick(this.model, 'advertiserId', 'toutiaoId', 'bidType', 'flowControlMode', 'budgetPrice', 'budgetPriceMode', 'flowDateType', 'startDate', 'endDate', 'dateQuantum', 'dateQuantumRange', 'priceType', 'convertPrice', 'filterType', 'status'))
- //时间格式化
- });
- },
- close() {
- this.$emit('close');
- this.visible = false;
- },
- handleOk() {
- const that = this;
- // 触发表单验证
- this.form.validateFields((err, values) => {
- if (!err) {
- that.confirmLoading = true;
- let httpurl = '';
- let method = '';
- if (!this.model.id) {
- httpurl += this.url.add;
- method = 'post';
- } else {
- httpurl += this.url.edit;
- method = 'put';
- }
- let formData = Object.assign(this.model, values);
- //时间格式化
- console.log(formData)
- httpAction(httpurl, formData, method).then((res) => {
- if (res.success) {
- that.$message.success(res.message);
- that.$emit('ok');
- } else {
- that.$message.warning(res.message);
- }
- }).finally(() => {
- that.confirmLoading = false;
- that.close();
- })
- }
- })
- },
- handleCancel() {
- this.close()
- },
- }
- }
- </script>
- <style lang="less" scoped>
- </style>
|