|
|
|
|
@ -0,0 +1,566 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<a-card :bordered="false" :bodyStyle="tstyle">
|
|
|
|
|
<div class="table-page-search-wrapper" :class="advanced ? 'Open' : 'Close'">
|
|
|
|
|
<a-form :model="form" :label-col="{ span: 7 }" :wrapper-col="{ span: 17 }">
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="标签名称">
|
|
|
|
|
<a-input v-model="form.name" allow-clear placeholder="请输入标签名称" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="标签使用范围">
|
|
|
|
|
<a-select v-model="form.scope">
|
|
|
|
|
<a-select-option :value="1">
|
|
|
|
|
舱位
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-form>
|
|
|
|
|
</div>
|
|
|
|
|
</a-card>
|
|
|
|
|
<a-card :bordered="false">
|
|
|
|
|
<div style="margin-bottom: 10px;display: flex;justify-content: space-between;">
|
|
|
|
|
<div>
|
|
|
|
|
<a-button type="primary" @click="handleAdd">新增</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<a-button type="primary" @click="getList">查询</a-button>
|
|
|
|
|
<a-button style="margin-left: 8px" @click="init">重置</a-button>
|
|
|
|
|
<!-- <tableSort @columnChange="handleColumnChange" :columns="columns" :columnsAll="columnsAll"></tableSort> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<vxe-grid
|
|
|
|
|
:data="loadData"
|
|
|
|
|
stripe
|
|
|
|
|
resizable
|
|
|
|
|
round
|
|
|
|
|
ref="table"
|
|
|
|
|
border
|
|
|
|
|
:columns="columns"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
:height="tableHeight"
|
|
|
|
|
empty-text="没有更多数据了！">
|
|
|
|
|
<template #caozuo="{ row }">
|
|
|
|
|
<a-icon type="form" style="cursor: pointer;" @click="handleEdit(row)" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
<a-popconfirm
|
|
|
|
|
title="请确认删除?"
|
|
|
|
|
ok-text="是"
|
|
|
|
|
cancel-text="否"
|
|
|
|
|
@confirm="e => {
|
|
|
|
|
confirm(e, row)
|
|
|
|
|
}
|
|
|
|
|
">
|
|
|
|
|
<a-icon type="delete" style="margin: 0 8px;" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
</a-popconfirm>
|
|
|
|
|
</template>
|
|
|
|
|
<template #scope="{ row }">
|
|
|
|
|
<span v-if="row.scope == 1">舱位</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #pager>
|
|
|
|
|
<vxe-pager
|
|
|
|
|
:current-page="queryParam.PageNo"
|
|
|
|
|
:page-size="queryParam.pageSize"
|
|
|
|
|
:total="queryParam.totalCount"
|
|
|
|
|
:layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
|
|
|
|
@page-change="tablePaginationChange">
|
|
|
|
|
</vxe-pager>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-grid>
|
|
|
|
|
<a-modal width="800px" @ok="handleOk" v-model="visible" :title="title" @cancel="visible = false">
|
|
|
|
|
<a-row style="margin-bottom: 15px;">
|
|
|
|
|
<span style="display: inline-block;width: 120px;">标签名称：</span><a-input
|
|
|
|
|
style="display: inline-block;width: 80%;"
|
|
|
|
|
v-model="labelData.name"
|
|
|
|
|
size="small"></a-input>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<span style="display: inline-block;width: 115px;">标签使用范围：</span> <a-select
|
|
|
|
|
size="small"
|
|
|
|
|
style="display: inline-block;width: 80%;"
|
|
|
|
|
v-model="labelData.scope">
|
|
|
|
|
<a-select-option :value="1">
|
|
|
|
|
舱位
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<span style="display: inline-block;width: 120px;">选择颜色：</span>
|
|
|
|
|
<a-input style="display: inline-block;width: 10%;margin-top: 15px;" type="color" v-model="labelData.color"></a-input>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-modal>
|
|
|
|
|
</a-card>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import {
|
|
|
|
|
BookingLabelPageList,
|
|
|
|
|
BookingLabelDelete,
|
|
|
|
|
ImportSlotFromFile,
|
|
|
|
|
CreateBooking0rder,
|
|
|
|
|
slotSendEmail,
|
|
|
|
|
BookingLabelSave
|
|
|
|
|
} from '@/api/modular/main/CompanySiteaccount'
|
|
|
|
|
import { mapGetters } from 'vuex'
|
|
|
|
|
import { DjyCustomerSuggest, GetSysUserPage, DjyCustomerContacts } from '@/api/modular/main/BookingLedger'
|
|
|
|
|
import columnSetting from '@/components/tableColumnSetting'
|
|
|
|
|
import tableSort from '@/components/tableSort'
|
|
|
|
|
import generation from '@/components/generation'
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
columnSetting, tableSort, generation
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
...mapGetters([
|
|
|
|
|
'ctnallList'
|
|
|
|
|
])
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
TypeData: [],
|
|
|
|
|
// 高级搜索 展开/关闭
|
|
|
|
|
advanced: false,
|
|
|
|
|
tableHeight: 0,
|
|
|
|
|
expandConfig: {
|
|
|
|
|
labelField: 'sloT_BOOKING_NO'
|
|
|
|
|
},
|
|
|
|
|
labelData: {
|
|
|
|
|
scope: 1
|
|
|
|
|
},
|
|
|
|
|
loading: false,
|
|
|
|
|
setVisible: false,
|
|
|
|
|
CreateData: {
|
|
|
|
|
customerContactId: []
|
|
|
|
|
},
|
|
|
|
|
visible: false,
|
|
|
|
|
UserList: [],
|
|
|
|
|
customerByList: [],
|
|
|
|
|
title: '',
|
|
|
|
|
CustomerList: [],
|
|
|
|
|
SlotVisible: false,
|
|
|
|
|
userInfoList: [],
|
|
|
|
|
setVisible1: false,
|
|
|
|
|
fetching: false,
|
|
|
|
|
queryParam: {
|
|
|
|
|
PageNo: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
totalCount: 1
|
|
|
|
|
},
|
|
|
|
|
bookingServiceItem: [],
|
|
|
|
|
formItemLayout: {
|
|
|
|
|
labelCol1: { span: 6 },
|
|
|
|
|
wrapperCol1: { span: 18 },
|
|
|
|
|
labelCol2: { span: 8 },
|
|
|
|
|
wrapperCol2: { span: 16 },
|
|
|
|
|
labelCol3: { span: 4 },
|
|
|
|
|
wrapperCol3: { span: 20 },
|
|
|
|
|
labelCol4: { span: 8 },
|
|
|
|
|
wrapperCol4: { span: 16 },
|
|
|
|
|
labelCol5: { span: 14 },
|
|
|
|
|
wrapperCol5: { span: 10 },
|
|
|
|
|
labelCol6: { span: 8 },
|
|
|
|
|
wrapperCol6: { span: 16 }
|
|
|
|
|
},
|
|
|
|
|
form: {
|
|
|
|
|
STATUS: '1'
|
|
|
|
|
},
|
|
|
|
|
slotEdit: {},
|
|
|
|
|
ColumnsQuery: [],
|
|
|
|
|
columns: [
|
|
|
|
|
{
|
|
|
|
|
title: '标签名称',
|
|
|
|
|
align: 'center',
|
|
|
|
|
field: 'name'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '标签使用范围',
|
|
|
|
|
align: 'center',
|
|
|
|
|
field: 'scope',
|
|
|
|
|
slots: { default: 'scope' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '操作',
|
|
|
|
|
align: 'center',
|
|
|
|
|
field: 'caozuo',
|
|
|
|
|
slots: { default: 'caozuo' },
|
|
|
|
|
width: 100
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' },
|
|
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
|
|
|
loadData: []
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.tableHeight = document.body.clientHeight - 320
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
FnTurnD(data) {
|
|
|
|
|
let Rdata = ''
|
|
|
|
|
this.TypeData.forEach(item => {
|
|
|
|
|
if (item.code == data) {
|
|
|
|
|
Rdata = item.name
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
return Rdata
|
|
|
|
|
},
|
|
|
|
|
expandVisibleMethod({ row }) {
|
|
|
|
|
if (row.bookingSlotSaleInfoList && row.bookingSlotSaleInfoList.length > 0) {
|
|
|
|
|
return true
|
|
|
|
|
} else {
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
customRequest(data) {
|
|
|
|
|
this.isUpload = true;
|
|
|
|
|
this.percent = 0;
|
|
|
|
|
const formData = new FormData()
|
|
|
|
|
formData.append('file', data.file)
|
|
|
|
|
this.loading = true
|
|
|
|
|
ImportSlotFromFile(formData, (percent) => this.setUploadProcess(percent)).then((res) => {
|
|
|
|
|
if (res.data.succ) {
|
|
|
|
|
this.$message.success('上传成功')
|
|
|
|
|
this.getList()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error('上传失败：' + res.data.msg)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
checkboxChangeEvent() {
|
|
|
|
|
console.log('== 选中，取消选中 ==', this.$refs.table.getCheckboxRecords())
|
|
|
|
|
},
|
|
|
|
|
toggleAdvanced() {
|
|
|
|
|
this.advanced = !this.advanced
|
|
|
|
|
},
|
|
|
|
|
handledbclick(row) {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
handleSendAll() {
|
|
|
|
|
const select = this.$refs.table.getCheckboxRecords()
|
|
|
|
|
const pkIdArr = select.map((item, index) => {
|
|
|
|
|
return item.id
|
|
|
|
|
})
|
|
|
|
|
if (pkIdArr.length == 0) {
|
|
|
|
|
this.$message.error('请选择要发送的记录')
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
slotSendEmail(pkIdArr).then(res => {
|
|
|
|
|
if (res.data.succ) {
|
|
|
|
|
this.$message.success('发送成功')
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.data.msg)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
tablePaginationChange({ currentPage, pageSize }) {
|
|
|
|
|
this.queryParam.PageNo = currentPage
|
|
|
|
|
this.queryParam.PageSize = pageSize
|
|
|
|
|
this.queryParam.pageNo = currentPage
|
|
|
|
|
this.queryParam.pageSize = pageSize
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
handleOpenSlot(row) {
|
|
|
|
|
this.$refs.generation.init(row)
|
|
|
|
|
},
|
|
|
|
|
init() {
|
|
|
|
|
this.form = {}
|
|
|
|
|
},
|
|
|
|
|
handlePageChange({ currentPage, pageSize }) {
|
|
|
|
|
this.queryParam.PageNo = currentPage
|
|
|
|
|
this.queryParam.pageSize = pageSize
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
SearchCustomer(e) {
|
|
|
|
|
DjyCustomerSuggest({ keyword: e, type: 'consignor' }).then(res => {
|
|
|
|
|
this.CustomerList = res.data.rows
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
ChangeCustomer(e) {
|
|
|
|
|
this.customerByList = []
|
|
|
|
|
this.CreateData.customerContactId = []
|
|
|
|
|
this.CustomerList.forEach(item => {
|
|
|
|
|
if (item.id == e) {
|
|
|
|
|
this.CreateData.customerName = item.shortName
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.fetching = true
|
|
|
|
|
DjyCustomerContacts({ customerId: e }).then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.customerByList = res.data
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
this.fetching = false
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getList() {
|
|
|
|
|
this.loading = true
|
|
|
|
|
this.form.pageSize = this.queryParam.pageSize
|
|
|
|
|
this.form.PageNo = this.queryParam.PageNo
|
|
|
|
|
BookingLabelPageList(this.form).then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.loadData = res.data.items
|
|
|
|
|
this.queryParam.PageNo = res.data.pageNo
|
|
|
|
|
this.queryParam.pageSize = res.data.pageSize
|
|
|
|
|
this.queryParam.totalCount = res.data.totalCount
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
this.loading = false
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
switchingDate() {
|
|
|
|
|
const obj = JSON.parse(JSON.stringify(this.queryParam))
|
|
|
|
|
return obj
|
|
|
|
|
},
|
|
|
|
|
confirm(e, data) {
|
|
|
|
|
this.DjyWebsiteAccountConfigDeleteTenant(data)
|
|
|
|
|
},
|
|
|
|
|
DjyWebsiteAccountConfigDeleteTenant(record) {
|
|
|
|
|
BookingLabelDelete([record.id]).then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('删除成功')
|
|
|
|
|
this.getList()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(`删除失败,${res.message}`)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
ChangeCustomerList(e) {
|
|
|
|
|
this.customerByList.forEach(item => {
|
|
|
|
|
if (item.id == e) {
|
|
|
|
|
this.CreateData.customerContactName = item.name
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleOk1() {
|
|
|
|
|
const projectList = []
|
|
|
|
|
this.bookingServiceItem.forEach(item => {
|
|
|
|
|
if (item.isYield) {
|
|
|
|
|
projectList.push(item.serviceProjectCode)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const ApiData = {
|
|
|
|
|
slotId: this.slotEdit.id,
|
|
|
|
|
projectList,
|
|
|
|
|
...this.CreateData
|
|
|
|
|
}
|
|
|
|
|
console.log(ApiData)
|
|
|
|
|
CreateBooking0rder(ApiData).then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.SlotVisible = false
|
|
|
|
|
this.$message.success(res.message)
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
SearchUser(e) {
|
|
|
|
|
console.log(e)
|
|
|
|
|
// consignor
|
|
|
|
|
// booking_agent
|
|
|
|
|
GetSysUserPage({ name: e }).then(res => {
|
|
|
|
|
this.UserList = res.data
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
ChangeUser(e, Tname) {
|
|
|
|
|
this.UserList.forEach(item => {
|
|
|
|
|
if (item.id == e) {
|
|
|
|
|
console.log(e)
|
|
|
|
|
this.CreateData[Tname] = item.name
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleOk() {
|
|
|
|
|
if (!this.labelData.name) {
|
|
|
|
|
this.$message.error('请输入标签名称')
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
const data = {
|
|
|
|
|
...this.labelData
|
|
|
|
|
}
|
|
|
|
|
BookingLabelSave(data).then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
this.getList()
|
|
|
|
|
this.visible = false
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleAdd() {
|
|
|
|
|
this.visible = true
|
|
|
|
|
this.title = '新增标签'
|
|
|
|
|
this.labelData = {
|
|
|
|
|
scope: 1
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
handleChangeUser(val) {
|
|
|
|
|
const arr = []
|
|
|
|
|
this.customerByList.forEach(item => {
|
|
|
|
|
val.forEach(ite => {
|
|
|
|
|
if (item.id == ite) {
|
|
|
|
|
arr.push(item)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
this.userInfoList = arr
|
|
|
|
|
},
|
|
|
|
|
handleEdit(row) {
|
|
|
|
|
this.visible = true
|
|
|
|
|
this.labelData = JSON.parse(JSON.stringify(row))
|
|
|
|
|
this.title = '编辑标签'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
|
@import url('../BookingLedger/detail/style/rightContent.less');
|
|
|
|
|
|
|
|
|
|
.table-operator {
|
|
|
|
|
margin-bottom: 18px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button {
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.Open {}
|
|
|
|
|
|
|
|
|
|
.Close {
|
|
|
|
|
height: 45px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.vxe-table--render-default .vxe-body--row.row--stripe {
|
|
|
|
|
background: #f5f9fe;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ant-card-body {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nav-box {
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
|
|
|
|
|
.nav {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
border: 1px solid rgba(255, 255, 255, 0);
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
height: 28px;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
|
|
|
|
|
.iconfont {
|
|
|
|
|
margin-right: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
border: 1px solid rgba(255, 255, 255, 0);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(1) {
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #1d8aff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background: #fff;
|
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(2) {
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #865ef8;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background: #fff;
|
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(3) {
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #ff9702;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background: #fff;
|
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(4) {
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #1d8aff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background: #fff;
|
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(5) {
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #ff1062;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background: #fff;
|
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(6) {
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #1ebeca;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background: #fff;
|
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(7) {
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #82c93d;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background: #fff;
|
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(8) {
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #1d8aff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background: #fff;
|
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-form-item {
|
|
|
|
|
margin-bottom: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
