| | |
| | | <!-- |
| | | * @Date: 2024-04-15 23:58:36 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-04-17 00:45:20 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/configComp/Board.vue |
| | | * @LastEditors: gaoshp |
| | | * @LastEditTime: 2024-10-08 19:52:12 |
| | | * @FilePath: /cps-web/src/views/mdc/configComp/Board.vue |
| | | --> |
| | | <template> |
| | | <el-main> |
| | |
| | | <el-col :span="24" class="label-title"> |
| | | {{ item.dictValue }} |
| | | </el-col> |
| | | <el-col :span="6" v-for="(v, i) in item.children" :key="v.id" :offset="i > 0 ? 2 : 0"> |
| | | <el-col :span="6" v-for="(v, i) in item.children" :key="v.id"> |
| | | <el-card class="my-card" @click="radio = true"> |
| | | <template #header> |
| | | <div class="card-header"> |
| | | <div class="card-line"><el-checkbox :disabled="v.isDefault" @change="submit1" |
| | | v-model="v.isSelect" /><span>千文科技</span> |
| | | v-model="v.isSelect" /><span>{{ v.groupName }}</span> |
| | | <el-button v-if="v.isDefault" style="margin-left: auto">默认</el-button> |
| | | <el-button @click="setDefault(v)" v-else style="margin-left: auto">设为默认</el-button> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <p>所有的 > 千文科技</p> |
| | | <p>{{ v.path }}</p> |
| | | </el-card> |
| | | </el-col> |
| | | |
| | |
| | | export default { |
| | | computed: { |
| | | dictsNew() { |
| | | console.log(this.dicts.filter(v => v?.children?.length > 0), '>>>>>>>>?') |
| | | return this.dicts.filter(v => v?.children?.length > 0) |
| | | } |
| | | }, |
| | |
| | | this.$HTTP.get('/api/blade-system/dict/dictionary?code=group_tag').then(res => { |
| | | this.dicts = [] |
| | | this.dicts.push(...res.data.map(({ dictKey, dictValue }) => ({ |
| | | dictKey, dictValue |
| | | dictKey, dictValue, |
| | | }))) |
| | | }), |
| | | this.$HTTP.get('/api/blade-system/dict/dictionary?code=beltline_type').then(res => { |
| | |
| | | this.dicts.forEach(v => { |
| | | v.children = res.data.filter(item => item.groupTag == v.dictKey).map(item => { |
| | | return { |
| | | path: item.path, |
| | | groupId: item.id, |
| | | groupName: item.name, |
| | | groupCode: item.code, |
| | |
| | | .my-card { |
| | | max-width: 480px; |
| | | cursor: pointer; |
| | | margin-right: 10px; |
| | | } |
| | | |
| | | .title { |