|
@@ -96,82 +96,82 @@
|
|
</span>
|
|
</span>
|
|
|
|
|
|
</a-table>
|
|
</a-table>
|
|
- <a-modal
|
|
|
|
- title="账号绑定"
|
|
|
|
- v-model="visible"
|
|
|
|
- @ok="handleOk"
|
|
|
|
- :width="800"
|
|
|
|
- :okButtonProps="{ props: {disabled: false} }"
|
|
|
|
- :cancelButtonProps="{ props: {disabled: false} }"
|
|
|
|
|
|
+ <a-modal
|
|
|
|
+ title="账号绑定"
|
|
|
|
+ v-model="visible"
|
|
|
|
+ @ok="handleOk"
|
|
|
|
+ :width="800"
|
|
|
|
+ :okButtonProps="{ props: {disabled: false} }"
|
|
|
|
+ :cancelButtonProps="{ props: {disabled: false} }"
|
|
|
|
+ >
|
|
|
|
+ <a-form>
|
|
|
|
+ <a-form-item
|
|
|
|
+ label="选择方式"
|
|
|
|
+ :labelCol="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
+ :wrapperCol="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
+ <a-radio-group buttonStyle="solid" @change="onChageLogin" v-model="mode">
|
|
|
|
+ <a-radio-button value="login">登录</a-radio-button>
|
|
|
|
+ <a-radio-button value="authorization">授权</a-radio-button>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </a-form-item>
|
|
|
|
+
|
|
|
|
+ <a-form-item
|
|
|
|
+ v-if="showLogin"
|
|
>
|
|
>
|
|
- <a-form>
|
|
|
|
|
|
+ <a-form
|
|
|
|
+ :form="form"
|
|
|
|
+ @submit="loginForm">
|
|
<a-form-item
|
|
<a-form-item
|
|
- label="选择方式"
|
|
|
|
- :labelCol="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
- :wrapperCol="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
- <a-radio-group buttonStyle="solid" @change="onChageLogin" v-model="mode">
|
|
|
|
- <a-radio-button value="login">登录</a-radio-button>
|
|
|
|
- <a-radio-button value="authorization">授权</a-radio-button>
|
|
|
|
- </a-radio-group>
|
|
|
|
|
|
+ label="账号:"
|
|
|
|
+ :label-col="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
+ :wrapper-col="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
+ <a-input v-model="accountName" placeholder="请输入账户名"/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
-
|
|
|
|
<a-form-item
|
|
<a-form-item
|
|
- v-if="showLogin"
|
|
|
|
- >
|
|
|
|
- <a-form
|
|
|
|
- :form="form"
|
|
|
|
- @submit="loginForm">
|
|
|
|
- <a-form-item
|
|
|
|
- label="账号:"
|
|
|
|
- :label-col="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
- :wrapper-col="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
- <a-input v-model="accountName" placeholder="请输入账户名"/>
|
|
|
|
- </a-form-item>
|
|
|
|
- <a-form-item
|
|
|
|
- label="密码:"
|
|
|
|
- :label-col="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
- :wrapper-col="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
- <a-input type="password" v-model="password" placeholder="请输入密码"/>
|
|
|
|
- </a-form-item>
|
|
|
|
- <a-form-item
|
|
|
|
- label="媒体:"
|
|
|
|
- :label-col="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
- :wrapper-col="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
- <a-radio-group buttonStyle="outline" v-model="loginType">
|
|
|
|
- <a-radio-button value="kuaishou">快手</a-radio-button>
|
|
|
|
- <a-radio-button value="toutiao">头条</a-radio-button>
|
|
|
|
- </a-radio-group>
|
|
|
|
- </a-form-item>
|
|
|
|
- <a-form-item :wrapperCol="{ span: 24 }"
|
|
|
|
- style="text-align: center">
|
|
|
|
- <a-button htmlType="submit" type="primary">提交</a-button>
|
|
|
|
- </a-form-item>
|
|
|
|
- </a-form>
|
|
|
|
|
|
+ label="密码:"
|
|
|
|
+ :label-col="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
+ :wrapper-col="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
+ <a-input type="password" v-model="password" placeholder="请输入密码"/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
<a-form-item
|
|
<a-form-item
|
|
- v-if="showAuthorization"
|
|
|
|
- :labelCol="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
- :wrapperCol="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
- <a-form
|
|
|
|
- :form="form"
|
|
|
|
- @submit="authorizationForm"
|
|
|
|
- >
|
|
|
|
- <a-form-item label="媒体:" :labelCol="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
- :wrapperCol="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
- <a-radio-group buttonStyle="outline" v-model="authorizationType">
|
|
|
|
- <a-radio-button value="kuaishou">快手</a-radio-button>
|
|
|
|
- <a-radio-button value="toutiao">头条</a-radio-button>
|
|
|
|
- </a-radio-group>
|
|
|
|
- </a-form-item>
|
|
|
|
- <a-form-item :wrapperCol="{ span: 24 }"
|
|
|
|
- style="text-align: center">
|
|
|
|
- <a-button htmlType="submit" type="primary">提交</a-button>
|
|
|
|
- </a-form-item>
|
|
|
|
- </a-form>
|
|
|
|
|
|
+ label="媒体:"
|
|
|
|
+ :label-col="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
+ :wrapper-col="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
+ <a-radio-group buttonStyle="outline" v-model="loginType">
|
|
|
|
+ <a-radio-button value="kuaishou">快手</a-radio-button>
|
|
|
|
+ <a-radio-button value="bytedance">头条</a-radio-button>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ <a-form-item :wrapperCol="{ span: 24 }"
|
|
|
|
+ style="text-align: center">
|
|
|
|
+ <a-button htmlType="submit" type="primary">提交</a-button>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ </a-form>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ <a-form-item
|
|
|
|
+ v-if="showAuthorization"
|
|
|
|
+ :labelCol="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
+ :wrapperCol="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
+ <a-form
|
|
|
|
+ :form="form"
|
|
|
|
+ @submit="authorizationForm"
|
|
|
|
+ >
|
|
|
|
+ <a-form-item label="媒体:" :labelCol="{xs: {span: 24},sm: {span: 5}}"
|
|
|
|
+ :wrapperCol="{xs: {span: 24},sm: {span: 16}}">
|
|
|
|
+ <a-radio-group buttonStyle="outline" v-model="authorizationType">
|
|
|
|
+ <a-radio-button value="kuaishou">快手</a-radio-button>
|
|
|
|
+ <a-radio-button value="bytedance">头条</a-radio-button>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ <a-form-item :wrapperCol="{ span: 24 }"
|
|
|
|
+ style="text-align: center">
|
|
|
|
+ <a-button htmlType="submit" type="primary">提交</a-button>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
-
|
|
|
|
</a-form>
|
|
</a-form>
|
|
- </a-modal>
|
|
|
|
|
|
+ </a-form-item>
|
|
|
|
+
|
|
|
|
+ </a-form>
|
|
|
|
+ </a-modal>
|
|
</div>
|
|
</div>
|
|
<!-- table区域-end -->
|
|
<!-- table区域-end -->
|
|
|
|
|
|
@@ -274,9 +274,6 @@
|
|
this.form.validateFields((err, values) => {
|
|
this.form.validateFields((err, values) => {
|
|
if (!err) {
|
|
if (!err) {
|
|
if (this.mode == 'login') {
|
|
if (this.mode == 'login') {
|
|
- console.log("这是登录");
|
|
|
|
-
|
|
|
|
- console.log(this.record.id);
|
|
|
|
let params = {};
|
|
let params = {};
|
|
params.advertiserId = this.record.id;
|
|
params.advertiserId = this.record.id;
|
|
params.accountName = this.accountName;
|
|
params.accountName = this.accountName;
|
|
@@ -289,18 +286,11 @@
|
|
this.accountName = '';
|
|
this.accountName = '';
|
|
this.password = '';
|
|
this.password = '';
|
|
this.loginType = '';
|
|
this.loginType = '';
|
|
-
|
|
|
|
} else {
|
|
} else {
|
|
alert("绑定失败");
|
|
alert("绑定失败");
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
-
|
|
|
|
- if (this.mode == 'authorization') {
|
|
|
|
- let params = {};
|
|
|
|
- params.advertiserId = this.record.id;
|
|
|
|
- params.authorizationType = this.radioType;
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
)
|
|
)
|
|
@@ -323,8 +313,6 @@
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
-
|
|
|
|
-
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
)
|
|
)
|