Skip to content

H
hs-app-project
Commit c21d994f authored by 阮藤's avatar 阮藤
Browse files
Options

相关问题解决

parent 6e57e4fb
Show whitespace changes
Inline Side-by-side
Showing with 380 additions and 162 deletions
src/pages/home/fabricDetails.vue
View file @ c21d994f
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<u-navbar :is-back="true" :background="{ backgroundColor: '#F5F5F5' }" title="面料详情"></u-navbar> <u-navbar :is-back="true" :background="{ backgroundColor: '#F5F5F5' }" title="面料详情"></u-navbar>
<!-- 背景图 --> <!-- 背景图 -->
<view class="back_img"></view> <view class="back_img"></view>
<view class="content u-p-30"> <view class="content u-p-30" v-if="fabricObj">
<!-- 面料基本信息 --> <!-- 面料基本信息 -->
<view class="fabric_tit u-p-30"> <view class="fabric_tit u-p-30">
<view class="color_DDA973 u-font-32">{{ materialInfo.materialName }}</view> <view class="color_DDA973 u-font-32">{{ materialInfo.materialName }}</view>
...@@ -19,13 +19,13 @@ ...@@ -19,13 +19,13 @@
<!-- 建模信息 --> <!-- 建模信息 -->
<view class="modeling_tit u-p-30"> <view class="modeling_tit u-p-30">
<view class="tit_date u-font-32"> <view class="tit_date u-font-32">
<span class="u-font-28 ft-wt-700">建模委托信息</span> <span class="u-font-28 hs-weight-700">建模委托信息</span>
<span class="u-font-24"> <span class="u-font-24">
{{ fabricObj.completionDate }} {{ fabricObj.completionDate }}
<u-icon size="28" class="u-m-l-5" color="#ccc" name="arrow-right"></u-icon> <u-icon size="28" class="u-m-l-5" color="#ccc" name="arrow-right"></u-icon>
</span> </span>
</view> </view>
<view class="ds_flex jt_con_center fx_dir_column ht_136"> <view class="ds_flex jt_con_center fx_dir_column hs-height-136">
<view class="ds_flex"> <view class="ds_flex">
<span class="width_30 color_00004">检测服务商</span> <span class="width_30 color_00004">检测服务商</span>
<!-- TODO 后期修改 --> <!-- TODO 后期修改 -->
...@@ -40,13 +40,13 @@ ...@@ -40,13 +40,13 @@
<!-- 检测委托信息 --> <!-- 检测委托信息 -->
<view class="modeling_tit bd_rad_8 u-m-t-30 u-p-30"> <view class="modeling_tit bd_rad_8 u-m-t-30 u-p-30">
<view class="tit_date"> <view class="tit_date">
<span class="u-font-28 ft-wt-700">检测委托信息</span> <span class="u-font-28 hs-weight-700">检测委托信息</span>
<span class="u-font-24"> <span class="u-font-24">
2021年12月12日 2021年12月12日
<u-icon size="28" class="u-m-l-5" color="#ccc" name="arrow-right"></u-icon> <u-icon size="28" class="u-m-l-5" color="#ccc" name="arrow-right"></u-icon>
</span> </span>
</view> </view>
<view class="ds_flex jt_con_center fx_dir_column ht_136"> <view class="ds_flex jt_con_center fx_dir_column hs-height-136">
<view class="ds_flex"> <view class="ds_flex">
<span class="width_30 color_00004">检测服务商</span> <span class="width_30 color_00004">检测服务商</span>
<span class="flex-sub">上海天飞智慧科技有限公司</span> <span class="flex-sub">上海天飞智慧科技有限公司</span>
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
</view> </view>
<!-- 已提交款式 --> <!-- 已提交款式 -->
<view class="modeling_tit bd_rad_8 u-m-t-30 u-p-30"> <view class="modeling_tit bd_rad_8 u-m-t-30 u-p-30">
<view class="u-font-28 ft-wt-700 u-m-b-24">已提交款式</view> <view class="u-font-28 hs-weight-700 u-m-b-24">已提交款式</view>
<u-search bg-color="#fff" border-color="#ececec" placeholder="请输入面料名称" :show-action="false" v-model="searchFabric"></u-search> <u-search bg-color="#fff" border-color="#ececec" placeholder="请输入面料名称" :show-action="false" v-model="searchFabric"></u-search>
<view class="ds_flex fx_wrap jt_con_sp_between txt_center"> <view class="ds_flex fx_wrap jt_con_sp_between txt_center">
<view @click="seeStyleDetails(item)" v-for="(item, index) in tableList" class="u-m-t-30"> <view @click="seeStyleDetails(item)" v-for="(item, index) in tableList" class="u-m-t-30">
...@@ -77,7 +77,7 @@ export default { ...@@ -77,7 +77,7 @@ export default {
data() { data() {
return { return {
searchFabric: '', searchFabric: '',
fabricObj: {}, fabricObj: null,
id: '', id: '',
tableList: [1, 2, 3, 4, 5] tableList: [1, 2, 3, 4, 5]
}; };
...@@ -125,9 +125,6 @@ export default { ...@@ -125,9 +125,6 @@ export default {
.color_00004 { .color_00004 {
color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4);
} }
.ft-wt-700 {
font-weight: 700;
}
.background_fff { .background_fff {
background: #fff; background: #fff;
} }
...@@ -210,8 +207,9 @@ export default { ...@@ -210,8 +207,9 @@ export default {
.back_img { .back_img {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 600rpx; height: 450rpx;
background-image: url(../../static/images/home/exhibition.png); background: url(../../static/images/home/exhibition.png) no-repeat;
background-size: 100% 100%;
} }
.img_120 { .img_120 {
width: 120rpx; width: 120rpx;
......
src/pages/home/index.vue
View file @ c21d994f
<template> <template>
<view> <view>
<statusBar />
<!-- 展示图 --> <!-- 展示图 -->
<view class="home_top"> <view id="header" class="back_img">
<image src="../../static/images/home/exhibition@2x.png" style="width: 100%;height: 100%;" mode=""></image> <u-navbar title="" :border-bottom="false" :background="background">
<view class="home_top_out"> <template slot="right">
<view class="out"><image style="width: 100%;height: 100%;" src="../../static/images/home/zuojiantou@2x.png" mode=""></image></view> <view @click="searchCli" class="u-m-r-24 search"><image class="hs-img" src="../../static/images/home/search@2x.png" mode=""></image></view>
<view @click="searchCli" class="search"><image style="width: 100%;height: 100%;" src="../../static/images/home/search@2x.png" mode=""></image></view> </template>
</view> </u-navbar>
</view> </view>
<!-- 按钮 --> <!-- 按钮 -->
<view class="home_btn"> <view class="home_btn">
...@@ -50,7 +49,7 @@ ...@@ -50,7 +49,7 @@
<view class="u-font-24 color_d5aa7a">查看更多</view> <view class="u-font-24 color_d5aa7a">查看更多</view>
</view> </view>
<view class="home_con_order"> <view class="home_con_order">
<view class="home_con_content_order u-m-t-24" v-for="item in 2"> <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> <image style="width: 160rpx;height: 160rpx;" src="../../static/images/home/2.png" mode=""></image>
<view class="order_tit"> <view class="order_tit">
<view class="u-font-32">加厚荷兰绒绒布布料备份</view> <view class="u-font-32">加厚荷兰绒绒布布料备份</view>
...@@ -68,13 +67,10 @@ ...@@ -68,13 +67,10 @@
</view> </view>
</template> </template>
<script> <script>
import statusBar from '@/components/statusBar.vue';
export default { export default {
components: {
statusBar
},
data() { data() {
return { return {
background: { backgroundColor: 'rgba(245,245,245,0)' },
quantityNum: 0, quantityNum: 0,
exceptionNum: 0, exceptionNum: 0,
abolishIds: [], abolishIds: [],
...@@ -90,7 +86,7 @@ export default { ...@@ -90,7 +86,7 @@ export default {
name: '款式委托', name: '款式委托',
img: '../../static/images/home/styleEntrustment@2x.png', img: '../../static/images/home/styleEntrustment@2x.png',
url: '/pages/home/styleEntrustment' url: '/pages/home/styleEntrustment'
// url: '/pages/home/demo' // url: '/pages/home/demo1'
}, },
{ {
name: '检测委托', name: '检测委托',
...@@ -111,6 +107,14 @@ export default { ...@@ -111,6 +107,14 @@ export default {
this.noSampleOrder(); this.noSampleOrder();
this.materialList(); 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: { methods: {
// 选款总数 // 选款总数
toBeSelectedQuantity() { toBeSelectedQuantity() {
...@@ -171,13 +175,11 @@ export default { ...@@ -171,13 +175,11 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.statusBar { .back_img {
height: var(--status-bar-height); height: 486rpx;
width: 100%; width: 100%;
position: fixed; background: url(../../static/images/home/exhibition.png) no-repeat;
background-color: #fff; background-size: 100% 100%;
top: 0;
z-index: 999;
} }
.home_top { .home_top {
position: relative; position: relative;
...@@ -195,11 +197,11 @@ export default { ...@@ -195,11 +197,11 @@ export default {
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
} }
.search { }
}
.search {
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
}
}
} }
.tips { .tips {
display: flex; display: flex;
......
src/pages/home/sampleConfirmation.vue
View file @ c21d994f
<template> <template>
<view class="ps_relative"> <view>
<view class="" id="header">
<u-navbar :is-back="true" :background="{ backgroundColor: '#F5F5F5' }" title="寄样确认"></u-navbar> <u-navbar :is-back="true" :background="{ backgroundColor: '#F5F5F5' }" title="寄样确认"></u-navbar>
<view class="content"> <view class="bg_fff hs-height-70 u-flex u-row-around">
<view class="bg_fff sample_sum">
<view @click="previousCli" :class="{ color_ccc: sum == 1 }">上一个</view> <view @click="previousCli" :class="{ color_ccc: sum == 1 }">上一个</view>
<view class="">{{ sum }}/{{ total }}</view> <view class="">{{ sum }}/{{ total }}</view>
<view @click="nextCli" :class="{ color_ccc: sum == total }">下一个</view> <view @click="nextCli" :class="{ color_ccc: sum == total }">下一个</view>
</view> </view>
</view>
<view class="content" :style="{ bottom: footerHeight + 'px', top: headerHeight + 'px' }">
<!-- 内容 --> <!-- 内容 -->
<view class="u-m-20 bg_fff" style="border-radius: 20rpx;"> <view class="u-m-20 bg_fff" style="border-radius: 20rpx;">
<view class="sample_title u-p-l-30 u-p-r-30"> <view class="hs-height-100 u-flex u-row-between u-p-l-30 u-p-r-30">
<span class="u-font-32">委托单信息</span> <span class="u-font-32">委托单信息</span>
<span class="u-font-28">委托发布日期：{{ tableData.releaseDate }}</span> <span class="u-font-28">委托发布日期：{{ tableData.releaseDate }}</span>
</view> </view>
...@@ -35,19 +37,27 @@ ...@@ -35,19 +37,27 @@
<span class="u-font-28">所选面料</span> <span class="u-font-28">所选面料</span>
<span class="u-font-24 color_DDA973">（新建面料，已同步面料建模）</span> <span class="u-font-24 color_DDA973">（新建面料，已同步面料建模）</span>
</view> </view>
<view class="u-m-t-30"> <view class="u-m-t-30"><hs-material-thumbnail :item="mdmMaterial"></hs-material-thumbnail></view>
<hs-material-thumbnail :item="mdmMaterial"></hs-material-thumbnail> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- 底部按钮 确定-->
<view class="footer" id="footer">
<view class="footer-btn">
<!-- /* 以下形式在微信小程序会无效，APP和H5有效 */-->
<u-button @click="toAddItem" class="custom-style" shape="circle">确定</u-button>
</view> </view>
</view> </view>
<u-toast ref="uToast" />
</view> </view>
</template> </template>
<script> <script>
import dom from '@/mixins/dom';
import fabricTitle from '@/components/hs-material-thumbnail/hs-material-thumbnail.vue'; import fabricTitle from '@/components/hs-material-thumbnail/hs-material-thumbnail.vue';
export default { export default {
mixins: [dom],
components: { fabricTitle }, components: { fabricTitle },
data() { data() {
return { return {
...@@ -62,13 +72,11 @@ export default { ...@@ -62,13 +72,11 @@ export default {
computed: { computed: {
mdmMaterial() { mdmMaterial() {
return { return {
// name: this.tableData.mdmMaterialName,
...this.tableData ...this.tableData
}; };
} }
}, },
onLoad(option) { onLoad(option) {
console.log(option);
this.abolishIds = option.abolishIds.split(','); this.abolishIds = option.abolishIds.split(',');
this.total = this.abolishIds.length; this.total = this.abolishIds.length;
this.detail(); this.detail();
...@@ -76,11 +84,24 @@ export default { ...@@ -76,11 +84,24 @@ export default {
methods: { methods: {
detail() { detail() {
let i = this.sum - 1; let i = this.sum - 1;
this.$http('orderTicket.detail', this.abolishIds[i]).then(res => { this.$http('orderTicket.detail', this.abolishIds[i], '加载中...')
.then(res => {
let { code, data } = res; let { code, data } = res;
if (code === 200) { if (code === 200) {
this.tableData = data; this.tableData = data;
this.$refs.uToast.show({
title: '操作成功'
});
} else {
this.$refs.uToast.show({
title: '操作失败'
});
} }
})
.catch(err => {
this.$refs.uToast.show({
title: '操作失败'
});
}); });
}, },
previousCli() { previousCli() {
...@@ -106,20 +127,15 @@ export default { ...@@ -106,20 +127,15 @@ export default {
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
@import './index.css'; @import './index.css';
.sample_sum { .content {
display: flex; position: absolute;
justify-content: space-around; width: 100%;
height: 70rpx; height: auto;
align-items: center; left: 0;
} right: 0;
.sample_title { bottom: 0;
height: 100rpx; top: 0;
align-items: center; overflow-y: auto;
display: flex;
justify-content: space-between;
}
.bd_top {
border-top: 1px solid #f6f6f6;
} }
.bd_split_line { .bd_split_line {
width: 90%; width: 90%;
...@@ -149,4 +165,21 @@ export default { ...@@ -149,4 +165,21 @@ export default {
border-radius: 100rpx; border-radius: 100rpx;
} }
} }
.custom-style {
color: #fff;
background: #000;
}
.footer {
position: fixed;
width: 100%;
bottom: 0;
z-index: 998;
background: #fff;
box-shadow: 0px -4rpx 6rpx 0px rgba(178, 182, 214, 0.1);
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.footer-btn {
padding: 20rpx 30rpx;
}
}
</style> </style>
src/pages/home/styleEntrustment.vue
View file @ c21d994f
<template> <template>
<!-- 款式委托 --> <!-- 款式委托 -->
<view class=""> <view class="">
<view id="header"> <view class="u-relative l_r_t_b" :style="{ height: 'calc(100vh - ' + footerHeight + 'px)' }">
<view class="bg_img" id="header">
<u-navbar :is-back="true" :border-bottom="false" :background="background" title-color="#000" title="款式委托"> <u-navbar :is-back="true" :border-bottom="false" :background="background" title-color="#000" title="款式委托">
<template v-slot:right> <template v-slot:right>
<view class="u-m-r-24"><u-icon name="search" size="38"></u-icon></view> <view class="u-m-r-24"><u-icon name="search" size="38"></u-icon></view>
</template> </template>
</u-navbar> </u-navbar>
<view class="bg_img"></view>
<view class="" style="position: relative;">
<!-- 总数 --> <!-- 总数 -->
<view class=" u-m-b-30 entrus_sum u-flex justify-around text-center"> <view class="u-m-30 entrus_sum u-flex justify-around text-center">
<view class="" @click="change(1)"> <view class="" @click="change(1)">
<view class="color_FA5353 u-font-48 hs-weight-500">{{ exceptionNum }}</view> <view class="color_FA5353 u-font-48 hs-weight-500">{{ exceptionNum }}</view>
<view class="color_AF8D66 u-font-28 hs-weight-500">异常</view> <view class="color_AF8D66 u-font-28 hs-weight-500">异常</view>
...@@ -27,22 +26,21 @@ ...@@ -27,22 +26,21 @@
</view> </view>
</view> </view>
<!-- tabs --> <!-- tabs -->
<u-sticky offset-top="88" :enable="enable" class="bd_rad" style="background: #fff;"> <u-sticky :enable="enable" :offset-top="offsetTop" class="bd_rad" style="background: #fff;">
<u-tabs :list="list" font-size="28" :show-bar="false" active-color="#AF8D66" :current="current" @change="change"></u-tabs> <u-tabs :list="list" font-size="28" :show-bar="false" active-color="#AF8D66" :current="current" @change="change"></u-tabs>
</u-sticky> </u-sticky>
</view> </view>
</view> <view class="content" :style="{ bottom: footerHeight + 'px', top: headerHeight + 'px' }">
<view class="content" :style="{ 'margin-bottom': footerHeight + 'px', top: headerHeight + 'px' }">
<!-- list --> <!-- list -->
<view class="u-m-t-20 u-m-l-30 u-m-r-30 u-m-b-20"> <view class="u-p-t-20 u-p-l-30 u-p-r-30 u-p-b-20">
<!-- v-for --> <!-- entrustmentList -->
<view class="u-m-b-20 posi_rela bd_rad1 u-p-30" @click="detaileCli(item)" v-for="item in entrustmentList" :key="item.id" style="background: #fff;"> <view v-if="!isEmpty" class="u-m-b-20 bd_rad1 u-p-30" @click="detaileCli(item)" v-for="item in entrustmentList" :key="item.id" style="background: #fff;">
<view class="u-m-b-30 u-flex justify-between"> <view class="u-m-b-30 u-flex justify-between">
<view class="entrus_list_title u-font-32">{{ item.materialName }}</view> <view class="entrus_list_title u-font-32">{{ item.materialName }}</view>
<view class="u-font-28">{{ item.status | filterStatus }}</view> <view class="u-font-28">{{ item.status | filterStatus }}</view>
</view> </view>
<view class="dis_flex"> <view class="dis_flex">
<image style="width: 160rpx;height:160rpx;" :src="`${item.fileCode}`" mode=""></image> <image class="hs-img-160" :src="`${item.fileCode}`" mode=""></image>
<view class="u-m-l-20"> <view class="u-m-l-20">
<view class="u-m-b-10"> <view class="u-m-b-10">
<span class="color_00004">发布日期</span> <span class="color_00004">发布日期</span>
...@@ -66,14 +64,18 @@ ...@@ -66,14 +64,18 @@
<view v-if="item.status == 1 || item.status == 5 || item.status == 6" @click.stop="dateilEnt(item, '拆单')" class="u-m-t-30 u-m-l-10 btn">拆单</view> <view v-if="item.status == 1 || item.status == 5 || item.status == 6" @click.stop="dateilEnt(item, '拆单')" class="u-m-t-30 u-m-l-10 btn">拆单</view>
</view> </view>
</view> </view>
<!-- 加载更多 -->
<u-loadmore v-if="!isEmpty" height="80rpx" :status="loadStatus" icon-type="flower" color="#ccc" />
<!-- 缺省页 -->
<u-empty v-if="isEmpty" tipText="没有数据"></u-empty>
</view>
</view> </view>
</view> </view>
<!--底部按钮--> <!--底部按钮-->
<view v-if="statusBtn" class="footer" id="footer"> <view v-if="statusBtn" class="footer" id="footer">
<view class="footer-btn"> <view class="footer-btn">
<view class="custom-style-round-circle custom-style-btn custom-style"> <!-- /* 以下形式在微信小程序会无效，APP和H5有效 */-->
<view class="custom-style-right" @click="dateilEnt"><view class="title">新增委托</view></view> <u-button @click="dateilEnt" class="custom-style" shape="circle">新增委托</u-button>
</view>
</view> </view>
</view> </view>
<u-modal v-model="modal.show" :show-cancel-button="true" :content="modal.title" @cancel="modal.show = false" @confirm="confirm"></u-modal> <u-modal v-model="modal.show" :show-cancel-button="true" :content="modal.title" @cancel="modal.show = false" @confirm="confirm"></u-modal>
...@@ -87,6 +89,8 @@ export default { ...@@ -87,6 +89,8 @@ export default {
mixins: [dom], mixins: [dom],
data() { data() {
return { return {
loadStatus: 'loadmore',
offsetTop: 0,
enable: true, enable: true,
statusBtn: true, statusBtn: true,
timeOut: null, timeOut: null,
...@@ -142,10 +146,20 @@ export default { ...@@ -142,10 +146,20 @@ export default {
}, },
onShow() { onShow() {
this.enable = true; this.enable = true;
// #ifdef APP-PLUS
this.setOffestTop();
// #endif
}, },
onHide() { onHide() {
this.enable = false; this.enable = false;
}, },
onPullDownRefresh() {
this.pages.size = 5;
this.entrustmentPage();
this.toBeSelectedQuantity();
this.orderTicketExceptionNum();
this.noSampleOrder();
},
// 上拉加载更多 // 上拉加载更多
onReachBottom() { onReachBottom() {
if (this.total > this.entrustmentList.length) { if (this.total > this.entrustmentList.length) {
...@@ -168,6 +182,11 @@ export default { ...@@ -168,6 +182,11 @@ export default {
this.background.backgroundColor = 'rgba(245,245,245,0)'; this.background.backgroundColor = 'rgba(245,245,245,0)';
} }
}, },
computed: {
isEmpty() {
return this.entrustmentList.length === 0 ? true : false;
}
},
filters: { filters: {
filterStatus(v) { filterStatus(v) {
switch (v) { switch (v) {
...@@ -197,6 +216,13 @@ export default { ...@@ -197,6 +216,13 @@ export default {
} }
}, },
methods: { methods: {
// 适配吸顶tab高度
setOffestTop() {
let systemInfo = uni.getSystemInfoSync();
let topPx = systemInfo.statusBarHeight + 44; // 顶部状态栏+沉浸式自定义顶部导航
console.log(systemInfo, topPx);
this.offsetTop = topPx / (uni.upx2px(topPx) / topPx); // px转rpx
},
// 选款总数 // 选款总数
toBeSelectedQuantity() { toBeSelectedQuantity() {
this.$http('plm.toBeSelectedQuantity', {}).then(res => { this.$http('plm.toBeSelectedQuantity', {}).then(res => {
...@@ -225,17 +251,34 @@ export default { ...@@ -225,17 +251,34 @@ export default {
}); });
}, },
entrustmentPage() { entrustmentPage() {
this.loadStatus = 'loading';
let { materialName, size } = this.pages; let { materialName, size } = this.pages;
this.$http('orderTicket.entrustmentPage', { this.$http(
'orderTicket.entrustmentPage',
{
materialName: materialName ? materialName : null, materialName: materialName ? materialName : null,
status: this.current, status: this.current,
size: size size: size
}).then(res => { },
'加载中...'
)
.then(res => {
let { code, data } = res; let { code, data } = res;
if (code === 200) { if (code === 200) {
this.entrustmentList = data.data; this.entrustmentList = data.data || [];
this.total = data.total; this.total = data.total || 0;
this.loadStatus = this.entrustmentList.length < data.total ? 'loadmore' : 'nomore';
this.$refs.uToast.show({
title: '操作成功'
});
} }
uni.stopPullDownRefresh();
})
.catch(err => {
this.$refs.uToast.show({
title: '操作失败'
});
uni.stopPullDownRefresh();
}); });
}, },
change(index) { change(index) {
...@@ -243,7 +286,7 @@ export default { ...@@ -243,7 +286,7 @@ export default {
this.pages.size = 5; this.pages.size = 5;
this.entrustmentPage(); this.entrustmentPage();
}, },
detaileCli(item){ detaileCli(item) {
this.$Router.push('/pages/designCommissioned/item?id=' + item.id); this.$Router.push('/pages/designCommissioned/item?id=' + item.id);
}, },
// 删除操作 // 删除操作
...@@ -314,11 +357,19 @@ export default { ...@@ -314,11 +357,19 @@ export default {
.dis_flex { .dis_flex {
display: flex; display: flex;
} }
.posi_rela {
position: relative;
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.l_r_t_b {
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
}
.custom-style {
color: #fff;
background: #000;
}
.footer { .footer {
position: fixed; position: fixed;
width: 100%; width: 100%;
...@@ -329,27 +380,26 @@ export default { ...@@ -329,27 +380,26 @@ export default {
padding-bottom: constant(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
.footer-btn { .footer-btn {
padding: 20rpx 60rpx; padding: 20rpx 30rpx;
} }
} }
.bg_img { .bg_img {
position: absolute;
top: 0;
width: 100%; width: 100%;
height: 220px; background: url(../../static/images/home/entrustment@2x.png) no-repeat;
background-image: url(../../static/images/home/entrustment@2x.png); background-size: 100% 100%;
} }
.content { .content {
position: absolute; position: absolute;
top: 220rpx; left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%; width: 100%;
// overflow-y: auto;
} }
.entrus_sum { .entrus_sum {
height: 164rpx; height: 164rpx;
border-radius: 20rpx; border-radius: 20rpx;
background: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.8);
margin: 15px;
line-height: 1.5; line-height: 1.5;
} }
.bd_rad { .bd_rad {
...@@ -415,34 +465,4 @@ export default { ...@@ -415,34 +465,4 @@ export default {
border-radius: 100rpx; border-radius: 100rpx;
} }
} }
@mixin vue-flex($direction: row) {
/* #ifndef APP-NVUE */
display: flex;
flex-direction: $direction;
/* #endif */
}
.custom-style {
color: #fff;
height: 88rpx;
line-height: 88rpx;
@include vue-flex;
&-btn {
overflow: hidden;
}
&-round-circle {
border-radius: 100rpx;
}
/*background: #000;*/
.custom-style-left {
width: 240rpx;
background: #d6d6d6;
text-align: center;
}
.custom-style-right {
flex: 1;
background: rgba(0, 0, 0, 0.8);
text-align: center;
}
}
</style> </style>
src/pages/home/tenantSelection.vue 0 → 100644
View file @ c21d994f
<!--新增委托-->
<template>
<view>
<view id="header"><u-navbar title="租户选择" :border-bottom="false" :background="{ backgroundColor: 'whitesmoke' }"></u-navbar></view>
<!-- 列表 确定-->
<view class="u-p-30 body" :style="{ bottom: footerHeight + 'px', top: headerHeight + 'px' }">
<view v-for="(item, index) in list" :key="item.id" class="u-flex u-m-b-20">
<view class="u-m-r-30">
<u-icon :name="index === selectedIndex ? 'checkmark-circle-fill' : 'checkmark-circle'" color="#000" size="40" @click="triggerSelectItem(index)" />
</view>
<view class="ab">租户{{ index }}</view>
</view>
</view>
<!-- 底部按钮 确定-->
<view class="footer" id="footer">
<view class="footer-btn">
<!-- /* 以下形式在微信小程序会无效，APP和H5有效 */-->
<u-button :disabled="selectedIndex === -1" @click="toAddItem" class="custom-style" shape="circle">确定</u-button>
</view>
</view>
</view>
</template>
<script>
import dom from '@/mixins/dom';
import HsSelectItem from '../../components/hs-select-item/hs-select-item';
import HsMaterialThumbnail from '../../components/hs-material-thumbnail/hs-material-thumbnail';
export default {
name: 'listSelectToAdd',
components: { HsMaterialThumbnail, HsSelectItem },
mixins: [dom],
data() {
return {
keyword: '',
selectedIndex: -1,
list: [
{
title: '加厚荷兰绒绒布布料',
id: 2
},
{
title: '加厚荷兰绒绒布布料加厚荷兰绒绒布布料',
id: 12
},
{
title: '加厚荷兰绒绒布布料',
id: 221
},
{
title: '加厚荷兰绒绒布布料',
id: 22
},
{
title: '加厚荷兰绒绒布布料',
id: 224
},
{
title: '加厚荷兰绒绒布布料',
id: 222
}
]
};
},
onLoad() {
this.getList();
},
methods: {
getList() {
this.$http('orderTicket.materialList', {
size: 4,
materialCode: '',
materialName: ''
}).then(res => {
let { code, data } = res;
if (code == 200) {
this.list = data.data;
}
});
},
triggerSelectItem(index) {
this.selectedIndex = index === this.selectedIndex ? -1 : index;
},
// 跳转到新增详情页面
toAddItem() {
uni.setStorageSync('_item', this.list[this.selectedIndex]);
this.$Router.push({
path: '/pages/designCommissioned/addItem'
// query:{
// id: this.list[this.selectedIndex].id
// }
});
},
// 跳转到面料详情
toMaterialDetail({ id }) {
this.$Router.push({
path: '/pages/home/fabricDetails',
query: {
id
}
});
}
}
};
</script>
<style scoped lang="scss">
$h-color: #af8d66;
$main-color: #fff;
.body {
position: absolute;
width: 100%;
height: auto;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow-y: auto;
}
.title {
color: $h-color;
background-color: whitesmoke;
}
.ab {
flex: 1;
height: 160rpx;
line-height: 160rpx;
text-align: center;
background: url(../../static/images/home/tenSelet@2x.png) no-repeat;
background-size: 100% 100%;
border-radius: 16rpx;
}
.bg-fff {
background: $main-color;
}
.item {
border-radius: 8rpx;
border: 1px solid #bd4848;
height: 160rpx;
width: 100%;
overflow: hidden;
background-size: contain;
.active {
border: 1px solid #000;
}
}
.custom-style {
color: #fff;
background: #000;
}
.footer {
position: fixed;
width: 100%;
bottom: 0;
z-index: 998;
background: #fff;
box-shadow: 0px -4rpx 6rpx 0px rgba(178, 182, 214, 0.1);
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.footer-btn {
padding: 20rpx 30rpx;
}
}
</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