|
|
@@ -24,18 +24,85 @@
|
|
|
<div class="grid-content">
|
|
|
<div class="grid-content-hand flex">
|
|
|
<div class="title flex-wrap">
|
|
|
- <div class="name">{{ item.tdataName }}</div>
|
|
|
+ <!-- <div class="name">{{ item.tdataName }}</div> -->
|
|
|
+ <el-tooltip class="item" effect="dark" :content="item.tdataName" placement="bottom">
|
|
|
+ <div class="name">{{ item.tdataName }}</div>
|
|
|
+ </el-tooltip>
|
|
|
<i class="loger" @click="showEditDialog(item)" />
|
|
|
</div>
|
|
|
<i class="el-icon-close icon" @click="showRemoveDialog(item)" />
|
|
|
</div>
|
|
|
<div class="dataType">
|
|
|
- <span>{{item.datatype}}</span>
|
|
|
+ <span>{{item.datatypeText}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
+ <!--新增/编辑-->
|
|
|
+ <Dialog :flag="editDialogVisible" width="466px" :show-flag="true">
|
|
|
+ <div class="airportInfoDialog dialog-public-background">
|
|
|
+ <div class="title">{{ editDialogTitle }}</div>
|
|
|
+ <div class="content">
|
|
|
+ <el-form
|
|
|
+ ref="ruleForm"
|
|
|
+ :model="ruleForm"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="140px"
|
|
|
+ class="demo-ruleForm"
|
|
|
+ >
|
|
|
+ <el-form-item label="目标数据名" prop="tdataName">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.tdataName"
|
|
|
+ size="small"
|
|
|
+ placeholder="请输入目标数据名称"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="数据类型" prop="datatype">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.datatype"
|
|
|
+ size="small"
|
|
|
+ placeholder="请选择数据类型"
|
|
|
+ >
|
|
|
+ <el-option label="字符串" value="1"></el-option>
|
|
|
+ <el-option label="数字" value="2"></el-option>
|
|
|
+ <el-option label="时间" value="3"></el-option>
|
|
|
+ <el-option label="日期" value="4"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="目标数据事件标识" prop="eventID">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.eventID"
|
|
|
+ size="small"
|
|
|
+ placeholder="请输入目标数据事件标识"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="目标数据描述">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.dataDescribe"
|
|
|
+ size="small"
|
|
|
+ type="textarea"
|
|
|
+ :rows="2"
|
|
|
+ placeholder="请输入描述"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div class="foot center t30">
|
|
|
+ <el-button
|
|
|
+ size="medium"
|
|
|
+ type="primary"
|
|
|
+ class="r25 r26"
|
|
|
+ @click="submitClickHandler()"
|
|
|
+ >提交</el-button
|
|
|
+ >
|
|
|
+ <el-button size="medium" class="r26" @click="resetForm('ruleForm')"
|
|
|
+ >取消</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Dialog>
|
|
|
<!--删除弹框-->
|
|
|
<Dialog :flag="removeDialogVisible">
|
|
|
<div class="airportInfoDialog">
|
|
|
@@ -66,7 +133,7 @@
|
|
|
|
|
|
<script>
|
|
|
import Dialog from "@/layout/components/Dialog/index.vue";
|
|
|
-import { Query } from '@/api/dataIntegration'
|
|
|
+import { Query,GeneralDataReception } from '@/api/dataIntegration'
|
|
|
|
|
|
export default {
|
|
|
name: "targetDataHome",
|
|
|
@@ -75,7 +142,32 @@ export default {
|
|
|
return {
|
|
|
dataList: [],
|
|
|
removeDialogVisible: false,
|
|
|
- rmObj: {}
|
|
|
+ rmObj: {},
|
|
|
+ editDialogVisible:false,
|
|
|
+ editDialogTitle:"目标数据新增",
|
|
|
+ ruleForm: {
|
|
|
+ // 信息表单
|
|
|
+ tdataName: "",
|
|
|
+ dataDescribe: "",
|
|
|
+ eventID: "",
|
|
|
+ datatype: "",
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ // 机器信息表单验证
|
|
|
+ tdataName: [
|
|
|
+ { required: true, message: "请输入目标数据名称", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ eventID: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入目标数据事件标识",
|
|
|
+ trigger: "blur",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ datatype: [
|
|
|
+ { required: true, message: "请选择数据类型", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -89,6 +181,23 @@ export default {
|
|
|
dataContent: []
|
|
|
});
|
|
|
if (res.code === "0") {
|
|
|
+ res.returnData.forEach(element => {
|
|
|
+ if(element.datatype == 1){
|
|
|
+ element.datatypeText = "字符串"
|
|
|
+ }
|
|
|
+ else if(element.datatype == 2){
|
|
|
+ element.datatypeText = "数字"
|
|
|
+ }
|
|
|
+ else if(element.datatype == 3){
|
|
|
+ element.datatypeText = "时间"
|
|
|
+ }
|
|
|
+ else if(element.datatype == 4){
|
|
|
+ element.datatypeText = "日期"
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ element.datatypeText = "其他"
|
|
|
+ }
|
|
|
+ });
|
|
|
this.dataList = res.returnData
|
|
|
} else {
|
|
|
this.$message.error(res.message ?? "失败");
|
|
|
@@ -98,7 +207,37 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
showAdd(){
|
|
|
- this.$router.push('/systemSettings/targetDataEdit')
|
|
|
+ this.editDialogTitle = "新增目标数据";
|
|
|
+ this.editDialogVisible = true;
|
|
|
+ },
|
|
|
+ showEditDialog(){
|
|
|
+
|
|
|
+ },
|
|
|
+ // 新增/编辑-确认
|
|
|
+ submitClickHandler() {
|
|
|
+ this.$refs["ruleForm"].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.addSubmit();
|
|
|
+ this.resetForm("ruleForm");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async addSubmit() {
|
|
|
+ this.ruleForm["operate"] = "1";
|
|
|
+ try {
|
|
|
+ const res = await GeneralDataReception({
|
|
|
+ serviceId: "7",
|
|
|
+ dataContent: JSON.stringify(this.ruleForm),
|
|
|
+ });
|
|
|
+ if (res.code === "0") {
|
|
|
+ this.$message.success(res.message ?? "成功");
|
|
|
+ this.getList()
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.message ?? "失败");
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.log("错误", error);
|
|
|
+ }
|
|
|
},
|
|
|
// 删除-弹框
|
|
|
showRemoveDialog(item) {
|
|
|
@@ -110,6 +249,12 @@ export default {
|
|
|
this.removeDialogVisible = false;
|
|
|
this.$message.success("删除成功");
|
|
|
},
|
|
|
+ // 重置
|
|
|
+ resetForm(formName) {
|
|
|
+ this.ruleForm = {}
|
|
|
+ this.$refs[formName].resetFields();
|
|
|
+ this.editDialogVisible = false;
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
