From 03c1ffc86409d939875af372795b5d37cbe07d1f Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期六, 22 六月 2024 14:39:36 +0800 Subject: [PATCH] Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx --- qiye/complaint/details.vue | 295 ++++++++++++ static/qiye/xing2.png | 0 static/qiye/xing1.png | 0 qiye/record/evaluate.vue | 174 +++++++ pages.json | 38 + qiye/complaint/complaint.vue | 189 ++++++++ pages/message/list.vue | 2 qiye/record/details.vue | 481 ++++++++++++++++++++ qiye/record/record.vue | 176 +++++++ pages/index/index.vue | 2 10 files changed, 1,357 insertions(+), 0 deletions(-) diff --git a/pages.json b/pages.json index 43fc58a..22845e7 100644 --- a/pages.json +++ b/pages.json @@ -181,6 +181,44 @@ "navigationStyle": "custom" } + }, + { + "path" : "record/record", + "style" : + { + "navigationBarTitleText" : "鎵ф硶璁板綍" + } + }, + { + "path" : "record/details", + "style" : + { + "navigationBarTitleText" : "鎵ф硶淇℃伅", + "navigationStyle": "custom" + + } + }, + { + "path" : "record/evaluate", + "style" : + { + "navigationBarTitleText" : "璇勪环" + } + }, + { + "path" : "complaint/complaint", + "style" : + { + "navigationBarTitleText" : "鎶曡瘔璁板綍" + } + }, + { + "path" : "complaint/details", + "style" : + { + "navigationBarTitleText" : "", + "navigationStyle": "custom" + } } ] diff --git a/pages/index/index.vue b/pages/index/index.vue index 35a2c05..defa2f7 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -223,6 +223,8 @@ .l{ font-size: 26rpx; color: #7e8593; + max-width: 80%; + } .r{ width: 132rpx; diff --git a/pages/message/list.vue b/pages/message/list.vue index 52d7c89..47c4fc7 100644 --- a/pages/message/list.vue +++ b/pages/message/list.vue @@ -80,6 +80,8 @@ .l{ font-size: 26rpx; color: #7e8593; + max-width: 80%; + } .r{ width: 132rpx; diff --git a/qiye/complaint/complaint.vue b/qiye/complaint/complaint.vue new file mode 100644 index 0000000..a9b360e --- /dev/null +++ b/qiye/complaint/complaint.vue @@ -0,0 +1,189 @@ +<template> + <view> + <u-sticky bgColor="white"> + <view class="set-search"> + <u-search placeholder="璇疯緭鍏�" @search="search" @blur="search" shape="square" :showAction="false"></u-search> + </view> + <view class="border"></view> + <u-tabs :list="list1" @click="click" :current="current" :scrollable="false" bgColor="white"></u-tabs> + </u-sticky> + <view class="item"> + <img src="/static/i05.png" class="img" alt="" /> + <view class="right"> + <view class="name"> + <view class="l"> + 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃 + </view> + <view class="r color1"> + 寰呰瘎浠� + </view> + </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 class="item"> + <img src="/static/i05.png" class="img" alt="" /> + <view class="right"> + <view class="name"> + <view class="l"> + 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃 + </view> + <view class="r color2"> + 寰呰瘎浠� + </view> + </view> + <view class="box"> + <view class="l"> + <p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�s</p> + <p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p> + </view> + <view class="r"> + 鍘绘煡鐪� + </view> + </view> + </view> + </view> + <view class="item"> + <img src="/static/i05.png" class="img" alt="" /> + <view class="right"> + <view class="name"> + <view class="l"> + 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃 + </view> + <view class="r color3"> + 寰呰瘎浠� + </view> + </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 style="height: 50rpx;"></view> + + </view> +</template> + +<script> + export default { + data() { + return { + current: 0, + list1: [{ + name: '鍏ㄩ儴', + value: '' + }, { + name: '寰呭搷搴�', + value: 1 + }, { + name: '澶勭悊涓�', + value: 2 + }, { + name: '宸插姙缁�', + value: 3 + }], + } + }, + methods: { + search(e){ + // this.queryParams.pageNum =1 + // this.queryParams.companyName = e + // this.orderList() + } + } + } +</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{ + display: flex; + justify-content: space-between; + .l{ + color: #202d44; + font-size: 32rpx; + line-height: 44rpx; + margin-bottom: 24rpx; + width: 80%; + } + .r{ + font-size: 28rpx; + width: 20%; + text-align: right; + } + } + .box{ + display: flex; + justify-content: space-between; + .l{ + font-size: 26rpx; + color: #7e8593; + max-width: 80%; + } + .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; + } + } + } + } + .color1{ + color: #FE7B32; + } + .color2{ + color: #EB4746; + + } + .color3{ + color: #3EB47A; + + } +</style> \ No newline at end of file diff --git a/qiye/complaint/details.vue b/qiye/complaint/details.vue new file mode 100644 index 0000000..0c3d8ac --- /dev/null +++ b/qiye/complaint/details.vue @@ -0,0 +1,295 @@ +<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="title"> + 宸茶瘎浠� + </view> + <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 style="height: 20rpx;"></view> + <view class="wbox2"> + <view class="t"> + 鎶曡瘔璁板綍 + </view> + <view class="jilu"> + <img src="/static/policy/icon.png" class="img" alt="" /> + <view class="font"> + <view class="h"> + <view class="s"> + 宸查┏鍥� + </view> + <view class="time"> + 2024-06-07 12:14 + </view> + </view> + <view class="b"> + <view class="name"> + 鏋楀皬闆� + </view> + <view class="p"> + <span>鐢宠瘔涓婚锛�</span> + 姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠� + </view> + <view class="p"> + <span>鐢宠瘔鍐呭锛�</span> + 鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹� + </view> + </view> + </view> + </view> + <view class="jilu"> + <img src="/static/policy/refject.png" class="img" alt="" /> + <view class="font"> + <view class="h"> + <view class="s"> + 宸查┏鍥� + </view> + <view class="time"> + 2024-06-07 12:14 + </view> + </view> + <view class="b"> + <view class="name"> + 鏋楀皬闆� + </view> + <view class="p"> + <span>鐢宠瘔涓婚锛�</span> + 姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠� + </view> + <view class="p"> + <span>鐢宠瘔鍐呭锛�</span> + 鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹� + </view> + </view> + </view> + </view> + </view> + </view> + + </view> +</template> + +<script> + export default { + data() { + return { + + } + }, + 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; + + } + } + } + .title { + color: #ffffff; + font-size: 44rpx; + font-weight: bold; + padding-left: 32rpx; + margin-top: 24rpx; + margin-bottom: 24rpx; + + } + + .wbox2 { + background: #fff; + border-radius: 5px; + box-sizing: border-box; + margin: 0 32rpx; + + .t { + padding: 24rpx; + border-bottom: 1px solid #EEEEEE; + color: #202d44; + font-size: 36rpx; + font-weight: bold; + } + + } + .jilu{ + display: flex; + justify-content: space-between; + padding: 24rpx; + .img{ + width: 70rpx; + height: 50rpx; + margin-right: 24rpx; + } + .font{ + .h{ + display: flex; + justify-content: space-between; + margin-bottom: 20rpx; + .s{ + color: #202d44; + font-size: 32rpx; + } + .time{ + color: #7e8596; + font-size: 24rpx; + } + } + .b{ + // width: 289px; + // height: 111px; + // flex-shrink: 0; + border-radius: 4px; + background: #F6F6F6; + padding: 24rpx; + .name{ + color: #202d44; + font-size: 32rpx; + } + .p{ + color: #202d44; + font-size: 26rpx; + span{ + color: #666666; + + } + } + } + } + } +</style> \ No newline at end of file diff --git a/qiye/record/details.vue b/qiye/record/details.vue new file mode 100644 index 0000000..b283999 --- /dev/null +++ b/qiye/record/details.vue @@ -0,0 +1,481 @@ +<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="title"> + 宸茶瘎浠� + </view> + <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 style="height: 20rpx;"></view> + <view class="wbox2"> + <view class="t"> + 鎵ф硶璇勪环 + </view> + <view class="sbox"> + <view class="t2"> + 鏈鎵ф硶杩樻弧鎰忕▼搴� + </view> + <view class="xbox"> + <view @click="daxing(1)"> + <img src="/static/qiye/xing1.png" alt="" /> + <view> + 寰堢碂绯� + </view> + </view> + <view @click="daxing(2)"> + <img v-if="xing>=2" src="/static/qiye/xing1.png" alt="" /> + <img v-else src="/static/qiye/xing2.png" alt="" /> + <view :class="xing==2?'hei':''"> + 涓嶆弧鎰� + </view> + </view> + <view @click="daxing(3)"> + <img v-if="xing>=3" src="/static/qiye/xing1.png" alt="" /> + <img v-else src="/static/qiye/xing2.png" alt="" /> + <view :class="xing==3?'hei':''"> + 涓�鑸埇 + </view> + </view> + <view @click="daxing(4)"> + <img v-if="xing>=4" src="/static/qiye/xing1.png" alt="" /> + <img v-else src="/static/qiye/xing2.png" alt="" /> + <view :class="xing==4?'hei':''"> + 婊℃剰 + </view> + </view> + <view @click="daxing(5)"> + <img v-if="xing>=5" src="/static/qiye/xing1.png" alt="" /> + <img v-else src="/static/qiye/xing2.png" alt="" /> + <view :class="xing==5?'hei':''"> + 闈炲父婊℃剰 + </view> + </view> + </view> + <view class="line"></view> + </view> + <view class="sbox"> + <view class="t2"> + 杩欐槸涓�涓崟閫夐鐨勯骞诧紵 + </view> + <u-radio-group v-model="value"> + <u-radio name="orange">閫変腑</u-radio> + <u-radio name="1" :disabled="true">鏈�変腑</u-radio> + </u-radio-group> + <view class="line"></view> + </view> + <view class="sbox"> + <view class="t2"> + 瀵规垜浠殑璇勪环 + </view> + <view class="pjbox"> + 杩欐鎵ф硶闈炲父濂斤紝闈炲父濂斤紝杩欐鎵ф硶闈炲父濂斤紝闈炲父濂借繖娆℃墽娉曢潪甯稿ソ锛岄潪甯稿ソ + </view> + </view> + </view> + </view> + <view class="bottom"> + <view class="one" v-if="type==1"> + <view class="b1" @click="open()"> + 鎶曡瘔 + </view> + </view> + <view class="two" v-if="type==2"> + <view class="b2" @click="open()"> + 鎶曡瘔 + </view> + <view class="b3"> + 鎴戣璇勪环 + </view> + </view> + </view> + <u-popup :show="show" @close="close" mode="bottom" round="10" closeable> + <view class="page-box"> + <view class="title1"> + 浼佷笟鎶曡瘔 + </view> + <view class="border"></view> + <view class="padding"> + <view class="font"> + 鎶曡瘔涓婚 + </view> + <view> + <u-radio-group placement="row"> + <u-radio active-color="#3EB47A" label="aaa" name="3"></u-radio> + <u-radio active-color="#3EB47A" label="bbb" name="3"></u-radio> + </u-radio-group> + </view> + <view class="font"> + 鎶曡瘔鍐呭 + </view> + <view class="margin-top"> + <u-textarea placeholder="璇疯緭鍏�..."></u-textarea> + </view> + </view> + <view class="down"> + <view class="enter" @entery="entery">鎻愪氦</view> + </view> + </view> + </u-popup> + </view> +</template> + +<script> + export default { + data() { + return { + xing: 5, + value: 'orange', + type: 2, + show: false, + list: [{ + //todo 璇锋眰鎺ュ彛 + value: '1', + label: '姹�' + }, + { + value: '2', + label: '婀�' + } + ], + } + }, + methods: { + daxing(a) { + this.xing = a + }, + imgclick(url) { + uni.previewImage({ + urls: [url] + }) + }, + open() { + this.show = true + }, + close() { + this.show = false + this.$emit('cancel') + }, + entery() { + this.$emit('entery') + }, + + } + } +</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; + + } + } + } + + .title { + color: #ffffff; + font-size: 44rpx; + font-weight: bold; + padding-left: 32rpx; + margin-top: 24rpx; + margin-bottom: 24rpx; + + } + + .wbox2 { + background: #fff; + border-radius: 5px; + box-sizing: border-box; + margin: 0 32rpx; + + .t { + padding: 24rpx; + border-bottom: 1px solid #EEEEEE; + color: #202d44; + font-size: 36rpx; + font-weight: bold; + } + + .sbox { + padding: 24rpx; + + .line { + border-bottom: 1px dashed #f1f1f1; + margin-top: 32rpx; + } + + .xbox { + display: flex; + margin-top: 36rpx; + justify-content: space-between; + + img { + width: 74rpx; + height: 74rpx; + } + + >view { + text-align: center; + font-size: 28rpx; + color: #C3C6CD; + } + } + } + } + + .pjbox { + background: #F4F4F4; + border-radius: 5px; + margin: 10rpx 0; + padding: 24rpx; + color: #202d44; + font-size: 32rpx; + + } + + /deep/ .u-radio-group { + margin-top: 20rpx; + + .u-radio { + margin-right: 20rpx; + } + } + + .hei { + color: #202D44; + } + + .bottom { + position: fixed; + bottom: 0; + width: 100%; + left: 0; + height: 132rpx; + background: #fff; + + .one { + display: flex; + justify-content: center; + align-items: center; + height: 100%; + + .b1 { + width: 686rpx; + height: 88rpx; + border-radius: 10px; + background: #F7F7F7; + line-height: 88rpx; + text-align: center; + } + } + + .two { + display: flex; + justify-content: center; + align-items: center; + height: 100%; + + .b2 { + width: 146rpx; + height: 88rpx; + border-radius: 10px; + background: #F7F7F7; + line-height: 88rpx; + text-align: center; + margin-right: 18rpx; + } + + .b3 { + width: 524rpx; + height: 88rpx; + border-radius: 10px; + background: #1171E0; + line-height: 88rpx; + text-align: center; + color: #fff; + } + } + } + + .page-box { + padding: 24rpx 0; + .font{ + color: #4a4e60; + font-size: 32rpx; + margin-top: 20rpx; + } + .title1 { + font-size: 36rpx; + font-weight: 700; + padding: 0 32rpx; + border-bottom: 2rpx solid #F4F4F4; + padding-bottom: 24rpx; + } + + .padding { + padding: 0 24rpx; + } + + .margin-top { + margin-top: 20rpx; + } + + .down { + padding: 34rpx 30rpx 30rpx; + display: flex; + justify-content: space-between; + + >view { + display: inline-block; + } + + .button { + padding: 20rpx 40rpx; + background: #F7F7F7; + border-radius: 20rpx; + } + + .enter { + width: 100%; + background: #1171E0; + color: white; + border-radius: 20rpx; + padding: 20rpx 40rpx; + text-align: center; + } + } + } + + /deep/ .u-textarea { + background-color: #F4F4F4; + } +</style> \ No newline at end of file diff --git a/qiye/record/evaluate.vue b/qiye/record/evaluate.vue new file mode 100644 index 0000000..e5b7151 --- /dev/null +++ b/qiye/record/evaluate.vue @@ -0,0 +1,174 @@ +<template> + <view style="margin-top: 20rpx;"> + <view class="wbox2"> + <view class="t"> + 鎵ф硶璇勪环 + </view> + <view class="sbox"> + <view class="t2"> + 鏈鎵ф硶杩樻弧鎰忕▼搴� + </view> + <view class="xbox"> + <view @click="daxing(1)"> + <img src="/static/qiye/xing1.png" alt="" /> + <view> + 寰堢碂绯� + </view> + </view> + <view @click="daxing(2)"> + <img v-if="xing>=2" src="/static/qiye/xing1.png" alt="" /> + <img v-else src="/static/qiye/xing2.png" alt="" /> + <view :class="xing==2?'hei':''"> + 涓嶆弧鎰� + </view> + </view> + <view @click="daxing(3)"> + <img v-if="xing>=3" src="/static/qiye/xing1.png" alt="" /> + <img v-else src="/static/qiye/xing2.png" alt="" /> + <view :class="xing==3?'hei':''"> + 涓�鑸埇 + </view> + </view> + <view @click="daxing(4)"> + <img v-if="xing>=4" src="/static/qiye/xing1.png" alt="" /> + <img v-else src="/static/qiye/xing2.png" alt="" /> + <view :class="xing==4?'hei':''"> + 婊℃剰 + </view> + </view> + <view @click="daxing(5)"> + <img v-if="xing>=5" src="/static/qiye/xing1.png" alt="" /> + <img v-else src="/static/qiye/xing2.png" alt="" /> + <view :class="xing==5?'hei':''"> + 闈炲父婊℃剰 + </view> + </view> + </view> + <view class="line"></view> + </view> + <view class="sbox"> + <view class="t2"> + 杩欐槸涓�涓崟閫夐鐨勯骞诧紵 + </view> + <u-radio-group v-model="value"> + <u-radio name="orange">閫変腑</u-radio> + <u-radio name="1" :disabled="true">鏈�変腑</u-radio> + </u-radio-group> + <view class="line"></view> + </view> + <view class="sbox"> + <view class="t2" style="margin-bottom: 30rpx;"> + 瀵规垜浠殑璇勪环 + </view> + <u-textarea placeholder="璇疯緭鍏�..."></u-textarea> + </view> + </view> + <view style="height: 200rpx;"></view> + <view class="bottom"> + <view class="b1"> + 鎻愪氦 + </view> + </view> + </view> +</template> + +<script> + export default { + data() { + return { + xing: 5, + value: 'orange', + } + }, + methods: { + daxing(a) { + this.xing = a + }, + + } + } +</script> + +<style> + page { + background: #F4F4F4; + } +</style> +<style lang="scss" scoped> + .wbox2 { + background: #fff; + border-radius: 5px; + box-sizing: border-box; + margin: 0 32rpx; + + .t { + padding: 24rpx; + border-bottom: 1px solid #EEEEEE; + color: #202d44; + font-size: 36rpx; + font-weight: bold; + } + + .sbox { + padding: 24rpx; + + .line { + border-bottom: 1px dashed #f1f1f1; + margin-top: 32rpx; + } + + .xbox { + display: flex; + margin-top: 36rpx; + justify-content: space-between; + + img { + width: 74rpx; + height: 74rpx; + } + + >view { + text-align: center; + font-size: 28rpx; + color: #C3C6CD; + } + } + } + } + + /deep/ .u-radio-group { + margin-top: 20rpx; + + .u-radio { + margin-right: 20rpx; + } + } + + .hei { + color: #202D44; + } +.bottom { + position: fixed; + bottom: 0; + width: 100%; + left: 0; + height: 132rpx; + background: #fff; + display: flex; + justify-content: center; + align-items: center; + .b1 { + width: 686rpx; + height: 88rpx; + border-radius: 10px; + background: #1171E0; + line-height: 88rpx; + text-align: center; + color: #fff; + } + + + + } + +</style> \ No newline at end of file diff --git a/qiye/record/record.vue b/qiye/record/record.vue new file mode 100644 index 0000000..96e7e96 --- /dev/null +++ b/qiye/record/record.vue @@ -0,0 +1,176 @@ +<template> + <view> + <u-sticky bgColor="white"> + <u-tabs :list="list1" @click="click" :scrollable="false" bgColor="white"></u-tabs> + </u-sticky> + <view class="item"> + <img src="/static/i05.png" class="img" alt="" /> + <view class="right"> + <view class="name"> + <view class="l"> + 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃 + </view> + <view class="r color1"> + 寰呰瘎浠� + </view> + </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 class="item"> + <img src="/static/i05.png" class="img" alt="" /> + <view class="right"> + <view class="name"> + <view class="l"> + 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃 + </view> + <view class="r color2"> + 寰呰瘎浠� + </view> + </view> + <view class="box"> + <view class="l"> + <p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�s</p> + <p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p> + </view> + <view class="r"> + 鍘绘煡鐪� + </view> + </view> + </view> + </view> + <view class="item"> + <img src="/static/i05.png" class="img" alt="" /> + <view class="right"> + <view class="name"> + <view class="l"> + 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃 + </view> + <view class="r color3"> + 寰呰瘎浠� + </view> + </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 style="height: 150rpx;"></view> + <tabsCom :activeNumber.sync="activeNumber"></tabsCom> + + </view> +</template> + +<script> + import tabsCom from '@/qiye/components/bottom.vue' + + export default { + components: { + tabsCom + }, + data() { + return { + activeNumber: 1, + list1: [{ + name: '鍏ㄩ儴', + }, { + name: '寰呰瘎浠�', + }, { + name: '鏈墽娉�', + }, { + name: '宸茶瘎浠�', + }] + } + }, + methods: { + click() { + + } + } + } +</script> + +<style> + page { + background: #f4f4f4; + } +</style> +<style lang="scss" scoped> + + .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{ + display: flex; + justify-content: space-between; + .l{ + color: #202d44; + font-size: 32rpx; + line-height: 44rpx; + margin-bottom: 24rpx; + width: 80%; + } + .r{ + font-size: 28rpx; + width: 20%; + text-align: right; + } + } + .box{ + display: flex; + justify-content: space-between; + .l{ + font-size: 26rpx; + color: #7e8593; + max-width: 80%; + } + .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; + } + } + } + } + .color1{ + color: #FE7B32; + } + .color2{ + color: #EB4746; + + } + .color3{ + color: #3EB47A; + + } +</style> \ No newline at end of file diff --git a/static/qiye/xing1.png b/static/qiye/xing1.png new file mode 100644 index 0000000..1653575 --- /dev/null +++ b/static/qiye/xing1.png Binary files differ diff --git a/static/qiye/xing2.png b/static/qiye/xing2.png new file mode 100644 index 0000000..0eb7f72 --- /dev/null +++ b/static/qiye/xing2.png Binary files differ -- Gitblit v1.9.1