UDI
/
udispsync-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

界面展示修改，vue升级

Browse Source
master
anthonywj 2 years ago
parent 1388025024
commit dbe997b8ea
3 changed files with 1043 additions and 2082 deletions
Show Stats Download Patch File Download Diff File

2457
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

92
package.json
Unescape Escape View File

@ -1,48 +1,48 @@
{ {
"name": "my-project", "name": "my-project",
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"stage": "vue-cli-service build --mode stage", "stage": "vue-cli-service build --mode stage",
"build": "vue-cli-service build --mode production", "build": "vue-cli-service build --mode production",
"build:test": "vue-cli-service build --mode test", "build:test": "vue-cli-service build --mode test",
"lint": "vue-cli-service lint", "lint": "vue-cli-service lint",
"test:unit": "vue-cli-service test:unit" "test:unit": "vue-cli-service test:unit"
}, },
"dependencies": { "dependencies": {
"axios": "^0.18.0", "axios": "^0.18.0",
"babel-polyfill": "^6.26.0", "babel-polyfill": "^6.26.0",
"clipboard": "^2.0.8", "clipboard": "^2.0.8",
"element-china-area-data": "^5.0.2", "element-china-area-data": "^5.0.2",
"element-ui": "^2.8.2", "element-ui": "2.15.8",
"file-saver": "^2.0.5", "file-saver": "^2.0.5",
"js-cookie": "^2.2.0", "js-cookie": "^2.2.0",
"mockjs": "^1.0.1-beta3", "mockjs": "^1.0.1-beta3",
"nprogress": "^0.2.0", "nprogress": "^0.2.0",
"pinyin": "^2.10.2", "pinyin": "^2.10.2",
"vue": "^2.5.16", "vue": "2.6.12",
"vue-router": "^3.0.1", "vue-router": "^3.0.1",
"vue2-verify": "^1.1.5", "vue2-verify": "^1.1.5",
"vuedraggable": "^2.17.0", "vuedraggable": "^2.17.0",
"vuex": "^3.0.1" "vuex": "^3.0.1"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "^3.0.0-beta.15", "@vue/cli-plugin-babel": "^3.0.0-beta.15",
"@vue/cli-plugin-eslint": "^3.0.0-beta.15", "@vue/cli-plugin-eslint": "^3.0.0-beta.15",
"@vue/cli-plugin-unit-jest": "^3.0.0-beta.15", "@vue/cli-plugin-unit-jest": "^3.0.0-beta.15",
"@vue/cli-service": "^3.0.0-beta.15", "@vue/cli-service": "^3.0.0-beta.15",
"@vue/eslint-config-prettier": "^3.0.0-rc.3", "@vue/eslint-config-prettier": "^3.0.0-rc.3",
"@vue/test-utils": "^1.0.0-beta.16", "@vue/test-utils": "^1.0.0-beta.16",
"babel-core": "7.0.0-bridge.0", "babel-core": "7.0.0-bridge.0",
"babel-jest": "^23.0.1", "babel-jest": "^23.0.1",
"sass": "1.32.13", "sass": "1.32.13",
"sass-loader": "10.1.1", "sass-loader": "10.1.1",
"vue-template-compiler": "^2.5.16" "vue-template-compiler": "^2.6.12"
}, },
"browserslist": [ "browserslist": [
"> 1%", "> 1%",
"last 2 versions", "last 2 versions",
"not ie <= 8" "not ie <= 8"
] ]
} }

576
src/views/sync/SysDownloadData.vue
Unescape Escape View File

@ -5,7 +5,7 @@
<div> <div>
<span style="color: red;">说明:&nbsp;此页面用于记录下载上游数据日志记录，同步至下游日志记录 </span> <span style="color: red;">说明:&nbsp;此页面用于记录下载上游数据日志记录，同步至下游日志记录 </span>
</div> </div>
<el-form :inline="true" class="query-form" size="mini"> <el-form :inline="true" class="query-form" size="mini">
<el-row> <el-row>
<el-form-item class="query-form-item"> <el-form-item class="query-form-item">
<el-input v-model="filterQuery.taskId" placeholder="记录ID" clearable></el-input> <el-input v-model="filterQuery.taskId" placeholder="记录ID" clearable></el-input>
@ -41,12 +41,13 @@
<el-table-column label="任务类型" prop="type" width="140" show-overflow-tooltip> <el-table-column label="任务类型" prop="type" width="140" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.type}}</span> <span>{{ scope.row.type }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="状态" prop="status" width="140" show-overflow-tooltip> <el-table-column label="状态" prop="status" width="140" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.status" :type="statusFilterType(scope.row.status)">{{ status[scope.row.status] }} <el-tag v-if="scope.row.status" :type="statusFilterType(scope.row.status)">
{{ status[scope.row.status] }}
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
@ -59,25 +60,28 @@
<el-table-column label="操作" fixed="right" width="160"> <el-table-column label="操作" fixed="right" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<el-popconfirm @confirm="downFile(scope.row)" confirm-button-text='下载' cancel-button-text='不用了' <el-popconfirm @confirm="downFile(scope.row)" confirm-button-text='下载' cancel-button-text='不用了'
class="mr10" icon="el-icon-info" icon-color="blck" title="是否确认要下载文件？" class="mr10" icon="el-icon-info" icon-color="blck" title="是否确认要下载文件？"
v-if="scope.row.cacheFilePath"> v-if="scope.row.cacheFilePath">
<el-button type="text" size="small" slot="reference">下载 <el-button type="text" size="small" slot="reference">下载
</el-button> </el-button>
</el-popconfirm> </el-popconfirm>
<el-popconfirm v-if="scope.row.status==4" @confirm="deleteData(scope.row.id)" confirm-button-text='删除' <el-popconfirm v-if="scope.row.status==4" @confirm="deleteData(scope.row.id)"
cancel-button-text='不用了' icon="el-icon-info" icon-color="red" title="是否确认要删除这条数据？"> confirm-button-text='删除'
cancel-button-text='不用了' icon="el-icon-info" icon-color="red"
title="是否确认要删除这条数据？">
<el-button type="text" size="small" slot="reference">删除 <el-button type="text" size="small" slot="reference">删除
</el-button> </el-button>
</el-popconfirm> </el-popconfirm>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination :current-page="filterQuery.page" :page-size="filterQuery.limit" @current-change="handleCurrentChange" <el-pagination :current-page="filterQuery.page" :page-size="filterQuery.limit"
layout="prev, pager, next" :total="total"></el-pagination> @current-change="handleCurrentChange"
layout="prev, pager, next" :total="total"></el-pagination>
</el-card> </el-card>
<el-dialog title="同步信息" width="25%" :close-on-click-modal="false" :close-on-press-escape="false" <el-dialog title="同步信息" width="25%" :close-on-click-modal="false" :close-on-press-escape="false"
:visible.sync="syncVisible"> :visible.sync="syncVisible">
<span v-text="syncInfo" style="white-space:pre-line;" class="syncInfo"></span> <span v-text="syncInfo" style="white-space:pre-line;" class="syncInfo"></span>
</el-dialog> </el-dialog>
@ -85,308 +89,312 @@
</template> </template>
<script> <script>
import { import {
filterDownloadStatus, filterDownloadStatus,
deleteDownloadStatus, deleteDownloadStatus,
createSchedule, createSchedule,
updateConfig, updateConfig,
infoByStatus infoByStatus
} from "../../api/sync/dataSyncStatus"; } from "../../api/sync/dataSyncStatus";
import store from "@/store"; import store from "@/store";
export default { export default {
data() { data() {
return { return {
filterQuery: { filterQuery: {
taskId: null, taskId: null,
id: null, id: null,
status: "3", status: null,
page: 1, page: 1,
limit: 10, limit: 10,
syncTime: null,
},
list: [],
headers: {},
detailList: [],
thirdSys: [],
thirdSysDetail: null,
total: 0,
currentRow: null,
editQuery: null,
type: {
"AutoDownloadOrder": "扫码单据",
"AutoDownloadBusType": "单据类型",
"AutoDownloadAllData": "基础信息",
"AutoDownloadDiProducts": "国家库DI数据"
},
status: {
1: "任务待触发",
2: "文件待生成",
3: "文件待同步",
4: "任务完成",
},
configQuery: {
id: null,
typeBus: null,
typeScan: null,
typeThird: null,
basicProducts: null,
basicCorp: null,
basicInv: null,
basicThirdProducts: null,
basicThirdCorp: null,
basicThirdInv: null,
basicThirdBusOrder: null,
orderScanFinish: null,
dbDiProducts: null,
downstreamEnable: null,
},
uploadFileUrl: null,
uploadData: {
thirdSys: "thirdId",
},
templateDlUrl: null,
checked: false,
syncTime: null, syncTime: null,
configParms: {},
syncInfo: null,
syncVisible: false
};
},
methods: {
onReset() {
this.$router.push({
path: "",
});
this.filterQuery = {
id: null,
page: 1,
limit: 20,
};
this.syncTime = null;
this.getList();
}, },
getList() { list: [],
this.loading = true; headers: {},
filterDownloadStatus(this.filterQuery) detailList: [],
.then((response) => { thirdSys: [],
this.loading = false; thirdSysDetail: null,
if (response.code == 20000) { total: 0,
this.list = response.data.list || []; currentRow: null,
this.total = response.data.total || 0; editQuery: null,
} else { type: {
this.$message.error(response.message); "AutoDownloadOrder": "扫码单据",
} "AutoDownloadBusType": "单据类型",
}) "AutoDownloadAllData": "基础信息",
.catch(() => { "AutoDownloadDiProducts": "国家库DI数据"
this.loading = false;
this.list = [];
this.total = 0;
});
}, },
status: {
saveConfig() { 1: "任务待触发",
updateConfig(this.configQuery) 2: "文件待生成",
.then((response) => { 3: "文件待同步",
this.loading = false; 4: "任务完成",
if (response.code == 20000) {
this.$message.success("更新成功！");
// this.getConfig();
}
})
.catch(() => {
this.loading = false;
});
}, },
configQuery: {
id: null,
typeBus: null,
typeScan: null,
typeThird: null,
basicProducts: null,
basicCorp: null,
basicInv: null,
basicThirdProducts: null,
basicThirdCorp: null,
basicThirdInv: null,
basicThirdBusOrder: null,
orderScanFinish: null,
dbDiProducts: null,
downstreamEnable: null,
cancelDialog(val) {
this.udiImportDetailVisible = false;
this.thrCorpSelectVisible = false;
if (val) {
this.getList();
}
}, },
handleCurrentChange(val) { uploadFileUrl: null,
this.filterQuery.page = val; uploadData: {
this.getList(); thirdSys: "thirdId",
}, },
templateDlUrl: null,
checked: false,
syncTime: null,
configParms: {},
syncInfo: null,
syncVisible: false
};
},
createScheduleDialog(type) { methods: {
if (this.$isNotBlank(this.syncTime)) { onReset() {
this.$confirm("此操作将从" + this.syncTime + "开始同步最新数据，是否继续", "提示", { this.$router.push({
confirmButtonText: "确定", path: "",
cancelButtonText: "取消", });
type: "warning", this.filterQuery = {
}) id: null,
.then(() => { page: 1,
this.createSchedule(type); limit: 20,
}) };
.catch(() => {}); this.syncTime = null;
} else { this.getList();
this.createSchedule(type); },
} getList() {
this.loading = true;
}, filterDownloadStatus(this.filterQuery)
.then((response) => {
this.loading = false;
if (response.code == 20000) {
this.list = response.data.list || [];
this.total = response.data.total || 0;
} else {
this.$message.error(response.message);
}
})
.catch(() => {
this.loading = false;
this.list = [];
this.total = 0;
});
},
createSchedule(type) { saveConfig() {
let query = { updateConfig(this.configQuery)
createType: type, .then((response) => {
syncTime: this.syncTime, this.loading = false;
} if (response.code == 20000) {
this.$message.success("更新成功！");
// this.getConfig();
}
})
.catch(() => {
this.loading = false;
});
},
createSchedule(query)
.then((response) => {
this.loading = false;
if (response.code == 20000) {
this.$message.success("创建成功！");
} else if (response.code == 501) {
this.$alert(response.message, '提示', { cancelDialog(val) {
confirmButtonText: '确定', this.udiImportDetailVisible = false;
type: "warning", this.thrCorpSelectVisible = false;
callback: action => {} if (val) {
}); this.getList();
}
},
handleCurrentChange(val) {
this.filterQuery.page = val;
this.getList();
},
} else { createScheduleDialog(type) {
this.$message.error(response.message); if (this.$isNotBlank(this.syncTime)) {
} this.$confirm("此操作将从" + this.syncTime + "开始同步最新数据，是否继续", "提示", {
this.getList(); confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.createSchedule(type);
}) })
.catch(() => { .catch(() => {
this.loading = false;
}); });
}, } else {
deleteDialog(rowId) { this.createSchedule(type);
this.$confirm("此操作将删除该任务信息, 是否继续?", "提示", { }
confirmButtonText: "确定",
cancelButtonText: "取消", },
type: "warning",
}) createSchedule(type) {
.then(() => { let query = {
let dQuery = { createType: type,
id: rowId, syncTime: this.syncTime,
}; }
deleteDownloadStatus(dQuery)
.then((response) => { createSchedule(query)
this.loading = false; .then((response) => {
if (response.code == 20000) { this.loading = false;
this.$message.success("删除成功"); if (response.code == 20000) {
} else { this.$message.success("创建成功！");
this.$message.error(response.message); } else if (response.code == 501) {
}
this.getList(); this.$alert(response.message, '提示', {
}) confirmButtonText: '确定',
.catch(() => { type: "warning",
this.loading = false; callback: action => {
}); }
}) });
.catch(() => {});
}, } else {
handleChange(response, files, fileList) { this.$message.error(response.message);
console.log(response);
if (response.code != 20000) {
this.$message.error(response.message);
this.getList();
} else {
// console.log(files[0] + "\n" + this.fileList[0] + "\n" + fileList[0]);
this.$message.success(response.data);
this.getList();
}
},
statusFilterType(status) {
const statusMap = {
1: "danger",
2: "danger",
3: "danger",
4: "success",
};
return statusMap[status];
},
detailDialog(id) {
this.syncVisible = true;
this.list.forEach(item => {
if (id === item.id) {
this.syncInfo = item.remark;
} }
this.getList();
}) })
}, .catch(() => {
this.loading = false;
downFile(rows) { });
alert(1) },
infoByStatus({ deleteDialog(rowId) {
'id': rows.id this.$confirm("此操作将删除该任务信息, 是否继续?", "提示", {
}).then(res => { confirmButtonText: "确定",
let blob = new Blob([res]) cancelButtonText: "取消",
let fileName = rows.cacheFilePath.substring(rows.cacheFilePath.lastIndexOf('/')) type: "warning",
let link = document.createElement("a") })
link.href = window.URL.createObjectURL(blob) .then(() => {
link.download = fileName let dQuery = {
link.style.display = 'none' id: rowId,
document.body.appendChild(link) };
link.click() deleteDownloadStatus(dQuery)
window.URL.revokeObjectURL(link.href) .then((response) => {
document.body.removeChild(link) this.loading = false;
if (response.code == 20000) {
this.$message.success("删除成功");
} else {
this.$message.error(response.message);
}
this.getList();
})
.catch(() => {
this.loading = false;
});
}) })
}, .catch(() => {
deleteData(id) { });
deleteDownloadStatus({ },
id handleChange(response, files, fileList) {
}).then((response) => { console.log(response);
if (response.code == 20000) { if (response.code != 20000) {
this.filterQuery.page = 1 this.$message.error(response.message);
this.$message.success("删除成功"); this.getList();
} else { } else {
this.$message.error(response.message); // console.log(files[0] + "\n" + this.fileList[0] + "\n" + fileList[0]);
} this.$message.success(response.data);
this.getList(); this.getList();
})
.catch(() => {});
} }
}, },
statusFilterType(status) {
mounted() {}, const statusMap = {
components: {}, 1: "danger",
created() { 2: "danger",
this.headers = { 3: "danger",
ADMIN_ID: store.getters.adminId, 4: "success",
ADMIN_TOKEN: store.getters.token,
}; };
this.getList(); return statusMap[status];
// this.getConfig(); },
detailDialog(id) {
this.syncVisible = true;
this.list.forEach(item => {
if (id === item.id) {
this.syncInfo = item.remark;
}
})
}, },
};
downFile(rows) {
infoByStatus({
'id': rows.id
}).then(res => {
let blob = new Blob([res])
let fileName = rows.cacheFilePath.substring(rows.cacheFilePath.lastIndexOf('/'))
let link = document.createElement("a")
link.href = window.URL.createObjectURL(blob)
link.download = fileName
link.style.display = 'none'
document.body.appendChild(link)
link.click()
window.URL.revokeObjectURL(link.href)
document.body.removeChild(link)
})
},
deleteData(id) {
deleteDownloadStatus({
id
}).then((response) => {
if (response.code == 20000) {
this.filterQuery.page = 1
this.$message.success("删除成功");
} else {
this.$message.error(response.message);
}
this.getList();
})
.catch(() => {
});
}
},
mounted() {
},
components: {},
created() {
this.headers = {
ADMIN_ID: store.getters.adminId,
ADMIN_TOKEN: store.getters.token,
};
this.getList();
// this.getConfig();
},
};
</script> </script>
<style> <style>
.itemTag { .itemTag {
float: left; float: left;
text-align: left; text-align: left;
margin-top: 10px; margin-top: 10px;
width: 100px; width: 100px;
} }
.text { .text {
font-size: 13px; font-size: 13px;
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
} }
.el-row { .el-row {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.el-col { .el-col {
border-radius: 4px; border-radius: 4px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.syncInfo { .syncInfo {
font-size: medium; font-size: medium;
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
line-height: 25px; line-height: 25px;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save