This commit is contained in:
Tony 2024-01-03 13:04:47 +08:00
commit 11e7f3b150
8 changed files with 65 additions and 30 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="88px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="轧辊编号" prop="reserveEight"> <el-form-item label="轧辊编号" prop="reserveEight">
<el-select v-model="queryParams.reserveTwo" placeholder="请选择轧辊编号" clearable> <el-select v-model="queryParams.reserveTwo" placeholder="请选择轧辊编号" clearable>
<el-option <el-option
@ -246,6 +246,8 @@ export default {
}; };
}, },
created() { created() {
this.queryParams.reserveTwo = this.$route.query.reserveTwo;
this.queryParams.reserveThree = this.$route.query.reserveThree;
this.getList(); this.getList();
}, },
methods: { methods: {

View File

@ -246,6 +246,8 @@ export default {
}; };
}, },
created() { created() {
this.queryParams.reserveTwo = this.$route.query.reserveTwo;
this.queryParams.reserveThree = this.$route.query.reserveThree;
this.getList(); this.getList();
}, },
methods: { methods: {

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="88px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="轧辊编号" prop="reserveEight"> <el-form-item label="轧辊编号" prop="reserveEight">
<el-select v-model="queryParams.reserveTwo" placeholder="请选择轧辊编号" clearable> <el-select v-model="queryParams.reserveTwo" placeholder="请选择轧辊编号" clearable>
<el-option <el-option
@ -11,8 +11,8 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="颗粒度名称" prop="reserveThree"> <el-form-item label="采集数据名称" prop="reserveThree">
<el-select v-model="queryParams.reserveThree" placeholder="请选择颗粒度名称" clearable> <el-select v-model="queryParams.reserveThree" placeholder="请选择采集数据名称" clearable>
<el-option <el-option
v-for="dict in dict.type.tiewire_device_line_type" v-for="dict in dict.type.tiewire_device_line_type"
:key="dict.value" :key="dict.value"
@ -85,7 +85,7 @@
<dict-tag :options="dict.type.tiewire_device_line_name" :value="scope.row.reserveTwo"/> <dict-tag :options="dict.type.tiewire_device_line_name" :value="scope.row.reserveTwo"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="颗粒度名称" align="center" prop="reserveThree"> <el-table-column label="采集数据名称" align="center" prop="reserveThree">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.tiewire_device_line_type" :value="scope.row.reserveThree"/> <dict-tag :options="dict.type.tiewire_device_line_type" :value="scope.row.reserveThree"/>
</template> </template>
@ -132,7 +132,7 @@
<!-- 添加或修改AI识别算法开发对话框 --> <!-- 添加或修改AI识别算法开发对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="轧辊编号" prop="reserveTwo"> <el-form-item label="轧辊编号" prop="reserveTwo">
<!-- <el-input v-model="form.reserveTwo" placeholder="请输入轧辊编号"/>--> <!-- <el-input v-model="form.reserveTwo" placeholder="请输入轧辊编号"/>-->
<el-select :disabled="disabled" v-model="form.reserveTwo" placeholder="请选择轧辊编号" style="width: 100%"> <el-select :disabled="disabled" v-model="form.reserveTwo" placeholder="请选择轧辊编号" style="width: 100%">
@ -144,8 +144,8 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="颗粒度名称" prop="reserveThree"> <el-form-item label="采集数据名称" prop="reserveThree">
<el-select :disabled="disabled" v-model="form.reserveThree" placeholder="请选择颗粒度名称" style="width: 100%"> <el-select :disabled="disabled" v-model="form.reserveThree" placeholder="请选择采集数据名称" style="width: 100%">
<el-option <el-option
v-for="dict in dict.type.tiewire_device_line_type" v-for="dict in dict.type.tiewire_device_line_type"
:key="dict.value" :key="dict.value"
@ -171,6 +171,7 @@
</el-form-item> </el-form-item>
<el-form-item label="上传时间" prop="reserveNine"> <el-form-item label="上传时间" prop="reserveNine">
<el-date-picker <el-date-picker
style="width: 100%"
v-model="form.reserveNine" v-model="form.reserveNine"
type="datetime" type="datetime"
placeholder="请选择时间" placeholder="请选择时间"
@ -246,6 +247,8 @@ export default {
}; };
}, },
created() { created() {
this.queryParams.reserveTwo = this.$route.query.reserveTwo;
this.queryParams.reserveThree = this.$route.query.reserveThree;
this.getList(); this.getList();
}, },
methods: { methods: {

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="88px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="轧辊编号" prop="reserveEight"> <el-form-item label="轧辊编号" prop="reserveEight">
<el-select v-model="queryParams.reserveTwo" placeholder="请选择轧辊编号" clearable> <el-select v-model="queryParams.reserveTwo" placeholder="请选择轧辊编号" clearable>
<el-option <el-option
@ -246,6 +246,8 @@ export default {
}; };
}, },
created() { created() {
this.queryParams.reserveTwo = this.$route.query.reserveTwo;
this.queryParams.reserveThree = this.$route.query.reserveThree;
this.getList(); this.getList();
}, },
methods: { methods: {

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="轧辊编号" prop="reserveEight"> <el-form-item label="轧辊编号" prop="reserveEight">
<el-select v-model="queryParams.reserveTwo" placeholder="请选择轧辊编号" clearable> <el-select v-model="queryParams.reserveTwo" placeholder="请选择轧辊编号" clearable>
<el-option <el-option
@ -11,8 +11,8 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="颗粒度名称" prop="reserveThree"> <el-form-item label="采集数据名称" prop="reserveThree">
<el-select v-model="queryParams.reserveThree" placeholder="请选择颗粒度名称" clearable> <el-select v-model="queryParams.reserveThree" placeholder="请选择采集数据名称" clearable>
<el-option <el-option
v-for="dict in dict.type.tiewire_device_line_type" v-for="dict in dict.type.tiewire_device_line_type"
:key="dict.value" :key="dict.value"
@ -85,7 +85,7 @@
<dict-tag :options="dict.type.tiewire_device_line_name" :value="scope.row.reserveTwo"/> <dict-tag :options="dict.type.tiewire_device_line_name" :value="scope.row.reserveTwo"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="颗粒度名称" align="center" prop="reserveThree"> <el-table-column label="采集数据名称" align="center" prop="reserveThree">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.tiewire_device_line_type" :value="scope.row.reserveThree"/> <dict-tag :options="dict.type.tiewire_device_line_type" :value="scope.row.reserveThree"/>
</template> </template>
@ -144,8 +144,8 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="颗粒度名称" prop="reserveThree"> <el-form-item label="采集数据名称" prop="reserveThree">
<el-select :disabled="disabled" v-model="form.reserveThree" placeholder="请选择颗粒度名称" style="width: 100%"> <el-select :disabled="disabled" v-model="form.reserveThree" placeholder="请选择采集数据名称" style="width: 100%">
<el-option <el-option
v-for="dict in dict.type.tiewire_device_line_type" v-for="dict in dict.type.tiewire_device_line_type"
:key="dict.value" :key="dict.value"
@ -171,6 +171,7 @@
</el-form-item> </el-form-item>
<el-form-item label="上传时间" prop="reserveNine"> <el-form-item label="上传时间" prop="reserveNine">
<el-date-picker <el-date-picker
style="width: 100%"
v-model="form.reserveNine" v-model="form.reserveNine"
type="datetime" type="datetime"
placeholder="请选择时间" placeholder="请选择时间"
@ -246,6 +247,8 @@ export default {
}; };
}, },
created() { created() {
this.queryParams.reserveTwo = this.$route.query.reserveTwo;
this.queryParams.reserveThree = this.$route.query.reserveThree;
this.getList(); this.getList();
}, },
methods: { methods: {

View File

@ -258,6 +258,8 @@ export default {
}; };
}, },
created() { created() {
this.queryParams.reserveTwo = this.$route.query.reserveTwo;
this.queryParams.reserveThree = this.$route.query.reserveThree;
this.getList(); this.getList();
}, },
methods: { methods: {

View File

@ -246,6 +246,8 @@ export default {
}; };
}, },
created() { created() {
this.queryParams.reserveTwo = this.$route.query.reserveTwo;
this.queryParams.reserveThree = this.$route.query.reserveThree;
this.getList(); this.getList();
}, },
methods: { methods: {

View File

@ -123,13 +123,21 @@
></el-switch> ></el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="接口地址" align="center" prop="address" width="150"/> <el-table-column label="接口地址" align="center" prop="address" width="200"/>
<!--<el-table-column label="跳转地址" align="center" prop="token"/> <!--<el-table-column label="跳转地址" align="center" prop="token"/>
<el-table-column label="参数值" align="center" prop="paramValue"/> <el-table-column label="参数值" align="center" prop="paramValue"/>
<el-table-column label="备注" align="center" prop="remark"/>--> <el-table-column label="备注" align="center" prop="remark"/>-->
<el-table-column label="接口状态" align="center" prop="dataType"/> <el-table-column label="接口状态" align="center" prop="dataType"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-s-promotion"
@click="handleJump(scope.row)"
>跳转接口
</el-button
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@ -168,7 +176,7 @@
<el-input v-model="form.interfaceName" placeholder="请输入接口名称"/> <el-input v-model="form.interfaceName" placeholder="请输入接口名称"/>
</el-form-item> </el-form-item>
<el-form-item label="协议类型" prop="protocolType"> <el-form-item label="协议类型" prop="protocolType">
<el-select v-model="form.protocolType" placeholder="请选择协议类型"> <el-select v-model="form.protocolType" placeholder="请选择协议类型" style="width: 100%">
<el-option <el-option
v-for="dict in dict.type.cqyg_protocol_docking_type" v-for="dict in dict.type.cqyg_protocol_docking_type"
:key="dict.value" :key="dict.value"
@ -181,7 +189,7 @@
<el-input v-model="form.deviceBrand" placeholder="请输入设备品牌"/> <el-input v-model="form.deviceBrand" placeholder="请输入设备品牌"/>
</el-form-item> </el-form-item>
<el-form-item label="轧辊类型" prop="productType"> <el-form-item label="轧辊类型" prop="productType">
<el-select v-model="form.productType" placeholder="请选择轧辊类型"> <el-select v-model="form.productType" placeholder="请选择轧辊类型" style="width: 100%">
<el-option <el-option
v-for="dict in dict.type.tiewire_device_line_name" v-for="dict in dict.type.tiewire_device_line_name"
:key="dict.value" :key="dict.value"
@ -191,7 +199,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="接口类型" prop="interfaceType"> <el-form-item label="接口类型" prop="interfaceType">
<el-select v-model="form.interfaceType" placeholder="请选择接口类型"> <el-select v-model="form.interfaceType" placeholder="请选择接口类型" style="width: 100%">
<el-option <el-option
v-for="dict in dict.type.tiewire_device_line_type" v-for="dict in dict.type.tiewire_device_line_type"
:key="dict.value" :key="dict.value"
@ -212,17 +220,15 @@
<el-form-item label="接口状态" prop="dataType"> <el-form-item label="接口状态" prop="dataType">
<el-input v-model="form.dataType" placeholder="请输入接口状态"/> <el-input v-model="form.dataType" placeholder="请输入接口状态"/>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注"/>
</el-form-item>
<el-form-item label="跳转地址" prop="token"> <el-form-item label="跳转地址" prop="token">
<el-input v-model="form.token" placeholder="请输入跳转地址"/> <el-input v-model="form.token" placeholder="请输入跳转地址"/>
</el-form-item> </el-form-item>
<el-form-item label="参数值" prop="paramValue"> <el-form-item label="备注" prop="remark">
<el-input v-model="form.paramValue" placeholder="请输入参数值"/> <el-input v-model="form.remark" placeholder="请输入备注"/>
</el-form-item> </el-form-item>
<!-- <el-form-item label="参数值" prop="paramValue">
<el-input v-model="form.paramValue" placeholder="请输入参数值"/>
</el-form-item>-->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitForm"> </el-button>
@ -306,9 +312,9 @@ export default {
interfaceCode: null, interfaceCode: null,
interfaceName: null, interfaceName: null,
protocolType: 'HTTP', protocolType: 'HTTP',
deviceBrand: '森吉米尔ZR21A', deviceBrand: null,
productType: null, productType: '10',
interfaceType: null, interfaceType: '10',
callType: '是', callType: '是',
address: null, address: null,
token: null, token: null,
@ -377,7 +383,7 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除接口集成编号为"' + ids + '"的数据项').then(function () { this.$modal.confirm('是否确认删除接口').then(function () {
return delInterface(ids); return delInterface(ids);
}).then(() => { }).then(() => {
this.getList(); this.getList();
@ -409,6 +415,19 @@ export default {
row.callType = row.callType === "开启" ? "启用" : "停用"; row.callType = row.callType === "开启" ? "启用" : "停用";
}); });
}, },
/** 跳转周边资源按钮操作 */
handleJump(row) {
let path = row.token;
if (path) {
this.$router.push({
path: path,
query: {
reserveTwo: row.productType,
reserveThree: row.interfaceType
}//
});
}
},
} }
}; };
</script> </script>