颜色处理

src/page/Home.vue

@@ -6,6 +6,7 @@
                     <img src="@/assets/home/plan.png"></div>
                 <div>
                     <div class="title">抽样计划执行双随机</div>
+                    <!--todo 每个模块的数量-->
                     <div class="num">3</div>
                 </div>
             </div>
@@ -118,17 +119,21 @@
     }
 
     .box-c:nth-child(1) {
-        background: #589dff;
+        /*background: #589dff;*/
+        background-image: linear-gradient(50deg, #10239e, #adc6ff)
     }
 
     .box-c:nth-child(4) {
-        background: #9B9C9D;
+        /*background: #9B9C9D;*/
+        background-image: linear-gradient(50deg, #00474f, #87e8de)
+
     }
 
     .box-c-1, .box-c-4 {
         display: flex;
         align-items: center;
         justify-content: center;
+        box-shadow: 2px 2px 10px #888888;
 
         > div:nth-child(1) {
             width: 20%;
@@ -156,6 +161,7 @@
             display: flex;
             justify-content: center;
             align-items: center;
+            box-shadow: 2px 2px 10px #888888;
         }
 
         .box-img {
@@ -169,22 +175,27 @@
 
     .box-c-2 {
         > div:nth-child(1) {
-            background: #b562bb;
+            /*background: #b562bb;*/
+            background-image: linear-gradient(50deg, #9e1068, #ff85c0)
+
         }
 
         > div:nth-child(2) {
-            background:  #e8835e;
+            /*background:  #e8835e;*/
+            background-image: linear-gradient(50deg, #874d00, #e8835e);
             margin-left: 30px;
         }
     }
 
     .box-c-3 {
         > div:nth-child(1) {
-            background: #E24343;
+            /*background: #E24343;*/
+            background-image: linear-gradient(50deg, #E24343, #ff7875)
         }
 
         > div:nth-child(2) {
-            background: #a1aeca;
+            /*background: #a1aeca;*/
+            background-image: linear-gradient(50deg, #8e9bb7, #e0e0e0);
             margin-left: 30px;
         }
     }

src/page/sampling-plan/SamplingPlan.vue

@@ -30,7 +30,6 @@
                     <datetime-field label="登记结束日期" v-model="formObj.ctimeEnd"></datetime-field>
                     <picker-field label="状态" v-model="formObj.progress" :columns="statusList"
                                   show-key="text"></picker-field>
-                    <!--todo 状态查询-->
                 </template>
             </search-bar>
             <div class="layout-cont-sh" :class="{'layout-cont-sh-btn':showCheck}">