From a38f54f02b48cf8ef2c9ed6febed560b4f38d534 Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期五, 21 六月 2024 15:26:42 +0800 Subject: [PATCH] Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx --- qiye/qiyeIndex/qiyeIndex.vue | 136 +++++++++++ static/qiye/q06.png | 0 static/qiye/q01.png | 0 pages/message/details.vue | 142 +++++++++++ pages.json | 29 ++ static/qiye/q04.png | 0 static/qiye/q02.png | 0 pages/message/list.vue | 80 ++++++ qiye/components/bottom.vue | 78 ++++++ qiye/my/my.vue | 231 +++++++++++++++++++ static/qiye/q03.png | 0 static/qiye/q05.png | 0 pages/index/index.vue | 2 static/qiye/q07.png | 0 14 files changed, 690 insertions(+), 8 deletions(-) diff --git a/pages.json b/pages.json index c3df2bb..11a6fb0 100644 --- a/pages.json +++ b/pages.json @@ -7,7 +7,9 @@ "style": { "enablePullDownRefresh": false, "backgroundTextStyle": "dark", - "navigationBarTitleText": "鎵爜鍏ヤ紒" + "navigationBarTitleText": "鎵爜鍏ヤ紒", + "navigationStyle": "custom" + } }, { @@ -62,7 +64,8 @@ "path" : "pages/message/details", "style" : { - "navigationBarTitleText" : "淇℃伅鍏ず璇︽儏" + "navigationBarTitleText" : "淇℃伅鍏ず璇︽儏", + "navigationStyle": "custom" } } ], @@ -159,6 +162,28 @@ } } ] + }, + { + "root": "qiye", + "pages": [{ + "path" : "qiyeIndex/qiyeIndex", + "style" : + { + "navigationBarTitleText" : "", + "navigationStyle": "custom" + } + }, + { + "path" : "my/my", + "style" : + { + "navigationBarTitleText" : "", + "navigationStyle": "custom" + + } + } + + ] } ], "globalStyle": { diff --git a/pages/index/index.vue b/pages/index/index.vue index 431fa54..35a2c05 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -5,7 +5,7 @@ <img src="/static/hqzc.png" class="img" alt="" /> <view class="line"></view> <view class="font"> - <p>娴峰叧鎬荤讲璐告槗鎸佺画鍙戝睍2024骞寸珛娉曞眬...</p> + <p>娴峰叧鎬荤讲璐告槗鎸佺画鍙戝睍2024骞寸珛娉�...</p> <p>鍥藉鍖荤枟淇濋殰灞�鍔炲叕瀹ゅ叧浜庡彂甯冪鐞�... </p> </view> <img src="/static/i06.png" class="more" alt="" /> diff --git a/pages/message/details.vue b/pages/message/details.vue index 8183fd0..f76f854 100644 --- a/pages/message/details.vue +++ b/pages/message/details.vue @@ -1,6 +1,86 @@ <template> <view> - + <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true"> + <template slot="center"> + <view style="color: white;">淇℃伅鍏ず璇︽儏</view> + </template> + </u-navbar> + <view class="donw-box"></view> + <view class="page-main"> + <view class="wbox"> + <view class="item"> + <view class="k"> + 鎵ф硶绫诲瀷 + </view> + <view class="v"> + 鍙告硶妫�鏌� + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶浜� + </view> + <view class="v"> + 鍒樻娆� + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶閮ㄩ棬 + </view> + <view class="v"> + 鍐滀笟灞� + </view> + </view> + <view class="item"> + <view class="k"> + 浼佷笟 + </view> + <view class="v"> + 姹夊涵閰掑簵 + </view> + </view> + </view> + <view style="height: 20rpx;"></view> + <view class="wbox"> + <view class="item"> + <view class="k"> + 鎵ф硶涓婚 + </view> + <view class="v"> + 姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠� + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶杩囩▼ + </view> + </view> + <view class="imgbox"> + <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" /> + <img src="/static/i02.png" class="more" alt="" /> + <img src="/static/i03.png" class="more" alt="" /> + <img src="/static/i04.png" class="more" alt="" /> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶缁撴灉 + </view> + <view class="v" style="color: #EB4746;"> + 鍋滀笟鏁撮】 + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶鏃堕棿 + </view> + <view class="v"> + 2024-10-10 16:24 + </view> + </view> + </view> + </view> + </view> </template> @@ -12,11 +92,67 @@ } }, methods: { - + imgclick(url){ + uni.previewImage({ + urls: [url] + }) + } } } </script> <style> - + page{ + background: #F4F4F4; + } + </style> +<style lang="scss" scoped> + .page-main{ + position: relative; + top: -380rpx; + } + .donw-box{ + width: 100%; + height: 380rpx; + flex-shrink: 0; + background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%); + } + .wbox{ + background: #fff; + border-radius: 5px; + padding: 24rpx; + box-sizing: border-box; + margin: 0 32rpx; + .item{ + display: flex; + margin-bottom: 20rpx; + font-size: 30rpx; + .k{ + color: #7E8596; + width: 30%; + + } + .v{ + color: #202D44; + width: 70%; + + } + } + .item:last-child{ + margin-bottom: 0; + } + .imgbox{ + display: flex; + flex-wrap: wrap; + justify-content: space-between; + border-radius: 10rpx; + img{ + width: 198rpx; + height: 198rpx; + margin-bottom: 20rpx; + + } + } + } +</style> \ No newline at end of file diff --git a/pages/message/list.vue b/pages/message/list.vue index 8183fd0..52d7c89 100644 --- a/pages/message/list.vue +++ b/pages/message/list.vue @@ -1,6 +1,28 @@ <template> <view> - + <u-sticky bgColor="white"> + <view class="set-search"> + <u-search placeholder="璇疯緭鍏ヨ鏌ヨ鐨勪紒涓�" shape="square" :showAction="false"></u-search> + </view> + <view class="border"></view> + </u-sticky> + <view class="item"> + <img src="/static/i05.png" class="img" alt="" /> + <view class="right"> + <view class="name"> + 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃 + </view> + <view class="box"> + <view class="l"> + <p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬</p> + <p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p> + </view> + <view class="r"> + 鍘绘煡鐪� + </view> + </view> + </view> + </view> </view> </template> @@ -18,5 +40,59 @@ </script> <style> - + page{ + background-color: #F4F4F4; + } + </style> +<style lang="scss" scoped> + .set-search{ + margin: 0 32rpx 0; + padding-top: 26rpx; + + } + .border{ + border-bottom: 2rpx solid #F6F6F6; + margin: 20rpx 0 0; + } + .item{ + background: #fff; + border-radius: 5px; + padding: 24rpx; + box-sizing: border-box; + margin: 20rpx 32rpx; + display: flex; + .img{ + width: 56rpx; + height: 56rpx; + } + .right{ + width: 90%; + .name{ + color: #202d44; + font-size: 32rpx; + line-height: 44rpx; + margin-bottom: 24rpx; + } + .box{ + display: flex; + justify-content: space-between; + .l{ + font-size: 26rpx; + color: #7e8593; + } + .r{ + width: 132rpx; + height: 64rpx; + line-height: 64rpx; + border-radius: 5px; + border: 1px solid #ABD2FF; + background: #F0F8FF; + color: #1171e0; + text-align: center; + font-size: 30rpx; + } + } + } + } +</style> \ No newline at end of file diff --git a/qiye/components/bottom.vue b/qiye/components/bottom.vue new file mode 100644 index 0000000..c1fcaa5 --- /dev/null +++ b/qiye/components/bottom.vue @@ -0,0 +1,78 @@ +<template> + <view class="fixed-down"> + <view @click="activeClick(0)" :class="{ active: active == 0}"> + <image src="/static/qiye/q03.png" mode="heightFix" v-if="active != 0"></image> + <image src="/static/qiye/q04.png" mode="heightFix" v-if="active == 0"></image> + <view>棣栭〉</view> + </view> + <view @click="activeClick(1)" :class="{ active: active == 1}"> + <image src="/static/qiye/q01.png" mode="heightFix" v-if="active != 1"></image> + <image src="/static/qiye/q02.png" mode="heightFix" v-if="active == 1"></image> + <view>鎵ф硶璁板綍</view> + </view> + <view @click="activeClick(2)" :class="{ active: active == 2}"> + <image src="/static/policy/user.png" mode="heightFix" v-if="active != 2"></image> + <image src="/static/policy/user-select.png" mode="heightFix" v-if="active == 2"></image> + <view>鎴戠殑</view> + </view> + </view> +</template> + +<script> + export default { + props:{ + activeNumber:{ + type: [String, Number] + } + }, + data() { + return { + active: this.activeNumber + } + }, + methods: { + + activeClick(number) { + this.active = number + this.$emit('update:activeNumber', number) + } + } + } +</script> + +<style scoped lang="scss"> + .fixed-down{ + position: fixed; + bottom: 0; + width: 100%; + display: flex; + justify-content: space-around; + align-items: center; + padding: 10rpx 0; + background-color: white; + font-size: 20rpx; + color: #7E8596FF; + &>view{ + text-align: center; + } + .active{ + color: #1171E0FF; + } + image{ + height: 58rpx; + width: 58rpx; + } + .code{ + width: 108rpx; + height: 108rpx; + position: absolute; + top: -20rpx; + left: 0; + } + .relative{ + position: relative; + width: 108rpx; + height: 108rpx; + } + } +</style> \ No newline at end of file diff --git a/qiye/my/my.vue b/qiye/my/my.vue new file mode 100644 index 0000000..79abcff --- /dev/null +++ b/qiye/my/my.vue @@ -0,0 +1,231 @@ +<template> + <view class="page-mine-box"> + <img src="/static/qiye/q07.png" class="head" alt="" /> + + <view class="top-box"> + <view class="user-news"> + <!-- <u-avatar :src="src"></u-avatar> --> + <image src="/static/policy/header.png" mode="widthFix"></image> + <view class="user-info"> + <view class="user-name"> + <view class="inckname">鍒樺皬闆�</view> + </view> + <view class="dept-name"> + 鐜繚灞�--绗竴閮ㄩ棬 + </view> + </view> + </view> + <view class="show-phone-number"> + <text class="label">鑱旂郴鐢佃瘽</text> + <text>168****4164</text> + </view> + <view class="wbox"> + <view class="item"> + <view class="set-flex"> + <image src="/static/qiye/q06.png" mode="widthFix"></image> + <text class="change">鎶曡瘔璁板綍</text> + </view> + <u-icon name="arrow-right"></u-icon> + </view> + <view class="item"> + <view class="set-flex"> + <image src="/static/policy/phone.png" mode="widthFix"></image> + <text class="change">淇敼鎵嬫満鍙�</text> + </view> + <u-icon name="arrow-right"></u-icon> + </view> + </view> + <!-- <view class="show-phone-number"> + <view class="set-flex"> + <image src="/static/qiye/q06.png" mode="widthFix"></image> + <text class="change">鎶曡瘔璁板綍</text> + </view> + <u-icon name="arrow-right"></u-icon> + </view> + <view class="show-phone-number" @click="goChangePhone"> + + </view> --> + </view> +<!-- <view class="main-box"> + + + </view> --> + <view class="logout"> + 閫�鍑虹櫥褰� + </view> + <tabsCom :activeNumber.sync="activeNumber"></tabsCom> + + </view> +</template> + +<script> + import tabsCom from '@/qiye/components/bottom.vue' + + export default { + components: { + tabsCom + }, + data() { + return { + activeNumber: 2, + + src: '/static/policy/header.png' + } + }, + methods: { + goChangePhone() { + uni.navigateTo({ + url: '/policy/changePhone/changePhone' + }) + } + } + } +</script> +<style> + page{ + background: #f4f4f4; + } +</style> +<style lang="scss" scoped> + .page-mine-box { + .top-box { + margin-top: 200rpx; + box-sizing: border-box; + .user-news { + margin: 48rpx; + display: flex; + justify-content: flex-start; + align-items: center; + + image { + width: 108rpx; + height: 108rpx; + background-color: white; + border-radius: 50%; + } + + .user-info { + margin-left: 24rpx; + color: white; + + .user-name { + display: flex; + justify-content: flex-start; + align-items: center; + margin-bottom: 24rpx; + + .direc { + width: 2rpx; + height: 20rpx; + background-color: white; + vertical-align: middle; + margin: 0 16rpx; + } + } + + .dept-name { + font-size: 28rpx; + color: #FFFFFFB3; + } + + .dept-per { + font-size: 24rpx; + } + } + } + } + + .main-box { + // position: relative; + // top: -45rpx; + } + .wbox{ + background-color: white; + margin: 0 40rpx; + border-radius: 10rpx; + padding: 28rpx 24rpx; + font-size: 32rpx; + color: #202D44FF; + .label { + color: #7E8596FF; + } + + .change { + margin-left: 20rpx; + color: #202D44FF; + } + + .item{ + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #f1f1f1; + padding-bottom: 20rpx; + margin-bottom: 20rpx; + image { + width: 44rpx; + height: 44rpx; + } + } + .item:last-child{ + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; + } + } + .show-phone-number { + background-color: white; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0 40rpx; + border-radius: 10rpx; + padding: 28rpx 24rpx; + font-size: 32rpx; + color: #202D44FF; + font-weight: normal; + margin-bottom: 20rpx; + + .label { + color: #7E8596FF; + } + + .change { + margin-left: 20rpx; + color: #202D44FF; + } + + image { + width: 44rpx; + height: 44rpx; + } + } + + .logout { + text-align: center; + padding: 20rpx 0; + justify-content: center; + align-items: center; + border-radius: 38rpx; + background: #FFF; + font-size: 32rpx; + color: #4a4e60ff; + width: calc(100% - 64rpx); + left: 32rpx; + position: fixed; + bottom: 180rpx; + } + + .inckname { + font-size: 36rpx; + } + } + .head{ + width: 100%; + height: 518rpx; + z-index: -1; + position: absolute; + left: 0; + top: 0; + } +</style> \ No newline at end of file diff --git a/qiye/qiyeIndex/qiyeIndex.vue b/qiye/qiyeIndex/qiyeIndex.vue new file mode 100644 index 0000000..ba6ef5c --- /dev/null +++ b/qiye/qiyeIndex/qiyeIndex.vue @@ -0,0 +1,136 @@ +<template> + <view> + <img src="/static/head.png" class="head" alt="" /> + <view class="hqzc"> + <img src="/static/hqzc.png" class="img" alt="" /> + <view class="line"></view> + <view class="font"> + <p>娴峰叧鎬荤讲璐告槗鎸佺画鍙戝睍2024骞寸珛娉�...</p> + <p>鍥藉鍖荤枟淇濋殰灞�鍔炲叕瀹ゅ叧浜庡彂甯冪鐞�... </p> + </view> + <img src="/static/i06.png" class="more" alt="" /> + </view> + <view class="wbox"> + <view class="name"> + 鐟為煹杈捐锤鏄撴湁闄愬叕鍙� + </view> + <view class="imgbox"> + <image :src="uqrcodeImage" mode="widthFix" class="qrcode-1"></image> + </view> + <!-- <view class=""> + + </view> --> + <img src="/static/qiye/q05.png" style="width: 100%;height: 201rpx;" alt="" /> + + </view> + <view style="height: 50rpx;"></view> + <uqrcode class="hide-canvas" :size="470" sizeUnit="rpx" v-if="companyCode" ref="uqrcode" canvas-id="qrcode" :value="companyCode" :options="{ backgroundColor: '#000000',useDynamicSize: true, areaColor: '#ffffff', foregroundColor: '#ffffff' }"></uqrcode> + <tabsCom :activeNumber.sync="activeNumber"></tabsCom> + + </view> +</template> + +<script> + import tabsCom from '@/qiye/components/bottom.vue' + + export default { + components: { + tabsCom + }, + data() { + return { + activeNumber: 0, + companyCode: 'code===', + uqrcodeImage: '' + } + }, + onReady() { + this.$refs.uqrcode.toTempFilePath({ + success: res => { + this.uqrcodeImage = res.tempFilePath + } + }); + }, + methods: { + + } + } +</script> + +<style> + page{ + background: #F7F7F7; + } +</style> +<style lang="scss" scoped> + .head{ + width: 100%; + height: 518rpx; + } + .hqzc{ + position: absolute; + border-radius: 5px; + background: #fff; + display: flex; + width: calc(100vw - 64rpx); + align-items: center; + left: 32rpx; + top: 500rpx; + padding: 24rpx; + box-sizing: border-box; + .line{ + width: 2rpx; + height: 50rpx; + background: #f1f1f1; + margin-right: 18rpx; + } + .img{ + width: 76rpx; + height: 76rpx; + margin-right: 18rpx; + } + .more{ + width: 28rpx; + height: 28rpx; + } + .font{ + font-size: 26rpx; + color: #4A4E60; + margin-right: 50rpx; + + } + } + .hide-canvas{ + display: none; + } + .wbox{ + background: #fff; + border-radius: 5px; + padding: 24rpx; + box-sizing: border-box; + margin: 120rpx 32rpx; + .name{ + text-align: center; + color: #202d44; + font-size: 36rpx; + font-weight: bold; + line-height: 44rpx; + border-bottom: 1px dashed #f1f1f1; + padding-bottom: 20rpx; + margin-bottom: 20rpx; + } + .imgbox{ + text-align: center; + border-radius: 5rpx; + border: 4rpx solid #CCDEFE; + padding: 20rpx; + width: 420rpx; + margin: 0 auto; + + } + .qrcode-1{ + width: 400rpx; + height: 400rpx; + } + } +</style> \ No newline at end of file diff --git a/static/qiye/q01.png b/static/qiye/q01.png new file mode 100644 index 0000000..54482de --- /dev/null +++ b/static/qiye/q01.png Binary files differ diff --git a/static/qiye/q02.png b/static/qiye/q02.png new file mode 100644 index 0000000..7927910 --- /dev/null +++ b/static/qiye/q02.png Binary files differ diff --git a/static/qiye/q03.png b/static/qiye/q03.png new file mode 100644 index 0000000..a00b284 --- /dev/null +++ b/static/qiye/q03.png Binary files differ diff --git a/static/qiye/q04.png b/static/qiye/q04.png new file mode 100644 index 0000000..49924b5 --- /dev/null +++ b/static/qiye/q04.png Binary files differ diff --git a/static/qiye/q05.png b/static/qiye/q05.png new file mode 100644 index 0000000..09dcb16 --- /dev/null +++ b/static/qiye/q05.png Binary files differ diff --git a/static/qiye/q06.png b/static/qiye/q06.png new file mode 100644 index 0000000..ee62e2a --- /dev/null +++ b/static/qiye/q06.png Binary files differ diff --git a/static/qiye/q07.png b/static/qiye/q07.png new file mode 100644 index 0000000..dde1bd4 --- /dev/null +++ b/static/qiye/q07.png Binary files differ -- Gitblit v1.9.1