Skip to content

C
customisation-management_front
Commit db60a6f0 by qinjianhui
Options

fix: 格式化代码

parent ee8406a7
Showing with 487 additions and 271 deletions
src/api/product.ts
import request from '@/utils/request'
//设计产品/成品/系统素材三级分类列表
export function shopTypeList(params?: any) {
return request.get({ url: '/api/diy/template/type/list', params })
......@@ -25,14 +24,13 @@ export function shopTypeChangeTop(params?: any) {
return request.post({ url: '/shop/type/changeTop', params })
}
//模板列表
export function foxpsdDiyTemplateListFindAndCountAll(params: Record<string, any>) {
export function foxpsdDiyTemplateListFindAndCountAll(
params: Record<string, any>
) {
return request.post({ url: '/api/diy/template/listFindAndCountAll', params })
}
//foxpsd 模板详情
export function foxpsdDiyTemplateItem(params: Record<string, any>) {
return request.get({ url: '/foxpsdData/api/diy/template/item', params })
......@@ -48,7 +46,6 @@ export function apiDiyTemplateUnbindDiy(params?: any) {
return request.post({ url: '/api/diy/template/unbind/diy', params })
}
// 模板创建
export function apiDiyTemplateCreate(params?: any) {
return request.post({ url: '/api/diy/template/create', params })
......@@ -138,5 +135,3 @@ export function apiDiyTemplateChimaUpdate(params?: any) {
export function apiDiyTemplateChimaDelete(params?: any) {
return request.post({ url: '/api/diy/template/chima/delete', params })
}
src/views/product/lists/bindDiy.vue
......@@ -65,7 +65,7 @@ import type { FormInstance } from 'element-plus'
import {
apiDiyTemplateUpdate,
apiDiyTemplateCreate,
apiDiyTemplateBindDiy,
apiDiyTemplateBindDiy
} from '@/api/product'
import Popup from '@/components/popup/index.vue'
import { getImageUrl } from '@/utils/getImgUrl'
......@@ -80,7 +80,7 @@ const mobanList: any = ref([])
const formData = reactive({
id: '',
diy_ids: '', //待绑定的模板
default_diy_id: '',
default_diy_id: ''
})
const formRules: any = reactive({
......@@ -88,9 +88,9 @@ const formRules: any = reactive({
{
required: true,
message: '请输入标签名称',
trigger: 'blur',
},
],
trigger: 'blur'
}
]
})
const templateChange = (e: any) => {
......@@ -150,6 +150,6 @@ const handleClose = () => {
defineExpose({
open,
setFormData,
getDetail,
getDetail
})
</script>
src/views/product/lists/edit.vue
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="700px" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="700px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form
ref="formRef"
:model="formData"
label-width="120px"
:rules="formRules"
>
<el-form-item label="模板名称" prop="title">
<el-input v-model="formData.title" placeholder="请输入模板名称" clearable />
<el-input
v-model="formData.title"
placeholder="请输入模板名称"
clearable
/>
</el-form-item>
<el-form-item label="产品主图" prop="img_url">
......@@ -16,12 +32,20 @@
</el-form-item>
<el-form-item label="分类" prop="type_id">
<el-cascader v-model="formData.type_id" :options="type_list" :props="{ label: 'title', value: 'id' }" />
<el-cascader
v-model="formData.type_id"
:options="type_list"
:props="{ label: 'title', value: 'id' }"
/>
</el-form-item>
<el-form-item label="自定义编码" prop="bianma">
<el-input v-model="formData.bianma" placeholder="请输入自定义编码" clearable />
<div class=" text-xs">自定义编码会合成到生产图中（英文或数字）</div>
<el-input
v-model="formData.bianma"
placeholder="请输入自定义编码"
clearable
/>
<div class="text-xs">自定义编码会合成到生产图中（英文或数字）</div>
</el-form-item>
<el-form-item label="生产图格式" prop="sc_img_type">
......@@ -31,7 +55,9 @@
<el-radio :label="2">SVG</el-radio>
<el-radio :label="3">TIFF</el-radio>
</el-radio-group>
<div class=" text-xs">没特殊需求，请选择方法jpg及svg，其中svg性能最好</div>
<div class="text-xs">
没特殊需求，请选择方法jpg及svg，其中svg性能最好
</div>
</div>
</el-form-item>
......@@ -41,7 +67,9 @@
<el-radio :label="0">后续生成</el-radio>
<el-radio :label="1">立刻生成</el-radio>
</el-radio-group>
<div class=" text-xs">默认为【后续生成】，可以通过接口等用户下单后再去合成</div>
<div class="text-xs">
默认为【后续生成】，可以通过接口等用户下单后再去合成
</div>
</div>
</el-form-item>
......@@ -53,21 +81,28 @@
</el-form-item>
<el-form-item label="描述" prop="content">
<el-input v-model="formData.content" placeholder="请输入描述" type="textarea"
:autosize="{ minRows: 3, maxRows: 3 }" maxlength="200" show-word-limit clearable />
<el-input
v-model="formData.content"
placeholder="请输入描述"
type="textarea"
:autosize="{ minRows: 3, maxRows: 3 }"
maxlength="200"
show-word-limit
clearable
/>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup>
import type { FormInstance } from 'element-plus'
import { shopTypeList, apiDiyTemplateUpdate, apiDiyTemplateCreate } from '@/api/product'
import {
shopTypeList,
apiDiyTemplateUpdate,
apiDiyTemplateCreate
} from '@/api/product'
import Popup from '@/components/popup/index.vue'
const emit = defineEmits(['success', 'close'])
......@@ -87,10 +122,9 @@ const formData = reactive({
bianma: '',
content: '',
sc_img_type: 1, // 1 JPG 2 SVG
chima_now_render:0
chima_now_render: 0
})
const formRules: any = reactive({
title: [
{
......@@ -136,34 +170,33 @@ const formRules: any = reactive({
]
})
const handleSubmit = async () => {
await formRef.value?.validate();
await formRef.value?.validate()
let obj: any = { ...toRaw(formData) };
const obj: any = { ...toRaw(formData) }
if (obj.id === '') delete obj.id
if (obj.type_id && obj.type_id.length > 0) {
obj.type_id = obj.type_id[obj.type_id.length - 1]
}
mode.value == 'edit' ? await apiDiyTemplateUpdate(obj) : await apiDiyTemplateCreate(obj)
mode.value == 'edit'
? await apiDiyTemplateUpdate(obj)
: await apiDiyTemplateCreate(obj)
popupRef.value?.close()
emit('success')
}
const type_list = ref([]);
const type_list = ref([])
const getData = async () => {
let res = await shopTypeList()
const res = await shopTypeList()
console.log(res)
type_list.value = res.data.list;
type_list.value = res.data.list
}
const open = async (key = 'add') => {
mode.value = key
popupRef.value?.open();
popupRef.value?.open()
await getData()
}
......@@ -176,9 +209,8 @@ const setFormData = (data: Record<any, any>) => {
}
}
const getDetail = async (row: Record<string, any>) => {
setFormData(row);
setFormData(row)
}
const handleClose = () => {
......
src/views/product/xiaoguotu/edit.vue
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="1000px" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="140px" :rules="formRules">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="1000px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form
ref="formRef"
:model="formData"
label-width="140px"
:rules="formRules"
>
<el-row :gutter="20">
<el-col :span="14">
<el-form-item label="名称" prop="title">
<el-input v-model="formData.title" placeholder="请输入名称" clearable />
<el-input
v-model="formData.title"
placeholder="请输入名称"
clearable
/>
</el-form-item>
<el-form-item label="排序" prop="idx">
......@@ -18,23 +34,41 @@
<el-form-item label="颜色" prop="color_id">
<el-select v-model="formData.color_id">
<el-option value="">不绑定颜色</el-option>
<el-option :label="item.title" :value="item.id" v-for="item in colorList" :key="item.id"/>
<el-option
:label="item.title"
:value="item.id"
v-for="item in colorList"
:key="item.id"
/>
</el-select>
</el-form-item>
<el-form-item class="!mb-0">
<div>
<upload :multiple="false" :action="`${config.baseUrl}/api/v1/upload`" @change="onChange"
@error="onError" type="psd" :saveFoxpsd="false" :show-progress="true">
<el-button :loading="uploadPsdLoading" type="primary">上传PSD文件</el-button>
<upload
:multiple="false"
:action="`${config.baseUrl}/api/v1/upload`"
@change="onChange"
@error="onError"
type="psd"
:saveFoxpsd="false"
:show-progress="true"
>
<el-button :loading="uploadPsdLoading" type="primary"
>上传PSD文件</el-button
>
</upload>
<div>上传时间较长，请耐心等待</div>
</div>
</el-form-item>
<el-form-item label="PSD文件" prop="psd_url">
<el-input v-model="formData.psd_url" placeholder="psd 文件路径" clearable disabled />
<el-input
v-model="formData.psd_url"
placeholder="psd 文件路径"
clearable
disabled
/>
</el-form-item>
</el-col>
......@@ -44,7 +78,9 @@
<div>
<material-picker v-model="formData.img_url" :limit="1" />
</div>
<div class="text-xs">png,jpg,jpeg等格式，最大为100kb,750*750像素</div>
<div class="text-xs">
png,jpg,jpeg等格式，最大为100kb,750*750像素
</div>
</div>
</el-form-item>
</el-col>
......@@ -55,7 +91,6 @@
</template>
<script lang="ts" setup>
import type { FormInstance } from 'element-plus'
import {
apiDiyTemplateXiaoguotuUpdate,
......@@ -67,7 +102,6 @@ import Popup from '@/components/popup/index.vue'
import config from '@/config'
import feedback from '@/utils/feedback'
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
......@@ -75,7 +109,7 @@ const mode = ref('add')
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑效果图' : '新增效果图'
})
const route = useRoute();
const route = useRoute()
const uploadPsdLoading = ref(false)
const formData = reactive({
......@@ -139,62 +173,61 @@ const formRules: any = reactive({
})
const onChange = async (e: any) => {
console.log(e);
uploadPsdLoading.value = true;
let relativePath = e.response.data.relativePath;
let res = await apiPsdParser({
console.log(e)
uploadPsdLoading.value = true
const relativePath = e.response.data.relativePath
const res = await apiPsdParser({
lianjie: relativePath,
upload: 'oss'
})
if (res.data.width > 1600 || res.data.height > 1600) {
feedback.msgError("psd 最大可上传1600*1600像素");
feedback.msgError('psd 最大可上传1600*1600像素')
return
}
formData.img_url = res.data.img_url;
formData.psd_url = res.data.relativePath;
formData.psd_svg = res.data.svg;
formData.psd_txt = res.data.txt;
formData.dpi = res.data.dpi;
formData.width = res.data.width;
formData.height = res.data.height;
formData.img_url = res.data.img_url
formData.psd_url = res.data.relativePath
formData.psd_svg = res.data.svg
formData.psd_txt = res.data.txt
formData.dpi = res.data.dpi
formData.width = res.data.width
formData.height = res.data.height
uploadPsdLoading.value = false;
uploadPsdLoading.value = false
}
const onError = (e: any) => {
console.log(e);
console.log(e)
}
const handleSubmit = async () => {
await formRef.value?.validate();
await formRef.value?.validate()
let obj: any = { ...toRaw(formData) };
const obj: any = { ...toRaw(formData) }
if (obj.id === '') delete obj.id
if (obj.id) delete obj.diy_id
mode.value == 'edit' ? await apiDiyTemplateXiaoguotuUpdate(obj) : await apiDiyTemplateXiaoguotuCreate(obj)
mode.value == 'edit'
? await apiDiyTemplateXiaoguotuUpdate(obj)
: await apiDiyTemplateXiaoguotuCreate(obj)
popupRef.value?.close()
emit('success')
}
const colorList:any= ref([]);
const colorList: any = ref([])
const getData = async () => {
let res:any = await apiDiyTemplateColorList({
const res: any = await apiDiyTemplateColorList({
diy_id: route.query.did
})
colorList.value = res.data.list;
colorList.value = res.data.list
}
const open = async (key = 'add', pager: any) => {
mode.value = key
popupRef.value?.open();
await getData();
popupRef.value?.open()
await getData()
}
const setFormData = (data: Record<any, any>) => {
......@@ -206,9 +239,8 @@ const setFormData = (data: Record<any, any>) => {
}
}
const getDetail = async (row: Record<string, any>) => {
setFormData(row);
setFormData(row)
}
const handleClose = () => {
......
src/views/product/xiaoguotu/index.vue
......@@ -4,15 +4,17 @@
<el-page-header :content="$route.meta.title" @back="goBack" />
</el-card>
<el-card class="!border-none mt-2" shadow="never" v-loading="pager.loading" v-if="activeTab=='xiaoguotu'">
<el-tabs v-model="activeTab" class=" bg-white" >
<el-card
class="!border-none mt-2"
shadow="never"
v-loading="pager.loading"
v-if="activeTab == 'xiaoguotu'"
>
<el-tabs v-model="activeTab" class="bg-white">
<el-tab-pane label="效果图" name="xiaoguotu"></el-tab-pane>
<el-tab-pane label="颜色" name="color"></el-tab-pane>
</el-tabs>
<div class="mb-4 mt-2">
<el-button type="primary" @click="handleAdd()">
<template #icon>
......@@ -23,14 +25,27 @@
</div>
<div class="mt-2">
<el-table ref="tableRef" size="large" v-loading="pager.loading" :data="pager.lists" row-key="id"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
<el-table
ref="tableRef"
size="large"
v-loading="pager.loading"
:data="pager.lists"
row-key="id"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
>
<el-table-column label="ID" prop="id" />
<el-table-column label="主图">
<template #default="{ row }">
<image-contain v-if="row.img_url" :src="getImageUrl(row.img_url, 200)" :width="80" :height="80"
:preview-src-list="[row.img_url]" preview-teleported fit="contain" />
<image-contain
v-if="row.img_url"
:src="getImageUrl(row.img_url, 200)"
:width="80"
:height="80"
:preview-src-list="[row.img_url]"
preview-teleported
fit="contain"
/>
</template>
</el-table-column>
......@@ -43,8 +58,11 @@
</el-table-column>
<el-table-column label="颜色" min-width="120">
<template #default="{ row }">
<div v-if="row.db_diy_color" >
<div class="w-[20px] h-[20px]" :style="{background:row.db_diy_color.sezhi}"></div>
<div v-if="row.db_diy_color">
<div
class="w-[20px] h-[20px]"
:style="{ background: row.db_diy_color.sezhi }"
></div>
<div>{{ row.db_diy_color.title }}</div>
</div>
<span v-else>未绑定</span>
......@@ -57,7 +75,11 @@
</template>
</el-table-column>
<el-table-column label="创建时间" prop="create_date" min-width="120" />
<el-table-column
label="创建时间"
prop="create_date"
min-width="120"
/>
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button type="primary" link @click="handleEdit(row)">
......@@ -72,34 +94,46 @@
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
<ColorPage :activeTab="activeTab" v-if="activeTab=='color'" @on-change="(e)=>{activeTab=e}"/>
<edit-popup
v-if="showEdit"
ref="editRef"
@success="getLists"
@close="showEdit = false"
/>
<ColorPage
:activeTab="activeTab"
v-if="activeTab == 'color'"
@on-change="
(e) => {
activeTab = e
}
"
/>
</div>
</template>
<script lang="ts" setup name="productFenlei">
import { apiDiyTemplateXiaoguotuList, apiDiyTemplateXiaoguotuDelete } from '@/api/product'
import {
apiDiyTemplateXiaoguotuList,
apiDiyTemplateXiaoguotuDelete
} from '@/api/product'
import { usePaging } from '@/hooks/usePaging'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
import type { ElTable } from 'element-plus'
import useMultipleTabs from '@/hooks/useMultipleTabs'
import { getImageUrl } from "@/utils/getImgUrl";
import { getImageUrl } from '@/utils/getImgUrl'
import ColorPage from "../color/index.vue";
import ColorPage from '../color/index.vue'
const { removeTab } = useMultipleTabs()
const route = useRoute();
const router = useRouter();
const route = useRoute()
const router = useRouter()
const goBack = () => {
removeTab();
router.go(-1);
removeTab()
router.go(-1)
}
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
......@@ -112,26 +146,24 @@ const paramsData: any = reactive({
diy_id: route.query.did
})
const { type } = defineProps(['type']);
type && (paramsData.type = type);
const { type } = defineProps(['type'])
type && (paramsData.type = type)
const { pager, getLists } = usePaging({
fetchFun: apiDiyTemplateXiaoguotuList,
params: paramsData
})
const handleAdd = async () => {
showEdit.value = true;
await nextTick();
editRef.value?.open('add', pager);
showEdit.value = true
await nextTick()
editRef.value?.open('add', pager)
}
const handleEdit = async (data: any) => {
showEdit.value = true;
await nextTick();
editRef.value?.open('edit', pager);
showEdit.value = true
await nextTick()
editRef.value?.open('edit', pager)
editRef.value?.getDetail(data)
}
......@@ -141,8 +173,5 @@ const handleDelete = async (id: number) => {
getLists()
}
getLists()
</script>
src/views/user/setting.vue
......@@ -2,27 +2,43 @@
<template>
<div class="user-setting">
<el-card class="!border-none" shadow="never">
<el-form ref="formRef" class="ls-form" :model="formData" :rules="rules" label-width="100px">
<el-form
ref="formRef"
class="ls-form"
:model="formData"
:rules="rules"
label-width="100px"
>
<el-form-item label="当前密码：" prop="password_3">
<div class="w-80">
<el-input v-model.trim="formData.password_3" placeholder="修改密码时必填, 不修改密码时留空" type="password"
show-password />
<el-input
v-model.trim="formData.password_3"
placeholder="修改密码时必填, 不修改密码时留空"
type="password"
show-password
/>
</div>
</el-form-item>
<el-form-item label="新的密码：" prop="password_1">
<div class="w-80">
<el-input v-model.trim="formData.password_1" placeholder="修改密码时必填, 不修改密码时留空" type="password"
show-password />
<el-input
v-model.trim="formData.password_1"
placeholder="修改密码时必填, 不修改密码时留空"
type="password"
show-password
/>
</div>
</el-form-item>
<el-form-item label="确定密码：" prop="password_2">
<div class="w-80">
<el-input v-model.trim="formData.password_2" placeholder="修改密码时必填, 不修改密码时留空" type="password"
show-password />
<el-input
v-model.trim="formData.password_2"
placeholder="修改密码时必填, 不修改密码时留空"
type="password"
show-password
/>
</div>
</el-form-item>
</el-form>
......@@ -72,10 +88,8 @@ const rules = reactive<object>({
]
})
// 设置个人设置
const setUser = async () => {
if (formData.password_3 || formData.password_1 || formData.password_2) {
if (!formData.password_3) {
return feedback.msgError('请输入当前密码')
......@@ -107,8 +121,8 @@ const setUser = async () => {
}
await setUserInfo(formData)
feedback.msgSuccess("操作成功");
userStore.getUserInfo();
feedback.msgSuccess('操作成功')
userStore.getUserInfo()
}
// 提交数据
......@@ -116,7 +130,6 @@ const handleSubmit = async () => {
await formRef.value?.validate()
setUser()
}
</script>
<style lang="scss" scoped></style>
src/views/userSave/item/index.vue
......@@ -5,59 +5,105 @@
</el-card>
<template v-if="data">
<el-card class="!border-none mt-2" shadow="never">
<el-descriptions class="margin-top" :title="data.sku + ' ' + data.db_diy.title" :column="3" :border="true">
<el-descriptions
class="margin-top"
:title="data.sku + ' ' + data.db_diy.title"
:column="3"
:border="true"
>
<template #extra>
<div class="flex">
<div>
<el-tag size="large" type="warning" v-if="data.xgt_status == 9">效果图待生成</el-tag>
<el-tag size="large" type="success" v-else-if="data.xgt_status == 1">效果图已生成</el-tag>
<el-tag size="large" type="warning" v-if="data.xgt_status == 9"
>效果图待生成</el-tag
>
<el-tag
size="large"
type="success"
v-else-if="data.xgt_status == 1"
>效果图已生成</el-tag
>
<el-tag size="large" type="danger" v-else>效果图失败</el-tag>
</div>
<div class="ml-3">
<el-tag size="large" type="warning" v-if="data.status == 9">总待生成</el-tag>
<el-tag size="large" type="success" v-else-if="data.status == 1">总已生成</el-tag>
<el-tag size="large" type="warning" v-if="data.status == 9"
>总待生成</el-tag
>
<el-tag size="large" type="success" v-else-if="data.status == 1"
>总已生成</el-tag
>
<el-tag size="large" type="danger" v-else>总失败</el-tag>
</div>
</div>
</template>
<el-descriptions-item label="SKU">{{ data.sku }}</el-descriptions-item>
<el-descriptions-item label="自定义编码">{{ data.bianma }}</el-descriptions-item>
<el-descriptions-item label="模板SKU">{{ data.db_diy.sku }}</el-descriptions-item>
<el-descriptions-item label="用户昵称">{{ data.db_diy_user.name }}</el-descriptions-item>
<el-descriptions-item label="用户SKU">{{ data.db_diy_user.sku }}</el-descriptions-item>
<el-descriptions-item label="回调地址">{{ data.callback }}</el-descriptions-item>
<el-descriptions-item label="创建时间">{{ data.create_date }}</el-descriptions-item>
<el-descriptions-item label="效果图完成时间">{{ data.xgt_update_date }}</el-descriptions-item>
<el-descriptions-item label="总完成时间">{{ data.update_date }}</el-descriptions-item>
<el-descriptions-item label="SKU">{{
data.sku
}}</el-descriptions-item>
<el-descriptions-item label="自定义编码">{{
data.bianma
}}</el-descriptions-item>
<el-descriptions-item label="模板SKU">{{
data.db_diy.sku
}}</el-descriptions-item>
<el-descriptions-item label="用户昵称">{{
data.db_diy_user.name
}}</el-descriptions-item>
<el-descriptions-item label="用户SKU">{{
data.db_diy_user.sku
}}</el-descriptions-item>
<el-descriptions-item label="回调地址">{{
data.callback
}}</el-descriptions-item>
<el-descriptions-item label="创建时间">{{
data.create_date
}}</el-descriptions-item>
<el-descriptions-item label="效果图完成时间">{{
data.xgt_update_date
}}</el-descriptions-item>
<el-descriptions-item label="总完成时间">{{
data.update_date
}}</el-descriptions-item>
</el-descriptions>
</el-card>
<el-card class="!border-none mt-2" shadow="never">
<div class=" font-bold">用户设计图</div>
<div class="font-bold">用户设计图</div>
<div class="mt-2">
<image-contain v-for="item in data.face_list" :src="getImageUrl(item.img_url || morenImg, 100)"
:width="80" :height="80" :preview-src-list="[getImageUrl(item.img_url || morenImg)]"
preview-teleported fit="contain" />
<image-contain
v-for="(item,index) in data.face_list"
:key="index"
:src="getImageUrl(item.img_url || morenImg, 100)"
:width="80"
:height="80"
:preview-src-list="[getImageUrl(item.img_url || morenImg)]"
preview-teleported
fit="contain"
/>
</div>
</el-card>
<el-card class="!border-none mt-2" shadow="never">
<div class=" font-bold">效果图</div>
<div class="font-bold">效果图</div>
<div class="mt-4">
<image-contain v-for="item in data.xiaoguotu_list" :src="getImageUrl(item.img_url || morenImg, 100)"
:width="80" :height="80" :preview-src-list="[getImageUrl(item.img_url || morenImg)]"
preview-teleported fit="contain" />
<image-contain
v-for="(item,i) in data.xiaoguotu_list"
:key="i"
:src="getImageUrl(item.img_url || morenImg, 100)"
:width="80"
:height="80"
:preview-src-list="[getImageUrl(item.img_url || morenImg)]"
preview-teleported
fit="contain"
/>
</div>
</el-card>
<el-card class="!border-none mt-2" shadow="never">
<div class=" font-bold">尺码图</div>
<div class="font-bold">尺码图</div>
<div class="flex mt-4">
<el-table class="mt-4" size="large" :data="data.chima_list">
<el-table-column label="标题" prop="title"></el-table-column>
......@@ -65,7 +111,9 @@
<el-table-column label="文件路径">
<template #default="{ row }">
<el-button link type="primary" v-if="row.img_url">
<a :href="getImageUrl(row.img_url)" target="_blank">{{row.img_url}}</a>
<a :href="getImageUrl(row.img_url)" target="_blank">{{
row.img_url
}}</a>
</el-button>
<div v-else>未生成</div>
</template>
......@@ -84,31 +132,29 @@
</div>
</template>
<script lang="ts" setup name="productFenlei">
import type { ElTable } from 'element-plus'
import useMultipleTabs from '@/hooks/useMultipleTabs'
import { getImageUrl } from "@/utils/getImgUrl";
import { apiDiyUserSaveItem } from "@/api/member"
const morenImg = 'https://foxpsd.com/diy/shop/images/xiaoguotu.jpg';
import { getImageUrl } from '@/utils/getImgUrl'
import { apiDiyUserSaveItem } from '@/api/member'
const morenImg = 'https://foxpsd.com/diy/shop/images/xiaoguotu.jpg'
const { removeTab } = useMultipleTabs()
const router = useRouter();
const route = useRoute();
const router = useRouter()
const route = useRoute()
const goBack = () => {
removeTab();
router.go(-1);
removeTab()
router.go(-1)
}
const data = ref();
const data = ref()
const getData = async () => {
let res: any = await apiDiyUserSaveItem({ sku: route.query.sku })
data.value = res.data;
const res: any = await apiDiyUserSaveItem({ sku: route.query.sku })
data.value = res.data
}
const getHouzhui = (url: string): boolean => {
if (/\.(svg|tiff)$/.test(url)) {
return true
......@@ -118,13 +164,10 @@ const getHouzhui = (url: string): boolean => {
}
onActivated(() => {
getData();
getData()
})
onMounted(() => {
getData();
getData()
})
</script>
src/views/userSave/lists/renderChima.vue
<template>
<div class="edit-popup">
<popup ref="popupRef" title="重新生成指定尺码" :async="true" width="800px" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="160px" :rules="formRules" class="w-[90%]" v-if="diy">
<popup
ref="popupRef"
title="重新生成指定尺码"
:async="true"
width="800px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form
ref="formRef"
:model="formData"
label-width="160px"
:rules="formRules"
class="w-[90%]"
v-if="diy"
>
<el-form-item label="选择尺码" prop="chima_id">
<el-select v-model="formData.chima_id" placeholder="请选择要生成的尺码">
<el-option :value="item.id" :label="'标题：'+item.title + ' 编码：' + item.bianma"
v-for="item in diy.chimaList"></el-option>
<el-select
v-model="formData.chima_id"
placeholder="请选择要生成的尺码"
>
<el-option
v-for="(item, i) in diy.chimaList"
:value="item.id"
:label="'标题：' + item.title + ' 编码：' + item.bianma"
:key="i"
></el-option>
</el-select>
</el-form-item>
......@@ -20,31 +40,32 @@
<el-form-item label="额外关联的数据" prop="posts_content">
<div class="w-full">
<el-input v-model="formData.posts_content" placeholder="JSON格式" type="textarea"
:autosize="{ minRows: 3, maxRows: 3 }" maxlength="200" show-word-limit clearable />
<el-input
v-model="formData.posts_content"
placeholder="JSON格式"
type="textarea"
:autosize="{ minRows: 3, maxRows: 3 }"
maxlength="200"
show-word-limit
clearable
/>
<div>非必填，没有可以不写</div>
<div>
<div>结构演示</div>
[
{
"name":"素材",
"content":"https://img.foxpsd.com/images%2Fth3.jpg"
}
]
[ { "name":"素材",
"content":"https://img.foxpsd.com/images%2Fth3.jpg" } ]
</div>
</div>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup>
import type { FormInstance } from 'element-plus'
import { apiDiyTemplateItem } from '@/api/product'
import { apiDiyUserSaveChimaRender } from "@/api/member";
import { apiDiyUserSaveChimaRender } from '@/api/member'
import Popup from '@/components/popup/index.vue'
const emit = defineEmits(['success', 'close'])
......@@ -54,9 +75,9 @@ const mode = ref('add')
const formData = reactive({
chima_id: '',
sku:'',
sku: '',
posts_content: '',
sc_img_type:1
sc_img_type: 1
})
const formRules: any = reactive({
......@@ -69,15 +90,14 @@ const formRules: any = reactive({
]
})
const handleSubmit = async () => {
await formRef.value?.validate();
await formRef.value?.validate()
let obj: any = { ...toRaw(formData) };
const obj: any = { ...toRaw(formData) }
if(obj.posts_content){
obj.posts = JSON.parse(obj.posts_content);
delete obj.posts_content;
if (obj.posts_content) {
obj.posts = JSON.parse(obj.posts_content)
delete obj.posts_content
}
await apiDiyUserSaveChimaRender(obj)
......@@ -85,11 +105,11 @@ const handleSubmit = async () => {
emit('success')
}
const userSaveItem = ref();
const diy = ref();
const userSaveItem = ref()
const diy = ref()
const getData = async (sku: string) => {
let res = await apiDiyTemplateItem({
const res = await apiDiyTemplateItem({
sku
})
diy.value = res.data
......@@ -97,14 +117,13 @@ const getData = async (sku: string) => {
}
const open = (key = 'add', row: any) => {
userSaveItem.value = row;
formData.sku = row.sku;
userSaveItem.value = row
formData.sku = row.sku
getData(row.db_diy.sku)
mode.value = key
popupRef.value?.open();
popupRef.value?.open()
}
const setFormData = (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
......@@ -114,11 +133,8 @@ const setFormData = (data: Record<any, any>) => {
}
}
const getDetail = async (row: Record<string, any>) => {
setFormData(row);
setFormData(row)
}
const handleClose = () => {
......
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