From 98f5aebc1eabf1c2ede2e5b5c3ebbd98dcd70ead Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Sat, 8 Jan 2022 18:45:29 +0800
Subject: [PATCH] =?UTF-8?q?feat(GoodsInfo.vue):=20=E5=95=86=E5=93=81?=
 =?UTF-8?q?=E5=9F=BA=E7=A1=80=E4=BF=A1=E6=81=AF=E5=8D=87=E7=BA=A7Vue3?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/pms/goods/components/GoodsInfo.vue | 34 +++++++++-----------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/views/pms/goods/components/GoodsInfo.vue b/src/views/pms/goods/components/GoodsInfo.vue
index 97a20f06..cc765328 100644
--- a/src/views/pms/goods/components/GoodsInfo.vue
+++ b/src/views/pms/goods/components/GoodsInfo.vue
@@ -2,7 +2,7 @@
   <div class="components-container">
     <div class="components-container__main">
       <el-form
-          ref="goodsForm"
+          ref="dataForm"
           :rules="rules"
           :model="modelValue"
           label-width="120px"
@@ -43,28 +43,26 @@
         </el-form-item>
 
         <el-form-item label="商品相册">
-          <el-row :gutter="10">
-            <el-col style="width: 180px" v-for="(item,index) in pictures">
-              <el-card :body-style="{ padding: '10px' }">
 
-                <single-upload v-model="item.url"/>
+          <el-card   v-for="(item,index) in pictures" style="width: 170px;display: inline-block;margin-left: 10px" :body-style="{ padding: '10px' }">
 
-                <div class="bottom" v-if="item.url">
-                  <el-button type="text" class="button" v-if="item.main==true" style="color:#ff4d51">商品主图</el-button>
-                  <el-button type="text" class="button" v-else @click="changeMainPicture(index)">设为主图</el-button>
-                  <el-button type="text" class="button" @click="removePicture(index)">删除图片</el-button>
-                </div>
+            <single-upload v-model="item.url"/>
 
-                <div class="bottom" v-else>
-                  <el-button type="text" class="button"/>
-                </div>
-              </el-card>
-            </el-col>
-          </el-row>
+            <div class="bottom" v-if="item.url">
+              <el-button type="text" class="button" v-if="item.main==true" style="color:#ff4d51">商品主图</el-button>
+              <el-button type="text" class="button" v-else @click="changeMainPicture(index)">设为主图</el-button>
+              <el-button type="text" class="button" @click="removePicture(index)">删除图片</el-button>
+            </div>
+
+            <div class="bottom" v-else>
+              <!-- 占位 -->
+              <el-button type="text"/>
+            </div>
+          </el-card>
         </el-form-item>
 
         <el-form-item label="商品详情" prop="detail">
-          <tinymce v-model="modelValue.detail" :height="400"/>
+          <editor v-model="modelValue.detail" ></editor>
         </el-form-item>
 
       </el-form>
@@ -78,9 +76,9 @@
 <script setup lang="ts">
 import {listBrands} from "@/api/pms/brand"
 import SingleUpload from '@/components/Upload/SingleUpload.vue'
-import Tinymce from '@/components/Tinymce/index.vue'
 import {onMounted, reactive, ref, toRefs, unref} from "vue"
 import {ElForm} from "element-plus"
+import Editor from '@/components/WangEditor/index.vue'
 
 const emit = defineEmits(['prev', 'next'])
 const dataForm = ref(ElForm)