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

檢查fb yt連結格式

Browse Source
main
Wayne Hsu 3 years ago
parent dbd372816a
commit 8a7fac2d0f
4 changed files with 14717 additions and 13711 deletions
Show Stats Download Patch File Download Diff File

11456
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
Unescape View File

@ -28,7 +28,7 @@
"register-service-worker": "^1.7.1", "register-service-worker": "^1.7.1",
"secure-ls": "^1.2.6", "secure-ls": "^1.2.6",
"vant": "^3.4.5", "vant": "^3.4.5",
"vue": "^3.0.0", "vue": "3.2.41",
"vue-advanced-cropper": "^2.8.1", "vue-advanced-cropper": "^2.8.1",
"vue-cropper": "^1.0.3", "vue-cropper": "^1.0.3",
"vue-router": "^4.0.0-0", "vue-router": "^4.0.0-0",
@ -41,7 +41,7 @@
"@vue/cli-plugin-router": "~4.5.15", "@vue/cli-plugin-router": "~4.5.15",
"@vue/cli-plugin-vuex": "~4.5.15", "@vue/cli-plugin-vuex": "~4.5.15",
"@vue/cli-service": "~4.5.15", "@vue/cli-service": "~4.5.15",
"@vue/compiler-sfc": "^3.0.0", "@vue/compiler-sfc": "3.2.41",
"babel-plugin-import": "^1.13.3", "babel-plugin-import": "^1.13.3",
"less": "^3.0.4", "less": "^3.0.4",
"less-loader": "^5.0.0" "less-loader": "^5.0.0"

652
src/views/Member/index.vue
Unescape View File

@ -1,57 +1,142 @@
<template> <template>
<div class="member-container"> <div class="member-container">
<van-nav-bar title="個人資料修改" right-text="關閉" @click-right="$router.push('/')" /> <van-nav-bar
title="個人資料修改"
right-text="關閉"
@click-right="$router.push('/')"
/>
<van-tabs :lazy-render="true" v-model:active="active"> <van-tabs :lazy-render="true" v-model:active="active">
<van-tab title="基本資料"> <van-tab title="基本資料"> </van-tab>
</van-tab> <van-tab title="公司資料"> </van-tab>
<van-tab title="公司資料"> <van-tab title="更多連結"> </van-tab>
</van-tab>
<van-tab title="更多連結">
</van-tab>
</van-tabs> </van-tabs>
<van-form @submit="onSubmit"> <van-form @submit="onSubmit">
<van-cell-group inset v-show="active === 0"> <van-cell-group inset v-show="active === 0">
<van-field v-model="form.real_name" label="姓名" name="pattern" placeholder="請輸入您的姓名" <van-field
:rules="[{ required: true, message: '姓名為必填' }]" /> v-model="form.real_name"
<van-field v-model="form.phone" label="手機" name="" type="tel" placeholder="Ex. 0900000001 不要有空格" label="姓名"
:rules="[{ required: true, message: '手機號必填' }, { pattern: /\d{10}/, message: '手機號格式錯誤' }]" /> name="pattern"
<van-field v-model="form.email" label="Email" name="" placeholder="請輸入您的Email" placeholder="請輸入您的姓名"
:rules="[{ required: true, message: 'Email必填' }, { pattern: /^([\w\.\-]){1,64}\@([\w\.\-]){1,64}/, message: 'Email格式錯誤' }]" /> :rules="[{ required: true, message: '姓名為必填' }]"
/>
<van-field
v-model="form.phone"
label="手機"
name=""
type="tel"
placeholder="Ex. 0900000001 不要有空格"
:rules="[
{ required: true, message: '手機號必填' },
{ pattern: /\d{10}/, message: '手機號格式錯誤' },
]"
/>
<van-field
v-model="form.email"
label="Email"
name=""
placeholder="請輸入您的Email"
:rules="[
{ required: true, message: 'Email必填' },
{
pattern: /^([\w\.\-]){1,64}\@([\w\.\-]){1,64}/,
message: 'Email格式錯誤',
},
]"
/>
<!-- <van-field v-model="form.url" label="網址" name="" placeholder="請輸入您的網址" <!-- <van-field v-model="form.url" label="網址" name="" placeholder="請輸入您的網址"
:rules="[{ validator: validatorUrl, message: '網址格式不正確,Ex. http://' }]" /> --> :rules="[{ validator: validatorUrl, message: '網址格式不正確,Ex. http://' }]" /> -->
<van-field v-model="form.line" label="Line" name="" placeholder="請輸入您的Line ID" /> <van-field
<van-field v-model="form.facebook" label="Facebook" name="" placeholder="請輸入您的臉書連結" /> v-model="form.line"
<van-field v-model="form.ig" label="IG" name="" placeholder="請輸入您的IG ID" /> label="Line"
<van-field v-model="form.youtube" label="YouTube" name="" placeholder="請輸入您的Youtube連結" /> name=""
<van-field v-model="form.mark" rows="3" autosize label="簡介" type="textarea" maxlength="100" placeholder="請輸入簡介" placeholder="請輸入您的Line ID"
show-word-limit /> />
<van-field
v-model="form.facebook"
label="Facebook"
name=""
placeholder="請輸入您的臉書連結"
:rules="[
{
validator: validatorUrl,
message: '臉書連結格式不正確,https://...',
},
]"
/>
<van-field
v-model="form.ig"
label="IG"
name=""
placeholder="請輸入您的IG ID"
/>
<van-field
v-model="form.youtube"
label="YouTube"
name=""
placeholder="請輸入您的Youtube連結"
:rules="[
{
validator: validatorUrl,
message: '連結格式不正確,https://...',
},
]"
/>
<van-field
v-model="form.mark"
rows="3"
autosize
label="簡介"
type="textarea"
maxlength="100"
placeholder="請輸入簡介"
show-word-limit
/>
<van-uploader :after-read="afterRead" :max-count="1" name="aveter"> <van-uploader :after-read="afterRead" :max-count="1" name="aveter">
<div class="upload-main"> <div class="upload-main">
<img class="upload-img" :src="form.avatar" alt=""> <img class="upload-img" :src="form.avatar" alt="" />
<p>上傳圖片</p> <p>上傳圖片</p>
</div> </div>
</van-uploader> </van-uploader>
</van-cell-group> </van-cell-group>
<main class="main-wrap address2-page mb-xxl" v-show="active === 1"> <main class="main-wrap address2-page mb-xxl" v-show="active === 1">
<div class="add-btn"> <div class="add-btn">
<van-button type="success" plain hairline block @click="handleAddUserCompany">+新增公司資料</van-button> <van-button
type="success"
plain
hairline
block
@click="handleAddUserCompany"
>+新增公司資料</van-button
>
</div> </div>
<div class="address-wrap"> <div class="address-wrap">
<div class="address-box" <div
:class="{active: uc.is_default}" class="address-box"
v-for="(uc,index) in userCompany" :class="{ active: uc.is_default }"
v-for="(uc, index) in userCompany"
:key="uc.id" :key="uc.id"
@click="handleSetDefault(uc.id)"> @click="handleSetDefault(uc.id)"
>
<div class="conten-box"> <div class="conten-box">
<div class="heading"> <div class="heading">
<div class="heading-left"> <div class="heading-left">
<span class="title title-color font-md">{{ uc.uc_name }}</span> <span class="title title-color font-md">{{
<span class="badges-round font-white bg-theme-theme font-xs" v-if="uc.is_default">預設</span> uc.uc_name
}}</span>
<span
class="badges-round font-white bg-theme-theme font-xs"
v-if="uc.is_default"
>預設</span
>
</div> </div>
<div class="heading-right"> <div class="heading-right">
<i class="icon-pencil" @click.stop="handleEdit(uc.id)"></i> <i class="icon-pencil" @click.stop="handleEdit(uc.id)"></i>
<i class="icon-trash" style="color: red;" @click.stop="handleDelete(uc.id)"></i> <i
class="icon-trash"
style="color: red"
@click.stop="handleDelete(uc.id)"
></i>
</div> </div>
</div> </div>
<h3 class="title-color font-sm">{{ uc.uc_title }}</h3> <h3 class="title-color font-sm">{{ uc.uc_title }}</h3>
@ -62,23 +147,59 @@
</div> </div>
</div> </div>
</main> </main>
<van-cell-group inset v-show="active === 2" v-for="(v, idx) in form.addon" :key="idx"> <van-cell-group
inset
v-show="active === 2"
v-for="(v, idx) in form.addon"
:key="idx"
>
<div class="act-btn"> <div class="act-btn">
<van-button type="primary" icon="arrow-up" plain hairline @click="onMoveBtn(0, idx)">上移</van-button> <van-button
<van-button type="primary" icon="arrow-down" plain hairline @click="onMoveBtn(1, idx)">下移</van-button> type="primary"
<van-button type="danger" icon="delete-o" plain hairline @click="onDelBtn(idx)">刪除</van-button> icon="arrow-up"
plain
hairline
@click="onMoveBtn(0, idx)"
>上移</van-button
>
<van-button
type="primary"
icon="arrow-down"
plain
hairline
@click="onMoveBtn(1, idx)"
>下移</van-button
>
<van-button
type="danger"
icon="delete-o"
plain
hairline
@click="onDelBtn(idx)"
>刪除</van-button
>
</div> </div>
<!-- <div class="field"> <!-- <div class="field">
<div class="label">圖示</div> <div class="label">圖示</div>
<div class="content"><i class="iconfont icon-home"></i><span style="padding: 0 10px" @click="showChangeIcon=true">變更</span></div> <div class="content"><i class="iconfont icon-home"></i><span style="padding: 0 10px" @click="showChangeIcon=true">變更</span></div>
</div> --> </div> -->
<van-field label="名稱" name="" v-model="form.addon[idx].name" placeholder="按鈕名稱" /> <van-field
<van-field label="連結" name="" v-model="form.addon[idx].link" placeholder="按鈕連結" /> label="名稱"
name=""
v-model="form.addon[idx].name"
placeholder="按鈕名稱"
/>
<van-field
label="連結"
name=""
v-model="form.addon[idx].link"
placeholder="按鈕連結"
/>
</van-cell-group> </van-cell-group>
<div class="add-btn" v-show="active === 2" @click="onAddBtn"> <div class="add-btn" v-show="active === 2" @click="onAddBtn">
<van-button type="success" plain hairline block>+新增按鈕</van-button> <van-button type="success" plain hairline block>+新增按鈕</van-button>
</div> </div>
<div style="margin: 16px;"> <div style="margin: 16px">
<van-button round block type="primary" native-type="submit"> <van-button round block type="primary" native-type="submit">
送出 送出
</van-button> </van-button>
@ -107,21 +228,30 @@
<div class="icon-item"> <div class="icon-item">
<i class="iconfont icon-home" style="font-size: 40px"></i> <i class="iconfont icon-home" style="font-size: 40px"></i>
</div> </div>
<div class="icon-item"> <div class="icon-item"></div>
</div>
</div> </div>
</van-popup> </van-popup>
<Footer /> <Footer />
<van-overlay :show="crop.show" @click="crop.show = false" /> <van-overlay :show="crop.show" @click="crop.show = false" />
<div class="cropper-section" v-if="crop.show"> <div class="cropper-section" v-if="crop.show">
<div class="crop-area"> <div class="crop-area">
<cropper class="cropper" ref="myCrop" :src="crop.img" :stencil-props="{ <cropper
aspectRatio: 1 / 1 class="cropper"
}" :auto-zoom="true" /> ref="myCrop"
:src="crop.img"
:stencil-props="{
aspectRatio: 1 / 1,
}"
:auto-zoom="true"
/>
</div> </div>
<div class="crop-btn"> <div class="crop-btn">
<van-button type="primary" size="small" plain @click="onClose">取消</van-button> <van-button type="primary" size="small" plain @click="onClose"
<van-button type="success" size="small" plain @click="onCrop">剪裁</van-button> >取消</van-button
>
<van-button type="success" size="small" plain @click="onCrop"
>剪裁</van-button
>
</div> </div>
</div> </div>
</div> </div>
@ -133,14 +263,45 @@
<van-form @submit="onUCSumbit" ref="addrForm"> <van-form @submit="onUCSumbit" ref="addrForm">
<div class="offcanvas-body small"> <div class="offcanvas-body small">
<van-cell-group inset> <van-cell-group inset>
<van-field v-model="ucForm.uc_name" label="公司名稱" placeholder="請輸入您的公司名稱" <van-field
:rules="[{ required: true, message: '公司名稱必填' }]" /> v-model="ucForm.uc_name"
<van-field v-model="ucForm.uc_title" label="職稱" placeholder="請輸入您的職稱" /> label="公司名稱"
<van-field v-model="ucForm.uc_tel" label="公司電話" type="tel" placeholder="請輸入您的市話" placeholder="請輸入您的公司名稱"
:rules="[{ validator: validatorTel, message: '市話格式不正確,Ex. 02xxxx or 02-xxxx' }]" /> :rules="[{ required: true, message: '公司名稱必填' }]"
<van-field v-model="ucForm.uc_address" label="公司住址" placeholder="請輸入您的地址" /> />
<van-field v-model="ucForm.uc_url" label="公司網址" placeholder="請輸入您的網址" <van-field
:rules="[{ validator: validatorUrl, message: '網址格式不正確,Ex. http://' }]" /> v-model="ucForm.uc_title"
label="職稱"
placeholder="請輸入您的職稱"
/>
<van-field
v-model="ucForm.uc_tel"
label="公司電話"
type="tel"
placeholder="請輸入您的市話"
:rules="[
{
validator: validatorTel,
message: '市話格式不正確,Ex. 02xxxx or 02-xxxx',
},
]"
/>
<van-field
v-model="ucForm.uc_address"
label="公司住址"
placeholder="請輸入您的地址"
/>
<van-field
v-model="ucForm.uc_url"
label="公司網址"
placeholder="請輸入您的網址"
:rules="[
{
validator: validatorUrl,
message: '網址格式不正確,Ex. http://',
},
]"
/>
<van-field name="is_default" label="是否為預設"> <van-field name="is_default" label="是否為預設">
<template #input> <template #input>
<van-switch v-model="ucForm.is_default" /> <van-switch v-model="ucForm.is_default" />
@ -148,7 +309,7 @@
</van-field> </van-field>
</van-cell-group> </van-cell-group>
</div> </div>
<div style="margin: 16px;"> <div style="margin: 16px">
<van-button round block type="primary" native-type="submit"> <van-button round block type="primary" native-type="submit">
新增 新增
</van-button> </van-button>
@ -156,24 +317,23 @@
</van-form> </van-form>
</van-popup> </van-popup>
<!-- Add New Address Off Canvas End --> <!-- Add New Address Off Canvas End -->
</template> </template>
<script> <script setup>
import _ from 'lodash' import _ from "lodash";
import axios from 'axios' import axios from "axios";
import Cookies from 'js-cookie' import Cookies from "js-cookie";
import { ref, nextTick } from 'vue' import { ref, nextTick } from "vue";
import { Cropper } from 'vue-advanced-cropper'; import { Cropper } from "vue-advanced-cropper";
import 'vue-advanced-cropper/dist/style.css'; import "vue-advanced-cropper/dist/style.css";
import Footer from '@/components/Footer' import Footer from "@/components/Footer";
import { useStore } from 'vuex' import { useStore } from "vuex";
import { useRouter } from 'vue-router' import { useRouter } from "vue-router";
import { Toast } from 'vant' import { Toast } from "vant";
import { import {
getUserInfo, getUserInfo,
@ -182,286 +342,253 @@ import {
addUserCompany, addUserCompany,
updateUserCompany, updateUserCompany,
deleteUserCompany, deleteUserCompany,
setUCDefault setUCDefault,
} from '@/api/user' } from "@/api/user";
import { is } from '@babel/types'; import { is } from "@babel/types";
const URL = window.URL || window.webkitURL; const URL = window.URL || window.webkitURL;
export default { const store = useStore();
name: 'EditForm', const router = useRouter();
components: {
Footer,
Cropper
},
async setup() {
const store = useStore()
const router = useRouter()
const form = ref({ addon: [] }) const form = ref({ addon: [] });
const userCompany = ref([]) const userCompany = ref([]);
const ucForm = ref({ const ucForm = ref({
action: 'insert', action: "insert",
uc_name: '', uc_name: "",
uc_title: '', uc_title: "",
uc_tel: '', uc_tel: "",
uc_address: '', uc_address: "",
uc_url: '', uc_url: "",
}) });
const fileList = ref([]); const fileList = ref([]);
const myCrop = ref(null) const myCrop = ref(null);
const active = ref(0) const active = ref(0);
const showChangeIcon = ref(false) const showChangeIcon = ref(false);
const showOffcanvas = ref(false) const showOffcanvas = ref(false);
const crop = ref({ const crop = ref({
show: false, show: false,
img: null, img: null,
}) });
const validatorUrl = (val) => { const validatorUrl = (val) => {
if (val.length > 0) { if (val.length > 0) {
return /(https?:\/\/|line:\/\/|tel:|mailto:)\S+/.test(val) return /(https?:\/\/|line:\/\/|tel:|mailto:)\S+/.test(val);
} else { } else {
return true return true;
} }
}; };
const validatorTel = (val) => { const validatorTel = (val) => {
if (val.length > 0) { if (val.length > 0) {
return /(\d{2,3}-?|\(\d{2,3}\))\d{3,4}-?\d{4}/.test(val) return /(\d{2,3}-?|\(\d{2,3}\))\d{3,4}-?\d{4}/.test(val);
} else { } else {
return true return true;
} }
}; };
// onMounted(async ()=>{
let userRes = await getUserInfo();
if (userRes.code === 200) {
form.value = userRes.data;
} else {
}
// })
if (userRes.data.nfc_addon && userRes.data.nfc_addon.length > 0) {
form.value.addon = JSON.parse(userRes.data.nfc_addon);
}
// onMounted(async ()=>{ const onCrop = () => {
let userRes = await getUserInfo()
if (userRes.code === 200) {
form.value = userRes.data
} else {
}
// })
if (userRes.data.nfc_addon && (userRes.data.nfc_addon.length > 0)) {
form.value.addon = JSON.parse(userRes.data.nfc_addon)
}
const onCrop = () => {
const { canvas } = myCrop.value.getResult(); const { canvas } = myCrop.value.getResult();
if (canvas) { if (canvas) {
const imgFile = new FormData(); const imgFile = new FormData();
canvas.toBlob(async (blob) => { canvas.toBlob(async (blob) => {
let ufile = new File([blob], "image.jpg"); let ufile = new File([blob], "image.jpg");
imgFile.append("user_id", form.value.user_id) imgFile.append("user_id", form.value.user_id);
imgFile.append("fileType", "IMAGE") imgFile.append("fileType", "IMAGE");
imgFile.append('file', ufile) imgFile.append("file", ufile);
crop.value.show = false crop.value.show = false;
Toast.loading({ Toast.loading({
duration: 0, duration: 0,
message: '圖片上傳中...', message: "圖片上傳中...",
forbidClick: true, forbidClick: true,
}); });
let res = await axios.post( let res = await axios.post(
`${process.env.VUE_APP_API_URL}/user/uploadAvatar`, `${process.env.VUE_APP_API_URL}/user/uploadAvatar`,
imgFile, imgFile,
{ {}
} );
)
if (res.data.code == 200) { if (res.data.code == 200) {
form.value.avatar = res.data.data form.value.avatar = res.data.data;
Toast.success('上傳成功'); Toast.success("上傳成功");
} else { } else {
Toast.fail('上傳失敗'); Toast.fail("上傳失敗");
} }
}, "image/jpeg");
}, 'image/jpeg');
} }
return return;
} };
const onClose = () => { const onClose = () => {
crop.value.show = false crop.value.show = false;
} };
const afterRead = async (file, name) => { const afterRead = async (file, name) => {
crop.value.show = true crop.value.show = true;
const ofile = file.file const ofile = file.file;
crop.value.img = URL.createObjectURL(ofile); crop.value.img = URL.createObjectURL(ofile);
// crop.value.img = ofile // crop.value.img = ofile
return return;
}; };
//公司資料 //公司資料
let userCompRes = await getUserCompany() let userCompRes = await getUserCompany();
if (userCompRes.code === 200) { if (userCompRes.code === 200) {
userCompany.value = userCompRes.data userCompany.value = userCompRes.data;
} }
console.log(userCompany.value) console.log(userCompany.value);
//增加連結 //增加連結
const onAddBtn = () => { const onAddBtn = () => {
if (form.value.addon) { if (form.value.addon) {
form.value.addon.push({ icon: '', name: '', link: '' }) form.value.addon.push({ icon: "", name: "", link: "" });
} else { } else {
form.value.addon = [{ icon: '', name: '', link: '' }] form.value.addon = [{ icon: "", name: "", link: "" }];
}
} }
};
const onDelBtn = (index) => { const onDelBtn = (index) => {
form.value.addon.splice(index, 1) form.value.addon.splice(index, 1);
} };
const onMoveBtn = (type, index) => { const onMoveBtn = (type, index) => {
if (type === 0) { if (type === 0) {
if (index !== 0) { if (index !== 0) {
[form.value.addon[index], form.value.addon[index - 1]] = [form.value.addon[index - 1], form.value.addon[index]] [form.value.addon[index], form.value.addon[index - 1]] = [
form.value.addon[index - 1],
form.value.addon[index],
];
} }
} else { } else {
if (index + 1 !== form.value.addon.length) { if (index + 1 !== form.value.addon.length) {
[form.value.addon[index + 1], form.value.addon[index]] = [form.value.addon[index], form.value.addon[index + 1]] [form.value.addon[index + 1], form.value.addon[index]] = [
form.value.addon[index],
form.value.addon[index + 1],
];
} }
} }
};
const handleAddUserCompany = () => {
ucForm.value = { action: "insert" };
console.log(userCompany.value.length, userCompany.value);
if (userCompany.value.length == 0) {
ucForm.value.is_default = true;
} }
showOffcanvas.value = true;
};
const handleAddUserCompany = () => { const handleSetDefault = async (id) => {
ucForm.value = {action: 'insert'} let res = await setUCDefault(id);
console.log(userCompany.value.length,userCompany.value) if (res.code === 200) {
if(userCompany.value.length ==0){ userCompany.value = res.data;
ucForm.value.is_default = true } else {
} Toast("操作失敗");
showOffcanvas.value = true
}
const handleSetDefault = async (id) => {
let res = await setUCDefault(id)
if(res.code === 200){
userCompany.value = res.data
}else{
Toast('操作失敗')
}
} }
};
const onUCSumbit = async () => { const onUCSumbit = async () => {
if(ucForm.value.action ==='insert'){ if (ucForm.value.action === "insert") {
if(userCompany.length === 0){ if (userCompany.length === 0) {
ucForm.value.is_default = true ucForm.value.is_default = true;
}
let res = await addUserCompany(ucForm.value)
if(res.code === 200){
ucForm.value={
uc_name: '',
uc_title: '',
uc_tel: '',
uc_address: '',
uc_url: ''
}
showOffcanvas.value = false
userCompany.value = res.data
}else{
Toast('操作失敗')
} }
let res = await addUserCompany(ucForm.value);
}else{ if (res.code === 200) {
let res = await updateUserCompany(ucForm.value) ucForm.value = {
uc_name: "",
if(res.code === 200){ uc_title: "",
ucForm.value={ uc_tel: "",
uc_name: '', uc_address: "",
uc_title: '', uc_url: "",
uc_tel: '', };
uc_address: '', showOffcanvas.value = false;
uc_url: '' userCompany.value = res.data;
} } else {
showOffcanvas.value = false Toast("操作失敗");
userCompany.value = res.data
}else{
Toast('操作失敗')
} }
} else {
let res = await updateUserCompany(ucForm.value);
if (res.code === 200) {
ucForm.value = {
uc_name: "",
uc_title: "",
uc_tel: "",
uc_address: "",
uc_url: "",
};
showOffcanvas.value = false;
userCompany.value = res.data;
} else {
Toast("操作失敗");
} }
} }
};
const handleDelete = async (id)=>{ const handleDelete = async (id) => {
let res = await deleteUserCompany(id) let res = await deleteUserCompany(id);
if(res.code === 200){ if (res.code === 200) {
userCompany.value = res.data userCompany.value = res.data;
}else{ } else {
Toast('操作失敗') Toast("操作失敗");
}
} }
};
const handleEdit = async (id)=>{ const handleEdit = async (id) => {
showOffcanvas.value = true showOffcanvas.value = true;
let t_data = {action:'update',...userCompany.value.find(item => item.id == id)} let t_data = {
if(t_data.is_default==1){ action: "update",
t_data.is_default=true ...userCompany.value.find((item) => item.id == id),
}else{ };
t_data.is_default=false if (t_data.is_default == 1) {
} t_data.is_default = true;
ucForm.value = t_data } else {
t_data.is_default = false;
} }
ucForm.value = t_data;
};
const onSubmit = async () => { const onSubmit = async () => {
Toast.loading({ Toast.loading({
duration: 0, duration: 0,
message: '資料更新中...', message: "資料更新中...",
forbidClick: true, forbidClick: true,
}); });
let res = await updateCard(form.value) let res = await updateCard(form.value);
if (res.code === 200) { if (res.code === 200) {
Toast.success('更新成功') Toast.success("更新成功");
store.commit('user/setUserInfo', form.value) store.commit("user/setUserInfo", form.value);
router.push('/') router.push("/");
} else { } else {
Toast.fail('更新失敗') Toast.fail("更新失敗");
}
};
return {
form,
fileList,
crop,
myCrop,
active,
userCompany,
ucForm,
showChangeIcon,
showOffcanvas,
onAddBtn,
onDelBtn,
onMoveBtn,
validatorUrl,
validatorTel,
onCrop,
onClose,
afterRead,
onSubmit,
onUCSumbit,
handleEdit,
handleDelete,
handleSetDefault,
handleAddUserCompany
} }
} };
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@ -481,7 +608,7 @@ export default {
.cropper { .cropper {
height: 300px; height: 300px;
// width: 300px; // width: 300px;
background: #DDD; background: #ddd;
} }
.cropper-section { .cropper-section {
@ -493,7 +620,7 @@ export default {
height: 350px; height: 350px;
width: 100%; width: 100%;
max-width: 500px; max-width: 500px;
background: #DDD; background: #ddd;
z-index: 8888; z-index: 8888;
.crop-area { .crop-area {
@ -506,7 +633,6 @@ export default {
background-color: #666; background-color: #666;
text-align: center; text-align: center;
} }
} }
.act-btn { .act-btn {
@ -544,17 +670,17 @@ export default {
} }
} }
.conten-box{ .conten-box {
width: 100%; width: 100%;
.heading{ .heading {
.heading-left{ .heading-left {
width: 100%; width: 100%;
.title{ .title {
font-weight: 700; font-weight: 700;
margin-right: 10px; margin-right: 10px;
} }
} }
.heading-right{ .heading-right {
width: 70px; width: 70px;
} }
} }

15948
yarn.lock
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save