an_xiao/police_uniapp/pages/bonuspoint/bonuspoint.vue

124 lines
3.8 KiB
Vue

<template>
<view class="userinform">
<!-- 111 -->
<view class="userItem">
<view class="textvalue">
<u-collapse :value="item.index" accordion v-for="(item, index) in bonuspoindata" :key="item.index">
<u-collapse-item :name="item.index" :title="item.name">
<text class="u-collapse-content">{{ item.details }}</text>
</u-collapse-item>
<view class="InspectItem" v-if="item.index == 0">
<u-row>
<u-col span="8">
<view class="Inspect"><u--textarea v-model="starrating.bonus1Detail" placeholder="检查情况" clearable></u--textarea></view>
</u-col>
<u-col span="4">
<view class="Inspect"><u--input v-model="starrating.bonus1" placeholder="请打分"></u--input></view>
</u-col>
</u-row>
</view>
<!-- 111 -->
<view class="InspectItem" v-if="item.index == 1">
<u-row>
<u-col span="8">
<view class="Inspect"><u--textarea v-model="starrating.bonus2Detail" placeholder="检查情况" clearable></u--textarea></view>
</u-col>
<u-col span="4">
<view class="Inspect"><u--input v-model="starrating.bonus2" placeholder="请打分"></u--input></view>
</u-col>
</u-row>
</view>
<!-- 222 -->
<view class="InspectItem" v-if="item.index == 2">
<u-row>
<u-col span="8">
<view class="Inspect"><u--textarea v-model="starrating.bonus3Detail" placeholder="检查情况" clearable></u--textarea></view>
</u-col>
<u-col span="4">
<view class="Inspect"><u--input v-model="starrating.bonus3" placeholder="请打分"></u--input></view>
</u-col>
</u-row>
</view>
<!-- 333 -->
<view class="InspectItem" v-if="item.index == 3">
<u-row>
<u-col span="8">
<view class="Inspect"><u--textarea v-model="starrating.bonus4Detail" placeholder="检查情况" clearable></u--textarea></view>
</u-col>
<u-col span="4">
<view class="Inspect"><u--input v-model="starrating.bonus4" placeholder="请打分"></u--input></view>
</u-col>
</u-row>
</view>
<!-- 444 -->
<view class="InspectItem" v-if="item.index == 4">
<u-row>
<u-col span="8">
<view class="Inspect"><u--textarea v-model="starrating.bonus5Detail" placeholder="检查情况" clearable></u--textarea></view>
</u-col>
<u-col span="4">
<view class="Inspect"><u--input v-model="starrating.bonus5" placeholder="请打分"></u--input></view>
</u-col>
</u-row>
</view>
</u-collapse>
</view>
</view>
</view>
</template>
<script>
// import { getcheckList } from '@/api/login';
import { mapGetters } from 'vuex';
import { timestampFormatTime } from '@/utils/index.js';
import { bonuspoin } from './enum.js';
export default {
data() {
return {
bonuspoindata: bonuspoin
};
},
created() {},
onLoad() {},
computed: {
// 拿取vuex数据
...mapGetters({
starrating: 'starlevel/getstarrating'
})
},
mounted() {},
methods: {}
};
</script>
<style scoped lang="scss">
.userinform {
height: 100%;
width: 100%;
}
.userItem {
color: #7b7b7b;
font-size: 14px;
margin-bottom: 8px;
}
.textvalue {
.InspectItem {
width: 98%;
.Inspect {
height: 80rpx;
border: 1px solid #648bdf;
margin-bottom: 8rpx;
margin-left: 12rpx;
}
}
}
/deep/ .u-textarea {
padding: 0 !important;
}
/deep/ .u-input {
padding-left: 0 !important;
padding-top: 0 !important;
}
</style>