@logwire/logwire-wms-pda-ui 1.1.19 → 1.2.0

package/src/components/page/inner/disposeAbnormal/components/searchBar/index.vue

@@ -1,264 +1,264 @@
-<!--
-  搜索栏
-  @author: 张文
-  @date: 2022-06-23
--->
-<template>
-  <div class="lw-global-model-box lw-global-collapse-box">
-
-    <div class="lw-global-flex-between">
-      <!-- 综合搜索框 -->
-      <lw-input
-        v-if="!showMore"
-        style="flex: 1"
-        v-model="searchBox"
-        :placeholder="$lwLanguage.get('','通过异常编号、商品条码、库位编码')"
-        rule-key="order"
-        @confirm="searchBoxClick"
-        @clear="searchBoxClear"
-      >
-
-        <template #button>
-
-          <lw-button
-            mini
-            round
-            @click="searchBoxClick"
-          >
-            {{ $lwLanguage.get('','搜索') }}
-          </lw-button>
-
-        </template>
-
-      </lw-input>
-
-      <!-- 更多搜索框标题 -->
-      <div
-        v-else
-        class="lw-global-row lw-global-value"
-        style="flex: 1;padding: 9px 0 10px 0"
-      >{{ $lwLanguage.get('','条件搜索') }}</div>
-
-      <!-- 指示箭头 -->
-      <van-icon
-        :style="{
-          flexShrink: 0,
-          marginLeft: '10px',
-          transition: 'all .3s',
-          transform: showMore ? 'rotateZ(180deg)' : 'rotateZ(0)'
-        }"
-        size="18px"
-        name="arrow-down"
-        @click="showMoreClick"
-      />
-
-    </div>
-
-
-    <!-- 更多搜索框输入栏 -->
-    <div
-      style="padding: 0 10px;overflow: hidden;transition: all .3s"
-      :style="{ height: moreHeight }"
-    >
-
-      <!-- 异常编号 -->
-      <lw-input
-        :title="$lwLanguage.get('','异常编号')"
-        v-model="moreSearchInput.abnormalNo"
-        input-align="right"
-        rule-key="abnormalNo"
-      />
-
-      <!-- 商品条码 -->
-      <lw-input
-        :title="$lwLanguage.get('','商品条码')"
-        v-model="moreSearchInput.skuCode"
-        input-align="right"
-        rule-key="sku"
-      />
-
-      <!-- 库位编码 -->
-      <lw-input
-        :title="$lwLanguage.get('','库位编码')"
-        v-model="moreSearchInput.locationCode"
-        input-align="right"
-        rule-key="location"
-      />
-
-      <!-- 异常类型 -->
-      <lw-cell-popup-radio
-        :title="$lwLanguage.get('','异常类型')"
-        v-model="moreSearchInput.type"
-        dict-key="abnormal_type_choice"
-        @confirm="typeConfirm"
-        @clear="typeClear"
-      />
-
-      <!-- 异常子类型 -->
-      <lw-cell-popup-radio
-        :title="$lwLanguage.get('','异常子类型')"
-        v-model="moreSearchInput.subType"
-        :columns="subTypeList"
-      />
-
-      <!-- 开始时间 -->
-      <lw-cell-popup-date
-        :title="$lwLanguage.get('','开始时间')"
-        v-model="moreSearchInput.startTime"
-        type="datetime"
-      />
-
-      <!-- 结束时间 -->
-      <lw-cell-popup-date
-        :title="$lwLanguage.get('','结束时间')"
-        v-model="moreSearchInput.endTime"
-        type="datetime"
-      />
-
-      <!-- 已调异常区 -->
-      <lw-cell
-        v-if="showAbnArea"
-        :title="$lwLanguage.get('', '已调异常区')"
-        :is-link="false"
-      >
-        <template #value>
-          <van-switch
-            v-model="hasLockBiz"
-            size="18px"
-          />
-        </template>
-      </lw-cell>
-
-      <div
-        style="margin-top: 8px"
-        class="lw-global-flex-between"
-      >
-
-        <lw-button
-          type="last"
-          plain
-          block
-          @click="moreClearInput"
-        >{{ $lwLanguage.get('','重置条件') }}</lw-button>
-
-        <lw-button
-          style="margin-left: 10px"
-          block
-          @click="moreSearchClick"
-        >{{ $lwLanguage.get('','搜索') }}</lw-button>
-
-      </div>
-
-    </div>
-
-
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "seo",
-  props:{
-    // 是否显示已调入异常区
-    showAbnArea: Boolean
-  },
-  computed:{
-    // 更多搜索框展开高度
-    moreHeight(){
-      if (!this.showMore){
-        return '0'
-      }
-
-      if (this.showAbnArea){
-        return '359px'
-      }
-
-      return '315px'
-    }
-  },
-  data() {
-    return {
-      // 是否展示更多搜索选项
-      showMore:false,
-
-      // 折叠框搜索未展开
-      searchBox:'',
-
-      // 更多搜索条件
-      moreSearchInput:{
-        abnormalNo:'',
-        type:'',
-        subType:'',
-        startTime:'',
-        endTime:''
-      },
-
-      // 是否调入异常区
-      hasLockBiz: false,
-
-      // 异常子类型可选项
-      subTypeList: []
-    }
-  },
-  methods: {
-
-    // 异常类型确认
-    typeConfirm({value}){
-      // 判断异常类型是否变化，变化了就要改子类型的值
-      if (!value || value !== this.moreSearchInput.subType.split('_')[0]){
-        this.moreSearchInput.subType = ''
-        const subType = this.$lwDict.get('abnormal_sub_type_choice')
-        this.subTypeList = subType.filter(item=>item.value.split('_')[0] === value)
-      }
-    },
-    // 清除异常类型
-    typeClear(){
-      this.moreSearchInput.subType = ''
-      this.subTypeList = []
-    },
-
-    // 清除搜索输入框，包括混合搜索和条件搜索
-    clearInput(){
-      for (let i in this.moreSearchInput) {
-        this.moreSearchInput[i] = ''
-      }
-      this.hasLockBiz = false
-      this.searchBox = ''
-    },
-
-    // 点击展开搜索更多
-    showMoreClick(){
-      this.showMore = !this.showMore
-      this.clearInput()
-    },
-
-    // 混合搜索按钮
-    searchBoxClick(){
-      this.$emit('search' , {searchBox: this.searchBox})
-    },
-    // 混合搜索内容清除
-    searchBoxClear(){
-      this.clearInput()
-      this.$emit('search' , {searchBox: ''})
-    },
-
-    // 更多条件搜索重置条件
-    moreClearInput(){
-      this.clearInput()
-      this.moreSearchClick()
-    },
-    // 更多条件搜索确认
-    moreSearchClick(){
-      this.$emit('search', {
-        ...this.moreSearchInput,
-        hasLockBiz: this.hasLockBiz
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  搜索栏
+  @author: 张文
+  @date: 2022-06-23
+-->
+<template>
+  <div class="lw-global-model-box lw-global-collapse-box">
+
+    <div class="lw-global-flex-between">
+      <!-- 综合搜索框 -->
+      <lw-input
+        v-if="!showMore"
+        style="flex: 1"
+        v-model="searchBox"
+        :placeholder="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.whpmtmge','通过异常编号、商品条码、库位编码')"
+        rule-key="order"
+        @confirm="searchBoxClick"
+        @clear="searchBoxClear"
+      >
+
+        <template #button>
+
+          <lw-button
+            mini
+            round
+            @click="searchBoxClick"
+          >
+            {{ $lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.ucwufyca','搜索') }}
+          </lw-button>
+
+        </template>
+
+      </lw-input>
+
+      <!-- 更多搜索框标题 -->
+      <div
+        v-else
+        class="lw-global-row lw-global-value"
+        style="flex: 1;padding: 9px 0 10px 0"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.irojazsx','条件搜索') }}</div>
+
+      <!-- 指示箭头 -->
+      <van-icon
+        :style="{
+          flexShrink: 0,
+          marginLeft: '10px',
+          transition: 'all .3s',
+          transform: showMore ? 'rotateZ(180deg)' : 'rotateZ(0)'
+        }"
+        size="18px"
+        name="arrow-down"
+        @click="showMoreClick"
+      />
+
+    </div>
+
+
+    <!-- 更多搜索框输入栏 -->
+    <div
+      style="padding: 0 10px;overflow: hidden;transition: all .3s"
+      :style="{ height: moreHeight }"
+    >
+
+      <!-- 异常编号 -->
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.ihkdwtes','异常编号')"
+        v-model="moreSearchInput.abnormalNo"
+        input-align="right"
+        rule-key="abnormalNo"
+      />
+
+      <!-- 商品条码 -->
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.flmydqjb','商品条码')"
+        v-model="moreSearchInput.skuCode"
+        input-align="right"
+        rule-key="sku"
+      />
+
+      <!-- 库位编码 -->
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.ssvstvhp','库位编码')"
+        v-model="moreSearchInput.locationCode"
+        input-align="right"
+        rule-key="location"
+      />
+
+      <!-- 异常类型 -->
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.rtstcfsd','异常类型')"
+        v-model="moreSearchInput.type"
+        dict-key="abnormal_type_choice"
+        @confirm="typeConfirm"
+        @clear="typeClear"
+      />
+
+      <!-- 异常子类型 -->
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.tsthtewu','异常子类型')"
+        v-model="moreSearchInput.subType"
+        :columns="subTypeList"
+      />
+
+      <!-- 开始时间 -->
+      <lw-cell-popup-date
+        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.prrkztfp','开始时间')"
+        v-model="moreSearchInput.startTime"
+        type="datetime"
+      />
+
+      <!-- 结束时间 -->
+      <lw-cell-popup-date
+        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.kstlwflm','结束时间')"
+        v-model="moreSearchInput.endTime"
+        type="datetime"
+      />
+
+      <!-- 已调异常区 -->
+      <lw-cell
+        v-if="showAbnArea"
+        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.qdzmqfhb','已调异常区')"
+        :is-link="false"
+      >
+        <template #value>
+          <van-switch
+            v-model="hasLockBiz"
+            size="18px"
+          />
+        </template>
+      </lw-cell>
+
+      <div
+        style="margin-top: 8px"
+        class="lw-global-flex-between"
+      >
+
+        <lw-button
+          type="last"
+          plain
+          block
+          @click="moreClearInput"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.veibndip','重置条件') }}</lw-button>
+
+        <lw-button
+          style="margin-left: 10px"
+          block
+          @click="moreSearchClick"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.components.searchBar.ucwufyca','搜索') }}</lw-button>
+
+      </div>
+
+    </div>
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "seo",
+  props:{
+    // 是否显示已调入异常区
+    showAbnArea: Boolean
+  },
+  computed:{
+    // 更多搜索框展开高度
+    moreHeight(){
+      if (!this.showMore){
+        return '0'
+      }
+
+      if (this.showAbnArea){
+        return '359px'
+      }
+
+      return '315px'
+    }
+  },
+  data() {
+    return {
+      // 是否展示更多搜索选项
+      showMore:false,
+
+      // 折叠框搜索未展开
+      searchBox:'',
+
+      // 更多搜索条件
+      moreSearchInput:{
+        abnormalNo:'',
+        type:'',
+        subType:'',
+        startTime:'',
+        endTime:''
+      },
+
+      // 是否调入异常区
+      hasLockBiz: false,
+
+      // 异常子类型可选项
+      subTypeList: []
+    }
+  },
+  methods: {
+
+    // 异常类型确认
+    typeConfirm({value}){
+      // 判断异常类型是否变化，变化了就要改子类型的值
+      if (!value || value !== this.moreSearchInput.subType.split('_')[0]){
+        this.moreSearchInput.subType = ''
+        const subType = this.$lwDict.get('abnormal_sub_type_choice')
+        this.subTypeList = subType.filter(item=>item.value.split('_')[0] === value)
+      }
+    },
+    // 清除异常类型
+    typeClear(){
+      this.moreSearchInput.subType = ''
+      this.subTypeList = []
+    },
+
+    // 清除搜索输入框，包括混合搜索和条件搜索
+    clearInput(){
+      for (let i in this.moreSearchInput) {
+        this.moreSearchInput[i] = ''
+      }
+      this.hasLockBiz = false
+      this.searchBox = ''
+    },
+
+    // 点击展开搜索更多
+    showMoreClick(){
+      this.showMore = !this.showMore
+      this.clearInput()
+    },
+
+    // 混合搜索按钮
+    searchBoxClick(){
+      this.$emit('search' , {searchBox: this.searchBox})
+    },
+    // 混合搜索内容清除
+    searchBoxClear(){
+      this.clearInput()
+      this.$emit('search' , {searchBox: ''})
+    },
+
+    // 更多条件搜索重置条件
+    moreClearInput(){
+      this.clearInput()
+      this.moreSearchClick()
+    },
+    // 更多条件搜索确认
+    moreSearchClick(){
+      this.$emit('search', {
+        ...this.moreSearchInput,
+        hasLockBiz: this.hasLockBiz
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>