前端界面修改

master
anthonyywj2 3 years ago
parent 528a2ed716
commit 33517bc693

@ -1,4 +1,5 @@
{ {
"BASE_URL":"http://127.0.0.1:9989", "BASE_URL":"http://192.168.0.109:9989",
"SERVER_IP": "http://127.0.0.1:8080/" "SERVER_IP": "http://192.168.0.109:8080/",
"hosp_name": "平和县医院"
} }

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 462 KiB

@ -1 +1 @@
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>UDI管理系统数据同步</title><link rel=stylesheet href=https://unpkg.com/element-ui/lib/theme-chalk/index.css><link href=css/home.44f0d423.css rel=prefetch><link href=js/home.58925fb8.js rel=prefetch><link href=css/app.ce9818af.css rel=preload as=style><link href=css/chunk-vendors.9b8ad7f5.css rel=preload as=style><link href=js/app.341b2328.js rel=preload as=script><link href=js/chunk-vendors.d817ae0e.js rel=preload as=script><link href=css/chunk-vendors.9b8ad7f5.css rel=stylesheet><link href=css/app.ce9818af.css rel=stylesheet></head><body><div id=app></div><script src=./tinymce4.7.5/tinymce.min.js></script><script src=./vue.runtime.min.js></script><script src=./vuex.min.js></script><script src=./vue-router.min.js></script><script src=./index.js></script>ga('create', 'UA-110990780-1', 'auto'); ga('send', 'pageview'); window.addEventListener('hashchange', function () { ga('set', 'page', window.location.href); ga('send', 'pageview'); });<script src=js/chunk-vendors.d817ae0e.js></script><script src=js/app.341b2328.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>UDI管理系统数据同步</title><link rel=stylesheet href=https://unpkg.com/element-ui/lib/theme-chalk/index.css><link href=css/home.e41d2a8b.css rel=prefetch><link href=js/home.e4010a8f.js rel=prefetch><link href=css/app.78335485.css rel=preload as=style><link href=css/chunk-vendors.9b8ad7f5.css rel=preload as=style><link href=js/app.332ea8a4.js rel=preload as=script><link href=js/chunk-vendors.d817ae0e.js rel=preload as=script><link href=css/chunk-vendors.9b8ad7f5.css rel=stylesheet><link href=css/app.78335485.css rel=stylesheet></head><body><div id=app></div><script src=./tinymce4.7.5/tinymce.min.js></script><script src=./vue.runtime.min.js></script><script src=./vuex.min.js></script><script src=./vue-router.min.js></script><script src=./index.js></script>ga('create', 'UA-110990780-1', 'auto'); ga('send', 'pageview'); window.addEventListener('hashchange', function () { ga('set', 'page', window.location.href); ga('send', 'pageview'); });<script src=js/chunk-vendors.d817ae0e.js></script><script src=js/app.332ea8a4.js></script></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -1,4 +1,5 @@
{ {
"BASE_URL":"http://192.168.0.109:9989", "BASE_URL":"http://192.168.0.109:9989",
"SERVER_IP": "http://192.168.0.109:8080/" "SERVER_IP": "http://192.168.0.109:8080/",
"hosp_name": "平和县医院"
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 462 KiB

After

Width:  |  Height:  |  Size: 644 KiB

@ -278,7 +278,7 @@ export const asyncRouterMap = [
{ {
path: "sysUploadData", path: "sysUploadData",
component: sysUploadData, component: sysUploadData,
name: "上传任务", name: "接收&上传记录",
icon: "", icon: "",
meta: { meta: {
authRule: ["spsync/sysUploadData"] authRule: ["spsync/sysUploadData"]
@ -287,7 +287,7 @@ export const asyncRouterMap = [
{ {
path: "sysDownloadData", path: "sysDownloadData",
component: sysDownloadData, component: sysDownloadData,
name: "下载任务", name: "下载&同步记录",
icon: "", icon: "",
meta: { meta: {
authRule: ["spsync/sysDownloadData"] authRule: ["spsync/sysDownloadData"]

@ -1,5 +1,11 @@
<template> <template>
<div class="login-container"> <div class="login-container">
<div>
<h3 class="toptitle">{{ hospName }}</h3>
</div>
<el-form <el-form
class="card-box login-form" class="card-box login-form"
autocomplete="on" autocomplete="on"
@ -72,27 +78,25 @@
>登录 >登录
</el-button> </el-button>
</div> </div>
<!-- <div style="margin-top: -15px">-->
<!-- <a style="margin-left: 50%; font-size: 12px" :href="'#/register'"-->
<!-- >立即注册</a-->
<!-- >-->
<!-- <a style="margin-left: 5%; font-size: 12px" :href="'#/forgetPasswd'"-->
<!-- >忘记密码</a-->
<!-- >-->
<!-- </div>-->
</el-card> </el-card>
</el-form> </el-form>
<div style=" position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -50%);">
<a href="http://www.beian.gov.cn/portal/registerSystemInfo" style="color: white; font-size: 12px"> <!-- <div style="-->
厦门高立新鹏软件科技有限公司&nbsp; &nbsp;闽公网安备35020302034269号&nbsp; <!-- position: absolute;-->
</a> <!-- bottom: 0;-->
<a href="http://beian.miit.gov.cn" style="color: white; font-size: 10px">闽ICP备17019234号</a> <!-- left: 50%;-->
</div> <!-- transform: translate(-50%, -50%);-->
<!-- ">-->
<!-- 开发单位厦门高立新鹏软件科技有限公司 技术支持13459286066-->
<!-- </div>-->
</div> </div>
</template> </template>
<script> <script>
import Verify from 'vue2-verify' import Verify from 'vue2-verify'
import axios from "axios";
export default { export default {
data() { data() {
@ -120,6 +124,7 @@ export default {
loading: false, // loading loading: false, // loading
showDialog: false, // dialog showDialog: false, // dialog
redirect: null, // redirect: null, //
hospName: "",
}; };
}, },
methods: { methods: {
@ -183,11 +188,18 @@ export default {
// URL Encode // URL Encode
this.redirect = decodeURIComponent(query.redirect); this.redirect = decodeURIComponent(query.redirect);
} }
axios.get("./config.json").then(res => {
this.hospName = res.data.hosp_name;
});
} }
}; };
</script> </script>
<style type="text/scss" lang="scss" scoped> <style type="text/scss" lang="scss">
@import "../../styles/mixin"; @import "../../styles/mixin";
$bg: #2d3a4b; $bg: #2d3a4b;
@ -256,6 +268,16 @@ $light_gray: #eee;
margin-bottom: 50px; margin-bottom: 50px;
} }
.toptitle {
position: absolute;
font-size: 55px;
color: #FFFFFF;
margin: 50px auto 0.5333rem 50px;
text-align: center;
font-weight: bold;
}
.login-form { .login-form {
//@include fxied-center; //@include fxied-center;
margin: 0px 100px auto auto; margin: 0px 100px auto auto;

@ -1,8 +1,10 @@
<template> <template>
<div> <div>
<el-card> <el-card>
<div>
<span style="color: red;">说明:&nbsp;此页面用于记录下载上游数据日志记录同步至下游日志记录 </span>
</div>
<el-form :inline="true" :model="query" class="query-form" size="mini"> <el-form :inline="true" :model="query" class="query-form" size="mini">
<el-row> <el-row>
<el-form-item class="query-form-item"> <el-form-item class="query-form-item">
@ -33,12 +35,12 @@
style="width: 100%" style="width: 100%"
> >
<el-table-column label="序号" type="index"></el-table-column> <el-table-column label="序号" type="index"></el-table-column>
<el-table-column <!-- <el-table-column-->
label="记录ID" <!-- label="记录ID"-->
prop="id" <!-- prop="id"-->
width="140" <!-- width="140"-->
show-overflow-tooltip <!-- show-overflow-tooltip-->
></el-table-column> <!-- ></el-table-column>-->
<el-table-column <el-table-column
label="任务ID" label="任务ID"
@ -90,6 +92,12 @@
show-overflow-tooltip show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column
label="文件路径"
prop="cacheFilePath"
show-overflow-tooltip
></el-table-column>
<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-button <el-button
@ -162,6 +170,7 @@ export default {
0: "等待处理", 0: "等待处理",
1: "处理完成", 1: "处理完成",
2: "处理异常", 2: "处理异常",
3: "等待下载",
}, },
configQuery: { configQuery: {

@ -1,132 +1,133 @@
<template> <template>
<div> <div>
<el-card>
<div>
<span style="color: red;">说明:&nbsp;此页面用于记录接收下游上传数据日志记录上传数据至上游日志记录 </span>
</div>
<el-card> <el-form :inline="true" :model="query" class="query-form" size="mini">
<el-form :inline="true" :model="query" 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.id" placeholder="记录ID"></el-input>
<el-input v-model="filterQuery.id" placeholder="记录ID"></el-input> </el-form-item>
</el-form-item>
<el-form-item class="query-form-item"> <el-form-item class="query-form-item">
<el-select v-model="filterQuery.status" placeholder="处理状态"> <el-select v-model="filterQuery.status" placeholder="处理状态">
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option label="等待处理" value="0"></el-option> <el-option label="等待处理" value="0"></el-option>
<el-option label="已处理" value="1"></el-option> <el-option label="已处理" value="1"></el-option>
<el-option label="异常" value="2"></el-option> <el-option label="异常" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button-group style="display:flex;"> <el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button> <el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="search" @click="getList"></el-button> <el-button type="primary" icon="search" @click="getList"></el-button>
</el-button-group> </el-button-group>
</el-form-item> </el-form-item>
</el-row> </el-row>
</el-form> </el-form>
<el-table <el-table
v-loading="loading" v-loading="loading"
:data="list" :data="list"
style="width: 100%" style="width: 100%"
> >
<el-table-column label="序号" type="index"></el-table-column> <el-table-column label="序号" type="index"></el-table-column>
<el-table-column <el-table-column
label="记录ID" label="任务ID"
prop="id" prop="taskId"
width="180" width="180"
show-overflow-tooltip show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column
label="任务ID"
prop="taskId"
width="180"
show-overflow-tooltip
></el-table-column>
<el-table-column <el-table-column
label="任务类型" label="任务类型"
prop="idDatas" prop="idDatas"
width="140" width="140"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ type[scope.row.idDatas] }}</span> <span>{{ type[scope.row.idDatas] }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="状态" label="状态"
prop="status" prop="status"
width="140" width="140"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag <el-tag
:type="statusFilterType(scope.row.status)" :type="statusFilterType(scope.row.status)"
>{{ status[scope.row.status] }} >{{ status[scope.row.status] }}
</el-tag </el-tag
> >
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="开始时间" label="开始时间"
width="180" width="180"
prop="startTime" prop="startTime"
show-overflow-tooltip show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
label="结束时间" label="结束时间"
width="180" width="180"
prop="endTime" prop="endTime"
show-overflow-tooltip show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
label="同步信息" label="同步信息"
prop="remark" prop="remark"
show-overflow-tooltip show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column
label="文件路径"
prop="cacheFilePath"
show-overflow-tooltip
></el-table-column>
<el-table-column label="操作" fixed="right" width="160">
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click.native.stop="detailDialog(scope.row.id)"
>详情
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="deleteDialog(scope.row.id)"
>删除
</el-button
>
</template>
</el-table-column>
</el-table>
<el-pagination
:page-size="filterQuery.limit"
@current-change="handleCurrentChange"
layout="prev, pager, next"
:total="total"
></el-pagination>
</el-card>
<el-table-column label="操作" fixed="right" width="160"> <el-dialog
<template slot-scope="scope"> title="同步信息"
<el-button width="25%"
type="text" :close-on-click-modal="false"
size="small" :close-on-press-escape="false"
@click.native.stop="detailDialog(scope.row.id)" :visible.sync="syncVisible"
>详情 >
</el-button <span v-text="syncInfo" style="white-space:pre-line;" class="syncInfo"></span>
> </el-dialog>
<el-button
type="text"
size="small"
@click.native.stop="deleteDialog(scope.row.id)"
>删除
</el-button
>
</template>
</el-table-column>
</el-table>
<el-pagination
:page-size="filterQuery.limit"
@current-change="handleCurrentChange"
layout="prev, pager, next"
:total="total"
></el-pagination>
</el-card>
<el-dialog </div>
title="同步信息"
width="25%"
:close-on-click-modal="false"
:close-on-press-escape="false"
:visible.sync="syncVisible"
>
<span v-text="syncInfo" style="white-space:pre-line;" class="syncInfo"></span>
</el-dialog>
</div>
</template> </template>
<script> <script>
@ -134,271 +135,271 @@ import {filterUploadStatus, deleteUploadStatus, updateConfig} from "../../api/sy
import store from "@/store"; import store from "@/store";
export default { export default {
data() { data() {
return { return {
filterQuery: { filterQuery: {
id: null, id: null,
status: "0", status: "0",
page: 1, page: 1,
limit: 10, limit: 10,
syncTime: null, syncTime: null,
}, },
list: [], list: [],
headers: {}, headers: {},
detailList: [], detailList: [],
thirdSys: [], thirdSys: [],
thirdSysDetail: null, thirdSysDetail: null,
total: 0, total: 0,
currentRow: null, currentRow: null,
editQuery: null, editQuery: null,
type: { type: {
"AutoDownloadOrder": "扫码单据", "AutoDownloadOrder": "扫码单据",
"AutoDownloadBusType": "单据类型", "AutoDownloadBusType": "单据类型",
"AutoDownloadAllData": "基础信息", "AutoDownloadAllData": "基础信息",
"AutoDownloadDiProducts": "国家库DI数据" "AutoDownloadDiProducts": "国家库DI数据"
}, },
status: { status: {
0: "等待处理", 0: "等待处理",
1: "处理完成", 1: "处理完成",
2: "处理异常", 2: "处理异常",
}, },
configQuery: { configQuery: {
id: null, id: null,
typeBus: null, typeBus: null,
typeScan: null, typeScan: null,
typeThird: null, typeThird: null,
basicProducts: null, basicProducts: null,
basicCorp: null, basicCorp: null,
basicInv: null, basicInv: null,
basicThirdProducts: null, basicThirdProducts: null,
basicThirdCorp: null, basicThirdCorp: null,
basicThirdInv: null, basicThirdInv: null,
basicThirdBusOrder: null, basicThirdBusOrder: null,
orderScanFinish: null, orderScanFinish: null,
dbDiProducts: null, dbDiProducts: null,
downstreamEnable: null, downstreamEnable: null,
}, },
uploadFileUrl: null, uploadFileUrl: null,
uploadData: { uploadData: {
thirdSys: "thirdId", thirdSys: "thirdId",
}, },
templateDlUrl: null, templateDlUrl: null,
checked: false, checked: false,
syncTime: null, syncTime: null,
syncInfo: null, syncInfo: null,
syncVisible: false syncVisible: false
}; };
}, },
methods: { methods: {
onReset() { onReset() {
this.$router.push({ this.$router.push({
path: "", path: "",
}); });
this.filterQuery = { this.filterQuery = {
id: null, id: null,
page: 1, page: 1,
limit: 20, limit: 20,
}; };
this.syncTime = null; this.syncTime = null;
this.getList(); this.getList();
}, },
getList() { getList() {
this.loading = true; this.loading = true;
filterUploadStatus(this.filterQuery) filterUploadStatus(this.filterQuery)
.then((response) => { .then((response) => {
this.loading = false; this.loading = false;
if (response.code == 20000) { if (response.code == 20000) {
this.list = response.data.list || []; this.list = response.data.list || [];
this.total = response.data.total || 0; this.total = response.data.total || 0;
} else { } else {
this.$message.error(response.message); this.$message.error(response.message);
} }
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false;
this.list = []; this.list = [];
this.total = 0; this.total = 0;
}); });
}, },
saveConfig() { saveConfig() {
updateConfig(this.configQuery) updateConfig(this.configQuery)
.then((response) => { .then((response) => {
this.loading = false; this.loading = false;
if (response.code == 20000) { if (response.code == 20000) {
this.$message.success("更新成功!"); this.$message.success("更新成功!");
this.getConfig(); this.getConfig();
} }
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false;
}); });
}, },
cancelDialog(val) { cancelDialog(val) {
this.udiImportDetailVisible = false; this.udiImportDetailVisible = false;
this.thrCorpSelectVisible = false; this.thrCorpSelectVisible = false;
if (val) { if (val) {
this.getList(); this.getList();
} }
} }
, ,
handleCurrentChange(val) { handleCurrentChange(val) {
this.filterQuery.page = val; this.filterQuery.page = val;
this.getList(); this.getList();
} }
, ,
/* createScheduleDialog(type) { /* createScheduleDialog(type) {
if (this.$isNotBlank(this.syncTime)) { if (this.$isNotBlank(this.syncTime)) {
this.$confirm("此操作将从" + this.syncTime + "开始同步最新数据,是否继续", "提示", { this.$confirm("此操作将从" + this.syncTime + "开始同步最新数据,是否继续", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning",
}) })
.then(() => { .then(() => {
this.createSchedule(type); this.createSchedule(type);
}) })
.catch(() => { .catch(() => {
}); });
} else { } else {
this.createSchedule(type); this.createSchedule(type);
} }
}, },
createSchedule(type) { createSchedule(type) {
let query = { let query = {
createType: type, createType: type,
syncTime: this.syncTime, syncTime: this.syncTime,
} }
createSchedule(query) createSchedule(query)
.then((response) => { .then((response) => {
this.loading = false; this.loading = false;
if (response.code == 20000) { if (response.code == 20000) {
this.$message.success("创建成功!"); this.$message.success("创建成功!");
} else if (response.code == 501) { } else if (response.code == 501) {
this.$alert(response.message, '提示', { this.$alert(response.message, '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: "warning", type: "warning",
callback: action => { callback: action => {
} }
}); });
} else { } else {
this.$message.error(response.message); this.$message.error(response.message);
} }
this.getList(); this.getList();
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false;
}); });
},*/ },*/
deleteDialog(rowId) { deleteDialog(rowId) {
this.$confirm("此操作将删除该任务信息, 是否继续?", "提示", { this.$confirm("此操作将删除该任务信息, 是否继续?", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning",
}) })
.then(() => { .then(() => {
let dQuery = { let dQuery = {
id: rowId, id: rowId,
}; };
deleteUploadStatus(dQuery) deleteUploadStatus(dQuery)
.then((response) => { .then((response) => {
this.loading = false; this.loading = false;
if (response.code == 20000) { if (response.code == 20000) {
this.$message.success("删除成功"); this.$message.success("删除成功");
} else { } else {
this.$message.error(response.message); this.$message.error(response.message);
} }
this.getList(); this.getList();
})
.catch(() => {
this.loading = false;
});
}) })
.catch(() => { .catch(() => {
this.loading = false;
}); });
} })
, .catch(() => {
handleChange(response, files, fileList) { });
console.log(response); }
if (response.code != 20000) { ,
this.$message.error(response.message); handleChange(response, files, fileList) {
this.getList(); console.log(response);
} else { if (response.code != 20000) {
// console.log(files[0] + "\n" + this.fileList[0] + "\n" + fileList[0]); this.$message.error(response.message);
this.$message.success(response.data);
this.getList();
}
}
,
statusFilterType(status) {
const statusMap = {
0: "warning",
1: "success",
2: "danger",
};
return statusMap[status];
},
detailDialog(id) {
this.syncVisible = true;
this.list.forEach(item => {
if (id === item.id) {
this.syncInfo = item.remark;
}
})
}
},
mounted() {
},
components: {},
created() {
this.headers = {
ADMIN_ID: store.getters.adminId,
ADMIN_TOKEN: store.getters.token,
};
this.getList(); this.getList();
this.getConfig(); } else {
// console.log(files[0] + "\n" + this.fileList[0] + "\n" + fileList[0]);
this.$message.success(response.data);
this.getList();
}
}
,
statusFilterType(status) {
const statusMap = {
0: "warning",
1: "success",
2: "danger",
};
return statusMap[status];
}, },
detailDialog(id) {
this.syncVisible = true;
this.list.forEach(item => {
if (id === item.id) {
this.syncInfo = item.remark;
}
})
}
},
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>

Loading…
Cancel
Save