@liuqiongqiong/vue-pages 1.1.3 → 1.1.4

package/package.json

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

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

@@ -154,19 +154,19 @@
       </div>
     </el-dialog>
     <!-- 待申报结算查询抽屉 -->
-    <el-drawer title="待申报结算查询" :visible.sync="drawerVisible" direction="rtl" size="60%">
+    <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
+          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" />
@@ -192,6 +192,28 @@
       </div>
     </el-drawer>
 
+    <!-- 查询条件对话框 -->
+    <el-dialog title="查询条件" :visible.sync="queryDialogVisible" width="30%">
+      <el-form ref="queryForm" :model="queryForm" :rules="queryRules" label-width="140px">
+        <el-form-item label="结算月份" prop="setlMon">
+          <el-date-picker
+            v-model="queryForm.setlMon"
+            type="month"
+            placeholder="选择月份"
+            value-format="yyyy-MM"
+            style="width: 100%"
+          />
+        </el-form-item>
+        <el-form-item label="长期护理申报原因" prop="longtermDclaRea">
+          <el-input v-model="queryForm.longtermDclaRea" placeholder="请输入长期护理申报原因" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="queryDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="submitQuery">确定</el-button>
+      </div>
+    </el-dialog>
+
     <!-- 结算明细对话框 -->
     <el-dialog title="结算明细" :visible.sync="detailDialogVisible" width="60%" append-to-body>
       <el-table v-loading="detailLoading" :data="detailList" border style="width: 100%">
@@ -260,6 +282,15 @@ export default {
         instDrName: [{ required: true, message: "请输入安装医生姓名", trigger: "blur" }],
       },
       areaOptions: [],
+      queryDialogVisible: false,
+      queryForm: {
+        setlMon: "",
+        longtermDclaRea: ""
+      },
+      queryRules: {
+        setlMon: [{ required: true, message: "请选择结算月份", trigger: "change" }],
+        longtermDclaRea: [{ required: true, message: "请输入长期护理申报原因", trigger: "blur" }]
+      },
       // 抽屉相关数据
       drawerVisible: false,
       drawerLoading: false,
@@ -359,18 +390,22 @@ export default {
       });
     },
     handleQueryPending() {
-      this.$prompt('请输入长期护理申报原因', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        inputPattern: /\S/,
-        inputErrorMessage: '原因不能为空'
-      }).then(({ value }) => {
-        this.drawerQuery.longtermDclaRea = value;
-        this.drawerVisible = true;
-        this.drawerQuery.pageNo = 1;
-        this.getDrawerList();
-      }).catch(() => {
-        // 取消输入
+      this.queryForm = { setlMon: "", longtermDclaRea: "" };
+      this.queryDialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs.queryForm.clearValidate();
+      });
+    },
+    submitQuery() {
+      this.$refs.queryForm.validate((valid) => {
+        if (valid) {
+          this.drawerQuery.setlMon = this.queryForm.setlMon;
+          this.drawerQuery.longtermDclaRea = this.queryForm.longtermDclaRea;
+          this.queryDialogVisible = false;
+          this.drawerVisible = true;
+          this.drawerQuery.pageNo = 1;
+          this.getDrawerList();
+        }
       });
     },
     handleDrawerQuery() {