|
@@ -87,89 +87,91 @@
|
|
|
<a>删除</a>
|
|
|
</a-popconfirm>
|
|
|
</a-menu-item>
|
|
|
- <!--<a-menu-item>
|
|
|
- <a>账号绑定</a>
|
|
|
- </a-menu-item>-->
|
|
|
+ <a-menu-item>
|
|
|
+ <a @click="showModal(record)">账号绑定</a>
|
|
|
+ </a-menu-item>
|
|
|
+ </a-menu>
|
|
|
|
|
|
+ </a-dropdown>
|
|
|
+ </span>
|
|
|
|
|
|
- <a-menu-item>
|
|
|
- <a @click="showModal(record)">账号绑定</a>
|
|
|
- <a-modal
|
|
|
- title="账号绑定"
|
|
|
- v-model="visible"
|
|
|
- @ok="handleOk"
|
|
|
- :okButtonProps="{ props: {disabled: false} }"
|
|
|
- :cancelButtonProps="{ props: {disabled: false} }"
|
|
|
- :mask="false"
|
|
|
- >
|
|
|
- <div :style="{ marginTop: '16px' }">
|
|
|
- <a-form-item
|
|
|
- label="选择方式"
|
|
|
- :labelCol="{lg: {span: 7}, sm: {span: 7}}"
|
|
|
- :wrapperCol="{lg: {span: 15}, sm: {span: 17} }">
|
|
|
- <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-table>
|
|
|
+ <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"
|
|
|
- :labelCol="{lg: {span: 7}, sm: {span: 7}}"
|
|
|
- :wrapperCol="{lg: {span: 15}, sm: {span: 17} }">
|
|
|
+ <a-form-item
|
|
|
+ v-if="showLogin"
|
|
|
+ >
|
|
|
<a-form
|
|
|
:form="form"
|
|
|
@submit="loginForm">
|
|
|
- <a-form-item
|
|
|
- label="账号:"
|
|
|
- :label-col="{ span: 5 }"
|
|
|
- :wrapper-col="{ span: 12 }">
|
|
|
- <a-input v-model="accountName"/>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item
|
|
|
- label="密码:"
|
|
|
- :label-col="{ span: 5 }"
|
|
|
- :wrapper-col="{ span: 12 }">
|
|
|
- <a-input type="password" v-model="password"/>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item
|
|
|
- label="媒体:"
|
|
|
- :label-col="{ span: 5 }"
|
|
|
- :wrapper-col="{ span: 12 }">
|
|
|
- <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-button htmlType="submit" type="primary">提交</a-button>
|
|
|
- </a-form>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item
|
|
|
- v-if="showAuthorization"
|
|
|
- :labelCol="{lg: {span: 7}, sm: {span: 7}}"
|
|
|
- :wrapperCol="{lg: {span: 15}, sm: {span: 17} }">
|
|
|
- <a-form
|
|
|
- :form="form"
|
|
|
- @submit="authorizationForm"
|
|
|
- >
|
|
|
- <a-radio-group buttonStyle="outline" v-model="authorizationType">
|
|
|
- <br/>
|
|
|
- <a-radio-button value="kuaishou">快手</a-radio-button>
|
|
|
- <a-radio-button value="toutiao">头条</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- <br/>
|
|
|
- <br/>
|
|
|
- <a-button htmlType="submit" type="primary">提交</a-button>
|
|
|
- </a-form>
|
|
|
- </a-form-item>
|
|
|
- </div>
|
|
|
- </a-modal>
|
|
|
- </a-menu-item>
|
|
|
- </a-menu>
|
|
|
- </a-dropdown>
|
|
|
- </span>
|
|
|
+ <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>
|
|
|
+ </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>
|
|
|
+ </a-form-item>
|
|
|
|
|
|
- </a-table>
|
|
|
+ </a-form>
|
|
|
+ </a-modal>
|
|
|
</div>
|
|
|
<!-- table区域-end -->
|
|
|
|
|
@@ -183,12 +185,14 @@
|
|
|
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
|
|
|
import JTreeSelect from '@/components/jeecg/JTreeSelect'
|
|
|
import {deleteAction, postAction, getAction} from '@/api/manage'
|
|
|
+ import AFormItem from "ant-design-vue/es/form/FormItem";
|
|
|
|
|
|
|
|
|
export default {
|
|
|
name: 'AdvertiserList',
|
|
|
mixins: [JeecgListMixin],
|
|
|
components: {
|
|
|
+ AFormItem,
|
|
|
AdvertiserModal,
|
|
|
JTreeSelect
|
|
|
},
|