@liuqiongqiong/vue-pages 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@liuqiongqiong/vue-pages",
-    "version": "1.1.0",
+    "version": "1.1.2",
     "type": "module",
     "description": "长护险管理系统业务页面组件库 - 包含结算管理、客户管理、护理管理等完整业务模块",
     "main": "dist/index.js",

package/src/index.js

@@ -1,4 +1,10 @@
 // ==================== 导入业务页面组件 ====================
+
+// 仿身假肢模块
+import CustomerManagementIndex from "./pages/bionicProstheticLimb/CustomerManagement/index.vue";
+import RealTimeSettlementIndex from "./pages/bionicProstheticLimb/RealTimeSettlement/index.vue";
+import reconciliationIndex from "./pages/bionicProstheticLimb/reconciliation/index.vue";
+
 // 结算管理模块
 import SettlementIndex from "./pages/SettlementManagement/settlement/index.vue";
 import PreSettlementIndex from "./pages/SettlementManagement/PreSettlement/index.vue";
@@ -34,6 +40,11 @@ import * as utils from "./utils";
 
 // ==================== 业务页面组件列表 ====================
 const pages = {
+  // 仿身 prosthesis
+  CustomerManagementIndex,
+  RealTimeSettlementIndex,
+  reconciliationIndex,
+
   // 结算管理
   SettlementIndex,
   PreSettlementIndex,
@@ -92,6 +103,11 @@ export default {
 
 // ==================== 导出所有模块 ====================
 export {
+  // 仿身 prosthesis
+  CustomerManagementIndex,
+  RealTimeSettlementIndex,
+  reconciliationIndex,
+
   // 通用组件
   Pagination,
   PreviewFile,
@@ -111,7 +127,7 @@ export {
 
   // 护理员页面
   NurseIndex,
-  //资质人员
+  // 资质人员
   newPersonenlIndex,
   // 机构页面
   InstitutionIndex,
@@ -121,5 +137,5 @@ export {
   SysRoleIndex,
 
   // 工具函数
-  utils,
-};
+  utils
+}

package/src/pages/bionicProstheticLimb/RealTimeSettlement/index.vue

@@ -0,0 +1,499 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form ref="listQuery" :inline="true" :model="listQuery" class="demo-form-inline">
+        <el-form-item label="人员姓名" prop="name">
+          <el-input v-model="listQuery.name" size="small" placeholder="请输入人员姓名" clearable />
+        </el-form-item>
+        <el-form-item label="证件号码" prop="idcode">
+          <el-input v-model="listQuery.idcode" size="small" placeholder="请输入证件号码" clearable />
+        </el-form-item>
+        <el-form-item>
+          <el-button size="small" type="primary" icon="el-icon-search" @click="handleFilter">查询</el-button>
+          <el-button size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+          <el-button type="success" size="small" icon="el-icon-plus" @click="handleAdd">新增待申报记录</el-button>
+          <el-button type="warning" size="small" icon="el-icon-search" @click="handleQueryPending">待申报结算查询</el-button>
+        </el-form-item>
+      </el-form>
+
+    </div>
+
+    <el-table v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="机构名称" prop="unitName" align="center" show-overflow-tooltip min-width="120" />
+      <el-table-column label="证件类型" prop="idcodeType" align="center" show-overflow-tooltip min-width="100">
+        <template slot-scope="{ row }">
+          <span>{{ row.idcodeType === '01' ? '居民身份证' : row.idcodeType }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="人员编号" prop="no" align="center" show-overflow-tooltip min-width="100" />
+      <el-table-column label="人员姓名" prop="name" align="center" show-overflow-tooltip min-width="90" />
+      <el-table-column label="证件号码" prop="idcode" align="center" show-overflow-tooltip min-width="160" />
+      <el-table-column label="参保地区划" prop="insuAdmdvs" align="center" show-overflow-tooltip min-width="100" />
+      <el-table-column label="安装日期" prop="instDate" align="center" show-overflow-tooltip min-width="100" />
+      <el-table-column label="总金额" prop="totalPric" align="center" width="90"></el-table-column>
+      <el-table-column label="结算状态" prop="status" align="center" width="90">
+        <template slot-scope="{ row }">
+          <el-tag :type="row.status === '1' ? 'success' : 'info'">{{ row.status === '1' ? '已结算' : '未结算' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="结算时间" prop="setlTime" align="center" show-overflow-tooltip min-width="140" />
+      <el-table-column label="操作" align="center" width="280" fixed="right">
+        <template slot-scope="{ row }">
+          <div v-if="row.status !== '1'">
+            <el-button size="mini" type="primary" @click="handleEdit(row)">编辑</el-button>
+            <el-button size="mini" type="danger" @click="handleDelete(row)">删除</el-button>
+            <el-button size="mini" type="warning" @click="handleSettle(row)">结算</el-button>
+            <el-button size="mini" type="primary" @click="handleDetail(row)">详情</el-button>
+          </div>
+          <div v-else>
+            <el-button size="mini" type="primary" @click="handleDetail(row)">详情</el-button>
+            <el-button size="mini" type="danger" @click="handleRevoke(row)">撤销</el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="listQuery.pageNo" :limit.sync="listQuery.size"
+      @pagination="getList" />
+
+    <!-- 添加/编辑/详情对话框 -->
+    <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="60%">
+      <el-form ref="dataForm" :model="temp" :rules="rules" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="身份证号码" prop="idcode">
+              <el-input v-if="!isReadOnly" v-model="temp.idcode" placeholder="请输入身份证号码" />
+              <span v-else>{{ temp.idcode }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="人员姓名" prop="name">
+              <el-input v-if="!isReadOnly" v-model="temp.name" placeholder="请输入人员姓名" />
+              <span v-else>{{ temp.name }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="人员编码" prop="no">
+              <el-input v-if="!isReadOnly" v-model="temp.no" placeholder="请输入人员编码" />
+              <span v-else>{{ temp.no }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item label="参保地区划" prop="insuAdmdvs">
+              <div v-if="isReadOnly">浙江省 温州市 {{ getAreaName(temp.insuAdmdvs) }}</div>
+              <div v-else>
+                <el-input value="浙江省" disabled style="width: 120px; margin-right: 10px;" />
+                <el-input value="温州市" disabled style="width: 120px; margin-right: 10px;" />
+                <el-select v-model="temp.insuAdmdvs" placeholder="请选择区县" style="width: 200px">
+                  <el-option v-for="item in areaOptions" :key="item.code" :label="item.name" :value="item.code" />
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="安装日期" prop="instDate">
+              <el-date-picker v-if="!isReadOnly" v-model="temp.instDate" type="datetime" placeholder="选择安装日期"
+                value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%" />
+              <span v-else>{{ temp.instDate }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="安装医生工号">
+              <el-input v-if="!isReadOnly" v-model="temp.instDrCodg" placeholder="请输入安装医生工号" />
+              <span v-else>{{ temp.instDrCodg }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="医生姓名">
+              <el-input v-if="!isReadOnly" v-model="temp.instDrName" placeholder="请输入医生姓名" />
+              <span v-else>{{ temp.instDrName }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item label="费用明细" prop="feeList">
+              <el-button v-if="!isReadOnly" type="primary" size="mini" icon="el-icon-plus" @click="addFeeItem"
+                style="margin-bottom: 10px;">添加费用</el-button>
+              <el-table :data="temp.feeList" border style="width: 100%">
+                <el-table-column label="项目单价">
+                  <template slot-scope="{ row }">
+                    <el-input-number v-if="!isReadOnly" v-model="row.pric" :min="0" :precision="2" size="small"
+                      style="width: 100%" />
+                    <span v-else>{{ row.pric }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column label="项目数量">
+                  <template slot-scope="{ row }">
+                    <el-input-number v-if="!isReadOnly" v-model="row.cnt" :min="1" :precision="0" size="small"
+                      style="width: 100%" />
+                    <span v-else>{{ row.cnt }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作" width="100" v-if="!isReadOnly">
+                  <template slot-scope="{ row, $index }">
+                    <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="removeFeeItem($index)" />
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">{{ isReadOnly ? '关闭' : '取消' }}</el-button>
+        <el-button v-if="!isReadOnly" type="primary" @click="submitData">确定</el-button>
+      </div>
+    </el-dialog>
+    <!-- 待申报结算查询抽屉 -->
+    <el-drawer title="待申报结算查询" :visible.sync="drawerVisible" direction="rtl" size="60%">
+      <div style="padding: 20px;">
+        <el-form :inline="true" :model="drawerQuery">
+          <el-form-item label="结算月份">
+            <el-date-picker v-model="drawerQuery.setlMon" type="month" placeholder="选择月份" value-format="yyyy-MM"
+              size="small" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" size="small" @click="handleDrawerQuery">查询</el-button>
+          </el-form-item>
+        </el-form>
+
+        <el-table v-loading="drawerLoading" :data="drawerList" border style="width: 100%">
+          <el-table-column label="长护辅助器具结算ID" prop="longtermAidsSetlId" align="center" show-overflow-tooltip
+            min-width="160" />
+          <el-table-column label="护理机构ID" prop="nurscareOrgNo" align="center" show-overflow-tooltip min-width="120" />
+          <el-table-column label="护理机构名称" prop="nursCareOrgName" align="center" show-overflow-tooltip min-width="150" />
+          <el-table-column label="人员姓名" prop="psnName" align="center" show-overflow-tooltip min-width="100" />
+          <el-table-column label="人员编码" prop="psnNo" align="center" show-overflow-tooltip min-width="120" />
+          <el-table-column label="证件号码" prop="certno" align="center" show-overflow-tooltip min-width="160" />
+          <el-table-column label="安装日期" prop="instDate" align="center" show-overflow-tooltip min-width="120" />
+          <el-table-column label="安装医生工号" prop="instDrCodg" align="center" show-overflow-tooltip min-width="120" />
+          <el-table-column label="安装医生姓名" prop="instDrName" align="center" show-overflow-tooltip min-width="120" />
+          <el-table-column label="费用总额" prop="feeSumamt" align="center" show-overflow-tooltip min-width="100" />
+          <el-table-column label="基金支付" prop="fundPay" align="center" show-overflow-tooltip min-width="100" />
+          <el-table-column label="待遇类型ID" prop="mdtrtId" align="center" show-overflow-tooltip min-width="120" />
+          <el-table-column label="操作" align="center" width="120" fixed="right">
+            <template slot-scope="{ row }">
+              <el-button size="mini" type="primary" @click="handleViewDetail(row)">查看明细</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <pagination v-show="drawerTotal > 0" :total="drawerTotal" :page.sync="drawerQuery.pageNo"
+          :limit.sync="drawerQuery.size" @pagination="getDrawerList" />
+      </div>
+    </el-drawer>
+
+    <!-- 结算明细对话框 -->
+    <el-dialog title="结算明细" :visible.sync="detailDialogVisible" width="60%" append-to-body>
+      <el-table v-loading="detailLoading" :data="detailList" border style="width: 100%">
+        <el-table-column label="医院费用明细id" prop="feeId" align="center" show-overflow-tooltip />
+        <el-table-column label="项目编码" prop="chrgitemCode" align="center" show-overflow-tooltip />
+        <el-table-column label="项目名称" prop="chrgitemName" align="center" show-overflow-tooltip />
+        <el-table-column label="项目数量" prop="cnt" align="center" />
+        <el-table-column label="项目单价" prop="pric" align="center" />
+      </el-table>
+      <pagination v-show="detailTotal > 0" :total="detailTotal" :page.sync="detailQuery.pageNo"
+        :limit.sync="detailQuery.size" @pagination="getDetailList" />
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailDialogVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import Pagination from "@/components/Pagination";
+import {
+  ProsthesisSettlementPage,
+  ProsthesisSettlementSave,
+  ProsthesisSettlementDetail,
+  ProsthesisSettlementDeclare,
+  ProsthesisSettlementRevoke,
+  queryNoSettlement
+} from "@/api/ProsthesisSettlement";
+import pcaData from "@/utils/pca222.json";
+
+export default {
+  name: "RealTimeSettlement",
+  components: { Pagination },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      listLoading: false,
+      listQuery: {
+        pageNo: 1,
+        size: 10,
+        name: "",
+        idcode: ""
+      },
+      multipleSelection: [],
+      dialogVisible: false,
+      dialogTitle: "",
+      isReadOnly: false,
+      temp: {
+        idcode: "",
+        name: "",
+        no: "",
+        insuAdmdvs: "",
+        feeList: [],
+        instDate: "",
+        instDrCodg: ""
+      },
+      rules: {
+        idType: [{ required: true, message: "请选择证件类型", trigger: "change" }],
+        idcode: [{ required: true, message: "请输入证件号码", trigger: "blur" }],
+        name: [{ required: true, message: "请输入人员姓名", trigger: "blur" }],
+        no: [{ required: true, message: "请输入人员编码", trigger: "blur" }],
+        insuAdmdvs: [{ required: true, message: "请选择参保地区划", trigger: "change" }],
+        instDate: [{ required: true, message: "请选择安装日期", trigger: "change" }],
+        instDrCodg: [{ required: true, message: "请输入安装医生工号", trigger: "blur" }],
+        instDrName: [{ required: true, message: "请输入安装医生姓名", trigger: "blur" }],
+      },
+      areaOptions: [],
+      // 抽屉相关数据
+      drawerVisible: false,
+      drawerLoading: false,
+      drawerList: [],
+      drawerTotal: 0,
+      drawerQuery: {
+        pageNo: 1,
+        size: 10,
+        setlMon: ""
+      },
+      // 明细弹窗相关数据
+      detailDialogVisible: false,
+      detailLoading: false,
+      detailList: [],
+      detailTotal: 0,
+      detailQuery: {
+        longtermAidsSetlId: "",
+        pageNo: 1,
+        size: 20
+      }
+    };
+  },
+  created() {
+    this.initAreaOptions();
+    this.getList();
+  },
+  methods: {
+    initAreaOptions() {
+      // 找到浙江省(33) -> 温州市(3303)
+      const zhejiang = pcaData.find(item => item.code === '33');
+      if (zhejiang && zhejiang.children) {
+        const wenzhou = zhejiang.children.find(item => item.code === '3303');
+        if (wenzhou && wenzhou.children) {
+          this.areaOptions = wenzhou.children;
+        }
+      }
+    },
+    getAreaName(code) {
+      if (!code) return '';
+      const area = this.areaOptions.find(item => item.code === code);
+      return area ? area.name : code;
+    },
+    getList() {
+      this.listLoading = true;
+      ProsthesisSettlementPage(this.listQuery).then(response => {
+        console.log(response)
+        this.list = response.result.data;
+        this.total = response.result.count;
+        this.listLoading = false;
+      }).catch(() => {
+        this.listLoading = false;
+      });
+    },
+    handleFilter() {
+      this.listQuery.pageNo = 1;
+      this.getList();
+    },
+    resetQuery() {
+      this.$refs.listQuery.resetFields();
+      this.handleFilter();
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+    handleAdd() {
+      this.temp = { name: "", feeList: [] };
+      this.dialogTitle = "添加";
+      this.isReadOnly = false;
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs.dataForm.clearValidate();
+      });
+    },
+    addFeeItem() {
+      this.temp.feeList.push({
+        feeType: "",
+        pric: 0,
+        cnt: 1
+      });
+    },
+    removeFeeItem(index) {
+      this.temp.feeList.splice(index, 1);
+    },
+    handleBatchDelete() {
+      if (this.multipleSelection.length === 0) {
+        this.$message.warning("请选择要删除的数据");
+        return;
+      }
+      this.$confirm("确认删除选中的数据吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$message.success("删除成功");
+        this.getList();
+      });
+    },
+    handleQueryPending() {
+      this.drawerVisible = true;
+      this.drawerQuery.pageNo = 1;
+      this.getDrawerList();
+    },
+    handleDrawerQuery() {
+      this.drawerQuery.pageNo = 1;
+      this.getDrawerList();
+    },
+    getDrawerList() {
+      this.drawerLoading = true;
+      const params = {
+        longtermDclaRea: "",
+        setlMon: this.drawerQuery.setlMon,
+        pageNum: this.drawerQuery.pageNo,
+        pageSize: this.drawerQuery.size
+      };
+      queryNoSettlement(params).then(response => {
+        console.log(response)
+        this.drawerList = response.result.data;
+        this.drawerTotal = response.result.count;
+        this.drawerLoading = false;
+      }).catch(() => {
+        this.drawerLoading = false;
+      });
+    },
+    handleViewDetail(row) {
+      this.detailQuery.longtermAidsSetlId = row.longtermAidsSetlId;
+      this.detailQuery.pageNo = 1;
+      this.detailQuery.size = 20;
+      this.detailDialogVisible = true;
+      this.getDetailList();
+    },
+    getDetailList() {
+      this.detailLoading = true;
+      const params = {
+        longtermDclaRea: "",
+        longtermAidsSetlId: this.detailQuery.longtermAidsSetlId,
+        pageNum: this.detailQuery.pageNo,
+        pageSize: this.detailQuery.size
+      };
+      queryNoSettlement(params).then(response => {
+        console.log(response)
+        // 假设返回的数据直接是列表，或者是包含列表的对象
+        // 根据通常习惯，如果是分页查询，可能是 response.data.list
+        // 如果是详情，可能是 response.data.feeList
+        // 这里暂时假设 response.data 就是列表
+        this.detailList = Array.isArray(response.result) ? response.result : (response.result.data || []);
+        this.detailTotal = response.result.total || (this.detailList.length);
+        this.detailLoading = false;
+      }).catch(() => {
+        this.detailLoading = false;
+      });
+    },
+    handleEdit(row) {
+      this.temp = Object.assign({}, row); // 先赋值 row，避免弹窗空白
+      this.dialogTitle = "编辑";
+      this.isReadOnly = false;
+      this.dialogVisible = true;
+      ProsthesisSettlementDetail(row.id).then(response => {
+        if (response.result) {
+          this.temp = Object.assign({}, response.result);
+          // 确保 feeList 是数组，如果没有返回则为空数组
+          if (!this.temp.feeList) {
+            this.$set(this.temp, 'feeList', []);
+          }
+        }
+      });
+      this.$nextTick(() => {
+        this.$refs.dataForm.clearValidate();
+      });
+    },
+    handleDelete(row) {
+      this.$confirm("确认删除该条数据吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$message.success("删除成功");
+        this.getList();
+      });
+    },
+    handleSettle(row) {
+      this.$confirm("确认结算吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        ProsthesisSettlementDeclare(row.id).then(() => {
+          this.$message.success("结算成功");
+          this.getList();
+        });
+      });
+    },
+    handleRevoke(row) {
+      this.$prompt('请输入撤销原因', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+      }).then(({ value }) => {
+        ProsthesisSettlementRevoke({ id: row.id, reason: value }).then(() => {
+          this.$message.success("撤销成功");
+          this.getList();
+        });
+      });
+    },
+    handleDetail(row) {
+      this.temp = Object.assign({}, row);
+      this.dialogTitle = "详情";
+      this.isReadOnly = true;
+      this.dialogVisible = true;
+      ProsthesisSettlementDetail(row.id).then(response => {
+        if (response.result) {
+          this.temp = Object.assign({}, response.result);
+          if (!this.temp.feeList) {
+            this.$set(this.temp, 'feeList', []);
+          }
+        }
+      });
+      this.$nextTick(() => {
+        this.$refs.dataForm.clearValidate();
+      });
+    },
+    submitData() {
+      this.$refs.dataForm.validate((valid) => {
+        if (valid) {
+          ProsthesisSettlementSave(this.temp).then(() => {
+            this.$message.success(this.dialogTitle + "成功");
+            this.dialogVisible = false;
+            this.getList();
+          });
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style scoped>
+/* 如果有自定义样式可以在这里添加 */
+</style>