|
|
|
@ -0,0 +1,489 @@
|
|
|
|
|
<!--
|
|
|
|
|
* @Description: 预测式外呼-活动列表
|
|
|
|
|
* @Autor: 飘泊客
|
|
|
|
|
* @Date: 2022-01-13 15:43:13
|
|
|
|
|
* @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
|
|
|
|
|
* @LastEditTime: 2023-10-09 14:30:05
|
|
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
|
<div class="app-container">
|
|
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
|
|
<el-tab-pane label="用户管理" name="first">
|
|
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-position="left" label-width="65px" class="login-form">
|
|
|
|
|
<el-form-item prop="userName" label="用户名">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="form.userName"
|
|
|
|
|
type="text"
|
|
|
|
|
auto-complete="off"
|
|
|
|
|
placeholder="账号"
|
|
|
|
|
>
|
|
|
|
|
<svg-icon
|
|
|
|
|
slot="prefix"
|
|
|
|
|
icon-class="user"
|
|
|
|
|
class="el-input__icon input-icon"
|
|
|
|
|
/>
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item prop="passWord" label="密码">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="form.passWord"
|
|
|
|
|
type="password"
|
|
|
|
|
auto-complete="off"
|
|
|
|
|
placeholder="密码"
|
|
|
|
|
@keyup.enter.native="handleLogin"
|
|
|
|
|
>
|
|
|
|
|
<svg-icon
|
|
|
|
|
slot="prefix"
|
|
|
|
|
icon-class="password"
|
|
|
|
|
class="el-input__icon input-icon"
|
|
|
|
|
/>
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item style="display: flex;justify-content: flex-end;">
|
|
|
|
|
<!-- <el-button @click="resetForm('form')">重置</el-button> -->
|
|
|
|
|
<el-button type="primary" :loading="loading" @click="onSubmit('form')">确定</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
<el-tab-pane label="活动列表" name="second">
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<!--工具栏-->
|
|
|
|
|
<div class="head-container">
|
|
|
|
|
<!-- <div> -->
|
|
|
|
|
<!-- 搜索 -->
|
|
|
|
|
<!-- <date-range-picker v-model="query.createTime" class="date-item" />
|
|
|
|
|
<rrOperation />
|
|
|
|
|
</div> -->
|
|
|
|
|
<div>
|
|
|
|
|
<el-button class="filter-item" size="mini" type="primary" icon="el-icon-plus" @click="add('add')">新建活动</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--表格渲染-->
|
|
|
|
|
<el-table ref="table" v-loading="crud.loading" :data="crud.data" :header-cell-style="{'text-align':'left'}" style="width: 100%;">
|
|
|
|
|
<el-table-column :show-overflow-tooltip="true" prop="actName" label="活动名称" />
|
|
|
|
|
<!-- <el-table-column :show-overflow-tooltip="true" prop="totalNum" label="总数" /> -->
|
|
|
|
|
<el-table-column :show-overflow-tooltip="true" prop="executeTotalNum" label="预执行总数" />
|
|
|
|
|
<el-table-column :show-overflow-tooltip="true" prop="executeNum" label="已执行总数" />
|
|
|
|
|
<el-table-column :show-overflow-tooltip="true" prop="rateNum" label="接通数" />
|
|
|
|
|
<el-table-column :show-overflow-tooltip="true" prop="rate" label="并发数" />
|
|
|
|
|
<el-table-column :show-overflow-tooltip="true" prop="status" label="活动状态" />
|
|
|
|
|
<el-table-column :show-overflow-tooltip="true" prop="createTime" width="135" label="创建日期">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="操作"
|
|
|
|
|
width="100"
|
|
|
|
|
align="left"
|
|
|
|
|
fixed="right"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button size="mini" type="text" @click="edit(scope.row,'edit')">编辑</el-button>
|
|
|
|
|
<!-- <el-button v-if="scope.row.type === 1 && scope.row.clueNum >= 100" @click="sendEmail(scope.row.id)">发送邮件</el-button>
|
|
|
|
|
<el-button v-if="scope.row.status === 1" type="primary" @click="downloadUrl('email', scope.row)">下载邮件</el-button>
|
|
|
|
|
<el-button v-if="scope.row.type === 2 || (scope.row.type === 1 && scope.row.clueNum < 100)" type="success" @click="downloadUrl('excel', scope.row)">下载excel</el-button> -->
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<!--分页组件-->
|
|
|
|
|
<pagination />
|
|
|
|
|
</el-row>
|
|
|
|
|
<!--新建活动弹出框-->
|
|
|
|
|
<el-dialog
|
|
|
|
|
append-to-body
|
|
|
|
|
:close-on-click-modal="false"
|
|
|
|
|
:visible.sync="resourcesDialog"
|
|
|
|
|
:before-close="colseFileDialog"
|
|
|
|
|
:title="type==='add'?'新建活动':''"
|
|
|
|
|
width="520px"
|
|
|
|
|
class="import-dialog"
|
|
|
|
|
>
|
|
|
|
|
<div div class="u-flex">
|
|
|
|
|
<div class="label">推送开关:</div>
|
|
|
|
|
<el-switch
|
|
|
|
|
v-model="preTestActDTO.isDmpDelivery"
|
|
|
|
|
@change="editTagChange(preTestActDTO.isDmpDelivery)"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div div class="u-flex" style="margin-top:18px">
|
|
|
|
|
<div class="label">活动名称:</div>
|
|
|
|
|
<el-input v-model="preTestActDTO.actName" placeholder="请输入活动名称" style="width: 360px" :readonly="type==='edit'" />
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="type==='add'" div class="u-flex" style="margin-top:18px">
|
|
|
|
|
<div class="label">活动ID:</div>
|
|
|
|
|
<el-input v-model="preTestActDTO.actId" placeholder="请输入活动ID" style="width: 360px" :readonly="type==='edit'" />
|
|
|
|
|
</div>
|
|
|
|
|
<div div class="u-flex" style="margin-top:18px">
|
|
|
|
|
<div class="label">Tag:</div>
|
|
|
|
|
<div style="flex-wrap: wrap;">
|
|
|
|
|
<el-tag
|
|
|
|
|
v-for="tag in preTestActDTO.tagStr"
|
|
|
|
|
:key="tag"
|
|
|
|
|
closable
|
|
|
|
|
:disable-transitions="false"
|
|
|
|
|
@close="handleClose(tag)"
|
|
|
|
|
>
|
|
|
|
|
{{ tag }}
|
|
|
|
|
</el-tag>
|
|
|
|
|
<el-input
|
|
|
|
|
v-if="inputVisible"
|
|
|
|
|
ref="saveTagInput"
|
|
|
|
|
v-model="inputValue"
|
|
|
|
|
class="input-new-tag"
|
|
|
|
|
size="small"
|
|
|
|
|
@keyup.enter.native="handleInputConfirm"
|
|
|
|
|
@blur="handleInputConfirm"
|
|
|
|
|
/>
|
|
|
|
|
<el-button v-else class="button-new-tag" size="small" @click="showInput">+ New Tag</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="margin-auto">
|
|
|
|
|
<el-upload
|
|
|
|
|
ref="updaatefiles"
|
|
|
|
|
action=""
|
|
|
|
|
accept=".xlsx,.xls"
|
|
|
|
|
drag
|
|
|
|
|
multiple
|
|
|
|
|
:limit="5"
|
|
|
|
|
class="mt-10 text-center"
|
|
|
|
|
style="margin-left: 20px;"
|
|
|
|
|
:file-list="fileList"
|
|
|
|
|
:auto-upload="false"
|
|
|
|
|
:on-remove="handleRemove"
|
|
|
|
|
:on-exceed="handleExceed"
|
|
|
|
|
:http-request="updtaFils"
|
|
|
|
|
>
|
|
|
|
|
<i class="el-icon-upload" />
|
|
|
|
|
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
|
|
|
<div slot="tip" class="el-upload__tip">只能上传.xls,.xlsx,.csv文件,且不超过100M</div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
<div class="line-text margin-auto">
|
|
|
|
|
1、请导入 xls,xlsx,.csv 格式的文件<br>
|
|
|
|
|
2、必须填写表头方便后续匹配,也可点击下载 模板,帮助您快速完成导入<br>
|
|
|
|
|
3、多文件导入请统一提交<br>
|
|
|
|
|
4、一次最多支持导入 5 份文件<br>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button type="text" @click="colseFileDialog">取消</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
:loading="uploading"
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="submitUpload"
|
|
|
|
|
>确定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
</el-tabs>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import CRUD, { presenter, header, form, crud } from '@crud/crud'
|
|
|
|
|
// import rrOperation from '@crud/RR.operation'
|
|
|
|
|
import pagination from '@crud/Pagination'
|
|
|
|
|
// import DateRangePicker from '@/components/DateRangePicker'
|
|
|
|
|
import { sendEmail, addActivity, editActivity } from '@/api/index'
|
|
|
|
|
import { mapGetters } from 'vuex'
|
|
|
|
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
|
|
|
|
import { addAccount, getAccount } from '@/api/index'
|
|
|
|
|
const defaultForm = { }
|
|
|
|
|
export default {
|
|
|
|
|
name: 'CurrentDownload',
|
|
|
|
|
// rrOperation, DateRangePicker
|
|
|
|
|
components: { pagination },
|
|
|
|
|
cruds() {
|
|
|
|
|
return CRUD({ title: '活动列表', url: 'api-management/api/act/query' })
|
|
|
|
|
},
|
|
|
|
|
mixins: [presenter(), header(), form(defaultForm), crud()],
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
height: document.documentElement.clientHeight - 180 + 'px;',
|
|
|
|
|
uploading: false,
|
|
|
|
|
resourcesDialog: false,
|
|
|
|
|
preTestActDTO: {
|
|
|
|
|
actId: '', // 活动ID
|
|
|
|
|
actName: '', // 活动名称
|
|
|
|
|
isDmpDelivery: true, // 推送开关
|
|
|
|
|
tagStr: [], // tag
|
|
|
|
|
taskId: ''
|
|
|
|
|
},
|
|
|
|
|
inputVisible: false,
|
|
|
|
|
inputValue: '',
|
|
|
|
|
fileList: [], // files集合
|
|
|
|
|
permission: {
|
|
|
|
|
add: ['admin', 'user:add'],
|
|
|
|
|
edit: ['admin', 'user:edit'],
|
|
|
|
|
del: ['admin', 'user:del'],
|
|
|
|
|
download: ['admin', 'user:download']
|
|
|
|
|
},
|
|
|
|
|
type: '', // 是新建活动还是编辑活动
|
|
|
|
|
form: {
|
|
|
|
|
userName: '',
|
|
|
|
|
passWord: ''
|
|
|
|
|
// date1: '',
|
|
|
|
|
// date2: '',
|
|
|
|
|
// delivery: false,
|
|
|
|
|
// type: [],
|
|
|
|
|
// resource: '',
|
|
|
|
|
// desc: ''
|
|
|
|
|
},
|
|
|
|
|
rules: {
|
|
|
|
|
userName: [
|
|
|
|
|
{ required: true, trigger: 'blur', message: '用户名不能为空' }
|
|
|
|
|
],
|
|
|
|
|
passWord: [
|
|
|
|
|
{ required: true, trigger: 'blur', message: '密码不能为空' }
|
|
|
|
|
],
|
|
|
|
|
code: [
|
|
|
|
|
{ required: true, trigger: 'change', message: '验证码不能为空' }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
loading: false,
|
|
|
|
|
activeName: 'first'// tabs选中项
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
...mapGetters([
|
|
|
|
|
'user'
|
|
|
|
|
])
|
|
|
|
|
},
|
|
|
|
|
created() {},
|
|
|
|
|
mounted: function() {
|
|
|
|
|
const that = this
|
|
|
|
|
window.onresize = function temp() {
|
|
|
|
|
that.height = document.documentElement.clientHeight - 180 + 'px;'
|
|
|
|
|
}
|
|
|
|
|
this.forecastTrialAccountQuery()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
downloadUrl(type, data) {
|
|
|
|
|
const a = document.createElement('a')
|
|
|
|
|
a.style.display = 'none'
|
|
|
|
|
if (type === 'email') {
|
|
|
|
|
a.href = data.emailFilePath
|
|
|
|
|
}
|
|
|
|
|
if (type === 'excel') {
|
|
|
|
|
a.href = data.filePath
|
|
|
|
|
}
|
|
|
|
|
document.body.appendChild(a)
|
|
|
|
|
a.click()
|
|
|
|
|
document.body.removeChild(a)
|
|
|
|
|
},
|
|
|
|
|
sendEmail(id) {
|
|
|
|
|
sendEmail({ id: id }).then(res => {
|
|
|
|
|
this.$message.success('发送成功')
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
colseFileDialog() {
|
|
|
|
|
this.fileList = []
|
|
|
|
|
this.preTestActDTO.actName = ''
|
|
|
|
|
this.resourcesDialog = false
|
|
|
|
|
},
|
|
|
|
|
// 上传
|
|
|
|
|
updtaFils(file) {
|
|
|
|
|
this.fileData.append('file', file.file)
|
|
|
|
|
},
|
|
|
|
|
// 移除
|
|
|
|
|
handleRemove(file, fileList) {
|
|
|
|
|
this.fileList = fileList
|
|
|
|
|
},
|
|
|
|
|
// 选取文件超过数量提示
|
|
|
|
|
handleExceed(files, fileList) {
|
|
|
|
|
this.$message.warning(`当前限制选择 5 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`)
|
|
|
|
|
},
|
|
|
|
|
submitUpload() {
|
|
|
|
|
// 模板导入
|
|
|
|
|
// else if (!isLt100M) {
|
|
|
|
|
// this.$message.warning('请检查,上传文件大小不能超过100MB!')
|
|
|
|
|
// }
|
|
|
|
|
// const isLt100M = this.fileList.every(file => file.size / 1024 / 1024 < 100)
|
|
|
|
|
if (!this.preTestActDTO.actName) {
|
|
|
|
|
this.$message.warning('请输入活动名称!')
|
|
|
|
|
} else if (!this.preTestActDTO.actId && this.type === 'add') {
|
|
|
|
|
this.$message.warning('请输入活动ID!')
|
|
|
|
|
} else if (this.preTestActDTO.tagStr.length === 0) {
|
|
|
|
|
this.$message.warning('请输入tag!')
|
|
|
|
|
} else {
|
|
|
|
|
// this.fileData = new FormData() // new formData对象
|
|
|
|
|
// this.$refs['updaatefiles'].submit()
|
|
|
|
|
// if (!this.fileData.get('file')) {
|
|
|
|
|
// this.$message({
|
|
|
|
|
// message: '请先选择文件',
|
|
|
|
|
// type: 'warning'
|
|
|
|
|
// })
|
|
|
|
|
// return false
|
|
|
|
|
// }
|
|
|
|
|
// this.fileData.append('actName', this.actName)
|
|
|
|
|
// this.fileData.append('actId', this.actId)
|
|
|
|
|
this.uploading = true
|
|
|
|
|
if (this.type === 'add') {
|
|
|
|
|
delete this.preTestActDTO.taskId
|
|
|
|
|
addActivity(this.preTestActDTO).then((res) => {
|
|
|
|
|
// this.$message({
|
|
|
|
|
// message: '操作成功,资源上传中',
|
|
|
|
|
// type: 'success'
|
|
|
|
|
// })
|
|
|
|
|
// this.fileList = []
|
|
|
|
|
// setTimeout(() => {
|
|
|
|
|
this.colseFileDialog()
|
|
|
|
|
this.crud.toQuery()
|
|
|
|
|
this.uploading = false
|
|
|
|
|
// }, 3000)
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
this.uploading = false
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
delete this.preTestActDTO.actId
|
|
|
|
|
editActivity(this.preTestActDTO).then((res) => {
|
|
|
|
|
// this.$message({
|
|
|
|
|
// message: '操作成功,资源上传中',
|
|
|
|
|
// type: 'success'
|
|
|
|
|
// })
|
|
|
|
|
// this.fileList = []
|
|
|
|
|
// setTimeout(() => {
|
|
|
|
|
this.colseFileDialog()
|
|
|
|
|
this.crud.toQuery()
|
|
|
|
|
this.uploading = false
|
|
|
|
|
// }, 3000)
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
this.uploading = false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 新建活动
|
|
|
|
|
add(type) {
|
|
|
|
|
this.preTestActDTO = {
|
|
|
|
|
actId: '', // 活动ID
|
|
|
|
|
actName: '', // 活动名称
|
|
|
|
|
isDmpDelivery: true, // 推送开关
|
|
|
|
|
tagStr: []// tag
|
|
|
|
|
}
|
|
|
|
|
this.resourcesDialog = true
|
|
|
|
|
this.type = type
|
|
|
|
|
},
|
|
|
|
|
// 编辑
|
|
|
|
|
edit(row, type) {
|
|
|
|
|
console.log(row, 'row')
|
|
|
|
|
this.preTestActDTO.taskId = row.taskId
|
|
|
|
|
this.preTestActDTO.actId = row.actId
|
|
|
|
|
this.preTestActDTO.actName = row.actName
|
|
|
|
|
this.preTestActDTO.isDmpDelivery = row.isDmpDelivery
|
|
|
|
|
this.preTestActDTO.tagStr = row.tagStr
|
|
|
|
|
this.resourcesDialog = true
|
|
|
|
|
this.type = type
|
|
|
|
|
},
|
|
|
|
|
onSubmit(form) {
|
|
|
|
|
this.$refs[form].validate((valid) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
this.loading = true
|
|
|
|
|
addAccount(this.form.userName, this.form.passWord).then(res => {
|
|
|
|
|
if (res.status === 0) {
|
|
|
|
|
this.loading = false
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.msg)
|
|
|
|
|
}
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
this.loading = false
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// resetForm(form) {
|
|
|
|
|
// this.$refs[form].resetFields()
|
|
|
|
|
// },
|
|
|
|
|
// 预测式账号查询
|
|
|
|
|
forecastTrialAccountQuery() {
|
|
|
|
|
getAccount().then(res => {
|
|
|
|
|
if (res.status === 0) {
|
|
|
|
|
console.log(res, 'res')
|
|
|
|
|
this.form.userName = res.data.dbUserName
|
|
|
|
|
this.form.passWord = res.data.dbUserPassword
|
|
|
|
|
// this.loading = false
|
|
|
|
|
// this.$message.success('操作成功')
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.msg)
|
|
|
|
|
}
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
// this.loading = false
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// tabs切换
|
|
|
|
|
handleClick(tab, event) {
|
|
|
|
|
console.log(tab, event)
|
|
|
|
|
},
|
|
|
|
|
// 推送开关change
|
|
|
|
|
editTagChange(data) {
|
|
|
|
|
data = !data
|
|
|
|
|
},
|
|
|
|
|
handleClose(tag) {
|
|
|
|
|
this.preTestActDTO.tagStr.splice(this.preTestActDTO.tagStr.indexOf(tag), 1)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
showInput() {
|
|
|
|
|
this.inputVisible = true
|
|
|
|
|
this.$nextTick(_ => {
|
|
|
|
|
this.$refs.saveTagInput.$refs.input.focus()
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handleInputConfirm() {
|
|
|
|
|
const inputValue = this.inputValue
|
|
|
|
|
if (inputValue) {
|
|
|
|
|
this.preTestActDTO.tagStr.push(inputValue)
|
|
|
|
|
}
|
|
|
|
|
this.inputVisible = false
|
|
|
|
|
this.inputValue = ''
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
|
|
|
::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
|
|
|
|
|
height: 30px;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
}
|
|
|
|
|
.label{
|
|
|
|
|
min-width: 70px;
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
float: none;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #606266;
|
|
|
|
|
text-align: right;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
// padding: 0 20px 0 0;
|
|
|
|
|
}
|
|
|
|
|
.login-form {
|
|
|
|
|
width: 370px;
|
|
|
|
|
}
|
|
|
|
|
.el-tag + .el-tag {
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
}
|
|
|
|
|
.button-new-tag {
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
.input-new-tag {
|
|
|
|
|
width: 90px;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
}
|
|
|
|
|
.el-tag--small {
|
|
|
|
|
height: 32px;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
</style>
|