|
|
@@ -0,0 +1,312 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-container>
|
|
|
+ <el-header>
|
|
|
+ <div class="left-panel">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ @click="add"
|
|
|
+ ></el-button>
|
|
|
+ </div>
|
|
|
+ <div class="right-panel">
|
|
|
+ <div class="right-panel-search">
|
|
|
+ <el-input
|
|
|
+ v-model="form.Keyword"
|
|
|
+ clearable
|
|
|
+ placeholder="输入员工姓名/工号搜索"
|
|
|
+ @keyup.enter="search"
|
|
|
+ ></el-input>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-search"
|
|
|
+ @click="search"
|
|
|
+ title="查询"
|
|
|
+ ></el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-header>
|
|
|
+ <el-main class="nopadding">
|
|
|
+ <scTable
|
|
|
+ ref="table"
|
|
|
+ :data="tableData"
|
|
|
+ row-key="code"
|
|
|
+ stripe
|
|
|
+ :tableTotal="total"
|
|
|
+ :pageSize="form.PageSize"
|
|
|
+ :pageIndex="form.PageIndex"
|
|
|
+ :currentPage="form.PageIndex"
|
|
|
+ :getTableData="(i) => pageChange(i)"
|
|
|
+ higlight-current-row
|
|
|
+ hideDo="true"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ label="序号"
|
|
|
+ prop="id"
|
|
|
+ width="50"
|
|
|
+ align="center"
|
|
|
+ type="index"
|
|
|
+ :index="getIndex"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="员工工号"
|
|
|
+ prop="facturyCode"
|
|
|
+ align="center"
|
|
|
+ width="150"
|
|
|
+ >
|
|
|
+ <template v-slot="{ row }">
|
|
|
+ <div class="ellipsis">
|
|
|
+ {{ this.$common.desensitizeChineseName(row.facturyCode) }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="员工姓名" prop="facturyName" align="center">
|
|
|
+ <template v-slot="{ row }">
|
|
|
+ <div class="ellipsis">
|
|
|
+ <el-tooltip
|
|
|
+ :content="
|
|
|
+ this.$common.desensitizeChineseName(row.facturyName)
|
|
|
+ "
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ {{ this.$common.desensitizeChineseName(row.facturyName) }}
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="创建时间"
|
|
|
+ prop="createTimeText"
|
|
|
+ width="180"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="200" align="center">
|
|
|
+ <template #default="props">
|
|
|
+ <div>
|
|
|
+ <el-button
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="edit(props.row)"
|
|
|
+ >
|
|
|
+ 编辑
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="remove(props.row)"
|
|
|
+ >
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </scTable>
|
|
|
+ </el-main>
|
|
|
+ </el-container>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ :title="detail.code ? '编辑员工信息' : '添加新员工'"
|
|
|
+ v-model="dialog.editVisible"
|
|
|
+ :width="800"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ inline
|
|
|
+ ref="refForm"
|
|
|
+ :model="detail"
|
|
|
+ :rules="rules"
|
|
|
+ class="demo-form-inline"
|
|
|
+ label-position="right"
|
|
|
+ label-width="150px"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <el-form-item label="医院编码" prop="facturyCode">
|
|
|
+ <el-input
|
|
|
+ autocomplete="off"
|
|
|
+ v-model="detail.facturyCode"
|
|
|
+ placeholder="请输入"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col>
|
|
|
+ <el-form-item label="医院名称" prop="facturyName">
|
|
|
+ <el-input
|
|
|
+ autocomplete="off"
|
|
|
+ v-model="detail.facturyName"
|
|
|
+ placeholder="请输入"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <template #footer>
|
|
|
+ <el-button @click="dialog.editVisible = false"> 取消 </el-button>
|
|
|
+ <el-button type="primary" @click="submit"> 保存 </el-button>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import common from "@/utils/common";
|
|
|
+import moment from "moment";
|
|
|
+import store from "@/store";
|
|
|
+export default {
|
|
|
+ components: {},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableData: [],
|
|
|
+ total: 0,
|
|
|
+ form: {
|
|
|
+ FacturyOrgCode: "",
|
|
|
+ Keyword: "",
|
|
|
+ PageIndex: 1,
|
|
|
+ PageSize: 10,
|
|
|
+ },
|
|
|
+ dialog: {
|
|
|
+ editVisible: false,
|
|
|
+ },
|
|
|
+ detail: {},
|
|
|
+ rules: {
|
|
|
+ facturyCode: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请填写医院编码",
|
|
|
+ trigger: "blur",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ facturyName: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请填写医院名称",
|
|
|
+ trigger: "blur",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ open(orgCode) {
|
|
|
+ this.form.Keyword = "";
|
|
|
+ this.form.FacturyOrgCode = orgCode;
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
+ async search() {
|
|
|
+ this.form.PageIndex = 1;
|
|
|
+ await this.getList();
|
|
|
+ },
|
|
|
+ async getList() {
|
|
|
+ this.form.Token = store.state.userInfo.token;
|
|
|
+ var paged = await this.$rpc.facturyUser.getFacturyUserByPageAsync(
|
|
|
+ this.form
|
|
|
+ );
|
|
|
+ this.total = paged.dataCount;
|
|
|
+ var tableData = paged.pageData;
|
|
|
+ tableData.forEach((d) => {
|
|
|
+ var createTimeText = moment(d.createTime).format("YYYY-MM-DD HH:mm:ss");
|
|
|
+ d.createTimeText =
|
|
|
+ createTimeText.indexOf("20") == 0 ? createTimeText : "";
|
|
|
+ });
|
|
|
+ this.tableData = tableData;
|
|
|
+ },
|
|
|
+ async pageChange(i) {
|
|
|
+ this.form.PageIndex = i || 1;
|
|
|
+ await this.getList();
|
|
|
+ },
|
|
|
+ getIndex(index) {
|
|
|
+ return this.form.PageSize * (this.form.PageIndex - 1) + index + 1;
|
|
|
+ },
|
|
|
+ async add() {
|
|
|
+ this.detail = {};
|
|
|
+ this.dialog.editVisible = true;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.detail = {};
|
|
|
+ this.$refs.refForm.resetFields();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async edit(row) {
|
|
|
+ this.detail = {};
|
|
|
+ this.dialog.editVisible = true;
|
|
|
+ var res = await this.$rpc.facturyUser.getFacturyUserAsync({
|
|
|
+ Token: store.state.userInfo.token,
|
|
|
+ Code: row.code,
|
|
|
+ });
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.detail = res;
|
|
|
+ this.detail.facturyDataJson = JSON.stringify(this.detail.facturyData);
|
|
|
+ this.$refs.refForm.resetFields();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async submit() {
|
|
|
+ this.$refs.refForm.validate(async (valid) => {
|
|
|
+ if (valid) {
|
|
|
+ var req = {
|
|
|
+ FacturyType: 2,
|
|
|
+ Code: this.detail.code,
|
|
|
+ FatherCode: this.form.FacturyOrgCode,
|
|
|
+ FacturyCode: this.detail.facturyCode,
|
|
|
+ FacturyName: this.detail.facturyName,
|
|
|
+ FacturyData: JSON.parse(this.detail.facturyDataJson || "{}"),
|
|
|
+ };
|
|
|
+ req.Token = store.state.userInfo.token;
|
|
|
+ if (!req.Code) {
|
|
|
+ var res = await this.$rpc.facturyUser.createFacturyUserAsync(req);
|
|
|
+ if (res) {
|
|
|
+ this.$message.success("操作成功");
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ var res = await this.$rpc.facturyUser.updateFacturyUserAsync(req);
|
|
|
+ if (res) {
|
|
|
+ this.$message.success("操作成功");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.dialog.editVisible = false;
|
|
|
+ await this.getList();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async remove(row) {
|
|
|
+ this.$confirm(`确定删除${row.facturyName}吗？`, "提示", {
|
|
|
+ type: "warning",
|
|
|
+ confirmButtonText: "确 认",
|
|
|
+ cancelButtonText: "取 消",
|
|
|
+ confirmButtonClass: "el-button--danger",
|
|
|
+ })
|
|
|
+ .then(async () => {
|
|
|
+ var res = await this.$rpc.facturyUser.removeFacturyUserAsync({
|
|
|
+ Token: store.state.userInfo.token,
|
|
|
+ Code: row.code,
|
|
|
+ });
|
|
|
+ if (res) {
|
|
|
+ this.$message.success("操作成功");
|
|
|
+ this.search();
|
|
|
+ } else {
|
|
|
+ this.$message.warning("操作失败");
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ console.log("Unlock method exception");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+.preFormat {
|
|
|
+ white-space: pre-wrap;
|
|
|
+ min-height: 117px;
|
|
|
+ height: 537px;
|
|
|
+ overflow-y: scroll;
|
|
|
+
|
|
|
+ word-wrap: break-word;
|
|
|
+ border: 1px solid #e6e6e6;
|
|
|
+ padding: 5px 15px;
|
|
|
+ line-height: 22px;
|
|
|
+ overflow-x: auto;
|
|
|
+}
|
|
|
+</style>
|
