|  |  | 
 |  |  | <template>
 | 
 |  |  |   <view class="list-container markup-config">
 | 
 |  |  |    <view class="list-container markup-config p20">
 | 
 |  |  |     <view class="search-container m-t-12 flex">
 | 
 |  |  |       <view class="flex1 input">
 | 
 |  |  |         <u--input placeholder="请输入商品名称" v-model="query.name">
 | 
 |  |  |         </u--input>
 | 
 |  |  |             <u-input placeholder="请输入分类名称" v-model="query.name" clearable>
 | 
 |  |  |                <template slot="suffix">
 | 
 |  |  |                   <uni-icons color="#20613D" type="search" size="24" @tap="refreshList"></uni-icons>
 | 
 |  |  |                </template>
 | 
 |  |  |             </u-input>
 | 
 |  |  |       </view>
 | 
 |  |  |       <view class="button" @click="refreshList">搜索</view>
 | 
 |  |  |     </view>
 | 
 |  |  |     <view class="m-t-12">
 | 
 |  |  | 
 | 
 |  |  | <!--       <view class="m-t-12 text-center bg-white p10" @click="show_time_picker_time=true">
 | 
 |  |  |       {{ !query.time && '请选择时间' || (query.time) }}
 | 
 |  |  |     </view>
 | 
 |  |  |       </view> -->
 | 
 |  |  | 
 | 
 |  |  | 
 | 
 |  |  |     <view class="p15" style="min-height: calc(100vh - 160rpx);">
 | 
 |  |  | 
 |  |  |     <!-- 判断是否到底了,自动吧 -->
 | 
 |  |  |     <footer-msg :more="page.total>0&&page.total>page.current*page.size"></footer-msg>
 | 
 |  |  |     <u-datetime-picker :show="show_time_picker_time" @cancel="show_time_picker_time=false"
 | 
 |  |  |                        @confirm="select_time_picker_time" v-model="tmp_picker_time" mode="time"></u-datetime-picker>
 | 
 |  |  |          @confirm="select_time_picker_time" v-model="tmp_picker_time" mode="datetime"></u-datetime-picker>
 | 
 |  |  | 
 | 
 |  |  |   </view>
 | 
 |  |  | </template>
 | 
 |  |  | 
 |  |  |   },
 | 
 |  |  |   methods: {
 | 
 |  |  |     async select_time_picker_time(e) {
 | 
 |  |  |             console.log('select_time_picker_time', e)
 | 
 |  |  |       var vv = e.value
 | 
 |  |  |       if (vv) {
 | 
 |  |  |         vv = vv.replace('aN:', '00:')
 | 
 |  |  | 
 |  |  | .list-container.markup-config {
 | 
 |  |  |   .search-container {
 | 
 |  |  |     display: flex;
 | 
 |  |  |     margin: 24rpx 30rpx 20rpx 30rpx;
 | 
 |  |  |          // margin: 24rpx 30rpx 20rpx 30rpx;
 | 
 |  |  | 
 | 
 |  |  | 
 | 
 |  |  |     .input {
 | 
 |  |  |       // flex: 1;
 | 
 |  |  | 
 |  |  |       max-width: 120rpx;
 | 
 |  |  |       margin-left: auto;
 | 
 |  |  |       margin-right: 0rpx;
 | 
 |  |  |       text-align: right;
 | 
 |  |  |             // text-align: right;
 | 
 |  |  |       line-height: 70rpx !important;
 | 
 |  |  |       // height: 58rpx !important;
 | 
 |  |  |       // display: flex;
 | 
 |  |  | 
 |  |  |           max-width: 50%;
 | 
 |  |  |           flex: 1;
 | 
 |  |  | 
 | 
 |  |  |           .form-item-label {
 | 
 |  |  |           }
 | 
 |  |  |                   .form-item-label {}
 | 
 |  |  | 
 | 
 |  |  |           .form-item-value {
 | 
 |  |  |           }
 | 
 |  |  |                   .form-item-value {}
 | 
 |  |  |         }
 | 
 |  |  | 
 | 
 |  |  |       }
 |