瀏覽代碼

调整新增产品样式

yangg 11 月之前
父節點
當前提交
5a7eeb1013
共有 1 個文件被更改,包括 30 次插入52 次删除
  1. 30 52
      src/views/goods/SKUList.vue

+ 30 - 52
src/views/goods/SKUList.vue

@@ -73,9 +73,9 @@
       :modal-append-to-body="false"
       :modal-append-to-body="false"
       :close-on-click-modal="false"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
       :close-on-press-escape="false"
-      width="90%"
+     
       class="w-11/12 !rounded-lg"
       class="w-11/12 !rounded-lg"
-    >
+    ><!--  width="90%" -->
       <el-form :model="skuForm" :rules="stockRules" ref="skuFormRef" label-width="140px">
       <el-form :model="skuForm" :rules="stockRules" ref="skuFormRef" label-width="140px">
         <div class="text-base bg-transparent border-t-0 border-b-0 p-0 pl-3 ml-6 relative mb-5">
         <div class="text-base bg-transparent border-t-0 border-b-0 p-0 pl-3 ml-6 relative mb-5">
           <span class="pr-2.5">基本信息</span>
           <span class="pr-2.5">基本信息</span>
@@ -169,46 +169,27 @@
             <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
             <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
               <el-tab-pane label="亚马逊" name="first">
               <el-tab-pane label="亚马逊" name="first">
                 <el-container>
                 <el-container>
-                  <el-aside width="200px">
-                    <el-menu default-active="1">
-                      <el-menu-item index="1">未命名模板</el-menu-item>
-                      <el-menu-item index="2">美国站,单属性</el-menu-item>
-                    </el-menu>
-                  </el-aside>
-
                   <el-container>
                   <el-container>
-                    <el-header>
-                      <el-tabs v-model="activeTab">
-                        <el-tab-pane label="刊登模板" name="1"></el-tab-pane>
-                      </el-tabs>
-                    </el-header>
-
                     <el-main class="flex justify-between">
                     <el-main class="flex justify-between">
                       <el-form :model="form" label-width="120px">
                       <el-form :model="form" label-width="120px">
                         <el-form-item label="模板名称" required>
                         <el-form-item label="模板名称" required>
                           <el-input v-model="form.templateName" placeholder="请填写模板名称"></el-input>
                           <el-input v-model="form.templateName" placeholder="请填写模板名称"></el-input>
                         </el-form-item>
                         </el-form-item>
+                        <div class="text-base bg-transparent border-t-0 border-b-0 p-0 pl-3 ml-6 relative mb-5 mt-5">
+                          <span class="pr-2.5">站点类目</span>
+                          <div class="absolute left-0 top-0 w-1 h-full bg-[#FB9332] rounded-md"></div>
+                        </div>
+                        <el-form-item label="站点">
+                          <el-select v-model="form.site" placeholder="请选择">
+                            <el-option label="美国" value="美国"></el-option>
+                          </el-select>
+                        </el-form-item>
 
 
-                        <el-divider></el-divider>
-
-                        <el-form-item label="站点类别">
-                          <el-row>
-                            <el-col :span="12">
-                              <el-form-item label="站点">
-                                <el-select v-model="form.site" placeholder="请选择">
-                                  <el-option label="美国" value="美国"></el-option>
-                                </el-select>
-                              </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                              <el-form-item label="刊登类型">
-                                <el-radio-group v-model="form.listingType">
-                                  <el-radio label="单属性"></el-radio>
-                                  <el-radio label="多属性"></el-radio>
-                                </el-radio-group>
-                              </el-form-item>
-                            </el-col>
-                          </el-row>
+                        <el-form-item label="刊登类型">
+                          <el-radio-group v-model="form.listingType">
+                            <el-radio label="单属性"></el-radio>
+                            <el-radio label="多属性"></el-radio>
+                          </el-radio-group>
                         </el-form-item>
                         </el-form-item>
 
 
                         <el-form-item label="刊登类别" required>
                         <el-form-item label="刊登类别" required>
@@ -216,20 +197,17 @@
                         </el-form-item>
                         </el-form-item>
 
 
                         <el-divider></el-divider>
                         <el-divider></el-divider>
+                        <div class="text-base bg-transparent border-t-0 border-b-0 p-0 pl-3 ml-6 relative mb-5 mt-5">
+                          <span class="pr-2.5">站点类目</span>
+                          <div class="absolute left-0 top-0 w-1 h-full bg-[#FB9332] rounded-md"></div>
+                        </div>
+
+                        <el-form-item label="快速填号">
+                          <el-select v-model="form.quickFill" placeholder="请选择"></el-select>
+                        </el-form-item>
 
 
-                        <el-form-item label="基本信息">
-                          <el-row>
-                            <el-col :span="12">
-                              <el-form-item label="快速填号">
-                                <el-select v-model="form.quickFill" placeholder="请选择"></el-select>
-                              </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                              <el-form-item label="亚马逊账号">
-                                <el-select v-model="form.amazonAccount" placeholder="请选择账号"></el-select>
-                              </el-form-item>
-                            </el-col>
-                          </el-row>
+                        <el-form-item label="亚马逊账号">
+                          <el-select v-model="form.amazonAccount" placeholder="请选择账号"></el-select>
                         </el-form-item>
                         </el-form-item>
 
 
                         <el-form-item label="标题" required>
                         <el-form-item label="标题" required>
@@ -242,11 +220,11 @@
                       </el-form>
                       </el-form>
                       <el-col :span="4">
                       <el-col :span="4">
                         <!-- 锚点导航 -->
                         <!-- 锚点导航 -->
-                        <el-timeline>
+                        <!--  <el-timeline>
                           <el-timeline-item v-for="(item, index) in anchors" :key="index" :color="item.active ? 'orange' : 'gray'">
                           <el-timeline-item v-for="(item, index) in anchors" :key="index" :color="item.active ? 'orange' : 'gray'">
                             <a :href="'#' + item.id" @click="setActiveAnchor(index)">{{ item.label }}</a>
                             <a :href="'#' + item.id" @click="setActiveAnchor(index)">{{ item.label }}</a>
                           </el-timeline-item>
                           </el-timeline-item>
-                        </el-timeline>
+                        </el-timeline> -->
                       </el-col>
                       </el-col>
                     </el-main>
                     </el-main>
                   </el-container>
                   </el-container>
@@ -408,7 +386,7 @@ const form = ref<any>({});
 const anchors = ref([
 const anchors = ref([
   { id: 'site-category', label: '站点类别', active: true },
   { id: 'site-category', label: '站点类别', active: true },
   { id: 'basic-info', label: '基本信息', active: false },
   { id: 'basic-info', label: '基本信息', active: false },
-  { id: 'product-attributes', label: '产品属性', active: false }
+  { id: 'product-attributes', label: '产品属性', active: false },
 ]);
 ]);
 
 
 const store = useStore();
 const store = useStore();
@@ -461,7 +439,7 @@ const packageFormRef = ref();
 const productClassList = ref<any>([]);
 const productClassList = ref<any>([]);
 /* 标签列表 */
 /* 标签列表 */
 const labelList = ref<any>([]);
 const labelList = ref<any>([]);
-  const setActiveAnchor = (index) => {
+const setActiveAnchor = (index) => {
   anchors.value.forEach((anchor, i) => {
   anchors.value.forEach((anchor, i) => {
     anchor.active = i === index;
     anchor.active = i === index;
   });
   });