客服话术和素材图片添加分类 #90
@ -5,22 +5,23 @@
|
|||||||
<!-- 菜单区域 -->
|
<!-- 菜单区域 -->
|
||||||
<div class="menu-area">
|
<div class="menu-area">
|
||||||
|
|
||||||
<el-button type="primary" plain @click="createType">
|
<el-button type="primary" plain @click="createType" style="width: 90;font-size: 12px;">
|
||||||
<Icon icon="ep:plus" class="mr-5px" /> 新增分类
|
<Icon icon="ep:plus" class="mr-5px" /> 新增分类
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|
||||||
<el-menu :default-active="targetMenuId">
|
<el-menu :default-active="targetMenuId" style="width:182px">
|
||||||
<el-menu-item :index="targetMenuId" :key="targetMenuId" @click="clickMenu(targetMenuId)">
|
<el-menu-item :index="targetMenuId" :key="targetMenuId" @click="clickMenu(targetMenuId)">
|
||||||
全部类型
|
全部类型
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
<el-menu-item v-for="item in typeMenu" :index="item.value" :key="item.value"
|
<el-menu-item v-for="item in typeMenu" :index="item.value" :key="item.value"
|
||||||
@click="clickMenu(item.value)">
|
@click="clickMenu(item.value)">
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
<el-icon style="margin-left: 40px;" @mouseover="showActions = item.value"
|
<el-icon style="margin-left: 60px;width: 10px;" @mouseover="showActions = item.value"
|
||||||
@mouseleave="showActions = null">
|
@mouseleave="showActions = null">
|
||||||
<MoreFilled />
|
<MoreFilled />
|
||||||
<div v-if="showActions === item.value" class="action-buttons">
|
<div v-if="showActions === item.value" class="action-buttons">
|
||||||
<el-button size="small" @click.stop="editItem(item.id,item.label)">编辑</el-button>
|
<el-button size="small" @click.stop="editItem(item.id,item.label)">编辑</el-button>
|
||||||
|
<br />
|
||||||
<el-button size="small" @click.stop="deleteItem(item.id)">删除</el-button>
|
<el-button size="small" @click.stop="deleteItem(item.id)">删除</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
@ -355,9 +356,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.menu-area {
|
.menu-area {
|
||||||
|
padding: 25px;
|
||||||
width: 200px;
|
background-color: white;
|
||||||
height: 100vh;
|
width: 180px;
|
||||||
|
height: 1000px;
|
||||||
/* 固定高度 */
|
/* 固定高度 */
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
/* 禁止滚动 */
|
/* 禁止滚动 */
|
||||||
|
@ -3,10 +3,10 @@
|
|||||||
<div class="flex-container">
|
<div class="flex-container">
|
||||||
<!-- 菜单区域 -->
|
<!-- 菜单区域 -->
|
||||||
<div class="menu-area">
|
<div class="menu-area">
|
||||||
<el-button type="primary" plain @click="createType">
|
<el-button type="primary" plain @click="createType" style="width: 90;font-size: 12px;">
|
||||||
<Icon icon="ep:plus" class="mr-5px" /> 新增分类
|
<Icon icon="ep:plus" class="mr-5px" /> 新增分类
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-menu :default-active="targetMenuId">
|
<el-menu :default-active="targetMenuId" style="width:183px">
|
||||||
<el-menu-item v-for="item in huashuType" :index="item.value" :key="item.value"
|
<el-menu-item v-for="item in huashuType" :index="item.value" :key="item.value"
|
||||||
@click="clickMenu(item.value)">{{item.label}}</el-menu-item>
|
@click="clickMenu(item.value)">{{item.label}}</el-menu-item>
|
||||||
</el-menu>
|
</el-menu>
|
||||||
@ -79,11 +79,11 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
|
</ContentWrap>
|
||||||
<!-- 分页 -->
|
<!-- 分页 -->
|
||||||
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
|
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
|
||||||
@pagination="getList" />
|
@pagination="getList" />
|
||||||
</ContentWrap>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -94,13 +94,7 @@
|
|||||||
|
|
||||||
|
|
||||||
<Dialog v-model="dialogVisible" :title="dialogTitle">
|
<Dialog v-model="dialogVisible" :title="dialogTitle">
|
||||||
<el-form
|
<el-form ref="formRef" v-loading="formLoading" :model="formData" :rules="formRules" label-width="80px">
|
||||||
ref="formRef"
|
|
||||||
v-loading="formLoading"
|
|
||||||
:model="formData"
|
|
||||||
:rules="formRules"
|
|
||||||
label-width="80px"
|
|
||||||
>
|
|
||||||
|
|
||||||
<el-form-item label="数据标签" prop="label">
|
<el-form-item label="数据标签" prop="label">
|
||||||
<el-input v-model="formData.label" placeholder="请输入数据标签" />
|
<el-input v-model="formData.label" placeholder="请输入数据标签" />
|
||||||
@ -284,9 +278,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.menu-area {
|
.menu-area {
|
||||||
|
padding: 25px;
|
||||||
width: 200px;
|
background-color: white;
|
||||||
height: 100vh;
|
width: 180px;
|
||||||
|
height: 1000px;
|
||||||
/* 固定高度 */
|
/* 固定高度 */
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
/* 禁止滚动 */
|
/* 禁止滚动 */
|
||||||
|
Loading…
x
Reference in New Issue
Block a user