会计账簿-搜索功能完善

src/views/accounting/book/index.vue

@@ -9,6 +9,56 @@
       v-show="showSearch"
       label-width="68px"
     >
+      <el-form-item label="账簿名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入账簿名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="业务实体" prop="company">
+        <el-select
+          v-model="queryParams.company"
+          placeholder="请选择业务实体"
+          value-key="id"
+          @change="handleCompanyChange1"
+        >
+          <el-option
+            v-for="item in organizationList"
+            :key="item.id"
+            :value="item"
+            :label="item.organizationName"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="细分类型" prop="type">
+        <el-select
+          v-model="queryParams.type"
+          placeholder="请选择细分类型"
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.label"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="会计年度" prop="year">
+        <el-date-picker
+          popper-class="due_year"
+          v-model="queryParams.year"
+          value-format="yyyy"
+          type="year"
+          placeholder="请选择会计年份"
+          @keyup.enter.native="handleQuery"
+        >
+        </el-date-picker>
+      </el-form-item>
       <el-form-item label="会计期间" prop="period">
         <el-date-picker
           popper-class="due_month"
@@ -20,15 +70,14 @@
         >
         </el-date-picker>
       </el-form-item>
-      <el-form-item label="业务组织" prop="company">
+      <el-form-item label="账簿来源" prop="source">
         <el-input
-          v-model="queryParams.company"
+          v-model="queryParams.source"
-          placeholder="请输入业务组织"
+          placeholder="请输入账簿来源"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="handleQuery"
           >搜索</el-button
@@ -341,13 +390,12 @@ export default {
       queryParams: {
         pageNo: 1,
         pageSize: 10,
-        uri: null,
-        companyId: null,
         company: null,
         type: null,
         year: null,
         period: null,
-        inputPassword: null,
+        name: null,
+        source: null,
       },
       // 表单参数
       form: {},
@@ -372,6 +420,17 @@ export default {
       type1: "明细账",
       type2: "日记账",
       organizationList: [],
+      options: [
+        {
+          label: "总账",
+        },
+        {
+          label: "明细账",
+        },
+        {
+          label: "日记账",
+        },
+      ],
     };
   },
   created() {
@@ -414,6 +473,9 @@ export default {
       this.form.companyId = val.id;
       this.form.company = val.organizationName;
     },
+    handleCompanyChange1(val) {
+      this.queryParams.company = val.organizationName;
+    },
     /** 取消按钮 */
     cancel() {
       this.open = false;