罗斌杰
2 years ago
10 changed files with 914 additions and 115 deletions
-
6src/router/index.js
-
400src/views/Home.vue
-
586src/views/basic-dictionary/FieldComparison.vue
-
3src/views/basic-dictionary/ThirdPartyInterfaces.vue
-
9src/views/workload/deskwork.vue
-
5src/views/workload/directordoctor.vue
-
5src/views/workload/doctorstaionworkload.vue
-
5src/views/workload/examinedoctor.vue
-
5src/views/workload/peisworkload.vue
-
5src/views/workload/registrar.vue
@ -0,0 +1,586 @@ |
|||
<template> |
|||
<div class="box"> |
|||
<div> |
|||
<div class="middlebox"> |
|||
<div class="contenttitle"> |
|||
常用设置 / |
|||
<span class="contenttitleBold">字段对照设置</span> |
|||
</div> |
|||
</div> |
|||
<div style="display: flex; margin-top: 7px"> |
|||
<div |
|||
:style=" |
|||
'width: 208px;overflow: scroll;height:' + |
|||
(window.pageHeight < 600 ? 505 : window.pageHeight - 100) + |
|||
'px;background-color: #fff; border-radius: 8px' |
|||
" |
|||
> |
|||
<div style="margin-top: 10px"> |
|||
<el-tree |
|||
:data="itemTypeId" |
|||
:props="treeprops" |
|||
@node-click="treeclick" |
|||
node-key="id" |
|||
ref="itemType" |
|||
highlight-current |
|||
auto-expand-parent |
|||
> |
|||
<span class="custom-tree-node" slot-scope="{ node, data }"> |
|||
<div> |
|||
<span class="treeicons"> |
|||
<!-- <i |
|||
class="el-icon-document-remove" |
|||
v-if="data.parentId == null" |
|||
></i> --> |
|||
<img |
|||
style="width: 20px; height: 20px; vertical-align: sub" |
|||
src="@/assets/images/order.png" |
|||
v-if="data.parentId == null" |
|||
/> |
|||
</span> |
|||
<span |
|||
:class="data.parentId == null ? 'maxtitle' : 'mintitle'" |
|||
>{{ node.label }}</span |
|||
> |
|||
</div> |
|||
</span> |
|||
</el-tree> |
|||
</div> |
|||
</div> |
|||
<div style="display: block"> |
|||
<div style="margin-left: 15px; display: flex; flex-direction: column"> |
|||
<div style="display: flex; margin-bottom: 15px"> |
|||
<div |
|||
:style=" |
|||
'width:' + |
|||
(window.pageWidth - 200 - 110 - 50 - 14) + |
|||
'px;padding: 15px;background-color: #fff;border-radius: 8px;' |
|||
" |
|||
> |
|||
<div class="seachinput"> |
|||
<span>搜索：</span> |
|||
<el-select |
|||
v-model="department" |
|||
placeholder="请搜索" |
|||
filterable |
|||
:filter-method="remoteMethodes" |
|||
default-first-option |
|||
@change="quckDepartments" |
|||
clearable |
|||
size="small" |
|||
style="width: 300px" |
|||
popper-class="selectCls" |
|||
:popper-append-to-body="false" |
|||
> |
|||
<div |
|||
:style="`padding: 5px 20px;display: flex;border-bottom: 1px solid #EBEEF5;position: absolute;top: 6px;`" |
|||
class="header" |
|||
> |
|||
<!-- <span |
|||
v-for="(item, index) in AppColumns" |
|||
:key="index" |
|||
style="width: 300px" |
|||
>{{ item.name }}</span |
|||
> --> |
|||
<div style="width: 300px;padding: 0 2px;">编码</div> |
|||
<div style="width: 300px;padding: 0 2px;">名称</div> |
|||
</div> |
|||
<el-option |
|||
v-for="item in quckDepartment" |
|||
:key="item.codeValue" |
|||
:label="item.displayName" |
|||
:value="item.codeValue" |
|||
> |
|||
<div |
|||
:style="`display:flex;zoom:1border-bottom: 1px solid #EBEEF5;padding: 6px 0;`" class="coniter" |
|||
> |
|||
<!-- <div v-for="(items, index) in AppColumns" :key="index"> --> |
|||
<span |
|||
style="width: 300px;flex-shrink: 0;display:inline-block;" |
|||
class="selectTd" |
|||
>{{ item.codeValue }}</span |
|||
> |
|||
<span |
|||
style="width: 300px;flex-shrink: 0;display:inline-block;" |
|||
class="selectTd" |
|||
>{{ item.displayName }}</span |
|||
> |
|||
</div> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
<el-table |
|||
:data="dataList" |
|||
width="100%" |
|||
:height=" |
|||
window.pageHeight < 600 |
|||
? 210 |
|||
: Math.floor((window.pageHeight - 250) / 2) |
|||
" |
|||
row-key="id" |
|||
highlight-current-row |
|||
ref="dataList" |
|||
@row-click="rowick" |
|||
> |
|||
<el-table-column |
|||
v-for="(item, index) in AppColumns" |
|||
:key="index" |
|||
:prop="item.column" |
|||
:label="item.name" |
|||
align="left" |
|||
> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<!-- <div style="margin-left: 10px"> |
|||
<el-button type="" class="commonbutton">保存</el-button> |
|||
</div> --> |
|||
</div> |
|||
<div style="display: flex"> |
|||
<div |
|||
:style=" |
|||
'width:' + |
|||
(window.pageWidth - 200 - 110 - 50 - 14) + |
|||
'px;padding: 15px;background-color: #fff;border-radius: 8px;' |
|||
" |
|||
> |
|||
<div class="seachinput"> |
|||
<span>搜索：</span> |
|||
<el-select |
|||
v-model="flitvalues" |
|||
placeholder="请搜索" |
|||
filterable |
|||
default-first-option |
|||
clearable |
|||
size="small" |
|||
style="width: 300px" |
|||
popper-class="selectCls" |
|||
:popper-append-to-body="false" |
|||
@change="selectitem" |
|||
:filter-method="remoteMethods" |
|||
value-key="id" |
|||
> |
|||
<div |
|||
:style="`padding: 5px 20px;display: flex;border-bottom: 1px solid #EBEEF5;position: absolute;top: 6px;`" |
|||
class="header" |
|||
> |
|||
<!-- <span |
|||
v-for="(item, index) in InterfaceColumns" |
|||
:key="index" |
|||
style="width: 300px" |
|||
>{{ item.name }}</span |
|||
> --> |
|||
<div style="width: 300px;padding: 0 2px;">编码</div> |
|||
<div style="width: 300px;padding: 0 2px;">名称</div> |
|||
</div> |
|||
<el-option |
|||
v-for="item in filetelists" |
|||
:key="item.codeValue" |
|||
:label="item.displayName" |
|||
:value="item.codeValue" |
|||
> |
|||
<div |
|||
:style="`display:flex;zoom:1border-bottom: 1px solid #EBEEF5;padding: 6px 0;`" |
|||
class="coniter" |
|||
> |
|||
<span |
|||
style="width: 300px;flex-shrink: 0;display:inline-block;" |
|||
class="selectTd" |
|||
v-if="item.codeValue" |
|||
>{{ item.codeValue }}</span |
|||
> |
|||
<span |
|||
style="width: 300px;flex-shrink: 0;display:inline-block;" |
|||
class="selectTd" |
|||
v-if="item.displayName" |
|||
>{{ item.displayName }}</span |
|||
> |
|||
</div> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
<el-table |
|||
:data="cardBillList" |
|||
width="100%" |
|||
:height=" |
|||
window.pageHeight < 600 |
|||
? 210 |
|||
: Math.floor((window.pageHeight - 260) / 2) |
|||
" |
|||
row-key="id" |
|||
highlight-current-row |
|||
ref="cardBillList" |
|||
@row-click="removeAsbItem" |
|||
> |
|||
<el-table-column |
|||
v-for="(item, index) in InterfaceColumns" |
|||
:key="index" |
|||
:prop="item.column" |
|||
:label="item.name" |
|||
align="left" |
|||
> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div style="margin-left: 10px"> |
|||
<el-button type="" @click="save" class="commonbutton">保存</el-button> |
|||
<div style="margin-top: 10px"> |
|||
<el-button |
|||
type="" |
|||
@click="deleteid" |
|||
class="deleteButton" |
|||
>删除</el-button |
|||
> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapState, mapActions } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import { deepCopy, dddw, arrayExistObj } from "@/utlis/proFunc"; |
|||
export default { |
|||
data() { |
|||
return { |
|||
dataList: [], |
|||
initTableData: [], |
|||
quckDepartment: [], |
|||
cardBillList: [], |
|||
filetelists: [], |
|||
filetelistes: [], |
|||
flitvalues: "", |
|||
department: "", |
|||
itemTypeId: [], |
|||
treeprops: { |
|||
label: "displayName", |
|||
value: "id", |
|||
children: "treeChildren", |
|||
}, |
|||
initItemTypeId: "", |
|||
InterfaceColumns: [], |
|||
AppColumns: [], |
|||
curRow: {}, |
|||
curRows: {}, |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getlist(); |
|||
}, |
|||
computed: { |
|||
...mapState(["window", "dict"]), |
|||
}, |
|||
methods: { |
|||
save(){ |
|||
if (!this.initItemTypeId) { |
|||
return this.$message.warning("请先选择数据接口"); |
|||
} |
|||
if (!this.curRow || !this.curRow.codeValue) { |
|||
return this.$message.warning("请先选择本系统数据"); |
|||
} |
|||
if (!this.cardBillList || !this.cardBillList.length>0) { |
|||
return this.$message.warning("请先对照第三方数据"); |
|||
} |
|||
console.log('对照成功') |
|||
}, |
|||
deleteid(){ |
|||
if (!this.initItemTypeId) { |
|||
return this.$message.warning("请先选择数据接口"); |
|||
} |
|||
if (!this.curRow || !this.curRow.codeValue) { |
|||
return this.$message.warning("请先选择本系统数据"); |
|||
} |
|||
if (!this.curRows || !this.curRows.codeValue) { |
|||
return this.$message.warning("请先选择要删除的第三方数据"); |
|||
} |
|||
this.$confirm("此操作将删除该记录, 是否继续?", "提示", { |
|||
confirmButtonText: "是", |
|||
cancelButtonText: "否", |
|||
type: "warning", |
|||
cancelButtonClass: "difference", |
|||
confirmButtonClass: "commonbutton", |
|||
}) |
|||
.then(() => { |
|||
let lfind = arrayExistObj(this.cardBillList, "codeValue", this.curRows.codeValue); |
|||
if (lfind > -1){ |
|||
this.cardBillList.splice(lfind, 1) |
|||
this.curRows=this.$options.data.curRows |
|||
this.$refs["cardBillList"].setCurrentRow(""); |
|||
} |
|||
}) |
|||
.catch((err) => { |
|||
if (err == "cancel") { |
|||
this.$message.info("已取消操作"); |
|||
} |
|||
}); |
|||
}, |
|||
removeAsbItem(row){ |
|||
this.curRows={...row} |
|||
}, |
|||
searchup(data, index) { |
|||
this.$nextTick(() => { |
|||
if (index > 3) { |
|||
const targetTop = this.$refs["dataList"].$el |
|||
.querySelectorAll(".el-table__body tr") |
|||
[index - 1].getBoundingClientRect().top; |
|||
const containerTop = this.$refs["dataList"].$el |
|||
.querySelector(".el-table__body") |
|||
.getBoundingClientRect().top; |
|||
const scrollParent = this.$refs["dataList"].$el.querySelector( |
|||
".el-table__body-wrapper" |
|||
); |
|||
scrollParent.scrollTop = targetTop - containerTop; |
|||
} |
|||
}); |
|||
}, |
|||
quckDepartments(e) { |
|||
if (e) { |
|||
this.dataList.forEach((item, index) => { |
|||
if (e == item.codeValue) { |
|||
this.$refs["dataList"].setCurrentRow(item); |
|||
this.rowick(item); |
|||
this.searchup(item, index); |
|||
} |
|||
}); |
|||
} else { |
|||
this.remoteMethodes(); |
|||
} |
|||
}, |
|||
remoteMethodes(keyWords) { |
|||
if (keyWords) { |
|||
this.quckDepartment = []; |
|||
this.initTableData.forEach((item) => { |
|||
if ( |
|||
item.displayName.toLowerCase().indexOf(keyWords.toLowerCase()) > |
|||
-1 || |
|||
item.simpleCode.toLowerCase().indexOf(keyWords.toLowerCase()) > -1 |
|||
// || item.shortName.toLowerCase().indexOf(keyWords.toLowerCase()) > - 1 |
|||
) { |
|||
this.quckDepartment.push(item); |
|||
} |
|||
}); |
|||
} else { |
|||
this.quckDepartment = [...this.initTableData]; |
|||
} |
|||
}, |
|||
selectitem(v) { |
|||
if (v) { |
|||
if (this.curRow.codeValue == undefined || this.curRow.codeValue == "") { |
|||
this.$message.warning("请先选择本系统数据"); |
|||
} else { |
|||
for (let i = 0; i < this.cardBillList.length; i++) { |
|||
if (v == this.cardBillList[i].codeValue) { |
|||
return this.$message.warning("已有该数据"); |
|||
} |
|||
} |
|||
this.filetelistes.forEach((item, index) => { |
|||
if (v == item.codeValue) { |
|||
this.cardBillList.push(item); |
|||
} |
|||
}); |
|||
} |
|||
} else { |
|||
this.remoteMethods(); |
|||
} |
|||
}, |
|||
remoteMethods(keyWords) { |
|||
if (keyWords) { |
|||
this.filetelists = []; |
|||
this.filetelistes.forEach((item) => { |
|||
if ( |
|||
item.displayName.toLowerCase().indexOf(keyWords.toLowerCase()) > |
|||
-1 || |
|||
item.simpleCode.toLowerCase().indexOf(keyWords.toLowerCase()) > -1 |
|||
// || item.shortName.toLowerCase().indexOf(keyWords.toLowerCase()) > - 1 |
|||
) { |
|||
this.filetelists.push(item); |
|||
} |
|||
}); |
|||
} else { |
|||
this.filetelists = [...this.filetelistes]; |
|||
} |
|||
}, |
|||
treeclick(data) { |
|||
this.initItemTypeId = data.id; |
|||
postapi("/api/app/ColumnReference/GetAppColumns", { id: data.id }).then( |
|||
(res) => { |
|||
if (res.code != -1) { |
|||
this.AppColumns = [...res.data]; |
|||
} |
|||
} |
|||
); |
|||
postapi("/api/app/ColumnReference/GetInterfaceColumns", { |
|||
id: data.id, |
|||
}).then((res) => { |
|||
if (res.code != -1) { |
|||
this.InterfaceColumns = [...res.data]; |
|||
} |
|||
}); |
|||
postapi("/api/app/ColumnReference/GetAppCodeValues", { |
|||
id: data.id, |
|||
}).then((res) => { |
|||
if (res.code != -1) { |
|||
this.dataList = [...res.data]; |
|||
this.initTableData = [...res.data]; |
|||
this.quckDepartment = [...res.data]; |
|||
} |
|||
}); |
|||
postapi("/api/app/ColumnReference/GetInterfaceCodeValues", { |
|||
id: data.id, |
|||
}).then((res) => { |
|||
if (res.code != -1) { |
|||
this.filetelistes = [...res.data]; |
|||
this.filetelists = [...res.data]; |
|||
} |
|||
}); |
|||
}, |
|||
rowick(row) { |
|||
this.curRow = { ...row }; |
|||
postapi("/api/app/ColumnReference/GetInterfaceCodeValuesByAppCode", { |
|||
code: this.curRow.codeValue, |
|||
columnReferenceId: this.initItemTypeId, |
|||
}).then((res) => { |
|||
if (res.code != -1 && res.data!=null) { |
|||
this.cardBillList = [...res.data]; |
|||
} |
|||
}); |
|||
}, |
|||
getlist() { |
|||
postapi("/api/app/ColumnReference/GetList").then((res) => { |
|||
if (res.code != -1) { |
|||
this.itemTypeId = [...res.data]; |
|||
} |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
@import "../../assets/css/global_button.css"; |
|||
@import "../../assets/css/global_dialog.css"; |
|||
@import "../../assets/css/global_table.css"; |
|||
@import "../../assets/css/global_form.css"; |
|||
@import "../../assets/css/global_input.css"; |
|||
@import "../../assets/css/global.css"; |
|||
::v-deep .el-input__inner { |
|||
/*text-align: center;*/ |
|||
padding-left: 5px; |
|||
padding-right: 25px; |
|||
} |
|||
::v-deep .el-icon-date:before { |
|||
content: ""; |
|||
} |
|||
.query { |
|||
margin-right: 25px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
font-size: 14px; |
|||
color: #232748; |
|||
font-weight: 400; |
|||
font-family: "NotoSansSC-Regular"; |
|||
} |
|||
.box { |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
:deep .el-form-item { |
|||
margin-bottom: 14px; |
|||
} |
|||
/* el-dialog的头部样式 */ |
|||
:deep .el-dialog__header { |
|||
padding: 11px 20px 11px; |
|||
} |
|||
/* el-dialog的主体样式 */ |
|||
:deep .el-dialog__body { |
|||
padding: 0px 20px 0px; |
|||
} |
|||
/* el-divider样式 */ |
|||
:deep .el-divider--horizontal { |
|||
margin: 0px 0 12px; |
|||
} |
|||
/* el-dialog的底部样式 */ |
|||
:deep .el-dialog__footer { |
|||
padding: 0px 20px 14px; |
|||
} |
|||
.seachinput { |
|||
margin-bottom: 8px; |
|||
font-size: 14px; |
|||
color: #232748; |
|||
font-weight: 400; |
|||
font-family: "NotoSansSC-Regular"; |
|||
} |
|||
.header { |
|||
color: #232748; |
|||
font-size: 14px; |
|||
font-weight: 700; |
|||
font-family: "NotoSansSC-Bold"; |
|||
} |
|||
.header::-webkit-scrollbar { |
|||
display: none; |
|||
} |
|||
.coniter::-webkit-scrollbar { |
|||
display: none; |
|||
} |
|||
:deep .selectCls { |
|||
max-height: 186px; |
|||
} |
|||
|
|||
:deep .selectCls .el-scrollbar { |
|||
max-height: 178px; |
|||
position: relative; |
|||
padding-top: 32px; |
|||
/* overflow-x: auto; |
|||
width: v-bind("window.pageWidth + 'px'"); */ |
|||
} |
|||
:deep .selectCls.el-select-dropdown { |
|||
background-color: #fff; |
|||
} |
|||
:deep .selectCls .el-select-dropdown__wrap { |
|||
max-height: 165px; |
|||
} |
|||
.el-select-dropdown__item { |
|||
height: auto; |
|||
line-height: 20px; |
|||
white-space: nowrap; |
|||
width: auto; |
|||
display: inline-flex; |
|||
border-bottom: 1px solid rgb(235, 238, 245); |
|||
} |
|||
.selectTd { |
|||
padding: 0 2px; |
|||
height: 100%; |
|||
word-break: normal; |
|||
display: block; |
|||
white-space: pre-wrap; |
|||
word-wrap: break-word; |
|||
overflow: hidden; |
|||
} |
|||
:deep .el-table tr { |
|||
height: 33px; |
|||
} |
|||
:deep .el-table th.el-table__cell>.cell{ |
|||
text-align: left; |
|||
} |
|||
/* :deep .el-scrollbar{ |
|||
overflow: visible; |
|||
} */ |
|||
/* :deep .el-scrollbar__wrap{ |
|||
width: v-bind("window.pageWidth-50 + 'px'"); |
|||
overflow: auto; |
|||
} |
|||
:deep .el-scrollbar__bar.is-horizontal{ |
|||
height: 0; |
|||
left: 0; |
|||
} |
|||
:deep .el-scrollbar__bar.is-vertical{ |
|||
height: 0; |
|||
left: 0; |
|||
} */ |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue