CRM_26-07-21#story#9039,服务商在调度端App与系统中能变更基础信息及对应区域经理审核功能增加
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
<van-nav-bar
|
||||
title="供应商时段电话"
|
||||
left-arrow
|
||||
@click-left="goBack"
|
||||
@click-left="onNavBack"
|
||||
fixed
|
||||
placeholder
|
||||
class="nav-bar"
|
||||
@@ -29,7 +29,7 @@
|
||||
<div v-for="(item, index) in phoneList" :key="index" class="time-card" @click="goEdit(index)">
|
||||
<div class="card-head">
|
||||
<span class="period">{{ item.startTime }} — {{ item.endTime }}</span>
|
||||
<div class="ops" @click.stop>
|
||||
<div class="ops" @click.stop v-if="!inApproval">
|
||||
<span class="op-edit" @click="goEdit(index)">编辑</span>
|
||||
<span class="op-del" @click="deleteItem(index)">删除</span>
|
||||
</div>
|
||||
@@ -107,17 +107,12 @@ export default {
|
||||
}
|
||||
this.loadData()
|
||||
},
|
||||
activated() {
|
||||
// 从编辑页返回时刷新本地草稿
|
||||
if (this.supplierId) {
|
||||
this.loadDraft()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async loadData() {
|
||||
Toast.loading({ message: '加载中...', forbidClick: true, duration: 0 })
|
||||
try {
|
||||
const res = await getSupplierPhoneList({ supplierId: this.supplierId })
|
||||
const result = await getSupplierPhoneList({ supplierId: this.supplierId })
|
||||
const res=result?.data || ''
|
||||
this.supplierName = res?.supplierName || ''
|
||||
this.approvalId = res?.approvalId || null
|
||||
this.approvalState = res?.approvalState || null
|
||||
@@ -127,8 +122,8 @@ export default {
|
||||
this.approvalRemark = res?.approvalRemark || ''
|
||||
|
||||
const cached = this.getCachedDraft()
|
||||
if (cached && cached.approvalId === this.approvalId && cached.approvalState === this.approvalState) {
|
||||
this.phoneList = cached.phoneList || []
|
||||
if (cached && Array.isArray(cached.phoneList)) {
|
||||
this.phoneList = cached.phoneList
|
||||
} else {
|
||||
this.phoneList = res?.phoneList || []
|
||||
this.saveDraft()
|
||||
@@ -139,12 +134,6 @@ export default {
|
||||
Toast.clear()
|
||||
}
|
||||
},
|
||||
loadDraft() {
|
||||
const cached = this.getCachedDraft()
|
||||
if (cached) {
|
||||
this.phoneList = cached.phoneList || []
|
||||
}
|
||||
},
|
||||
visiblePhones(item) {
|
||||
const list = []
|
||||
for (let i = 1; i <= 3; i++) {
|
||||
@@ -176,10 +165,16 @@ export default {
|
||||
}
|
||||
localStorage.setItem(getDraftKey(this.supplierId), JSON.stringify(draft))
|
||||
},
|
||||
onNavBack() {
|
||||
localStorage.removeItem(getDraftKey(this.supplierId))
|
||||
this.goBack()
|
||||
},
|
||||
goAdd() {
|
||||
this.saveDraft()
|
||||
this.goPage('supplierTimePhoneEdit', { supplierId: this.supplierId, index: -1 })
|
||||
},
|
||||
goEdit(index) {
|
||||
this.saveDraft()
|
||||
this.goPage('supplierTimePhoneEdit', { supplierId: this.supplierId, index })
|
||||
},
|
||||
deleteItem(index) {
|
||||
@@ -191,6 +186,40 @@ export default {
|
||||
this.saveDraft()
|
||||
}).catch(() => {})
|
||||
},
|
||||
// 将 HH:mm 转换为分钟数,兼容中英文冒号
|
||||
timeToMinutes(timeStr) {
|
||||
if (!timeStr) return null
|
||||
const normalized = String(timeStr).trim().replace(/:/g, ':')
|
||||
const [h, m] = normalized.split(':').map(Number)
|
||||
if (isNaN(h) || isNaN(m)) return null
|
||||
return h * 60 + m
|
||||
},
|
||||
// 校验时间段:重叠、00:00 开始、23:59 结束、遗漏(允许 1 分钟误差)
|
||||
validateTimePeriods(list) {
|
||||
const periods = list.map(item => ({
|
||||
start: this.timeToMinutes(item.startTime),
|
||||
end: this.timeToMinutes(item.endTime)
|
||||
}))
|
||||
if (periods.some(p => p.start === null || p.end === null)) {
|
||||
return '存在格式不正确的时间段'
|
||||
}
|
||||
periods.sort((a, b) => a.start - b.start)
|
||||
if (periods[0].start !== 0) {
|
||||
return '时间段未从 00:00 开始!'
|
||||
}
|
||||
if (periods[periods.length - 1].end !== 23 * 60 + 59) {
|
||||
return '时间段未到 23:59 结束!'
|
||||
}
|
||||
for (let i = 1; i < periods.length; i++) {
|
||||
if (periods[i].start < periods[i - 1].end) {
|
||||
return '时间段重叠'
|
||||
}
|
||||
if (periods[i].start - periods[i - 1].end > 1) {
|
||||
return '时间段有遗漏'
|
||||
}
|
||||
}
|
||||
return null
|
||||
},
|
||||
async onSubmitClick() {
|
||||
if (this.inApproval) return
|
||||
if (!this.phoneList.length) {
|
||||
@@ -201,6 +230,11 @@ export default {
|
||||
Toast('每条时段电话1均必填')
|
||||
return
|
||||
}
|
||||
const timeError = this.validateTimePeriods(this.phoneList)
|
||||
if (timeError) {
|
||||
Toast(timeError)
|
||||
return
|
||||
}
|
||||
|
||||
Toast.loading({ message: '提交中...', forbidClick: true, duration: 0 })
|
||||
try {
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<van-nav-bar
|
||||
:title="isEdit ? '编辑时段电话' : '新增时段电话'"
|
||||
left-arrow
|
||||
@click-left="goBack"
|
||||
@click-left="h5GoBack"
|
||||
fixed
|
||||
placeholder
|
||||
class="nav-bar"
|
||||
@@ -46,8 +46,6 @@
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<button v-if="isEdit" class="btn btn-del" @click="deleteCurrent">删除本时段</button>
|
||||
<button class="btn btn-cancel" @click="goBack">取消</button>
|
||||
<button class="btn btn-save" @click="save">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -56,18 +54,29 @@
|
||||
<script>
|
||||
import { myMixins } from '@/utils/myMixins'
|
||||
import { isValidPhone, validateTimeRange } from '@/utils/validate'
|
||||
import { Dialog, Toast } from 'vant'
|
||||
import { Toast } from 'vant'
|
||||
|
||||
const DRAFT_KEY_PREFIX = 'supplierTimePhoneDraft_'
|
||||
|
||||
function getSupplierIdFromToken() {
|
||||
const token = localStorage.getItem('token')
|
||||
if (!token) return null
|
||||
try {
|
||||
const payload = JSON.parse(atob(token.split('.')[1]))
|
||||
return payload.supplierId || null
|
||||
} catch (e) {
|
||||
return null
|
||||
}
|
||||
}
|
||||
|
||||
function getDraftKey(supplierId) {
|
||||
return `${DRAFT_KEY_PREFIX}${supplierId}`
|
||||
}
|
||||
|
||||
function emptyRecord() {
|
||||
return {
|
||||
startTime: '00:00',
|
||||
endTime: '23:59',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
phone1: '',
|
||||
phone1Desc: '',
|
||||
phone1WechatId: '',
|
||||
@@ -98,7 +107,7 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.supplierId = this.$route.query.supplierId
|
||||
this.supplierId = this.$route.query.supplierId || getSupplierIdFromToken()
|
||||
this.index = Number(this.$route.query.index)
|
||||
if (Number.isNaN(this.index)) {
|
||||
this.index = -1
|
||||
@@ -108,18 +117,6 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
loadRecord() {
|
||||
try {
|
||||
const raw = localStorage.getItem(getDraftKey(this.supplierId))
|
||||
const draft = raw ? JSON.parse(raw) : null
|
||||
const list = draft?.phoneList || []
|
||||
if (list[this.index]) {
|
||||
this.form = { ...emptyRecord(), ...list[this.index] }
|
||||
}
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
}
|
||||
},
|
||||
validate() {
|
||||
this.periodErr = ''
|
||||
this.phoneErr = ['', '', '']
|
||||
@@ -163,13 +160,36 @@ export default {
|
||||
|
||||
return valid
|
||||
},
|
||||
loadRecord() {
|
||||
const key = getDraftKey(this.supplierId)
|
||||
const raw = localStorage.getItem(key)
|
||||
if (!raw) {
|
||||
Toast('未找到时段数据')
|
||||
this.h5GoBack()
|
||||
return
|
||||
}
|
||||
try {
|
||||
const draft = JSON.parse(raw)
|
||||
const list = draft.phoneList || []
|
||||
if (this.index >= 0 && this.index < list.length) {
|
||||
this.form = { ...list[this.index] }
|
||||
} else {
|
||||
Toast('时段数据不存在')
|
||||
this.h5GoBack()
|
||||
}
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
Toast('数据读取失败')
|
||||
this.h5GoBack()
|
||||
}
|
||||
},
|
||||
save() {
|
||||
if (!this.validate()) return
|
||||
|
||||
try {
|
||||
const key = getDraftKey(this.supplierId)
|
||||
let draft = JSON.parse(localStorage.getItem(key) || '{}')
|
||||
let list = draft.phoneList || []
|
||||
const draft = JSON.parse(localStorage.getItem(key) || '{}')
|
||||
const list = draft.phoneList || []
|
||||
const record = {
|
||||
startTime: this.form.startTime,
|
||||
endTime: this.form.endTime,
|
||||
@@ -191,31 +211,12 @@ export default {
|
||||
draft.phoneList = list
|
||||
localStorage.setItem(key, JSON.stringify(draft))
|
||||
Toast('已保存')
|
||||
this.goBack()
|
||||
this.h5GoBack()
|
||||
} catch (e) {
|
||||
Toast('保存失败')
|
||||
console.error(e)
|
||||
}
|
||||
},
|
||||
deleteCurrent() {
|
||||
Dialog.confirm({
|
||||
title: '提示',
|
||||
message: '确定删除该时段电话?'
|
||||
}).then(() => {
|
||||
try {
|
||||
const key = getDraftKey(this.supplierId)
|
||||
let draft = JSON.parse(localStorage.getItem(key) || '{}')
|
||||
let list = draft.phoneList || []
|
||||
list.splice(this.index, 1)
|
||||
draft.phoneList = list
|
||||
localStorage.setItem(key, JSON.stringify(draft))
|
||||
Toast('已删除')
|
||||
this.goBack()
|
||||
} catch (e) {
|
||||
Toast('删除失败')
|
||||
}
|
||||
}).catch(() => {})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user