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/workOrder/list.vue | 188 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 188 insertions(+), 0 deletions(-)
diff --git a/h5/pages/workOrder/list.vue b/h5/pages/workOrder/list.vue
new file mode 100644
index 0000000..0ea131f
--- /dev/null
+++ b/h5/pages/workOrder/list.vue
@@ -0,0 +1,188 @@
+<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>
+ <!-- -->
+ <view class="tabs">
+ <view class="tab" :class="{active: activeTab == 0}" @click="tabsClick(0)">
+ <text>寰呭鐞�</text>
+ <text class="border"></text>
+ </view>
+ <view class="tab" :class="{active: activeTab == 1}" @click="tabsClick(1)">
+ <text>宸插鐞�</text>
+ <text class="border"></text>
+ </view>
+ <view class="tab" @click="allClick">
+ <view class="name">
+ <image v-if="selectAll" class="icon" src="@/static/checked.png" mode=""></image>
+ <image v-else class="icon" src="@/static/check.png" mode=""></image>
+ <text>鏌ョ湅鍏ㄩ儴</text>
+ </view>
+ <text class="border"></text>
+ </view>
+ </view>
+ <!-- -->
+ <view class="list">
+ <view class="item" v-for="item in 10" @click="itemClick(item)">
+ <image v-if="item.stats == 1" src="@/static/side/workordered.png" class="icon"></image>
+ <image v-else src="@/static/side/workorder.png" class="icon"></image>
+ <view class="content">
+ <view class="name_wrap line">
+ <view class="name">A搴�/401</view>
+ <view class="status">宸插鐞�</view>
+ </view>
+ <view class="line">宸ュ崟绫诲瀷锛歺xx</view>
+ <view class="line">鎶ヤ慨鐗╁搧锛�121212</view>
+ <view class="line">涓婃姤鏃堕棿锛�121212</view>
+ <view class="line">涓婇棬鏃堕棿锛�121212</view>
+ </view>
+ </view>
+ </view>
+ <!-- -->
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ param: {},
+ activeTab: 0,
+ selectAll: false
+ };
+ },
+ methods: {
+ tabsClick(val) {
+ this.activeTab = val
+ },
+ allClick() {
+ this.selectAll = !this.selectAll
+ },
+ itemClick() {
+ uni.navigateTo({
+ url: '/pages/workOrder/detail'
+ })
+ },
+ getList() {
+ console.log('---');
+ }
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+ .main_app{
+ padding: 0 30rpx;
+ }
+ .tabs{
+ display: flex;
+ width: 750rpx;
+ margin: 12rpx -30rpx 0;
+ border-bottom: 1rpx solid #E5E5E5;
+ .tab{
+ font-size: 30rpx;
+ color: #666666;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: flex-end;
+ height: 88rpx;
+ .name{
+ display: flex;
+ align-items: center;
+ }
+ .icon{
+ width: 28rpx;
+ height: 28rpx;
+ margin-right: 10rpx;
+ }
+ .border{
+ width: 54rpx;
+ height: 6rpx;
+ background-color: #fff;
+ border-radius: 3rpx;
+ margin-top: 24rpx;
+ }
+ }
+ .active{
+ font-weight: 600;
+ font-size: 32rpx;
+ color: #222222;
+ .border{
+ background-color: $primaryColor;
+ }
+
+ }
+
+ }
+ .head_wrap {
+ display: flex;
+ align-items: center;
+
+ .search_wrap {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ height: 76rpx;
+ background: #F7F7F7;
+ border-radius: 38rpx;
+ padding-left: 30rpx;
+ input{
+ flex: 1;
+ }
+ .search {
+ width: 28rpx;
+ height: 28rpx;
+ }
+ }
+
+ }
+
+ .list {
+ .item {
+ display: flex;
+ // height: 290rpx;
+ 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;
+ .line{
+ margin-bottom: 20rpx;
+ &:nth-last-child(1){
+ margin-bottom: 0;
+ }
+ }
+ .name_wrap{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ .name{
+ display: flex;
+ align-items: flex-end;
+ font-weight: 600;
+ font-size: 34rpx;
+ color: #222222;
+ }
+ .status{
+ color: $primaryColor;
+ }
+ }
+ }
+ }
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3