qimall/backend/modules/mall/views/setting/printer.php

<style>
    .form-body {
        padding: 20px 0;
        background-color: #fff;
        margin-bottom: 20px;
    }

    .form-button {
        margin: 0;
    }

    .form-button .el-form-item__content {
        margin-left: 0!important;
    }

    .button-item {
        padding: 9px 25px;
    }
    .app-share {
        padding-top: 12px;
        border-top: 1px solid #e2e2e2;
        margin-top: -20px;
    }

    .app-share .app-share-bg {
        position: relative;
        width: 310px;
        height: 360px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

    .app-share .app-share-bg .title {
        width: 160px;
        height: 29px;
        line-height: 1;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .app-share .app-share-bg .pic-image {
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: cover;
        width: 160px;
        height: 130px;
    }
    .goods-list {
        flex-wrap: wrap;
        margin-top: 10px;
        /* cursor: move; */
    }
    .goods-item,
    .goods-add {
        width: 50px;
        height: 50px;
        position: relative;
        border: 1px solid #e2e2e2;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .goods-add .el-button {
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 0;
        padding: 0;
    }
    .goods-delete {
        position: absolute;
        left: calc(100% - 13px);
        top: -13px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        padding: 0 0;
        visibility: hidden;
        z-index: 1;
    }
    .goods-delete .el-icon-close {
        position: absolute;
        top: 6px;
        left: 6px;
    }
    .goods-item:hover .goods-delete {
        visibility: visible;
    }
    .goods-pic {
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        background-color: #f6f6f6;
        background-repeat: no-repeat;
    }
    .input-item {
        display: inline-block;
        width: 250px;
        margin: 0;
    }
    .input-item .el-input__inner {
        border-right: 0;
    }
    .input-item .el-input__inner:hover {
        border: 1px solid #dcdfe6;
        border-right: 0;
        outline: 0;
    }
    .input-item .el-input__inner:focus {
        border: 1px solid #dcdfe6;
        border-right: 0;
        outline: 0;
    }
    .input-item .el-input-group__append {
        background-color: #fff;
        border-left: 0;
        width: 10%;
        padding: 0;
    }
    .input-item .el-input-group__append .el-button {
        padding: 0;
    }
    .input-item .el-input-group__append .el-button {
        margin: 0;
    }
    .customize-share-title {
        position: relative;
        margin-top: 10px;
    }
    .customize-share-title .del-btn {
        position: absolute;
        top: -10px;
        left: 70px;
    }
</style>
<!--打印机列表-->
<div id="app">
    <div v-cloak v-if="printer">
        <div >
            <el-button style="float: right; margin: 5px 0" type="primary" size="small"
            @click="handle('pop_add_printer')">添加打印机
            </el-button>
        </div>
        <el-table v-loading="loading" border :data="printerData" style="width: 100%;margin-bottom: 15px">
            <el-table-column width='300' prop="name" label="打印机名称"></el-table-column>
            <el-table-column prop="brand" label="打印机品牌"></el-table-column>
            <el-table-column label="操作" width="220">
                <template slot-scope="scope">
                    <el-button type="text" @click="handle('get_setting', scope.row)" size="small" circle>
                        <el-tooltip class="item" effect="dark" content="门店打印配置" placement="top">
                            <img src="resources/img/mall/edit.png" alt="">
                        </el-tooltip>
                    </el-button>
                    <el-button type="text" @click="handle('printer_edit', scope.row)" size="small" circle>
                        <el-tooltip class="item" effect="dark" content="打印机配置" placement="top">
                            <img src="resources/img/mall/detail.png" alt="">
                        </el-tooltip>
                    </el-button>
                    <el-button type="text" @click="handle('delete_printer', scope.row.id)" size="small" circle>
                        <el-tooltip class="item" effect="dark" content="删除" placement="top">
                            <img src="resources/img/mall/del.png" alt="">
                        </el-tooltip>
                    </el-button>
                </template>
            </el-table-column>
        </el-table>
    </div>
    <!--打印机列表-->

    <!--弹出添加打印机-->
    <!--------------------------------------->
    <el-dialog :close-on-click-modal="false" title="打印设置" :visible.sync="printerPop" width="35%">
        <el-form :model="printerForm"  label-width="10rem" :rules="FormRules" ref="printerForm">
            <div class="form-body">
                <el-form-item label="打印机名称" prop="print_name">
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.print_name" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item prop="type">
                    <template slot='label'>
                        <span>打印机类型</span>
                        <el-tooltip effect="dark" content="目前支持365-kdt2云打印、易联云、飞鹅打印机、佳博云打印"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-select size="small" v-model="form.type" placeholder="请选择打印机类型" @change="toggle">
                            <el-option :label="item.label" :value="item.value" v-for="item in selectPrintType" :key="item.id"></el-option>
                        </el-select>
                    </el-col>
                </el-form-item>
                <el-form-item prop="apiKey" v-if="form.type == 'gainscha-gp'">
                    <template slot='label'>
                        <span>API密钥</span>
                        <el-tooltip effect="dark" content="(云平台系统集成里获取)"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.apiKey" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item prop="user" v-if="form.type == 'feie'">
                    <template slot='label'>
                        <span>USER</span>
                        <el-tooltip effect="dark" content="飞鹅云后台注册用户名"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.user" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item prop="ukey" v-if="form.type == 'feie'">
                    <template slot='label'>
                        <span>UKEY</span>
                        <el-tooltip effect="dark" content="飞鹅云后台登录生成的UKEY"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.ukey" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item prop="sn" v-if="form.type == 'feie'">
                    <template slot='label'>
                        <span>打印机编号</span>
                        <el-tooltip effect="dark" content="打印机编号9位,查看飞鹅打印机底部贴纸上面的打印机编号"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.sn" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item prop="machine_code" v-if="form.type == 'yilianyun-k4'">
                    <template slot='label'>
                        <span>终端号</span>
                        <el-tooltip effect="dark" content="打印机终端号"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.machine_code" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item prop="key" v-if="form.type == 'feie' || form.type == 'yilianyun-k4'">
                    <template slot='label'>
                        <span>{{form.type == 'feie'?'打印机key':'密钥'}}</span>
                        <el-tooltip effect="dark" :content="form.type == 'feie'?'查看飞鹅打印机底部贴纸上面的打印机key':'打印机终端密钥'"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.key" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item label="打印机编号" prop="name" v-if="form.type == '360-kdt2'">
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.name" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item label="打印机密钥" prop="key" v-if="form.type == '360-kdt2'">
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.key" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item prop="client_id" v-if="form.type == 'yilianyun-k4'">
                    <template slot='label'>
                        <span>用户ID</span>
                        <el-tooltip effect="dark" content="用户id（管理中心系统集成里获取）"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.client_id" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item label="" prop="client_key" v-if="form.type == 'yilianyun-k4'">
                    <template slot='label'>
                        <span>apiKey</span>
                        <el-tooltip effect="dark" content="apiKey（管理中心系统集成里获取）"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.client_key" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item prop="memberCode" v-if="form.type == 'gainscha-gp'">
                    <template slot='label'>
                        <span>商户编号</span>
                        <el-tooltip effect="dark" content="(云平台系统集成里获取)"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.memberCode" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item prop="deviceNo" v-if="form.type == 'gainscha-gp'">
                    <template slot='label'>
                        <span>终端编号</span>
                        <el-tooltip effect="dark" content="(云平台系统集成里获取)"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.deviceNo" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>
                <el-form-item prop="time">
                    <template slot='label'>
                        <span>打印联数</span>
                        <el-tooltip effect="dark" content="同一订单，打印的次数"
                                placement="top">
                            <i class="el-icon-info"></i>
                        </el-tooltip>
                    </template>
                    <el-col :span="10">
                        <el-input size="small" v-model="printerForm.time" autocomplete="off"></el-input>
                    </el-col>
                </el-form-item>                
            </div>
            <el-form-item class="form-button">
                <el-button sizi="mini" class="button-item" :loading="loading" type="primary" @click="handle('add_printer')">
                    保存
                </el-button>
                <el-button sizi="mini" class="button-item" @click="handle('cancel_add_printer')">
                    取消
                </el-button>
            </el-form-item>
        </el-form>
    </el-dialog>
    <!--弹出添加打印机-->

    <!--打印机门店配置列表-->
    <div v-loading="loading" v-if="printerSetting">
        <div >
            <el-button style="float: right; margin: 5px 0" type="primary" size="small" @click="handle('add_setting_pop')">添加门店打印设置
            </el-button>
        </div>
        <el-table  border :data="printerSettingList" style="width: 100%;margin-bottom: 15px">
            <el-table-column width='100' prop="id" label="打印机id"></el-table-column>
            <el-table-column width="150" prop="name" label="打印机名称"></el-table-column>
            <el-table-column label="打印方式">
                <template slot-scope="scope">
                    <el-tooltip style="margin-right: 10px" effect="dark" v-if="scope.row.type.order == '1'" content="下单打印" placement="top">
                            <img src="resources/img/mall/order_print.png" alt="">
                    </el-tooltip>
                    <el-tooltip style="margin-right: 10px" effect="dark" v-if="scope.row.type.pay == '1'" content="付款打印" placement="top">
                            <img src="resources/img/mall/pay_print.png" alt="">
                    </el-tooltip>
                    <el-tooltip style="margin-right: 10px" effect="dark" v-if="scope.row.type.confirm == '1'" content="确认收货打印" placement="top">
                            <img src="resources/img/mall/confirm_print.png" alt="">
                    </el-tooltip>
                </template>
            </el-table-column>
            <el-table-column prop="store_name" label="所属门店"></el-table-column>
            <el-table-column label="是否使用规格" width="120">
                    <template slot-scope="scope">
                        <el-switch
                                :active-value="1"
                                :inactive-value="0"
                                @change="handle('update_setting', scope.row)"
                                v-model="scope.row.is_attr">
                        </el-switch>
                    </template>
                </el-table-column>
                <el-table-column label="是否启用" width="100">
                    <template slot-scope="scope">
                        <el-switch
                                :active-value="1"
                                :inactive-value="0"
                                @change="handle('update_setting', scope.row)"
                                v-model="scope.row.status">
                        </el-switch>
                    </template>
                </el-table-column>
                <el-table-column label="操作" width="220">
                    <template slot-scope="scope">
                        <el-button type="text" @click="handle('add_setting_pop', scope.row)" size="small" circle>
                            <el-tooltip class="item" effect="dark" content="编辑门店配置" placement="top">
                                <img src="resources/img/mall/edit.png" alt="">
                            </el-tooltip>
                        </el-button>
                        <el-button type="text" @click="handle('delete_setting', scope.row.id)" size="small" circle>
                            <el-tooltip class="item" effect="dark" content="删除" placement="top">
                                <img src="resources/img/mall/del.png" alt="">
                            </el-tooltip>
                        </el-button>
                    </template>
                </el-table-column>
        </el-table>
        <div flex="box:last cross:center">
                <div></div>
                <div>
                <el-pagination v-if="pagination" :page-size="pagination.defaultPageSize"
                                style="display: inline-block;float: right;" background @current-change="pageChange"
                                layout="prev, pager, next" :total="pagination.totalCount">
                    </el-pagination>
                </div>
            </div>
    </div>
    <!--打印机门店配置列表-->

    <!--弹窗添加配置弹窗-->
    <el-dialog :close-on-click-modal="false" title="打印设置" :visible.sync="settingPop" width="35%">
        <el-form v-loading="loading" :model="printerSettingForm" label-width="10rem" label-position="right">
            <!-- <el-form-item label="选择打印机" prop="select">
                <el-select filterable v-model="printerSettingForm.printer_id" size="small">
                  <el-option :label="item.name" :value="item.id" :key="item.id" v-for="item in select"></el-option>
                </el-select>
            </el-form-item> -->
            <el-form-item label="选择门店" prop="select">
                <el-select filterable v-model="printerSettingForm.store_id" size="small">
                    <el-option :label="item.name" :value="item.id" :key="item.id" v-for="item in stores"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="是否打印规格" prop="is_attr">
                <el-switch v-if="!loading"
                    v-if="settingPop"
                    v-model="printerSettingForm.is_attr"
                    :active-value="1"
                    :inactive-value="0">
                </el-switch>
            </el-form-item>
            <el-form-item label="订单打印方式" prop="type">
                <el-checkbox-group v-if="!loading" v-model="type">
                    <el-checkbox label="order">下单打印</el-checkbox>
                    <el-checkbox label="pay">付款打印</el-checkbox>
                    <el-checkbox label="confirm">确认收货打印</el-checkbox>
                </el-checkbox-group>
            </el-form-item>
            <el-form-item label="是否启用" prop="status">
                <el-switch v-if="!loading"
                    v-if="settingPop"
                    v-model="printerSettingForm.status"
                    :active-value="1"
                    :inactive-value="0">
                </el-switch>
            </el-form-item>
            <el-form-item style="margin-bottom: 0">
                <el-button type="primary" size="small" style="float: right;width: 80px;margin-right: 20px;" :loading="loading" @click="handle('add_setting')">提交</el-button>
            </el-form-item>
        </el-form>
    </el-dialog>
    <!--弹处添加配置弹窗-->
</div>

<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                openOff: false,
                printerSettingList: [],
                pagination: null,
                loading: false,
                printer: true,//打印机列表
                printerPop: false,//新增打印机弹窗
                printerSetting: false,//打印机设置
                settingPop: false,//设置弹窗
                printer_id: 1,
                printer_name: '',
                selectPrintType: [],
                app_style: [],
                type: [],
                form: {},
                printerForm: {},
                printerData:[],
                submitLoading: false,
                submitSettingLoading: false,
                printerSettingPage: 1,
                stores: [{id:0,name:"全门店通用"}],
                printerSettingForm: {
                    is_attr: '0',
                    status: '0',
                    store_id: 0,
                    type: {
                        order: '0',
                        pay: '0',
                        confirm: '0',
                    },
                },
                FormRules: {
                    print_name: [
                        { required: true, message: '打印机名称不能为空', trigger: 'change' },
                        { min: 1, max: 30, message: "打印机名称长度在1-30个字符内" },
                    ],
                    name: [
                        { required: true, message: '打印机编号不能为空', trigger: 'change' }
                    ],
                    user: [
                        { required: true, message: '用户名不能为空', trigger: 'change' }
                    ],
                    ukey: [
                        { required: true, message: 'UKEY不能为空', trigger: 'change' }
                    ],
                    sn: [
                        { required: true, message: '打印机编号不能为空', trigger: 'change' }
                    ],
                    machine_code: [
                        { required: true, message: '终端号不能为空', trigger: 'change' }
                    ],
                    key: [
                        { required: true, message: '密钥不能为空', trigger: 'change' }
                    ],
                    client_key: [
                        { required: true, message: 'API密钥不能为空', trigger: 'change' }
                    ],
                    apiKey: [
                        { required: true, message: 'API密钥不能为空', trigger: 'change' }
                    ],
                    memberCode: [
                        { required: true, message: '商户编号不能为空', trigger: 'change' }
                    ],
                    deviceNo: [
                        { required: true, message: '终端编号不能为空', trigger: 'change' }
                    ],
                    client_id: [
                        { required: true, message: '用户ID不能为空', trigger: 'change' }
                    ],
                    time: [
                        { required: true, message: '打印联数不能为空', trigger: 'change' }
                    ],
                },
            }
        },
        mounted: function() {
            this.loadData();
        },
        methods: {
            //打印机列表
            loadData() {
                this.loading = true;
                this.printerPop = false;
                request({
                    params: {
                        r: 'mall/setting/printer',
                    },
                    method: 'get'
                }).then(e=>{
                    this.loading = false;
                    if (e.data.code == 0) {
                        this.printerData = e.data.data;
                    }
                }).catch(e => {
                    this.loading = false;
                    this.$message.error(e.data.msg);
                })
                request({
                    params: {
                        r: 'mall/setting/get-printer-type'
                    },
                    method: 'get'
                }).then(e=>{
                    if (e.data.code == 0) {
                        this.selectPrintType = e.data.data;
                    } else {
                        this.$message({
                            message: e.data.msg,
                            type: 'error'
                        });
                    }
                }).catch(e=>{
                    this.$message({
                        message: e.data.msg,
                        type: 'error'
                    });
                })

            },
            //商户打印配置列表
            loadSettingData(){
                this.loading = true;
                this.printerPop = false;
                this.printer = false;
                this.printerSetting = true;
                id = this.printer_id;
                request({
                    params: {
                        r: 'mall/setting/printer-setting',
                        printer_id: id,
                    },
                    method: 'get',
                }).then(e => {
                    this.loading = false;
                    if (e.data.code == 0) {
                        this.printerSettingList = e.data.data.list;
                        this.pagination = e.data.data.pagination;
                    }
                }).catch(err=>{
                    this.loading = true;
                    this.$message({
                        message: err.data.msg,
                        type: 'error'
                    });
                })
            },
            pageChange(page) {
                this.printerSettingPage = page;
                this.loadSettingData();
            },
            handle(type, data = null) {
                switch (type) {
                    //弹出添加打印机弹窗
                    case 'pop_add_printer':
                        this.printerPop = true;
                        this.loading = false;
                        break;
                    //添加打印机
                    case 'add_printer':
                        this.$refs.printerForm.validate((valid) => {
                            this.loading = true;
                            this.printerForm.type = this.form.type;
                            this.printerForm.name = this.printerForm.print_name;
                            let para = Object.assign(this.printerForm);
                            console.log(para);
                            request({
                                params: {
                                    r: 'mall/setting/edit-printer',
                                },
                                data: para,
                                method: 'post'
                            }).then(e=>{
                                this.loading = false;
                                if (e.data.code == 0) {
                                    this.$message({
                                        message: e.data.msg,
                                        type: 'success'
                                    });
                                    location.reload();
                                } else {
                                    this.$message({
                                        message: e.data.msg,
                                        type: 'error'
                                    });
                                }
                            }).catch(e=>{
                                this.loading = false;
                                this.$message({
                                    message: e.data.msg,
                                    type: 'error'
                                });
                            })
                        })
                        break;
                    //打印机设置
                    case 'get_setting':
                        this.printer_id = data.id;
                        this.printer_name = data.name;
                        this.loadSettingData();
                        break;
                    //弹处添加设置弹窗
                    case 'add_setting_pop':
                        this.settingPop = true;
                        this.printerPop = false;
                        this.printer = false;
                        this.printerSettingForm['printer_id'] = this.printer_id;
                        this.printerSettingForm['name'] = this.printer_name;
                        this.printerSettingForm['id'] = '';
                        if (data != null) {
                            this.printerSettingForm = data;
                            if (this.printerSettingForm.type.order == 1) this.type.push('order');
                            if (this.printerSettingForm.type.pay == 1) this.type.push('pay');
                            if (this.printerSettingForm.type.confirm == 1) this.type.push('confirm');
                        }
                        break;
                    //添加设置
                    case 'add_setting':
                        this.loading = true;
                        this.printerSettingForm.type.order = this.type.indexOf('order') !== -1 ? 1 :0;
                        this.printerSettingForm.type.pay = this.type.indexOf('pay') !== -1 ? 1 :0;
                        this.printerSettingForm.type.confirm = this.type.indexOf('confirm') !== -1 ? 1 :0;
                        this.printerSettingForm.type = JSON.stringify(this.printerSettingForm.type);
                        let para = Object.assign(this.printerSettingForm);
                        request({
                            params: {
                                r: 'mall/setting/edit-printer-setting'
                            },
                            data: para,
                            method: 'post'
                        }).then(e=>{
                            this.loading = false;
                            if (e.data.code == 0) {
                                this.$message({
                                message: e.data.msg,
                                type: 'success'
                                });
                                this.printerSettingPage = 1;
                                this.settingPop = false;
                                this.loadSettingData();
                                this.printerSettingForm={is_attr: '0',status: '0',store_id: 0,type: {order: '0',pay: '0',confirm: '0'}};
                                this.type = [];
                            } else {
                                this.$message({
                                    message: e.data.msg,
                                    type: 'error'
                                });
                            }
                        }).catch(e=>{
                            this.loading = false;
                            this.$message.error(e.data.msg);
                        })
                        break;
                    //删除设置
                    case 'delete_setting':
                        this.loading = true;
                        this.$confirm('确认删除该记录吗?', '提示',{
                            type: 'warning'
                        }).then(() => {
                            request({
                                params: {
                                    r: 'mall/setting/dele-printer-setting',
                                },
                                method: 'post',
                                data: {
                                    id: data,
                                }
                            }).then(e=>{
                                console.log(e)
                                this.loading = false;
                                this.$message({
                                    message: e.data.msg,
                                    type: 'success'
                                });
                                this.loadSettingData();
                            }).catch(e=>{
                                this.loading = false;
                                this.$message({
                                    message: e.data.msg,
                                    type: 'error'
                                });
                            })
                        })
                        break;
                    //删除打印机
                    case 'delete_printer':
                        this.$confirm('确认删除该记录吗?', '提示',{
                            type: 'warning'
                        }).then(() => {
                            this.loading = true;
                            request({
                                params: {
                                    r: 'mall/setting/dele-printer',
                                },
                                method: 'post',
                                data: {
                                    id: data,
                                }
                            }).then(e=>{
                                this.loading = false;
                                this.$message({
                                    message: e.data.msg,
                                    type: 'success'
                                });
                                location.reload();
                            }).catch(e=>{
                                this.loading = false;
                                this.$message({
                                    message: e.data.msg,
                                    type: 'error'
                                });
                            })
                        })
                        break;
                    //编辑打印机
                    case 'printer_edit':
                        this.printerPop = true;
                        this.$set(this.printerForm,"type", data['type']);
                        this.$set(this.printerForm,"brand", data['brand']);
                        this.$set(this.printerForm,"name", data['name']);
                        this.$set(this.printerForm,"print_name", data['name']);
                        this.$set(this.form,'type',data['type']);
                        for (i in data['printer_config']) {
                            this.$set(this.printerForm,i,data['printer_config'][i]);
                        }
                        this.printerForm['id'] = data['id'];
                        break;
                    //关闭添加打印机
                    case 'cancel_add_printer':
                        this.printerPop = false;
                        break;
                    //是否启用，是否使用规格
                    case 'update_setting':
                        request({
                            params: {
                                r: 'mall/setting/change-printer-setting',
                            },
                            method: 'post',
                            data: {status: data['status'], is_attr: data['is_attr'], id:data['id']}
                        }).then(e=>{
                            if (e.data.code == 0) {
                                this.$message({
                                    message: e.data.msg,
                                    type: 'success'
                                });
                            } else {
                                this.$message({
                                    message: e.data.msg,
                                    type: 'error'
                                });
                            }
                        }).catch(e=>{
                            this.$message({
                                message: e.data.msg,
                                type: 'error'
                            });
                        })
                        break;
                    default:
                        break;
                }
            },
            //选择打印机
            toggle(value) {
                for (let i = 0; i < this.selectPrintType.length; i++) {
                    if (this.selectPrintType[i]['value'] == value) {
                        this.printerForm.brand = this.selectPrintType[i]['label'];
                    }
                }
                this.$refs.printerForm.clearValidate()
            },
        }
    })
</script>