<template>
|
<div class="container mx-auto px-4 py-8 bg-white">
|
<div class="max-w-4xl mx-auto">
|
<!-- 面包屑导航 -->
|
<div class="mb-6 text-gray-500">
|
<el-breadcrumb separator="/">
|
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
|
<el-breadcrumb-item>补贴申请</el-breadcrumb-item>
|
</el-breadcrumb>
|
</div>
|
|
<!-- 成功页面 -->
|
<div v-if="showSuccess" class="text-center py-12">
|
<el-result icon="success" title="申请提交成功" sub-title="我们将尽快处理您的申请">
|
<template #extra>
|
<div class="text-gray-600 mb-6">
|
<p>申请编号：{{ applicationNo }}</p>
|
<p class="mt-2">请保存此编号以便后续查询</p>
|
</div>
|
<div class="flex justify-center space-x-4">
|
<el-button type="primary" @click="goHome">返回首页</el-button>
|
<el-button @click="checkProgress">查看进度</el-button>
|
</div>
|
</template>
|
</el-result>
|
</div>
|
|
<!-- 申请表单 -->
|
<div v-else>
|
<!-- 标题 -->
|
<div class="text-center mb-8">
|
<h1 class="text-2xl font-bold text-gray-900">上海市工业通信业用能设备更新专项补贴申报表</h1>
|
<!-- <p class="mt-2 text-gray-600">平台企业申请表</p> -->
|
<p class="mt-2 text-gray-500">填报日期：2025 年 {{ currentMonth }} 月 {{ currentDay }} 日</p>
|
</div>
|
|
<!-- 申请表单 -->
|
<el-form ref="formRef" :model="form" :rules="rules" label-width="180px" class="mt-8">
|
<!-- 第一部分：基本信息 -->
|
<div class="mb-6">
|
<h2 class="text-lg font-bold mb-4">一、申报（投资）主体基本情况</h2>
|
|
<el-form-item label="单位名称" prop="companyName">
|
<el-input v-model="form.companyName" placeholder="请输入单位名称" />
|
</el-form-item>
|
|
<el-form-item label="统一社会信用代码" prop="socialCreditCode">
|
<el-input v-model="form.socialCreditCode" placeholder="请输入统一社会信用代码" />
|
</el-form-item>
|
|
<div class="flex space-x-4">
|
<el-form-item label="单位法人" prop="legalRepresentative" class="flex-1">
|
<el-input v-model="form.legalRepresentative" placeholder="请输入单位法人" />
|
</el-form-item>
|
|
<el-form-item label="单位性质" prop="companyType" class="flex-1">
|
<el-select v-model="form.companyType" placeholder="请选择单位性质">
|
<el-option label="国有企业" value="state" />
|
<el-option label="民营企业" value="private" />
|
<el-option label="外资企业" value="foreign" />
|
<el-option label="其他" value="other" />
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="所属行业" prop="industry" class="flex-1">
|
<el-input v-model="form.industry" placeholder="请输入所属行业" />
|
</el-form-item>
|
</div>
|
|
<el-form-item label="上年度数据" required>
|
<div class="flex space-x-4">
|
<el-form-item prop="lastYearEnergy" class="flex-1 mb-0">
|
<div class="flex items-center">
|
<el-input-number v-model="form.lastYearEnergy" :min="0" placeholder="上年度综合能耗" />
|
<span class="ml-2 text-nowrap">吨标煤</span>
|
</div>
|
</el-form-item>
|
<el-form-item prop="lastYearOutput" class="flex-1 mb-0">
|
<div class="flex items-center">
|
<el-input-number v-model="form.lastYearOutput" :min="0" placeholder="上年度总产值" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
</el-form-item>
|
</div>
|
|
<!-- 第二部分：项目情况 -->
|
<div class="mb-6">
|
<h2 class="text-lg font-bold mb-4">二、申报项目基本情况</h2>
|
|
<div class="flex space-x-4">
|
<el-form-item label="项目总投资" prop="totalInvestment" class="flex-1">
|
<div class="flex items-center">
|
<el-input-number v-model="form.totalInvestment" :min="0" placeholder="请输入项目总投资" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
|
<el-form-item label="申请补贴总额" prop="totalSubsidy" class="flex-1">
|
<div class="flex items-center">
|
<el-input-number v-model="form.totalSubsidy" :min="0" placeholder="请输入申请补贴总额" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
|
<el-form-item label="采购模式" prop="purchaseMode">
|
<el-radio-group v-model="form.purchaseMode">
|
<el-radio label="platform">工业品供应链平台（平台企业）</el-radio>
|
<el-radio label="online">其他线上平台</el-radio>
|
<el-radio label="offline">线下</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
|
<el-form-item v-if="form.purchaseMode !== 'offline'" label="采购平台名称及网址" prop="platformInfo">
|
<el-input v-model="form.platformInfo" placeholder="请输入采购平台名称及网址" />
|
</el-form-item>
|
</div>
|
|
<!-- 第三部分：设备更新情况 -->
|
<div class="mb-6">
|
<h2 class="text-lg font-bold mb-4">三、设备更新情况</h2>
|
|
<!-- 1. 电机 -->
|
<div class="border p-4 mb-4 rounded">
|
<h3 class="font-bold mb-4">1. 电机</h3>
|
<div class="mb-4">
|
<el-form-item label="类型" prop="motor.subType">
|
<el-checkbox-group v-model="form.motor.subType">
|
<el-checkbox label="电动机">电动机</el-checkbox>
|
<el-checkbox label="永磁同步电动机">永磁同步电动机</el-checkbox>
|
<el-checkbox label="高压三相笼型异步电动机">高压三相笼型异步电动机</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="数量" prop="motor.quantity">
|
<div class="flex items-center">
|
<el-input-number v-model="form.motor.quantity" :min="0" placeholder="请输入数量" />
|
<span class="ml-2">台</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="总功率" prop="motor.power">
|
<div class="flex items-center">
|
<el-input-number v-model="form.motor.power" :min="0" placeholder="请输入总功率" />
|
<span class="ml-2">千瓦</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="能效等级" prop="motor.energyLevel">
|
<el-checkbox-group v-model="form.motor.energyLevel">
|
<el-checkbox label="1">1级及先进水平</el-checkbox>
|
<el-checkbox label="2">2级及节能水平</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="投资总额" prop="motor.investment">
|
<div class="flex items-center">
|
<el-input-number v-model="form.motor.investment" :min="0" placeholder="请输入投资总额" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="申请补贴" prop="motor.subsidy">
|
<div class="flex items-center">
|
<el-input-number v-model="form.motor.subsidy" :min="0" placeholder="请输入申请补贴" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
</div>
|
|
<!-- 2. 泵 -->
|
<div class="border p-4 mb-4 rounded">
|
<h3 class="font-bold mb-4">2. 泵</h3>
|
<div class="mb-4">
|
<el-form-item label="类型" prop="pump.subType">
|
<el-checkbox-group v-model="form.pump.subType">
|
<el-checkbox label="清水离心泵">清水离心泵</el-checkbox>
|
<el-checkbox label="石油化工离心泵">石油化工离心泵</el-checkbox>
|
<el-checkbox label="潜水电泵">潜水电泵</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="数量" prop="pump.quantity">
|
<div class="flex items-center">
|
<el-input-number v-model="form.pump.quantity" :min="0" placeholder="请输入数量" />
|
<span class="ml-2">台</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="总功率" prop="pump.power">
|
<div class="flex items-center">
|
<el-input-number v-model="form.pump.power" :min="0" placeholder="请输入总功率" />
|
<span class="ml-2">千瓦</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="能效等级" prop="pump.energyLevel">
|
<el-checkbox-group v-model="form.pump.energyLevel">
|
<el-checkbox label="1">1级及先进水平</el-checkbox>
|
<el-checkbox label="2">2级及节能水平</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="投资总额" prop="pump.investment">
|
<div class="flex items-center">
|
<el-input-number v-model="form.pump.investment" :min="0" placeholder="请输入投资总额" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="申请补贴" prop="pump.subsidy">
|
<div class="flex items-center">
|
<el-input-number v-model="form.pump.subsidy" :min="0" placeholder="请输入申请补贴" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
</div>
|
|
<!-- 3. 容积式空压机 -->
|
<div class="border p-4 mb-4 rounded">
|
<h3 class="font-bold mb-4">3. 容积式空压机</h3>
|
<div class="mb-4">
|
<el-form-item label="数量" prop="compressor.quantity">
|
<div class="flex items-center">
|
<el-input-number v-model="form.compressor.quantity" :min="0" placeholder="请输入数量" />
|
<span class="ml-2">台</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="总功率" prop="compressor.power">
|
<div class="flex items-center">
|
<el-input-number v-model="form.compressor.power" :min="0" placeholder="请输入总功率" />
|
<span class="ml-2">千瓦</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="能效等级" prop="compressor.energyLevel">
|
<el-checkbox-group v-model="form.compressor.energyLevel">
|
<el-checkbox label="1">1级及先进水平</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="投资总额" prop="compressor.investment">
|
<div class="flex items-center">
|
<el-input-number v-model="form.compressor.investment" :min="0" placeholder="请输入投资总额" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="申请补贴" prop="compressor.subsidy">
|
<div class="flex items-center">
|
<el-input-number v-model="form.compressor.subsidy" :min="0" placeholder="请输入申请补贴" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
</div>
|
|
<!-- 4. 通风机 -->
|
<div class="border p-4 mb-4 rounded">
|
<h3 class="font-bold mb-4">4. 通风机</h3>
|
<div class="mb-4">
|
<el-form-item label="数量" prop="fan.quantity">
|
<div class="flex items-center">
|
<el-input-number v-model="form.fan.quantity" :min="0" placeholder="请输入数量" />
|
<span class="ml-2">台</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="总功率" prop="fan.power">
|
<div class="flex items-center">
|
<el-input-number v-model="form.fan.power" :min="0" placeholder="请输入总功率" />
|
<span class="ml-2">千瓦</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="能效等级" prop="fan.energyLevel">
|
<el-checkbox-group v-model="form.fan.energyLevel">
|
<el-checkbox label="1">1级及先进水平</el-checkbox>
|
<el-checkbox label="2">2级及节能水平</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="投资总额" prop="fan.investment">
|
<div class="flex items-center">
|
<el-input-number v-model="form.fan.investment" :min="0" placeholder="请输入投资总额" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="申请补贴" prop="fan.subsidy">
|
<div class="flex items-center">
|
<el-input-number v-model="form.fan.subsidy" :min="0" placeholder="请输入申请补贴" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
</div>
|
|
<!-- 5. 冷水机组（热泵） -->
|
<div class="border p-4 mb-4 rounded">
|
<h3 class="font-bold mb-4">5. 冷水机组（热泵）</h3>
|
<div class="mb-4">
|
<el-form-item label="类型" prop="chiller.subType">
|
<el-select v-model="form.chiller.subType" placeholder="请选择类型" style="width: 200px">
|
<el-option label="冷水机组" value="冷水机组" />
|
<el-option label="热泵" value="热泵" />
|
</el-select>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="数量" prop="chiller.quantity">
|
<div class="flex items-center">
|
<el-input-number v-model="form.chiller.quantity" :min="0" placeholder="请输入数量" />
|
<span class="ml-2">台</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="总制热/制冷量" prop="chiller.power">
|
<div class="flex items-center">
|
<el-input-number v-model="form.chiller.power" :min="0" placeholder="请输入总制热/制冷量" />
|
<span class="ml-2">千瓦</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="能效等级" prop="chiller.energyLevel">
|
<el-checkbox-group v-model="form.chiller.energyLevel">
|
<el-checkbox label="1">1级及先进水平</el-checkbox>
|
<el-checkbox label="2">2级及节能水平</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="投资总额" prop="chiller.investment">
|
<div class="flex items-center">
|
<el-input-number v-model="form.chiller.investment" :min="0" placeholder="请输入投资总额" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="申请补贴" prop="chiller.subsidy">
|
<div class="flex items-center">
|
<el-input-number v-model="form.chiller.subsidy" :min="0" placeholder="请输入申请补贴" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
</div>
|
|
<!-- 6. 电力变压器 -->
|
<div class="border p-4 mb-4 rounded">
|
<h3 class="font-bold mb-4">6. 电力变压器</h3>
|
<div class="mb-4">
|
<el-form-item label="数量" prop="transformer.quantity">
|
<div class="flex items-center">
|
<el-input-number v-model="form.transformer.quantity" :min="0" placeholder="请输入数量" />
|
<span class="ml-2">台</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="总容量" prop="transformer.capacity">
|
<div class="flex items-center">
|
<el-input-number v-model="form.transformer.capacity" :min="0" placeholder="请输入总容量" />
|
<span class="ml-2">千伏安</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="能效等级" prop="transformer.energyLevel">
|
<el-checkbox-group v-model="form.transformer.energyLevel">
|
<el-checkbox label="1">1级及先进水平</el-checkbox>
|
<el-checkbox label="2">2级及节能水平</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="投资总额" prop="transformer.investment">
|
<div class="flex items-center">
|
<el-input-number v-model="form.transformer.investment" :min="0" placeholder="请输入投资总额" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="申请补贴" prop="transformer.subsidy">
|
<div class="flex items-center">
|
<el-input-number v-model="form.transformer.subsidy" :min="0" placeholder="请输入申请补贴" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
</div>
|
|
<!-- 7. 工业锅炉 -->
|
<div class="border p-4 mb-4 rounded">
|
<h3 class="font-bold mb-4">7. 工业锅炉</h3>
|
<div class="mb-4">
|
<el-form-item label="数量" prop="boiler.quantity">
|
<div class="flex items-center">
|
<el-input-number v-model="form.boiler.quantity" :min="0" placeholder="请输入数量" />
|
<span class="ml-2">台</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="总容量" prop="boiler.capacity">
|
<div class="flex items-center">
|
<el-input-number v-model="form.boiler.capacity" :min="0" placeholder="请输入总容量" />
|
<span class="ml-2">蒸吨/小时</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="能效等级" prop="boiler.energyLevel">
|
<el-checkbox-group v-model="form.boiler.energyLevel">
|
<el-checkbox label="1">1级及先进水平</el-checkbox>
|
<el-checkbox label="2">2级及节能水平</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="投资总额" prop="boiler.investment">
|
<div class="flex items-center">
|
<el-input-number v-model="form.boiler.investment" :min="0" placeholder="请输入投资总额" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
<div class="mb-4">
|
<el-form-item label="申请补贴" prop="boiler.subsidy">
|
<div class="flex items-center">
|
<el-input-number v-model="form.boiler.subsidy" :min="0" placeholder="请输入申请补贴" />
|
<span class="ml-2">万元</span>
|
</div>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
|
<!-- 下载和提交按钮 -->
|
<div class="flex justify-center space-x-6 mt-8">
|
<el-button type="primary" plain @click="downloadForm">
|
<el-icon class="mr-2"><Download /></el-icon>下载申请表
|
</el-button>
|
<el-button type="primary" @click="submitForm">
|
<el-icon class="mr-2"><Check /></el-icon>提交申请
|
</el-button>
|
</div>
|
</el-form>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script setup lang="ts">
|
import { SERVE_URL } from '@/constants';
|
import { Check, Download } from '@element-plus/icons-vue';
|
import { ElMessage } from 'element-plus';
|
import { reactive, ref } from 'vue';
|
import { useRouter } from 'vue-router';
|
|
const router = useRouter();
|
const formRef = ref();
|
const currentMonth = new Date().getMonth() + 1;
|
const currentDay = new Date().getDate();
|
|
const form = reactive({
|
companyName: '',
|
socialCreditCode: '',
|
legalRepresentative: '',
|
companyType: '',
|
industry: '',
|
lastYearEnergy: null,
|
lastYearOutput: null,
|
totalInvestment: null,
|
totalSubsidy: null,
|
purchaseMode: 'platform',
|
platformInfo: '',
|
motor: {
|
subType: [],
|
quantity: null,
|
power: null,
|
energyLevel: [],
|
investment: null,
|
subsidy: null,
|
},
|
pump: {
|
subType: [],
|
quantity: null,
|
power: null,
|
energyLevel: [],
|
investment: null,
|
subsidy: null,
|
},
|
compressor: {
|
quantity: null,
|
power: null,
|
energyLevel: '',
|
investment: null,
|
subsidy: null,
|
},
|
fan: {
|
quantity: null,
|
power: null,
|
energyLevel: '',
|
investment: null,
|
subsidy: null,
|
},
|
chiller: {
|
subType: '',
|
quantity: null,
|
power: null,
|
energyLevel: '',
|
investment: null,
|
subsidy: null,
|
},
|
transformer: {
|
quantity: null,
|
capacity: null,
|
energyLevel: '',
|
investment: null,
|
subsidy: null,
|
},
|
boiler: {
|
quantity: null,
|
capacity: null,
|
energyLevel: '',
|
investment: null,
|
subsidy: null,
|
},
|
});
|
|
const rules = {
|
companyName: [{ required: true, message: '请输入单位名称', trigger: 'blur' }],
|
socialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }],
|
legalRepresentative: [{ required: true, message: '请输入单位法人', trigger: 'blur' }],
|
companyType: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
|
industry: [{ required: true, message: '请输入所属行业', trigger: 'blur' }],
|
lastYearEnergy: [{ required: true, message: '请输入上年度综合能耗', trigger: 'blur' }],
|
lastYearOutput: [{ required: true, message: '请输入上年度总产值', trigger: 'blur' }],
|
totalInvestment: [{ required: true, message: '请输入项目总投资', trigger: 'blur' }],
|
totalSubsidy: [{ required: true, message: '请输入申请补贴总额', trigger: 'blur' }],
|
purchaseMode: [{ required: true, message: '请选择采购模式', trigger: 'change' }],
|
};
|
|
const showSuccess = ref(false);
|
const applicationNo = ref('');
|
|
const generateApplicationNo = () => {
|
const date = new Date();
|
const year = date.getFullYear();
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
const day = String(date.getDate()).padStart(2, '0');
|
const random = Math.floor(Math.random() * 10000)
|
.toString()
|
.padStart(4, '0');
|
return `SQ${year}${month}${day}${random}`;
|
};
|
|
const goHome = () => {
|
router.push('/');
|
};
|
|
const checkProgress = () => {
|
// 这里可以跳转到进度查询页面
|
ElMessage.info('进度查询功能开发中');
|
};
|
|
const downloadForm = () => {
|
// 这里添加下载表格的逻辑
|
const link = document.createElement('a');
|
link.href = `${SERVE_URL}files/附件：绿 72 附件.doc`;
|
link.download = '上海市工业通信业用能设备更新专项补贴申报表.doc';
|
document.body.appendChild(link);
|
link.click();
|
document.body.removeChild(link);
|
ElMessage.success('开始下载申请表');
|
};
|
|
const submitForm = () => {
|
formRef.value.validate((valid: boolean) => {
|
if (valid) {
|
// 生成申请编号
|
applicationNo.value = generateApplicationNo();
|
// 显示成功页面
|
showSuccess.value = true;
|
ElMessage.success('提交成功');
|
} else {
|
return false;
|
}
|
});
|
};
|
</script>
|
|
<style scoped>
|
:deep(.el-form-item__label) {
|
font-weight: 500;
|
}
|
|
:deep(.el-input-number.is-controls-right .el-input__wrapper) {
|
padding-right: 80px;
|
}
|
|
:deep(.el-input-number) {
|
width: 200px;
|
}
|
|
:deep(.el-select) {
|
/* width: 120px; */
|
}
|
|
:deep(.el-form-item) {
|
margin-bottom: 12px;
|
}
|
|
:deep(.el-checkbox-group) {
|
display: flex;
|
gap: 20px;
|
}
|
|
.unit-text {
|
margin-left: 8px;
|
color: #606266;
|
}
|
</style>
|
