前端

fuintAdmin/src/views/oilConfig/oilPrice/index.vue

@@ -7,7 +7,7 @@
       <el-button type="primary" @click="oilTypeMethods(1)">新增油号</el-button>
       <div class="top-box">
         <!--              循环-->
-        <div class="oil-box" v-for="(item,index) in oilNumberList " :key="index" >
+        <div class="oil-box" :style=" 'background:'+ colorList[index] " v-for="(item,index) in oilNumberList " :key="index" >
           <div v-if="item.state == '启用'" class="top-icon">
             <div>{{item.state}}</div>
           </div>
@@ -372,13 +372,9 @@
         <el-button type="primary" @click="insertOilPresePrices()">确 定</el-button>
       </div>
     </el-dialog>
-
   </div>
 </template>
-
-
 <script>
-
 import {
   getOilNumberList,
   dictSelect,
@@ -390,11 +386,9 @@ import {
   getOilNameListApi, insertOilPresePricesApi, stopJobApi
 
 } from "@/api/oilPrice";
-
   export default {
     name: 'index',
     dicts: ['jobState','oil_type','zhzt'],
-
     data() {
       var valiNumberPass = (rule, value, callback) => {//包含小数的数字
         let reg = /^[+-]?(0|([1-9]\d*))(\.\d{1,2})?$/;
@@ -406,9 +400,7 @@ import {
           callback();
         }
       };
-
       return {
-
         defaultDateTime: new Date(), // 默认时间
         pickerOptions: {
           disabledDate(time) {
@@ -416,7 +408,6 @@ import {
             return time.getTime() < Date.now();
           },
         },
-
         oilPresetPricesRules: {
           numberId:[
             { required: true, message: '请选择油品类型', trigger: 'change' }
@@ -447,32 +438,22 @@ import {
           gbPrice: [
             { required: true, validator:valiNumberPass, trigger: "blur" }
           ],
-          // receivingUnits: [
-          //   { required: true, message: '请选择', trigger: 'change' }
-          // ],
           state: [
             { required: true, message: '请选择状态', trigger: 'change' }
           ]
         },
-
-
         oilNumberList: [],
         oilNumberList2: [],
-
         num: 1,
         dialogFormVisible: false, // 新增油价配置
         dialogFormNumberEdit: false, // 修改油价配置
-
         dialogFormPricesAdd: false, // 新增油价趋势
-
         oilTypeList: [], // 油品类型
         oilNameList: [], // 油品名称
         receivingUnitList: [], // 计价单位
-
         receivingUnitCN: [],
         receivingUnitEN: [],
-
+        colorList:["#EAF9F6","#FFF1E8","#EDF3FF","#FFF8E6"],
-
         oilNumber:{
           oilType: '汽油',
           oilName: '',
@@ -491,10 +472,8 @@ import {
           oilNameT: '',
           unit:'', // 计价单位
         },
-
         oilPresetPricesList:[],
         AllOilList:[],
-
         selectOilTypeByPrice: [],
         oilPresetPrices: {
           oilType:'',
@@ -534,8 +513,6 @@ import {
     mounted() {
     },
     methods: {
-
-
       getStatusText(data) {
         if (data == 1) {
           return "停止"

fuintAdmin/src/views/order/order_Vip.vue

@@ -501,17 +501,21 @@ export default {
     width: 200px;
     box-sizing: border-box;
     padding: 10px;
-    background: #f9f9f9;
+    background: rgba(64,158,255,0.05);
     height: 86px;
     margin-right: 10px;
+    border-radius: 6px;
+    border: 1px solid #409EFF;
   }
   .size-hui{
-    font-size: 14px;
+    font-size: 20px;
-    margin-bottom: 10px;
+    color: #555555;
-    margin-top: 10px;
+    font-weight: bold;
+
   }
   .size-bole{
-    font-weight: bold;
+    font-size: 14px;
+    color: #888888;
   }
   .wgang{
     width: 100%;