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

<template id="system">
<el-row>
    <el-col :span="24">
        <el-form-item label="商城名称">
            <el-col :span="12">
                <el-input v-model="ruleForm.basic.name.value"></el-input>
                <div class="tips-text" v-if="ruleForm.basic.name.remark">{{ruleForm.basic.name.remark}}</div>
            </el-col>
        </el-form-item>

        <el-form-item label="联系号码">
            <el-col :span="12">
                <el-input v-model="ruleForm.basic.contact_tel.value"></el-input>
                <div class="tips-text" v-if="ruleForm.basic.contact_tel.remark">{{ruleForm.basic.contact_tel.remark}}</div>
            </el-col>
        </el-form-item>

        <el-form-item label="H5网站url">
            <el-col :span="12">
                <el-input v-model="ruleForm.basic.web_url.value" :disabled="true"></el-input>
                <div class="tips-text" v-if="ruleForm.basic.web_url.remark">{{ruleForm.basic.web_url.remark}}</div>
            </el-col>
        </el-form-item>

        <el-form-item label="商城logo">
            <com-attachment v-model="ruleForm.basic.logo.value" :multiple="false" :max="1">
                <el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100"
                            placement="top">
                    <el-button size="mini">选择图片</el-button>
                </el-tooltip>
            </com-attachment>
            <div class="customize-share-title">
                <com-image mode="aspectFill" width='80px' height='80px'
                           :src="ruleForm.basic.logo.value ? ruleForm.basic.logo.value : ''"></com-image>
                <el-button v-if="ruleForm.basic.logo.value" class="del-btn" size="mini"
                           type="danger" icon="el-icon-close" circle
                           @click="ruleForm.basic.logo.value = ''"></el-button>
            </div>
            <div class="tips-text" v-if="ruleForm.basic.logo.remark">{{ruleForm.basic.logo.remark}}</div>
            <el-button v-if="ruleForm.basic.logo.extra.type && ruleForm.basic.logo.extra_type=='imgCase'" @click="imgCase(ruleForm.basic.logo.extra)" type="text">查看图例</el-button>
        </el-form-item>

        <el-form-item label="地图">
            <div flex="dir:left">
                <com-qq-map @map-submit="mapEvent"
                         :address="ruleForm.basic.quick_map_address.value"
                         :lat="ruleForm.basic.latitude.value"
                         :long="ruleForm.basic.longitude.value">
                    <el-button size="small">展开地图</el-button>
                </com-qq-map>
            </div>
        </el-form-item>

        <el-form-item label="详细地址">
            <el-col :span="12">
                <el-input v-model="ruleForm.basic.quick_map_address.value"></el-input>
                <div class="tips-text" v-if="ruleForm.basic.quick_map_address.remark">{{ruleForm.basic.quick_map_address.remark}}</div>
            </el-col>
        </el-form-item>

        <el-form-item label="经纬度">
            <el-col :span="12">
                <el-input v-model="ruleForm.basic.latitude_longitude.value"></el-input>
                <div class="tips-text" v-if="ruleForm.basic.latitude_longitude.remark">{{ruleForm.basic.latitude_longitude.remark}}</div>
            </el-col>
        </el-form-item>

        <el-form-item label="分享标题">
            <el-col :span="12">
                <el-input v-model="ruleForm.basic.app_share_title.value"></el-input>
                <div class="tips-text" v-if="ruleForm.basic.app_share_title.remark">{{ruleForm.basic.app_share_title.remark}}</div>
                <el-button v-if="ruleForm.basic.app_share_title.extra.type && ruleForm.basic.app_share_title.extra_type=='imgCase'" @click="imgCase(ruleForm.basic.app_share_title.extra)" type="text">查看图例</el-button>
            </el-col>
        </el-form-item>

        <el-form-item label="自定义分享描述">
            <el-col :span="12">
                <el-input v-model="ruleForm.basic.app_share_desc.value"></el-input>
                <div class="tips-text" v-if="ruleForm.basic.app_share_desc.remark">{{ruleForm.basic.app_share_desc.remark}}</div>
                <el-button v-if="ruleForm.basic.app_share_desc.extra.type && ruleForm.basic.app_share_desc.extra_type=='imgCase'" @click="imgCase(ruleForm.basic.app_share_desc.extra)" type="text">查看图例</el-button>
            </el-col>
        </el-form-item>

        <el-form-item label="自定义分享图片">
            <el-col :span="12">
                <com-attachment v-model="ruleForm.basic.app_share_pic.value" :multiple="false" :max="1">
                    <el-tooltip class="item" effect="dark" content="建议尺寸:420 * 336"
                                placement="top">
                        <el-button size="mini">选择图片</el-button>
                    </el-tooltip>
                </com-attachment>
                <div class="customize-share-title">
                    <com-image mode="aspectFill" width='80px' height='80px'
                               :src="ruleForm.basic.app_share_pic.value ? ruleForm.basic.app_share_pic.value : ''"></com-image>
                    <el-button v-if="ruleForm.basic.app_share_pic.value" class="del-btn" size="mini"
                               type="danger" icon="el-icon-close" circle
                               @click="ruleForm.basic.app_share_pic.value = ''"></el-button>
                </div>
                <div class="tips-text" v-if="ruleForm.basic.app_share_pic.remark">{{ruleForm.basic.app_share_pic.remark}}</div>
                <el-button v-if="ruleForm.basic.app_share_pic.extra.type && ruleForm.basic.app_share_pic.extra_type=='imgCase'" @click="imgCase(ruleForm.basic.app_share_pic.extra)" type="text">查看图例</el-button>
            </el-col>
        </el-form-item>
        <el-form-item label="商城签名">
            <el-col :span="12">
                <div class="tips-text">{{mall_sign}}</div>
            </el-col>
        </el-form-item>

        <el-form-item label="是否显示商品区域筛选" prop="is_address_goods_search" label-width="160px">
            <el-col :span="12">
                <el-switch v-model="ruleForm.basic.is_address_goods_search.value" :active-value="1" :inactive-value="0"></el-switch>
                <p style="color: #999">{{ruleForm.basic.is_address_goods_search.remark}}</p>
            </el-col>
        </el-form-item>

        <!-- 自定义 -->
        <el-dialog title="查看图片图例" :visible.sync="dialogVisible" width="30%" :close-on-click-modal="false">
            <div flex="dir:left main:center" class="app-share">
                <div class="app-share-bg"
                     :style="{backgroundImage: 'url('+imgCaseImg+')'}"></div>
            </div>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogVisible = false" type="primary">我知道了</el-button>
            </div>
        </el-dialog>

        <el-form-item label="是否开启自定义符号" prop="is_enable_dollars_symbol" label-width="160px">
            <el-col :span="12">
                <el-switch v-model="ruleForm.basic.is_enable_dollars_symbol.value" :active-value="1" :inactive-value="0"></el-switch>
                <p style="color: #999">{{ruleForm.basic.is_enable_dollars_symbol.remark}}</p>
                <div v-if="ruleForm.basic.is_enable_dollars_symbol.value == 1">
                    <el-input style="width: 150px" v-model="ruleForm.basic.dollars_symbol.value" maxlength="10" show-word-limit></el-input>
                    <p style="color: #999">{{ruleForm.basic.dollars_symbol.remark}}</p>
                </div>
            </el-col>
        </el-form-item>

        <el-form-item :label="ruleForm.basic.is_system_in_maintenance.title" prop="is_system_in_maintenance" label-width="160px">
            <el-col :span="12">
                <el-switch v-model="ruleForm.basic.is_system_in_maintenance.value" :active-value="1" :inactive-value="0"></el-switch>
                <div class="tips-text" v-if="ruleForm.basic.is_system_in_maintenance.remark">{{ruleForm.basic.is_system_in_maintenance.remark}}</div>
            </el-col>
        </el-form-item>

        <el-form-item label="登录时是否填写昵称" prop="is_write_name" label-width="160px">
            <el-col :span="12">
                <el-switch v-model="ruleForm.basic.is_write_name.value" :active-value="1" :inactive-value="0"></el-switch>
                <p style="color: #999">{{ruleForm.basic.is_write_name.remark}}</p>
            </el-col>
        </el-form-item>

<!--        <el-form-item label="数据清除：" prop="is_enable_dollars_symbol" label-width="160px">-->
<!--            <el-col :span="12">-->
<!--                <el-button type="primary" @click='headleClearData' size='small'>前往清除</el-button>-->
<!--            </el-col>-->
<!--        </el-form-item>-->
    </el-col>
</el-row>
</template>