|
@@ -1,179 +1,214 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <el-tabs v-model="storeTab" @tab-click="onChangeStoreTab">
|
|
|
- <el-tab-pane label="基本信息" name="1"></el-tab-pane>
|
|
|
- <el-tab-pane label="结算账号" name="2"></el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
+ <el-card class="box-card">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <el-tabs v-model="storeTab" @tab-click="onChangeStoreTab" class="store-tabs">
|
|
|
+ <el-tab-pane label="基本信息" name="1"></el-tab-pane>
|
|
|
+ <el-tab-pane label="结算账号" name="2"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-form v-loading="loading" ref="elForm" :model="form" :rules="rules" style="margin-left: 20%" :style="{width: '60%'}">
|
|
|
- <!-- 基本信息 -->
|
|
|
- <template v-if="storeTab == '1'">
|
|
|
- <template v-if="storeTab1actionPage == '1'">
|
|
|
- <el-descriptions title="门店信息" :column="2" border :contentStyle="{'text-align': 'center'}">
|
|
|
- <!-- 详情展示 ============================================== -->
|
|
|
- <template slot="extra">
|
|
|
- <el-button type="primary" size="medium" @click="handelActionStoreTab1" v-hasPermi="['system:store:edit']">操作</el-button>
|
|
|
- </template>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label"><i class="el-icon-discount"></i>门店编号</template>
|
|
|
- {{form.code}}</el-descriptions-item>
|
|
|
- <el-descriptions-item :labelStyle="{width: '25%'}">
|
|
|
- <template slot="label"><i class="el-icon-office-building"></i>门店名称</template>
|
|
|
- {{form.name}}</el-descriptions-item>
|
|
|
- <el-descriptions-item span="2" :contentStyle="{'text-align': 'left'}">
|
|
|
- <template slot="label"><i class="el-icon-picture"></i>门店免洗额度</template>
|
|
|
- {{form.balance}}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item span="2" :contentStyle="{'text-align': 'left'}">
|
|
|
- <template slot="label"><i class="el-icon-picture"></i>门店照片</template>
|
|
|
- <el-image style="width: 100px; height: 100px" :src="form.companyPic" fit="fill"></el-image>
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label"><i class="el-icon-connection"></i>授权日期</template>
|
|
|
- {{form.openDateParse}}</el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label"><i class="el-icon-time"></i>营业时间</template>
|
|
|
- {{form.businessStartTime}} - {{form.businessEndTime}}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="门店状态">
|
|
|
- <template slot="label"><i class="el-icon-s-flag"></i>门店状态</template>
|
|
|
- <el-tag size="small" v-if="form.status==item.value" v-for="item in options" :key="item.value">
|
|
|
- {{item.label}}</el-tag>
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label"><i class="el-icon-phone"></i>服务热线</template>
|
|
|
- {{form.contactWorkTel}}</el-descriptions-item>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-form v-loading="loading" ref="elForm" :model="form" :rules="rules" class="store-form">
|
|
|
+ <!-- 基本信息 -->
|
|
|
+ <template v-if="storeTab == '1'">
|
|
|
+ <template v-if="storeTab1actionPage == '1'">
|
|
|
+ <el-descriptions title="门店信息" :column="2" border class="store-descriptions">
|
|
|
+ <template slot="extra">
|
|
|
+ <el-button type="primary" size="medium" @click="handelActionStoreTab1" v-hasPermi="['system:store:edit']">
|
|
|
+ <i class="el-icon-edit"></i> 编辑
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-discount"></i>门店编号</template>
|
|
|
+ <span class="description-content">{{form.code}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-office-building"></i>门店名称</template>
|
|
|
+ <span class="description-content">{{form.name}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item span="2">
|
|
|
+ <template slot="label"><i class="el-icon-money"></i>门店免洗额度</template>
|
|
|
+ <span class="description-content">{{form.balance}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item span="2">
|
|
|
+ <template slot="label"><i class="el-icon-picture"></i>门店照片</template>
|
|
|
+ <el-image class="store-image" :src="form.companyPic" fit="cover"></el-image>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-connection"></i>授权日期</template>
|
|
|
+ <span class="description-content">{{form.openDateParse}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-time"></i>营业时间</template>
|
|
|
+ <span class="description-content">{{form.businessStartTime}} - {{form.businessEndTime}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-s-flag"></i>门店状态</template>
|
|
|
+ <el-tag :type="form.status === '0' ? 'success' : 'danger'" size="small">
|
|
|
+ {{form.status === '0' ? '正常' : '禁用'}}
|
|
|
+ </el-tag>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-phone"></i>服务热线</template>
|
|
|
+ <span class="description-content">{{form.contactWorkTel}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-printer"></i>是否打印小票</template>
|
|
|
+ <el-tag :type="form.isPrint === '0' ? 'success' : 'info'" size="small">
|
|
|
+ {{form.isPrint === '0' ? '是' : '否'}}
|
|
|
+ </el-tag>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-user"></i>小票是否打印客户姓名</template>
|
|
|
+ <el-tag :type="form.isPrintName === '0' ? 'success' : 'info'" size="small">
|
|
|
+ {{form.isPrintName === '0' ? '是' : '否'}}
|
|
|
+ </el-tag>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item span="2">
|
|
|
+ <template slot="label"><i class="el-icon-s-comment"></i>店铺说明</template>
|
|
|
+ <span class="description-content">{{form.companyDetail}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item span="2">
|
|
|
+ <template slot="label"><i class="el-icon-location-information"></i>详细地址</template>
|
|
|
+ <span class="description-content">{{form.address}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </template>
|
|
|
|
|
|
- <el-descriptions-item span="1">
|
|
|
- <template slot="label"><i class="el-icon-download"></i>是否打印小票</template>
|
|
|
- <el-tag size="small" v-if="form.isPrint==item.value" v-for="item in options" :key="item.value">
|
|
|
- {{item.label}}</el-tag>
|
|
|
- </el-descriptions-item>
|
|
|
+ <!-- 详情编辑 -->
|
|
|
+ <template v-if="storeTab1actionPage == '0'">
|
|
|
+ <el-descriptions title="门店信息" :column="2" border class="store-descriptions">
|
|
|
+ <template slot="extra">
|
|
|
+ <el-button @click="cancelForm">取消</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm">保存</el-button>
|
|
|
+ </template>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-discount"></i>门店编号</template>
|
|
|
+ <span class="description-content">{{form.code}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-office-building"></i>门店名称</template>
|
|
|
+ <span class="description-content">{{form.name}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-connection"></i>授权日期</template>
|
|
|
+ <span class="description-content">{{form.openDateParse}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-s-flag"></i>门店状态</template>
|
|
|
+ <el-tag :type="form.status === '0' ? 'success' : 'danger'" size="small">
|
|
|
+ {{form.status === '0' ? '正常' : '禁用'}}
|
|
|
+ </el-tag>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-position"></i>所在区域</template>
|
|
|
+ <span class="description-content">{{form.provinceName}}{{form.cityName}}{{form.areaName}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
|
|
|
- <el-descriptions-item span="1">
|
|
|
- <template slot="label"><i class="el-icon-download"></i>小票是否打印客户姓名</template>
|
|
|
- <el-tag size="small" v-if="form.isPrintName==item.value" v-for="item in options" :key="item.value">
|
|
|
- {{item.label}}</el-tag>
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item span="2">
|
|
|
- <template slot="label"><i class="el-icon-s-comment"></i>店铺说明</template>
|
|
|
- {{form.companyDetail}}</el-descriptions-item>
|
|
|
- <el-descriptions-item span="2">
|
|
|
- <template slot="label"><i class="el-icon-location-information"></i>详细地址</template>
|
|
|
- {{form.address}}</el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
+ <div class="edit-form">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="详细地址" prop="address">
|
|
|
+ <el-input v-model="form.address" placeholder="请输入详细地址" maxlength="200" show-word-limit />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="店铺说明" prop="companyDetail">
|
|
|
+ <el-input type="textarea" v-model="form.companyDetail" placeholder="请输入店铺说明" maxlength="500" show-word-limit />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="服务热线" prop="contactWorkTel">
|
|
|
+ <el-input v-model="form.contactWorkTel" placeholder="请输入服务热线" maxlength="12" show-word-limit />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="是否打印小票" prop="isPrint">
|
|
|
+ <el-select v-model="form.isPrint" placeholder="请选择" class="full-width">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="小票是否打印客户姓名" prop="isPrintName">
|
|
|
+ <el-select v-model="form.isPrintName" placeholder="请选择" class="full-width">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="门店照片" prop="companyPic">
|
|
|
+ <image-upload v-model="form.companyPic" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="营业时间">
|
|
|
+ <el-time-picker is-range v-model="businessTimeList" format="HH:mm" value-format="HH:mm" range-separator="至"
|
|
|
+ start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围" class="full-width">
|
|
|
+ </el-time-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</template>
|
|
|
|
|
|
- <!-- 详情编辑 ============================================== -->
|
|
|
- <template v-if="storeTab1actionPage == '0'">
|
|
|
- <el-descriptions title="门店信息" :column="2" border>
|
|
|
- <template slot="extra">
|
|
|
- <el-button type="primary" size="medium" @click="cancelForm">取消</el-button>
|
|
|
- <el-button type="primary" size="medium" @click="submitForm">保存</el-button>
|
|
|
+ <!-- 账号信息 -->
|
|
|
+ <template v-if="storeTab == '2'">
|
|
|
+ <el-descriptions title="账号信息" :column="1" border class="store-descriptions">
|
|
|
+ <template slot="extra" v-if="storeTab2actionPage == '1'">
|
|
|
+ <el-button type="primary" size="medium" @click="handelActionStoreTab2" v-hasPermi="['system:store:edit']">
|
|
|
+ <i class="el-icon-edit"></i> 编辑
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <template slot="extra" v-if="storeTab2actionPage == '0'">
|
|
|
+ <el-button @click="cancelForm">取消</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm">保存</el-button>
|
|
|
+ </template>
|
|
|
+ <template v-if="storeTab2actionPage == '1'">
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-bank-card"></i>开户行</template>
|
|
|
+ <span class="description-content">{{form.bankName}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-user"></i>姓名</template>
|
|
|
+ <span class="description-content">{{form.bankUserName}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label"><i class="el-icon-credit-card"></i>银行卡号</template>
|
|
|
+ <span class="description-content">{{form.bankCardNumber}}</span>
|
|
|
+ </el-descriptions-item>
|
|
|
</template>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label"><i class="el-icon-discount"></i>门店编号</template>
|
|
|
- {{form.code}}</el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label"><i class="el-icon-office-building"></i>门店名称</template>
|
|
|
- {{form.name}}</el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label"><i class="el-icon-connection"></i>授权日期</template>
|
|
|
- {{form.openDateParse}}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="门店状态">
|
|
|
- <template slot="label"><i class="el-icon-s-flag"></i>门店状态</template>
|
|
|
- <el-tag size="small" v-if="form.status==item.value" v-for="item in options" :key="item.value">
|
|
|
- {{item.label}}</el-tag>
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label"><i class="el-icon-position"></i>所在区域</template>
|
|
|
- {{form.provinceName}}{{form.cityName}}{{form.areaName}}</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
|
-
|
|
|
- <!-- 可编辑部分-->
|
|
|
- <div class="action1">
|
|
|
-
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="详细地址" prop="address">
|
|
|
- <el-input v-model="form.address" placeholder="请输入详细地址" maxlength="200" show-word-limit />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="店铺说明" prop="companyDetail">
|
|
|
- <el-input v-model="form.companyDetail" placeholder="请输入店铺说明" maxlength="500" show-word-limit />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="服务热线" prop="contactWorkTel">
|
|
|
- <el-input v-model="form.contactWorkTel" placeholder="请输入服务热线" maxlength="12" show-word-limit />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="是否打印小票" prop="isPrint">
|
|
|
- <el-select v-model="form.isPrint" placeholder="请输入" show-word-limit>
|
|
|
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="小票是否打印客户姓名" prop="isPrint">
|
|
|
- <el-select v-model="form.isPrintName" placeholder="请输入" show-word-limit>
|
|
|
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="门店照片" prop="companyPic">
|
|
|
- <image-upload v-model="form.companyPic" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="营业时间">
|
|
|
- <template>
|
|
|
- <el-time-picker is-range v-model="businessTimeList" format="HH:mm" value-format="HH:mm" range-separator="至"
|
|
|
- start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围">
|
|
|
- </el-time-picker>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
-
|
|
|
- </template>
|
|
|
-
|
|
|
- <!-- 账号信息 -->
|
|
|
- <template v-if="storeTab == '2'">
|
|
|
- <el-descriptions title="账号信息" :column="1" border>
|
|
|
- <template slot="extra" v-if="storeTab2actionPage == '1'">
|
|
|
- <el-button type="primary" size="medium" @click="handelActionStoreTab2" v-hasPermi="['system:store:edit']">操作</el-button>
|
|
|
- </template>
|
|
|
- <template slot="extra" v-if="storeTab2actionPage == '0'">
|
|
|
- <el-button type="primary" size="medium" @click="cancelForm">取消</el-button>
|
|
|
- <el-button type="primary" size="medium" @click="submitForm">保存</el-button>
|
|
|
+ <template v-if="storeTab2actionPage == '0'">
|
|
|
+ <div class="edit-form">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="开户行" prop="bankName">
|
|
|
+ <el-input v-model="form.bankName" placeholder="请输入开户行" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="姓名" prop="bankUserName">
|
|
|
+ <el-input v-model="form.bankUserName" placeholder="请输入姓名" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="银行卡号" prop="bankCardNumber">
|
|
|
+ <el-input v-model="form.bankCardNumber" placeholder="请输入银行卡号" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
- <template v-if="storeTab2actionPage == '1'">
|
|
|
- <el-descriptions-item label="开户行">{{form.bankName}}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="姓名">{{form.bankUserName}}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="银行卡号">{{form.bankCardNumber}}</el-descriptions-item>
|
|
|
- </template>
|
|
|
- </el-descriptions>
|
|
|
- <template v-if="storeTab2actionPage == '0'">
|
|
|
- <el-form-item label="开户行" prop="bankName">
|
|
|
- <el-input v-model="form.bankName" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="姓名" prop="bankUserName">
|
|
|
- <el-input v-model="form.bankUserName" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="银行卡号" prop="bankCardNumber">
|
|
|
- <el-input v-model="form.bankCardNumber" />
|
|
|
- </el-form-item>
|
|
|
</template>
|
|
|
- </template>
|
|
|
- </el-form>
|
|
|
- </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -298,8 +333,64 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
-<style>
|
|
|
-.action1 {
|
|
|
+<style lang="scss" scoped>
|
|
|
+.app-container {
|
|
|
+ padding: 20px;
|
|
|
+
|
|
|
+ .box-card {
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ .store-tabs {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .store-form {
|
|
|
+ max-width: 1000px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .store-descriptions {
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ .description-content {
|
|
|
+ color: #606266;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .store-image {
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
|
|
|
+ }
|
|
|
+
|
|
|
+ .edit-form {
|
|
|
margin-top: 20px;
|
|
|
+ padding: 20px;
|
|
|
+ background-color: #f5f7fa;
|
|
|
+ border-radius: 4px;
|
|
|
+
|
|
|
+ .full-width {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-form-item {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ margin-left: 10px;
|
|
|
+
|
|
|
+ i {
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tag {
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|