|
@@ -73,9 +73,9 @@
|
|
|
:modal-append-to-body="false"
|
|
|
:close-on-click-modal="false"
|
|
|
:close-on-press-escape="false"
|
|
|
- width="90%"
|
|
|
+
|
|
|
class="w-11/12 !rounded-lg"
|
|
|
- >
|
|
|
+ ><!-- width="90%" -->
|
|
|
<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">
|
|
|
<span class="pr-2.5">基本信息</span>
|
|
@@ -169,46 +169,27 @@
|
|
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
|
|
<el-tab-pane label="亚马逊" name="first">
|
|
|
<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-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-form :model="form" label-width="120px">
|
|
|
<el-form-item label="模板名称" required>
|
|
|
<el-input v-model="form.templateName" placeholder="请填写模板名称"></el-input>
|
|
|
</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 label="刊登类别" required>
|
|
@@ -216,20 +197,17 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<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 label="标题" required>
|
|
@@ -242,11 +220,11 @@
|
|
|
</el-form>
|
|
|
<el-col :span="4">
|
|
|
<!-- 锚点导航 -->
|
|
|
- <el-timeline>
|
|
|
+ <!-- <el-timeline>
|
|
|
<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>
|
|
|
</el-timeline-item>
|
|
|
- </el-timeline>
|
|
|
+ </el-timeline> -->
|
|
|
</el-col>
|
|
|
</el-main>
|
|
|
</el-container>
|
|
@@ -408,7 +386,7 @@ const form = ref<any>({});
|
|
|
const anchors = ref([
|
|
|
{ id: 'site-category', label: '站点类别', active: true },
|
|
|
{ id: 'basic-info', label: '基本信息', active: false },
|
|
|
- { id: 'product-attributes', label: '产品属性', active: false }
|
|
|
+ { id: 'product-attributes', label: '产品属性', active: false },
|
|
|
]);
|
|
|
|
|
|
const store = useStore();
|
|
@@ -461,7 +439,7 @@ const packageFormRef = ref();
|
|
|
const productClassList = ref<any>([]);
|
|
|
/* 标签列表 */
|
|
|
const labelList = ref<any>([]);
|
|
|
- const setActiveAnchor = (index) => {
|
|
|
+const setActiveAnchor = (index) => {
|
|
|
anchors.value.forEach((anchor, i) => {
|
|
|
anchor.active = i === index;
|
|
|
});
|