Skip to content

H
hs-app-project
Commit 5300f873 authored by Zheng Shang Jun's avatar Zheng Shang Jun
Browse files
Options

品牌商主页页面

parent 6c6c64be
Hide whitespace changes
Inline Side-by-side
Showing with 16904 additions and 571 deletions
.hbuilderx/launch.json 0 → 100644
View file @ 5300f873
{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
// launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
"version": "0.0",
"configurations": [{
"default" :
{
"launchtype" : "local"
},
"h5" :
{
"launchtype" : "local"
},
"type" : "uniCloud"
}
]
}
package-lock.json 0 → 100644
View file @ 5300f873
This source diff could not be displayed because it is too large. You can view the blob instead.
src/pages.json
View file @ 5300f873
{
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
"^hs-(.*)": "@/components/hs-$1/hs-$1.vue"
},
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/home/tenantSelection",
"style": {
"navigationBarTitleText": "租户选择",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/user/register/stepSelectType",
"style": {
"navigationBarTitleText": "完善信息",
// "navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/user/register/perfectInformation",
"style": {
"navigationBarTitleText": "完善信息",
// "navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/user/register/success",
"style": {
"navigationBarTitleText": "完善信息",
// "navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh": false
}
},
{
"path": "pages/designCommissioned/listSelectToAdd",
"style": {
"navigationBarTitleText": "选择面料新增内容",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/designCommissioned/list",
"style": {
"navigationBarTitleText": "款式委托选款列表",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/designCommissioned/addItem",
"style": {
"navigationBarTitleText": "完善信息",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/designCommissioned/item",
"style": {
"navigationBarTitleText": "委托详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/user/login/login",
"style": {
"navigationBarTitleText": "模拟登录",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/designCommissioned/splitItem",
"style": {
"navigationBarTitleText": "完善信息",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
}, {
"path": "pages/home/index",
"style": {
"navigationBarTitleText": "首页",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
}, {
"path": "pages/home/search",
"style": {
"navigationBarTitleText": "搜索",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/home/fabricList",
"style": {
"navigationBarTitleText": "我的面料",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/home/fabricDetails",
"style": {
"navigationBarTitleText": "面料详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/home/styleDetails",
"style": {
"navigationBarTitleText": "款式详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
"^hs-(.*)": "@/components/hs-$1/hs-$1.vue"
},
"pages": [
//品牌商首页
{
"path": "pages/brands/brands",
"style": {
"navigationBarTitleText": "品牌商首页",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
//信息页
{
"path":"pages/message/message",
"style":{
"navigationBarTitleText":"信息页",
"enablePullDownRefresh":true,
"h5":{
"pullToRefresh":{
"color":"#007AFF"
}
}
},
{
"path": "pages/home/sampleConfirmation",
"style": {
"navigationBarTitleText": "寄样确认",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/home/styleEntrustment",
"style": {
"navigationBarTitleText": "款式委托",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/modeling/listSelectToAdd",
"style": {
"navigationBarTitleText": "面料建模",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/modeling/addItem",
"style": {
"navigationBarTitleText": "面料建模",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/modeling/item",
"style": {
"navigationBarTitleText": "建模详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/fabricModeling/modelingOrder",
"style": {
"navigationBarTitleText": "建模详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
},
//我的
{
"path":"pages/mine/my",
"style":{
"navigationBarTitleText":"我的",
"enablePullDownRefresh":true,
"h5":{
"pullToRefresh":{
"color":"#007AFF"
}
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
}
},
//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/home/tenantSelection",
"style": {
"navigationBarTitleText": "租户选择",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/user/register/stepSelectType",
"style": {
"navigationBarTitleText": "完善信息",
// "navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/user/register/perfectInformation",
"style": {
"navigationBarTitleText": "完善信息",
// "navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/user/register/success",
"style": {
"navigationBarTitleText": "完善信息",
// "navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh": false
}
},
{
"path": "pages/designCommissioned/listSelectToAdd",
"style": {
"navigationBarTitleText": "选择面料新增内容",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/designCommissioned/list",
"style": {
"navigationBarTitleText": "款式委托选款列表",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/designCommissioned/addItem",
"style": {
"navigationBarTitleText": "完善信息",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/designCommissioned/item",
"style": {
"navigationBarTitleText": "委托详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/user/login/login",
"style": {
"navigationBarTitleText": "模拟登录",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/designCommissioned/splitItem",
"style": {
"navigationBarTitleText": "完善信息",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path": "pages/home/index",
"style": {
"navigationBarTitleText": "首页",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/home/search",
"style": {
"navigationBarTitleText": "搜索",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/home/fabricList",
"style": {
"navigationBarTitleText": "我的面料",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/home/fabricDetails",
"style": {
"navigationBarTitleText": "面料详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/home/styleDetails",
"style": {
"navigationBarTitleText": "款式详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/home/sampleConfirmation",
"style": {
"navigationBarTitleText": "寄样确认",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/home/styleEntrustment",
"style": {
"navigationBarTitleText": "款式委托",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/modeling/listSelectToAdd",
"style": {
"navigationBarTitleText": "面料建模",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/modeling/addItem",
"style": {
"navigationBarTitleText": "面料建模",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/modeling/item",
"style": {
"navigationBarTitleText": "建模详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
},
{
"path": "pages/fabricModeling/modelingOrder",
"style": {
"navigationBarTitleText": "建模详情",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES",
"allowsBounceVertical": "NO"
}
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"tabBar": {
"color": "#969799",
"selectedColor": "#000",
"borderStyle": "white",
"list": [
{
"text": "首页",
"pagePath": "pages/brands/brands",
"iconPath": "static/images/home/home.png"
// "selectedIconPath":"static/tabs/home-active.png"
},
{
"text": "消息",
"pagePath": "pages/message/message",
"iconPath": "static/images/home/message.png"
// "selectedIconPath":"static/tabs/tab-cate-current.png"
},
{
"text": "我的",
"pagePath": "pages/mine/my",
"iconPath": "static/images/home/my.png"
// "selectedIconPath":"static/tabs/tab-my-current.png"
}
]
}
}
src/pages/brands/brands.vue 0 → 100644
View file @ 5300f873
<template>
<!-- 品牌商首页 -->
<view class="brandsindex">
<!-- 展示图 -->
<view id="header" class="back_img">
<u-navbar title="" :border-bottom="false" :background="background">
<template slot="right">
<!-- 插槽搜索按钮 -->
<view @click="searchCli" class="u-m-r-24 search"
><image
class="hs-img"
src="../../static/images/home/search@2x.png"
mode=""
></image
></view>
</template>
</u-navbar>
</view>
<!-- 每日上新 -->
<view class="everyUpdate">
<u-card full :head-border-bottom="false">
<view slot="head">
<text class="title">每上更新</text>
<text class="sub-title">12334</text>
</view>
<view slot="body">
<view class="imgList">
<image src="../../static/images/brank/mei1.jpg" mode=""></image>
<image src="../../static/images/brank/mei1.jpg" mode=""></image>
<image src="../../static/images/brank/mei1.jpg" mode=""></image>
<image src="../../static/images/brank/mei1.jpg" mode=""></image>
<image src="../../static/images/brank/mei1.jpg" mode=""></image>
<image src="../../static/images/brank/mei1.jpg" mode=""></image>
<image src="../../static/images/brank/mei1.jpg" mode=""></image>
</view>
</view>
</u-card>
</view>
</view>
</template>
<script>
export default {
data() {
return {
background: { backgroundColor: "rgba(245,245,245,0)" },
};
},
methods: {
// 搜索按钮
searchCli() {
this.$router.push("/pages/home/search");
},
},
};
</script>
<style lang="scss" scoped>
//头部
.back_img {
height: 486rpx;
width: 100%;
background: url(../../static/images/home/exhibition.png) no-repeat;
background-size: 100% 100%;
}
.search {
width: 60rpx;
height: 60rpx;
}
//每日更新
.everyUpdate {
width: 100%;
::v-deep .u-card__body {
padding: 0rpx 0rpx 40rpx 36rpx !important;
}
// 标题样式
.title {
font-size: 16px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 700;
color: rgba(0, 0, 0, 0.8);
}
// 副标题
.sub-title {
font-size: 12px;
font-family: DINPro, DINPro-Medium;
font-weight: 500;
color: rgba(0, 0, 0, 0.2);
margin-left: 9rpx;
}
.imgList {
overflow-x: auto;
white-space: nowrap;
image {
width: 240rpx;
height: 160rpx;
border-radius: 5px;
padding-left: 20.3rpx;
}
}
}
</style>
src/pages/home/index.vue
View file @ 5300f873
<template>
<view>
<!-- 展示图 -->
<view id="header" class="back_img">
<u-navbar title="" :border-bottom="false" :background="background">
<template slot="right">
<view @click="searchCli" class="u-m-r-24 search"><image class="hs-img" src="../../static/images/home/search@2x.png" mode=""></image></view>
</template>
</u-navbar>
</view>
<!-- 按钮 -->
<view class="home_btn">
<view class="" v-for="item in buts" @click="goCli(item.url)">
<image class="hs-img-56" :src="item.img" mode=""></image>
<view class="u-m-t-8">{{ item.name }}</view>
</view>
</view>
<!-- 提示信息 -->
<view v-if="abolishIds.length > 0" class="u-m-t-20 tips background_d5aa7a u-font-28">
<view>
{{ abolishIds.length }}个委托单
<span class="color_fff">等待确认寄样，请尽快确认！</span>
</view>
<view class="color_fff btn u-p-l-10 u-p-r-10" @click="sampleConfirm">寄样确认</view>
</view>
<!-- 具体内容 我的面料 -->
<view class="home_con u-m-t-20">
<view class="home_con_tit">
<view>
<span class="u-font-32">我的面料</span>
<span style="line-height: 0;" class="u-m-l-10 color_000 u-font-24">MY FABRIC</span>
</view>
<view class="u-font-24 color_d5aa7a" @click="seeFabric">查看更多</view>
</view>
<view class="home_con_fabric">
<view class="home_con_content u-m-t-24" @click="detailFabric(item)" v-for="item in fiabricList">
<image class="hs-img" src="../../static/images/home/1@2x.png" mode=""></image>
<view class="home_con_content_font ov_hiden">{{ item.materialName }}</view>
</view>
</view>
</view>
<!-- 具体内容 我的订单 -->
<view class="home_con u-m-t-20">
<view class="home_con_tit">
<view>
<span class="u-font-32">我的订单</span>
<span class="u-m-l-10 color_000 u-font-24">MY FABRIC</span>
</view>
<view class="u-font-24 color_d5aa7a">查看更多</view>
</view>
<view class="home_con_order">
<view class="home_con_content_order u-m-t-24" v-for="item in 4">
<image style="width: 160rpx;height: 160rpx;" src="../../static/images/home/2.png" mode=""></image>
<view class="order_tit">
<view class="u-font-32">加厚荷兰绒绒布布料备份</view>
<view class="u-font-24 u-m-t-20">
<span>针织</span>
｜
<span>180cm</span>
｜
<span>100%面备份</span>
</view>
</view>
</view>
</view>
</view>
</view>
<view>
<!-- 展示图 -->
<view id="header" class="back_img">
<u-navbar title="" :border-bottom="false" :background="background">
<template slot="right">
<view @click="searchCli" class="u-m-r-24 search"
><image
class="hs-img"
src="../../static/images/home/search@2x.png"
mode=""
></image
></view>
</template>
</u-navbar>
</view>
<!-- 按钮 -->
<view class="home_btn">
<view class="" v-for="item in buts" @click="goCli(item.url)">
<image class="hs-img-56" :src="item.img" mode=""></image>
<view class="u-m-t-8">{{ item.name }}</view>
</view>
</view>
<!-- 提示信息 -->
<view
v-if="abolishIds.length > 0"
class="u-m-t-20 tips background_d5aa7a u-font-28"
>
<view>
{{ abolishIds.length }}个委托单
<span class="color_fff">等待确认寄样，请尽快确认！</span>
</view>
<view class="color_fff btn u-p-l-10 u-p-r-10" @click="sampleConfirm"
>寄样确认</view
>
</view>
<!-- 具体内容 我的面料 -->
<view class="home_con u-m-t-20">
<view class="home_con_tit">
<view>
<span class="u-font-32">我的面料</span>
<span style="line-height: 0" class="u-m-l-10 color_000 u-font-24"
>MY FABRIC</span
>
</view>
<view class="u-font-24 color_d5aa7a" @click="seeFabric">查看更多</view>
</view>
<view class="home_con_fabric">
<view
class="home_con_content u-m-t-24"
@click="detailFabric(item)"
v-for="item in fiabricList"
>
<image
class="hs-img"
src="../../static/images/home/1@2x.png"
mode=""
></image>
<view class="home_con_content_font ov_hiden">{{
item.materialName
}}</view>
</view>
</view>
</view>
<!-- 具体内容 我的订单 -->
<view class="home_con u-m-t-20">
<view class="home_con_tit">
<view>
<span class="u-font-32">我的订单</span>
<span class="u-m-l-10 color_000 u-font-24">MY FABRIC</span>
</view>
<view class="u-font-24 color_d5aa7a">查看更多</view>
</view>
<view class="home_con_order">
<view class="home_con_content_order u-m-t-24" v-for="item in 4">
<image
style="width: 160rpx; height: 160rpx"
src="../../static/images/home/2.png"
mode=""
></image>
<view class="order_tit">
<view class="u-font-32">加厚荷兰绒绒布布料备份</view>
<view class="u-font-24 u-m-t-20">
<span>针织</span>
｜
<span>180cm</span>
｜
<span>100%面备份</span>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
background: { backgroundColor: 'rgba(245,245,245,0)' },
quantityNum: 0,
exceptionNum: 0,
abolishIds: [],
// 我的面料
fiabricList: [],
buts: [
{
name: '面料建模',
img: '../../static/images/home/fabricModeling@2x.png',
url: '/pages/fabricModeling/modelingOrder'
},
{
name: '搜款',
img: '../../static/images/home/styleEntrustment@2x.png',
url: ''
},
{
name: '上架管理',
img: '../../static/images/home/styleManageme@2x.png',
url: ''
}
// TODO 旧版本 可能以后会用到
// {
// name: '面料建模',
// img: '../../static/images/home/fabricModeling@2x.png',
// url: '/pages/fabricModeling/modelingOrder'
// },
// {
// name: '款式委托',
// img: '../../static/images/home/styleEntrustment@2x.png',
// url: '/pages/home/styleEntrustment'
// },
// {
// name: '检测委托',
// img: '../../static/images/home/styleManageme@2x.png',
// url: ''
// },
// {
// name: '款式管理',
// img: '../../static/images/home/testCommission@2x.png',
// url: ''
// }
]
};
},
onLoad() {
this.toBeSelectedQuantity();
this.orderTicketExceptionNum();
this.noSampleOrder();
this.materialList();
},
onPageScroll(object) {
let height = 486 / 2;
if (object.scrollTop >= height) {
this.background.backgroundColor = 'rgba(245,245,245,1)';
} else {
this.background.backgroundColor = 'rgba(245,245,245,0)';
}
},
methods: {
// 选款总数
toBeSelectedQuantity() {
this.$http('orderTicket.toBeSelectedQuantity', {}).then(res => {
let { code, data } = res;
if (code == 200) {
this.quantityNum = data;
}
});
},
// 异常总数
orderTicketExceptionNum() {
this.$http('orderTicket.orderTicketExceptionNum', {}).then(res => {
let { code, data } = res;
if (code == 200) {
this.exceptionNum = data;
}
});
},
// 寄样单总数
noSampleOrder() {
this.$http('orderTicket.noSampleOrder', {}).then(res => {
let { code, data } = res;
if (code == 200) {
this.abolishIds = data;
}
});
},
// 我的面料
materialList() {
this.$http('orderTicket.materialList', {
size: 4,
materialCode: '',
materialName: ''
}).then(res => {
let { code, data } = res;
if (code == 200) {
this.fiabricList = data.data;
}
});
},
searchCli() {
// 搜索面料===1 搜索建模===2
this.$Router.push('/pages/home/search');
},
seeFabric() {
this.$Router.push('/pages/home/fabricList');
},
detailFabric(data) {
this.$Router.push('/pages/home/fabricDetails?id=' + data.id);
},
sampleConfirm() {
this.$Router.push('/pages/home/sampleConfirmation?abolishIds=' + this.abolishIds);
},
goCli(url) {
if (url) {
this.$Router.push(url);
}else{
uni.showToast({
title:'该功能正在开发中...',
icon: 'none'
})
}
}
}
data() {
return {
background: { backgroundColor: "rgba(245,245,245,0)" },
quantityNum: 0,
exceptionNum: 0,
abolishIds: [],
// 我的面料
fiabricList: [],
buts: [
{
name: "面料建模",
img: "../../static/images/home/fabricModeling@2x.png",
url: "/pages/fabricModeling/modelingOrder",
},
{
name: "搜款",
img: "../../static/images/home/styleEntrustment@2x.png",
url: "",
},
{
name: "上架管理",
img: "../../static/images/home/styleManageme@2x.png",
url: "",
},
// TODO 旧版本 可能以后会用到
// {
// name: '面料建模',
// img: '../../static/images/home/fabricModeling@2x.png',
// url: '/pages/fabricModeling/modelingOrder'
// },
// {
// name: '款式委托',
// img: '../../static/images/home/styleEntrustment@2x.png',
// url: '/pages/home/styleEntrustment'
// },
// {
// name: '检测委托',
// img: '../../static/images/home/styleManageme@2x.png',
// url: ''
// },
// {
// name: '款式管理',
// img: '../../static/images/home/testCommission@2x.png',
// url: ''
// }
],
};
},
onLoad() {
this.toBeSelectedQuantity();
this.orderTicketExceptionNum();
this.noSampleOrder();
this.materialList();
},
onPageScroll(object) {
let height = 486 / 2;
if (object.scrollTop >= height) {
this.background.backgroundColor = "rgba(245,245,245,1)";
} else {
this.background.backgroundColor = "rgba(245,245,245,0)";
}
},
methods: {
// 选款总数
toBeSelectedQuantity() {
this.$http("orderTicket.toBeSelectedQuantity", {}).then((res) => {
let { code, data } = res;
if (code == 200) {
this.quantityNum = data;
}
});
},
// 异常总数
orderTicketExceptionNum() {
this.$http("orderTicket.orderTicketExceptionNum", {}).then((res) => {
let { code, data } = res;
if (code == 200) {
this.exceptionNum = data;
}
});
},
// 寄样单总数
noSampleOrder() {
this.$http("orderTicket.noSampleOrder", {}).then((res) => {
let { code, data } = res;
if (code == 200) {
this.abolishIds = data;
}
});
},
// 我的面料
materialList() {
this.$http("orderTicket.materialList", {
size: 4,
materialCode: "",
materialName: "",
}).then((res) => {
let { code, data } = res;
if (code == 200) {
this.fiabricList = data.data;
}
});
},
searchCli() {
// 搜索面料===1 搜索建模===2
this.$Router.push("/pages/home/search");
},
seeFabric() {
this.$Router.push("/pages/home/fabricList");
},
detailFabric(data) {
this.$Router.push("/pages/home/fabricDetails?id=" + data.id);
},
sampleConfirm() {
this.$Router.push(
"/pages/home/sampleConfirmation?abolishIds=" + this.abolishIds
);
},
goCli(url) {
if (url) {
this.$Router.push(url);
} else {
uni.showToast({
title: "该功能正在开发中...",
icon: "none",
});
}
},
},
};
</script>
<style lang="scss" scoped>
.back_img {
height: 486rpx;
width: 100%;
background: url(../../static/images/home/exhibition.png) no-repeat;
background-size: 100% 100%;
height: 486rpx;
width: 100%;
background: url(../../static/images/home/exhibition.png) no-repeat;
background-size: 100% 100%;
}
.home_top {
position: relative;
width: 100%;
height: 486rpx;
.home_top_out {
position: absolute;
top: 20rpx;
width: 100%;
padding: 0 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
.out {
width: 32rpx;
height: 32rpx;
}
}
position: relative;
width: 100%;
height: 486rpx;
.home_top_out {
position: absolute;
top: 20rpx;
width: 100%;
padding: 0 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
.out {
width: 32rpx;
height: 32rpx;
}
}
}
.search {
width: 60rpx;
height: 60rpx;
width: 60rpx;
height: 60rpx;
}
.tips {
display: flex;
height: 80rpx;
align-items: center;
justify-content: space-around;
padding: 0 20rpx;
display: flex;
height: 80rpx;
align-items: center;
justify-content: space-around;
padding: 0 20rpx;
}
.home_btn {
width: 100%;
height: 180rpx;
display: flex;
justify-content: space-around;
align-items: center;
text-align: center;
background: #fff;
width: 100%;
height: 180rpx;
display: flex;
justify-content: space-around;
align-items: center;
text-align: center;
background: #fff;
}
.home_con {
width: 100%;
box-sizing: border-box;
padding: 30rpx;
background: #fff;
.home_con_tit {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.home_con_fabric {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home_con_order {
// display: flex;
// flex-wrap: wrap;
// justify-content: space-between;
}
width: 100%;
box-sizing: border-box;
padding: 30rpx;
background: #fff;
.home_con_tit {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.home_con_fabric {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home_con_order {
// display: flex;
// flex-wrap: wrap;
// justify-content: space-between;
}
}
.home_con_content {
position: relative;
width: 48%;
height: 160rpx;
border-radius: 8rpx;
overflow: hidden;
// background-image: url(../../static/images/home/1@2x.png);
.home_con_content_font {
position: absolute;
bottom: 0;
width: 100%;
height: 60rpx;
line-height: 60rpx;
box-sizing: border-box;
padding: 0 10rpx;
background: rgba(255, 255, 255, 0.8);
}
position: relative;
width: 48%;
height: 160rpx;
border-radius: 8rpx;
overflow: hidden;
// background-image: url(../../static/images/home/1@2x.png);
.home_con_content_font {
position: absolute;
bottom: 0;
width: 100%;
height: 60rpx;
line-height: 60rpx;
box-sizing: border-box;
padding: 0 10rpx;
background: rgba(255, 255, 255, 0.8);
}
}
.home_con_content_order {
display: flex;
align-items: center;
justify-content: space-between;
height: 160rpx;
border-radius: 8rpx;
overflow: hidden;
.order_tit {
flex-direction: column;
display: flex;
justify-content: center;
padding: 20rpx;
flex: 1;
height: 100%;
background: rgba(172, 166, 166, 0.5);
}
display: flex;
align-items: center;
justify-content: space-between;
height: 160rpx;
border-radius: 8rpx;
overflow: hidden;
.order_tit {
flex-direction: column;
display: flex;
justify-content: center;
padding: 20rpx;
flex: 1;
height: 100%;
background: rgba(172, 166, 166, 0.5);
}
}
.ov_hiden {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.btn {
line-height: 50rpx;
text-align: center;
height: 50rpx;
border: 1rpx solid #fff;
line-height: 50rpx;
text-align: center;
height: 50rpx;
border: 1rpx solid #fff;
}
.color_000 {
color: rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.2);
}
.color_d5aa7a {
color: #d5aa7a;
color: #d5aa7a;
}
.color_dda973 {
color: #dda973;
color: #dda973;
}
.color_fff {
color: #fff;
color: #fff;
}
.background_d5aa7a {
background: #d5aa7a;
background: #d5aa7a;
}
</style>
src/pages/message/message.vue 0 → 100644
View file @ 5300f873
<template>
<view>信息</view>
</template>
<script>
</script>
<style>
</style>
src/pages/mine/my.vue 0 → 100644
View file @ 5300f873
<template>
<view>我的</view>
</template>
<script>
</script>
<style>
</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