新增商品详情md转html

src/views/shop/shopGoods/components/search.vue

@@ -31,6 +31,23 @@
       </template>
       <span>导入图片</span>
     </a-button>
+    <a-button type="dashed" class="ele-btn-icon" @click="openDetailImport">
+      <template #icon>
+        <UploadOutlined />
+      </template>
+      <span>导入详情</span>
+    </a-button>
+    <a-button
+      type="dashed"
+      class="ele-btn-icon"
+      :disabled="selection?.length === 0"
+      @click="convertContent"
+    >
+      <template #icon>
+        <SyncOutlined />
+      </template>
+      <span>转换详情</span>
+    </a-button>
     <a-button type="dashed" class="ele-btn-icon" @click="handleExport">
       导出xls
     </a-button>
@@ -70,7 +87,12 @@
 </template>
 
 <script lang="ts" setup>
-  import { PlusOutlined, DeleteOutlined, UploadOutlined } from '@ant-design/icons-vue';
+  import {
+    PlusOutlined,
+    DeleteOutlined,
+    UploadOutlined,
+    SyncOutlined
+  } from '@ant-design/icons-vue';
   import { ref, watch } from 'vue';
   import { getCount } from '@/api/shop/shopGoods';
   import type { GoodsCount, ShopGoodsParam } from '@/api/shop/shopGoods/model';
@@ -112,6 +134,8 @@
     (e: 'batchMove'): void;
     (e: 'import'): void;
     (e: 'imageImport'): void;
+    (e: 'detailImport'): void;
+    (e: 'convertContent'): void;
     (e: 'export'): void;
   }>();
 
@@ -134,6 +158,14 @@
     emit('imageImport');
   };
 
+  const openDetailImport = () => {
+    emit('detailImport');
+  };
+
+  const convertContent = () => {
+    emit('convertContent');
+  };
+
   // 导出
   const handleExport = () => {
     emit('export');

src/views/shop/shopGoods/components/shopGoodsEdit.vue

@@ -24,9 +24,14 @@
     >
       <a-tabs type="card" v-model:active-key="active" @change="onChange">
         <a-tab-pane tab="基本信息" key="base">
-<!--          <a-form-item label="商品ID" name="goodsId">-->
-<!--            {{ form.goodsId }}-->
-<!--          </a-form-item>-->
+          <a-form-item label="商品名称" name="name">
+            <a-input
+              allow-clear
+              style="width: 558px"
+              placeholder="请输入商品名称"
+              v-model:value="form.name"
+            />
+          </a-form-item>
           <a-form-item label="商品分类" name="categoryId">
             <a-tree-select
               allow-clear
@@ -41,12 +46,12 @@
               @change="onCategoryId"
             />
           </a-form-item>
-          <a-form-item label="商品名称" name="name">
+          <a-form-item label="商品编码" name="code">
             <a-input
               allow-clear
               style="width: 558px"
-              placeholder="请输入商品名称"
-              v-model:value="form.name"
+              placeholder="请输入商品编码"
+              v-model:value="form.code"
             />
           </a-form-item>
           <a-form-item label="商品卖点" name="comments">