数据大屏和合同管理

src/views/data-screen/components/AnnualUseChart.vue

@@ -101,7 +101,7 @@ const option = {
             data: salvProMax,
             itemStyle: {
                 normal: {
-                    color: 'rgba(24,31,68,1)',
+                    color: '#05091e',
                     barBorderRadius: 30,
                 }
             },

src/views/data-screen/components/HotPlateChart.vue

@@ -14,7 +14,7 @@ var salvProName =["还呗","360借条"];
 var salvProValue =[70,65];
 var salvProMax =[];//背景按最大值
 for (let i = 0; i < salvProValue.length; i++) {
-    salvProMax.push(salvProValue[0])
+    salvProMax.push(100)
 }
 
 const colors = ["#1089E7", "#F57474", "#56D0E3", "#F8B448", "#8B78F6"];
@@ -45,9 +45,10 @@ const option = {
         type: 'category',
         inverse: true,
         axisLabel: {
-            show: true,
+            show: false,
             textStyle: {
-                color: '#fff'
+                color: '#fff',
+                fontSize: '14'
             },
         },
         splitLine: {
@@ -69,7 +70,7 @@ const option = {
         axisLabel: {
             textStyle: {
                 color: '#ffffff',
-                fontSize: '12'
+                fontSize: '14'
             },
         },
         data:salvProValue
@@ -80,7 +81,7 @@ const option = {
             zlevel: 1,
             itemStyle: {
                 normal: {
-                    barBorderRadius: 30,
+                    // barBorderRadius: 30,
                     color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                         offset: 0,
                         color: 'rgb(57,89,255,1)'
@@ -90,19 +91,32 @@ const option = {
                     }]),
                 },
             },
-            barWidth: 20,
+            label: {
+              normal: {
+                color: '#b3ccf8',
+                show: true,
+                position: [0, '-24px'],
+                textStyle: {
+                  fontSize: 16
+                },
+                formatter: function (a, b) {
+                  return a.name
+                }
+              }
+            },
+            barWidth: 60,
             data: salvProValue
         },
         {
             name: '背景',
             type: 'bar',
-            barWidth: 20,
+            barWidth: 60,
             barGap: '-100%',
             data: salvProMax,
             itemStyle: {
                 normal: {
-                    color: 'rgba(24,31,68,1)',
-                    barBorderRadius: 30,
+                    color: '#05091e',
+                    // barBorderRadius: 30,
                 }
             },
         },

src/views/infoGather/constant/index.vue

@@ -295,15 +295,15 @@
           default({ row }) {
             return (
               <>
-                <ElButton type="primary" link onClick={() => addConstant(row, true)} v-show={row.createBy === userStore.userInfo.id} disabled={row.legalFlowStatus=== 'pass' && row.financeFlowStatus === 'pass'}>
+                <ElButton type="primary" link onClick={() => addConstant(row, true)} v-show={row.createBy === userStore.userInfo.id} disabled={row.legalFlowStatus=== 'pass'}>
                   修改
                 </ElButton>
                 <ElButton type="primary" link onClick={() => apply(row, 'finance')} v-show={authButtonListGet.includes('finance_apply')} disabled={row.legalFlowStatus || row.financeFlowStatus === 'pass'}>
                   财务审批
                 </ElButton>
-                <ElButton type="primary" link onClick={() => apply(row, 'legal')} v-show={authButtonListGet.includes('legal_apply')} disabled={row.financeFlowStatus !== 'pass' || row.legalFlowStatus === 'pass'}>
+                {/* <ElButton type="primary" link onClick={() => apply(row, 'legal')} v-show={authButtonListGet.includes('legal_apply')} disabled={row.financeFlowStatus !== 'pass' || row.legalFlowStatus === 'pass'}>
                   法务审批
-                </ElButton>
+                </ElButton> */}
               </>
             );
           },