|
@@ -34,7 +34,13 @@
|
|
|
<el-table v-loading="loading" border :data="zoneList" @selection-change="handleSelectionChange">
|
|
<el-table v-loading="loading" border :data="zoneList" @selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="50" align="center" />
|
|
<el-table-column type="selection" width="50" align="center" />
|
|
|
<el-table-column label="排序" align="center" prop="sortOrder" width="60" />
|
|
<el-table-column label="排序" align="center" prop="sortOrder" width="60" />
|
|
|
- <el-table-column label="专区名称" align="center" prop="zoneName" min-width="140" />
|
|
|
|
|
|
|
+ <el-table-column label="专区名称" align="center" prop="zoneName" min-width="120" />
|
|
|
|
|
+ <el-table-column label="协会名称" align="center" prop="associationName" min-width="160">
|
|
|
|
|
+ <template #default="scope">
|
|
|
|
|
+ <span v-if="scope.row.associationName">{{ scope.row.associationName }}</span>
|
|
|
|
|
+ <span v-else class="text-muted">-</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="图标" align="center" width="90">
|
|
<el-table-column label="图标" align="center" width="90">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
<div class="table-image-cell" v-if="scope.row.icon">
|
|
<div class="table-image-cell" v-if="scope.row.icon">
|
|
@@ -105,7 +111,7 @@
|
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="名称" prop="zoneName">
|
|
<el-form-item label="名称" prop="zoneName">
|
|
|
- <el-input v-model="form.zoneName" placeholder="请输入名称"/>
|
|
|
|
|
|
|
+ <el-input v-model="form.zoneName" placeholder="请输入专区名称"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -115,6 +121,11 @@
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
+ <!-- 协会名称 -->
|
|
|
|
|
+ <el-form-item label="协会名称" prop="associationName">
|
|
|
|
|
+ <el-input v-model="form.associationName" placeholder="请输入协会名称"/>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
<!-- 图标配置和背景配置并排 -->
|
|
<!-- 图标配置和背景配置并排 -->
|
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -147,7 +158,6 @@
|
|
|
<el-button type="danger" size="small" circle icon="Delete" @click="clearIconImage" style="margin-left: 8px;"/>
|
|
<el-button type="danger" size="small" circle icon="Delete" @click="clearIconImage" style="margin-left: 8px;"/>
|
|
|
</div>
|
|
</div>
|
|
|
<div v-else class="no-image-tip">未选择图标</div>
|
|
<div v-else class="no-image-tip">未选择图标</div>
|
|
|
- <div class="upload-tip">建议尺寸:200x200px,大小不超过2MB</div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
@@ -181,7 +191,6 @@
|
|
|
<el-button type="danger" size="small" circle icon="Delete" @click="clearBgImage" style="margin-left: 8px;"/>
|
|
<el-button type="danger" size="small" circle icon="Delete" @click="clearBgImage" style="margin-left: 8px;"/>
|
|
|
</div>
|
|
</div>
|
|
|
<div v-else class="no-image-tip">未选择背景图</div>
|
|
<div v-else class="no-image-tip">未选择背景图</div>
|
|
|
- <div class="upload-tip">建议尺寸:750x400px,大小不超过5MB</div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
@@ -396,6 +405,7 @@ function reset() {
|
|
|
form.value = {
|
|
form.value = {
|
|
|
id: null,
|
|
id: null,
|
|
|
zoneName: null,
|
|
zoneName: null,
|
|
|
|
|
+ associationName: null,
|
|
|
sortOrder: getNextSortOrder(),
|
|
sortOrder: getNextSortOrder(),
|
|
|
icon: null,
|
|
icon: null,
|
|
|
backgroundImage: null,
|
|
backgroundImage: null,
|