<template>
<view class="ba_param">
<cu-custom :isBack="true" id="cuNavBar">
<block slot="backText"></block>
<block slot="content">{{i18n[navTitle]}}</block>
</cu-custom>
<!--显示列表 -->
<list>
<cell v-for="(item,index) in menuItem" :key=" 'menuItemId' + index" @click="selectInfo(item.type, index)" >
<view class="cu-list menu menu-items" v-show="item.title">
<view class="cu-item arrow" >
<view class="content">
<text class="text-black">{{item.title}}</text>
</view>
<view class="action">
<view class="text-blue" v-if="item.type === 'select'">{{item.selectOption[parseInt(item.value)].label}}</view>
<text class="text-blue" v-else >{{item.value}}</text>
</view>
</view>
</view>
<!-- 下拉 -->
<s-picker v-if="item.type === 'select' && item.selectOption " mode="selector" :defaultVal="[0]" @confirm="onConfirm($event, index)" :ref=" 'select' + index"
themeColor="#0081ff" :selectList="item.selectOption"></s-picker>
<!-- 数值输入框 弹窗显示 -->
<view v-if="item.type === 'numb'">
<view class="cu-modal" :class="inputModalName=='Modal' + index?'show':''">
<view class="cu-dialog">
<view class="cu-bar bg-white justify-end">
<view class="content margin-bottom-sm">修改参数</view>
</view>
<view class="padding-xl bg-white">
<view class="margin-bottom-sm text-orange">
<text class="margin-right-sm ">参考范围:</text>{{item.minvalue}} {{item.unit}} <text class="margin-lr-sm">~~</text>{{item.maxvalue}} {{item.unit}}
</view>
<view class="text-blue">
<text>设定值</text>
<input type="number" @blur="inputBlur($event)" :value="item.value" />
</view>
</view>
<view class="flex bg-white">
<view class="flex-sub">
<view @click="hideInputModal($event,index)" style="line-height: 70upx;" class="cu-cs-btn">
取消
</view>
</view>
<view class="flex-sub">
<view @click="setValues(index)" style="line-height: 70upx;" class="cu-cs-btn">
确定
</view>
</view>
</view>
</view>
</view>
</view>
</cell>
</list>
</view>
</template>