+
`
+ ;
+ div.innerHTML = loadingHtml
+ document.body.appendChild(div);
+ let imgData = document.querySelector('.loadingDiv-box-img');
+ let scale = imgData.naturalHeight ? imgData.naturalWidth/imgData.naturalHeight : 0
+ let img = document.querySelector('.loadingDiv-box-icon');
+ let n = 0
+ time = setInterval(() => {
+ img.style.backgroundPosition = `${-n*30}px 0px`;
+ n++;
+ if(n >= scale){
+ n = 0
+ }
+ }, 100)
+ //#endif
+ //#ifndef APP-PLUS || H5
+ uni.showLoading({
+ title: title
+ });
+ //#endif
+ }
+ // 取消加载弹窗
+ const hideLoading = () => {
+ //#ifdef APP-PLUS
+ plus.nativeUI.closeWaiting()
+ //#endif
+ //#ifdef H5
+ let parent = document.querySelector('.loadingDiv');
+ document.body.removeChild(parent)
+ clearInterval(time)
+ time = undefined
+ //#endif
+ //#ifndef APP-PLUS || H5
+ uni.hideLoading();
+ //#endif
+ }
+ // 普通弹窗提示
+ const showToast = ({title='',duration=1500,icon='none'}) => {
+ //#ifdef APP-PLUS
+ plus.nativeUI.toast(title,{
+ duration : duration
+ })
+ //#endif
+ //#ifndef APP-PLUS
+ uni.showToast({
+ title : title,
+ duration : duration,
+ icon : icon
+ });
+ //#endif
+ }
+ return {
+ showLoading,
+ hideLoading,
+ showToast
+ }
+}
+
+export {
+ popUp
+}
\ No newline at end of file
diff --git a/src/components/zsw-ruler-printer/zsw-ruler-printer.vue b/src/components/zsw-ruler-printer/zsw-ruler-printer.vue
new file mode 100644
index 0000000..e48f471
--- /dev/null
+++ b/src/components/zsw-ruler-printer/zsw-ruler-printer.vue
@@ -0,0 +1,242 @@
+
+
+ 
+
+
+ ${title}
+ {{title}}
+ 注意：{{promptText}}点击拨号 +{{leftText}}
+{{rightText}}
++ 美团/饿了么/... +
分享至
+ + + + +
+ 
+ 
+
+ {{ userInforData.name }}
+ 
+
{{ userInforData.mobile }}
+
+ 呼叫称谓：
+{{item.value}}
+{{item.value}}
+{{item.value}}
+{{ item.name }}
+终端授权
+取消
+授权
+第一步
+ +第二步
+第三步
+第四步
+第五步
+第六步
+授权完成
+注意
+注意
++ 1.添加打印机前请确定打印机已经开启并处于联网状态，否则将无法添加设备。 +
++ 2.添加打印机需要绑定手机号，用于表示该打印机所属人，是打印机的唯一表示，请认真填写。 +
++ 3.当该打印机被其他店铺绑定时，打印机换绑需要验证原手机号，验证成后才可以进行添加。 +
++ 4.如原手机号无法使用，请联系运营【18048531223】点击拨号进行申诉处理。 +
+温馨提示
+打印机编号位于打印机底部，二维码快捷添加
+
+ {{ item.msg }}
+ +`, + } + let newData = await this.$api.printerText(data) + console.log(newData) + if (newData.code == 0) { + this.$refs.printerText.close() + this.text = '' + this.$zsw.toast('发送测试打印成功', 1) + } else { + this.$refs.printerText.close() + this.text = '' + this.$zsw.toast('发送测试打印失败', 2) + } + }, + + + /** + * 复制打印机编号 + */ + copy(number) { + uni.setClipboardData({ + data: number, + }); + }, + + + + /** + * 删除打印机（暂时没有使用删除功能，打印机没有用了直接下线） + */ + async delPrinter(id) { + this.printerId = id + this.$refs.ruler.$refs.popup.open('center') + }, + + + /** + * 修改打印机 + */ + async modifyTap(id, name, key) { + this.$refs.modify.open('bottom') + this.printerId = id + this.printerName = name + this.deterKey = key + }, + + + /** + * 确定修改打印机 + */ + async determineModif() { + if (this.determineName.length < 3 || this.determineName.length > 15) return this.$zsw.toast('请在规定范围内修改打印机') + + if (this.printerId == uni.getStorageSync('peinterList')) { + uni.setStorageSync('printerName', this.determineName) + } + + let data = { + app_id: 1000, + print_no: this.printerId, + name: this.determineName, + sound: 1, + volume: 5 + } + let res = await this.$api.determinePrinter(data) + if (res.code == 0) { + this.$refs.modify.close() + this.$zsw.toast('修改成功', 1) + let data = { title: '全部', value: 0 } + this.setRuler(data, 0) + this.determineName = '' + } else { + this.$zsw.toast('修改失败', 2) + } + }, + + + /** + * 确定删除打印机 （弹框删除打印机 暂未使用） + */ + async determine(e) { + let data = { + app_id: 1000, + print_nos: this.printerId, + phone: e.phone, + code: e.code, + biz_id: this.bizId + } + let res = await this.$api.delPrinter(data) + console.log(res, '删除返回的数据'); + if (res.code == 0) { + this.$refs.ruler.$refs.popup.close() + this.$zsw.toast('删除成功', 1) + } else { + this.$zsw.toast('删除失败', 2) + } + }, + + + /** + * 添加打印机 + */ + addPrinter() { + uni.navigateTo({ url: '/subPackages/home-sub/addPrinter/addPrinter' }) + }, + + /** + * 打印机余额充值 + */ + playMoney(money, printerNum) { + uni.navigateTo({ url: `/subPackages/personalCenter-sub/topUp/topUp?money=${money}&printerNum=${printerNum}` }) + } +} \ No newline at end of file diff --git a/src/subPackages/home-sub/printerList/printerList.scss b/src/subPackages/home-sub/printerList/printerList.scss new file mode 100644 index 0000000..6beea96 --- /dev/null +++ b/src/subPackages/home-sub/printerList/printerList.scss @@ -0,0 +1,275 @@ +page { + background-color: #f3f3f3; + height: 100%; +} + + + +.search-root { + position: sticky; + top: 0; + z-index: 9999; + background-color: #fff; + + .search-color { + background-color: $zsw-prinmary-color; + } + + // 判断条件 + .itme-root { + display: flex; + justify-content: space-around; + border-bottom: 1rpx solid $zsw-aux-color; + + span { + display: inline-block; + width: 150rpx; + text-align: center; + padding: 15rpx 5rpx; + font-size: 34rpx; + letter-spacing: 5rpx; + } + + .span-activt { + color: $zsw-prinmary-color; + border-bottom: 3rpx solid $zsw-prinmary-color; + } + } +} + + +.printer-item-root { + + .item { + padding-bottom: 150rpx; + } + + .printer { + box-sizing: border-box; + background-color: #fff; + padding: 25rpx 35rpx; + margin-top: 30rpx; + + .money-root { + display: flex; + justify-content: space-between; + align-items: center; + + .left-money { + display: flex; + align-items: center; + border-bottom: 1rpx solid $zsw-aux-color; + padding-bottom: 15rpx; + + .warring { + color: red; + } + + img { + width: 40rpx; + height: 40rpx; + margin-left: 7rpx; + } + } + + .play-money { + padding: 8rpx 15rpx; + font-size: 24rpx; + border-radius: 7rpx; + color: #fff; + background-color: $zsw-light-color; + + } + } + + + + .printer-msg-root { + display: flex; + + img { + width: 200rpx; + height: 200rpx; + margin-right: 25rpx; + } + + .num { + .name { + font-size: 36rpx; + color: #000; + } + + font-size: 26rpx; + margin: 15rpx 0; + color: #9e9e9e; + + p>span { + color: #000; + } + + p { + line-height: 55rpx; + } + } + } + + .operation-root { + display: flex; + align-items: center; + justify-content: space-between; + border-top: 1rpx solid $zsw-aux-color; + padding-top: 25rpx; + + .modify, + .playPrinterText { + padding: 8rpx 15rpx; + font-size: 24rpx; + border-radius: 7rpx; + color: #fff; + } + + .playPrinterText { + background-color: $zsw-prinmary-color; + margin-right: 15rpx; + } + + .modify { + background-color: $zsw-light-color; + } + + .status { + .onLine { + padding: 8rpx 15rpx; + font-size: 20rpx; + background-color: $zsw-prinmary-color; + color: #fff; + border-radius: 7rpx; + margin-left: 15rpx; + } + + .noLine { + padding: 8rpx 15rpx; + font-size: 20rpx; + background-color: $zsw-error-color; + color: #fff; + border-radius: 7rpx; + margin-left: 15rpx; + } + } + } + } +} + + +.modif-root { + box-sizing: border-box; + padding: 35rpx; + border-radius: 25rpx 25rpx 0 0; + background-color: #fff; + + .prompt { + padding: 0 0 25rpx 0; + color: $zsw-error-color; + font-size: 28rpx; + } + + p { + span { + color: $zsw-error-color; + } + } + + .ipt { + box-sizing: border-box; + display: flex; + padding: 40rpx 0 10rpx 0; + border-bottom: 1rpx solid $zsw-aux-color; + } + + .btn-root { + box-sizing: border-box; + display: flex; + margin-top: 35rpx; + + .cancel { + border: 1rpx solid $zsw-prinmary-color; + color: $zsw-prinmary-color; + background-color: #fff; + } + + .determine { + background-color: $zsw-prinmary-color; + color: #fff; + } + + button { + padding: 0rpx 110rpx; + } + } +} + + +.printerText { + box-sizing: border-box; + background-color: #fff; + margin: 0 50rpx; + padding: 25rpx; + border-radius: 10rpx; + + .error { + font-size: 28rpx; + color: $zsw-error-color; + } + + p { + padding: 30rpx 0 10rpx 0; + border-bottom: 1rpx solid $zsw-aux-color; + } + + textarea { + margin-top: 10rpx; + border-bottom: 1rpx solid $zsw-aux-color; + max-height: 150rpx; + } + + .btn { + display: flex; + justify-content: space-around; + margin-top: 20rpx; + + span:nth-child(1) { + background-color: $zsw-error-color; + } + + span { + display: inline-block; + background-color: $zsw-prinmary-color; + padding: 15rpx 80rpx; + border-radius: 10rpx; + color: #fff; + } + } +} + + +// 添加打印机按钮 +.btn-root-one { + box-sizing: border-box; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + background-color: #fff; + padding: 18rpx 0; + + .add-btn-printer { + box-sizing: border-box; + background-color: $zsw-prinmary-color; + color: #fff; + text-align: center; + padding: 20rpx 0; + margin: 0 30rpx; + border-radius: 10rpx; + + } +} \ No newline at end of file diff --git a/src/subPackages/home-sub/printerList/printerList.vue b/src/subPackages/home-sub/printerList/printerList.vue new file mode 100644 index 0000000..449fac4 --- /dev/null +++ b/src/subPackages/home-sub/printerList/printerList.vue @@ -0,0 +1,205 @@ + +
+ 
+
+ {{ item.name }}
++ 打印机编号：{{ item.print_no }} + +
++ KEY：{{ item.print_key }} +
++ 注意：修改打印机无需验证当定手机号，可进行多次修改，打印机备注字数限制2 + - 15 个字符 +
++ 你正在修改：{{ printerName }} -- 的打印机 +
+备注：{{ printerName }}
+编号：{{ printerId }}
+ +切换设备
+ +系统公告
+ +系统公告
+{{ rorMater(item.created_at) }}
+{{ item.msg }}
+1、先打开手机定位 .
+2、在连接到家庭路由器2.4G频段网络 .
+3、在打印机关闭状态下按住走纸键不松开
+4、然后打开电源两秒内松开进入配网模式
+5、最后输入家庭路由器密码，点击连接 .
+
+ 
+
+ 京西云打印
+申请获取以下权限
+获得你的公开信息(昵称、头像等)
+ + +尊敬的用户您好，如果您在使用小程序或软件中发现问题，欢迎与我们联系。
+ +
+ {{ money
+ }}
+
您的京西豆余额
+
+ {{ item.j
+ }}
+
{{ item.m }}元
+其他金额
+
+
+
+
{{ iptMoney / 100 }}元
+备注
+切换列表
+对齐方式: {{textAlignRadio}}
+字号: {{textSize}}
+放大: {{fontWQeight}}
+隔行: {{textBr}}
+注意：预览模板与实际打印效果存在误差，请以实际打印效果为准！
+温馨提示：向左滑动进行修改与删除操作
++ 注意：预览模板与实际打印效果存在误差，请以实际打印效果为准！ +
+
+
+安卓扫码下载体验
+
+
+##组件说明
+
+> * 看图，这是一个传入列表数据会生成一个可拖动排序列表的组件。
+> * 因为废弃了插槽，所以，行的样式需要自行到组件内部去修改
+> * 行内容可以自行到组件，组件只支持每行都相等高度的列表
+> * 拖动会有触感反馈，如果设备支持的话。
+> * 组件使用了wxs，兼容APP-VUE、H5、MP-WEIXIN，其他端未做兼容，不支持。
+> * [BUG] vue3下，只支持长按拖拽
+> * 下载示例并运行，你的很多疑问或得到答案。
+
+
+###属性说明
+
+|属性名 |类型 |说明 |
+|-- |-- |-- |
+|list|ObjectArray |必填，列表数据，数据格式请参考示例，注意:数据非双向绑定，拖动并不会直接修改list数据，排序过的数据在confirm中获取 | +|rowHeight|Int |选填，每一行的高度，单位:px，默认44px | +|listHeight|Int |选填，整个列表的高度，默认等于窗口高度 | +|listBackgroundColor|String |选填，列表底色,注意是列表的底色，不是行的底色，默认#FFFFFF | +|feedbackGeneratorState|Boolean |选填，是否开启拖动触感反馈，可选值true/false，默认true 开启 | +|isLongTouch|Boolean |选填，是否长按拖动，可选值true/false，默认false 关闭，如果是整行拖拽，请开启长按拖拽，不然页面不能滚动 | +|isAutoScroll|Boolean |选填，是否拖拽至边缘自动滚动列表，可选值true/false，默认true 开启 | +|longTouchTime|Int |选填，触发长按时长，单位:ms，默认350ms | +|@onclick|EventHandle |点击事件，返回被点击行的数据，event = {index:被点击行的下标,row:被点击行的数据} | +|@confirm|EventHandle |拖拽结束且行位置发生了改变，触发confirm事件，event = {index:'原始下标',moveTo:'被拖动到的下标',moveRow:'拖动行数据',list:'整个列表拖动后的数据'} | +|@change|EventHandle |拖拽过程中，行位置发生交换时，触发change事件，event = {index:'原始下标',moveTo:'被拖动到的下标',moveRow:'拖动行数据'} | + +##使用示例 +页面: +``` + +
|
+ |
` + } + if(element.selectTitle == '订单二维码') { + if(element.signAlign == '左对齐') { + newModel.qrcOrder = `
%s`, element) + + } else if(element.signBig == '中号') { + newModel.payOrderTime = model2(`
%s`, element) + + } else if(element.signBig == '中号') { + newModel.trySendTime = model2(`
%s`, element) + + } else if(element.signBig == '中号') { + newModel.consigneeName = model2(`
%s`, element) + + } else if(element.signBig == '中号') { + newModel.consigneeMobile = model2(`
%s`, element) + + } else if(element.signBig == '中号') { + newModel.consigneeAddress = model2(`
%s`, element) + + } else if(element.signBig == '中号') { + newModel.buyerComment = model2(`
` + newModel.skuUpc = `upc码： %s
` + + if(element.signBig == '大号') { + newModel.goodsListDetail = `
--------------------------------
` + newModel.skuName = `%s
` // 名字大号 + newModel.allSkuTypeCount = `
共 %s 种 ` + newModel.allSkuCount = `%s 件商品` + newModel.userPayMoney = `--------------------------------
--------------------------------
` + newModel.skuName = `
` // 名字小号 + newModel.allSkuTypeCount = `
` + newModel.userPayMoney = `
` + + } else if(element.signBig == '小号') { + newModel.goodsListDetail = `
${element.textTitle}
品名 数量 单价 小计
--------------------------------
` + newModel.skuName = `%s
` // 名字小号 + newModel.allSkuTypeCount = `
共 %s 种 ` + newModel.allSkuCount = `%s 件商品
` + newModel.userPayMoney = `实付金额：%s
--------------------------------
` + } + } + + if(element.selectTitle == '商品质量问题') { + if(element.signBig == '大号') { + newModel.storeTel = `
` + + } else if(element.signBig == '中号') { + newModel.storeTel = `
` + + } else if(element.signBig == '小号') { + newModel.storeTel = `
` + + } + } + if(element.selectTitle == '自定义内容') { + if(element.signBig == '大号') { + newModel.custom = `
` + + } else if(element.signBig == '中号') { + newModel.custom = `
` + + } else if(element.signBig == '小号') { + newModel.custom = `
` + } + } + if(element.selectTitle == '是否为预定单') { + if(element.signBig == '大号') { + newModel.vendorName = model2(`${element.textTitle}：
%s`, element) + + } else if(element.signBig == '中号') { + newModel.vendorName = model2(`
%s`, element) + + } else if(element.signBig == '中号') { + newModel.orderNo = model2(`
` + } else if(element.br == '3行') { + br = `${textAlign}
` + } + + return br +} +/** + * 对齐解析 + */ +function model2(item, element) { + let textAlign = `` // 对齐方式 + let br = `` // 换行 + + if(element.textTitle == '') { + textAlign = item + } else { + // 解析对齐方式 最后写对齐方式 + if(element.signAlign == '左对齐') { + textAlign = `
` + } else if(element.br == '3行') { + br = `${textAlign}
` + } + + return br +} + + + +/** + * 解析小程序预览 + * 日期：2022年8月30日 + */ +export function HTMLMode(data) { + let newArr = '' + newArr = `
美团外卖
美团外卖 #20
美团外卖 #20
美团外卖 #20
${element.textTitle}
品名数量单价小计
小葱约50g/份
` // 名字大号 + newArr += ` ×1￥0.01￥0.01
`
+ newArr += `[冻]鸡胸肉约200g/份
` // 名字大号 + newArr += ` ×1￥9.80￥9.80
`
+ newArr += `[新鲜]新土豆500g/份
` // 名字大号 + newArr += ` ×1￥1.00￥1.00
`
+ newArr += `upc码：20220830
`
+ newArr += `共 3 种 3 件商品
` + newArr += `实付金额：￥10.89
${element.textTitle}
品名数量单价小计
小葱约50g/份
` // 名字大号 + newArr += ` ×1￥0.01￥0.01
`
+ newArr += `[冻]鸡胸肉约200g/份
` // 名字大号 + newArr += ` ×1￥9.80￥9.80
`
+ newArr += `[新鲜]新土豆500g/份
` // 名字大号 + newArr += ` ×1￥1.00￥1.00
`
+ newArr += `upc码：20220830
`
+ newArr += `共 3 种 3 件商品
` + newArr += `实付金额：￥10.89
${element.textTitle}
品名数量单价小计
小葱约50g/份
` // 名字大号
+ newArr += ` ×1￥0.01￥0.01
`
+ newArr += `[冻]鸡胸肉约200g/份
` // 名字大号
+ newArr += ` ×1￥9.80￥9.80
`
+ newArr += `[新鲜]新土豆500g/份
` // 名字大号
+ newArr += ` ×1￥1.00￥1.00
`
+ newArr += `upc码：20220830
`
+ newArr += `共 3 种 3 件商品
`
+ newArr += `实付金额：￥10.89
${element.textTitle}
157****7802
牦牛肉火锅
更多信息请关注官方微信
京西菜市
` + + } else if(element.signBig == '中号') { + newArr += `
${element.textTitle}
157****7802
牦牛肉火锅
更多信息请关注官方微信
京西菜市
` + + } else if(element.signBig == '小号') { + newArr += `
` + + } + } + if(element.selectTitle == '自定义内容') { + if(element.signBig == '大号') { + newArr += `
商家备注
${element.textTitle}
商家备注
${element.textTitle}
${item}
`
+ } else if (element.signAlign == '居中') {
+ textAlign = `${item}
`
+ }
+ }
+
+ // 解析换行
+ if(element.br == '1行') {
+ br = `${textAlign}`
+ } else if(element.br == '2行') {
+ br = `${textAlign}` + } else if(element.br == '3行') { + br = `${textAlign}
` + } + + return br +} +// 解析小号对齐方式 +function HTMLAlign(element, item) { + let HWWeigh = `` // 字体放大 + let textAlign = `` // 对齐方式 + let br = `` // 换行 + + // 解析字体横纵向放大 + if(element.signHWBig == '不放大') { + HWWeigh = `${item}` + } else if (element.signHWBig == '横向放大') { + HWWeigh = `${item}` + } else if (element.signHWBig == '纵向放大') { + HWWeigh = `${item}` + } + + if(element.textTitle == '') { + textAlign = HWWeigh + } else { + // 解析对齐方式 最后写对齐方式 + if(element.signAlign == '左对齐') { + textAlign = `
${HWWeigh}
`
+ } else if (element.signAlign == '居中') {
+ textAlign = `${HWWeigh}
`
+ }
+ }
+
+ // 解析换行
+ if(element.br == '1行') {
+ br = `${textAlign}`
+ } else if(element.br == '2行') {
+ br = `${textAlign}` + } else if(element.br == '3行') { + br = `${textAlign}
` + } + + return br +} +// 大中小号字体 +function TEXT(element, center) { + if(element.signBig == '大号') { + return HTML(`