|
@@ -1,19 +1,100 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
-
|
|
|
+ <view class="search">
|
|
|
+ <u-search placeholder="输入姓名搜索" v-model="param.goodsName" bgColor="white" @search="refresh()" :animation="true" actionText="取消" @clear="refresh()"></u-search>
|
|
|
+ <view class="clear"></view>
|
|
|
+ </view>
|
|
|
+ <view class="list">
|
|
|
+ <view class="item" v-for="(item, index) in list" :key="index">
|
|
|
+ <view class="flex">
|
|
|
+ <view class="f name" style="flex: 0.5">{{ item.name }}</view>
|
|
|
+ <view class="f" v-for="(item, index) in item.items" :key="index">
|
|
|
+ <text class="icon" v-if="item.state == 0"></text>
|
|
|
+ <text class="icon ok" v-else></text>
|
|
|
+ <text>{{ item.name }}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
-
|
|
|
- };
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ param: {},
|
|
|
+ list: [
|
|
|
+ {
|
|
|
+ name: '杨振生',
|
|
|
+ items: [
|
|
|
+ { name: '订单确认', state: 0 },
|
|
|
+ { name: '进境申报', state: 0 },
|
|
|
+ { name: '进口申报', state: 1 }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '林傍玲',
|
|
|
+ items: [
|
|
|
+ { name: '订单确认', state: 1 },
|
|
|
+ { name: '进境申报', state: 0 },
|
|
|
+ { name: '进口申报', state: 1 }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '毛燕美',
|
|
|
+ items: [
|
|
|
+ { name: '订单确认', state: 0 },
|
|
|
+ { name: '进境申报', state: 1 },
|
|
|
+ { name: '进口申报', state: 1 }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+ //this.getData();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getData() {
|
|
|
+ this.http.request({
|
|
|
+ url: '/level-one-server/app/TbOrder/xxx',
|
|
|
+ data: this.param,
|
|
|
+ success: res => {}
|
|
|
+ });
|
|
|
+ },
|
|
|
+ detail(item) {
|
|
|
+ uni.navigateTo({ url: '/pages/market/one/leader/detail?id=' + item.id });
|
|
|
}
|
|
|
}
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-
|
|
|
+page {
|
|
|
+ background-color: $pg;
|
|
|
+}
|
|
|
+.list {
|
|
|
+ padding: 15px;
|
|
|
+ .item {
|
|
|
+ padding: 15px 10px 15px 10px;
|
|
|
+ background-color: white;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ color: $font-c;
|
|
|
+ .f {
|
|
|
+ padding: 2px;
|
|
|
+ font-size: 14px;
|
|
|
+ .icon {
|
|
|
+ color: #c3c5c7;
|
|
|
+ }
|
|
|
+ .ok {
|
|
|
+ color: $main-color;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .name {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|