下拉框选择

src/views/accounting/bankSlip/index.vue

@@ -38,12 +38,20 @@
         />
       </el-form-item>
       <el-form-item label="借/贷" prop="debitOrCredit">
-        <el-input
+        <el-select
           v-model="queryParams.debitOrCredit"
-          placeholder="请输入借/贷"
+          placeholder="请选择"
           clearable
           @keyup.enter.native="handleQuery"
-        />
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.label"
+            :label="item.label"
+            :value="item.label"
+          >
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item label="我方账户" prop="myCompany">
         <el-input
@@ -408,10 +416,15 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="借/贷" prop="debitOrCredit">
-              <el-input
+              <el-select v-model="form.debitOrCredit" placeholder="请选择">
-                v-model="form.debitOrCredit"
+                <el-option
-                placeholder="请输入借/贷"
+                  v-for="item in options"
-              />
+                  :key="item.label"
+                  :label="item.label"
+                  :value="item.label"
+                >
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
@@ -779,6 +792,14 @@ export default {
         inputPassword: null,
       },
       userOptions: [], //用户数据
+      options: [
+        {
+          label: "借",
+        },
+        {
+          label: "贷",
+        },
+      ],
       // 表单参数
       form: {},
       form1: {},