|
@@ -1,55 +1,57 @@
|
|
|
var industryComponentTemplate = `<div class="j-container">
|
|
|
-<div class="j-main unitTab">
|
|
|
- <van-tabs type="card" class="unitType" v-model="active">
|
|
|
- <van-tab title="全部">
|
|
|
- <van-cell-group>
|
|
|
- <van-cell
|
|
|
- clickable
|
|
|
- type="primary"
|
|
|
- title="全选"
|
|
|
- :class="{checkActive:checkedAll==true}"
|
|
|
- @click="checkBoxAll"
|
|
|
- >
|
|
|
- <template #right-icon>
|
|
|
- <van-checkbox checked-color="#2ABED1" :bind-group="false" v-model="checkedAll"></van-checkbox>
|
|
|
- </template>
|
|
|
- </van-cell>
|
|
|
- </van-cell-group>
|
|
|
- </van-tab>
|
|
|
- <van-tab v-for="(item, index) in tablist" :key="index">
|
|
|
- <template #title>
|
|
|
- <div class="tabtitle">
|
|
|
- {{Object.keys(item)[0]}}
|
|
|
- </div>
|
|
|
- <div class="optionnum" v-if="selectNum(item)!=0">{{selectNum(item)}}/{{item[Object.keys(item)[0]].length}}</div>
|
|
|
- </template>
|
|
|
- <van-cell
|
|
|
+<div class="j-main">
|
|
|
+ <div class="unitTab">
|
|
|
+ <van-tabs type="card" class="unitType" v-model="active">
|
|
|
+ <van-tab title="全部">
|
|
|
+ <van-cell-group>
|
|
|
+ <van-cell
|
|
|
clickable
|
|
|
+ type="primary"
|
|
|
title="全选"
|
|
|
- :class="{checkActive:item[Object.keys(item)[1]]==true}"
|
|
|
- @click="checkAll(item)"
|
|
|
+ :class="{checkActive:checkedAll==true}"
|
|
|
+ @click="checkBoxAll"
|
|
|
>
|
|
|
<template #right-icon>
|
|
|
- <van-checkbox checked-color="#2ABED1" :bind-group="false" v-model="item[Object.keys(item)[1]]"></van-checkbox>
|
|
|
+ <van-checkbox checked-color="#2ABED1" :bind-group="false" v-model="checkedAll"></van-checkbox>
|
|
|
</template>
|
|
|
- </van-cell>
|
|
|
- <van-cell-group>
|
|
|
+ </van-cell>
|
|
|
+ </van-cell-group>
|
|
|
+ </van-tab>
|
|
|
+ <van-tab v-for="(item, index) in tablist" :key="index">
|
|
|
+ <template #title>
|
|
|
+ <div class="tabtitle">
|
|
|
+ {{Object.keys(item)[0]}}
|
|
|
+ </div>
|
|
|
+ <div class="optionnum" v-if="selectNum(item)!=0">{{selectNum(item)}}/{{item[Object.keys(item)[0]].length}}</div>
|
|
|
+ </template>
|
|
|
<van-cell
|
|
|
- v-for="(iitem, i) in item[Object.keys(item)[0]]"
|
|
|
- clickable
|
|
|
- label-disabled="false"
|
|
|
- :key="i"
|
|
|
- :class="{checkActive:iitem.type==true}"
|
|
|
- :title="iitem.name"
|
|
|
- @click="toggleCheck(iitem, item)"
|
|
|
- >
|
|
|
- <template #right-icon>
|
|
|
- <van-checkbox checked-color="#2ABED1" :bind-group="false" v-model="iitem.type" :name="iitem.name" ref="checkboxes" />
|
|
|
- </template>
|
|
|
+ clickable
|
|
|
+ title="全选"
|
|
|
+ :class="{checkActive:item[Object.keys(item)[1]]==true}"
|
|
|
+ @click="checkAll(item)"
|
|
|
+ >
|
|
|
+ <template #right-icon>
|
|
|
+ <van-checkbox checked-color="#2ABED1" :bind-group="false" v-model="item[Object.keys(item)[1]]"></van-checkbox>
|
|
|
+ </template>
|
|
|
</van-cell>
|
|
|
- </van-cell-group>
|
|
|
- </van-tab>
|
|
|
- </van-tabs>
|
|
|
+ <van-cell-group>
|
|
|
+ <van-cell
|
|
|
+ v-for="(iitem, i) in item[Object.keys(item)[0]]"
|
|
|
+ clickable
|
|
|
+ label-disabled="false"
|
|
|
+ :key="i"
|
|
|
+ :class="{checkActive:iitem.type==true}"
|
|
|
+ :title="iitem.name"
|
|
|
+ @click="toggleCheck(iitem, item)"
|
|
|
+ >
|
|
|
+ <template #right-icon>
|
|
|
+ <van-checkbox checked-color="#2ABED1" :bind-group="false" v-model="iitem.type" :name="iitem.name" ref="checkboxes" />
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ </van-cell-group>
|
|
|
+ </van-tab>
|
|
|
+ </van-tabs>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="j-footer">
|
|
|
<div class="j-button-group">
|