mch
3 years ago
10 changed files with 1990 additions and 90 deletions
-
4src/api/api.js
-
26src/components/compTable.vue
-
72src/components/publicjs/public.js
-
12src/router/index.js
-
164src/views/Home.vue
-
152src/views/basic-dictionary/MedicalConclusion.vue
-
421src/views/fee-settings/ItemResultMatch.vue
-
428src/views/fee-settings/ItemResultTemplate.vue
-
383src/views/fee-settings/ItemTemplate.vue
-
414src/views/fee-settings/MedicalPackage.vue
@ -0,0 +1,72 @@ |
|||
import Sortable from "sortablejs"; |
|||
import { putapi } from "@/api/api"; |
|||
//拖拽组件初始化
|
|||
function rowDrop(aa, tableData, isshow, cb) { |
|||
const tbody = document.querySelector(aa);//".el-table__body-wrapper tbody"
|
|||
console.log('tableDatatableData', tableData, isshow, this) |
|||
Sortable.create(tbody, { |
|||
handle: ".move", |
|||
animation: 300, |
|||
onEnd({ newIndex, oldIndex }) { |
|||
cb() |
|||
const currRow = tableData.splice(oldIndex, 1)[0]; |
|||
tableData.splice(newIndex, 0, currRow); |
|||
tableData.map((item, index) => { |
|||
if (index == newIndex && index == oldIndex) { |
|||
// console.log(item, "新数据");
|
|||
} else if (index == oldIndex) { |
|||
} else if (index == newIndex) { |
|||
} |
|||
}); |
|||
console.log(tableData); |
|||
console.log(tableData.map((item) => item.displayOrder)); |
|||
}, |
|||
}); |
|||
} |
|||
|
|||
//拖拽排序确定方法
|
|||
//确定拖拽
|
|||
// function aassertion() {
|
|||
// const result = [];
|
|||
// this.tableData.forEach((item, index) => {
|
|||
// // index 从0开始的， displayOrder从大到小排
|
|||
// console.log(item.id);
|
|||
// console.log(index);
|
|||
// // const currentDisplayOrder = this.tableData.length -1
|
|||
// const currentDisplayOrder = this.initTableData[index].displayOrder;
|
|||
// if (item.displayOrder != currentDisplayOrder) {
|
|||
// // 如果它的displayOrder和它当前所在的位置不同代表挪动过位置
|
|||
// result.push({ id: item.id, displayOrder: currentDisplayOrder });
|
|||
// }
|
|||
// });
|
|||
// conlusiondraganddrop({ itemList: result }).then((res) => {
|
|||
// this.$message.success("操作成功");
|
|||
// this.isshow = true;
|
|||
// this.getlist();
|
|||
// });
|
|||
// }
|
|||
function assertions(tableData, initTableData) { |
|||
const result = []; |
|||
tableData.forEach((item, index) => { |
|||
// index 从0开始的， displayOrder从大到小排
|
|||
console.log(item.id); |
|||
console.log(index); |
|||
// const currentDisplayOrder = this.tableData.length -1
|
|||
const currentDisplayOrder =initTableData[index].displayOrder; |
|||
if (item.displayOrder != currentDisplayOrder) { |
|||
// 如果它的displayOrder和它当前所在的位置不同代表挪动过位置
|
|||
result.push({ id: item.id, displayOrder: currentDisplayOrder }); |
|||
} |
|||
console.log('currentDisplayOrder',currentDisplayOrder); |
|||
console.log('item',item); |
|||
}); |
|||
// putapi(url, { itemList: result }).then((res) => {
|
|||
// this.$message.success("操作成功");
|
|||
// this.isshow = true;
|
|||
// this.getlist();
|
|||
// });
|
|||
} |
|||
export { |
|||
rowDrop, |
|||
assertions |
|||
} |
|||
@ -0,0 +1,421 @@ |
|||
<template> |
|||
<div class="box"> |
|||
<div style="width: 150%"> |
|||
<el-card> |
|||
<el-table |
|||
:data="tableData" |
|||
style="width: 100%" |
|||
row-key="id" |
|||
class="el-table__body-wrapper tbody" |
|||
@row-click="rowclick" |
|||
highlight-current-row |
|||
> |
|||
<el-table-column prop="id" label="编号" width="300"> |
|||
</el-table-column> |
|||
<el-table-column prop="creatorName" label="创建者" width=""> |
|||
</el-table-column> |
|||
<el-table-column prop="creationTime" label="创建时间" width="200"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.creationTime | dateFormat }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierName" label="修改者" width=""> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="lastModificationTime" |
|||
label="修改时间" |
|||
width="200" |
|||
> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.lastModificationTime | dateFormat }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="result" label="结果" width=""> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width=""> |
|||
<template> |
|||
<el-tag |
|||
class="move" |
|||
style="cursor: move; margin-left: 15px" |
|||
draggable="true" |
|||
> |
|||
<i |
|||
class="el-icon-d-caret" |
|||
style="width: 1rem; height: 1rem" |
|||
></i> |
|||
</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- <comp-table |
|||
:tableData="tableData" |
|||
:tableHeader="tableHeader" |
|||
@clickevents="rowclick" |
|||
ref="singleTable" |
|||
> |
|||
</comp-table> --> |
|||
</el-card> |
|||
<!-- 弹框 --> |
|||
<el-dialog |
|||
:title="title == 1 ? '新增' : '编辑'" |
|||
:visible.sync="dialogVisible" |
|||
width="75%" |
|||
> |
|||
<el-form ref="form" :model="form" label-width="80px" :rules="rules"> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="项目" prop="itemId"> |
|||
<el-select |
|||
filterable |
|||
v-model="form.itemId" |
|||
placeholder="请选择" |
|||
> |
|||
<el-option |
|||
v-for="item in itemId" |
|||
: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="result"> |
|||
<el-input v-model="form.result" style="width: 80%"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="诊断编号" prop="diagnosisId"> |
|||
<el-select |
|||
filterable |
|||
v-model="form.diagnosisId" |
|||
placeholder="请选择" |
|||
> |
|||
<el-option |
|||
v-for="item in diagnosisId" |
|||
: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">取 消</el-button> |
|||
<el-button type="primary" @click="onsbmit">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
<!-- 按钮区域 --> |
|||
<div style="margin-left: 10px; margin-top: 5%"> |
|||
<el-button type="primary" @click="add">新增</el-button> |
|||
<el-button |
|||
type="primary" |
|||
@click="editpopup" |
|||
style="margin-left: 0; margin-top: 10px" |
|||
>编辑</el-button |
|||
> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="danger" @click="delets">删除</el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="primary" @click="topping">置顶</el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="primary" @click="toppings">置底</el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="primary" :disabled="isshow" @click="assertion" |
|||
>排序</el-button |
|||
> |
|||
</div> |
|||
<div style="margin-top: 5px"> |
|||
<el-button type="primary" :disabled="isshow" @click="cancellation" |
|||
>取消</el-button |
|||
> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { rowDrop } from "@/components/publicjs/public"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import { getporjectlists } from "@/request/commonapi"; |
|||
import compTable from "@/components/compTable.vue"; |
|||
import Sortable from "sortablejs"; |
|||
export default { |
|||
components: { compTable }, |
|||
data() { |
|||
return { |
|||
isshow: true, |
|||
rules: { |
|||
itemId: [{ required: true, message: "请选择项目", trigger: "change" }], |
|||
result: [{ required: true, message: "请输入结果", trigger: "blur" }], |
|||
diagnosisId: [ |
|||
{ required: true, message: "请选择诊断编号", trigger: "change" }, |
|||
], |
|||
isNameIntoSummary: [ |
|||
{ required: true, message: "请选择小结名称", trigger: "change" }, |
|||
], |
|||
isResultIntoSummary: [ |
|||
{ required: true, message: "请选择进入小结", trigger: "change" }, |
|||
], |
|||
resultStatusId: [ |
|||
{ required: true, message: "请选择结果状态", trigger: "change" }, |
|||
], |
|||
simpleCode: [ |
|||
{ required: true, message: "请输入拼音简码", trigger: "change" }, |
|||
], |
|||
}, |
|||
form: { |
|||
itemId: "", |
|||
result: "", |
|||
diagnosisId: "", |
|||
// isNameIntoSummary: "", |
|||
// isResultIntoSummary: "", |
|||
// resultStatusId: "", |
|||
|
|||
// simpleCode: "", |
|||
}, |
|||
dialogVisible: false, |
|||
title: 1, |
|||
pages: { |
|||
SkipCount: 0, |
|||
MaxResultCount: 100, |
|||
Sorting: "displayOrder desc", |
|||
}, |
|||
itemId: [], //项目 |
|||
diagnosisId: [], //诊断 |
|||
resultStatusId: [], //结果状态 |
|||
isNameIntoSummary: [ |
|||
{ |
|||
value: "N", |
|||
label: "否", |
|||
}, |
|||
{ |
|||
value: "Y", |
|||
label: "是", |
|||
}, |
|||
], // 小结名称 |
|||
isResultIntoSummary: [ |
|||
{ |
|||
value: "N", |
|||
label: "否", |
|||
}, |
|||
{ |
|||
value: "Y", |
|||
label: "是", |
|||
}, |
|||
], //进入小结 |
|||
tableData: [], |
|||
initTableData: [], |
|||
tableHeader: [ |
|||
// 表头信息，可根据minWidth修改宽度 |
|||
{ prop: "id", label: "编号", minWidth: "150px" }, |
|||
{ prop: `creatorName`, label: "创建者" }, |
|||
{ prop: `creationTime`, label: "创建时间" }, |
|||
{ prop: `lastModifierName`, label: "修改者" }, |
|||
{ prop: `lastModificationTime`, label: "创建时间" }, |
|||
{ prop: "result", label: "结果" }, |
|||
// { prop: "simpleCode", label: "拼音简码" }, |
|||
], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getlist(); |
|||
}, |
|||
mounted() { |
|||
this.rowDrop() |
|||
}, |
|||
methods: { |
|||
//取消排序 |
|||
cancellation() { |
|||
this.$message.info("取消操作"); |
|||
this.isshow = true; |
|||
this.getlist(); |
|||
}, |
|||
//确定排序 |
|||
assertion() { |
|||
const result = []; |
|||
this.tableData.forEach((item, index) => { |
|||
// index 从0开始的， 你的displayOrder从大到小排 |
|||
console.log(item.id); |
|||
// const currentDisplayOrder = this.tableData.length -1 |
|||
const currentDisplayOrder = this.initTableData[index].displayOrder; |
|||
if (item.displayOrder != currentDisplayOrder) { |
|||
// 如果它的displayOrder和它当前所在的位置不同代表挪动过位置 |
|||
result.push({ id: item.id, displayOrder: currentDisplayOrder }); |
|||
} |
|||
}); |
|||
putapi("/api/app/itemresultmatch/updatesortmany", { itemList: result }).then( |
|||
(res) => { |
|||
this.$message.success("操作成功"); |
|||
this.isshow = true; |
|||
this.getlist(); |
|||
} |
|||
); |
|||
}, |
|||
//初始化 |
|||
rowDrop() { |
|||
this.$nextTick(() => { |
|||
const tbody = document.querySelector(".el-table__body-wrapper tbody"); |
|||
const _this = this; |
|||
Sortable.create(tbody, { |
|||
handle: ".move", |
|||
animation: 300, |
|||
|
|||
onEnd({ newIndex, oldIndex }) { |
|||
_this.isshow = false; |
|||
const currRow = _this.tableData.splice(oldIndex, 1)[0]; |
|||
_this.tableData.splice(newIndex, 0, currRow); |
|||
_this.tableData.map((item, index) => { |
|||
if (index == newIndex && index == oldIndex) { |
|||
// console.log(item, "新数据"); |
|||
} else if (index == oldIndex) { |
|||
} else if (index == newIndex) { |
|||
} |
|||
}); |
|||
console.log(_this.tableData.map((item) => item.displayOrder)); |
|||
}, |
|||
}); |
|||
}); |
|||
}, |
|||
toppings() { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请选择操作的数据"); |
|||
} else { |
|||
putapi( |
|||
`/api/app/itemresultmatch/updatemanysort?id=${ |
|||
this.form.id |
|||
}&SortType=${2}` |
|||
).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
this.getlist(); |
|||
}); |
|||
} |
|||
}, |
|||
topping() { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请选择操作的数据"); |
|||
} else { |
|||
putapi( |
|||
`/api/app/itemresultmatch/updatemanysort?id=${ |
|||
this.form.id |
|||
}&SortType=${1}` |
|||
).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
this.getlist(); |
|||
}); |
|||
} |
|||
}, |
|||
//删除 |
|||
delets(row) { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请选择删除的数据"); |
|||
} else { |
|||
this.$confirm("是否确认删除,是否继续?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
deletapi(`/api/app/item-result-match/${this.form.id}`).then( |
|||
(res) => { |
|||
this.$message.success("删除成功"); |
|||
this.getlist(); |
|||
} |
|||
); |
|||
}) |
|||
.catch(() => {}); |
|||
} |
|||
}, |
|||
//编辑弹框 |
|||
editpopup() { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请点击选择操作的数据"); |
|||
} else { |
|||
this.dialogVisible = true; |
|||
this.title = 2; |
|||
this.addtoedit(); |
|||
getapi(`/api/app/item-result-match/${this.form.id}`).then((res) => { |
|||
console.log(res); |
|||
}); |
|||
} |
|||
}, |
|||
//确定新增或者编辑 |
|||
onsbmit() { |
|||
this.$refs.form.validate((v) => { |
|||
if (v) { |
|||
if (this.title == 1) { |
|||
postapi("/api/app/item-result-match", this.form).then((res) => { |
|||
this.$message.success("新增成功"); |
|||
this.getlist(); |
|||
this.dialogVisible = false; |
|||
}); |
|||
} else if (this.title == 2) { |
|||
putapi( |
|||
`/api/app/item-result-match/${this.form.id}`, |
|||
this.form |
|||
).then((res) => { |
|||
this.$message.success("修改成功"); |
|||
this.getlist(); |
|||
this.dialogVisible = false; |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
rowclick(val) { |
|||
getapi(`/api/app/item-result-match/${val.id}`).then((res) => { |
|||
this.form = res.data; |
|||
console.log(res); |
|||
}); |
|||
}, |
|||
handleRowClick(Row) { |
|||
console.log(Row); |
|||
console.log("1"); |
|||
}, |
|||
// 新增或者编辑需要的类别 |
|||
addtoedit() { |
|||
//项目 |
|||
getporjectlists().then((res) => { |
|||
this.itemId = res.data.items; |
|||
}); |
|||
// 诊断 |
|||
postapi("/api/app/diagnosis/getlistinfilter").then((res) => { |
|||
this.diagnosisId = res.data.items; |
|||
}); |
|||
//结果状态 |
|||
getapi("/api/app/result-status").then((res) => { |
|||
this.resultStatusId = res.data.items; |
|||
}); |
|||
getapi("/api/app/diagnosis/getlistinfilter").then((res) => {}); |
|||
}, |
|||
//新增弹框 |
|||
add() { |
|||
this.addtoedit(); |
|||
this.dialogVisible = true; |
|||
this.title = 1; |
|||
this.form = {}; |
|||
}, |
|||
getlist() { |
|||
getapi("/api/app/item-result-match", this.pages).then((res) => { |
|||
console.log(res); |
|||
this.tableData = res.data.items; |
|||
this.initTableData = [...res.data.items]; |
|||
}); |
|||
let that = this; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.box { |
|||
display: flex; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,383 @@ |
|||
<template> |
|||
<div class="box"> |
|||
<div style="width: 95%"> |
|||
<el-card> |
|||
<el-table |
|||
:data="tableData" |
|||
style="width: 100%" |
|||
row-key="id" |
|||
class="el-table__body-wrapper tbody" |
|||
@row-click="rowclick" |
|||
highlight-current-row |
|||
> |
|||
<el-table-column prop="id" label="编号" width="300"> |
|||
</el-table-column> |
|||
<el-table-column prop="displayName" label="名称"> </el-table-column> |
|||
<el-table-column prop="creatorName" label="创建者" width="150"> |
|||
</el-table-column> |
|||
<el-table-column prop="creationTime" label="创建时间" width="200"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.creationTime | dateFormat }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierName" label="修改者" width=""> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="lastModificationTime" |
|||
label="修改时间" |
|||
width="200" |
|||
> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.lastModificationTime | dateFormat }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="result" label="结果" width=""> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width=""> |
|||
<template> |
|||
<el-tag |
|||
class="move" |
|||
style="cursor: move; margin-left: 15px" |
|||
draggable="true" |
|||
> |
|||
<i |
|||
class="el-icon-d-caret" |
|||
style="width: 1rem; height: 1rem" |
|||
></i> |
|||
</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- <comp-table |
|||
:tableData="tableData" |
|||
:tableHeader="tableHeader" |
|||
@clickevents="rowclick" |
|||
ref="singleTable" |
|||
> |
|||
</comp-table> --> |
|||
</el-card> |
|||
<!-- 弹框 --> |
|||
<el-dialog |
|||
:title="title == 1 ? '新增' : '编辑'" |
|||
:visible.sync="dialogVisible" |
|||
width="75%" |
|||
> |
|||
<el-form ref="form" :model="form" label-width="80px" :rules="rules"> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="名称" prop="displayName"> |
|||
<el-input |
|||
v-model="form.displayName" |
|||
style="width: 80%" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="dialogVisible = false">取 消</el-button> |
|||
<el-button type="primary" @click="onsbmit">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
<!-- 按钮区域 --> |
|||
<div style="margin-left: 10px; margin-top: 5%"> |
|||
<el-button type="primary" @click="add">新增</el-button> |
|||
<el-button |
|||
type="primary" |
|||
@click="editpopup" |
|||
style="margin-left: 0; margin-top: 10px" |
|||
>编辑</el-button |
|||
> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="danger" @click="delets">删除</el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="primary" @click="topping">置顶</el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="primary" @click="toppings">置底</el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="primary" :disabled="isshow" @click="assertion" |
|||
>排序</el-button |
|||
> |
|||
</div> |
|||
<div style="margin-top: 5px"> |
|||
<el-button type="primary" :disabled="isshow" @click="cancellation" |
|||
>取消</el-button |
|||
> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { rowDrop } from "@/components/publicjs/public"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import { getporjectlists } from "@/request/commonapi"; |
|||
import compTable from "@/components/compTable.vue"; |
|||
import Sortable from "sortablejs"; |
|||
export default { |
|||
components: { compTable }, |
|||
data() { |
|||
return { |
|||
isshow: true, |
|||
rules: { |
|||
itemId: [{ required: true, message: "请选择项目", trigger: "change" }], |
|||
displayName: [ |
|||
{ required: true, message: "请输入名称", trigger: "blur" }, |
|||
], |
|||
diagnosisId: [ |
|||
{ required: true, message: "请选择诊断编号", trigger: "change" }, |
|||
], |
|||
isNameIntoSummary: [ |
|||
{ required: true, message: "请选择小结名称", trigger: "change" }, |
|||
], |
|||
isResultIntoSummary: [ |
|||
{ required: true, message: "请选择进入小结", trigger: "change" }, |
|||
], |
|||
resultStatusId: [ |
|||
{ required: true, message: "请选择结果状态", trigger: "change" }, |
|||
], |
|||
simpleCode: [ |
|||
{ required: true, message: "请输入拼音简码", trigger: "change" }, |
|||
], |
|||
}, |
|||
form: { |
|||
displayName: "", |
|||
}, |
|||
dialogVisible: false, |
|||
title: 1, |
|||
pages: { |
|||
SkipCount: 0, |
|||
MaxResultCount: 100, |
|||
Sorting: "displayOrder desc", |
|||
}, |
|||
itemId: [], //项目 |
|||
diagnosisId: [], //诊断 |
|||
resultStatusId: [], //结果状态 |
|||
isNameIntoSummary: [ |
|||
{ |
|||
value: "N", |
|||
label: "否", |
|||
}, |
|||
{ |
|||
value: "Y", |
|||
label: "是", |
|||
}, |
|||
], // 小结名称 |
|||
isResultIntoSummary: [ |
|||
{ |
|||
value: "N", |
|||
label: "否", |
|||
}, |
|||
{ |
|||
value: "Y", |
|||
label: "是", |
|||
}, |
|||
], //进入小结 |
|||
tableData: [], |
|||
initTableData: [], |
|||
tableHeader: [ |
|||
// 表头信息，可根据minWidth修改宽度 |
|||
{ prop: "id", label: "编号", minWidth: "150px" }, |
|||
{ prop: `creatorName`, label: "创建者" }, |
|||
{ prop: `creationTime`, label: "创建时间" }, |
|||
{ prop: `lastModifierName`, label: "修改者" }, |
|||
{ prop: `lastModificationTime`, label: "创建时间" }, |
|||
{ prop: "result", label: "结果" }, |
|||
// { prop: "simpleCode", label: "拼音简码" }, |
|||
], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getlist(); |
|||
}, |
|||
mounted() { |
|||
this.rowDrop(); |
|||
}, |
|||
methods: { |
|||
//取消排序 |
|||
cancellation() { |
|||
this.$message.info("取消操作"); |
|||
this.isshow = true; |
|||
this.getlist(); |
|||
}, |
|||
//确定排序 |
|||
assertion() { |
|||
const result = []; |
|||
this.tableData.forEach((item, index) => { |
|||
// index 从0开始的， 你的displayOrder从大到小排 |
|||
console.log(item.id); |
|||
// const currentDisplayOrder = this.tableData.length -1 |
|||
const currentDisplayOrder = this.initTableData[index].displayOrder; |
|||
if (item.displayOrder != currentDisplayOrder) { |
|||
// 如果它的displayOrder和它当前所在的位置不同代表挪动过位置 |
|||
result.push({ id: item.id, displayOrder: currentDisplayOrder }); |
|||
} |
|||
}); |
|||
putapi("/api/app/itemtemplate/updatesortmany", { |
|||
itemList: result, |
|||
}).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
this.isshow = true; |
|||
this.getlist(); |
|||
}); |
|||
}, |
|||
//初始化 |
|||
rowDrop() { |
|||
this.$nextTick(() => { |
|||
const tbody = document.querySelector(".el-table__body-wrapper tbody"); |
|||
const _this = this; |
|||
Sortable.create(tbody, { |
|||
handle: ".move", |
|||
animation: 300, |
|||
|
|||
onEnd({ newIndex, oldIndex }) { |
|||
_this.isshow = false; |
|||
const currRow = _this.tableData.splice(oldIndex, 1)[0]; |
|||
_this.tableData.splice(newIndex, 0, currRow); |
|||
_this.tableData.map((item, index) => { |
|||
if (index == newIndex && index == oldIndex) { |
|||
// console.log(item, "新数据"); |
|||
} else if (index == oldIndex) { |
|||
} else if (index == newIndex) { |
|||
} |
|||
}); |
|||
console.log(_this.tableData.map((item) => item.displayOrder)); |
|||
}, |
|||
}); |
|||
}); |
|||
}, |
|||
toppings() { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请选择操作的数据"); |
|||
} else { |
|||
putapi( |
|||
`/api/app/itemtemplate/updatemanysort?id=${ |
|||
this.form.id |
|||
}&SortType=${2}` |
|||
).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
this.getlist(); |
|||
}); |
|||
} |
|||
}, |
|||
topping() { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请选择操作的数据"); |
|||
} else { |
|||
putapi( |
|||
`/api/app/itemtemplate/updatemanysort?id=${ |
|||
this.form.id |
|||
}&SortType=${1}` |
|||
).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
this.getlist(); |
|||
}); |
|||
} |
|||
}, |
|||
//删除 |
|||
delets(row) { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请选择删除的数据"); |
|||
} else { |
|||
this.$confirm("是否确认删除,是否继续?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
deletapi(`/api/app/item-template/${this.form.id}`).then((res) => { |
|||
this.$message.success("删除成功"); |
|||
this.getlist(); |
|||
}); |
|||
}) |
|||
.catch(() => {}); |
|||
} |
|||
}, |
|||
//编辑弹框 |
|||
editpopup() { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请点击选择操作的数据"); |
|||
} else { |
|||
this.dialogVisible = true; |
|||
this.title = 2; |
|||
// this.addtoedit(); |
|||
getapi(`/api/app/item-template/${this.form.id}`).then((res) => { |
|||
this.form = res.data; |
|||
console.log(res); |
|||
}); |
|||
} |
|||
}, |
|||
//确定新增或者编辑 |
|||
onsbmit() { |
|||
this.$refs.form.validate((v) => { |
|||
if (v) { |
|||
if (this.title == 1) { |
|||
postapi("/api/app/item-template/", this.form).then((res) => { |
|||
this.$message.success("新增成功"); |
|||
this.getlist(); |
|||
this.dialogVisible = false; |
|||
}); |
|||
} else if (this.title == 2) { |
|||
putapi(`/api/app/item-template/${this.form.id}`, this.form).then( |
|||
(res) => { |
|||
this.$message.success("修改成功"); |
|||
this.getlist(); |
|||
this.dialogVisible = false; |
|||
} |
|||
); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
rowclick(val) { |
|||
getapi(`/api/app/item-template/${val.id}`).then((res) => { |
|||
this.form = res.data; |
|||
console.log(res); |
|||
}); |
|||
}, |
|||
handleRowClick(Row) { |
|||
console.log(Row); |
|||
console.log("1"); |
|||
}, |
|||
// 新增或者编辑需要的类别 |
|||
addtoedit() { |
|||
//项目 |
|||
getporjectlists().then((res) => { |
|||
this.itemId = res.data.items; |
|||
}); |
|||
// 诊断 |
|||
postapi("/api/app/diagnosis/getlistinfilter").then((res) => { |
|||
this.diagnosisId = res.data.items; |
|||
}); |
|||
//结果状态 |
|||
getapi("/api/app/result-status").then((res) => { |
|||
this.resultStatusId = res.data.items; |
|||
}); |
|||
getapi("/api/app/diagnosis/getlistinfilter").then((res) => {}); |
|||
}, |
|||
//新增弹框 |
|||
add() { |
|||
// this.addtoedit(); |
|||
this.dialogVisible = true; |
|||
this.title = 1; |
|||
this.form = {}; |
|||
}, |
|||
getlist() { |
|||
getapi("/api/app/item-template/in-filter", this.pages).then((res) => { |
|||
console.log(res); |
|||
this.tableData = res.data.items; |
|||
this.initTableData = [...res.data.items]; |
|||
}); |
|||
let that = this; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.box { |
|||
display: flex; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,414 @@ |
|||
<template> |
|||
<div class="box"> |
|||
<div style="width: 95%"> |
|||
<el-card> |
|||
<el-table |
|||
:data="tableData" |
|||
style="width: 100%" |
|||
row-key="id" |
|||
class="el-table__body-wrapper tbody" |
|||
@row-click="rowclick" |
|||
highlight-current-row |
|||
> |
|||
<el-table-column prop="id" label="编号" width="300"> |
|||
</el-table-column> |
|||
<el-table-column prop="displayName" label="名称"> </el-table-column> |
|||
<el-table-column prop="creatorName" label="创建者" width="150"> |
|||
</el-table-column> |
|||
<el-table-column prop="creationTime" label="创建时间" width="200"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.creationTime | dateFormat }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierName" label="修改者" width=""> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="lastModificationTime" |
|||
label="修改时间" |
|||
width="200" |
|||
> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.lastModificationTime | dateFormat }} |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column label="操作" width=""> |
|||
<template> |
|||
<el-tag |
|||
class="move" |
|||
style="cursor: move; margin-left: 15px" |
|||
draggable="true" |
|||
> |
|||
<i |
|||
class="el-icon-d-caret" |
|||
style="width: 1rem; height: 1rem" |
|||
></i> |
|||
</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- <comp-table |
|||
:tableData="tableData" |
|||
:tableHeader="tableHeader" |
|||
@clickevents="rowclick" |
|||
ref="singleTable" |
|||
> |
|||
</comp-table> --> |
|||
</el-card> |
|||
<!-- 弹框 --> |
|||
<el-dialog |
|||
:title="title == 1 ? '新增' : '编辑'" |
|||
:visible.sync="dialogVisible" |
|||
width="75%" |
|||
> |
|||
<el-form ref="form" :model="form" label-width="80px" :rules="rules"> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="名称" prop="displayName"> |
|||
<el-input |
|||
v-model="form.displayName" |
|||
style="width: 80%" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="价格" prop="price"> |
|||
<el-input v-model="form.price" style="width: 80%"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="适用性别" prop="forSexId"> |
|||
<el-select v-model="form.forSexId" placeholder="请选择"> |
|||
<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="isActive"> |
|||
<el-select v-model="form.isActive" placeholder="请选择"> |
|||
<el-option |
|||
v-for="item in isActive" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="备注" prop="remark"> |
|||
<el-input v-model="form.remark" style="width: 80%"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="dialogVisible = false">取 消</el-button> |
|||
<el-button type="primary" @click="onsbmit">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
<!-- 按钮区域 --> |
|||
<div style="margin-left: 10px; margin-top: 5%"> |
|||
<el-button type="primary" @click="add">新增</el-button> |
|||
<el-button |
|||
type="primary" |
|||
@click="editpopup" |
|||
style="margin-left: 0; margin-top: 10px" |
|||
>编辑</el-button |
|||
> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="danger" @click="delets">删除</el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="primary" @click="topping">置顶</el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="primary" @click="toppings">置底</el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button type="primary" :disabled="isshow" @click="assertion" |
|||
>排序</el-button |
|||
> |
|||
</div> |
|||
<div style="margin-top: 5px"> |
|||
<el-button type="primary" :disabled="isshow" @click="cancellation" |
|||
>取消</el-button |
|||
> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { rowDrop } from "@/components/publicjs/public"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import { getporjectlists } from "@/request/commonapi"; |
|||
import compTable from "@/components/compTable.vue"; |
|||
import Sortable from "sortablejs"; |
|||
export default { |
|||
components: { compTable }, |
|||
data() { |
|||
return { |
|||
isshow: true, |
|||
rules: { |
|||
forSexId: [ |
|||
{ required: true, message: "请选择性别", trigger: "change" }, |
|||
], |
|||
isActive: [ |
|||
{ required: true, message: "请选择启用标志", trigger: "change" }, |
|||
], |
|||
displayName: [ |
|||
{ required: true, message: "请输入名称", trigger: "blur" }, |
|||
], |
|||
price: [{ required: true, message: "请输入价格", trigger: "blur" }], |
|||
remark: [{ required: true, message: "请输入备注", trigger: "blur" }], |
|||
}, |
|||
form: { |
|||
displayName: "", |
|||
price: "", |
|||
forSexId: "", |
|||
isActive: "", |
|||
remark: "", |
|||
}, |
|||
isActive: [ |
|||
{ |
|||
value: "N", |
|||
label: "否", |
|||
}, |
|||
{ |
|||
value: "Y", |
|||
label: "是", |
|||
}, |
|||
], //启用标志 |
|||
forSexId: [], |
|||
dialogVisible: false, |
|||
title: 1, |
|||
pages: { |
|||
SkipCount: 0, |
|||
MaxResultCount: 100, |
|||
Sorting: "displayOrder desc", |
|||
}, |
|||
|
|||
isNameIntoSummary: [ |
|||
{ |
|||
value: "N", |
|||
label: "否", |
|||
}, |
|||
{ |
|||
value: "Y", |
|||
label: "是", |
|||
}, |
|||
], // 小结名称 |
|||
isResultIntoSummary: [ |
|||
{ |
|||
value: "N", |
|||
label: "否", |
|||
}, |
|||
{ |
|||
value: "Y", |
|||
label: "是", |
|||
}, |
|||
], //进入小结 |
|||
tableData: [], |
|||
initTableData: [], |
|||
tableHeader: [ |
|||
// 表头信息，可根据minWidth修改宽度 |
|||
{ prop: "id", label: "编号", minWidth: "150px" }, |
|||
{ prop: `creatorName`, label: "创建者" }, |
|||
{ prop: `creationTime`, label: "创建时间" }, |
|||
{ prop: `lastModifierName`, label: "修改者" }, |
|||
{ prop: `lastModificationTime`, label: "创建时间" }, |
|||
{ prop: "result", label: "结果" }, |
|||
// { prop: "simpleCode", label: "拼音简码" }, |
|||
], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getlist(); |
|||
}, |
|||
mounted() { |
|||
this.rowDrop(); |
|||
}, |
|||
methods: { |
|||
//取消排序 |
|||
cancellation() { |
|||
this.$message.info("取消操作"); |
|||
this.isshow = true; |
|||
this.getlist(); |
|||
}, |
|||
//确定排序 |
|||
assertion() { |
|||
const result = []; |
|||
this.tableData.forEach((item, index) => { |
|||
// index 从0开始的， 你的displayOrder从大到小排 |
|||
console.log(item.id); |
|||
// const currentDisplayOrder = this.tableData.length -1 |
|||
const currentDisplayOrder = this.initTableData[index].displayOrder; |
|||
if (item.displayOrder != currentDisplayOrder) { |
|||
// 如果它的displayOrder和它当前所在的位置不同代表挪动过位置 |
|||
result.push({ id: item.id, displayOrder: currentDisplayOrder }); |
|||
} |
|||
}); |
|||
putapi("/api/app/medicalpackage/updatesortmany", { |
|||
itemList: result, |
|||
}).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
this.isshow = true; |
|||
this.getlist(); |
|||
}); |
|||
}, |
|||
//初始化 |
|||
rowDrop() { |
|||
this.$nextTick(() => { |
|||
const tbody = document.querySelector(".el-table__body-wrapper tbody"); |
|||
const _this = this; |
|||
Sortable.create(tbody, { |
|||
handle: ".move", |
|||
animation: 300, |
|||
|
|||
onEnd({ newIndex, oldIndex }) { |
|||
_this.isshow = false; |
|||
const currRow = _this.tableData.splice(oldIndex, 1)[0]; |
|||
_this.tableData.splice(newIndex, 0, currRow); |
|||
_this.tableData.map((item, index) => { |
|||
if (index == newIndex && index == oldIndex) { |
|||
// console.log(item, "新数据"); |
|||
} else if (index == oldIndex) { |
|||
} else if (index == newIndex) { |
|||
} |
|||
}); |
|||
console.log(_this.tableData.map((item) => item.displayOrder)); |
|||
}, |
|||
}); |
|||
}); |
|||
}, |
|||
toppings() { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请选择操作的数据"); |
|||
} else { |
|||
putapi( |
|||
`/api/app/medicalpackage/updatemanysort?id=${ |
|||
this.form.id |
|||
}&SortType=${2}` |
|||
).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
this.getlist(); |
|||
}); |
|||
} |
|||
}, |
|||
topping() { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请选择操作的数据"); |
|||
} else { |
|||
putapi( |
|||
`/api/app/medicalpackage/updatemanysort?id=${ |
|||
this.form.id |
|||
}&SortType=${1}` |
|||
).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
this.getlist(); |
|||
}); |
|||
} |
|||
}, |
|||
//删除 |
|||
delets(row) { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请选择删除的数据"); |
|||
} else { |
|||
this.$confirm("是否确认删除,是否继续?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
deletapi(`/api/app/medical-package/${this.form.id}`).then((res) => { |
|||
this.$message.success("删除成功"); |
|||
this.getlist(); |
|||
}); |
|||
}) |
|||
.catch(() => {}); |
|||
} |
|||
}, |
|||
//编辑弹框 |
|||
editpopup() { |
|||
if (this.form.id == undefined) { |
|||
this.$message.warning("请点击选择操作的数据"); |
|||
} else { |
|||
this.dialogVisible = true; |
|||
this.title = 2; |
|||
this.addtoedit(); |
|||
getapi(`/api/app/medical-package/${this.form.id}`).then((res) => { |
|||
this.form = res.data; |
|||
console.log(res); |
|||
}); |
|||
} |
|||
}, |
|||
//确定新增或者编辑 |
|||
onsbmit() { |
|||
this.$refs.form.validate((v) => { |
|||
if (v) { |
|||
if (this.title == 1) { |
|||
this.form.price=Number(this.form.price) |
|||
postapi("/api/app/item-template", this.form).then((res) => { |
|||
this.$message.success("新增成功"); |
|||
this.getlist(); |
|||
this.dialogVisible = false; |
|||
}); |
|||
} else if (this.title == 2) { |
|||
putapi(`/api/app/medical-package/${this.form.id}`, this.form).then( |
|||
(res) => { |
|||
this.$message.success("修改成功"); |
|||
this.getlist(); |
|||
this.dialogVisible = false; |
|||
} |
|||
); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
rowclick(val) { |
|||
getapi(`/api/app/medical-package/${val.id}`).then((res) => { |
|||
this.form = res.data; |
|||
console.log(res); |
|||
}); |
|||
}, |
|||
handleRowClick(Row) { |
|||
console.log(Row); |
|||
console.log("1"); |
|||
}, |
|||
// 新增或者编辑需要的类别 |
|||
addtoedit() { |
|||
getapi("/api/app/sex").then((res) => { |
|||
this.forSexId = res.data; |
|||
}); |
|||
}, |
|||
//新增弹框 |
|||
add() { |
|||
this.addtoedit(); |
|||
this.dialogVisible = true; |
|||
this.title = 1; |
|||
this.form = {}; |
|||
}, |
|||
getlist() { |
|||
getapi("/api/app/medical-package/in-filter", this.pages).then((res) => { |
|||
console.log(res); |
|||
this.tableData = res.data.items; |
|||
this.initTableData = [...res.data.items]; |
|||
}); |
|||
let that = this; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.box { |
|||
display: flex; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue