diff --git a/src/views/etl/components/configuration.vue b/src/views/etl/components/configuration.vue
new file mode 100644
index 0000000..16d196a
--- /dev/null
+++ b/src/views/etl/components/configuration.vue
@@ -0,0 +1,21 @@
+<template>
+  <el-dialog
+    title="提示"
+    model-value
+    width="30%"
+    :before-close="handleClose">
+    <span>这是一段信息</span>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+      </span>
+    </template>
+</el-dialog>
+</template>
+<script>
+
+</script>
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/etl/index.vue b/src/views/etl/index.vue
index 8a39d7f..2650121 100644
--- a/src/views/etl/index.vue
+++ b/src/views/etl/index.vue
@@ -31,7 +31,7 @@
 				</el-table-column>
 				<el-table-column label="操作" width="300">
 					<template #default="scope">
-						<el-button class="edit-button-style" icon="el-icon-setting" size="small">配置</el-button>
+						<el-button class="edit-button-style" @click="configuration(scope.row)" icon="el-icon-setting" size="small">配置</el-button>
 						<el-button class="edit-button-style" @click="handleUpdate(scope.row)" icon="el-icon-edit" size="small">修改</el-button>
 						<el-button class="edit-button-style" @click="handleDelete(scope.row)" icon="el-icon-delete" size="small">删除</el-button>
 					</template>
@@ -41,6 +41,8 @@
 			<Pagination v-show="pagination.total>0" v-model:pagination="pagination" @change="getList" />
 			<!-- 新增/修改子组件 -->
 			<EditTemplate v-if="isShowDialog" :item="item" @editCallBack="completeCallBack"></EditTemplate>
+			<!-- 任务配置项 -->
+			<Configuration />
 		</ContentContainer>
 	</div>
 </template>
@@ -49,6 +51,7 @@
 	import SearchTemplate from "../../components/SearchTemplate.vue"
 	import ContentContainer from "../../components/ContentContainer.vue"
 	import EditTemplate from "./components/edit.vue"
+	import Configuration from "./components/configuration.vue"
 	import { ListMixin } from '@/mixins/ListMixin'
 	export default {
 		name: "field",
@@ -56,10 +59,12 @@
 			SearchTemplate,
 			ContentContainer,
 			EditTemplate,
+			Configuration
 		},
 		mixins: [ListMixin], // mixins 里面封装了操作列表的共用方法，直接引入mixins即可
 		data() {
 			return {
+				item:{}, // 当前要操作的
 				headers: [
 					'TaskHead-TaskId',
 					'TaskHead-LastModify',
@@ -71,6 +76,11 @@
 			}
 		},
 		methods: {
+			// 任务配置项
+			configuration(item){
+				this.item=item;
+
+			},
 			// 搜索按钮操作
 			handleQuery() {
 				if (this.pagination.tabname === '') this.pagination.tabname = undefined