|
@@ -1,38 +1,33 @@
|
|
<template>
|
|
<template>
|
|
- <a-card :bordered="false">
|
|
|
|
|
|
+ <a-card :bordered="false" class="purchasedSetmeal-wrap">
|
|
<!-- 搜索条件 -->
|
|
<!-- 搜索条件 -->
|
|
- <div class="orderCenter-searchForm">
|
|
|
|
|
|
+ <div class="purchasedSetmeal-searchForm">
|
|
<a-form ref="searchForm">
|
|
<a-form ref="searchForm">
|
|
<a-row :gutter="48">
|
|
<a-row :gutter="48">
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
<a-form-item label="下单时间" :label-col="{ span:7 }" :wrapper-col="{ span:17}">
|
|
<a-form-item label="下单时间" :label-col="{ span:7 }" :wrapper-col="{ span:17}">
|
|
- <a-range-picker v-model="time" :format="dateFormat" :placeholder="['开始时间','结束时间']" @change="onChange" />
|
|
|
|
|
|
+ <a-range-picker
|
|
|
|
+ v-model="time"
|
|
|
|
+ :format="dateFormat"
|
|
|
|
+ :placeholder="['开始时间','结束时间']"
|
|
|
|
+ :disabledDate="disabledDate"
|
|
|
|
+ @calendarChange="calendarChange"
|
|
|
|
+ @change="onChange" />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
- <a-form-item label="网点名称" :label-col="{ span:7 }" :wrapper-col="{ span:17}">
|
|
|
|
- <a-select placeholder="请选择" allowClear v-model="storeId" mode="multiple">
|
|
|
|
- <a-select-option v-for="item in storeOptionData" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :span="6">
|
|
|
|
- <a-form-item label="单号" :label-col="{ span:7 }" :wrapper-col="{ span:17}">
|
|
|
|
|
|
+ <a-form-item label="订单号" :label-col="{ span:7 }" :wrapper-col="{ span:17}">
|
|
<a-input v-model.trim="searchForm.orderNo" placeholder="请输入" allowClear />
|
|
<a-input v-model.trim="searchForm.orderNo" placeholder="请输入" allowClear />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
- <a-form-item label="服务项目" :label-col="{ span:7 }" :wrapper-col="{ span:17}">
|
|
|
|
- <a-select placeholder="请选择" allowClear v-model="searchForm.itemId">
|
|
|
|
- <a-select-option v-for="item in itemOptionData" :key="item.id" :value="item.id">{{ item.itemName }}</a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
|
|
+ <a-form-item label="客户信息" :label-col="{ span:7 }" :wrapper-col="{ span:17}">
|
|
|
|
+ <a-input v-model.trim="searchForm.customerMobile" placeholder="手机号/车牌号" allowClear />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
- </a-row>
|
|
|
|
- <a-row :gutter="48">
|
|
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
- <a-form-item label="手机号码" :label-col="{ span:7 }" :wrapper-col="{ span:17}">
|
|
|
|
- <a-input v-model.trim="searchForm.customerMobile" placeholder="请输入" allowClear :maxLength="11" />
|
|
|
|
|
|
+ <a-form-item label="套餐名称" :label-col="{ span:7 }" :wrapper-col="{ span:17}">
|
|
|
|
+ <a-input v-model.trim="searchForm.customerMobile" placeholder="请输入" allowClear />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
@@ -41,18 +36,22 @@
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
- <a-button style="margin-right: 10px;" type="primary" @click="handleSearch">查询</a-button>
|
|
|
|
- <a-button type="" @click="handleRest">重置</a-button>
|
|
|
|
- <a-button type="" :loading="loading" class="export-btn" @click="handleExport">导出</a-button>
|
|
|
|
|
|
+ <a-button class="handle-btn serach-btn" type="primary" @click="handleSearch">查询</a-button>
|
|
|
|
+ <a-button class="handle-btn" type="" @click="handleReset">重置</a-button>
|
|
|
|
+ <a-button class="handle-btn export-btn" type="" :loading="loading" @click="handleExport">导出</a-button>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
</a-form>
|
|
</a-form>
|
|
</div>
|
|
</div>
|
|
|
|
+ <!-- 新建 -->
|
|
|
|
+ <div class="table-operator"><a-button type="primary" icon="plus" @click="goBuy()">购买套餐</a-button></div>
|
|
<!-- 合计 -->
|
|
<!-- 合计 -->
|
|
<div class="total">
|
|
<div class="total">
|
|
<a-icon type="info-circle" class="iconImg" />
|
|
<a-icon type="info-circle" class="iconImg" />
|
|
- <strong>合计:</strong><span v-model="orderTotal">{{ orderTotal || 0 }} 单</span><strong style="margin-left: 15px;">实收:</strong><span
|
|
|
|
- v-model="paymentAmountTotal">{{ paymentAmountTotal || 0 }} 元</span>
|
|
|
|
|
|
+ <strong>总计:</strong><span v-model="orderTotal">{{ orderTotal || 0 }} 单</span>
|
|
|
|
+ <strong style="margin-left: 15px;">应收:</strong><span v-model="paymentAmountTotal">{{ paymentAmountTotal || 0 }} 元</span>
|
|
|
|
+ <strong style="margin-left: 15px;">优惠:</strong><span v-model="paymentAmountTotal">{{ paymentAmountTotal || 0 }} 元</span>
|
|
|
|
+ <strong style="margin-left: 15px;">实收:</strong><span v-model="paymentAmountTotal">{{ paymentAmountTotal || 0 }} 元</span>
|
|
</div>
|
|
</div>
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
<s-table
|
|
<s-table
|
|
@@ -66,50 +65,30 @@
|
|
<span slot="orderStatus" slot-scope="text">
|
|
<span slot="orderStatus" slot-scope="text">
|
|
{{ $refs.orderStatus.getNameByCode(text) }}
|
|
{{ $refs.orderStatus.getNameByCode(text) }}
|
|
</span>
|
|
</span>
|
|
- <!-- 实收金额 -->
|
|
|
|
- <span slot="paymentAmount" slot-scope="text, record">
|
|
|
|
- <template v-if=" record.payStatus == 'PAID' ">{{ record.paymentAmount }}</template>
|
|
|
|
- <template v-else-if=" record.payStatus != 'PAID' ">{{ 0 }}</template>
|
|
|
|
- </span>
|
|
|
|
- <!-- 优惠 -->
|
|
|
|
- <span slot="couponAmount" slot-scope="text, record">
|
|
|
|
- <template v-if=" record.orderStatus != 'CANCELED' ">{{ record.couponAmount }}</template>
|
|
|
|
- <template v-else-if=" record.orderStatus == 'CANCELED' ">{{ 0 }}</template>
|
|
|
|
- </span>
|
|
|
|
<!-- 操作 -->
|
|
<!-- 操作 -->
|
|
<span slot="action" slot-scope="text, record">
|
|
<span slot="action" slot-scope="text, record">
|
|
- <a-button type="primary" @click="seeDetail(record)">查看</a-button>
|
|
|
|
- <!-- 本期暂不做 -->
|
|
|
|
- <!-- <a-button type="danger" @click="refund(record)">退款</a-button> -->
|
|
|
|
|
|
+ <a-button type="primary" @click="seeDetail(record)">详情</a-button>
|
|
</span>
|
|
</span>
|
|
</s-table>
|
|
</s-table>
|
|
<!-- 查看详情弹窗 -->
|
|
<!-- 查看详情弹窗 -->
|
|
- <!-- <order-detail-modal :openModal="openDetailModal" :nowId="detailId" @close="openDetailModal=false" /> -->
|
|
|
|
|
|
+ <setmeal-detail-modal :openModal="openDetailModal" :nowId="detailId" @close="openDetailModal=false" />
|
|
</a-card>
|
|
</a-card>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import {
|
|
|
|
- STable,
|
|
|
|
- VSelect
|
|
|
|
-} from '@/components'
|
|
|
|
|
|
+import { STable, VSelect } from '@/components'
|
|
import getDate from '@/libs/getDate.js'
|
|
import getDate from '@/libs/getDate.js'
|
|
import {
|
|
import {
|
|
- orderCenterList,
|
|
|
|
itemList,
|
|
itemList,
|
|
storeList,
|
|
storeList,
|
|
orderTotal,
|
|
orderTotal,
|
|
exportOrder
|
|
exportOrder
|
|
} from '@/api/order.js'
|
|
} from '@/api/order.js'
|
|
-// import OrderDetailModal from './OrderDetailModal.vue'
|
|
|
|
|
|
+import SetmealDetailModal from './SetmealDetailModal.vue'
|
|
import moment from 'moment'
|
|
import moment from 'moment'
|
|
export default {
|
|
export default {
|
|
- name: 'OrderCenter',
|
|
|
|
- components: {
|
|
|
|
- STable,
|
|
|
|
- VSelect
|
|
|
|
- // OrderDetailModal
|
|
|
|
- },
|
|
|
|
|
|
+ name: 'PurchasedSetmeal',
|
|
|
|
+ components: { STable, VSelect, SetmealDetailModal },
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
storeId: [], // 网点名称
|
|
storeId: [], // 网点名称
|
|
@@ -136,105 +115,76 @@ export default {
|
|
moment(getDate.getToday().endtime, this.dateFormat)
|
|
moment(getDate.getToday().endtime, this.dateFormat)
|
|
],
|
|
],
|
|
dateFormat: 'YYYY-MM-DD',
|
|
dateFormat: 'YYYY-MM-DD',
|
|
- columns: [{
|
|
|
|
- title: '下单时间',
|
|
|
|
- dataIndex: 'orderTime',
|
|
|
|
- minWidth: '40',
|
|
|
|
- align: 'center'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '单号',
|
|
|
|
- dataIndex: 'orderNo',
|
|
|
|
- minWidth: '40',
|
|
|
|
- align: 'center'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '网点名称',
|
|
|
|
- dataIndex: 'storeName',
|
|
|
|
- minWidth: '40',
|
|
|
|
- align: 'center'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '服务项目',
|
|
|
|
- dataIndex: 'itemName',
|
|
|
|
- minWidth: '40',
|
|
|
|
- align: 'center'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '手机号码',
|
|
|
|
- dataIndex: 'customerMobile',
|
|
|
|
- minWidth: '40',
|
|
|
|
- align: 'center'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '应收(¥)',
|
|
|
|
- dataIndex: 'payableAmount',
|
|
|
|
- minWidth: '40',
|
|
|
|
- align: 'center'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '优惠(¥)',
|
|
|
|
- dataIndex: 'couponAmount',
|
|
|
|
- minWidth: '40',
|
|
|
|
- align: 'center',
|
|
|
|
- scopedSlots: {
|
|
|
|
- customRender: 'couponAmount'
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '实收(¥)',
|
|
|
|
- dataIndex: 'paymentAmount',
|
|
|
|
- minWidth: '40',
|
|
|
|
- align: 'center',
|
|
|
|
- scopedSlots: {
|
|
|
|
- customRender: 'paymentAmount'
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '状态',
|
|
|
|
- dataIndex: 'orderStatus',
|
|
|
|
- minWidth: '40',
|
|
|
|
- align: 'center',
|
|
|
|
- scopedSlots: {
|
|
|
|
- customRender: 'orderStatus'
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '操作',
|
|
|
|
- dataIndex: 'action',
|
|
|
|
- minWidth: '40',
|
|
|
|
- align: 'center',
|
|
|
|
- scopedSlots: {
|
|
|
|
- customRender: 'action'
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
|
|
+ columns: [
|
|
|
|
+ { title: '序号', dataIndex: 'no', width: '60', align: 'center' },
|
|
|
|
+ { title: '订单号', dataIndex: 'orderNo', width: '40', align: 'center' },
|
|
|
|
+ { title: '下单时间', dataIndex: 'orderTime', width: '40', align: 'center' },
|
|
|
|
+ { title: '套餐名称', dataIndex: 'storeName', width: '40', align: 'center' },
|
|
|
|
+ { title: '客户信息', dataIndex: 'customerMobile', width: '40', align: 'center' },
|
|
|
|
+ { title: '应收金额(¥)', dataIndex: 'payableAmount', width: '40', align: 'center' },
|
|
|
|
+ { title: '单据状态', scopedSlots: { customRender: 'orderStatus' }, width: '40', align: 'center' },
|
|
|
|
+ { title: '操作', scopedSlots: { customRender: 'action' }, width: '40', align: 'center' }
|
|
],
|
|
],
|
|
// 加载数据方法 必须为 Promise 对象
|
|
// 加载数据方法 必须为 Promise 对象
|
|
loadData: parameter => {
|
|
loadData: parameter => {
|
|
this.searchForm.beginDate == null ? this.searchForm.beginDate = getDate.getToday().starttime : null
|
|
this.searchForm.beginDate == null ? this.searchForm.beginDate = getDate.getToday().starttime : null
|
|
this.searchForm.endDate == null ? this.searchForm.endDate = getDate.getToday().endtime : null
|
|
this.searchForm.endDate == null ? this.searchForm.endDate = getDate.getToday().endtime : null
|
|
- this.searchForm.storeIdList = this.storeId
|
|
|
|
- return orderCenterList(Object.assign(parameter, this.searchForm)).then(res => {
|
|
|
|
- // console.log(res,'0000000000000000000')
|
|
|
|
|
|
+ return storeList(Object.assign(parameter, this.searchForm)).then(res => {
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
- return res.data
|
|
|
|
|
|
+ const no = (res.data.pageNo - 1) * res.data.pageSize
|
|
|
|
+ for (let i = 0; i < res.data.list.length; i++) {
|
|
|
|
+ const _item = res.data.list[i]
|
|
|
|
+ _item.no = no + i + 1
|
|
|
|
+ }
|
|
this.getTotal()
|
|
this.getTotal()
|
|
|
|
+ return res.data
|
|
}
|
|
}
|
|
})
|
|
})
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ nowBeginDate: '' // 下单时间 当前操作的开始时间
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
moment,
|
|
moment,
|
|
|
|
+ calendarChange (date, dateStrings) {
|
|
|
|
+ if (date[0]) {
|
|
|
|
+ this.nowBeginDate = date[0].format('YYYY-MM-DD')
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ // 不可选日期
|
|
|
|
+ disabledDate (date, dateStrings) {
|
|
|
|
+ if (this.nowBeginDate) { // 有下单时间开始时间时
|
|
|
|
+ const bVal = this.getThreeMonthsAfter(this.nowBeginDate, -3) // 三个月前时间戳
|
|
|
|
+ const eVal = this.getThreeMonthsAfter(this.nowBeginDate, 3) // 三个月后时间戳
|
|
|
|
+ if (Date.now() < eVal) { // 当前日期距起始日期不足三个月
|
|
|
|
+ return date && date.valueOf() < bVal || date && date.valueOf() > Date.now()
|
|
|
|
+ } else {
|
|
|
|
+ return date && date.valueOf() < bVal || date && date.valueOf() > eVal
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ return date && date.valueOf() > Date.now()
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ // 获取month个月后的时间戳
|
|
|
|
+ getThreeMonthsAfter (dtstr, month) {
|
|
|
|
+ var s = dtstr.split('-')
|
|
|
|
+ var yy = parseInt(s[0])
|
|
|
|
+ var mm = parseInt(s[1])
|
|
|
|
+ var dd = parseInt(s[2])
|
|
|
|
+ var dt = new Date(yy, mm + Number(month) - 1, dd)
|
|
|
|
+ return dt.valueOf()
|
|
|
|
+ },
|
|
|
|
+ // 购买套餐
|
|
|
|
+ goBuy () {
|
|
|
|
+ this.$router.push({ path: '/SetmealSales/BuySetmeal' })
|
|
|
|
+ },
|
|
// 创建时间change
|
|
// 创建时间change
|
|
onChange (dates, dateStrings) {
|
|
onChange (dates, dateStrings) {
|
|
if ((dates, dateStrings)) {
|
|
if ((dates, dateStrings)) {
|
|
this.searchForm.beginDate = dateStrings[0]
|
|
this.searchForm.beginDate = dateStrings[0]
|
|
this.searchForm.endDate = dateStrings[1]
|
|
this.searchForm.endDate = dateStrings[1]
|
|
|
|
+ this.nowBeginDate = this.searchForm.beginDate
|
|
}
|
|
}
|
|
- console.log(this.searchForm.beginDate, this.searchForm.endDate)
|
|
|
|
},
|
|
},
|
|
// 获取服务项目数据
|
|
// 获取服务项目数据
|
|
getItemListData () {
|
|
getItemListData () {
|
|
@@ -242,7 +192,6 @@ export default {
|
|
pageNo: 1,
|
|
pageNo: 1,
|
|
pageSize: 1000
|
|
pageSize: 1000
|
|
}).then(res => {
|
|
}).then(res => {
|
|
- // console.log(res, '-----------')
|
|
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
this.itemOptionData = res.data.list || []
|
|
this.itemOptionData = res.data.list || []
|
|
} else {
|
|
} else {
|
|
@@ -256,7 +205,6 @@ export default {
|
|
pageNo: 1,
|
|
pageNo: 1,
|
|
pageSize: 1000
|
|
pageSize: 1000
|
|
}).then(res => {
|
|
}).then(res => {
|
|
- // console.log(res, '-----------')
|
|
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
this.storeOptionData = res.data.list || []
|
|
this.storeOptionData = res.data.list || []
|
|
} else {
|
|
} else {
|
|
@@ -292,26 +240,14 @@ export default {
|
|
this.openDetailModal = true
|
|
this.openDetailModal = true
|
|
this.detailId = record.id
|
|
this.detailId = record.id
|
|
},
|
|
},
|
|
- // 退款---暂不做
|
|
|
|
- // refund(row) {
|
|
|
|
- // const _this = this
|
|
|
|
- // this.$confirm({
|
|
|
|
- // title: '警告',
|
|
|
|
- // content: '确认退款后 款项将通过原渠道退回 且不可撤回,确认退款?',
|
|
|
|
- // okText: '确定',
|
|
|
|
- // cancelText: '取消',
|
|
|
|
- // // onOk() {
|
|
|
|
- //
|
|
|
|
- // // }
|
|
|
|
- // })
|
|
|
|
- // },
|
|
|
|
// 查询
|
|
// 查询
|
|
handleSearch () {
|
|
handleSearch () {
|
|
this.$refs.table.refresh()
|
|
this.$refs.table.refresh()
|
|
this.getTotal()
|
|
this.getTotal()
|
|
},
|
|
},
|
|
// 重置
|
|
// 重置
|
|
- handleRest () {
|
|
|
|
|
|
+ handleReset () {
|
|
|
|
+ this.nowBeginDate = getDate.getToday().starttime
|
|
this.searchForm.beginDate = getDate.getToday().starttime
|
|
this.searchForm.beginDate = getDate.getToday().starttime
|
|
this.searchForm.endDate = getDate.getToday().endtime
|
|
this.searchForm.endDate = getDate.getToday().endtime
|
|
this.time = [
|
|
this.time = [
|
|
@@ -366,38 +302,47 @@ export default {
|
|
beforeRouteEnter (to, from, next) {
|
|
beforeRouteEnter (to, from, next) {
|
|
next(vm => {
|
|
next(vm => {
|
|
vm.getItemListData()
|
|
vm.getItemListData()
|
|
- vm.handleRest()
|
|
|
|
|
|
+ vm.handleReset()
|
|
vm.getStoreListData()
|
|
vm.getStoreListData()
|
|
})
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style lang="less">
|
|
<style lang="less">
|
|
- .orderCenter-searchForm {
|
|
|
|
-
|
|
|
|
- // 搜索框的下间距
|
|
|
|
- .ant-form-item {
|
|
|
|
- margin-bottom: 10px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .export-btn{
|
|
|
|
- background-color: #ff9900;
|
|
|
|
- border-color: #ff9900;
|
|
|
|
- color: #fff;
|
|
|
|
- margin-left: 10px;
|
|
|
|
|
|
+ .purchasedSetmeal-wrap{
|
|
|
|
+ .purchasedSetmeal-searchForm {
|
|
|
|
+ // 搜索框的下间距
|
|
|
|
+ .ant-form-item {
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ }
|
|
|
|
+ .handle-btn{
|
|
|
|
+ margin-top: 4px;
|
|
|
|
+ }
|
|
|
|
+ .serach-btn{
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+ }
|
|
|
|
+ .export-btn{
|
|
|
|
+ background-color: #ff9900;
|
|
|
|
+ border-color: #ff9900;
|
|
|
|
+ color: #fff;
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .table-operator{
|
|
|
|
+ margin: 18px 0 30px;
|
|
|
|
+ }
|
|
|
|
+ // 合计
|
|
|
|
+ .total {
|
|
|
|
+ margin: 15px 0 25px;
|
|
|
|
+ width: 100%;
|
|
|
|
+ background-color: #e6f7ff;
|
|
|
|
+ border: 1px solid #91d5ff;
|
|
|
|
+ padding: 8px 15px 8px 27px;
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ .iconImg {
|
|
|
|
+ color: #1890FF;
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- // 合计
|
|
|
|
- .total {
|
|
|
|
- margin: 15px 0 25px;
|
|
|
|
- width: 100%;
|
|
|
|
- background-color: #e6f7ff;
|
|
|
|
- border: 1px solid #91d5ff;
|
|
|
|
- padding: 8px 15px 8px 27px;
|
|
|
|
- border-radius: 4px;
|
|
|
|
-
|
|
|
|
- .iconImg {
|
|
|
|
- color: #1890FF;
|
|
|
|
- margin-right: 10px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
</style>
|
|
</style>
|