<template>
|
<div class="app-container">
|
<el-radio-group v-model="tjStatus" @input="radioChange" style="margin-left: 20px">
|
<el-radio-button label="0">同步检验结果</el-radio-button>
|
<el-radio-button label="1">同步检查结果</el-radio-button>
|
<el-radio-button label="2">添加采样数据</el-radio-button>
|
</el-radio-group>
|
<div class="cent">
|
<div v-if="tjStatus == 0">
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
<el-form-item label="体检号" prop="tjh">
|
<el-input v-model="queryParams.tjh" placeholder="请输入体检号" clearable />
|
</el-form-item>
|
<el-form-item label="体检类型" prop="tblx">
|
<el-select v-model="queryParams.tblx" :popper-append-to-body="false" filterable placeholder="请选择体检类型"
|
clearable @change="idFn1">
|
<el-option v-for="item in CompanyList" :key="item.tblx" :label="item.tblx" :value="item.tblxId"
|
disabled />
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" size="mini" @click="handleQuery">查询</el-button>
|
<el-button type="primary" size="mini" @click="handleManual">手工同步</el-button>
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
</el-form-item>
|
</el-form>
|
|
<el-row :gutter="20">
|
<el-col :span="11" :xs="24">
|
<el-table :data="groupingList" border height="484" v-loading="loading" @row-click="handleChange">
|
<el-table-column :prop="item" :label="item" v-for="(item, index) in table" :key="index"
|
:width="columnWidth(item)" align="center">
|
</el-table-column>
|
</el-table>
|
<!-- <el-table border v-loading="loading" :data="groupingList" height="350" @selection-change="handleChange">
|
<el-table-column type="selection" width="40px" align="center" />
|
<el-table-column label="序号" align="center" prop="newID" width="50px" />
|
<el-table-column label="分组名称" align="center" prop="groupingName" />
|
<el-table-column label="性别" align="center" prop="sex">
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex" />
|
</template>
|
</el-table-column>
|
<el-table-column label="套餐名称" align="center" prop="pacName" />
|
<el-table-column label="结算方式" align="center" prop="payType">
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.reservation_pay_type" :value="scope.row.payType" />
|
</template>
|
</el-table-column>
|
<el-table-column label="折扣" align="center" prop="limits" />
|
<el-table-column label="原价" align="center" prop="price" />
|
<el-table-column label="应收" align="center" prop="ysPrice" />
|
</el-table> -->
|
</el-col>
|
<el-col :span="11" :xs="24">
|
<el-table :data="xxList" border height="484" v-loading="loading" @row-click="handleChange">
|
<el-table-column :prop="item" :label="item" v-for="(item, index) in xxtable" :key="index"
|
:width="columnWidths(item)" align="center">
|
</el-table-column>
|
</el-table>
|
</el-col>
|
</el-row>
|
</div>
|
|
<div v-if="tjStatus == 1">
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
<el-form-item label="体检号" prop="tjh">
|
<el-input v-model="queryParams.tjh" placeholder="请输入体检号" clearable />
|
</el-form-item>
|
<el-form-item label="体检类型" prop="tblx">
|
<el-select v-model="queryParams.tblx" :popper-append-to-body="false" filterable placeholder="请选择体检类型"
|
clearable @change="idFn1">
|
<el-option v-for="item in CompanyList" :key="item.tblx" :label="item.tblx" :value="item.tblxId"
|
disabled />
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" size="mini" @click="handleQuery">查询</el-button>
|
<el-button type="primary" size="mini" @click="handleManual">手工同步</el-button>
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
</el-form-item>
|
</el-form>
|
<el-table :data="groupingList" border height="484" v-loading="loading">
|
<el-table-column :prop="item" :label="item" v-for="(item, index) in table" :key="index"
|
:width="columnWidth(item)" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
|
|
<div v-if="tjStatus == 2">
|
<el-form :model="forms" ref="queryForm" size="small" :inline="true" label-width="68px">
|
<el-form-item label="体检号" prop="tjNum">
|
<el-input v-model="forms.tjNum" placeholder="请输入体检号" clearable />
|
</el-form-item>
|
<!-- <el-form-item label="体检类型" prop="tblx">
|
<el-select
|
v-model="forms.tblx"
|
:popper-append-to-body="false"
|
filterable
|
placeholder="请选择体检类型"
|
clearable
|
@change="idFn1"
|
>
|
<el-option
|
v-for="item in CompanyList"
|
:key="item.tblx"
|
:label="item.tblx"
|
:value="item.tblxId"
|
/>
|
</el-select>
|
</el-form-item> -->
|
<el-form-item>
|
<el-button type="primary" size="mini" @click="handleManuals">手工同步</el-button>
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { shoudongtbjyjcwsxmjg, addCaiYangDengJi, chaxunjyjcwsxmjg } from "@/api/system/menu";
|
export default {
|
name: "Manual",
|
dicts: [
|
"dict_user_national",
|
],
|
data() {
|
return {
|
loading: false,
|
tjStatus: 0,
|
groupingList: [],
|
xxList: [],
|
table: [],
|
xxtable: [],
|
queryParams: {
|
tjh: null,
|
tblx: "",
|
},
|
forms: {
|
tjNum: null,
|
tblx: null,
|
},
|
CompanyList: [
|
{
|
tblx: "检验",
|
tblxId: "jy"
|
},
|
{
|
tblx: "检查",
|
tblxId: "jc"
|
},
|
{
|
tblx: "检验和检查",
|
tblxId: "jyjc"
|
}
|
]
|
}
|
},
|
created() {
|
// this.handleManual();
|
if(this.tjStatus == 0){
|
this.queryParams.tblx = "jy"
|
}
|
},
|
methods: {
|
radioChange(value) {
|
if (value == 0) {
|
this.queryParams.tblx = "jy"
|
} else if (value == 1) {
|
this.queryParams.tblx = "jc"
|
}
|
this.resetQuery()
|
},
|
handleManual() {
|
shoudongtbjyjcwsxmjg(this.queryParams).then(res => {
|
this.$modal.msgSuccess("同步成功");
|
})
|
},
|
handleManuals() {
|
addCaiYangDengJi(this.forms).then(res => {
|
this.$modal.msgSuccess("手动添加采样数据同步成功");
|
})
|
},
|
resetQuery() {
|
this.queryParams.tjh = null
|
this.groupingList = [];
|
this.table = [];
|
this.xxList = [];
|
this.xxtable = [];
|
},
|
|
idFn1(value) {
|
if (value) {
|
console.log(value)
|
}
|
},
|
|
|
handleQuery() {
|
this.loading = true
|
chaxunjyjcwsxmjg(this.queryParams).then(res => {
|
this.groupingList = res.data
|
this.loading = false
|
var array = []
|
for (var i = 0; i < this.groupingList.length; i++) {
|
array = Object.keys(this.groupingList[i]);
|
let reg = /[\u4E00-\u9FA5\uF900-\uFA2D]/
|
|
array.forEach((element, index) => {
|
if (reg.test(element)) {
|
this.table.push(element)
|
}
|
});
|
|
this.table.sort(function (a, b) {
|
const numA = parseInt(a.match(/\d+/)[0], 10);
|
const numB = parseInt(b.match(/\d+/)[0], 10);
|
return numA - numB;
|
});
|
return i + 1;
|
}
|
})
|
},
|
|
columnWidth(item) {
|
const arr = this.groupingList.map((x) => x[item]);
|
if (arr.length > 0) {
|
arr.push(item);
|
return this.getMaxLength(arr) + 20 + "px";
|
}
|
return 20 + "px";
|
},
|
|
columnWidths(item) {
|
const arr = this.groupingList.map((x) => x[item]);
|
if (arr.length > 0) {
|
arr.push(item);
|
return this.getMaxLength(arr) + 100 + "px";
|
}
|
return 100 + "px";
|
},
|
getMaxLength(arr) {
|
return arr.reduce((acc, item) => {
|
if (item) {
|
const calcLen = this.getTextWidth(item);
|
if (acc < calcLen) {
|
acc = calcLen;
|
}
|
}
|
return acc;
|
}, 0);
|
},
|
getTextWidth(str) {
|
let width = 0;
|
const html = document.createElement("span");
|
html.innerText = str;
|
html.className = "getTextWidth";
|
document.querySelector("body").appendChild(html);
|
width = document.querySelector(".getTextWidth").offsetWidth;
|
document.querySelector(".getTextWidth").remove();
|
return width;
|
},
|
handleChange(rowData, columnName) {
|
this.xxList = rowData.jybgd
|
var array = []
|
for (var i = 0; i < this.xxList.length; i++) {
|
array = Object.keys(this.xxList[i]);
|
let reg = /[\u4E00-\u9FA5\uF900-\uFA2D]/
|
array.forEach((element, index) => {
|
if (reg.test(element)) {
|
this.xxtable.push(element)
|
}
|
});
|
this.xxtable.sort(function (a, b) {
|
const numA = parseInt(a.match(/\d+/)[0], 10);
|
const numB = parseInt(b.match(/\d+/)[0], 10);
|
return numA - numB;
|
});
|
return i + 1;
|
}
|
}
|
|
}
|
};
|
</script>
|
<style scoped>
|
.cent {
|
margin-top: 20px;
|
}
|
|
.el-select-dropdown {
|
position: absolute !important;
|
top: 30px !important;
|
left: 0px !important;
|
}
|
</style>
|
