|
|
@@ -1,204 +1,227 @@
|
|
|
-<template>
|
|
|
- <view>
|
|
|
- <view style="
|
|
|
- background: url(../../static/homeBG.png)no-repeat;
|
|
|
- height: 340rpx;
|
|
|
- background-size:100%;
|
|
|
- box-shadow: 0px 0px 8px 0px rgba(165, 189, 251, 0.4);">
|
|
|
- <u-navbar :is-back="false" :is-fixed="false" :border-bottom="false" :background="background">
|
|
|
- <view style="width: 96%;margin: 0 auto;">
|
|
|
- <u-search placeholder="请输入您要搜索的内容" bg-color="#FFFFFF" :action-style="actionStyle"></u-search>
|
|
|
- </view>
|
|
|
- </u-navbar>
|
|
|
- <!-- 快捷功能 -->
|
|
|
- <view style="height: 150rpx;margin-top: -20rpx;">
|
|
|
- <u-grid :col="3" :border="false">
|
|
|
- <u-grid-item bg-color="#ffffff00" style="background-color: rgba(0,0,0,0);">
|
|
|
- <u-icon name="order" color="#fff" size="60"></u-icon>
|
|
|
- <view class="grid-text" style="color: #FFFFFF;margin-top: 10px;">我的数据</view>
|
|
|
- </u-grid-item>
|
|
|
- <u-grid-item @click="myReview" bg-color="#ffffff00" style="background-color: rgba(0,0,0,0);">
|
|
|
- <u-badge type="error" :count="totalTwo" style="margin-right: 30rpx;" />
|
|
|
- <u-icon name="edit-pen" color="#fff" size="60"></u-icon>
|
|
|
- <view class="grid-text" style="color: #FFFFFF;margin-top: 10px;">我的审核</view>
|
|
|
- </u-grid-item>
|
|
|
- <u-grid-item @click="scanCode" bg-color="#ffffff00" style="background-color: rgba(0,0,0,0);">
|
|
|
- <u-icon name="scan" color="#fff" size="60"></u-icon>
|
|
|
- <view class="grid-text" style="color: #FFFFFF;margin-top: 10px;">扫一扫</view>
|
|
|
- </u-grid-item>
|
|
|
- </u-grid>
|
|
|
- </view>
|
|
|
- <!-- 正文内容 -->
|
|
|
- <view class="content">
|
|
|
- <u-grid :col="4" :border="false">
|
|
|
- <u-grid-item @click="jumpPath(1)">
|
|
|
- <u-icon name="arrow-downward" :size="46"></u-icon>
|
|
|
- <view class="grid-text">我的入库</view>
|
|
|
- </u-grid-item>
|
|
|
- <u-grid-item @click="jumpPath(2)">
|
|
|
- <u-icon name="arrow-upward" :size="46"></u-icon>
|
|
|
- <view class="grid-text">我的出库</view>
|
|
|
- </u-grid-item>
|
|
|
- <u-grid-item @click="jumpPath(3)">
|
|
|
- <u-icon name="hourglass" :size="46"></u-icon>
|
|
|
- <view class="grid-text">我的调拨</view>
|
|
|
- </u-grid-item>
|
|
|
- <u-grid-item @click="jumpPath(4)">
|
|
|
- <u-icon name="photo" :size="46"></u-icon>
|
|
|
- <view class="grid-text">我的货转</view>
|
|
|
- </u-grid-item>
|
|
|
- <u-grid-item @click="jumpPath(5)">
|
|
|
- <u-icon name="lock" :size="46"></u-icon>
|
|
|
- <view class="grid-text">我的库存</view>
|
|
|
- </u-grid-item>
|
|
|
- <u-grid-item @click="jumpPath(6)">
|
|
|
- <u-icon name="lock" :size="46"></u-icon>
|
|
|
- <view class="grid-text">海运费计算</view>
|
|
|
- </u-grid-item>
|
|
|
- <u-grid-item @click="jumpPath(7)">
|
|
|
- <u-icon name="camera" :size="46"></u-icon>
|
|
|
- <view class="grid-text">巡检</view>
|
|
|
- </u-grid-item>
|
|
|
- <!-- <u-grid-item @click="jumpPath(8)">
|
|
|
- <u-badge type="error" :count="total" />
|
|
|
- <u-icon name="checkmark-circle" :size="46"></u-icon>
|
|
|
- <view class="grid-text">我的采购</view>
|
|
|
- </u-grid-item>
|
|
|
- <u-grid-item @click="jumpPath('null')">
|
|
|
- <u-icon name="grid" :size="46"></u-icon>
|
|
|
- <view class="grid-text">其他</view>
|
|
|
- </u-grid-item> -->
|
|
|
- </u-grid>
|
|
|
- </view>
|
|
|
- <view style="width: 96%;margin: 0 auto;">
|
|
|
- <u-image width="100%" height="170rpx" src="../../static/activityDiagram.png"></u-image>
|
|
|
- </view>
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <view style="
|
|
|
+ background: url(../../static/homeBG.png)no-repeat;
|
|
|
+ height: 340rpx;
|
|
|
+ background-size:100%;
|
|
|
+ box-shadow: 0px 0px 8px 0px rgba(165, 189, 251, 0.4);">
|
|
|
+ <u-navbar :is-back="false" :is-fixed="false" :border-bottom="false" :background="background">
|
|
|
+ <view style="width: 96%;margin: 0 auto;">
|
|
|
+ <u-search placeholder="请输入您要搜索的内容" bg-color="#FFFFFF" :action-style="actionStyle"></u-search>
|
|
|
+ </view>
|
|
|
+ </u-navbar>
|
|
|
+ <!-- 快捷功能 -->
|
|
|
+ <view style="height: 150rpx;margin-top: -20rpx;">
|
|
|
+ <u-grid :col="3" :border="false">
|
|
|
+ <u-grid-item bg-color="#ffffff00" style="background-color: rgba(0,0,0,0);">
|
|
|
+ <u-icon name="order" color="#fff" size="60"></u-icon>
|
|
|
+ <view class="grid-text" style="color: #FFFFFF;margin-top: 10px;">我的数据</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <u-grid-item @click="myReview" bg-color="#ffffff00" style="background-color: rgba(0,0,0,0);">
|
|
|
+ <u-badge type="error" :count="totalTwo" style="margin-right: 30rpx;" />
|
|
|
+ <u-icon name="edit-pen" color="#fff" size="60"></u-icon>
|
|
|
+ <view class="grid-text" style="color: #FFFFFF;margin-top: 10px;">我的审核</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <u-grid-item @click="scanCode" bg-color="#ffffff00" style="background-color: rgba(0,0,0,0);">
|
|
|
+ <u-icon name="scan" color="#fff" size="60"></u-icon>
|
|
|
+ <view class="grid-text" style="color: #FFFFFF;margin-top: 10px;">扫一扫</view>
|
|
|
+ </u-grid-item>
|
|
|
+ </u-grid>
|
|
|
+ </view>
|
|
|
+ <!-- 正文内容 -->
|
|
|
+ <view class="content">
|
|
|
+ <u-grid :col="4" :border="false">
|
|
|
+ <u-grid-item @click="jumpPath(1)">
|
|
|
+ <u-icon name="arrow-downward" :size="46"></u-icon>
|
|
|
+ <view class="grid-text">我的入库</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <u-grid-item @click="jumpPath(2)">
|
|
|
+ <u-icon name="arrow-upward" :size="46"></u-icon>
|
|
|
+ <view class="grid-text">我的出库</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <u-grid-item @click="jumpPath(3)">
|
|
|
+ <u-icon name="hourglass" :size="46"></u-icon>
|
|
|
+ <view class="grid-text">我的调拨</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <u-grid-item @click="jumpPath(4)">
|
|
|
+ <u-icon name="photo" :size="46"></u-icon>
|
|
|
+ <view class="grid-text">我的货转</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <u-grid-item @click="jumpPath(5)">
|
|
|
+ <u-icon name="lock" :size="46"></u-icon>
|
|
|
+ <view class="grid-text">我的库存</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <u-grid-item @click="jumpPath(6)">
|
|
|
+ <u-icon name="lock" :size="46"></u-icon>
|
|
|
+ <view class="grid-text">海运费计算</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <u-grid-item @click="jumpPath(7)">
|
|
|
+ <u-icon name="camera" :size="46"></u-icon>
|
|
|
+ <view class="grid-text">巡检照片</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <u-grid-item @click="jumpPath(12)">
|
|
|
+ <u-icon name="grid" :size="46"></u-icon>
|
|
|
+ <view class="grid-text">测试</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <!-- <u-grid-item @click="jumpPath(8)">
|
|
|
+ <u-badge type="error" :count="total" />
|
|
|
+ <u-icon name="checkmark-circle" :size="46"></u-icon>
|
|
|
+ <view class="grid-text">我的采购</view>
|
|
|
+ </u-grid-item> -->
|
|
|
+ <u-grid-item @click="jumpPath('null')">
|
|
|
+ <u-icon name="grid" :size="46"></u-icon>
|
|
|
+ <view class="grid-text">其他</view>
|
|
|
+ </u-grid-item>
|
|
|
+ </u-grid>
|
|
|
+ </view>
|
|
|
+ <view style="width: 96%;margin: 0 auto;">
|
|
|
+ <u-image width="100%" height="170rpx" src="../../static/activityDiagram.png"></u-image>
|
|
|
+ </view>
|
|
|
<view style="width: 96%;margin: 10rpx auto;">
|
|
|
- <u-image width="100%" height="900rpx" src="../../static/image/advertisingMap.png"></u-image>
|
|
|
- </view>
|
|
|
- <view style="width: 96%;margin: 0 auto;height: 100rpx;">
|
|
|
- <!-- <h1>全新功能正在开发中</h1> -->
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 更新组件 force 是否强制更新 tabbar:页面是否有原生tabbar组件-->
|
|
|
- <app-update ref="app_update" :force="false" :tabbar="true"></app-update>
|
|
|
- </view>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
- import appUpdate from "@/components/yzhua006-update/app-update.vue"
|
|
|
- export default {
|
|
|
- components: {
|
|
|
- appUpdate
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- background: {
|
|
|
- backgroundImage: 'none',
|
|
|
- backgroundColor: 'none'
|
|
|
- },
|
|
|
- actionStyle: {
|
|
|
- color: '#fff'
|
|
|
- },
|
|
|
- deptName: '',
|
|
|
- form: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 10,
|
|
|
- fBilltype: 'SQ',
|
|
|
- fTakeOrders: 0
|
|
|
- },
|
|
|
- total: '',
|
|
|
- totalTwo: ''
|
|
|
- }
|
|
|
- },
|
|
|
- onShow() {
|
|
|
- this.$nextTick(function() {
|
|
|
- this.testUpgrade()
|
|
|
- })
|
|
|
- // this.deptName = uni.getStorageSync('deptName')
|
|
|
- // if (this.deptName == '外部用户') {
|
|
|
- // this.$u.get('/anPin/anPinApp/supplier', this.form).then(res => {
|
|
|
- // this.dataList = res.rows
|
|
|
- // this.total = res.total
|
|
|
- // })
|
|
|
- // } else {
|
|
|
- // this.$u.get('/anPin/anPinApp/list', this.form).then(res => {
|
|
|
- // this.dataList = res.rows
|
|
|
- // this.total = res.total
|
|
|
- // })
|
|
|
- // }
|
|
|
- // this.$u.get('/warehouse/paths/selectOrderAuditItems', {
|
|
|
- // refno2: 'SQ',
|
|
|
- // auditStatus: 'S'
|
|
|
- // }).then(res => {
|
|
|
- // this.totalTwo = res.data.length
|
|
|
- // })
|
|
|
- },
|
|
|
- methods: {
|
|
|
- testUpgrade() {
|
|
|
- this.$refs.app_update.update(); //调用子组件 检查更新
|
|
|
- },
|
|
|
- scanCode() {
|
|
|
- uni.scanCode({
|
|
|
- success: res => {
|
|
|
- console.log(res.result)
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- jumpPath(res) {
|
|
|
- switch (res) {
|
|
|
- case 1:
|
|
|
- this.$u.route('/pages/home/myorder/index');
|
|
|
- break;
|
|
|
- case 2:
|
|
|
- this.$u.route('/pages/home/delivery/index');
|
|
|
- break;
|
|
|
- case 6:
|
|
|
- this.$u.route('/pages/home/freightCalculation/shipSchedule');
|
|
|
- break;
|
|
|
- case 7:
|
|
|
- this.$u.route('/pages/home/patrolInspection/index');
|
|
|
- break;
|
|
|
- case 8:
|
|
|
- this.$u.route('/pages/home/procurementApplicationApproval/index');
|
|
|
- break;
|
|
|
- default:
|
|
|
- uni.showToast({
|
|
|
- icon: 'none',
|
|
|
- title: '该功能暂未开发~',
|
|
|
- position: "bottom"
|
|
|
- })
|
|
|
- break;
|
|
|
- }
|
|
|
- },
|
|
|
- myReview() {
|
|
|
- this.$u.route('/pages/home/myReview/index');
|
|
|
- },
|
|
|
- myData() {
|
|
|
- uni.showToast({
|
|
|
- icon: 'none',
|
|
|
- title: '该功能暂未开发~',
|
|
|
- position: "bottom"
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-</script>
|
|
|
-
|
|
|
-<style scoped lang="scss">
|
|
|
- .content {
|
|
|
- width: 96%;
|
|
|
- margin: 0 auto;
|
|
|
- box-shadow: 0px 0px 8px 0px rgba(165, 189, 251, 0.4);
|
|
|
- background-color: #FFFFFF;
|
|
|
- margin-top: 20rpx;
|
|
|
- border-radius: 20rpx;
|
|
|
- padding: 10rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .grid-text {
|
|
|
- font-size: 28rpx;
|
|
|
- margin-top: 4rpx;
|
|
|
- color: $u-type-info;
|
|
|
- }
|
|
|
+ <u-image width="100%" height="900rpx" src="../../static/image/advertisingMap.png"></u-image>
|
|
|
+ <!-- <p style="text-indent:50rpx;margin-bottom: 20rpx;">青岛中电国际物流有限公司业务范围包括:大宗货物运输、大型设备运输、冷链运输等,承接全国各地货物运输业务。</p> -->
|
|
|
+
|
|
|
+ <!-- <p style="text-indent:50rpx;margin-bottom: 20rpx;">在传统的国际国内集装箱运输及代理业务基础上,公司现有综合业务包括大型仓储拆箱配送物流、多式联运、大陆桥运输、散杂货物租船代运、项目物流、仓储等全方位的物流服务。 青岛中电国际物流有限公司拥有一支精良的项目管理队伍,以客户需求的为主要目标,致力于为客户提供全方位、一流的物流运输方案和实践。</p> -->
|
|
|
+
|
|
|
+ <!-- <p style="text-indent:50rpx;margin-bottom: 20rpx;">公司始终坚持以诚信、效率、创新为经营宗旨,并注重长期关系。从业人员经过物流知识三年专业培训方能上岗,公司坚持“以人为本”的管理思想,以“诚信创新、敬业、奋进”为企业精神,全方位为客户提供服务。</p> -->
|
|
|
+
|
|
|
+ <!-- <p style="text-indent:50rpx;">我们可针对客户需求订制个性化解决方案,将运输管理、仓库管理以及订单管理进行一体化整合,公司统一管理,统一调度,实现了规模化,现代化管理模式。</p> -->
|
|
|
+ </view>
|
|
|
+ <view style="width: 96%;margin: 0 auto;height: 100rpx;">
|
|
|
+ <!-- <h1>全新功能正在开发中</h1> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 更新组件 force 是否强制更新 tabbar:页面是否有原生tabbar组件-->
|
|
|
+ <app-update ref="app_update" :force="false" :tabbar="true"></app-update>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import appUpdate from "@/components/yzhua006-update/app-update.vue"
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ appUpdate
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ background: {
|
|
|
+ backgroundImage: 'none',
|
|
|
+ backgroundColor: 'none'
|
|
|
+ },
|
|
|
+ actionStyle: {
|
|
|
+ color: '#fff'
|
|
|
+ },
|
|
|
+ deptName: '',
|
|
|
+ form: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ fBilltype: 'SQ',
|
|
|
+ fTakeOrders: 0
|
|
|
+ },
|
|
|
+ total: '',
|
|
|
+ totalTwo: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.$nextTick(function() {
|
|
|
+ this.testUpgrade()
|
|
|
+ })
|
|
|
+ // this.deptName = uni.getStorageSync('deptName')
|
|
|
+ // if (this.deptName == '外部用户') {
|
|
|
+ // this.$u.get('/anPin/anPinApp/supplier', this.form).then(res => {
|
|
|
+ // this.dataList = res.rows
|
|
|
+ // this.total = res.total
|
|
|
+ // })
|
|
|
+ // } else {
|
|
|
+ // this.$u.get('/anPin/anPinApp/list', this.form).then(res => {
|
|
|
+ // this.dataList = res.rows
|
|
|
+ // this.total = res.total
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // this.$u.get('/warehouse/paths/selectOrderAuditItems', {
|
|
|
+ // refno2: 'SQ',
|
|
|
+ // auditStatus: 'S'
|
|
|
+ // }).then(res => {
|
|
|
+ // this.totalTwo = res.data.length
|
|
|
+ // })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ testUpgrade() {
|
|
|
+ this.$refs.app_update.update(); //调用子组件 检查更新
|
|
|
+ },
|
|
|
+ scanCode() {
|
|
|
+ uni.scanCode({
|
|
|
+ success: res => {
|
|
|
+ console.log(res.result)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ jumpPath(res) {
|
|
|
+ switch (res) {
|
|
|
+ case 1:
|
|
|
+ this.$u.route('/pages/home/myorder/index');
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ this.$u.route('/pages/home/delivery/index');
|
|
|
+ break;
|
|
|
+ // case 3:
|
|
|
+ // this.$u.route('/pages/home/allocation/index');
|
|
|
+ // break;
|
|
|
+ // case 4:
|
|
|
+ // this.$u.route('/pages/home/goodsTransfer/index');
|
|
|
+ // break;
|
|
|
+ case 5:
|
|
|
+ this.$u.route('/pages/home/inventoryQuery/index');
|
|
|
+ break;
|
|
|
+ case 6:
|
|
|
+ this.$u.route('/pages/home/freightCalculation/shipSchedule');
|
|
|
+ break;
|
|
|
+ case 7:
|
|
|
+ this.$u.route('/pages/home/patrolInspection/index');
|
|
|
+ break;
|
|
|
+ case 8:
|
|
|
+ this.$u.route('/pages/home/procurementApplicationApproval/index');
|
|
|
+ break;
|
|
|
+ case 12:
|
|
|
+ this.$u.route('/pages/home/ceshi');
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'none',
|
|
|
+ title: '该功能暂未开发~',
|
|
|
+ position: "bottom"
|
|
|
+ })
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ myReview() {
|
|
|
+ this.$u.route('/pages/home/myReview/index');
|
|
|
+ },
|
|
|
+ myData() {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'none',
|
|
|
+ title: '该功能暂未开发~',
|
|
|
+ position: "bottom"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+ .content {
|
|
|
+ width: 96%;
|
|
|
+ margin: 0 auto;
|
|
|
+ box-shadow: 0px 0px 8px 0px rgba(165, 189, 251, 0.4);
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .grid-text {
|
|
|
+ font-size: 28rpx;
|
|
|
+ margin-top: 4rpx;
|
|
|
+ color: $u-type-info;
|
|
|
+ }
|
|
|
</style>
|