Copyright © 2013-2025 GKFLOWERS®YIWUTIANCHENG All Rights Reserved. Artificial Flowers Supply Chain,Silk flowers Supply Chain,Artificial floral Supply, Artificial Flowers Wholesale Supplier | GKFlowers
ID: { _id) {
console.log('product_id', product_id)
let data = this.getLocalData()
let i = data.findIndex((x) => x.product_id == product_id)
data.splice(i, 1)
that.tableData.splice(i, 1)
localStorage.setItem(CARTKEY, JSON.stringify(data))
},
/**
* 清空
*/
empty() {
that.tableData = []
localStorage.setItem(CARTKEY, '[]')
},
inquire() {
if (this.tableData.length == 0) {
ElementPlus.ElMessage({
message: 'Please add a product',
type: 'warning',
})
return false
}
this.showCartSmallDialog = false
this.showTableDrawer = true
location.href = location.origin + '/order/submit'
},
login() {
var url = '/member/login/'
$.ajax({
type: 'POST',
url: url,
dataType: 'json',
data: {
username: that.loginUsername,
password: that.loginPassword,
},
success: function (response, status) {
if (response.code) {
alert('Success！')
location.reload()
} else {
$('#codeimg').click()
alert(response.data)
}
},
error: function (xhr, status, error) {
alert('Error！')
},
})
},
},
}
const app = Vue.createApp(App)
app.use(ElementPlus)
app.component('rowInput', window.vue_rowInput)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}
app.mount('#app')
window.showLoginDialog = () => {
that.showLoginDialog = true
}
/**
* 添加到购物车
*/
function addCart(id, icon, title, ele = false) {
let data = localStorage.getItem(CARTKEY)
if (!data) {
data = []
} else {
data = JSON.parse(data)
}
if (ele) {
let startX = $(ele).offset().left + 15
let startY = $(ele).offset().top - $(window).scrollTop() + 15
let endX = $('.goodsCart').offset().left + 20
let endY = $('.goodsCart').offset().top - $(window).scrollTop() + 20
let fa = document.createElement('div')
let box = document.createElement('div')
fa.style.display = 'block'
fa.style['transition-timing-function'] = 'linear'
// fa.style['transition-timing-function'] = 'easy-in-out';
fa.style.height = '10px'
fa.style.width = '10px'
fa.style.borderRadius = '99px'
fa.style.backgroundColor = 'rgba(0,0,0,0)'
fa.style.position = 'fixed'
fa.style.zIndex = '9999999'
fa.style.left = Math.ceil(startX) + 'px'
fa.style.top = Math.ceil(startY) + 'px'
fa.style.transition = 'all 0.5s'
box.style.width = '10px'
box.style.height = '10px'
box.style.borderRadius = '99px'
box.style.backgroundColor = 'var(--t-color-5)'
box.style.transition = 'all 0.5s'
box.style['transition-timing-function'] = 'cubic-bezier(.55,0,.85,.36)'
// fa.style['transition-timing-function'] = 'easy-out-in';
box.style.opacity = '1'
fa.append(box)
document.body.append(fa)
setTimeout(() => {
fa.style.transform = `translateX(${endX - startX}px)`
box.style.transform = `translateY(${endY - startY}px)`
box.style.opacity = '0.2'
}, 20)
setTimeout(() => {
document.body.removeChild(fa)
}, 550)
console.log('Play Animation')
}
let i = data.findIndex((x) => x.product_id == id)
if (i > -1) {
ElementPlus.ElMessage({
message: 'Do not add again',
type: 'warning',
})
return false
}
data.push({
product_id: id,
product_photo: icon,
product_name: title,
product_height: null,
product_inner_box: null,
product_other_box: null,
product_volume: null
})
localStorage.setItem(CARTKEY, JSON.stringify(data))
that.resetData()
}