获取任务接口数据源

src/api/assess/index.ts

@@ -3,4 +3,6 @@ import { get, post } from '/@/utils/request_assess';
 export default {
   getList: (params?: object) => get('/setup', params),
   setItem: (params?: object) => post('/setup', params),
+  getDataSourceInfo: (params?: object) => get('/datasetup/target', params),
+  
 }

src/views/assess/totalIndex/component/editItem.vue

@@ -204,7 +204,7 @@ export default defineComponent({
 		};
 		// 打开任务接口弹窗
 		const onRowDetail = (row: TableDataRow) => {
-			setTaskRef.value.openDialog(row);
+			setTaskRef.value.openDialog(row, state.ruleForm.item_code);
 		};
 		// 接收数据
 		const handleChange = (data: any, index: any, isEdit: Boolean) => {

src/views/assess/totalIndex/component/setTask.vue

@@ -5,29 +5,29 @@
 				<el-row :gutter="35">
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
 						<el-form-item label="指标名称:">
-							{{ruleForm.name}}
+							{{ruleForm.target}}
 						</el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
-						<el-form-item label="URL:" prop="userName">
-							<el-input v-model="ruleForm.userName" placeholder="请输入URL" clearable></el-input>
+						<el-form-item label="URL:" prop="uri">
+							<el-input v-model="ruleForm.uri" placeholder="请输入URL" clearable></el-input>
 						</el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
-						<el-form-item label="取值项:" prop="dataType">
-							<el-input v-model="ruleForm.dataType" placeholder="请输入取值项" clearable></el-input>
+						<el-form-item label="取值项:" prop="object">
+							<el-input v-model="ruleForm.object" placeholder="请输入取值项" clearable></el-input>
 						</el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
-						<el-form-item label="取值周期:" prop="num">
-							<el-input v-model="ruleForm.num" placeholder="请输入取值周期" clearable></el-input>
+						<el-form-item label="取值周期:" prop="get_time">
+							<el-input v-model="ruleForm.get_time" placeholder="请输入取值周期" clearable></el-input>
 						</el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
 						<el-form-item label="是否启用:">
-							  <el-radio-group v-model="ruleForm.isUse" class="ml-4">
-								<el-radio size="large" label="1">启用</el-radio>
-								<el-radio size="large" label="2">禁用</el-radio>
+							  <el-radio-group v-model="ruleForm.state" class="ml-4">
+								<el-radio size="large" :label="1">启用</el-radio>
+								<el-radio size="large" :label="2">禁用</el-radio>
 							</el-radio-group>
 							 <el-button style="margin-left: 20px;" size="small" type="primary">检测</el-button>
 						</el-form-item>
@@ -52,16 +52,17 @@ import { reactive, toRefs, onMounted, defineComponent, ref } from 'vue';
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus';
 
+import api from '/@/api/assess';
+
 
 
 // 定义接口来定义对象的类型
 interface RuleFormRow {
-	name: string;
-	userName: string;
-	isUse: string;
-	dataType: string;
-	num: string;
-	description: any;
+	target: string;
+	uri: string;
+	state: number;
+	object: string;
+	get_time: string;
 }
 interface ItemState {
 	isShowDialog: boolean;
@@ -74,24 +75,23 @@ export default defineComponent({
 		const state = reactive<ItemState>({
 			isShowDialog: false,
 			ruleForm: {
-				name: '',// 指标名称
-				userName: '', // 指标名称
-				isUse: "1", // 是否启用
-				dataType: '', // 数据项
-				num: '', // 权重(%)
-				description: '', // 取值范围
+				target: '',// 指标名称
+				uri: '', // URL
+				state: 1, // 是否启用
+				object: '', // 取值项
+				get_time: '', // 取值周期
 			},
 		});
 		const formSize = ref('default')
 		const ruleFormRef = ref<FormInstance>()
 		const rules = reactive<FormRules>({
-			userName: [
+			uri: [
 				{ required: true, message: '请输入URL', trigger: 'blur' },
 			],
-			dataType: [
+			object: [
 				{ required: true, message: '请输入取值项', trigger: 'blur' },
 			],
-			num: [
+			get_time: [
 				{ required: true, message: '请输入取值周期', trigger: 'blur' },
 			]
 		})
@@ -107,10 +107,40 @@ export default defineComponent({
 			})
 		}
 		// 打开弹窗
-		const openDialog = (row: RuleFormRow) => {
-			state.ruleForm = row;
-			state.ruleForm.isUse = "1"
+		const openDialog = (row: RuleFormRow, item_code: string) => {
+			// state.ruleForm = row;
 			state.isShowDialog = true;
+			getDataSourceInfo(row, item_code)
+		};
+		// 获取数据源配置数据
+		const getDataSourceInfo = (row: any, item_code: string) => {
+			let params = {
+				item_code: item_code,
+				target_name: row.name
+			}
+			api.getDataSourceInfo(params).then((res:any) => {
+				console.log(res)
+				if(res) {
+					// 编辑
+					state.ruleForm = res
+					// data_code: "17216f21isrc5lpgppsjr8o100z8jlwv"
+					// get_time: "*/30 * * * * *"
+					// item_code: "17216f2f0k0c5jee0vdn08g100u6rfhd"
+					// object: "Data.0.TemperatureHigh"
+					// state: 1
+					// target: "device"
+					// uri: "https://api.gugudata.com/weather/weatherinfo/demo"
+				}else {
+					// 新增
+					state.ruleForm = {
+						target: row.name,// 指标名称
+						uri: '', // URL
+						state: 1, // 是否启用
+						object: '', // 取值项
+						get_time: '', // 取值周期
+					}
+				}
+			});
 		};
 		// 关闭弹窗
 		const closeDialog = () => {
@@ -138,6 +168,7 @@ export default defineComponent({
 			closeDialog,
 			onCancel,
 			onSubmit,
+			getDataSourceInfo,
 			...toRefs(state),
 			formSize,
 			ruleFormRef