Merge branch 'master' of http://139.186.142.91:10010/r/productDev/funingyunwei

MrShi

2024-11-30 ef7f644b88bb63395f511ec74a01e0c3c3e52320

 h5/pages/operation/record.vue

@@ -3,54 +3,102 @@
      <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" />

            <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>

         <view class="name_wrap" @click="handleMem">

            <view class="name">{{ param.realname ? param.realname : '运维人' }}</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)">

         <view class="item" v-for="item in list" @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>

                     <text class="device">{{item.deviceName}}</text>

                     <text>{{item.deviceCode}}</text>

                  </view>

                  <view class="status red">正常</view>

                  <view class="status" v-if="item.status == 0">正常</view>

                  <view class="status red" v-if="item.status == 1">损坏</view>

                  <view class="status red" v-if="item.status == 2">报废</view>

               </view>

               <view class="line">运维人：xxx</view>

               <view class="line">运维时间：121212</view>

               <view class="line">运维人：{{item.realName}}</view>

               <view class="line">运维时间：{{item.dealDate}}</view>

            </view>



         </view>

      </view>

      <!--  -->

      <u-picker :show="showModal" keyName="name" @cancel="showModal = false" @confirm='confirm'

      <u-picker :show="showModal" keyName="realname" @cancel="showModal = false" @confirm='confirm'

         :columns="columns"></u-picker>

   </view>

</template>



<script>

   import {

      ywDeviceRecord,

      findInternalList

   } from '@/api'

   export default {

      data() {

         return {

            param: {},

            columns: [],

            showModal: false

            showModal: false,

            list: [],

            total: 0,

            page: 1,

         };

      },

      onLoad() {

         this.getpeo()

         this.getList()



      },

      mounted() {

         this.$eventBus.$on('memberSel', (option) => {

            this.$set(this.param, 'realname', option.realname)

            this.$set(this.param, 'memberId', option.id)
            this.getList()

         })
			
      },

      methods: {
         getList() {},

         getList() {

            const {

               page,

               total,

               list,
               param

            } = this

            ywDeviceRecord({

               page,

               capacity: 10,

               model: param

            }).then(res => {

               this.list = res.data.records || []

               this.total = res.data.total

            })

         },
         handleMem() {
            uni.navigateTo({
               url: '/pages/common/memberSel'
            })
         },

         getpeo() {

            findInternalList().then(res => {

               this.columns = [res.data]

            })

         },

         confirm() {

            this.showModal = false

         },
         itemClick() {
         itemClick(item) {

            uni.navigateTo({
               url: '/pages/operation/detail'
               url: '/pages/operation/detail?id='+ item.id

            })
         }

      }

@@ -61,6 +109,7 @@
   .main_app{
      padding: 0 30rpx;
   }



   .head_wrap {

      display: flex;

      align-items: center;

@@ -73,9 +122,11 @@
         background: #F7F7F7;

         border-radius: 38rpx;

         padding-left: 30rpx;



         input{
            flex: 1;
         }



         .search {

            width: 28rpx;

            height: 28rpx;

@@ -97,6 +148,7 @@
         height: 228rpx;
         padding: 30rpx 0;
         border-bottom: 2rpx solid #E5E5E5;



         .icon {

            width: 80rpx;

            height: 80rpx;
@@ -109,14 +161,17 @@
            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;
@@ -124,6 +179,7 @@
                     margin-right: 6rpx;
                  }
               }


               .status{
                  color: $primaryColor;
               }