From c462126d2eaf08e95c7bbb7f5db0a1a826356a75 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 28 十一月 2024 15:08:13 +0800
Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/funingyunwei
---
h5/pages/operation/record.vue | 134 ++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 134 insertions(+), 0 deletions(-)
diff --git a/h5/pages/operation/record.vue b/h5/pages/operation/record.vue
new file mode 100644
index 0000000..818efb9
--- /dev/null
+++ b/h5/pages/operation/record.vue
@@ -0,0 +1,134 @@
+<template>
+ <view class="main_app">
+ <view class="head_wrap">
+ <view class="search_wrap">
+ <image class="mr12 search" src="@/static/home/ic_search@2x.png" mode="widthFix"></image>
+ <input v-model="param.keyword" @confirm="getList()" type="text" placeholder="鎼滅储璁惧鍚嶇О/缂栧彿" placeholder-class="placeholder9" />
+ </view>
+ <view class="name_wrap" @click="showModal = true">
+ <view class="name">杩愮淮浜�</view>
+ <u-icon :name="showModal ? 'arrow-right' : 'arrow-down'" color="#999999" size="12"></u-icon>
+ </view>
+ </view>
+ <!-- -->
+ <view class="list">
+ <view class="item" v-for="item in 10" @click="itemClick(item)">
+ <image src="@/static/side/ic_shuiyu@2x.png" class="icon"></image>
+ <view class="content">
+ <view class="name_wrap">
+ <view class="name">
+ <text class="device">xx璁惧</text>
+ <text>D20231</text>
+ </view>
+ <view class="status red">姝ｅ父</view>
+ </view>
+ <view class="line">杩愮淮浜猴細xxx</view>
+ <view class="line">杩愮淮鏃堕棿锛�121212</view>
+ </view>
+
+ </view>
+ </view>
+ <!-- -->
+ <u-picker :show="showModal" keyName="name" @cancel="showModal = false" @confirm='confirm'
+ :columns="columns"></u-picker>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ param: {},
+ columns: [],
+ showModal: false
+ };
+ },
+ methods: {
+ getList() {},
+ confirm() {
+ this.showModal = false
+ },
+ itemClick() {
+ uni.navigateTo({
+ url: '/pages/operation/detail'
+ })
+ }
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+ .main_app{
+ padding: 0 30rpx;
+ }
+ .head_wrap {
+ display: flex;
+ align-items: center;
+
+ .search_wrap {
+ display: flex;
+ align-items: center;
+ width: 540rpx;
+ height: 76rpx;
+ background: #F7F7F7;
+ border-radius: 38rpx;
+ padding-left: 30rpx;
+ input{
+ flex: 1;
+ }
+ .search {
+ width: 28rpx;
+ height: 28rpx;
+ }
+ }
+
+ .name_wrap {
+ display: flex;
+ align-items: center;
+ margin-left: 12rpx;
+ justify-content: flex-end;
+ flex: 1;
+ }
+ }
+
+ .list {
+ .item {
+ display: flex;
+ height: 228rpx;
+ padding: 30rpx 0;
+ border-bottom: 2rpx solid #E5E5E5;
+ .icon {
+ width: 80rpx;
+ height: 80rpx;
+ margin-right: 24rpx;
+ }
+
+ .content {
+ flex: 1;
+ color: #666666;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ .name_wrap{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ .name{
+ display: flex;
+ align-items: flex-end;
+ font-size: 26rpx;
+ .device{
+ font-weight: 600;
+ font-size: 34rpx;
+ color: #222222;
+ margin-right: 6rpx;
+ }
+ }
+ .status{
+ color: $primaryColor;
+ }
+ }
+ }
+ }
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3