feature_20260507_提示页色卡提示信息修改

src/views/home/hintTabPage/index.vue

@@ -92,7 +92,7 @@
                     '填写率-本月：' +
                       report.reportData.fillingRate +
                       ';审批率-本月：' +
-                      report.reportData.approvalRate
+                      report.reportData.approvalRate,
                   )
                 ">
                 下属详情
@@ -130,10 +130,7 @@
                 trigger="click"
                 popper-class="hintPopover"
                 v-if="colorWarning.tip">
-                <div
-                  class="popoverConten"
-                  v-for="(item, index) in colorWarning.tip"
-                  :key="index">
+                <div class="popoverConten" v-for="(item, index) in colorWarning.tip" :key="index">
                   {{ item }}
                 </div>
                 <div slot="reference" class="hintIconBox">
@@ -144,37 +141,47 @@
           </template>
           <div class="pantoneContent">
             <div v-for="(val, key, index) in colorWarning.contentData" :key="index">
-                <div :class="['title',key=='keKong'?'kekong':'jinpai']">{{ key=='keKong'?'可控店':'金牌店' }}</div>
-                <div class="pantoneItem">
-                  <div class="firstItem item">
-                    <div class="left">
-                      <div class="lebel">滚动7天未调色：</div>
-                      <div class="value valueIsClick" @click="colorWarningClick(val, key, val.mdwqsNum)">
-                        {{ Micrometer(val.colorSeven) }}家
-                      </div>
+              <div :class="['title', key == 'keKong' ? 'kekong' : 'jinpai']">
+                {{ key == 'keKong' ? '可控店' : '金牌店' }}
+              </div>
+              <div class="pantoneItem">
+                <div class="firstItem item">
+                  <div class="left">
+                    <div class="lebel">滚动7天未调色：</div>
+                    <div
+                      class="value valueIsClick"
+                      @click="colorWarningClick(val, key, val.mdwqsNum)">
+                      {{ Micrometer(val.colorSeven) }}家
                     </div>
-                    <div class="right">
-                      <div class="lebel">当月未调色：</div>
-                      <div class="value valueIsClick" @click="colorWarningClick(val, key, val.mdwqsNum)">
-                        {{ Micrometer(val.colorMonth) }}家
-                      </div>
+                  </div>
+                  <div class="right">
+                    <div class="lebel">当月未调色：</div>
+                    <div
+                      class="value valueIsClick"
+                      @click="colorWarningClick(val, key, val.mdwqsNum)">
+                      {{ Micrometer(val.colorMonth) }}家
                     </div>
                   </div>
-                  <div class="secondItem item">
-                    <div class="left">
-                      <div class="lebel">从未调色：</div>
-                      <div class="value valueIsClick" @click="colorWarningClick(val, key, val.mdwqsNum)">
-                        {{ Micrometer(val.colorStop) }}家
-                      </div>
+                </div>
+                <div class="secondItem item">
+                  <div class="left">
+                    <div class="lebel">从未调色：</div>
+                    <div
+                      class="value valueIsClick"
+                      @click="colorWarningClick(val, key, val.mdwqsNum)">
+                      {{ Micrometer(val.colorStop) }}家
                     </div>
-                    <div class="right">
-                      <div class="lebel">布机但近两年DIS为0：</div>
-                      <div class="value valueIsClick" @click="colorWarningClick(val, key, val.mdwqsNum)">
-                        {{ Micrometer(val.colorDis) }}家
-                      </div>
+                  </div>
+                  <div class="right">
+                    <div class="lebel">布机但近两年DIS为0：</div>
+                    <div
+                      class="value valueIsClick"
+                      @click="colorWarningClick(val, key, val.mdwqsNum)">
+                      {{ Micrometer(val.colorDis) }}家
                     </div>
                   </div>
                 </div>
+              </div>
             </div>
             <div class="mask" v-if="colorWarning.contentLosding">
               <van-loading type="spinner" color="#1989fa" />
@@ -260,7 +267,6 @@
             </div>
           </div>
         </van-collapse-item>
-         
       </van-collapse>
     </div>
   </div>
@@ -587,7 +593,7 @@ export default {
       }
     },
     getColorWarning() {
-       if (this.empLevel !== 4) {
+      if (this.empLevel !== 4) {
         this.colorWarning.contentLosding = true;
         getColorWarning().then((res) => {
           this.colorWarning.contentLosding = false;
@@ -726,7 +732,6 @@ export default {
     .pantoneContent {
       padding-bottom: 10px;
       .title {
-        
         padding: 2px 5px;
         border-radius: 2px;
         background-color: #13b5b1;
@@ -734,7 +739,7 @@ export default {
         display: inline-block;
         color: #fff;
       }
-      .kekong{
+      .kekong {
         color: #fff;
         height: 21px;
         margin-right: 6px;
@@ -748,7 +753,7 @@ export default {
         padding: 0 3px;
         background: rgb(235, 104, 119);
       }
-      .jinpai{
+      .jinpai {
         color: #fff;
         height: 21px;
         margin-right: 6px;
@@ -817,6 +822,7 @@ export default {
 }
 .hintPopover {
   background: #deedff;
+  width: 65%;
   .popper__arrow {
     &::after {
       border-right-color: #deedff !important;