|
@@ -102,9 +102,9 @@
|
|
:cellData="item" :checked="item.checked" />
|
|
:cellData="item" :checked="item.checked" />
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
- <template v-else-if="ite.type==='index'">
|
|
|
|
|
|
+ <!-- <template v-else-if="ite.type==='index'">
|
|
{{index+1}}
|
|
{{index+1}}
|
|
- </template>
|
|
|
|
|
|
+ </template> -->
|
|
<template v-else-if="ite.type==='img'">
|
|
<template v-else-if="ite.type==='img'">
|
|
<view class="checkbox-item">
|
|
<view class="checkbox-item">
|
|
<template v-if="item[ite.name]">
|
|
<template v-if="item[ite.name]">
|
|
@@ -185,9 +185,9 @@
|
|
:cellData="ite" :checked="ite.checked" />
|
|
:cellData="ite" :checked="ite.checked" />
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
- <template v-else-if="item.type==='index'">
|
|
|
|
|
|
+ <!-- <template v-else-if="item.type==='index'">
|
|
{{i+1}}
|
|
{{i+1}}
|
|
- </template>
|
|
|
|
|
|
+ </template> -->
|
|
<template v-else>
|
|
<template v-else>
|
|
{{ite[item.name]||item.emptyString}}
|
|
{{ite[item.name]||item.emptyString}}
|
|
</template>
|
|
</template>
|
|
@@ -315,7 +315,7 @@
|
|
<text v-else>{{ite.emptyString}}</text>
|
|
<text v-else>{{ite.emptyString}}</text>
|
|
</template>
|
|
</template>
|
|
<template v-else-if="ite.type==='index'">
|
|
<template v-else-if="ite.type==='index'">
|
|
- {{index+1}}
|
|
|
|
|
|
+ <view :class="index==0?'sortOne':(index==1?'sortTow':(index==2?'sortThree':'sortFive'))">{{index+1}}</view>
|
|
</template>
|
|
</template>
|
|
<template v-else>
|
|
<template v-else>
|
|
<!-- {{ ite.filters?itemFilter(item,ite):(item[ite.name]==null||item[ite.name]==='')?ite.emptyString:item[ite.name] }}-->
|
|
<!-- {{ ite.filters?itemFilter(item,ite):(item[ite.name]==null||item[ite.name]==='')?ite.emptyString:item[ite.name] }}-->
|
|
@@ -998,6 +998,66 @@
|
|
background: transparent;
|
|
background: transparent;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .sortOne {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 40rpx;
|
|
|
|
+ height: 40rpx;
|
|
|
|
+ padding: 4rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ background: rgba(255, 0, 0, 0.2);
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ color: #FF0000;
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .sortTow {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 40rpx;
|
|
|
|
+ height: 40rpx;
|
|
|
|
+ padding: 4rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ background: rgba(255, 153, 0, 0.2);
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ color: #FF9900;
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .sortThree {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 40rpx;
|
|
|
|
+ height: 40rpx;
|
|
|
|
+ padding: 4rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ background: rgba(255, 242, 0, 0.2);
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ color: #FFF200;
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .sortFive {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 40rpx;
|
|
|
|
+ height: 40rpx;
|
|
|
|
+ padding: 4rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ background: rgba(1, 131, 250, 0.2);
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ color: #0183FA;
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.sorter-table {
|
|
.sorter-table {
|
|
@@ -1120,7 +1180,7 @@
|
|
border-bottom: 1px solid #e8e8e8;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
//transition: background 0.3s;
|
|
//transition: background 0.3s;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
|
|
|
|
.zb-table-fixed-left .zb-table-header {
|
|
.zb-table-fixed-left .zb-table-header {
|
|
overflow-y: hidden;
|
|
overflow-y: hidden;
|
|
@@ -1235,7 +1295,7 @@
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
|
|
/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
|
|
overflow-wrap: break-word;
|
|
overflow-wrap: break-word;
|
|
- border-bottom: 1px dashed rgba(216,216,216,0.2);
|
|
|
|
|
|
+ border-bottom: 1px dashed rgba(216, 216, 216, 0.2);
|
|
//transition: background 0.3s;
|
|
//transition: background 0.3s;
|
|
}
|
|
}
|
|
|
|
|