qimall/addons/JoinPay/backend/views/default/index.php

<?php
use common\helpers\ComponentHelper;
ComponentHelper::loadComponentView('more-merchant', __DIR__ . '/../components');
?>
<div id="app" v-cloak>
    <el-card class="box-card" v-loading="loading" shadow="never" style="border:0;min-width: 1200px;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div class="form_box">
            <template>
                <el-card>
                    <el-form :model="basic" size="small" ref="ruleForm" label-width="180px">
                        <!-- :rules="rules" -->
                        <el-tabs v-model="activeName" type="card">
                            <el-tab-pane label="基本设置" name="basic">
                                <el-row>
                                    <el-col :span="24">
                                        <div class="title paddingTop">
                                            <span class="title-line"></span>
                                            <span>汇聚支付配置</span>
                                        </div>
                                        <div class="form-body">
                                            <el-form-item label="汇聚支付" prop="joinpay_status">
                                                <el-switch v-model="basic.joinpay_status" :active-value="1" :inactive-value="0"></el-switch>
                                            </el-form-item>
                                            <el-form-item label="商户编号" prop="joinpay_merchant_no" :rules="[{required: true, message: '商户编号不能为空', trigger: 'blur'}]">
                                                <el-input type="text" v-model="basic.joinpay_merchant_no" placeholder=""></el-input>
                                            </el-form-item>
                                            <el-form-item label="商户密钥" prop="joinpay_merchant_secret" :rules="[{required: true, message: '商户密钥不能为空', trigger: 'blur'}]">
                                                <el-input type="text" v-model="basic.joinpay_merchant_secret"></el-input>
                                            </el-form-item>
                                            <el-form-item label="微信小程序-报备商户号" prop="joinpay_wechat_xcx_trade_merchant_no" :rules="[{required: true, message: '微信小程序-报备商户号不能为空', trigger: 'blur'}]">
                                                <el-input type="text" v-model="basic.joinpay_wechat_xcx_trade_merchant_no"></el-input>
                                            </el-form-item>
                                            <el-form-item label="微信小程序 APPID" prop="joinpay_wechat_xcx_appid" :rules="[{required: true, message: '微信小程序 APPID 不能为空', trigger: 'blur'}]">
                                                <el-input type="text" v-model="basic.joinpay_wechat_xcx_appid"></el-input>
                                            </el-form-item>
                                            <el-form-item label="微信公众号-报备商户号" prop="joinpay_wechat_gzh_trade_merchant_no" :rules="[{required: true, message: '微信公众号-报备商户号不能为空', trigger: 'blur'}]">
                                                <el-input type="text" v-model="basic.joinpay_wechat_gzh_trade_merchant_no"></el-input>
                                            </el-form-item>
                                            <el-form-item label="微信公众号 APPID" prop="joinpay_wechat_gzh_appid" :rules="[{required: true, message: '微信公众号 APPID 不能为空', trigger: 'blur'}]">
                                                <el-input type="text" v-model="basic.joinpay_wechat_gzh_appid"></el-input>
                                            </el-form-item>
                                            <el-form-item label="支付宝-报备商户号" prop="joinpay_alipay_trade_merchant_no" :rules="[{required: true, message: '支付宝-报备商户号不能为空', trigger: 'blur'}]">
                                                <el-input type="text" v-model="basic.joinpay_alipay_trade_merchant_no"></el-input>
                                            </el-form-item>
                                            <el-form-item label="APP3-报备商户号" prop="joinpay_app3_trade_merchant_no">
                                                <el-input type="text" v-model="basic.joinpay_app3_trade_merchant_no"></el-input>
                                            </el-form-item>
                                            <el-form-item label="银联云闪付-报备商户号" prop="joinpay_unionpay_trade_merchant_no">
                                                <el-input type="text" v-model="basic.joinpay_unionpay_trade_merchant_no"></el-input>
                                            </el-form-item>
                                            <el-form-item label="快捷支付" prop="joinpay_fast_pay_status">
                                                <el-switch v-model="basic.joinpay_fast_pay_status" :active-value="1" :inactive-value="0"></el-switch>
                                            </el-form-item>
                                            <el-form-item label="汇聚快捷支付私钥" prop="joinpay_fast_pay_private_key">
                                                <el-input v-model="basic.joinpay_fast_pay_private_key" type="textarea" :rows="5"></el-input>
                                            </el-form-item>
                                            <el-form-item label="汇聚快捷支付公钥" prop="joinpay_fast_pay_public_key">
                                                <el-input v-model="basic.joinpay_fast_pay_public_key" type="textarea" :rows="5"></el-input>
                                            </el-form-item>
                                        </div>
                                    </el-col>
                                    <el-col :span="24">
                                        <div class="title paddingTop">
                                            <span class="title-line"></span>
                                            <span>汇聚支付方式</span>
                                        </div>
                                        <div class="form-body">
                                            <el-form-item label="支付渠道" required>
                                                <el-col :span="12">
                                                    <!-- <el-switch v-model="basic.trade_channel" :active-value="1" :inactive-value="0" active-text="是" inactive-text="否"> </el-switch> -->
                                                    <el-checkbox-group v-model="basic.joinpay_trade_channel">
                                                        <el-checkbox :key="0" :label="1">商品订单</el-checkbox>
                                                        <el-checkbox :key="1" :label="2">余额充值</el-checkbox>
                                                    </el-checkbox-group>
                                                </el-col>
                                            </el-form-item>
                                            <!-- 微信支付 -->
                                            <el-form-item label="微信支付名称">
                                                <el-input v-model="basic.joinpay_wechat_trade_name" s微信-汇聚支付ize="small" placeholder="微信-汇聚支付"></el-input>
                                            </el-form-item>
                                            <el-form-item label="支付宝支付名称">
                                                <el-input v-model="basic.joinpay_alipay_trade_name" size="small" placeholder="支付宝-汇聚支付"></el-input>
                                            </el-form-item>
                                            <el-form-item label="云闪付支付名称">
                                                <el-input v-model="basic.joinpay_unionpay_trade_name" size="small" placeholder="云闪付-汇聚支付"></el-input>
                                            </el-form-item>
                                            <el-form-item label="APP端支付">
                                                <el-switch v-model="basic.joinpay_platform_app_open" :active-value="1" :inactive-value="0"></el-switch>
                                                <p class="tips-text" style="width:600px;">关闭后，APP端将不支持汇聚支付</p>
                                                <p class="tips-text" v-if="basic.joinpay_platform_app_open == 1">
                                                    请选择支持的平台
                                                    <el-tooltip v-if="trade_tips.app != undefined" class="item" effect="dark" :content="trade_tips.app" placement="right">
                                                        <i class="el-icon-info"></i>
                                                    </el-tooltip>：
                                                </p>
                                                <el-checkbox-group v-model="basic.joinpay_app_trades" :min="1" v-if="basic.joinpay_platform_app_open == 1">
                                                    <el-checkbox v-if="trade_setting.app != undefined" v-for="item in trade_setting.app" :label="item.value">{{item.label}}</el-checkbox>
                                                </el-checkbox-group>
                                                <p class="tips-text">注：勾选平台为【微信支付】时需要重新申请一个空白的小程序，用于封装进APP拉起支付，此小程序的类目不要选择【自营】【生活服务】，后续使用过程中也不要新增这2种类目，小程序类目可选：商业服务-软件/建站/技术开发</p>
                                            </el-form-item>
                                            <el-form-item label="H5端支付">
                                                <el-switch v-model="basic.joinpay_platform_h5_open" :active-value="1" :inactive-value="0"></el-switch>
                                                <p class="tips-text" style="width:600px;">关闭后，H5端将不支持汇聚支付</p>
                                                <p class="tips-text" v-if="basic.joinpay_platform_app_open == 1">
                                                    请选择支持的平台
                                                    <el-tooltip v-if="trade_tips.h5 != undefined" class="item" effect="dark" :content="trade_tips.h5" placement="right">
                                                        <i class="el-icon-info"></i>
                                                    </el-tooltip>：
                                                </p>
                                                <el-checkbox-group v-model="basic.joinpay_h5_trades" :min="1" v-if="basic.joinpay_platform_h5_open">
                                                    <el-checkbox v-if="trade_setting.h5 != undefined" v-for="item in trade_setting.h5" :label="item.value">{{item.label}}</el-checkbox>
                                                </el-checkbox-group>
                                            </el-form-item>
                                            <el-form-item label="微信端支付">
                                                <el-switch v-model="basic.joinpay_platform_wechat_open" :active-value="1" :inactive-value="0"></el-switch>
                                                <p class="tips-text" style="width:600px;">关闭后，微信端将不支持汇聚支付</p>
                                                <p class="tips-text" v-if="basic.joinpay_platform_app_open == 1">
                                                    请选择支持的平台
                                                    <el-tooltip v-if="trade_tips.wechat != undefined" class="item" effect="dark" :content="trade_tips.wechat" placement="right">
                                                        <i class="el-icon-info"></i>
                                                    </el-tooltip>：
                                                </p>
                                                <el-checkbox-group v-model="basic.joinpay_wechat_trades" :min="1" v-if="basic.joinpay_platform_wechat_open">
                                                    <el-checkbox v-if="trade_setting.wechat != undefined" v-for="item in trade_setting.wechat" :label="item.value">{{item.label}}</el-checkbox>
                                                </el-checkbox-group>
                                            </el-form-item>
                                            <el-form-item label="微信小程序端支付">
                                                <el-switch v-model="basic.joinpay_platform_mp_wx_open" :active-value="1" :inactive-value="0"></el-switch>
                                                <p class="tips-text" style="width:600px;">关闭后，微信小程序端将不支持汇聚支付</p>
                                                <p class="tips-text" v-if="basic.joinpay_platform_app_open == 1">
                                                    请选择支持的平台
                                                    <el-tooltip v-if="trade_tips['mp-wx'] != undefined" class="item" effect="dark" :content="trade_tips['mp-wx']" placement="right">
                                                        <i class="el-icon-info"></i>
                                                    </el-tooltip>：
                                                </p>
                                                <el-checkbox-group v-model="basic.joinpay_mp_wx_trades" :min="1" v-if="basic.joinpay_platform_mp_wx_open" @change="handleMpWxChange">
                                                    <el-checkbox v-if="trade_setting['mp-wx'] != undefined" v-for="item in trade_setting['mp-wx']" :label="item.value">{{item.label}}</el-checkbox>
                                                </el-checkbox-group>
                                                <p class="tips-text">注：【微信支付】和【微信支付Enjoinpay】不建议一起勾选</p>
                                            </el-form-item>
                                            <!-- 金额限制 -->
                                            <el-form-item label="是否开启金额限制">
                                                <el-switch v-model="basic.price_limit_open" :active-value="1" :inactive-value="0"></el-switch>
                                                <div class="tips-text">金额限制作用于app端、小程序、公众号、h5端，在原有的支付方式上，进行限制。</div>
                                                <template v-if="basic.price_limit_open == 1">
                                                <div class="input-line">当支付金额大于等于<el-input v-model="basic.price_limit_exceed_price" placeholder="限制金额"></el-input>时，则只能调用如下支付方式：</div>
                                                <el-checkbox-group v-model="basic.price_limit_exceed_trades" :min="1">
                                                    <el-checkbox label="wechat">微信支付</el-checkbox>
                                                    <el-checkbox label="alipay">支付宝支付</el-checkbox>
                                                    <el-checkbox label="fastpay">快捷支付</el-checkbox>
                                                    <el-checkbox label="unionpay">银联云闪付</el-checkbox>
                                                </el-checkbox-group>
                                                <div class="input-line">当支付金额没达到限制条件时，则只能调用如下支付方式：</div>
                                                <el-checkbox-group v-model="basic.price_limit_normal_trades" :min="1">
                                                    <el-checkbox label="wechat">微信支付</el-checkbox>
                                                    <el-checkbox label="alipay">支付宝支付</el-checkbox>
                                                    <el-checkbox label="fastpay">快捷支付</el-checkbox>
                                                    <el-checkbox label="unionpay">银联云闪付</el-checkbox>
                                                </el-checkbox-group>
                                                </template>
                                            </el-form-item>
                                        </div>
                                    </el-col>

                                    <el-col :span="24">
                                        <div class="title paddingTop">
                                            <span class="title-line"></span>
                                            <span>代付配置</span>
                                        </div>
                                        <div class="form-body">
                                            <!-- <el-form-item label="提现汇聚代付">
                                                <el-col :span="12">
                                                    <el-switch v-model="basic.joinpay_alternative_status" :active-value="1" :inactive-value="0" active-text="是" inactive-text="否">
                                                    </el-switch>
                                                </el-col>
                                            </el-form-item> -->

                                            <el-form-item label="提现免审核">
                                                <el-col :span="12">
                                                    <el-switch v-model="basic.not_to_examine" :active-value="1" :inactive-value="0" active-text="是" inactive-text="否">
                                                        </el-switch>
                                                        <p class="tips-text" style="width:600px;">开启后，会员提现，以下勾选后台无需审核，直接调用打款流程</p>
                                                    </el-col>
                                                </el-form-item>
                                                <el-form-item label="资产类型" prop="joinpay_channel_alternative">
                                                    <el-checkbox-group v-model="basic.joinpay_channel_alternative">
                                                        <el-checkbox :label="1">佣金</el-checkbox>
                                                        <el-checkbox :label="2">余额</el-checkbox>
                                                        <el-checkbox :label="4">积分</el-checkbox>
                                                    </el-checkbox-group>
                                                </el-form-item>
                                        </div>
                                    </el-col>
                                </el-row>
                            </el-tab-pane>
                            <el-tab-pane label="多商户配置" name="merchant" v-if="is_install_tactics_pay">
                                <el-row>
                                    <el-col :span="24">
                                        <div class="title paddingTop">
                                            <span class="title-line"></span>
                                            <span>汇聚支付多商户配置</span>
                                        </div>
                                        <div class="form-body" style="padding: 20px 20% 0 10px;">
                                            <el-form-item label="汇聚支付多商户" prop="joinpay_more_merchant_enable">
                                                <el-switch v-model="basic.joinpay_more_merchant_enable" :active-value="1" :inactive-value="0"></el-switch>
                                            </el-form-item>
                                            <template v-if="basic.joinpay_more_merchant_enable">
                                            <el-form-item label="微信商户" prop="joinpay_merchant_wechat">
                                                <more-merchant v-model="basic.joinpay_merchant_wechat" :fields="more_wechat_field" key="joinpay_merchant_wechat" :validate="validateWechatField" bottom-tips="注意：必须填写至少一项才能保存"></more-merchant>
                                            </el-form-item>
                                            <el-form-item label="支付宝商户" prop="joinpay_merchant_alipay">
                                                <more-merchant v-model="basic.joinpay_merchant_alipay" :fields="more_alipay_field" key="joinpay_merchant_alipay"></more-merchant>
                                            </el-form-item>
                                            </template>
                                        </div>
                                    </el-col>
                                </el-row>
                            </el-tab-pane>    
                        </el-tabs>
                        <div style="border-top: 1px solid #dad9d9;">
                            <el-button :loading="btnLoading" class="button-item" type="primary" style="margin-top: 10px;" @click="store('ruleForm')" size="small">保存
                            </el-button>
                        </div>
                    </el-form>
                </el-card>
            </template>
        </div>
        <!-- 这个是复制用的容器，已隐藏 -->
        <textarea id="inputs" style="opacity: 0;width: 0;height: 0;">复制内容</textarea>
    </el-card>
</div>

<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                activeName: 'basic',
                loading: false,
                btnLoading: false,
                dialogVisible: false,
                basic: {
                    joinpay_status: 0,
                    joinpay_merchant_no: '',
                    joinpay_merchant_secret: '',
                    joinpay_wechat_xcx_trade_merchant_no: '',
                    joinpay_wechat_xcx_appid: '',
                    joinpay_wechat_gzh_trade_merchant_no: '',
                    joinpay_wechat_gzh_appid: '',
                    joinpay_alipay_trade_merchant_no: '',
                    joinpay_app3_trade_merchant_no: '',
                    joinpay_unionpay_trade_merchant_no: '',
                    joinpay_fast_pay_status: 0,
                    joinpay_trade_channel: [],
                    joinpay_wechat_trade_name: '微信-汇聚支付',
                    joinpay_alipay_trade_name: '支付宝-汇聚支付',
                    joinpay_unionpay_trade_name: '汇聚-银联云闪付',
                    joinpay_alternative_status: 0, // 开启提现汇聚代付
                    joinpay_channel_alternative: [1,2,3], // 代付渠道
                    joinpay_fastpay_trade_name: '快捷支付', // 快捷支付名称
                    joinpay_fast_pay_private_key: '', // 汇聚快捷支付私钥
                    joinpay_fast_pay_public_key: '', // 汇聚快捷支付公钥
                    price_limit_open: 0,
                    price_limit_exceed_price: 0,
                    price_limit_exceed_trades: [],
                    price_limit_normal_trades: ['wechat', 'alipay', 'fastpay', 'unionpay'],
                    joinpay_platform_app_open: 0,
                    joinpay_platform_h5_open: 0,
                    joinpay_platform_wechat_open: 0,
                    joinpay_platform_mp_wx_open: 0,
                    joinpay_app_trades: [],
                    joinpay_h5_trades: [],
                    joinpay_wechat_trades: [],
                    joinpay_mp_wx_trades: [],
                    joinpay_more_merchant_enable: 0,
                    joinpay_merchant_wechat: [],
                    joinpay_merchant_alipay: [],
                    not_to_examine: 0, //汇聚代付提现是否免审核
                },
                trade_setting: {},
                trade_tips: {},
                // 代付渠道：joinpay_channel_alternative
                // 快捷支付名称：joinpay_fastpay_trade_name
                // 汇聚快捷支付私钥：joinpay_fast_pay_private_key
                // 汇聚快捷支付公钥：joinpay_fast_pay_public_key
                // checkList: ''
                is_install_tactics_pay: 0,
                more_wechat_field: [],
                more_alipay_field: []
            }
        },
        mounted: function() {
            this.loadData();
        },
        methods: {
            // 获取基础设置详情
            loadData() {
                this.loading = true;
                request({
                    params: {
                        r: 'join-pay/default/index',
                    },
                    method: 'get'
                }).then(e => {
                    this.loading = false;
                    if (e.data.code == 0) {
                        if (e.data.data.settings) {
                            for(let i in this.basic) {
                                if(e.data.data.settings[i] != undefined) {
                                    this.basic[i] = e.data.data.settings[i];
                                }
                            }
                        }
                        if (e.data.data.trade_setting) {
                            this.trade_setting = e.data.data.trade_setting;
                        }
                        if (e.data.data.trade_tips) {
                            this.trade_tips = e.data.data.trade_tips;
                        }
                        // this.basic.joinpay_wechat_app_id = e.data.data.wechat_app_id;
                        if (!this.basic.joinpay_channel_alternative) {
                            this.basic.joinpay_channel_alternative = [];
                        }
                        if (!this.basic.joinpay_trade_channel) {
                            this.basic.joinpay_trade_channel = [];
                        }
                        if (e.data.data.tactics_pay_setting != undefined) {
                            if (e.data.data.tactics_pay_setting.more_wechat_field != undefined)
                                this.more_wechat_field = e.data.data.tactics_pay_setting.more_wechat_field;
                            if (e.data.data.tactics_pay_setting.more_alipay_field != undefined)
                                this.more_alipay_field = e.data.data.tactics_pay_setting.more_alipay_field;
                            if (e.data.data.tactics_pay_setting.is_installed != undefined)
                                this.is_install_tactics_pay = e.data.data.tactics_pay_setting.is_installed;
                        }
                    } else {
                        this.$message.error(e.data.msg)
                    }
                }).catch(e => {
                    this.loading = false;
                })
            },
            store(formName) {
                var self = this
                if (self.basic.joinpay_status == 1) {
                    if (
                        1 == self.basic.joinpay_platform_mp_wx_open &&
                        (!self.basic.joinpay_wechat_xcx_trade_merchant_no ||
                        !self.basic.joinpay_wechat_xcx_appid || self.basic.joinpay_mp_wx_trades.length <= 0)
                    ) {
                        self.$message.error('请完善汇聚-小程序支付相关信息');
                        return false;
                    }
                    if (
                        1 == self.basic.joinpay_platform_wechat_open &&
                        (!self.basic.joinpay_wechat_gzh_trade_merchant_no || !self.basic.joinpay_wechat_gzh_appid || self.basic.joinpay_wechat_trades.length <= 0)
                    ) {
                        self.$message.error('请完善汇聚-公众号支付相关信息');
                        return false;
                    }
                    // if (
                    //     1 == self.basic.joinpay_platform_h5_open &&
                    //     (!self.basic.joinpay_alipay_trade_merchant_no || self.basic.joinpay_h5_trades.length <= 0)
                    // ) {
                    //     self.$message.error('请完善汇聚-支付宝H5支付相关信息');
                    //     return false;
                    // }
                    // if (
                    //     1 == self.basic.joinpay_platform_app_open &&
                    //     !self.basic.joinpay_alipay_trade_merchant_no
                    // ) {
                    //     self.$message.error('请完善汇聚-支付宝App支付相关信息');
                    //     return false;
                    // }
                    if (
                        !self.basic.joinpay_merchant_no ||
                        !self.basic.joinpay_merchant_secret
                    ) {
                        self.$message.error('请完善汇聚支付信息');
                        return;
                    }
                    if (!self.basic.joinpay_fast_pay_private_key || !self.basic.joinpay_fast_pay_public_key) {
                        self.$message.error('请完善快捷支付信息！');
                        return;
                    }
                    if (!self.basic.joinpay_trade_channel.length) {
                        self.$message.error('请至少选择一种支付渠道，选择后才能使用汇聚支付');
                        return;
                    }
                    if (!self.basic.joinpay_wechat_trade_name) {
                        self.$message.error('微信支付名称不能为空');
                        return null;
                    } else {
                        if (self.basic.joinpay_wechat_trade_name.length > 10) {
                            self.$message.error('支付名称不能超过 10 个字');
                            return;
                        }
                    }
                    if (!self.basic.joinpay_alipay_trade_name) {
                        self.$message.error('支付宝支付名称不能为空');
                        return null;
                    } else {
                        if (self.basic.joinpay_alipay_trade_name.length > 10) {
                            self.$message.error('支付名称不能超过 10 个字');
                            return;
                        }
                    }
                    if (!self.basic.joinpay_fastpay_trade_name) {
                        self.$message.error('快捷支付名称不能为空');
                        return null;
                    } else {
                        if (self.basic.joinpay_fastpay_trade_name.length > 10) {
                            self.$message.error('支付名称不能超过 10 个字');
                            return;
                        }
                    }
                    if (!self.basic.joinpay_unionpay_trade_name) {
                        self.$message.error('云闪付支付名称不能为空');
                        return null;
                    } else {
                        if (self.basic.joinpay_unionpay_trade_name.length > 10) {
                            self.$message.error('云闪付名称不能超过 10 个字');
                            return;
                        }
                    }
                    if (self.basic.price_limit_open == 1 && (self.basic.price_limit_exceed_price == null || self.basic.price_limit_exceed_price == '')) {
                        self.$message.error('限制金额不能为空');
                        return;
                    }
                    // if (self.basic.joinpay_alternative_status == 1 && !self.basic.joinpay_channel_alternative.length) {
                    //     self.$message.error('请至少选择一种支付渠道，选择后才能使用汇聚代付提醒');
                    //     return;
                    // }
                }
                // console.log(self.basic, '------basic');return null;
                self.btnLoading = true;
                request({
                    params: {
                        r: 'join-pay/default/index',
                    },
                    method: 'post',
                    data: self.basic
                }).then(e => {
                    self.btnLoading = false;
                    if (e.data.code == 0) {
                        self.$message.success(e.data.msg);
                    } else {
                        self.$message.error(e.data.msg);
                    }
                    if (e.data.data.joinpay_merchant_wechat != undefined) {
                        this.basic.joinpay_merchant_wechat = e.data.data.joinpay_merchant_wechat;
                    }
                    if (e.data.data.joinpay_merchant_alipay != undefined) {
                        this.basic.joinpay_merchant_alipay = e.data.data.joinpay_merchant_alipay;
                    }
                }).catch(e => {
                    self.$message.error(e);
                    self.btnLoading = false;
                })
            },
            handleMpWxChange(val) {
                let _wechat_index = val.indexOf('wechat');
                let _wechat_ep_index = val.indexOf('wechat_ep');
                if(_wechat_index != -1 && _wechat_ep_index != -1) {
                    let _min_index = Math.min(_wechat_index, _wechat_ep_index);
                    val.splice(_min_index, 1);
                    this.basic.joinpay_mp_wx_trades = val;
                }
            },
            validateWechatField(val) {
                let _bool = false;
                for (let key in val) {
                    if (key == 'merchant_id') continue;
                    _bool = val[key] != '' || _bool;
                }
                return _bool;
            }
        }
    });
</script>
<style>
    .form_box {
        background-color: #f3f3f3;
        padding: 0 0 20px;
    }

    .button-item {
        margin-top: 12px;
        padding: 9px 25px;
    }

    .el-input-group__append {
        background-color: #fff;
        color: #353535;
    }

    .el-form-item {
        margin-bottom: 25px !important;
    }

    .title {
        display: flex;
        align-items: center;
        padding: 18px 20px;
        /* border-top: 1px solid #F3F3F3; */
        border-bottom: 1px solid #F3F3F3;
        background-color: #fff;
    }

    .title-line {
        width: 4px;
        height: 20px;
        background-color: #1479F0;
        margin-right: 10px;
    }

    .paddingTop {
        margin-top: 10px;
    }
    .sub-menu-title .el-form-item__label{
        position: relative;
        text-align: left;
        margin-left: 25px;
        padding-left: 25px;
        line-height: 23px;
    }
    .sub-menu-title .el-form-item__label:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 12px;
        height: 12px;
        background-color: #2196F3;
    }
    .sub-menu-title .el-form-item__label:after {
        content: "";
        position: absolute;
        top: 6px;
        left: 6px;
        width: 12px;
        height: 12px;
        background-color: #03A9F4;
    }
    .input-line {
        text-wrap: nowrap;
    }
    .input-line .el-input {
        max-width: 150px;
        margin: 0 8px;
    }
</style>