优化代码结构

src/views/customerService/script/component/editRole.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="system-edit-role-container">
+	<div class="script-edit-dialog">
 		<el-dialog title="" v-model="isShowDialog" width="769px" @close="onDialogClose">
 			<el-form ref="formRef" :model="formData" :rules="rules" size="default" label-width="90px">
 				<el-row :gutter="35">
@@ -32,7 +32,7 @@
 import { ref, reactive, toRefs, nextTick } from 'vue';
 import { ElMessage, type FormInstance, type FormRules } from 'element-plus';
 import Editor from '/@/components/editor/index.vue';
-import { getscriptAdd, updatescript } from '/@/api/customerService/script';
+import { addScript, updateScript } from '/@/api/customerService/script';
 
 // 定义类型接口
 interface DialogRow {
@@ -45,7 +45,7 @@ interface DialogRow {
 
 // 定义事件
 const emit = defineEmits<{
-	(e: 'success'): void;
+	(e: 'refresh'): void;
 }>();
 
 // 响应式数据
@@ -149,18 +149,17 @@ const onSubmit = async () => {
 
 		if (state.formData.id === 0) {
 			// 新增模式
-			console.log(state.formData.content, '话术内容');
-			await getscriptAdd(state.formData);
+			await addScript(state.formData);
 			ElMessage.success('添加成功');
 		} else {
 			// 编辑模式
-			await updatescript(state.formData);
+			await updateScript(state.formData);
 			ElMessage.success('修改成功');
 		}
 
 		// 关闭对话框并刷新列表
 		state.isShowDialog = false;
-		emit('success');
+		emit('refresh');
 	} catch (error) {
 		console.error('提交失败:', error);
 		ElMessage.error('操作失败');

src/views/customerService/script/index.vue

@@ -67,7 +67,7 @@
 		</el-card>
 
 		<!-- 编辑组件 -->
-		<EditRole ref="editRoleRef" @success="handleSuccess" />
+		<EditRole ref="editRoleRef" @refresh="loadTableData" />
 	</div>
 </template>
 
@@ -77,7 +77,7 @@ import { ElMessageBox, ElMessage } from 'element-plus';
 import { FolderAdd, EditPen, DeleteFilled } from '@element-plus/icons-vue';
 import EditRole from './component/editRole.vue';
 import Pagination from '/@/components/pagination/index.vue';
-import { getscriptList, deletescript } from '/@/api/customerService/script';
+import { getscriptList, deleteScript } from '/@/api/customerService/script';
 
 // ==================== 类型定义 ====================
 interface ScriptItem {
@@ -230,7 +230,7 @@ const handleDelete = async (row: ScriptItem) => {
 			type: 'warning',
 		});
 
-		await deletescript({ id: row.id });
+		await deleteScript({ id: row.id });
 		ElMessage.success('删除成功');
 
 		// 重新加载数据