|
|
@@ -16,7 +16,7 @@
|
|
|
<treeselect style="width: 220px" :clearable="false" v-model="queryParams.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
|
|
|
</el-form-item>
|
|
|
|
|
|
- <!-- <el-form-item label="订单号" prop="orderCode">
|
|
|
+ <el-form-item label="订单号" prop="orderCode">
|
|
|
<el-input
|
|
|
v-model="queryParams.orderCode"
|
|
|
placeholder="请输入订单号"
|
|
|
@@ -24,64 +24,10 @@
|
|
|
size="small"
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
- </el-form-item> -->
|
|
|
-
|
|
|
- <el-form-item label="订单号" prop="orderCodes">
|
|
|
- <div class="tag-input-container">
|
|
|
- <!-- 标签显示区域 -->
|
|
|
- <div class="tags-wrapper" @click="focusInput">
|
|
|
- <!-- 已添加的订单号标签 -->
|
|
|
- <el-tag
|
|
|
- v-for="(code, index) in queryParams.orderCodes"
|
|
|
- :key="index"
|
|
|
- closable
|
|
|
- size="small"
|
|
|
- @close="removeOrderCode(index)"
|
|
|
- class="order-tag"
|
|
|
- :class="{ 'tag-error': false }"
|
|
|
- >
|
|
|
- {{ code }}
|
|
|
- </el-tag>
|
|
|
-
|
|
|
- <!-- 输入框 -->
|
|
|
- <el-input
|
|
|
- ref="tagInput"
|
|
|
- v-model="currentInput"
|
|
|
- v-show="inputVisible || queryParams.orderCodes.length === 0"
|
|
|
- :placeholder="queryParams.orderCodes.length === 0 ? '请输入订单号,按回车或逗号分隔' : '继续输入...'"
|
|
|
- size="small"
|
|
|
- class="tag-input"
|
|
|
- @keydown.native="handleKeyDown"
|
|
|
- @keyup.native="handleKeyUp"
|
|
|
- @blur="handleInputConfirm"
|
|
|
- @focus="inputVisible = true"
|
|
|
- clearable
|
|
|
- />
|
|
|
-
|
|
|
- <!-- 添加按钮(当没有输入时显示) -->
|
|
|
- <el-button
|
|
|
- v-if="!inputVisible && queryParams.orderCodes.length > 0"
|
|
|
- class="button-new-tag"
|
|
|
- size="small"
|
|
|
- @click="showInput"
|
|
|
- icon="el-icon-plus"
|
|
|
- type="text"
|
|
|
- >
|
|
|
- 添加订单号
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 输入提示 -->
|
|
|
- <div class="input-tips">
|
|
|
- <span class="tip-text">
|
|
|
- 支持:回车、逗号、空格分隔 |
|
|
|
- 已添加 {{ queryParams.orderCodes.length }} 个订单号
|
|
|
- <span v-if="maxOrderCodes > 0"> (最多{{ maxOrderCodes }}个)</span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</el-form-item>
|
|
|
|
|
|
+
|
|
|
+
|
|
|
<el-form-item label="运单号" prop="deliveryId">
|
|
|
<el-input
|
|
|
v-model="queryParams.deliveryId"
|