|
@@ -3,31 +3,29 @@
|
|
|
<view class="card_box">
|
|
<view class="card_box">
|
|
|
|
|
|
|
|
|
|
|
|
|
- <view class="item_box rx-bc" v-for="(_item,i) in columns" :key="i" >
|
|
|
|
|
|
|
+ <view class="item_box rx-bc" v-for="(_item,i) in columns" :key="i">
|
|
|
<view class="perce50" :class="val.className" :style="val.style" v-for="(val) in _item" :key="val.prop">
|
|
<view class="perce50" :class="val.className" :style="val.style" v-for="(val) in _item" :key="val.prop">
|
|
|
<view class="item_box rx-sc" v-if="val.type=='title'">
|
|
<view class="item_box rx-sc" v-if="val.type=='title'">
|
|
|
<view class="round" v-if='index'>{{index}}</view>
|
|
<view class="round" v-if='index'>{{index}}</view>
|
|
|
<view class="orderId" :style="{marginLeft: index?'16rpx':''}">{{item[val.prop]||''}} </view>
|
|
<view class="orderId" :style="{marginLeft: index?'16rpx':''}">{{item[val.prop]||''}} </view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+
|
|
|
<view class="item_one rx-sc" v-else-if="val.type=='action'">
|
|
<view class="item_one rx-sc" v-else-if="val.type=='action'">
|
|
|
<view class="lable">{{val.label}}</view>
|
|
<view class="lable">{{val.label}}</view>
|
|
|
<view class="text">
|
|
<view class="text">
|
|
|
-
|
|
|
|
|
<template v-for="(btn,bI) in btnList">
|
|
<template v-for="(btn,bI) in btnList">
|
|
|
-
|
|
|
|
|
<u-button :plain="true" :hairline="true" size='mini' :type="btn.btnType" v-if="judge(btn)"
|
|
<u-button :plain="true" :hairline="true" size='mini' :type="btn.btnType" v-if="judge(btn)"
|
|
|
- :text="btn.name" @click="action(btn)" :key="bI"></u-button>
|
|
|
|
|
|
|
+ :text="btn.name" @click="action(btn)" :key="bI"></u-button>
|
|
|
</template>
|
|
</template>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="item_one rx-sc" v-else>
|
|
|
|
|
|
|
+ <view class="item_one rx-sc kk" v-else>
|
|
|
<view class="lable">{{val.label}}</view>
|
|
<view class="lable">{{val.label}}</view>
|
|
|
<view class="text" v-if="val.formatter">{{val.formatter(item)||''}}</view>
|
|
<view class="text" v-if="val.formatter">{{val.formatter(item)||''}}</view>
|
|
|
<view class="text" v-else-if="val.slot">
|
|
<view class="text" v-else-if="val.slot">
|
|
|
<slot :name="val.slot"> </slot>
|
|
<slot :name="val.slot"> </slot>
|
|
|
-
|
|
|
|
|
</view>
|
|
</view>
|
|
|
<view class="text" v-else>{{item[val.prop]||''}}</view>
|
|
<view class="text" v-else>{{item[val.prop]||''}}</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -69,10 +67,10 @@
|
|
|
value,
|
|
value,
|
|
|
authorities
|
|
authorities
|
|
|
}) => {
|
|
}) => {
|
|
|
- if(authorities){
|
|
|
|
|
- is=this.$isAuthorities(authorities)
|
|
|
|
|
|
|
+ if (authorities) {
|
|
|
|
|
+ is = this.$isAuthorities(authorities)
|
|
|
}
|
|
}
|
|
|
- if (value&&!value.includes(this.item[key])) {
|
|
|
|
|
|
|
+ if (value && !value.includes(this.item[key])) {
|
|
|
is = false
|
|
is = false
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
@@ -93,7 +91,7 @@
|
|
|
action(item) {
|
|
action(item) {
|
|
|
if (item.type == 1) {
|
|
if (item.type == 1) {
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
- url: item.pageUrl + '?id=' + this.item.id+(item.query||'')
|
|
|
|
|
|
|
+ url: item.pageUrl + '?id=' + this.item.id + (item.query || '')
|
|
|
})
|
|
})
|
|
|
} else {
|
|
} else {
|
|
|
this.$emit(item.apiName)
|
|
this.$emit(item.apiName)
|
|
@@ -116,7 +114,8 @@
|
|
|
.rx-bc {
|
|
.rx-bc {
|
|
|
align-items: start;
|
|
align-items: start;
|
|
|
flex-flow: row wrap;
|
|
flex-flow: row wrap;
|
|
|
- >view{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ >view {
|
|
|
margin-top: 8rpx;
|
|
margin-top: 8rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -157,6 +156,16 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .kk .text {
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
|
+ display: -webkit-box;
|
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
|
|
+ word-break: break-word;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
.round {
|
|
.round {
|
|
|
width: 40rpx;
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
height: 40rpx;
|