419 lines
12 KiB
Vue
419 lines
12 KiB
Vue
<template>
|
||
<div>
|
||
<base-right-dialog
|
||
size="1000px"
|
||
ref="baseRightDialog"
|
||
:footerShow="true"
|
||
:dialogVisible.sync="dialogVisible"
|
||
:title="dialogTitle + ' 集成前台任务'"
|
||
@handleClose="handleDialogClose"
|
||
:type="dialogType"
|
||
:submitShow="submitShow"
|
||
@handleConfirmClick="handleConfirmClick"
|
||
>
|
||
<base-form
|
||
ref="basicsForm"
|
||
:formRow="formRow"
|
||
:isFunBtn="false"
|
||
:rules="basicsRules"
|
||
class="dialog_form"
|
||
:spanWidth="`120px`"
|
||
:loading="vLoading"
|
||
|
||
>
|
||
<template #plugName="{row}">
|
||
<div>
|
||
<baseNewSelect
|
||
:lookflag="false"
|
||
:ruleForm="row"
|
||
:disabled="!submitShow"
|
||
v-model="row['plugName']"
|
||
@selectChangeHandle="selectChangeHandle"
|
||
></baseNewSelect>
|
||
</div>
|
||
</template>
|
||
</base-form>
|
||
<base-table
|
||
:border="true"
|
||
:showIndex="true"
|
||
:tableColumn="tableVersionColumn"
|
||
:tableData="tableVersionData"
|
||
:funWidth="80"
|
||
:funData="funData"
|
||
@onFunc="onFunc"
|
||
>
|
||
<!-- 编码-->
|
||
<template v-slot:argName="{ row }">
|
||
<div style="width: 100%">
|
||
{{row.argName}}
|
||
</div>
|
||
</template>
|
||
<template v-slot:argValue="{ row }">
|
||
<div style="width: 100%">
|
||
<!-- 若参数类型为1 （字符串） 否则为2 （日期）-->
|
||
<template v-if="row.argType==1">
|
||
<template v-if="!submitShow">{{row.argValue}}</template>
|
||
<el-input
|
||
v-else
|
||
v-model="row.argValue"
|
||
clearable
|
||
type="text"
|
||
:disabled="!submitShow"
|
||
></el-input>
|
||
</template>
|
||
<template v-else>
|
||
<template v-if="!submitShow">{{row.startDate}}-{{row.endDate}}</template>
|
||
<template v-else>
|
||
<el-date-picker
|
||
v-model="row.startDate"
|
||
type="date"
|
||
placeholder="选择开始日期"
|
||
:disabled="!submitShow"
|
||
format="yyyy 年 MM 月 dd 日"
|
||
value-format="yyyy-MM-dd">
|
||
</el-date-picker>
|
||
<el-date-picker
|
||
v-model="row.endDate"
|
||
type="date"
|
||
placeholder="选择结束日期"
|
||
:disabled="!submitShow"
|
||
format="yyyy 年 MM 月 dd 日"
|
||
value-format="yyyy-MM-dd">
|
||
</el-date-picker>
|
||
</template>
|
||
|
||
</template>
|
||
</div>
|
||
</template>
|
||
<template v-slot:argType="{ row }">
|
||
<div style="width: 100%">
|
||
<el-radio-group v-model="row.argType" :disabled="true">
|
||
<el-radio label="1">字符串</el-radio>
|
||
<el-radio label="2">日期</el-radio>
|
||
</el-radio-group>
|
||
</div>
|
||
</template>
|
||
<template v-slot:remark="{ row }">
|
||
<div style="width: 100%">
|
||
<template v-if="!submitShow">{{row.remark}}</template>
|
||
<el-input
|
||
v-else
|
||
v-model="row.remark"
|
||
clearable
|
||
type="text"
|
||
:disabled="!submitShow"
|
||
></el-input>
|
||
</div>
|
||
</template>
|
||
</base-table>
|
||
</base-right-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import baseRightDialog from "@/components/base/baseRightDialog";
|
||
import baseNewSelect from "./baseNewSelect.vue"
|
||
import baseForm from "@/components/base/baseNewForm";
|
||
import baseTable from "@/components/base/baseTable";
|
||
import configData from "./configData";
|
||
import { authApi } from "@/api/apis/auth";
|
||
export default {
|
||
components: {
|
||
baseRightDialog,
|
||
baseForm,
|
||
baseTable,
|
||
baseNewSelect
|
||
},
|
||
data() {
|
||
return {
|
||
dialogVisible: false,
|
||
dialogTitle: "",
|
||
dialogType: "",
|
||
formRow: configData.formRow,
|
||
basicsRules: configData.basicsRules,
|
||
vLoading: false,
|
||
newMarryOptions: [],
|
||
submitShow: true,
|
||
loadingType: true,
|
||
tableVersionData: [],
|
||
tableVersionColumn: configData.tableVersionColumn,
|
||
funData: [],
|
||
isEdit: false,
|
||
select_dist:{},
|
||
plugNameOptions:[],
|
||
};
|
||
},
|
||
mounted() {
|
||
this.initSelect()
|
||
},
|
||
methods: {
|
||
// 插件下拉
|
||
async initSelect(){
|
||
let res = await authApi(
|
||
"pluginService",
|
||
"plugins",
|
||
"queryPluginsByType",
|
||
"",
|
||
{
|
||
"pluginType": "1"
|
||
}
|
||
);
|
||
if(res.status == 200){
|
||
console.log(res.attribute)
|
||
res.attribute.forEach(item=>{
|
||
this.$set(this.select_dist,item.pluginId,item)
|
||
})
|
||
this.formRow[0].elCol[0].options = res.attribute
|
||
}
|
||
},
|
||
//下拉改变事件
|
||
selectChangeHandle(val, options){
|
||
if(!val){
|
||
this.tableVersionData=[]
|
||
return
|
||
}
|
||
//找到这条
|
||
let obj = options.find(item=>{
|
||
return item.plugName === val
|
||
})
|
||
console.log(obj)
|
||
this.$set(this.$refs.basicsForm.ruleForm,'plugId',obj.plugId)
|
||
this.$set(this.$refs.basicsForm.ruleForm,'plugName',obj.plugName)
|
||
this.searchInfo(obj.plugId)
|
||
},
|
||
//下拉后查询单据详情
|
||
async searchInfo(plugId){
|
||
let params = {
|
||
plugId
|
||
};
|
||
let res = await authApi(
|
||
"sysPlugArgService",
|
||
"integrationTaskService",
|
||
"getPlugArgByPlugId",
|
||
"",
|
||
params
|
||
);
|
||
console.log(res,'res')
|
||
if(res.status ==200){
|
||
//数据处理
|
||
let arr = []
|
||
res.attribute.forEach(item=>{
|
||
arr.push({
|
||
startDate:"",
|
||
endDate:"",
|
||
remark:"",
|
||
argValue:"",
|
||
argName:item.argName,
|
||
argCode:item.argCode,
|
||
argType:item.argType,
|
||
})
|
||
|
||
})
|
||
this.tableVersionData = arr
|
||
}
|
||
},
|
||
openDialog(type, row) {
|
||
this.queryProductClassfy();
|
||
this.formRow = configData.formRow;
|
||
this.submitShow = true;
|
||
this.isEdit = false
|
||
this.funData = [
|
||
]
|
||
// 新增
|
||
if (type == "add") {
|
||
this.dialogTitle = "新增";
|
||
this.dialogType = "add";
|
||
}
|
||
// 编辑
|
||
if (type == "edit") {
|
||
this.isEdit = true
|
||
this.dialogTitle = "编辑";
|
||
this.dialogType = "edit";
|
||
this.productGetById(row.id);
|
||
}
|
||
// 查看
|
||
if (type == "show") {
|
||
this.funData = Object.assign([],[])
|
||
this.submitShow = false;
|
||
this.formRow = configData.formRowShow;
|
||
this.dialogTitle = "查看";
|
||
this.dialogType = "show";
|
||
this.productGetById(row.id);
|
||
|
||
}
|
||
this.dialogVisible = true;
|
||
},
|
||
// 编辑详情
|
||
async productGetById(id) {
|
||
let params = {
|
||
id: id,
|
||
};
|
||
let res = await authApi(
|
||
"sysIntegratedForegroundTaskService",
|
||
"integrationTaskService",
|
||
"getIntegratedForegroundTask",
|
||
"",
|
||
params
|
||
);
|
||
if (res.status == "200") {
|
||
this.$nextTick(() => {
|
||
this.$refs.basicsForm.incomingParameters(res.attribute);
|
||
this.tableVersionData=res.attribute.sysIntegratedForegroundTaskDetailEntityList
|
||
this.tableVersionData.forEach(item=>{
|
||
if(item.argType ==2){
|
||
//日期处理
|
||
this.$set(item,'startDate',item.argValue.split("/")[0])
|
||
this.$set(item,'endDate',item.argValue.split("/")[1])
|
||
}
|
||
})
|
||
// let result = [];
|
||
// this.tableVersionData = Object.assign([], result);
|
||
});
|
||
}
|
||
},
|
||
addVersionDialog() {
|
||
let obj = {
|
||
argName:"",
|
||
argCode:"",
|
||
argType:"1",
|
||
remark:"",
|
||
};
|
||
this.tableVersionData.push(obj);
|
||
},
|
||
// 删除
|
||
onFunc(index, row) {
|
||
if (index == 0) {
|
||
this.$delConfirm().then(() => {
|
||
this.tableVersionData.forEach((item, itemIndex) => {
|
||
if (item.id === row.id) {
|
||
this.tableVersionData.splice(itemIndex, 1);
|
||
}
|
||
});
|
||
});
|
||
}
|
||
},
|
||
// 弹窗关闭
|
||
handleDialogClose() {
|
||
this.tableVersionData = Object.assign([], []);
|
||
this.$refs.basicsForm.resetFields();
|
||
this.dialogVisible = false;
|
||
},
|
||
// 弹窗确认按钮
|
||
handleConfirmClick() {
|
||
this.$refs.basicsForm.$refs["ruleForm"].validate((valid) => {
|
||
if (!valid) {
|
||
return;
|
||
} else {
|
||
let flag = this.tableVersionData.some((item,index)=>{
|
||
//日期特别处理 例：2024-12-13/2024-12-14
|
||
if(item.argType ==2){
|
||
//判断开始时间和结束时间
|
||
let startDate = new Date(item.startDate); // 开始日期
|
||
let endDate = new Date(item.endDate); // 结束日期
|
||
if(startDate > endDate){
|
||
this.$vmNews(`第${index+1}行结束时间不能大于开始时间`)
|
||
return true
|
||
}
|
||
this.$set(item,'argValue',item.startDate + "/" +item.endDate)
|
||
}
|
||
})
|
||
if(flag) return
|
||
let params = {
|
||
...this.$refs.basicsForm.ruleForm,
|
||
sysIntegratedForegroundTaskDetailEntityList: this.tableVersionData,
|
||
};
|
||
if (this.dialogType == "add") {
|
||
this.openLoading("submit");
|
||
this.productSaveDto(params);
|
||
}
|
||
if (this.dialogType == "edit") {
|
||
this.openLoading("submit");
|
||
this.productUpdateDto(params);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
// 新增保存
|
||
async productSaveDto(params) {
|
||
let res = await authApi(
|
||
"sysIntegratedForegroundTaskService",
|
||
"integrationTaskService",
|
||
"saveIntegratedForegroundTask",
|
||
"",
|
||
params
|
||
);
|
||
if (res.status == "200") {
|
||
this.handleDialogClose();
|
||
this.$vmNews("新增成功", "success");
|
||
this.$emit("resetTable");
|
||
}
|
||
},
|
||
// 编辑保存
|
||
async productUpdateDto(params) {
|
||
let res = await authApi(
|
||
"sysIntegratedForegroundTaskService",
|
||
"integrationTaskService",
|
||
"updateIntegratedForegroundTask",
|
||
"",
|
||
params
|
||
);
|
||
if (res.status == "200") {
|
||
this.handleDialogClose();
|
||
this.$vmNews("更新成功", "success");
|
||
this.$emit("resetTable");
|
||
}
|
||
},
|
||
// 获取所有产品分类
|
||
async queryProductClassfy() {
|
||
let params = {
|
||
tab_name: "sys_product",
|
||
column_name: "classify",
|
||
};
|
||
let res = await authApi(
|
||
"generalServiceImpl",
|
||
"dictionaryshop",
|
||
"selectDictionaryshop",
|
||
"",
|
||
params
|
||
);
|
||
if (res.status == "200") {
|
||
this.formRow[1].elCol[0].options = res.attribute;
|
||
}
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.dialogList {
|
||
padding: 16px 0;
|
||
border-top: 1px solid #dcdfe6;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.updateBtn {
|
||
border: 1px solid #ebedf1;
|
||
padding: 5px 0;
|
||
border-radius: 3px;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
cursor: pointer;
|
||
width: 100px;
|
||
}
|
||
|
||
.updateBtn:hover {
|
||
color: #1890ff;
|
||
border-color: #badeff;
|
||
background-color: #e8f4ff;
|
||
}
|
||
|
||
::v-deep .el-table__body-wrapper.is-scrolling-none {
|
||
height: auto !important;
|
||
}
|
||
|
||
::v-deep .app-container {
|
||
height: auto !important;
|
||
}
|
||
</style>
|