|
|
@@ -39,17 +39,25 @@
|
|
|
</tui-list-cell>
|
|
|
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
- <div class="tui-title">报销</div>
|
|
|
- <radio-group class="tui-input" @change="bxChange">
|
|
|
- <label class="list" for="fixedLink">
|
|
|
- <radio id="fixedLink" value="0" :checked="form.bx == 0" style="transform: scale(0.7,0.7);" />
|
|
|
- <span class="checkbox-text" style="font-size:30upx;">未报销</span>
|
|
|
- </label>
|
|
|
- <label class="list" for="dimLink">
|
|
|
- <radio id="dimLink" value="1" :checked="form.bx == 1" style="transform: scale(0.7,0.7);" />
|
|
|
- <span class="checkbox-text" style="font-size:30upx;">已报销</span>
|
|
|
- </label>
|
|
|
- </radio-group>
|
|
|
+ <div class="tui-title">报销状态</div>
|
|
|
+ <view class="tui-input">
|
|
|
+ <view class="bx-btn-group">
|
|
|
+ <button
|
|
|
+ class="bx-btn"
|
|
|
+ :class="{'selected': form.bx == 0}"
|
|
|
+ @click="selectBx(0)"
|
|
|
+ >
|
|
|
+ 未报销
|
|
|
+ </button>
|
|
|
+ <button
|
|
|
+ class="bx-btn"
|
|
|
+ :class="{'selected': form.bx == 1}"
|
|
|
+ @click="selectBx(1)"
|
|
|
+ >
|
|
|
+ 已报销
|
|
|
+ </button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</tui-list-cell>
|
|
|
|
|
|
<tui-list-cell class="line-cell" :hover="false" :arrow="true">
|
|
|
@@ -155,8 +163,8 @@ export default {
|
|
|
changeType(){
|
|
|
this.$refs.typeShowMore.open('top')
|
|
|
},
|
|
|
- bxChange(e) {
|
|
|
- this.form.bx = e.detail.value;
|
|
|
+ selectBx(value) {
|
|
|
+ this.form.bx = value;
|
|
|
},
|
|
|
init(){
|
|
|
let that = this
|
|
|
@@ -268,4 +276,36 @@ export default {
|
|
|
border-color: #007aff !important;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.bx-btn-group {
|
|
|
+ display: flex;
|
|
|
+ gap: 8upx;
|
|
|
+ justify-content: flex-start;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-btn {
|
|
|
+ width: 200upx;
|
|
|
+ height: 90upx;
|
|
|
+ font-size: 28upx;
|
|
|
+ border-radius: 12upx;
|
|
|
+ background: #f0f2f6;
|
|
|
+ color: #333;
|
|
|
+ border: 2upx solid #e0e0e0;
|
|
|
+ transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 0 20upx;
|
|
|
+ white-space: nowrap;
|
|
|
+
|
|
|
+ &.selected {
|
|
|
+ background-color: #007aff !important;
|
|
|
+ color: #fff !important;
|
|
|
+ border-color: #007aff !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
