|
@@ -48,13 +48,13 @@
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
- <el-form-item label="启动时间" prop="startTime">
|
|
|
- <el-date-picker v-model="serviceForm.startTime" type="datetime" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" placeholder="请选择启动时间" />
|
|
|
+ <el-form-item label="启动时间" prop="hasStartTime">
|
|
|
+ <el-date-picker v-model="serviceForm.hasStartTime" type="datetime" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" placeholder="请选择启动时间" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
- <el-form-item label="停止时间" prop="stopTime">
|
|
|
- <el-date-picker v-model="serviceForm.stopTime" type="datetime" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" placeholder="请选择停止时间" />
|
|
|
+ <el-form-item label="停止时间" prop="hasEndTime">
|
|
|
+ <el-date-picker v-model="serviceForm.hasEndTime" type="datetime" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" placeholder="请选择停止时间" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
@@ -76,7 +76,12 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="17">
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="详细位置" label-width="100px" prop="dataSourceName">
|
|
|
+ <el-input v-model="serviceForm.dataSourceName" placeholder="请输入描述" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
<el-form-item label="服务描述" label-width="100px" prop="serviceDescribe">
|
|
|
<el-input v-model="serviceForm.serviceDescribe" placeholder="请输入描述" clearable />
|
|
|
</el-form-item>
|
|
@@ -124,32 +129,18 @@
|
|
|
<el-row :gutter="48" type="flex">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="取值表达式" label-width="100px" prop="computingMethod">
|
|
|
- <el-input
|
|
|
- v-model="serviceForm.computingMethod"
|
|
|
- placeholder="请输入取值表达式"
|
|
|
- type="textarea"
|
|
|
- :autosize="{
|
|
|
+ <el-input v-model="serviceForm.computingMethod" placeholder="请输入取值表达式" type="textarea" :autosize="{
|
|
|
minRows: 3,
|
|
|
maxRows: 3,
|
|
|
- }"
|
|
|
- resize="none"
|
|
|
- clearable
|
|
|
- />
|
|
|
+ }" resize="none" clearable />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="检测表达式" label-width="100px" prop="validationExpression">
|
|
|
- <el-input
|
|
|
- v-model="serviceForm.validationExpression"
|
|
|
- placeholder="请输入检测表达式"
|
|
|
- type="textarea"
|
|
|
- :autosize="{
|
|
|
+ <el-input v-model="serviceForm.validationExpression" placeholder="请输入检测表达式" type="textarea" :autosize="{
|
|
|
minRows: 3,
|
|
|
maxRows: 3,
|
|
|
- }"
|
|
|
- resize="none"
|
|
|
- clearable
|
|
|
- />
|
|
|
+ }" resize="none" clearable />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -166,19 +157,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="content-list-box-body">
|
|
|
- <DataTable
|
|
|
- ref="serviceOutputTable"
|
|
|
- :data-id="outId"
|
|
|
- :data-content="{
|
|
|
+ <DataTable ref="serviceOutputTable" :data-id="outId" :data-content="{
|
|
|
serviceID: serviceID,
|
|
|
- }"
|
|
|
- :rows="12"
|
|
|
- table-height="auto"
|
|
|
- margin-top="0"
|
|
|
- :is-btn="false"
|
|
|
- :is-dialog="true"
|
|
|
- labelWidth="100px"
|
|
|
- />
|
|
|
+ }" :rows="12" table-height="auto" margin-top="0" :is-btn="false" :is-dialog="true" labelWidth="100px" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -195,23 +176,16 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="详细位置" label-width="110px" prop="serviceName">
|
|
|
- <el-input v-model="serviceForm.serviceName" placeholder="请输入服务名称" clearable />
|
|
|
+ <el-form-item label="详细位置" label-width="110px" prop="logDataSourceName">
|
|
|
+ <el-input v-model="serviceForm.logDataSourceName" placeholder="请输入服务名称" clearable />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-form-item label="日志输出条件" label-width="110px" prop="logList">
|
|
|
- <el-input
|
|
|
- v-model="serviceForm.logList"
|
|
|
- placeholder="请输入日志输出条件"
|
|
|
- type="textarea"
|
|
|
- :autosize="{
|
|
|
+ <el-input v-model="serviceForm.logList" placeholder="请输入日志输出条件" type="textarea" :autosize="{
|
|
|
minRows: 3,
|
|
|
maxRows: 3,
|
|
|
- }"
|
|
|
- resize="none"
|
|
|
- clearable
|
|
|
- />
|
|
|
+ }" resize="none" clearable />
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -252,22 +226,9 @@
|
|
|
<p class="manageTitle">插槽列表</p>
|
|
|
<el-button size="small" type="primary" class="btn-white" @click="btnAddClickHandler(2)">新增</el-button>
|
|
|
</div>
|
|
|
- <DataTable
|
|
|
- ref="serviceMachineTable"
|
|
|
- :data-id="jqId"
|
|
|
- :data-content="{
|
|
|
+ <DataTable ref="serviceMachineTable" :data-id="jqId" :data-content="{
|
|
|
serviceID: serviceID,
|
|
|
- }"
|
|
|
- :isBody="true"
|
|
|
- :rows="12"
|
|
|
- table-height="350px"
|
|
|
- margin-top="0"
|
|
|
- :is-btn="false"
|
|
|
- :is-dialog="true"
|
|
|
- :selection-enable="true"
|
|
|
- @selectionAll="selectionAll"
|
|
|
- @selection-change="machineSelectionChangeHandler"
|
|
|
- />
|
|
|
+ }" :isBody="true" :rows="12" table-height="350px" margin-top="0" :is-btn="false" :is-dialog="true" :selection-enable="true" @selectionAll="selectionAll" @selection-change="machineSelectionChangeHandler" />
|
|
|
</div>
|
|
|
<div class="foot mt24">
|
|
|
<el-button size="medium" @click="slotQd" type="primary" class="r25 r26">确定</el-button>
|
|
@@ -298,14 +259,7 @@
|
|
|
<el-button size="mini" style="margin-left: 16px" @click="handleOk" type="primary">查询</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-loading="loading"
|
|
|
- element-loading-text="拼命加载中"
|
|
|
- stripe
|
|
|
- element-loading-spinner="el-icon-loading"
|
|
|
- element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
|
- class="interfaceLog_content flex-wrap"
|
|
|
- >
|
|
|
+ <div v-loading="loading" element-loading-text="拼命加载中" stripe element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" class="interfaceLog_content flex-wrap">
|
|
|
<el-table :data="tableData" class="table" height="500px" border style="width: 100%; margin-top: 20px">
|
|
|
<el-table-column prop="logTime" width="200" label="时间"> </el-table-column>
|
|
|
<el-table-column prop="logType" width="100" label="类型"> </el-table-column>
|
|
@@ -368,7 +322,7 @@ export default {
|
|
|
// query,
|
|
|
operate,
|
|
|
],
|
|
|
- data() {
|
|
|
+ data () {
|
|
|
return {
|
|
|
outId: DATACONTENT_ID.sysServiceOutTabId,
|
|
|
jqId: DATACONTENT_ID.sysServiceJqTabId,
|
|
@@ -402,6 +356,10 @@ export default {
|
|
|
frequencyUnit: null,
|
|
|
logDataSourceID: null,
|
|
|
logList: "",
|
|
|
+ logDataSourceName: null,
|
|
|
+ dataSourceName: null,
|
|
|
+ hasStartTime: null,
|
|
|
+ hasEndTime: null
|
|
|
},
|
|
|
computedTableHeight: "200px",
|
|
|
targetList: [],
|
|
@@ -432,29 +390,29 @@ export default {
|
|
|
input: "",
|
|
|
};
|
|
|
},
|
|
|
- created() {
|
|
|
+ created () {
|
|
|
this.slotVisible = true;
|
|
|
setTimeout(() => {
|
|
|
this.slotVisible = false;
|
|
|
}, 0);
|
|
|
},
|
|
|
- mounted() {
|
|
|
+ mounted () {
|
|
|
this.queryServiceByID(this.serviceID);
|
|
|
this.getDataSourceList(DATACONTENT_ID.sysSourceId);
|
|
|
},
|
|
|
methods: {
|
|
|
- selectionAll(arr) {
|
|
|
+ selectionAll (arr) {
|
|
|
this.slotValue = arr.length;
|
|
|
this.selAll = _.cloneDeep(arr);
|
|
|
},
|
|
|
- editSubmitHandler() {
|
|
|
+ editSubmitHandler () {
|
|
|
this.$refs["serviceForm"].validate((valid) => {
|
|
|
if (valid) {
|
|
|
this.updateService();
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- btnAddClickHandler(flag) {
|
|
|
+ btnAddClickHandler (flag) {
|
|
|
switch (flag) {
|
|
|
case 1:
|
|
|
this.$refs["serviceOutputTable"].handleAdd();
|
|
@@ -466,11 +424,11 @@ export default {
|
|
|
break;
|
|
|
}
|
|
|
},
|
|
|
- addService() {
|
|
|
+ addService () {
|
|
|
this.getDataSourceList(DATACONTENT_ID.sysServiceXyId);
|
|
|
this.sourceFormVisible = true;
|
|
|
},
|
|
|
- slotQd() {
|
|
|
+ slotQd () {
|
|
|
const arr = this.selDatas;
|
|
|
const row = this.selObj;
|
|
|
const datas = this.selAll;
|
|
@@ -490,26 +448,26 @@ export default {
|
|
|
this.slotValue = arr.length;
|
|
|
this.selAll = _.cloneDeep(arr);
|
|
|
},
|
|
|
- timeStartChange(val) {
|
|
|
+ timeStartChange (val) {
|
|
|
if (val >= this.timeEnd) {
|
|
|
this.timeStart = "";
|
|
|
this.$message.error("开始时间不能大于结束时间,请重新选择");
|
|
|
}
|
|
|
},
|
|
|
- timeEndChange(val) {
|
|
|
+ timeEndChange (val) {
|
|
|
if (val <= this.timeEnd) {
|
|
|
this.timeEnd = "";
|
|
|
this.$message.error("结束时间不能小于开始时间,请重新选择");
|
|
|
}
|
|
|
},
|
|
|
- handleLog() {
|
|
|
+ handleLog () {
|
|
|
this.logVisible = true;
|
|
|
this.getQuery();
|
|
|
},
|
|
|
- handleOk() {
|
|
|
+ handleOk () {
|
|
|
this.getQuery();
|
|
|
},
|
|
|
- async getQuery() {
|
|
|
+ async getQuery () {
|
|
|
try {
|
|
|
this.loading = true;
|
|
|
const { code, returnData } = await Query({
|
|
@@ -529,7 +487,7 @@ export default {
|
|
|
console.log(error);
|
|
|
}
|
|
|
},
|
|
|
- logCopy(index) {
|
|
|
+ logCopy (index) {
|
|
|
const ele = document.getElementById("logId" + index);
|
|
|
const val = ele.innerText;
|
|
|
try {
|
|
@@ -549,11 +507,11 @@ export default {
|
|
|
this.$message.error("复制失败");
|
|
|
}
|
|
|
},
|
|
|
- machineSelectionChangeHandler(selection, row) {
|
|
|
+ machineSelectionChangeHandler (selection, row) {
|
|
|
this.selDatas = selection;
|
|
|
this.selObj = row;
|
|
|
},
|
|
|
- async getDataSourceList(id) {
|
|
|
+ async getDataSourceList (id) {
|
|
|
const dataSourceList = await this.getSelectOption(id);
|
|
|
if (id == DATACONTENT_ID.sysSourceId) {
|
|
|
this.dataSourceList = dataSourceList.map((item) => {
|
|
@@ -569,7 +527,7 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
- async getSelectOption(ID) {
|
|
|
+ async getSelectOption (ID) {
|
|
|
try {
|
|
|
const listValues = await myQuery(ID);
|
|
|
return listValues;
|
|
@@ -578,13 +536,13 @@ export default {
|
|
|
return [];
|
|
|
}
|
|
|
},
|
|
|
- async queryServiceByID(serviceID) {
|
|
|
+ async queryServiceByID (serviceID) {
|
|
|
const serviceInfo = await myQuery(DATACONTENT_ID.sysServiceEditId, serviceID);
|
|
|
Object.entries(serviceInfo[0]).forEach(([key, value]) => {
|
|
|
this.serviceForm[key] = value;
|
|
|
});
|
|
|
},
|
|
|
- async formService() {
|
|
|
+ async formService () {
|
|
|
this.sourceDatas.forEach((item) => {
|
|
|
if (item.protocolID == this.formLabelAlign.protocolName) {
|
|
|
this.formLabelAlign.protocolName = item.protocolName;
|