6 changed files with 341 additions and 64 deletions
Split View
Diff Options
-
+139 -25src/assets/css/base.css
-
+14 -14src/views/etl/components/configuration.vue
-
+157 -0src/views/etl/components/configuringParameters.vue
-
+18 -1src/views/etl/components/edit.vue
-
+12 -2src/views/etl/index.vue
-
+1 -22src/views/oneimport/components/edit.vue
+ 139
- 25
src/assets/css/base.css
View File
+ 14
- 14
src/views/etl/components/configuration.vue
View File
+ 157
- 0
src/views/etl/components/configuringParameters.vue
View File
| @ -0,0 +1,157 @@ | |||
| <template> | |||
| <el-dialog | |||
| title="配置脚本参数" | |||
| model-value | |||
| width="1200px" | |||
| :close-on-click-modal="false" | |||
| :before-close="handleClose" | |||
| > | |||
| <el-table size="mini" :data="tableData" v-loading="loading" height="430px" border> | |||
| <el-table-column :label="getColumnName('ShellParam-ShellName')"> | |||
| <template #default="scope"> | |||
| <el-select v-model="scope.row['ShellParam-ShellName']" placeholder="请选择" size="mini"> | |||
| <el-option | |||
| v-for="item in shellNameArray" | |||
| :key="item['Shell-ShellName']" | |||
| :label="item['Shell-ShellName']" | |||
| :value="item['Shell-ShellName']" | |||
| /> | |||
| </el-select> | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column prop="ShellParam-ParamName" :label="getColumnName('ShellParam-ParamName')"> | |||
| <template #default="scope"> | |||
| <el-input size="mini" v-model="scope.row['ShellParam-ParamName']" clearable placeholder="请输入" /> | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column prop="ShellParam-ParamType" :label="getColumnName('ShellParam-ParamType')"> | |||
| <template #default="scope"> | |||
| <el-input size="mini" v-model="scope.row['ShellParam-ParamType']" clearable placeholder="请输入" /> | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column prop="ShellParam-ParamValue" :label="getColumnName('ShellParam-ParamValue')"> | |||
| <template #default="scope"> | |||
| <el-input size="mini" v-model="scope.row['ShellParam-ParamValue']" clearable placeholder="请输入" /> | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column prop="ShellParam-ValueType" :label="getColumnName('ShellParam-ValueType')"> | |||
| <template #default="scope"> | |||
| <el-input-number v-model="scope.row['ShellParam-ValueType']" clearable placeholder="请输入" /> | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column prop="ShellParam-ValueFormat" :label="getColumnName('ShellParam-ValueFormat')"> | |||
| <template #default="scope"> | |||
| <el-input size="mini" v-model="scope.row['ShellParam-ValueFormat']" clearable placeholder="请输入" /> | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column align="center" width="100px"> | |||
| <template #header> | |||
| <el-button | |||
| size="mini" | |||
| type="primary" | |||
| @click="handleAddValst()" | |||
| >新增</el-button> | |||
| </template> | |||
| <template #default="scope"> | |||
| <el-button | |||
| size="mini" | |||
| type="danger" | |||
| @click="handleDeleteValst(scope.$index)" | |||
| >删除</el-button> | |||
| </template> | |||
| </el-table-column> | |||
| </el-table> | |||
| <template #footer> | |||
| <span class="dialog-footer"> | |||
| <el-button @click="handleClose">取 消</el-button> | |||
| <el-button type="primary" @click="submitForm('form')">确 定</el-button> | |||
| </span> | |||
| </template> | |||
| </el-dialog> | |||
| </template> | |||
| <script> | |||
| import { post, get } from "../../../server/api.js"; | |||
| export default { | |||
| props: { | |||
| item: { | |||
| default: {}, | |||
| }, | |||
| isShowDialog: { | |||
| default: "configuringParameters", | |||
| }, | |||
| }, | |||
| data() { | |||
| return { | |||
| tableData: [], | |||
| loading: false, | |||
| shellNameArray: [], | |||
| }; | |||
| }, | |||
| created() { | |||
| this.getShellData() | |||
| this.getTableData() | |||
| }, | |||
| mounted() { | |||
| }, | |||
| methods: { | |||
| // 获取列表数据 | |||
| getTableData() { | |||
| this.loading = true | |||
| get('/admin/etl/shellparam/query', {taskid: this.item['TaskHead-TaskId']}).then((res) => { | |||
| this.loading = false | |||
| if (res.code === 200) { | |||
| this.tableData = res.data | |||
| } | |||
| }).catch(() => { | |||
| this.loading = false | |||
| }) | |||
| }, | |||
| // 查询任务关联脚本 | |||
| getShellData() { | |||
| get('/admin/etl/shell/query', {taskid: this.item['TaskHead-TaskId']}).then(({code, data}) => { | |||
| if (code === 200) { | |||
| this.shellNameArray = data || [] | |||
| } | |||
| }) | |||
| }, | |||
| /** 新增字段 */ | |||
| handleAddValst() { | |||
| this.tableData.push({ | |||
| "ShellParam-ShellName": undefined, | |||
| "ShellParam-ParamName": undefined, | |||
| "ShellParam-ParamType": undefined, | |||
| "ShellParam-ParamValue": undefined, | |||
| "ShellParam-ValueType": undefined, | |||
| "ShellParam-ValueFormat": undefined, | |||
| }) | |||
| }, | |||
| /** 删除字段 */ | |||
| handleDeleteValst(index) { | |||
| this.tableData.splice(index, 1) | |||
| }, | |||
| // 关闭 | |||
| handleClose() { | |||
| this.$emit("update:isShowDialog", ""); | |||
| }, | |||
| // 提交 | |||
| submitForm() { | |||
| let params = { | |||
| "taskId": this.item['TaskHead-TaskId'], | |||
| "ShellParamLi": this.tableData | |||
| } | |||
| post('/admin/etl/shellparam/save', params).then(res => { | |||
| if (res.code === 200) { | |||
| this.msgSuccess('新增成功') | |||
| this.$emit('editCallBack') | |||
| } else { | |||
| this.msgError(res.msg) | |||
| } | |||
| }) | |||
| }, | |||
| }, | |||
| }; | |||
| </script> | |||
| <style lang="less" scoped> | |||
| </style> | |||