xiaofeng
/
JDHY
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

新增产品库页面

master
С·æ 4 years ago
parent
ee4a723152
commit
eef23c0a1d
4 changed files with 132 additions and 56 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      客户端/齐越慧眼/齐越慧眼/vuepage/client/src/router/index.js
  2. 128
      客户端/齐越慧眼/齐越慧眼/vuepage/client/src/views/items/Index.vue
  3. 49
      客户端/齐越慧眼/齐越慧眼/webpages/cats.html
  4. 2
      客户端/齐越慧眼/齐越慧眼/齐越慧眼.csproj

9
客户端/齐越慧眼/齐越慧眼/vuepage/client/src/router/index.js
View File

@ -1,6 +1,7 @@
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/cats/Index.vue'
import Items from '../views/items/Index.vue'
Vue.use(VueRouter)
@ -11,11 +12,9 @@ const routes = [
component: Home
},
{
path: '/about',
name: 'About',
component: function () {
return import(/* webpackChunkName: "about" */ '../views/About.vue')
}
path: '/item',
name: 'item',
component: Items
}
]

128
客户端/齐越慧眼/齐越慧眼/vuepage/client/src/views/items/Index.vue
View File

@ -0,0 +1,128 @@
<template>
<div class="about">
<a-tabs>
<a-tab-pane key="1" tab="初选">
</a-tab-pane>
<a-tab-pane key="2" tab="精选">
</a-tab-pane>
<a-tab-pane key="3" tab="已上架">
</a-tab-pane>
<a-tab-pane key="4" tab="放弃">
</a-tab-pane>
</a-tabs>
<a-card>
<a-row >
<a-col :span="3">
<div class="headCol headColFirst">商品信息</div>
</a-col>
<a-col :span="1">
<div class="headCol">平台</div>
</a-col>
<a-col :span="2">
<div class="headCol">SKU名称</div>
</a-col>
<a-col :span="1">
<div class="headCol">采购链接</div>
</a-col>
<a-col :span="2">
<div class="headCol">供应商来源方式</div>
</a-col>
<a-col :span="1">
<div class="headCol">采购价</div>
</a-col>
<a-col :span="1">
<div class="headCol">快递费</div>
</a-col>
<a-col :span="1">
<div class="headCol">平台扣点</div>
</a-col>
<a-col :span="1">
<div class="headCol">利润率</div>
</a-col>
<a-col :span="3">
<div class="headCol">对标商品信息</div>
</a-col>
</a-row>
<!--内容页面-->
<a-row justify="center" style="text-align: center;">
<a-col :span="3">
<div style="height: 80px;">商品信息</div>
</a-col>
<a-col :span="1">
<div>平台</div>
<div>平台</div>
<div>平台</div>
<div>平台</div>
</a-col>
<a-col :span="2">
<div>SKU名称</div>
</a-col>
<a-col :span="1">
<div>采购链接</div>
</a-col>
<a-col :span="2">
<div>供应商来源方式</div>
</a-col>
<a-col :span="1">
<div>采购价</div>
</a-col>
<a-col :span="1">
<div>快递费</div>
</a-col>
<a-col :span="1">
<div>平台扣点</div>
</a-col>
<a-col :span="1">
<div>利润率</div>
</a-col>
<a-col :span="3">
<div style="height: 80px;">对标商品信息</div>
</a-col>
<!--操作-->
<a-col :span="24">
<a-row>
<a-col :span="3">
<div>对标商品信息</div>
</a-col>
<a-col :span="10">操作</a-col>
<a-col :span="3">
<div>对标商品信息</div>
</a-col>
</a-row>
</a-col>
</a-row>
</a-card>
</div>
</template>
<script>
export default {
data() {
return {
}
},
}
</script>
<style>
.headCol {
border: 1px solid rgba(215, 215, 215, 1);
border-left: 0px;
text-align: center;
background-color: rgba(243, 242, 247, 1);
}
.headColFirst {
border-left: 1px solid rgba(215, 215, 215, 1);
}
</style>

49
客户端/齐越慧眼/齐越慧眼/webpages/cats.html
View File

@ -1,49 +0,0 @@
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.min.js"></script>
</head>
<body>
<div id="app">
<ul class="nav nav-tabs">
<li @click="()=>{selectType=item.value}" class="nav-item" v-for="(item,index) in typeList" :key="index">
<a :class="selectType==item.value?'nav-link active':'nav-link'" aria-current="page"
href="#">{{item.name}}</a>
</li>
</ul>
<div>
<a class="btn btn-primary" data-bs-toggle="collapse" href="#multiCollapseExample1" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">Toggle first element</a>
<div class="collapse multi-collapse" id="multiCollapseExample1">
<div class="card card-body">
Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.
</div>
</div>
</div>
</div>
</body>
<script>
var vm = new Vue({
el: '#app',
data: {
selectType: 1,
typeList: [{ name: '淘宝', value: 1 }, { name: '京东', value: 2 }, { name: '拼多多', value: 3 }]
},
created() {
},
methods: {
},
})
</script>
</html>

2
客户端/齐越慧眼/齐越慧眼/齐越慧眼.csproj
View File

@ -59,7 +59,6 @@
<None Remove="vuepage\client\README.md" />
<None Remove="vuepage\client\vue.config.js" />
<None Remove="vuepage\client\yarn.lock" />
<None Remove="webpages\cats.html" />
</ItemGroup>
<ItemGroup>
@ -78,7 +77,6 @@
<EmbeddedResource Include="vuepage\client\dist\js\app.js.map" />
<EmbeddedResource Include="vuepage\client\dist\js\chunk-vendors.js" />
<EmbeddedResource Include="vuepage\client\dist\js\chunk-vendors.js.map" />
<EmbeddedResource Include="webpages\cats.html" />
</ItemGroup>
<ItemGroup>

Write Preview
Loading…
Cancel
Save