wayne
/
utel_h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: wayne:e4439433d35310962eaf1680a1f085827e20e61d
Branches Tags
wayne:main
wayne:dev
..
compare: wayne:39b5bd0ab564998042c7f6007c7f093e946d9a63
Branches Tags
wayne:main
wayne:dev

No commits in common. 'e4439433d35310962eaf1680a1f085827e20e61d' and '39b5bd0ab564998042c7f6007c7f093e946d9a63' have entirely different histories.
e4439433d3 ... 39b5bd0ab5

2 changed files with 44 additions and 209 deletions
Show Stats

13
src/api/faviLog.js
Unescape View File

@ -1,13 +0,0 @@
import ajax from "./ajax";
export const getFaviLogs = async (id) =>
ajax(`/faviLog/getFaviLogs`,{id},"GET");
export const addFaviLog = async (params) =>
ajax(`/faviLog/addFaviLog`,params,"POST");
export const deleteFaviLog = async (id) =>
ajax(`/faviLog/deleteFaviLog`,{id},"GET");
export const updateFaviLog = async (params) =>
ajax(`/faviLog/updateFaviLog`,params,"POST");

240
src/views/Address/index.vue
Unescape View File

@ -1,8 +1,8 @@
<script setup> <script setup>
import _ from 'lodash'; import _ from 'lodash';
import { onMounted, onBeforeMount, ref , watch } from 'vue' import { onMounted, onBeforeMount, ref } from 'vue'
import { toClipboard } from "@soerenmartius/vue3-clipboard"; import { toClipboard } from "@soerenmartius/vue3-clipboard";
import { showToast, showSuccessToast, showConfirmDialog,showFailToast } from 'vant'; import { showToast, showSuccessToast, showConfirmDialog } from 'vant';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import { import {
@ -14,10 +14,9 @@ import {
, deleteUserFavi , deleteUserFavi
} from '@/api' } from '@/api'
import { getFaviLogs, addFaviLog ,deleteFaviLog,updateFaviLog } from '@/api/faviLog'
import { getAreaList } from '@/api/system'; import { getAreaList } from '@/api/system';
const route = useRoute(); const route = useRoute();
const setShowPicker = ref(false); const setShowPicker = ref(false);
@ -29,12 +28,10 @@ const selectOpt2 = ref([{ text: '重要', value: '重要' }, { text: '普通', v
const addressList = ref([]); const addressList = ref([]);
const showFaviLog = ref(false);
onMounted(async () => { onMounted(async () => {
if (route.query.act === 'add') { if (route.query.act === 'add') {
let res = await addUserFavi({ uf_user_id: route.query.cardid }); let res = await addUserFavi({ uf_user_id: route.query.cardid });
if (res.code === 445) { if(res.code === 445){
showToast('您為基本型用戶僅能最多收藏10人'); showToast('您為基本型用戶僅能最多收藏10人');
} }
} }
@ -164,7 +161,7 @@ const onChangeCateConfirm = async (value) => {
}; };
const onChangeCateChange = (value) => { const onChangeCateChange = (value) => {
// console.log('Change Category'); console.log('Change Category');
}; };
// END: 更改好友類別 // END: 更改好友類別
@ -279,6 +276,7 @@ const onSubmit = async () => {
showSuccessToast('更新成功') showSuccessToast('更新成功')
// router.push('/member') // router.push('/member')
} else { } else {
console.log(res.code);
showToast('更新失敗') showToast('更新失敗')
} }
}; };
@ -299,20 +297,20 @@ const areaName = ref('')
//取得區域資料 //取得區域資料
let areaRes = await getAreaList() let areaRes = await getAreaList()
if (areaRes.code === 200) { if (areaRes.code === 200) {
tab3columns.value = areaRes.data tab3columns.value = areaRes.data
// tab3columns加上第一項為全部 // tab3columns加上第一項為全部
tab3columns.value.unshift({ tab3columns.value.unshift({
text: '全部', text: '全部',
value: 0 value: 0
}) })
//取得區域名稱 //取得區域名稱
// if (areaRes.data.length > 0) { // if (areaRes.data.length > 0) {
// const findRes = _.find(areaRes.data, { value: form.value.area }) // const findRes = _.find(areaRes.data, { value: form.value.area })
// if (findRes) { // if (findRes) {
// areaName.value = findRes.text // areaName.value = findRes.text
// } // }
// } // }
} }
const tab3OnConfirm = (value) => { const tab3OnConfirm = (value) => {
@ -352,87 +350,8 @@ const handleSearch = async () => {
} }
} }
// START:好友往來紀錄
const faviLogId = ref(0) // 往來紀錄id
const faviLogMsg = ref('') // 輸入的往來紀錄訊息
const faviLogList = ref([]) // 往來紀錄列表
const faviLogEditId = ref(0) // 編輯往來紀錄id
const handleFaviLog = (id) => {
showFaviLog.value = true
faviLogId.value = id
}
watch(faviLogId, async (val) => {
if (val > 0) {
// 取得往來紀錄
loadFaviLog()
}
})
const loadFaviLog = async () => {
let res = await getFaviLogs(faviLogId.value)
if(res.code === 200){
faviLogList.value = res.data
}
}
const handleAddFaviLog = async () => {
let res = await addFaviLog({ uf_id: faviLogId.value, note: faviLogMsg.value })
if(res.code === 200){
showToast('新增成功')
faviLogMsg.value = ''
loadFaviLog()
}else{
showFailToast('新增失敗')
}
}
const handleDeleteFaviLog = async (id) => {
let res = await deleteFaviLog(id)
if(res.code === 200){
showToast('刪除成功')
loadFaviLog()
}else{
showFailToast('刪除失敗')
}
}
const handleEditFaviLog = async (item) => {
let res = await updateFaviLog(item)
if(res.code === 200){
showToast('更新成功')
faviLogEditId.value = 0
// loadFaviLog()
}else{
showFailToast('更新失敗')
}
}
const handleCloseFaviLog = () => {
faviLogId.value = 0
faviLogMsg.value = ''
showFaviLog.value = false
}
const formatNote = (note) => {
// 匹配電郵地址
const emailRegex = /([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi;
// 匹配電話號碼, 格式為0983214434
const phoneRegex = /(0[2-9]\d{7,8}|09\d{8})/g;
// 匹配網址
const urlRegex = /(https?:\/\/[^\s]+)/g;
let formattedNote = note
.replace(emailRegex, '<a href="mailto:$1">$1</a>')
.replace(phoneRegex, '<a href="tel:$1">$1</a>')
.replace(urlRegex, '<a href="$1" target="_blank">$1</a>');
return formattedNote;
};
// END:好友往來紀錄
</script> </script>
<template> <template>
@ -454,29 +373,35 @@ const formatNote = (note) => {
<div class="content"> <div class="content">
<!-- START: 通訊錄類別 --> <!-- START: 通訊錄類別 -->
<van-cell-group inset> <van-cell-group inset>
<van-field v-model="fieldValue" is-link readonly label="類別" placeholder="通訊錄類別" <van-field v-model="fieldValue" is-link readonly label="類別" placeholder="通訊錄類別" @click="showCatePicker = true" />
@click="showCatePicker = true" />
<van-popup v-model:show="showCatePicker" round position="bottom"> <van-popup v-model:show="showCatePicker" round position="bottom">
<van-picker :columns="columns" :columns-field-names="customFieldName" confirm-button-text="確認" <van-picker :columns="columns" :columns-field-names="customFieldName" confirm-button-text="確認"
cancel-button-text="取消" @cancel="showCatePicker = false" @confirm="onCateConfirm" @change="onCateChange" /> cancel-button-text="取消" @cancel="showCatePicker = false" @confirm="onCateConfirm" @change="onCateChange" />
</van-popup> </van-popup>
</van-cell-group> </van-cell-group>
<van-cell-group inset> <van-cell-group inset>
<van-row gutter="0" align="center"> <van-row gutter="0" align="center">
<van-col span="5"> <van-col span="5">
<van-field v-model="areaName" is-link readonly name="picker" :border="false" placeholder="縣市" <van-field v-model="areaName" is-link readonly name="picker"
:border="false"
placeholder="縣市"
@click="tab3showPicker = true" /> @click="tab3showPicker = true" />
<van-popup v-model:show="tab3showPicker" position="bottom"> <van-popup v-model:show="tab3showPicker" position="bottom">
<van-picker confirm-button-text="確認" cancel-button-text="取消" :columns="tab3columns" <van-picker confirm-button-text="確認" cancel-button-text="取消" :columns="tab3columns" @confirm="tab3OnConfirm"
@confirm="tab3OnConfirm" @cancel="tab3showPicker = false" /> @cancel="tab3showPicker = false" />
</van-popup> </van-popup>
</van-col> </van-col>
<van-col span="5"> <van-col span="5">
<van-field v-model="sexName" is-link readonly name="picker" :border="false" placeholder="性別" <van-field v-model="sexName"
is-link
readonly
name="picker"
:border="false"
placeholder="性別"
@click="tab4showPicker = true" /> @click="tab4showPicker = true" />
<van-popup v-model:show="tab4showPicker" position="bottom"> <van-popup v-model:show="tab4showPicker" position="bottom">
<van-picker confirm-button-text="確認" cancel-button-text="取消" :columns="tab4columns" <van-picker confirm-button-text="確認" cancel-button-text="取消" :columns="tab4columns" @confirm="tab4OnConfirm"
@confirm="tab4OnConfirm" @cancel="tab4showPicker = false" /> @cancel="tab4showPicker = false" />
</van-popup> </van-popup>
</van-col> </van-col>
<van-col span="14"> <van-col span="14">
@ -494,14 +419,6 @@ const formatNote = (note) => {
<van-cell-group inset> <van-cell-group inset>
<van-list> <van-list>
<div class="list-item" style="font-weight: 700;">
<div class="left">
電子名片
</div>
<div class="right">
分類/紀錄/刪除
</div>
</div>
<div class="list-item" v-for="(item, index) in addressList" :data-cateid="item.user_cate_id" :key="index"> <div class="list-item" v-for="(item, index) in addressList" :data-cateid="item.user_cate_id" :key="index">
<div class="left" @click="handleGoNfc(item)"> <div class="left" @click="handleGoNfc(item)">
<div class="avatar"><img :src="item.avatar"></div> <div class="avatar"><img :src="item.avatar"></div>
@ -514,7 +431,7 @@ const formatNote = (note) => {
<van-button size="small" class="border-0" @click="handleChangeCate(item.user_id)"> <van-button size="small" class="border-0" @click="handleChangeCate(item.user_id)">
<h5><i class="fa-solid fa-heart text-darkBlue"></i></h5> <h5><i class="fa-solid fa-heart text-darkBlue"></i></h5>
</van-button> </van-button>
<van-button size="small" class="border-0" @click="handleFaviLog(item.uf_id)"> <van-button size="small" class="border-0" @click="doCopy(item.nfcurl)">
<h5><i class="fa-solid fa-share-nodes text-darkBlue"></i></h5> <h5><i class="fa-solid fa-share-nodes text-darkBlue"></i></h5>
</van-button> </van-button>
<van-button size="small" class="border-0" @click="handleDeleteFavi(item.uf_id)"> <van-button size="small" class="border-0" @click="handleDeleteFavi(item.uf_id)">
@ -522,12 +439,13 @@ const formatNote = (note) => {
</van-button> </van-button>
</div> </div>
</div> </div>
</van-list> </van-list>
</van-cell-group> </van-cell-group>
</div> </div>
<!-- START: 編輯通訊錄 --> <!-- START: 編輯通訊錄 -->
<van-dialog v-model:show="setShowPicker" width="400" showCancelButton confirm-button-text="確認修改" <van-dialog v-model:show="setShowPicker" width="400" showCancelButton confirm-button-text="確認修改" @confirm="onSubmit">
@confirm="onSubmit">
<van-form @submit="onSubmit"> <van-form @submit="onSubmit">
<div id="app" class="address-block"> <div id="app" class="address-block">
@ -559,8 +477,8 @@ const formatNote = (note) => {
</template> </template>
</van-field> </van-field>
<van-field v-model="modalForm.sort[modalForm.page - 1].name" label="分類名稱" id="vcard-title" <van-field v-model="modalForm.sort[modalForm.page - 1].name" label="分類名稱" id="vcard-title" input-align="right"
input-align="right" placeholder="請輸入分類名稱" /> placeholder="請輸入分類名稱" />
<div class="listCnt"> <div class="listCnt">
<div class="item" v-for="(btn, index) in modalForm.sort[modalForm.page - 1].children" :key="index"> <div class="item" v-for="(btn, index) in modalForm.sort[modalForm.page - 1].children" :key="index">
@ -568,8 +486,7 @@ const formatNote = (note) => {
<template #button> <template #button>
<van-button size="small" class="bg-transparent border-0" icon="arrow-up" @click="moveBtn(0, index)" <van-button size="small" class="bg-transparent border-0" icon="arrow-up" @click="moveBtn(0, index)"
v-if="modalForm.sort[modalForm.page - 1].children.length > 1"></van-button> v-if="modalForm.sort[modalForm.page - 1].children.length > 1"></van-button>
<van-button size="small" class="bg-transparent border-0" icon="arrow-down" <van-button size="small" class="bg-transparent border-0" icon="arrow-down" @click="moveBtn(1, index)"
@click="moveBtn(1, index)"
v-if="modalForm.sort[modalForm.page - 1].children.length > 1"></van-button> v-if="modalForm.sort[modalForm.page - 1].children.length > 1"></van-button>
<van-button size="small" class="bg-transparent border-0" icon="delete-o" <van-button size="small" class="bg-transparent border-0" icon="delete-o"
@click="delBtn(index)"></van-button> @click="delBtn(index)"></van-button>
@ -592,56 +509,13 @@ const formatNote = (note) => {
cancel-button-text="取消" @cancel="showChangeCatePicker = false" @confirm="onChangeCateConfirm" cancel-button-text="取消" @cancel="showChangeCatePicker = false" @confirm="onChangeCateConfirm"
@change="onChangeCateChange" /> @change="onChangeCateChange" />
</van-popup> </van-popup>
<!-- START: 往來紀錄 -->
<van-popup v-model:show="showFaviLog" round closeable position="bottom" @close="handleCloseFaviLog" :style="{ height: '90%' }">
<div style="padding-top: 50px;border: 1px;height: 100%;" class="content">
<!-- 好友往來紀錄 -->
<van-cell-group inset>
<van-field v-model="faviLogMsg" center label="往來紀錄" placeholder="請輸入往來紀錄">
<template #button>
<van-button size="small" class="btn-darkBlue" @click="handleAddFaviLog">送出</van-button>
</template>
</van-field>
</van-cell-group>
<van-cell-group inset>
<van-steps direction="vertical">
<van-step v-for="item in faviLogList" :key="item.id">
<div class="favi-log">
<div class="title">
<div class="left">
<h5>{{ item.create_time }}</h5>
</div>
<div class="right">
<van-button size="small" plain type="primary" @click="faviLogEditId = item.id">修改</van-button>
&nbsp;
<van-button size="small" type="danger" @click="handleDeleteFaviLog(item.id)">刪除</van-button>
</div>
</div>
<div class="body">
<template v-if="faviLogEditId === item.id">
<van-field v-model="item.note" center>
<template #button>
<van-button size="small" type="primary" @click="handleEditFaviLog(item)">送出</van-button>
</template>
</van-field>
</template>
<template v-else>
<p v-html="formatNote(item.note)"></p>
</template>
</div>
</div>
</van-step>
</van-steps>
</van-cell-group>
</div>
</van-popup>
<!-- END: 往來紀錄 -->
</div> </div>
</template> </template>
<style lang="less" scoped> <style lang="less" scoped>
.address { .address {
>.content { .content {
min-height: calc(100vh - 54px); min-height: calc(100vh - 54px);
} }
@ -726,34 +600,8 @@ const formatNote = (note) => {
} }
} }
.favi-log {
.title {
display: flex;
.left {
flex: 1 0 0%;
}
.right {
width: 100px;
}
}
.body {
padding: 10px;
:deep(a) {
color: #1989fa;
text-decoration: none;
}
}
}
.address-block { .address-block {
max-height: 80vh; max-height: 80vh;
overflow-y: auto; overflow-y: auto;
} }
:deep(.van-popup__close-icon) {
color: #fff !important;
}
</style> </style>

Write Preview
Loading…
Cancel
Save