客服话术和素材图片添加分类 #90

Merged
root merged 3 commits from sjy-two into master 2024-10-29 03:30:46 +00:00
2 changed files with 72 additions and 75 deletions
Showing only changes of commit 1a0cfaac2b - Show all commits

View File

@ -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;
/* 禁止滚动 */ /* 禁止滚动 */

View File

@ -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;
/* 禁止滚动 */ /* 禁止滚动 */