fix: 格式化代码

db60a6f0 · qinjianhui · ee8406a7 · db60a6f0 · db60a6f0 · db60a6f0
Commit db60a6f0 authored Feb 26, 2024 by qinjianhui
10 changed files
--- a/src/api/product.ts
+++ b/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 })
 }
--- a/src/views/product/lists/bindDiy.vue
+++ b/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>
--- a/src/views/product/lists/edit.vue
+++ b/src/views/product/lists/edit.vue
 <template>
  <div class="edit-popup">
-        <popup ref="popupRef" :title="popupTitle" :async="true" width="700px" @confirm="handleSubmit" @close="handleClose">
+    <popup
-            <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
+      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 />
+          <el-input
-                    <div class=" text-xs">自定义编码会合成到生产图中（英文或数字）</div>
+            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"
+          <el-input
-                        :autosize="{ minRows: 3, maxRows: 3 }" maxlength="200" show-word-limit clearable />
+            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 = () => {

--- a/src/views/product/lists/index.vue
+++ b/src/views/product/lists/index.vue
--- a/src/views/product/xiaoguotu/edit.vue
+++ b/src/views/product/xiaoguotu/edit.vue
 <template>
  <div class="edit-popup">
-        <popup ref="popupRef" :title="popupTitle" :async="true" width="1000px" @confirm="handleSubmit" @close="handleClose">
+    <popup
-            <el-form ref="formRef" :model="formData" label-width="140px" :rules="formRules">
+      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"
+                <upload
-                                    @error="onError" type="psd" :saveFoxpsd="false" :show-progress="true">
+                  :multiple="false"
-                                    <el-button :loading="uploadPsdLoading" type="primary">上传PSD文件</el-button>
+                  :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);
+  console.log(e)
-    uploadPsdLoading.value = true;
+  uploadPsdLoading.value = true
-    let relativePath = e.response.data.relativePath;
+  const relativePath = e.response.data.relativePath
-    let res = await apiPsdParser({
+  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.img_url = res.data.img_url
-    formData.psd_url = res.data.relativePath;
+  formData.psd_url = res.data.relativePath
-    formData.psd_svg = res.data.svg;
+  formData.psd_svg = res.data.svg
-    formData.psd_txt = res.data.txt;
+  formData.psd_txt = res.data.txt
-    formData.dpi = res.data.dpi;
+  formData.dpi = res.data.dpi
-    formData.width = res.data.width;
+  formData.width = res.data.width
-    formData.height = res.data.height;
+  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();
+  popupRef.value?.open()
-    await getData();
+  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 = () => {

--- a/src/views/product/xiaoguotu/index.vue
+++ b/src/views/product/xiaoguotu/index.vue
@@ -4,15 +4,17 @@
      <el-page-header :content="$route.meta.title" @back="goBack" />
    </el-card>
+    <el-card
-        <el-card class="!border-none mt-2" shadow="never" v-loading="pager.loading" v-if="activeTab=='xiaoguotu'">
+      class="!border-none mt-2"
+      shadow="never"
-            <el-tabs v-model="activeTab"  class=" bg-white" >
+      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"
+        <el-table
-                    :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+          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"
+              <image-contain
-                                :preview-src-list="[row.img_url]" preview-teleported fit="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 v-if="row.db_diy_color">
-                                <div class="w-[20px] h-[20px]" :style="{background:row.db_diy_color.sezhi}"></div>
+                <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" />
+    <edit-popup
+      v-if="showEdit"
+      ref="editRef"
-        <ColorPage :activeTab="activeTab" v-if="activeTab=='color'" @on-change="(e)=>{activeTab=e}"/>
+      @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 {
-import { apiDiyTemplateXiaoguotuList, apiDiyTemplateXiaoguotuDelete } from '@/api/product'
+  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 route = useRoute()
-const router = useRouter();
+const router = useRouter()
 const goBack = () => {
-    removeTab();
+  removeTab()
-    router.go(-1);
+  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']);
+const { type } = defineProps(['type'])
-type && (paramsData.type = type);
+type && (paramsData.type = type)
 const { pager, getLists } = usePaging({
  fetchFun: apiDiyTemplateXiaoguotuList,
  params: paramsData
 })
 const handleAdd = async () => {
-    showEdit.value = true;
+  showEdit.value = true
-    await nextTick();
+  await nextTick()
-    editRef.value?.open('add', pager);
+  editRef.value?.open('add', pager)
 }
 const handleEdit = async (data: any) => {
-    showEdit.value = true;
+  showEdit.value = true
-    await nextTick();
+  await nextTick()
-    editRef.value?.open('edit', pager);
+  editRef.value?.open('edit', pager)
  editRef.value?.getDetail(data)
 }
@@ -141,8 +173,5 @@ const handleDelete = async (id: number) => {
  getLists()
 }
 getLists()
 </script>
--- a/src/views/user/setting.vue
+++ b/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"
+            <el-input
-                            show-password />
+              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"
+            <el-input
-                            show-password />
+              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"
+            <el-input
-                            show-password />
+              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("操作成功");
+  feedback.msgSuccess('操作成功')
-    userStore.getUserInfo();
+  userStore.getUserInfo()
 }
 // 提交数据
@@ -116,7 +130,6 @@ const handleSubmit = async () => {
  await formRef.value?.validate()
  setUser()
 }
 </script>
 <style lang="scss" scoped></style>
--- a/src/views/userSave/item/index.vue
+++ b/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="warning" v-if="data.xgt_status == 9"
-                                <el-tag size="large" type="success" v-else-if="data.xgt_status == 1">效果图已生成</el-tag>
+                  >效果图待生成</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="warning" v-if="data.status == 9"
-                                <el-tag size="large" type="success" v-else-if="data.status == 1">总已生成</el-tag>
+                  >总待生成</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">{{
-                    <el-descriptions-item label="SKU">{{ data.sku }}</el-descriptions-item>
+            data.sku
-                    <el-descriptions-item label="自定义编码">{{ data.bianma }}</el-descriptions-item>
+          }}</el-descriptions-item>
-                    <el-descriptions-item label="模板SKU">{{ data.db_diy.sku }}</el-descriptions-item>
+          <el-descriptions-item label="自定义编码">{{
+            data.bianma
-                    <el-descriptions-item label="用户昵称">{{ data.db_diy_user.name }}</el-descriptions-item>
+          }}</el-descriptions-item>
-                    <el-descriptions-item label="用户SKU">{{ data.db_diy_user.sku }}</el-descriptions-item>
+          <el-descriptions-item label="模板SKU">{{
+            data.db_diy.sku
-                    <el-descriptions-item label="回调地址">{{ data.callback }}</el-descriptions-item>
+          }}</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="用户昵称">{{
-                    <el-descriptions-item label="总完成时间">{{ data.update_date }}</el-descriptions-item>
+            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)"
+          <image-contain
-                        :width="80" :height="80" :preview-src-list="[getImageUrl(item.img_url || morenImg)]"
+            v-for="(item,index) in data.face_list"
-                        preview-teleported fit="contain" />
+            :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)"
+          <image-contain
-                        :width="80" :height="80" :preview-src-list="[getImageUrl(item.img_url || morenImg)]"
+            v-for="(item,i) in data.xiaoguotu_list"
-                        preview-teleported fit="contain" />
+            :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 { getImageUrl } from '@/utils/getImgUrl'
-import { apiDiyUserSaveItem } from "@/api/member"
+import { apiDiyUserSaveItem } from '@/api/member'
-const morenImg = 'https://foxpsd.com/diy/shop/images/xiaoguotu.jpg';
+const morenImg = 'https://foxpsd.com/diy/shop/images/xiaoguotu.jpg'
 const { removeTab } = useMultipleTabs()
-const router = useRouter();
+const router = useRouter()
-const route = useRoute();
+const route = useRoute()
 const goBack = () => {
-    removeTab();
+  removeTab()
-    router.go(-1);
+  router.go(-1)
 }
-const data = ref();
+const data = ref()
 const getData = async () => {
-    let res: any = await apiDiyUserSaveItem({ sku: route.query.sku })
+  const res: any = await apiDiyUserSaveItem({ sku: route.query.sku })
-    data.value = res.data;
+  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>
--- a/src/views/userSave/lists/index.vue
+++ b/src/views/userSave/lists/index.vue
--- a/src/views/userSave/lists/renderChima.vue
+++ b/src/views/userSave/lists/renderChima.vue
 <template>
  <div class="edit-popup">
-        <popup ref="popupRef" title="重新生成指定尺码" :async="true" width="800px" @confirm="handleSubmit" @close="handleClose">
+    <popup
-            <el-form ref="formRef" :model="formData" label-width="160px" :rules="formRules" class="w-[90%]" v-if="diy">
+      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-select
-                        <el-option :value="item.id" :label="'标题：'+item.title + ' 编码：' + item.bianma"
+            v-model="formData.chima_id"
-                            v-for="item in diy.chimaList"></el-option>
+            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"
+            <el-input
-                            :autosize="{ minRows: 3, maxRows: 3 }" maxlength="200" show-word-limit clearable />
+              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){
+  if (obj.posts_content) {
-        obj.posts = JSON.parse(obj.posts_content);
+    obj.posts = JSON.parse(obj.posts_content)
-        delete obj.posts_content;
+    delete obj.posts_content
  }
  await apiDiyUserSaveChimaRender(obj)
@@ -85,11 +105,11 @@ const handleSubmit = async () => {
  emit('success')
 }
-const userSaveItem = ref();
+const userSaveItem = ref()
-const diy = 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;
+  userSaveItem.value = row
-    formData.sku = row.sku;
+  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 = () => {