|
@@ -2,7 +2,7 @@
|
|
|
<view class="listview">
|
|
|
<view class="listview-all">
|
|
|
<view class="listview-name">
|
|
|
- 数据检测
|
|
|
+ 数据监测
|
|
|
</view>
|
|
|
<view class="listview-seleven">
|
|
|
<uni-data-select v-model="value" :localdata="range" @change="change" :clear="false"></uni-data-select>
|
|
@@ -51,28 +51,102 @@
|
|
|
{{dataList.delvCnt}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="listview-all-b">
|
|
|
- <view class="listview-table-all-three">
|
|
|
- <view class="listview-table-name">
|
|
|
- 集采条目数
|
|
|
- </view>
|
|
|
- <view class="listview-table-many">
|
|
|
- <span style=" visibility: hidden;">¥</span>
|
|
|
- {{dataList.fasCnt}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="listview-table-all-four">
|
|
|
- <view class="listview-table-name">
|
|
|
- 非集采条目数
|
|
|
- </view>
|
|
|
- <view class="listview-table-many">
|
|
|
- <span style=" visibility: hidden;">¥</span>
|
|
|
- {{dataList.othCnt}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ <view class="listview-all-b">
|
|
|
+ <view class="listview-table-all-three">
|
|
|
+ <view class="listview-table-name">
|
|
|
+ 集采条目数
|
|
|
+ </view>
|
|
|
+ <view class="listview-table-many">
|
|
|
+ <span style=" visibility: hidden;">¥</span>
|
|
|
+ {{dataList.fasCnt}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="listview-table-all-four">
|
|
|
+ <view class="listview-table-name">
|
|
|
+ 非集采条目数
|
|
|
+ </view>
|
|
|
+ <view class="listview-table-many">
|
|
|
+ <span style=" visibility: hidden;">¥</span>
|
|
|
+ {{dataList.othCnt}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="spd-section">
|
|
|
+ <!-- 耗材SPD -->
|
|
|
+ <view class="spd-card spd-card-border">
|
|
|
+ <view class="spd-title spd-title-border">耗材SPD</view>
|
|
|
+ <view class="spd-row spd-row-hc">
|
|
|
+ <view class="spd-col">
|
|
|
+ <view>遗留耗材</view>
|
|
|
+ <view class="spd-num">¥3,285,671</view>
|
|
|
+ </view>
|
|
|
+ <view class="spd-col">
|
|
|
+ <view>医用耗材</view>
|
|
|
+ <view class="spd-num">¥8,451,328</view>
|
|
|
+ </view>
|
|
|
+ <view class="spd-col">
|
|
|
+ <view>试剂耗材</view>
|
|
|
+ <view class="spd-num">¥3,670,083</view>
|
|
|
+ </view>
|
|
|
+ <view class="spd-col">
|
|
|
+ <view>总务耗材</view>
|
|
|
+ <view class="spd-num">¥1,236,409</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="spd-row spd-row-wrap">
|
|
|
+ <view class="spd-col">
|
|
|
+ <view>集采</view>
|
|
|
+ <view class="spd-num-small">¥7,120,500</view>
|
|
|
+ </view>
|
|
|
+ <view class="spd-col">
|
|
|
+ <view>非集采</view>
|
|
|
+ <view class="spd-num-small">¥1,330,828</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="spd-row spd-row-bottom">
|
|
|
+ <view class="spd-col">
|
|
|
+ 非集采比例:<text class="spd-num-small">15.75%</text>
|
|
|
+ </view>
|
|
|
+ <view class="spd-col">
|
|
|
+ 服务费:<text class="spd-num-small">¥126,520/月</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 药品SPD -->
|
|
|
+ <view class="spd-card spd-card-border">
|
|
|
+ <view class="spd-title spd-title-border">药品SPD</view>
|
|
|
+ <view class="spd-row spd-row-yp">
|
|
|
+ <view class="spd-col">
|
|
|
+ <view>遗留耗材</view>
|
|
|
+ <view class="spd-num">¥3,285,671</view>
|
|
|
+ </view>
|
|
|
+ <view class="spd-col">
|
|
|
+ <view>医用耗材</view>
|
|
|
+ <view class="spd-num">¥8,451,328</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="spd-row spd-row-wrap">
|
|
|
+ <view class="spd-col">
|
|
|
+ <view>集采</view>
|
|
|
+ <view class="spd-num-small">¥7,120,500</view>
|
|
|
+ </view>
|
|
|
+ <view class="spd-col">
|
|
|
+ <view>非集采</view>
|
|
|
+ <view class="spd-num-small">¥1,330,828</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="spd-row spd-row-bottom">
|
|
|
+ <view class="spd-col">
|
|
|
+ 非集采比例:<text class="spd-num-small">15.75%</text>
|
|
|
+ </view>
|
|
|
+ <view class="spd-col">
|
|
|
+ 服务费:<text class="spd-num-small">¥126,520/月</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -222,5 +296,85 @@
|
|
|
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
+
|
|
|
+ .spd-section {
|
|
|
+ margin-top: 40rpx;
|
|
|
+ }
|
|
|
+ .spd-card {
|
|
|
+ position: relative;
|
|
|
+ padding: 24rpx 16rpx;
|
|
|
+ background: #fff;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ padding: 24rpx 16rpx;
|
|
|
+ box-shadow: 0 2rpx 8rpx rgba(0,128,128,0.08);
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .spd-card-border {
|
|
|
+ border: 4rpx solid #90ffe4;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ }
|
|
|
+ .spd-title {
|
|
|
+ font-size: 35rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .spd-row, .spd-row-hc, .spd-row-yp {
|
|
|
+ margin-top: 10rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 12rpx;
|
|
|
+}
|
|
|
+.spd-col {
|
|
|
+ flex: 1;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #333;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ gap: 4rpx;
|
|
|
+}
|
|
|
+.spd-num {
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-top: 4rpx;
|
|
|
+}
|
|
|
+.spd-num-small {
|
|
|
+ font-size: 18rpx;
|
|
|
+ color: #008080;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-top: 2rpx;
|
|
|
+}
|
|
|
+.spd-hline {
|
|
|
+ width: 100%;
|
|
|
+ height: 4rpx;
|
|
|
+ background-color: #90ffe4;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ margin: 18rpx 0 0 0;
|
|
|
+}
|
|
|
+.spd-card-border {
|
|
|
+ border: 4rpx solid #90ffe4;
|
|
|
+ border-radius: 16rpx;
|
|
|
+}
|
|
|
+.spd-title {
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000;
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 18rpx;
|
|
|
+ letter-spacing: 2rpx;
|
|
|
+}
|
|
|
+.spd-row-wrap, .spd-row-bottom {
|
|
|
+ border-bottom: none;
|
|
|
+ padding-bottom: 0;
|
|
|
+}
|
|
|
+.spd-title-border {
|
|
|
+ margin-left: -16rpx;
|
|
|
+ width: calc(100% + 36rpx);
|
|
|
+ border-bottom: 4rpx solid #90ffe4;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+}
|
|
|
+}
|
|
|
</style>
|