Skip to content

J
jiedao-app-operator-master
Commit bb7b9c36 authored by 邓春圆's avatar 邓春圆
Browse files
Options

渠道管理 页面布局

parent 6095b166
Hide whitespace changes
Inline Side-by-side
Showing with 252 additions and 0 deletions
src/views/ecw/channelMnage/componrnts/packaging-type.vue 0 → 100644
View file @ bb7b9c36
<template>
<div>
<el-row type="flex" align="align" :gutter="10" >
<el-col :span="3">空运订单重量上限(kg)</el-col>
<el-col :span="6" ><el-input></el-input></el-col>
<el-col :span="6"><el-button type="danger">删除包装类型1</el-button></el-col>
</el-row>
<h1>空运清关费</h1>
<el-row :gutter="10">
<el-col :span="4">
第1阶梯定价方案：
</el-col>
<el-col :span="6">
<el-button type="primary">
添加区间
</el-button>
<el-button type="danger">
删除
</el-button>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="3">
第1阶梯
</el-col>
<el-col :span="6">
<div style="display: flex;align-items: center;">
<el-input></el-input> - <el-input></el-input> / <el-input></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="3" >
空运清关费
</el-col>
<el-col :span="6">
<div style="display: flex;align-items: center;">
<el-input></el-input><el-input></el-input> / <el-input></el-input>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: "packaging-type"
}
</script>
<style scoped>
.el-row {
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
</style>
src/views/ecw/channelMnage/edit.vue 0 → 100644
View file @ bb7b9c36
<template>
<div>
<el-card>
<div slot="header" class="clearfix">
<span>渠道信息</span>
</div>
<el-form label-width="100px">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="中文名称">
<el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="英文名称">
<el-input></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="内部名称中文">
<el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="内部名称英文">
<el-input></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="类型编码">
<el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="简码">
<el-input></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="归属仓库">
</el-form-item>
</el-col>
<el-col :span="12">
<el-row>
<el-col>
<el-form-item label="排序">
<el-input></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<el-form-item label="快递">
<el-input></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<el-form-item label="预计到达时间">
<el-input></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="可出商品特性"></el-form-item>
</el-col>
</el-row>
<div style="display: flex; justify-content: space-between;">
<h1>
渠道包装列表
</h1>
<div>
<el-button type="primary" >添加包装类型</el-button>
<el-button type="text">选择渠道包装模板</el-button>
</div>
</div>
<el-row :gutter="20">
<el-col :span="2">包装类型1：</el-col>
<el-col :span="5"><el-input></el-input></el-col>
<el-col :span="16">
<packaging-type></packaging-type>
</el-col>
</el-row>
<el-form-item label="备注中文">
<el-input></el-input>
</el-form-item>
<el-form-item label="备注英文">
<el-input></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary">提交</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
</el-card>
</div>
</template>
<script>
import PackagingType from "@/views/ecw/channelMnage/componrnts/packaging-type.vue";
export default {
name: "edit",
components: {PackagingType}
}
</script>
<style scoped>
</style>
src/views/ecw/channelMnage/list.vue 0 → 100644
View file @ bb7b9c36
<template>
<div>
<el-card>
<div slot="header">
<el-form inline label-width="100px">
<el-form-item label="名称">
<el-input></el-input>
</el-form-item>
<el-form-item label="内部名称">
<el-input></el-input>
</el-form-item>
<el-form-item label="类型编码">
<el-input></el-input>
</el-form-item>
<el-form-item label="快递ID" >
<el-input></el-input>
</el-form-item>
<el-form-item label="预计时间">
<el-input></el-input>
</el-form-item>
<el-form-item label="渠道代理">
<el-input></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary">搜索</el-button>
<el-button>重置</el-button>
</el-form-item>
</el-form>
</div>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini">
{{$t('新增')}}</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain size="mini">
{{$t('下载')}}</el-button>
</el-col>
<!-- :showSearch.sync="" @queryTable=""-->
<right-toolbar ></right-toolbar>
</el-row>
<el-table>
<el-table-column label="渠道ID"></el-table-column>
<el-table-column label="名称" ></el-table-column>
<el-table-column label="内部名称" ></el-table-column>
<el-table-column label="仓库名" ></el-table-column>
<el-table-column label="简码" ></el-table-column>
<el-table-column label="排序"></el-table-column>
<el-table-column label="快递公司"></el-table-column>
<el-table-column label="预计时间（天）"></el-table-column>
<el-table-column label=" 渠道代理"></el-table-column>
<el-table-column label="备注"></el-table-column>
<el-table-column label="创建时间"></el-table-column>
<el-table-column label="操作"></el-table-column>
</el-table>
<pagination></pagination>
</el-card>
</div>
</template>
<script>
export default {
name: "list"
}
</script>
<style scoped>
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment