feat(member): 优化用户信息 AI 页面布局和功能

.env.dev

@@ -4,8 +4,8 @@ NODE_ENV=production
 VITE_DEV=true
 
 # 请求路径
-VITE_BASE_URL='https://zjkdywd.com:9018'
-#VITE_BASE_URL='http://42.194.163.46:9095'
+#VITE_BASE_URL='https://zjkdywd.com:9018'
+VITE_BASE_URL='http://192.168.10.17:9095'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
 VITE_UPLOAD_TYPE=server

src/views/mall/product/spu/form/DescriptionForm.vue

@@ -3,15 +3,15 @@
   <el-form ref="formRef" :disabled="isDetail" :model="formData" :rules="rules" label-width="120px">
     <!--富文本编辑器组件-->
     <el-form-item label="产品详情" prop="description">
-      <!-- <Editor v-model:modelValue="formData.description" /> -->
-      <el-input
+      <Editor v-model:modelValue="formData.description" />
+      <!--      <el-input
         v-model="formData.description"
         style="width: 100%;"
         :autosize="{ minRows: 10, maxRows: 20 }"
         placeholder="Please input"
         show-word-limit
         type="textarea"
-      />
+      />-->
     </el-form-item>
   </el-form>
 </template>

src/views/mall/product/spu/form/InfoForm.vue

@@ -24,7 +24,7 @@
         placeholder="请选择产品分类"
       />
     </el-form-item>
-    <el-form-item label="产品品牌" prop="brandId" class="w-80">
+    <el-form-item class="w-80" label="产品品牌" prop="brandId">
       <el-select v-model="formData.brandId" placeholder="请选择产品品牌">
         <el-option
           v-for="item in brandList"
@@ -57,7 +57,7 @@
       <UploadImgs v-model="formData.sliderPicUrls" :disabled="isDetail" />
     </el-form-item>
     <el-form-item label="产品类型" prop="proType">
-      <el-select class="w-80!" v-model="formData.proType" placeholder="请选择产品类型">
+      <el-select v-model="formData.proType" class="w-80!" placeholder="请选择产品类型">
         <el-option
           v-for="dict in getIntDictOptions('proType')"
           :key="dict.value"
@@ -67,13 +67,21 @@
       </el-select>
     </el-form-item>
     <el-form-item label="联系人手机号码" prop="phoneNumber">
-      <el-input class="w-80!" v-model="formData.phoneNumber" placeholder="请输入联系人手机号码" />
+      <el-input v-model="formData.phoneNumber" class="w-80!" placeholder="请输入联系人手机号码" />
     </el-form-item>
     <el-form-item label="联系人二维码路径" prop="qrCodePath">
-      <UploadImg class="w-80!" v-model="formData.qrCodePath" />
+      <UploadImg v-model="formData.qrCodePath" class="w-80!" />
     </el-form-item>
     <el-form-item label="详情地址" prop="userHtml">
-      <el-input class="w-80!" v-model="formData.userHtml" placeholder="请输入详情地址" />
+      <!--      <el-input class="w-80!" v-model="formData.userHtml" placeholder="请输入详情地址" />-->
+      <el-input
+        v-model="formData.userHtml"
+        :autosize="{ minRows: 10, maxRows: 20 }"
+        placeholder="Please input"
+        show-word-limit
+        style="width: 100%"
+        type="textarea"
+      />
     </el-form-item>
   </el-form>
 </template>
@@ -88,11 +96,12 @@ import { CategoryVO } from '@/api/mall/product/category'
 import * as ProductBrandApi from '@/api/mall/product/brand'
 import { BrandVO } from '@/api/mall/product/brand'
 import { getIntDictOptions } from '@/utils/dict'
+
 defineOptions({ name: 'ProductSpuInfoForm' })
 const props = defineProps({
   propFormData: {
     type: Object as PropType<Spu>,
-    default: () => { }
+    default: () => {}
   },
   isDetail: propTypes.bool.def(false) // 是否作为详情组件
 })
@@ -122,7 +131,7 @@ const rules = reactive({
   brandId: [required],
   proType: [required],
   phoneNumber: [required],
-  qrCodePath: [required],
+  qrCodePath: [required]
 })
 
 /** 将传进来的值赋值给 formData */