会计凭证选择组件新增搜索

src/components/VoucherSelect/single.vue

@@ -7,6 +7,66 @@
     width="80%"
     center
   >
+    <!-- 搜索工作栏 -->
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="98px"
+    >
+      <el-form-item label="凭证号" prop="voucherNum">
+        <el-input
+          v-model="queryParams.voucherNum"
+          placeholder="请输入凭证号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="凭证类型" prop="type">
+        <el-select
+          v-model="queryParams.type"
+          placeholder="请选择凭证类型"
+          clearable
+          size="small"
+        >
+          <el-option
+            v-for="item in typeOptions"
+            :key="item.id"
+            :value="item.value"
+            :label="item.label"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="凭证日期" prop="voucherTime">
+        <el-date-picker
+          v-model="queryParams.voucherTime"
+          style="width: 240px"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :default-time="['00:00:00', '23:59:59']"
+        />
+      </el-form-item>
+      <el-form-item label="摘要" prop="digest">
+        <el-input
+          v-model="queryParams.digest"
+          placeholder="请输入摘要"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
     <el-table
       v-loading="loading"
       :data="accountList"
@@ -49,7 +109,6 @@
       </el-table-column>
       <el-table-column label="备注" align="center" prop="remark" />
     </el-table>
-
     <pagination
       v-show="total > 0"
       :total="total"
@@ -66,6 +125,7 @@
 
 <script>
 import { getVoucherPage } from "@/api/accounting/voucher";
+import { listData } from "@/api/system/dict/data";
 export default {
   name: "VoucherSelect",
   data() {
@@ -116,10 +176,12 @@ export default {
         deptId: null,
         deptName: null,
       },
+      typeOptions: [], //凭证类别
     };
   },
   created() {
     this.getList();
+    this.handleInitList();
   },
   methods: {
     /** 查询列表 */
@@ -131,6 +193,17 @@ export default {
         this.loading = false;
       });
     },
+    //获取字典数据
+    handleInitList() {
+      // 获取凭证类别
+      listData({
+        pageNo: 1,
+        pageSize: 100,
+        dictType: "accounting_voucher_type",
+      }).then((res) => {
+        this.typeOptions = res.data.list || [];
+      });
+    },
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1;