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

package/src/components/page/common/Print/index.vue

@@ -1,314 +1,311 @@
-<!--
-  打印机设置页
-  @author: 张文
-  @date: 2022-03-09
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.common.print.title','打印机设置')"/>
-
-
-    <!-- 内容显示区 -->
-    <div class="lw-global-page-box">
-      <!-- 数据项 -->
-      <template v-if="printList.length">
-        <div
-          class="lw-global-model-box lw-global-animation-out"
-          v-for="(i,k) in printList"
-          :key="k"
-          :style="{animationDelay: k * 50 + 'ms'}"
-        >
-
-
-          <!--打印模板-->
-          <div class="lw-global-flex-start">
-            <img
-              class="lw-print-page-icon"
-              :src="templateSrc"
-              alt="模板"
-            />
-            <div class="content">
-              <span style="font-weight: bold" class="lw-global-value">{{i.templateName}}</span>
-              <span class="lw-global-value">( {{i.templateCode}} )</span>
-            </div>
-          </div>
-
-          <!--打印机-->
-          <div
-            style="margin-top: 10px;padding-bottom: 10px"
-            class="lw-global-flex-start lw-global-bottom-border"
-          >
-
-            <img
-              v-if="i.printType==='PRINT_SERVICE'"
-              class="lw-print-page-icon"
-              :src="printSrc"
-              alt="打印机"
-            />
-            <img
-              v-else
-              class="lw-print-page-icon"
-              :src="bluetoothPrintSrc"
-              alt="蓝牙打印机"
-            />
-            <div class="content">
-              <span class="lw-global-value">{{i.printName}}</span>
-              <span class="lw-global-value">( {{i.printCode}} )</span>
-            </div>
-
-          </div>
-
-          <!--按钮区-->
-          <div
-            style="margin-top: 10px"
-            class="lw-global-flex-around"
-          >
-            <slot name="fistAddBtn"/>
-
-            <lw-button
-              v-if="showDelBtn"
-              type="last"
-              plain
-              block
-              @click="del(i)"
-            >{{ $lwLanguage.get('wms_project.pda.common.del','删除') }}</lw-button>
-
-            <lw-button
-              v-if="showEditBtn"
-              style="margin-left: 10px"
-              block
-              @click="edit(i)"
-            >{{ $lwLanguage.get('wms_project.pda.common.edit','编辑') }}</lw-button>
-
-            <slot name="endAddBtn"/>
-          </div>
-
-
-        </div>
-      </template>
-
-
-      <!-- 空数据状态 -->
-      <lw-not-data v-else />
-    </div>
-
-
-    <lw-bottom-bar>
-      <lw-button
-        v-if="showAddBtn"
-        block
-        @click="add"
-      >{{ $lwLanguage.get('wms_project.pda.common.add','添加') }}</lw-button>
-    </lw-bottom-bar>
-
-    <lw-popup
-      v-model="popup.show"
-      :title="popup.title"
-      height="auto"
-      @closed="close"
-    >
-
-      <lw-cell-popup-radio
-        v-model="popup.templateId"
-        name="templateId"
-        :title="$lwLanguage.get('wms_project.pda.common.print.template','打印机模板')"
-        :columns="template"
-        required
-        @confirm="templateConfirm"
-      />
-      <lw-cell-popup-radio
-        v-model="popup.printId"
-        name="deviceId"
-        :title="$lwLanguage.get('wms_project.pda.common.print.print','打印机')"
-        :columns="print"
-        required
-      />
-
-      <template #button>
-        <lw-button
-          @click="submit"
-        >{{ $lwLanguage.get('wms_project.pda.common.confirm','确定') }}</lw-button>
-      </template>
-    </lw-popup>
-
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "lwPrintPage",
-  props:{
-
-    // 打印机模板图标
-    templateSrc:{
-      type: null,
-      default:() => {
-        return require('../../../../assets/img/print/template.png')
-      }
-    },
-    // 打印机图标
-    printSrc:{
-      type: null,
-      default:() => {
-        return require('../../../../assets/img/print/print.png')
-      }
-    },
-    // 蓝牙打印机图标
-    bluetoothPrintSrc:{
-      type: null,
-      default:() => {
-        return require('../../../../assets/img/print/bluetooth.png')
-      }
-    },
-
-    // 是否显示删除按钮
-    showDelBtn:{
-      type: Boolean,
-      default: true
-    },
-
-    // 是否显示编辑按钮
-    showEditBtn:{
-      type: Boolean,
-      default: true
-    },
-
-    // 是否显示添加按钮
-    showAddBtn:{
-      type: Boolean,
-      default: true
-    },
-  },
-  data() {
-    return {
-      // 打印机数据
-      printList:[],
-
-      // 打印机模板数据
-      template:[],
-      // 和模板对应的打印机数据
-      print:[],
-
-
-      // 显示弹框
-      popup: {
-        show: false,
-        title:'',
-        // 已选模板
-        templateId:'',
-        // 已选打印机
-        printId:''
-      }
-    }
-  },
-  mounted() {
-    this.$lwPrint.asyncGet().then(res=>{
-      this.printList = res
-    })
-    this.$lwApi.print.getTemplate().then(res=>{
-      this.template = res.map(item=>{
-        return {
-          label:item.name,
-          value:item.id,
-          code:item.code
-        }
-      })
-    })
-  },
-  methods: {
-    // 数据更新
-    async update(){
-      this.printList = await this.$lwPrint.asyncGet()
-      this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.common.success','操作成功'))
-    },
-
-    // 删除
-    del(i){
-      this.$dialog.confirm({
-        title:this.$lwLanguage.get('wms_project.pda.common.print.delete','确认删除'),
-        message:this.$lwLanguage.get('wms_project.pda.common.print.deletePrintMsg',`删除当前打印模板及打印机？删除后对应的打印将不可用！`)
-      }).then(()=>{
-        this.$lwApi.print.del({
-          templateId:i.templateId
-        }).then(()=>{
-          this.update()
-        })
-      }).catch(()=>{})
-    },
-
-    // 弹出框关闭
-    close(){
-      this.popup.templateId = ''
-      this.popup.printId = ''
-      this.print=[]
-    },
-
-    // 编辑
-    edit(i){
-      this.popup.show = true
-      this.popup.title = this.$lwLanguage.get('wms_project.pda.common.print.editPrint','编辑打印机')
-      this.popup.templateId = i.templateId
-      this.popup.printId = i.printId
-      this.templateConfirm({value:i.templateId}, false)
-    },
-
-    // 添加
-    add(){
-      this.popup.show = true
-      this.popup.title = this.$lwLanguage.get('wms_project.pda.common.print.addPrint','添加打印机')
-    },
-
-    // 确定打印机模板
-    templateConfirm(item, none=true){
-      this.print = []
-      this.$lwApi.print.getPrint({templateId:item.value}).then(res=>{
-        this.print = res.map(i=>{
-          return {
-            label:i.name,
-            value:i.id
-          }
-        })
-      })
-      none ? this.popup.printId = '' : ''
-    },
-
-    // 表单提交
-    async submit(){
-      if (!this.popup.templateId){
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.common.print.selectTemplate','请选择打印机模板')
-        )
-        return
-      }
-
-      if (!this.popup.printId){
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.common.print.selectPrint','请选择打印机')
-        )
-        return
-      }
-
-      await this.$lwApi.print.addEdit({
-        templateId: this.popup.templateId,
-        deviceId: this.popup.printId
-      })
-      await this.update()
-      this.popup.show = false
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-/*
-* 打印机设置页
-*/
-
-.lw-print-page-icon{
-  width: 20px;
-  margin-right: 10px;
-}
-
-</style>
+<!--
+  打印机设置页
+  @author: 张文
+  @date: 2022-03-09
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.common.print.title','打印机设置')"/>
+
+
+    <!-- 内容显示区 -->
+    <div class="lw-global-page-box">
+      <!-- 数据项 -->
+      <template v-if="printList.length">
+        <div
+          class="lw-global-model-box lw-global-animation-out"
+          v-for="(i,k) in printList"
+          :key="k"
+          :style="{animationDelay: k * 50 + 'ms'}"
+        >
+
+
+          <!--打印模板-->
+          <div class="lw-global-flex-start">
+            <img
+              class="lw-print-page-icon"
+              :src="templateSrc"
+              alt="模板"
+            />
+            <div class="content">
+              <span style="font-weight: bold" class="lw-global-value">{{i.templateName}}</span>
+              <span class="lw-global-value">( {{i.templateCode}} )</span>
+            </div>
+          </div>
+
+          <!--打印机-->
+          <div
+            style="margin-top: 10px;padding-bottom: 10px"
+            class="lw-global-flex-start lw-global-bottom-border"
+          >
+
+            <img
+              v-if="i.printType==='PRINT_SERVICE'"
+              class="lw-print-page-icon"
+              :src="printSrc"
+              alt="打印机"
+            />
+            <img
+              v-else
+              class="lw-print-page-icon"
+              :src="bluetoothPrintSrc"
+              alt="蓝牙打印机"
+            />
+            <div class="content">
+              <span class="lw-global-value">{{i.printName}}</span>
+              <span class="lw-global-value">( {{i.printCode}} )</span>
+            </div>
+
+          </div>
+
+          <!--按钮区-->
+          <div
+            style="margin-top: 10px"
+            class="lw-global-flex-around"
+          >
+            <slot name="fistAddBtn"/>
+
+            <lw-button
+              v-if="showDelBtn"
+              type="last"
+              plain
+              block
+              @click="del(i)"
+            >{{ $lwLanguage.get('wms_project.pda.common.del','删除') }}</lw-button>
+
+            <lw-button
+              v-if="showEditBtn"
+              style="margin-left: 10px"
+              block
+              @click="edit(i)"
+            >{{ $lwLanguage.get('wms_project.pda.common.edit','编辑') }}</lw-button>
+
+            <slot name="endAddBtn"/>
+          </div>
+
+
+        </div>
+      </template>
+
+
+      <!-- 空数据状态 -->
+      <lw-not-data v-else />
+    </div>
+
+
+    <lw-bottom-bar>
+      <lw-button
+        v-if="showAddBtn"
+        block
+        @click="add"
+      >{{ $lwLanguage.get('wms_project.pda.common.add','添加') }}</lw-button>
+    </lw-bottom-bar>
+
+    <lw-popup
+      v-model="popup.show"
+      :title="popup.title"
+      height="auto"
+      @closed="close"
+    >
+
+      <lw-cell-popup-radio
+        v-model="popup.templateId"
+        name="templateId"
+        :title="$lwLanguage.get('wms_project.pda.common.print.template','打印机模板')"
+        :columns="template"
+        required
+        @confirm="templateConfirm"
+      />
+      <lw-cell-popup-radio
+        v-model="popup.printId"
+        name="deviceId"
+        :title="$lwLanguage.get('wms_project.pda.common.print.print','打印机')"
+        :columns="print"
+        required
+      />
+
+      <template #button>
+        <lw-button
+          @click="submit"
+        >{{ $lwLanguage.get('wms_project.pda.common.confirm','确定') }}</lw-button>
+      </template>
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import templateImage from '../../../../assets/img/print/template.png'
+import printImage from '../../../../assets/img/print/print.png'
+import bluetoothImage from '../../../../assets/img/print/bluetooth.png'
+
+export default {
+  name: "lwPrintPage",
+  props:{
+
+    // 打印机模板图标
+    templateSrc:{
+      type: null,
+      default: templateImage
+    },
+    // 打印机图标
+    printSrc:{
+      type: null,
+      default: printImage
+    },
+    // 蓝牙打印机图标
+    bluetoothPrintSrc:{
+      type: null,
+      default: bluetoothImage
+    },
+
+    // 是否显示删除按钮
+    showDelBtn:{
+      type: Boolean,
+      default: true
+    },
+
+    // 是否显示编辑按钮
+    showEditBtn:{
+      type: Boolean,
+      default: true
+    },
+
+    // 是否显示添加按钮
+    showAddBtn:{
+      type: Boolean,
+      default: true
+    },
+  },
+  data() {
+    return {
+      // 打印机数据
+      printList:[],
+
+      // 打印机模板数据
+      template:[],
+      // 和模板对应的打印机数据
+      print:[],
+
+
+      // 显示弹框
+      popup: {
+        show: false,
+        title:'',
+        // 已选模板
+        templateId:'',
+        // 已选打印机
+        printId:''
+      }
+    }
+  },
+  mounted() {
+    this.$lwPrint.asyncGet().then(res=>{
+      this.printList = res
+    })
+    this.$lwApi.print.getTemplate().then(res=>{
+      this.template = res.map(item=>{
+        return {
+          label:item.name,
+          value:item.id,
+          code:item.code
+        }
+      })
+    })
+  },
+  methods: {
+    // 数据更新
+    async update(){
+      this.printList = await this.$lwPrint.asyncGet()
+      this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.common.success','操作成功'))
+    },
+
+    // 删除
+    del(i){
+      this.$lwDialog.confirm({
+        title:this.$lwLanguage.get('wms_project.pda.common.print.delete','确认删除'),
+        message:this.$lwLanguage.get('wms_project.pda.common.print.deletePrintMsg',`删除当前打印模板及打印机？删除后对应的打印将不可用！`)
+      }).then(()=>{
+        this.$lwApi.print.del({
+          templateId:i.templateId
+        }).then(()=>{
+          this.update()
+        })
+      }).catch(()=>{})
+    },
+
+    // 弹出框关闭
+    close(){
+      this.popup.templateId = ''
+      this.popup.printId = ''
+      this.print=[]
+    },
+
+    // 编辑
+    edit(i){
+      this.popup.show = true
+      this.popup.title = this.$lwLanguage.get('wms_project.pda.common.print.editPrint','编辑打印机')
+      this.popup.templateId = i.templateId
+      this.popup.printId = i.printId
+      this.templateConfirm({value:i.templateId}, false)
+    },
+
+    // 添加
+    add(){
+      this.popup.show = true
+      this.popup.title = this.$lwLanguage.get('wms_project.pda.common.print.addPrint','添加打印机')
+    },
+
+    // 确定打印机模板
+    templateConfirm(item, none=true){
+      this.print = []
+      this.$lwApi.print.getPrint({templateId:item.value}).then(res=>{
+        this.print = res.map(i=>{
+          return {
+            label:i.name,
+            value:i.id
+          }
+        })
+      })
+      none ? this.popup.printId = '' : ''
+    },
+
+    // 表单提交
+    async submit(){
+      if (!this.popup.templateId){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.common.print.selectTemplate','请选择打印机模板')
+        )
+        return
+      }
+
+      if (!this.popup.printId){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.common.print.selectPrint','请选择打印机')
+        )
+        return
+      }
+
+      await this.$lwApi.print.addEdit({
+        templateId: this.popup.templateId,
+        deviceId: this.popup.printId
+      })
+      await this.update()
+      this.popup.show = false
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+/*
+* 打印机设置页
+*/
+
+.lw-print-page-icon{
+  width: 20px;
+  margin-right: 10px;
+}
+
+</style>