From abe3c7e7695f61f362685abf639f0c441c62741b Mon Sep 17 00:00:00 2001 From: 346149741 <346149741@qq.com> Date: 星期五, 21 六月 2024 18:03:16 +0800 Subject: [PATCH] 执法信息 --- static/qiye/xing2.png | 0 static/qiye/xing1.png | 0 pages.json | 16 + pages/message/list.vue | 2 qiye/record/details.vue | 310 ++++++++++++++++++++++++++++++++++ qiye/record/record.vue | 176 +++++++++++++++++++ pages/index/index.vue | 2 7 files changed, 506 insertions(+), 0 deletions(-) diff --git a/pages.json b/pages.json index 11a6fb0..d9ca312 100644 --- a/pages.json +++ b/pages.json @@ -181,6 +181,22 @@ "navigationStyle": "custom" } + }, + { + "path" : "record/record", + "style" : + { + "navigationBarTitleText" : "鎵ф硶璁板綍" + } + }, + { + "path" : "record/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/record/details.vue b/qiye/record/details.vue new file mode 100644 index 0000000..237e7ae --- /dev/null +++ b/qiye/record/details.vue @@ -0,0 +1,310 @@ +<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> + </view> +</template> + +<script> + export default { + data() { + return { + xing: 5, + value: 'orange', + type:1 + } + }, + methods: { + daxing(a) { + this.xing = a + }, + 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; + } + + .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; + } +</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