pengjun
3 months ago
4 changed files with 413 additions and 10 deletions
-
4public/sysConfig.json
-
395src/components/itemSet/ReferenceRange3.vue
-
13src/views/fee-settings/Item.vue
-
11src/views/fee-settings/cardBillSum.vue
@ -0,0 +1,395 @@ |
|||||
|
<template> |
||||
|
<div class="" style="width: 100%;display: flex;margin-top: 15px;"> |
||||
|
<div style="width: 90%"> |
||||
|
<el-table :data="tableData" style="width: 100%" class="el-table__body-wrapper tbody" |
||||
|
:height="window.pageHeight < 600 ? 260 : window.pageHeight - 340" @row-click="rowick" highlight-current-row> |
||||
|
<!-- |
||||
|
<el-table-column prop="forSexId" label="性别"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div> |
||||
|
{{ ldddw(forSexId, "id", scope.row.forSexId, "displayName") }} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
--> |
||||
|
<el-table-column prop="ageLowerLimit" label="年龄上限" /> |
||||
|
<el-table-column prop="ageUpperLimit" label="年龄下限" /> |
||||
|
|
||||
|
<el-table-column prop="sexHormoneTermId" label="激素期" /> |
||||
|
<el-table-column prop="referenceRangeValue" label="参考范围" /> |
||||
|
<el-table-column prop="followUpRangeValue" label="随访范围" /> |
||||
|
<el-table-column prop="criticalRangeValue" label="危急范围" /> |
||||
|
<el-table-column prop="lowerDiagnosisId" label="偏低诊断"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div> |
||||
|
{{ |
||||
|
ldddw( |
||||
|
diagnosis, |
||||
|
"id", |
||||
|
scope.row.lowerDiagnosisId, |
||||
|
"displayName" |
||||
|
) |
||||
|
}} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="upperDiagnosisId" label="偏高诊断"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div> |
||||
|
{{ |
||||
|
ldddw( |
||||
|
diagnosis, |
||||
|
"id", |
||||
|
scope.row.upperDiagnosisId, |
||||
|
"displayName" |
||||
|
) |
||||
|
}} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- 按钮区域 --> |
||||
|
<div style="margin-left: 10px;" class="editButton"> |
||||
|
<div> |
||||
|
<el-button type="" @click="add" class="commonbutton">新增</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 5px;"> |
||||
|
<el-button type="" @click="edit" class="commonbutton">编辑</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 5px;"> |
||||
|
<el-button type="" @click="del" class="deleteButton">删除</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 新增或者编辑弹框 --> |
||||
|
<el-dialog :title="id ? '编辑' : '新增'" :visible.sync="dialogVisible" width="70%" :append-to-body="true"> |
||||
|
<el-form ref="form" :model="form" label-width="100px" :rules="rules"> |
||||
|
<el-row> |
||||
|
<!-- |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="性别" prop="forSexId"> |
||||
|
<el-select v-model="form.forSexId" placeholder="请选择" size="small"> |
||||
|
<el-option v-for="item in forSexId" :key="item.id" :label="item.displayName" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
|
||||
|
--> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="激素期" prop="sexHormoneTermId"> |
||||
|
<el-select v-model="form.sexHormoneTermId" placeholder="请选择" size="small"> |
||||
|
<el-option v-for="item in sexHormoneTerm" :key="item.id" :label="item.displayName" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="年龄下限" prop="ageLowerLimit"> |
||||
|
<el-input type="number" v-model="form.ageLowerLimit" size="small"></el-input> </el-form-item></el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="年龄上限" prop="ageUpperLimit"> |
||||
|
<el-input type="number" v-model="form.ageUpperLimit" size="small"></el-input> </el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="参考范围" prop="referenceRangeValue"> |
||||
|
<el-input v-model="form.referenceRangeValue" size="small"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="随访范围" prop="followUpRangeValue"> |
||||
|
<el-input v-model="form.followUpRangeValue" size="small"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="危急值范围" prop="criticalRangeValue"> |
||||
|
<el-input v-model="form.criticalRangeValue" size="small"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="偏低诊断" prop=""> |
||||
|
<el-select v-model="form.lowerDiagnosisId" placeholder="请选择" filterable :filter-method="remoteMethods" |
||||
|
default-first-option clearable @change="quckEditdigoisce" size="small"> |
||||
|
<el-option v-for="item in diagnosis" :key="item.id" :label="item.displayName" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> </el-form-item></el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="偏高诊断" prop=""> |
||||
|
<el-select v-model="form.upperDiagnosisId" placeholder="请选择" filterable :filter-method="remoteMethodes" |
||||
|
default-first-option clearable @change="quckEditdigoisces" size="small"> |
||||
|
<el-option v-for="item in diagnosies" :key="item.id" :label="item.displayName" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> </el-form-item></el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="dialogVisible = false, id = curRowes.id" class="difference">取 消</el-button> |
||||
|
<el-button type="primary" @click="onsbmint" class="commonbutton">确 定</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState } from "vuex"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
import { examinationgender } from "@/request/systemapi"; |
||||
|
import { dddw } from "../../utlis/proFunc"; |
||||
|
// import |
||||
|
export default { |
||||
|
props: ["itemId", "ReferenceRangeTypeFlag"], |
||||
|
data() { |
||||
|
return { |
||||
|
rules: { |
||||
|
itemId: [{ required: true, message: "请选择项目", trigger: "blur" }], |
||||
|
sexHormoneTermId: [{ required: true, message: "请选择激素期", trigger: "blur" }], |
||||
|
ageLowerLimit: [ |
||||
|
{ required: true, message: "请输入年龄下限", trigger: "blur" }, |
||||
|
], |
||||
|
ageUpperLimit: [ |
||||
|
{ required: true, message: "请输入年龄上限", trigger: "blur" }, |
||||
|
], |
||||
|
referenceRangeValue: [ |
||||
|
{ required: true, message: "请输入参考范围", trigger: "blur" }, |
||||
|
], |
||||
|
lowerDiagnosisId: [ |
||||
|
{ required: true, message: "请选择偏低诊断", trigger: "blur" }, |
||||
|
], |
||||
|
upperDiagnosisId: [ |
||||
|
{ required: true, message: "请选择偏高诊断", trigger: "blur" }, |
||||
|
], |
||||
|
}, |
||||
|
pages: { |
||||
|
SkipCount: 0, |
||||
|
MaxResultCount: 100, |
||||
|
// Sorting: "displayOrder desc", |
||||
|
}, |
||||
|
dialogVisible: false, |
||||
|
form: { |
||||
|
itemId: "", |
||||
|
sexHormoneTermId: "", |
||||
|
ageLowerLimit: 0, |
||||
|
ageUpperLimit: 200, |
||||
|
referenceRangeValue: "", |
||||
|
criticalRangeValue: "", |
||||
|
followUpRangeValue: "", |
||||
|
lowerDiagnosisId: "", |
||||
|
upperDiagnosisId: "", |
||||
|
referenceRangeTypeFlag: "1", |
||||
|
}, |
||||
|
sexHormoneTerm: [], |
||||
|
id: "", //新增/编辑 或删除的记录 id |
||||
|
forSexId: [], //性别 |
||||
|
diagnosis: [], //偏低诊断 |
||||
|
diagnosies: [],//偏高诊断 |
||||
|
tableData: [], |
||||
|
curRowes: {}, |
||||
|
diagnosisId: "" |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
//性激素期 |
||||
|
getapi("/api/app/sex-hormone-term/in-filter").then((res) => { |
||||
|
if (res.code == 1) { |
||||
|
this.sexHormoneTerm = res.data; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
//诊断 |
||||
|
postapi("/api/app/Diagnosis/GetSimpleList").then((res) => { |
||||
|
this.diagnosis = res.data; |
||||
|
this.diagnosies = res.data |
||||
|
this.diagnosisId = res.data |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
this.addtoedit(); |
||||
|
this.getlist(this.itemId); |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState(["itemSet", "window"]), |
||||
|
}, |
||||
|
methods: { |
||||
|
getlist(itemId) { |
||||
|
postapi('/api/app/SexHormoneReferenceRange/GetListByItemId', { itemId }) |
||||
|
.then(res => { |
||||
|
this.tableData = res.data; |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
remoteMethods(keyWords) { |
||||
|
if (keyWords) { |
||||
|
this.diagnosis = []; |
||||
|
this.diagnosisId.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.diagnosis.push(item); |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
this.quckeDitd = deepCopy(this.diagnosis); |
||||
|
} |
||||
|
}, |
||||
|
remoteMethodes(keyWords) { |
||||
|
if (keyWords) { |
||||
|
this.diagnosies = []; |
||||
|
this.diagnosisId.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.diagnosies.push(item); |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
this.quckeDitd = deepCopy(this.diagnosies); |
||||
|
} |
||||
|
}, |
||||
|
rowick(row) { |
||||
|
this.curRowes = row; |
||||
|
this.id = row.id; |
||||
|
// getapi(`/api/app/reference-range/${row.id}`).then((res) => { |
||||
|
// this.curRowes = res.data; |
||||
|
// this.id = res.data.id; |
||||
|
// }); |
||||
|
}, |
||||
|
quckEditdigoisce(e) { |
||||
|
if (!e) { |
||||
|
this.remoteMethods() |
||||
|
} |
||||
|
}, |
||||
|
quckEditdigoisces(e) { |
||||
|
if (!e) { |
||||
|
this.remoteMethodes() |
||||
|
} |
||||
|
}, |
||||
|
//ldddw(forSexId, 'id', scope.row.forSexId, 'displayName') |
||||
|
ldddw(arrayData, key, value, display) { |
||||
|
return dddw(arrayData, key, value, display); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
add() { |
||||
|
|
||||
|
this.id = ""; |
||||
|
this.dialogVisible = true; |
||||
|
if (this.$refs.form !== undefined) { |
||||
|
this.$refs.form.resetFields() |
||||
|
} |
||||
|
Object.assign(this.$data.form, this.$options.data().form) |
||||
|
this.form.itemId = this.itemId |
||||
|
}, |
||||
|
|
||||
|
//编辑弹框 |
||||
|
edit() { |
||||
|
if (!this.id) { |
||||
|
this.$message.warning({ showClose: true, message: "请先选中要编辑的记录" }); |
||||
|
return; |
||||
|
} |
||||
|
this.dialogVisible = true; |
||||
|
if (this.$refs.form !== undefined) { |
||||
|
this.$refs.form.resetFields() |
||||
|
} |
||||
|
this.form = { ...this.curRowes } |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
del() { |
||||
|
//console.log("删除操作"); |
||||
|
if (!this.id) { |
||||
|
this.$message.warning({ showClose: true, message: "请先选中要删除的记录" }); |
||||
|
return; |
||||
|
} |
||||
|
this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
cancelButtonClass: "difference", |
||||
|
confirmButtonClass: "commonbutton" |
||||
|
}) |
||||
|
.then(() => { |
||||
|
return postapi('/api/app/SexHormoneReferenceRange/Delete', { |
||||
|
sexHormoneReferenceRangeId: this.form.id |
||||
|
}); |
||||
|
}) |
||||
|
.then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
console.log("删除成功"); |
||||
|
this.getlist(this.itemId, this.ReferenceRangeTypeFlag); |
||||
|
this.id = ""; |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.$message.info({ showClose: true, message: "已取消删除" }); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
confirmationRequest() { |
||||
|
if (!this.id) { |
||||
|
postapi('/api/app/SexHormoneReferenceRange/Create', this.form) |
||||
|
.then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
console.log("新增成功"); |
||||
|
this.getlist(this.itemId); |
||||
|
this.id = this.curRowes.id; |
||||
|
this.dialogVisible = false |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
postapi(`/api/app/SexHormoneReferenceRange/Update`, Object.assign({ sexHormoneReferenceRangeId: this.form.id }, this.form)) |
||||
|
.then( |
||||
|
(res) => { |
||||
|
if (res.code != -1) { |
||||
|
console.log("修改成功"); |
||||
|
this.dialogVisible = false |
||||
|
this.getlist(this.itemId); |
||||
|
} |
||||
|
} |
||||
|
); |
||||
|
} |
||||
|
}, |
||||
|
//确定新增或者编辑 |
||||
|
onsbmint() { |
||||
|
this.$refs["form"].validate((v) => { |
||||
|
let that = this |
||||
|
if (v) { |
||||
|
that.confirmationRequest() |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
//监听事件 |
||||
|
watch: { |
||||
|
//itemId','ReferenceRangeTypeFlag' |
||||
|
itemId(newVal, oldVal) { |
||||
|
if (newVal != oldVal && newVal != "") { |
||||
|
this.getlist(this.itemId, this.ReferenceRangeTypeFlag); |
||||
|
} |
||||
|
}, |
||||
|
ReferenceRangeTypeFlag(newVal, oldVal) { |
||||
|
if (newVal != oldVal && newVal != "") { |
||||
|
this.getlist(this.itemId, this.ReferenceRangeTypeFlag); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
/* .box { |
||||
|
display: flex; |
||||
|
margin-top: 15px; |
||||
|
} */ |
||||
|
/* :deep .editButton .el-button{ |
||||
|
width: 100%; |
||||
|
} */ |
||||
|
/* :deep .el-form-item { |
||||
|
margin-bottom: 14px; |
||||
|
} */ |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue