Skip to content

M
mingPayPc
Commit 9eb47e07 by liang ce
Options

修改es报错

parents 7796486c 3cacfdf4
Showing with 376 additions and 191 deletions
.env.test 0 → 100644
NODE_ENV = 'test'
VUE_APP_API_URL = 'https://gateway-beta.mingwork.com'
\ No newline at end of file
.gitignore
.DS_Store .DS_Store
node_modules node_modules
dist dist
<<<<<<< HEAD
=======
>>>>>>> ISV
# local env files # local env files
.env.local .env.local
.env.*.local .env.*.local
......
package.json
...@@ -7,12 +7,14 @@ ...@@ -7,12 +7,14 @@
"devserve": "vue-cli-service serve --model development", "devserve": "vue-cli-service serve --model development",
"build": "vue-cli-service build", "build": "vue-cli-service build",
"probuild": "vue-cli-service build --mode production", "probuild": "vue-cli-service build --mode production",
"test": "vue-cli-service build --mode test",
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
}, },
"dependencies": { "dependencies": {
"ant-design-vue": "^1.3.8", "ant-design-vue": "^1.3.8",
"core-js": "^2.6.5", "core-js": "^2.6.5",
"dingtalk-jsapi": "^2.6.44", "dingtalk-jsapi": "^2.6.44",
"echarts": "^4.5.0",
"vue": "^2.6.10", "vue": "^2.6.10",
"vue-router": "^3.0.3", "vue-router": "^3.0.3",
"vuex": "^3.0.1" "vuex": "^3.0.1"
......
src/api/axios.js
...@@ -14,7 +14,7 @@ axios.interceptors.request.use((config) => { ...@@ -14,7 +14,7 @@ axios.interceptors.request.use((config) => {
} else { } else {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
refreshToken().then((res) => { refreshToken().then((res) => {
console.log('res', res); console.log('res', res)
}).catch((err) => { }).catch((err) => {
console.log(err) console.log(err)
}) })
......
src/api/config.js
...@@ -54,7 +54,7 @@ const config = { ...@@ -54,7 +54,7 @@ const config = {
let isRefreshToken = new Date().getTime() - localStorage.getItem(`start_time_${localStorage.getItem('orgId')}`) < localStorage.getItem(`expires_in_${localStorage.getItem('orgId')}`) - 5 * 60 * 1000 let isRefreshToken = new Date().getTime() - localStorage.getItem(`start_time_${localStorage.getItem('orgId')}`) < localStorage.getItem(`expires_in_${localStorage.getItem('orgId')}`) - 5 * 60 * 1000
if (localStorage.getItem(`access_token_${localStorage.getItem('orgId')}`) && isRefreshToken) { if (localStorage.getItem(`access_token_${localStorage.getItem('orgId')}`) && isRefreshToken) {
resolve('ok') resolve('ok')
} else if (localStorage.getItem('refresh_token')) { } else if (localStorage.getItem(`refresh_token_${localStorage.getItem('orgId')}`)) {
refreshToken().then((res) => { refreshToken().then((res) => {
if (res === 'ok') { if (res === 'ok') {
resolve('ok') resolve('ok')
......
src/api/generateOrRefreshToken.js
...@@ -18,6 +18,8 @@ instance.interceptors.response.use(res => { ...@@ -18,6 +18,8 @@ instance.interceptors.response.use(res => {
router.push({ router.push({
path: '/noPermission' path: '/noPermission'
}) })
} else {
resolve('ok')
} }
}) })
} }
...@@ -106,11 +108,11 @@ function getToken () { ...@@ -106,11 +108,11 @@ function getToken () {
} }
// 刷新token接口 // 刷新token接口
function refreshToken () { function refreshToken () {
let loginData = qs.stringify({
refresh_token: localStorage.getItem(`refresh_token_${localStorage.getItem('orgId')}`),
grant_type: 'refresh_token'
})
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
let loginData = qs.stringify({
refresh_token: localStorage.getItem(`refresh_token_${localStorage.getItem('orgId')}`),
grant_type: 'refresh_token'
})
instance.post(`${BASE_URL}/auth/oauth/token`, loginData, { instance.post(`${BASE_URL}/auth/oauth/token`, loginData, {
headers: { headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
...@@ -122,9 +124,8 @@ function refreshToken () { ...@@ -122,9 +124,8 @@ function refreshToken () {
localStorage.setItem(`expires_in_${localStorage.getItem('orgId')}`, response.data.expires_in * 1000) localStorage.setItem(`expires_in_${localStorage.getItem('orgId')}`, response.data.expires_in * 1000)
localStorage.setItem(`start_time_${localStorage.getItem('orgId')}`, new Date().getTime()) localStorage.setItem(`start_time_${localStorage.getItem('orgId')}`, new Date().getTime())
resolve('ok') resolve('ok')
}).catch((err) => { }).catch(() => {
console.log('refreshToken', err) resolve('ok')
resolve(err)
}) })
}) })
} }
......
src/components/pages/PaymentManagement/SystemReconciliation.vue
<template> <template>
<div class="SystemReconciliation"> <div class="SystemReconciliation">
<div class="searchBox"> <div class="searchBox">
<a-date-picker <a-select allowClear placeholder="请选择年" v-model="year" style="width: 120px" @change="handleChange">
:disabledDate="disabledStartDate" <a-select-option v-for="item in yearList" :key="item" :value="item">{{item}}年</a-select-option>
format="YYYY-MM-DD" </a-select>
v-model="startValue" <a-select allowClear placeholder="请选择月" v-model="month" style="width: 120px;margin-left: 10px" @change="handleChange">
placeholder="开始日期" <a-select-option v-for="item in 12" :key="item" :value="item">{{item}}月</a-select-option>
@change="onChangeStartValue" </a-select>
@openChange="handleStartOpenChange" <a-button type="primary" @click="init">查询</a-button>
/>
～
<a-date-picker
:disabledDate="disabledEndDate"
format="YYYY-MM-DD"
placeholder="结束日期"
@change="onChangeEndValue"
v-model="endValue"
:open="endOpen"
@openChange="handleEndOpenChange"
/>
<a-button type="primary" @click="getAccountCheck">查询</a-button>
</div> </div>
<div class="title">账单汇总</div> <div class="title">账单汇总</div>
<div class="SystemReconciliationContent"> <div style="width: 100%;overflow-x:scroll">
<div class="contentItem"> <div id="rechargeLine" :style="{width: '100%', height: '300px'}"></div>
<div class="title"> </div>
充值金额 <div style="width: 100%;overflow-x:scroll">
</div> <div id="subsidyList" :style="{width: '100%', height: '300px'}"></div>
<div> </div>
<p><label>现金：</label>¥{{systemReconciliationDetails.internalRechargeAmount || '0.00'}}</p> <div style="width: 100%;overflow-x:scroll">
<p><label>支付宝：</label>¥{{systemReconciliationDetails.externalRechargeAmount || '0.00'}}</p> <div id="consumeLine" :style="{width: '100%', height: '300px'}"></div>
</div>
<div><p>共计：<span>¥{{ returnRechargeAmount() }}</span></p></div>
</div>
<div class="contentItem">
<div class="title">
发放津贴
</div>
<div>
<p v-for=" item in systemReconciliationDetails.subsidyCheck" :key="item.sceneType"><label>{{ item.sceneType === 'TRAVEL' ? '交通补助' : '餐补' }}：</label>¥{{ item.amount || '0.00' }}</p>
</div>
<div><p>共计：<span>¥{{ returnSubsidyCheckTotal() }}</span></p></div>
</div>
<div class="contentItem">
<div class="title">
消费金额
</div>
<div class="recordsBox">
<div v-for="item in systemReconciliationDetails.consumeCheck" :key="item.sceneType">
<div>{{ item.sceneType === 'TRAVEL' ? '交通消费' : '用餐消费' }}：</div>
<div>
<p>现金：¥{{ item.realityAmount || '0.00' }}</p>
<p>津贴：¥{{ item.subsidyAmount || '0.00' }}</p>
</div>
</div>
</div>
<div>
<p>共计：<span>¥{{ returnConsumeCheck('total') }}</span></p>
<p>津贴总消费：<span>¥{{ returnConsumeCheck('subsidyAmount') }}</span></p>
<p>现金总消费：<span>¥{{ returnConsumeCheck('realityAmount') }}</span></p>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { $http } from './../../../api/axios.js' import { $http } from './../../../api/axios.js'
import moment from 'moment'
export default { export default {
name: 'systemReconciliation', name: 'systemReconciliation',
data () { data () {
return { return {
startTime: '', year: '',
endTime: '', month: '',
startValue: null, SubsidyListDataList: [],
endValue: null, ConsumeDataList: [],
endOpen: false, RechargeDataList: [],
systemReconciliationDetails: {} yearList: [],
lineWidth: []
} }
}, },
created () { created () {
let date = new Date() let thisYear = new Date().getFullYear()
let year = date.getFullYear() for (let i = 2018; i <= thisYear; i++) {
let month = date.getMonth() + 1 this.yearList.push(i)
let day = (new Date(year, month, 0).getDate().toString()).length > 1 ? new Date(year, month, 0).getDate() : '0' + new Date(year, month, 0).getDate() }
this.startTime = `${year}-${month.toString().length > 1 ? month : '0' + month}-01` this.year = new Date().getFullYear()
this.endTime = `${year}-${month.toString().length > 1 ? month : '0' + month}-${day}` this.month = new Date().getMonth() + 1
this.startValue = this.moment(`${year}-${month.toString().length > 1 ? month : '0' + month}-01`, 'YYYY-MM-DD') this.init()
this.endValue = this.moment(`${year}-${month.toString().length > 1 ? month : '0' + month}-${day}`, 'YYYY-MM-DD') },
this.getAccountCheck() mounted () {
// this.drawLine()
}, },
methods: { methods: {
moment, init () {
disabledStartDate (startValue) { if (!this.year) {
const endValue = this.endValue this.$message.success('请选择年份')
if (!startValue || !endValue) { return
return false
} }
return startValue.valueOf() > endValue.valueOf() || startValue.valueOf() >= moment().endOf('day').valueOf() this.getStatisticsSubsidyData()
this.getStatisticsConsumeData()
this.getStatisticsRechargeData()
}, },
disabledEndDate (endValue) { drawSubsidyListDataLine () {
const startValue = this.startValue // 基于准备好的dom，初始化echarts实例
if (!endValue || !startValue) { let myChart = this.$echarts.init(document.getElementById('subsidyList'))
return false // 绘制图表
} let xAxisData = []
return startValue.valueOf() > endValue.valueOf() || endValue.valueOf() > moment().endOf('day').valueOf() let data1 = []
}, let data2 = []
handleStartOpenChange (open) { this.SubsidyListDataList.map(item => {
if (!open) { xAxisData.push(parseInt(item.abscissaKey))
this.endOpen = true if (item.sceneTypeTotalAmountMap !== null) {
} data1.push(item.sceneTypeTotalAmountMap.MEAl ? item.sceneTypeTotalAmountMap.MEAl : 0)
data2.push(item.sceneTypeTotalAmountMap.TRAVEL ? item.sceneTypeTotalAmountMap.TRAVEL : 0)
} else {
data1.push(0)
data2.push(0)
}
})
myChart.setOption({
title: { text: '发放津贴金额' },
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
data: ['餐补津贴', '交通津贴']
},
xAxis: {
data: xAxisData
},
yAxis: {},
series: [{
name: '餐补津贴',
type: 'bar',
data: data1
}, {
name: '交通津贴',
type: 'bar',
data: data2
}]
})
}, },
handleEndOpenChange (open) { drawRechargeListDataLine () {
this.endOpen = open // 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById('rechargeLine'))
// 绘制图表
let xAxisData = []
let data1 = []
let data2 = []
this.RechargeDataList.map(item => {
xAxisData.push(parseInt(item.abscissaKey))
data1.push(item.internalRechargeAmount ? item.internalRechargeAmount : 0)
data2.push(item.externalRechargeAmount ? item.externalRechargeAmount : 0)
})
myChart.setOption({
title: { text: '充值金额' },
legend: {
data: ['支付宝充值', '现金充值']
},
grid: {
left: '10%'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
data: xAxisData
},
yAxis: {},
series: [{
name: '支付宝充值',
type: 'bar',
data: data1
}, {
name: '现金充值',
type: 'bar',
data: data2
}]
})
}, },
onChangeStartValue (date, dateString) { drawConsumeListDataLine () {
this.startTime = dateString // 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById('consumeLine'))
// 绘制图表
let xAxisData = []
let data1 = []
let data2 = []
let data3 = []
this.ConsumeDataList.map(item => {
xAxisData.push(parseInt(item.abscissaKey))
data1.push(item.internalConsumeRealityAmount ? item.internalConsumeRealityAmount : 0)
data2.push(item.internalConsumeSubsidyAmount ? item.internalConsumeSubsidyAmount : 0)
data3.push(item.externalConsumeRealityAmount ? item.externalConsumeRealityAmount : 0)
})
// internalConsumeRealityAmount 员工现金
// internalConsumeSubsidyAmount 津贴
// externalConsumeRealityAmount 访客消费
myChart.setOption({
title: { text: '消费金额' },
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
data: xAxisData
},
legend: {
data: ['员工现金消费', '员工津贴消费', '访客消费']
},
yAxis: {},
series: [{
name: '员工现金消费',
type: 'bar',
data: data1
}, {
name: '员工津贴消费',
type: 'bar',
data: data2
}, {
name: '访客消费',
type: 'bar',
data: data3
}]
})
}, },
onChangeEndValue (date, dateString) { handleChange (value) {
this.endTime = dateString console.log(`selected ${value}`)
}, },
returnConsumeCheck (str) { getStatisticsSubsidyData () {
let totalNum = 0 let that = this
if (this.systemReconciliationDetails.consumeCheck) { let SubsidyListData = {
if (str === 'realityAmount') { year: this.year,
this.systemReconciliationDetails.consumeCheck.map(item => { month: this.month
let realityAmountNum = item.realityAmount ? item.realityAmount : 0
totalNum = totalNum + parseFloat(realityAmountNum)
})
return totalNum.toFixed(2)
} else if (str === 'subsidyAmount') {
this.systemReconciliationDetails.consumeCheck.map(item => {
let subsidyAmountNum = item.subsidyAmount ? item.subsidyAmount : 0
totalNum = totalNum + parseFloat(subsidyAmountNum)
})
return totalNum.toFixed(2)
} else if (str === 'total') {
this.systemReconciliationDetails.consumeCheck.map(item => {
let orderAmountNum = item.orderAmount ? item.orderAmount : 0
totalNum = totalNum + parseFloat(orderAmountNum)
})
return totalNum.toFixed(2)
}
} else {
return '0.00'
} }
$http.get(`/mingpay/v1/isv/account/statisticsSubsidy`, SubsidyListData).then((res) => {
if (res.data.resultCode === 0) {
that.SubsidyListDataList = res.data.data
that.drawSubsidyListDataLine()
} else {
this.$message.error(res.data.message)
}
})
}, },
returnSubsidyCheckTotal () { getStatisticsConsumeData () {
let totalNum = 0 let that = this
if (this.systemReconciliationDetails.subsidyCheck) { let ConsumeData = {
this.systemReconciliationDetails.subsidyCheck.map(item => { year: this.year,
let amountNum = item.amount ? item.amount : 0 month: this.month
totalNum = totalNum + parseFloat(amountNum)
})
return totalNum.toFixed(2)
} else {
return '0.00'
} }
$http.get(`/mingpay/v1/isv/account/statisticsConsume`, ConsumeData).then((res) => {
console.log(res.data.data)
if (res.data.resultCode === 0) {
that.ConsumeDataList = res.data.data
that.drawConsumeListDataLine()
} else {
this.$message.error(res.data.message)
}
})
}, },
returnRechargeAmount () { getStatisticsRechargeData () {
let internalRechargeAmount = this.systemReconciliationDetails.internalRechargeAmount || 0 let that = this
let externalRechargeAmount = this.systemReconciliationDetails.externalRechargeAmount || 0 let RechargeData = {
let totalNum = parseFloat(internalRechargeAmount) + parseFloat(externalRechargeAmount) year: this.year,
return totalNum.toFixed(2) month: this.month
},
getAccountCheck () {
let SubsidyListData = {
startTime: this.startTime,
endTime: this.endTime
} }
$http.get(`/mingpay/v1/isv/account/accountCheck`, SubsidyListData).then((res) => { $http.get(`/mingpay/v1/isv/account/statisticsRecharge`, RechargeData).then((res) => {
console.log(res.data.data) console.log(res.data.data)
if (res.data.resultCode === 0) { if (res.data.resultCode === 0) {
this.systemReconciliationDetails = res.data.data that.RechargeDataList = res.data.data
that.drawRechargeListDataLine()
} else { } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
......
src/components/pages/VisitorManagement/HistoricalVisitors.vue
...@@ -21,18 +21,86 @@ ...@@ -21,18 +21,86 @@
:open="endOpen" :open="endOpen"
@openChange="handleEndOpenChange" @openChange="handleEndOpenChange"
/> />
<a-button type="primary" @click="getStatisticalProductPage">查询</a-button> <a-button type="primary" @click="queryRecordList">查询</a-button>
</div> </div>
<!-- <a-table :columns="columns" :dataSource="dataSource" rowKey="productId" :pagination="pagination" @change="handleTableChange"> <a-table :columns="columns" :dataSource="dataSource" style="margin-top: 20px;" rowKey="recordId" :pagination="pagination" @change="handleTableChange">
<span slot="productIcon" slot-scope="productIcon"> <span slot="visitorList" slot-scope="visitorList">
<img style="width: 100px" :src="productIcon" alt="" /> <span v-for="(item, index) in visitorList" :key="item.visitorId">
{{ index === visitorList.length - 1 ? item.name : `${item.name}，`}}
</span>
</span> </span>
<span slot="productName"></span> <span slot="companyName"></span>
<span slot="productPrice" slot-scope="productPrice"> <span slot="purpose"></span>
{{ productPrice.toFixed(2) }} <span slot="byVisitorName"></span>
<span slot="startTime" slot-scope="startTime, record">
{{ startTime }} - {{ record.endTime }}
</span> </span>
<span slot="productStatisticalQuantity"></span> <span slot="processStatus" slot-scope="processStatus">
</a-table> --> {{processStatus === 'invite' ? '已邀请' : processStatus === 'reach' ? '已接待' : '已取消'}}
</span>
<span slot="byVisitorName"></span>
<span slot="action" slot-scope="text, record">
<a @click="showModal(record)">查看详情</a>
</span>
</a-table>
<a-modal v-model="visible" title="访客详情" :footer="null">
<div class="recordDetails">
<div>
<label>到访情况</label>
<div>{{showModalData.processStatus === 'invite' ? '已邀请' : showModalData.processStatus === 'reach' ? '已接待' : '已取消'}}</div>
</div>
<div>
<label>主访客</label>
<div>{{showModalData.visitorName}} {{showModalData.mobile}}</div>
</div>
<div>
<label>随行访客</label>
<div v-if="showModalData.visitorList1 && showModalData.visitorList1.length !== 1">
<p v-for="item in showModalData.visitorList1" :key="item.visitorId" v-show="item.mobile !== showModalData.mobile">{{item.name}} {{item.mobile}}</p>
</div>
<div v-else>
暂无
</div>
</div>
<div>
<label>访客公司</label>
<div>{{showModalData.companyName ? showModalData.companyName : '暂无'}}</div>
</div>
<div>
<label>被约时间</label>
<div>{{showModalData.inviteTime}}</div>
</div>
<div>
<label>被访人</label>
<div>{{showModalData.byVisitorName}}</div>
</div>
<div>
<label>开始时间</label>
<div>{{showModalData.startTime}}</div>
</div>
<div>
<label>结束时间</label>
<div>{{showModalData.endTime}}</div>
</div>
<div>
<label>来访目的</label>
<div>{{showModalData.purpose}}</div>
</div>
<div>
<label>到访地址</label>
<div>{{showModalData.visitAddress}}</div>
</div>
<div>
<label>周知人员</label>
<div v-if="showModalData.participatorUserList && showModalData.participatorUserList.length === 0">暂无</div>
<div v-else><span v-for="item in showModalData.participatorUserList" :key="item.ddUserId" style="margin-right: 10px;">{{item.username}}</span></div>
</div>
<div>
<label>备注</label>
<div>{{showModalData.remark}}</div>
</div>
</div>
</a-modal>
</div> </div>
</template> </template>
...@@ -58,31 +126,51 @@ export default { ...@@ -58,31 +126,51 @@ export default {
total: 0 total: 0
}, },
columns: [{ columns: [{
title: '产品图', title: '访客姓名',
dataIndex: 'productIcon', dataIndex: 'visitorList',
scopedSlots: { customRender: 'productIcon' } scopedSlots: { customRender: 'visitorList' },
width: '90px'
}, {
title: '访客单位',
dataIndex: 'companyName'
}, {
title: '来访目的',
dataIndex: 'purpose'
}, {
title: '被访人',
dataIndex: 'byVisitorName'
}, { }, {
title: '菜名', title: '被约时间',
dataIndex: 'productName' dataIndex: 'startTime',
scopedSlots: { customRender: 'startTime' }
}, { }, {
title: '售出(份数)', title: '状态',
dataIndex: 'productStatisticalQuantity' dataIndex: 'processStatus',
scopedSlots: { customRender: 'processStatus' }
}, {
title: '操作',
dataIndex: 'action',
scopedSlots: { customRender: 'action' }
}], }],
dataSource: [] dataSource: [],
showModalData: {},
visible: false
} }
}, },
created () { created () {
let date = new Date()
let year = date.getFullYear()
let month = date.getMonth() + 1
let day = (new Date(year, month, 0).getDate().toString()).length > 1 ? new Date(year, month, 0).getDate() : '0' + new Date(year, month, 0).getDate()
this.startTime = `${year}-${month.toString().length > 1 ? month : '0' + month}-01`
this.endTime = `${year}-${month.toString().length > 1 ? month : '0' + month}-${day}`
this.startValue = this.moment(`${year}-${month.toString().length > 1 ? month : '0' + month}-01`, 'YYYY-MM-DD')
this.endValue = this.moment(`${year}-${month.toString().length > 1 ? month : '0' + month}-${day}`, 'YYYY-MM-DD')
this.queryRecordList() this.queryRecordList()
}, },
methods: { methods: {
showModal (record) {
this.showModalData = record
this.visible = true
},
// handleOk (e) {
// this.visible = false
// },
// handleCancel (e) {
// this.visible = false
// },
moment, moment,
disabledStartDate (startValue) { disabledStartDate (startValue) {
const endValue = this.endValue const endValue = this.endValue
...@@ -114,14 +202,16 @@ export default { ...@@ -114,14 +202,16 @@ export default {
}, },
queryRecordList () { queryRecordList () {
let RecordListData = { let RecordListData = {
startTime: `${this.startTime} 00:00:00`, visitorName: this.visitorName,
endTime: `${this.endTime} 23:59:59`, byVisitorName: this.byVisitorName,
startTime: this.startTime ? `${this.startTime} 00:00:00` : '',
endTime: this.endTime ? `${this.endTime} 23:59:59` : '',
pageNumber: 10, pageNumber: 10,
currentPage: this.pagination.current currentPage: this.pagination.current
} }
$http.post(`/admin/visitor/queryRecordList`, RecordListData).then((res) => { $http.post(`/admin/visitor/getRecordList`, RecordListData).then((res) => {
if (res.data.resultCode === 0) { if (res.data.code === 0) {
this.dataSource = res.data.data.list this.dataSource = res.data.data.records
this.pagination.total = res.data.data.total this.pagination.total = res.data.data.total
} else { } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
...@@ -149,4 +239,15 @@ export default { ...@@ -149,4 +239,15 @@ export default {
.searchBox input{ .searchBox input{
margin-right: 20px; margin-right: 20px;
} }
.recordDetails>div{
width: 100%;
display: flex;
margin: 10px;
}
.recordDetails>div label {
width: 120px;
font-weight: bolder;
margin-right: 10px;
text-align: right;
}
</style> </style>
src/components/pages/VisitorManagement/VisitorSetting.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="visitorSetting"> <div class="visitorSetting">
<div class="title">新增到访目的</div> <div class="title">新增到访目的</div>
<div class="purposeList"> <div class="purposeList">
<a-input placeholder="请输入来访目的" v-model="addtags" style="width: 320px;margin-right:20px"/> <a-input placeholder="请输入来访目的" maxlength="20" v-model="addtags" style="width: 320px;margin-right:20px"/>
<a-button type="primary" @click="savePurpose">保存</a-button> <a-button type="primary" @click="savePurpose">保存</a-button>
<div class="purposeListContent"> <div class="purposeListContent">
<template v-for="item in tagsData"> <template v-for="item in tagsData">
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
<a-input <a-input
v-decorator="[ v-decorator="[
'address', 'address',
{ rules: [{ required: true, message: '请填写省/市/街道' }] }, { rules: [{ required: true, message: '请填写省/市/街道' }, { max: 120, message: '最大长度为120字符' } ]},
]" ]"
placeholder="请填写省/市/街道" placeholder="请填写省/市/街道"
/> />
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
<a-textarea <a-textarea
v-decorator="[ v-decorator="[
'addressDetail', 'addressDetail',
{ rules: [{ required: true, message: '请输入详细地址信息，如道路、楼栋号、单位、门牌号等' }] }, { rules: [{ required: true, message: '请输入详细地址信息，如道路、楼栋号、单位、门牌号等' }, { max: 120, message: '最大长度为120字符' } ]},
]" ]"
placeholder="请输入详细地址信息，如道路、楼栋号、单位、门牌号等" placeholder="请输入详细地址信息，如道路、楼栋号、单位、门牌号等"
/> />
...@@ -197,12 +197,21 @@ export default { ...@@ -197,12 +197,21 @@ export default {
}) })
}, },
deleteAddress (id) { deleteAddress (id) {
let removeData = { let that = this
addressId: id this.$confirm({
} title: '删除到访地址',
$http.delete(`/admin/address/remove`, removeData).then((res) => { content: '确认删除该删除到访地址么？',
if (res.data.code === 0) { okText: '确定',
this.queryAddressList() cancelText: '取消',
onOk () {
let removeData = {
addressId: id
}
$http.delete(`/admin/address/remove`, removeData).then((res) => {
if (res.data.code === 0) {
that.queryAddressList()
}
})
} }
}) })
}, },
...@@ -224,6 +233,7 @@ export default { ...@@ -224,6 +233,7 @@ export default {
$http.post(`/admin/address/save`, saveData).then((res) => { $http.post(`/admin/address/save`, saveData).then((res) => {
if (res.data.code === 0) { if (res.data.code === 0) {
this.checkNick = false this.checkNick = false
this.form.resetFields()
this.queryAddressList() this.queryAddressList()
} }
}) })
......
src/main.js
...@@ -6,6 +6,7 @@ import { Upload, Menu, Layout, Checkbox, Breadcrumb, Popover, Icon, Button, Date ...@@ -6,6 +6,7 @@ import { Upload, Menu, Layout, Checkbox, Breadcrumb, Popover, Icon, Button, Date
import 'ant-design-vue/dist/antd.css' import 'ant-design-vue/dist/antd.css'
import { config } from './api/config' import { config } from './api/config'
import './assets/css/global.css' import './assets/css/global.css'
import echarts from 'echarts'
Vue.use(Layout) Vue.use(Layout)
Vue.use(Upload) Vue.use(Upload)
...@@ -32,8 +33,10 @@ Vue.use(Input.TextArea) ...@@ -32,8 +33,10 @@ Vue.use(Input.TextArea)
Vue.use(message) Vue.use(message)
Vue.use(Pagination) Vue.use(Pagination)
Vue.config.productionTip = false Vue.config.productionTip = false
Vue.prototype.$confirm = Modal.confirm Vue.prototype.$confirm = Modal.confirm
Vue.prototype.$message = message Vue.prototype.$message = message
Vue.prototype.$echarts = echarts
router.beforeEach(function (to, from, next) { router.beforeEach(function (to, from, next) {
// 项目初始化进行鉴权 // 项目初始化进行鉴权
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment