From ec2d60fb5140e5be18bd85348c4796c2524f40c0 Mon Sep 17 00:00:00 2001
From: qiuyt <zane0312@foxmail.com>
Date: Tue, 21 Jan 2025 15:21:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8C=BB=E4=BF=9D=E4=B8=8A=E4=BC=A0=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.production                            |   6 +-
 package.json                               |   5 +-
 src/assets/img/titles/you.png              | Bin 0 -> 1548 bytes
 src/assets/img/titles/zuo.png              | Bin 0 -> 1547 bytes
 src/components/item-wrap/item-wrap.vue     |  97 +++++++
 src/main.js                                |   8 +
 src/views/collect/CollectOrderStatsNew.vue | 289 ++++++++-------------
 7 files changed, 223 insertions(+), 182 deletions(-)
 create mode 100644 src/assets/img/titles/you.png
 create mode 100644 src/assets/img/titles/zuo.png
 create mode 100644 src/components/item-wrap/item-wrap.vue

diff --git a/.env.production b/.env.production
index 5a8be87a..ea448bb3 100644
--- a/.env.production
+++ b/.env.production
@@ -30,10 +30,10 @@ ENV = 'production'
 # 平和县医院
 # VUE_APP_BASE_API = 'http://192.168.0.43:9150/UDI_WMS_MC/'
 
-VUE_APP_BASE_API = 'http://dm.xmglxp.com:81/UDI_WMS_MC/'
+# VUE_APP_BASE_API = 'http://dm.xmglxp.com:81/UDI_WMS_MC/'
 
 # 长泰医院
-# VUE_APP_BASE_API = 'http://192.168.6.189:9150/UDI_WMS_MC/'
+# VUE_APP_BASE_API = 'http://192.168.6.189:9160/UDI_WMS_MC/'
 
 # 三明大田医院
 # VUE_APP_BASE_API = 'http://172.20.124.4:9150/UDI_WMS_MC/'
@@ -76,7 +76,7 @@ VUE_APP_BASE_API = 'http://dm.xmglxp.com:81/UDI_WMS_MC/'
 # VUE_APP_BASE_API = 'http://116.204.116.198:9160/UDI_WMS_MC/'
 # VUE_APP_BASE_API = 'http://127.0.0.1:9150/UDI_WMS_MC/'
 # 湖里妇幼
-VUE_APP_BASE_API = 'http://192.168.158.151:9150/UDI_WMS_MC/'
+ VUE_APP_BASE_API = 'http://192.168.158.151:9150/UDI_WMS_MC/'
 
 # 应用访问路径 例如使用前缀 /admin/
 VUE_APP_CONTEXT_PATH = '/UDI_WMS_NEW/'
diff --git a/package.json b/package.json
index b08fc24b..81a45964 100644
--- a/package.json
+++ b/package.json
@@ -5,12 +5,12 @@
   "author": "Glxp",
   "license": "MIT",
   "scripts": {
-    "build:prod": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
+    "build:prod": " vue-cli-service build",
     "build:test": "vue-cli-service build --mode test",
     "preview": "node build/index.js --preview",
     "lint": "eslint --ext .js,.vue src",
     "server": "SET NODE_OPTIONS=--openssl-legacy-provider && webpack-dev-server --env.server --env.develop --inline --max-old-space-size=3000",
-    "dev": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --open"
+    "dev": " vue-cli-service serve --open"
   },
   "husky": {
     "hooks": {
@@ -39,6 +39,7 @@
   "dependencies": {
     "@riophae/vue-treeselect": "0.4.0",
     "@tinymce/tinymce-vue": "^3.2.8",
+    "@jiaminghi/data-view": "^2.10.0",
     "axios": "0.24.0",
     "clipboard": "2.0.8",
     "core-js": "^3.19.1",
diff --git a/src/assets/img/titles/you.png b/src/assets/img/titles/you.png
new file mode 100644
index 0000000000000000000000000000000000000000..3877b31681894da023d64b6d6b2792dbbfb9e9d5
GIT binary patch
literal 1548
zcmeAS@N?(olHy`uVBq!ia0vp^RzS?h!3HGj0{ABbDaPU;cPEB*=VV?2IV|apzK#qG
z8~eHcB(eheoCO|{#Xt>*L74G){)!Z!pk#?_L`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=
zVoGJ<$y6H#24=O)kcg59UmvUF{9L_6kQ%*;+ybC(1_m4Zih{)C?9>v4q}24xJX@vr
zyZ0+8WTx0Eg`4^s_!c;)W@LI)6{QAO`Gq7`WhYyvDB0U7*i={n4aiL`NmQuF&B-ga
zs<2f8n`;GRgM{^!6u?SKvTc<hj*9RNP;kyKN>wn`Gt*5rG%->zx70H<Gq5x=(NQom
zFf`XUFxNLU)-^D+GBC3;wp4%uC7^9ZDQQ+gE^bh}fIM5JjFOT9D}DX)@^Za$W4-*M
zbbUihOG|wNBYh(yU7!lx;>x^|#0uTKVr7^KE~&-IMVSR9nfZANAQKal@=Hr>m4GgV
zcp<j{ZfssLG?;(^reBd*pl_&W0P+${p|3A~rMbCq)x{-2sR;LCHMlsWvLIDID784h
zv?v)EacRmRs|u`~i&7Iy@{2<9^K)RK7?6=)l3$#WU!dUZ3<@<11&#2`yp;U%Vok6f
zUtcTFyyB9?yyR3*7h5HuDSDZiDORqgP8OyX=4O@_<`#yAuFjUuF0L+S7S4`F&W5Ju
zZk8~;F8Rr&xv6<2Fuf@Vz2-Ref|5gS0nlcb)S}F?)D*X({9FaFx2-a9yTt^jc~HG6
zxZPrkQ?EYIG5Vm$MT%^g5HJOSnDC?v<iHbuY927f7Xg#@jX2}Q3=B+Oo-U3d9^QAS
zdG`ARN;vE`y(Qqx!|9Z9xJf`raH2vRtLNs;8@4K{)HU!{|K6r9Snm*V^G1?$i^8+Y
zoJ(!jmKDc+y}onbcOUQ4Nt0Lo&fEKN&#F6Bb7%k7EC17Uu|mZEA*;EHRiV69`AJ^h
zoP**OOQo(xHs1e`WxC3k|M=tHtdMjrzhmrISDcHO)9`okszh1k-v#D!j*Goy<PXH%
z>5iRovrD>Ay6RBR#McG9Qj-mfRP_#a=6Oi$<Va7tyyy9xzP2*+R;fy!@<+aRn(rHS
zoOt_Ud#S|!q|S-bA8h9xI3FQ2G0(nRexr(#?fU%^{lP*Li^M<IxKyppFEnU(d%|Z@
zBrYZV<b?AN9`92p9{-T>E=sv)@BZv>@srorZVMKrlnS4^u&s9rNA7D6!w}_9V$VD}
zPfWid^72*I6ZV|0m_9eY#Na0}e`b3q|FaD0DXH8a-y6j~=T_BkVgI)HSlPcm&v>gQ
zCKpVS7Gi!;88dfw*a`m^d#+#J!c^TnM|`o-xubjbpOcEU-TS-NwtrrN@UOG;4u4t~
z>#U!qyUzW8O?=`9k^2vWV%qvI{#YPyd(Y{Oq}=q+|Ab`DAG~SNQD@w^P_AC8YVqEc
z_x2p{_%7Lg_XTgUjZ@31`AO>^*GosYdEGwtEFkmrjb#Cv$>EPZbu^P>b<ZzQ=Q(xb
zXocYE<;#uA?5g(YOHA3g`GcU8#FL2o(?465y(s7ZS|s5Acy3n6@#8M?C-TD=Tdlsp
zy)V4?m5zhHR@mP&JYSOJ!xmfF9pBaUeE;DCqBH(lv(+)&wBx^}Xuk3~sI>KT^>bP0
Hl+XkK#|c2=

literal 0
HcmV?d00001

diff --git a/src/assets/img/titles/zuo.png b/src/assets/img/titles/zuo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b3b355d25f6b65f9225b3b64769934a1bce4bae5
GIT binary patch
literal 1547
zcmeAS@N?(olHy`uVBq!ia0vp^RzS?h!3HGj0{ABbDaPU;cPEB*=VV?2IV|apzK#qG
z8~eHcB(eheoCO|{#Xt>*L74G){)!Z!pk#?_L`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=
zVoGJ<$y6H#24=O)kcg59UmvUF{9L_6kQ%*;+ybC(1_m4Zih{)C?9>v4q}24xJX@vr
zyZ0+8WTx0Eg`4^s_!c;)W@LI)6{QAO`Gq7`WhYyvDB0U7*i={n4aiL`NmQuF&B-ga
zs<2f8n`;GRgM{^!6u?SKvTc<hj*9RNP;kyKN>wn`Gt*5rG%->zx70H<Gq5x=(NQom
zFf`XUFxNLU)-^D+GBC3;wp4%uC7^9ZDQQ+gE^bh}fIM5JjFOT9D}DX)@^Za$W4-*M
zbbUihOG|wNBYh(yU7!lx;>x^|#0uTKVr7^KE~&-IMVSR9nfZANAQKal@=Hr>m4GgV
zcp<j{ZfssLG?;(^reBd*pl_&W0P+${p|3A~rMbCq)x{-2sR;LCHMlsWvLIDID784h
zv?v)EacRmRs|u`~i&7Iy@{2<9^K)RK7?6=)l3$#WU!dUZ3<@<11&#2`yp;U%Vok6f
zUtcTFyyB9?yyR3*7h5HuDSDZiDORqgP8OyX=4O@_<`#yAuFjUuF0L+S7S4`F&W5Ju
zZk8~;F8Rr&xv6<2Fuf@Vz2-Ref|5gS0nlcb)S}F?)D*X({9FaFx2-a9yTt^jc~HG6
zxZPrkQ?EYIG5Vm$MT%^g5HJOSnDC?v<iHbuY927f7Xg#@jX2}Q3=B-3o-U3d9^QAS
z@6Hx=lyEmc=HAn!CUI0D>xzh{ho+D~Pinx1jn@u&S^sC1-Y9nT+@)jZL^3BiaeGc*
zA>hiQm?cs(`-fT8xmk^cWo4eP{~k<ypYrb9o0&Vm&z`+)arisY6yuuK`DR8h8&!YA
zY+H4c_1^zoIiZ`SuN}C&DfFz|i>8@C%1)vwI(79dI}5()r^D3V)*e4sR&bXqZvR1}
zBR5%oFO;@B#NUzppX19RYY*{c<v9$;E4be)o~yE8KK$T^zM`LXOq241B)b-i+yZ95
zrsBJ8ULvL9v2S@NOb&fxp3^vI&HBCR>Q7Q+|1<A+_0C7@H+S4Y1s(^j*LV6K7|1lu
zd1JC;@!|<nL$9pnzooL9!*^4c$;n$`>-?_$6Aw`T&Gx77>Pf46DpyXi1zx_iY2%8_
z$eSTo{^V~uXUeV^8QEIIdA#TE&hItxJ8x}&_x^PKC)OC5-?3{<<U++1f7{-=RKp~G
zzU$S-$;XbC@I7u?R`{@{U$cMPoR;IQyPvMxS>>p8B=!#XH~U6|gcD^J9ClB1Y?>{s
z6L?}4?Eb*;sN#R-ixz7G*1|pim2#RncW@Qje9k|_DA8WLVNTb&uuE&)isT-#c%JuD
zeeXO+;bpPLOLqgm2_b48zt$)^Zjx_G`T4TPH9G7P%f)HaOuC|CXRFNJ<9X?yn&;}c
z$xG_(SxYDVW7)${I_X@s?36Ft3tTT%?1}g*bH-?%m(=R}Q5%jdpQIMz-tDKAIp@lE
zoA!`P7W+f5)pJ}rlsqMhLHq00sb#Z{KQNxt-jxz4a#a4=W+};k6KuUfg{`NnpUXO@
GgeCyZf<rO@

literal 0
HcmV?d00001

diff --git a/src/components/item-wrap/item-wrap.vue b/src/components/item-wrap/item-wrap.vue
new file mode 100644
index 00000000..f6449922
--- /dev/null
+++ b/src/components/item-wrap/item-wrap.vue
@@ -0,0 +1,97 @@
+<!--
+ * @Author: daidai
+ * @Date: 2022-03-01 09:16:22
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2022-09-29 15:12:34
+ * @FilePath: \web-pc\src\pages\big-screen\components\item-wrap\item-wrap.vue
+-->
+<template>
+  <dv-border-box-13 class="lr_titles">
+    <div class="item_title" v-if="title !== ''">
+      <div class="zuo"></div>
+      <span class="title-inner"> &nbsp;&nbsp;{{ title }}&nbsp;&nbsp; </span>
+      <div class="you"></div>
+    </div>
+    <div
+      :class="title !== '' ? 'item_title_content' : 'item_title_content_def'"
+    >
+      <slot></slot>
+    </div>
+  </dv-border-box-13>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  props: {
+    title: {
+      type: String,
+      default: () => "",
+    },
+  },
+  created() {},
+
+  mounted() {},
+  methods: {},
+};
+</script>
+<style lang='scss' scoped>
+$item-title-height: 38px;
+$item_title_content-height: calc(100% - 38px);
+
+.lr_titles {
+  box-sizing: border-box;
+
+:deep(.border-box-content)  {
+    box-sizing: border-box;
+    padding: 6px 16px 0px;
+  }
+
+  .item_title {
+    height: $item-title-height;
+    line-height: $item-title-height;
+    width: 100%;
+    color: #3b3b3b;
+    text-align: center;
+    // background: linear-gradient(to right, transparent, #0f0756, transparent);
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .zuo,
+    .you {
+      width: 58px;
+      height: 14px;
+      background-image: url("../../assets/img/titles/zuo.png");
+    }
+
+    .you {
+      transform: rotate(180deg);
+    }
+    .title-inner {
+      font-weight: 900;
+      letter-spacing: 2px;
+      background: linear-gradient(
+        92deg,
+        #565656 0%,
+        #465357 48.8525390625%,
+        #2b3e49 100%
+      );
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  }
+
+  .item_title_content {
+    height: $item_title_content-height;
+  }
+
+  .item_title_content_def {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
diff --git a/src/main.js b/src/main.js
index 9da274bf..2b785b13 100644
--- a/src/main.js
+++ b/src/main.js
@@ -53,6 +53,8 @@ import DictData from "@/components/DictData";
 import cusEditor from '@/views/components/cusEditor.vue'
 
 import splitPane from 'vue-splitpane'
+import ItemWrap from './components/item-wrap/item-wrap.vue'
+import {borderBox13} from '@jiaminghi/data-view'
 
 // 去除控制台的 Vue warn 警告信息
 Vue.config.silent = true;
@@ -111,6 +113,8 @@ Vue.component("planChooseDevice", planChooseDevice)
 Vue.component("deviceInfo", deviceInfo)
 Vue.component("deviceRepairDialog", deviceRepairDialog)
 Vue.component("Echart", Echart)
+Vue.component("ItemWrap", ItemWrap)
+
 
 Vue.use(directive);
 Vue.use(plugins);
@@ -118,6 +122,10 @@ Vue.use(VueMeta);
 Vue.use(allTools);
 Vue.use(ShowMsgBox)
 Vue.use(winExtend);
+// datav组件
+Vue.use(borderBox13)
+
+
 DictData.install();
 
 /**
diff --git a/src/views/collect/CollectOrderStatsNew.vue b/src/views/collect/CollectOrderStatsNew.vue
index 7ede1906..68c182ca 100644
--- a/src/views/collect/CollectOrderStatsNew.vue
+++ b/src/views/collect/CollectOrderStatsNew.vue
@@ -4,111 +4,52 @@
 <!--      <h2>单据上传统计</h2>-->
 <!--      <el-divider/>-->
       <el-card>
+
+
         <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" class="query-form"
                  size="mini" label-width="100px"
         >
-          <el-row style=" display:flex;  flex-wrap: wrap; ">
-            <template v-for="(item, index) in queryList">
-              <div v-if="showSearch || item.isImport">
-                <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)"
-                              class="query-form-item"
-                              :label="item.columnDesc+`:`" :key="item.id"
-                >
-                  <el-input
-                    v-model="filterQuery[item.columnName]"
-                    :placeholder="item.columnDesc == '模糊查询' ? '单据号/来源系统/收货方/发货方' : item.columnDesc"
-                    :disabled="executeEval(null,item.disabledFuc,false)"
-                    @keyup.enter.native="executeFuc($event,'5',item.clickFuc)"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)"
-                              class="query-form-item"
-                              :label="item.columnDesc+`:`"
-                >
-                  <el-select v-model="filterQuery[item.columnName]"
-                             :placeholder="item.columnDesc"
-                             :disabled="executeEval(null,item.disabledFuc,false)"
-                             clearable
-                  >
-                    <el-option
-                      v-for="dict in item.lableRuleObj"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    />
-                  </el-select>
-                </el-form-item>
-                <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)"
-                              class="query-form-item"
-                              :label="item.columnDesc+`:`"
-                >
-                  <el-select
-                    v-model="filterQuery[item.columnName]"
-                    :placeholder="item.columnDesc"
-                    @change="executeFuc($event,'5',item.checkRules)"
-                    :disabled="executeEval(null,item.disabledFuc,false)"
-                    filterable
-                    remote
-                    :remote-method="(query) => executeFuc(query,'5',item.clickFuc)"
-                    clearable
-                  >
-                    <el-option
-                      v-for="item in options[item.clickFuc]"
-                      :key="item.code"
-                      :label="item.label"
-                      :value="item.code"
-                    />
-                  </el-select>
-                </el-form-item>
-                <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)"
-                              class="query-form-item"
-                              :label="item.columnDesc+`:`"
+          <el-row >
+            <el-col :span="8">
+              <el-form-item label="时间统计:">
+                <el-date-picker
+
+                  :picker-options="pickerOptions"
+                  v-model="actDateRange"
+                  type="daterange"
+                  format="yyyy 年 MM 月 dd 日"
+                  style="width: 90%"
+                  value-format="yyyy-MM-dd"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
                 >
-                  <el-date-picker
-                    :picker-options="pickerOptions"
-                    v-model="actDateRange"
-                    type="daterange"
-                    format="yyyy 年 MM 月 dd 日"
-                    value-format="yyyy-MM-dd"
-                    range-separator="至"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                  ></el-date-picker>
-                </el-form-item>
-                <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)"
-                              class="query-form-item"
-                              :label="item.columnDesc+`:`"
+                </el-date-picker>
+
+              </el-form-item>
+
+            </el-col>
+            <el-form-item >
+
+              <el-button-group>
+                <el-button
+                  type="primary"
+                  icon="el-icon-refresh"
+                  @click="onReset"
+                >重置
+                </el-button>
+                <el-button type="primary" icon="el-icon-search" @click="onSubmit(this)"
+                >查询
+                </el-button
                 >
-                  <el-date-picker
-                    v-model="filterQuery[item.columnName]"
-                    :style="`width:${item.width+'px'}`"
-                    value-format="yyyy-MM-dd"
-                    :disabled="executeEval(null,item.disabledFuc,false)"
-                    type="date"
-                    :placeholder="item.columnDesc"
-                  ></el-date-picker>
-                </el-form-item>
-              </div>
-            </template>
+              </el-button-group>
+
+            </el-form-item>
           </el-row>
         </el-form>
-        <div class="top-right-btn">
-          <el-button-group>
-            <el-button
-              type="primary"
-              icon="el-icon-refresh"
-              @click="onReset"
-            >重置
-            </el-button>
-            <el-button type="primary" icon="el-icon-search" @click="onSubmit(this)"
-            >查询
-            </el-button
-            >
-          </el-button-group>
-        </div>
+
       </el-card>
-      <div class="mt10 grid-container grid-container3" style="height: 15%">
+      <div class="mt10 grid-container grid-container3" style="height: 20%">
 
 
         <el-card class="grid-item" body-style="padding:0px;height:100%"  >
@@ -178,6 +119,57 @@
           </el-row>
         </el-card>
       </div>
+      <div class="mt10 grid-container grid-container3" style="height: 500px">
+
+
+        <el-card class="grid-item" body-style="padding:0px;height:100%"  >
+
+          <el-row >
+            <div style="width: 100%; height: 100%;
+        justify-content: center;
+        align-items: center;">
+
+<!--              <ItemWrap-->
+<!--                title="医保上传统计">-->
+                <Echart
+                  :options="statsChart1"
+                ></Echart>
+<!--              </ItemWrap>-->
+            </div>
+
+          </el-row>
+        </el-card>
+
+        <el-card class="grid-item" body-style="padding:0px;height:100%"  >
+
+          <el-row >
+            <div style="width: 100%; height:100%;
+        justify-content: center;
+        align-items: center;">
+
+              <Echart
+                :options="statsChart2"
+              ></Echart>
+            </div>
+
+          </el-row>
+        </el-card>
+        <el-card class="grid-item" body-style="padding:0px;height:100%"  >
+
+          <el-row >
+            <div style="width: 100%; height:100%;
+        justify-content: center;
+        align-items: center;">
+
+
+              <Echart
+                :options="statsChart3"
+              ></Echart>
+            </div>
+
+          </el-row>
+        </el-card>
+      </div>
     </div>
     <!-- 分割线 -->
     <!--    <div class="m0 grid-container grid-container1" style="height: 100%; display: flex; flex-wrap: wrap;">-->
@@ -209,61 +201,7 @@
 <!--        ></Echart>-->
 <!--      </div>-->
 <!--    </div>-->
-    <template>
-      <div class="container">
-        <div class="left">
-          <div style="width: 100%; height: 500px;
-        justify-content: center;
-        align-items: center;">
-            <Echart
-              :options="statsChart1"
-            ></Echart>
-          </div>
-        </div>
-        <div class="middle">
-          <div style="width: 100%; height: 500px;
-        justify-content: center;
-        align-items: center;">
-            <Echart
-              :options="statsChart2"
-            ></Echart>
-          </div>
-        </div>
-        <div class="right">
-          <div style="width: 100%; height: 500px;
-        justify-content: center;
-        align-items: center;">
-            <Echart
-              :options="statsChart3"
-            ></Echart>
-          </div>
-        </div>
-      </div>
-    </template>
-<!--    <div class="mt10 grid-container grid-container3" style="height: 15%" >-->
-<!--      <div style="width: 100%; height: 500px;-->
-<!--        justify-content: center;-->
-<!--        align-items: center;">-->
-<!--        <Echart-->
-<!--          :options="statsChart1"-->
-<!--        ></Echart>-->
-<!--      </div>-->
 
-<!--      <div style="width: 100%; height: 500px;-->
-<!--        justify-content: center;-->
-<!--        align-items: center;">-->
-<!--        <Echart-->
-<!--          :options="statsChart2"-->
-<!--        ></Echart>-->
-<!--      </div>-->
-<!--      <div style="width: 100%; height: 500px;-->
-<!--        justify-content: center;-->
-<!--        align-items: center;">-->
-<!--        <Echart-->
-<!--          :options="statsChart3"-->
-<!--        ></Echart>-->
-<!--      </div>-->
-<!--    </div>-->
 
 
 
@@ -311,7 +249,6 @@ export default {
         salesScanCount: 0,
         fifoSplitOneCount:0,
         fifoSplitTwoCount:0,
-        fifoSplitThreeCount:0,
 
       },
 
@@ -435,7 +372,6 @@ export default {
             salesScanCount: res.data.salesScanCount,
             fifoSplitOneCount:res.data.fifoSplitOneCount,
             fifoSplitTwoCount:res.data.fifoSplitTwoCount,
-            fifoSplitThreeCount:res.data.fifoSplitThreeCount,
 
           }
 
@@ -464,8 +400,8 @@ export default {
     initStatsChart1(){
       const dataArr = [
         this.stats.buyerScanCount,this.stats.salesScanCount
-      ]
-      console.log('dataArr',dataArr)
+      ];
+      console.log('dataArr',dataArr);
       this.statsChart1 = {
         color: ['#01c6fd'],
         grid: {
@@ -516,7 +452,8 @@ export default {
                 color: '#000000'
               },
               formatter: function (value) {
-                return value + ""
+                // 这里修改 y 轴的数值显示，可以通过乘以一个倍数来增大显示的值
+                return (value * 10) + "";
               },
             },
           }
@@ -529,21 +466,19 @@ export default {
             data: dataArr,
             label: {
               normal: {
-                show: true,//开启显示
-                position: 'top',//柱形上方
-                textStyle: { //数值样式
+                show: true, // 开启显示
+                position: 'top', // 柱形上方
+                textStyle: { // 数值样式
                   color: '#000000'
                 }
               }
             }
-          },
-
-
+          }
         ]
       };
     },
     initStatsChart2(){
-      let colors = ["#ff0000","#ffca29", "#01c6fd"];
+      let colors = ["#d30101","#ffca29", "#01c6fd"];
       let piedata = {
         name: "医保上传率",
         type: "pie",
@@ -629,11 +564,11 @@ export default {
                   lineHeight: 26,
                 },
                 c: {
-                  color: "#31ABE3",
+                  color: "#2b91c2",
                   fontSize: 14,
                 },
                 per: {
-                  color: "#31ABE3",
+                  color: "#2b91c2",
                   fontSize: 14,
                 },
               },
@@ -678,7 +613,7 @@ export default {
       };
     },
     initStatsChart3(){
-      let colors = ["#ff0000","#ffca29", "#01c6fd"];
+      let colors = ["#d30101", "#01c6fd"];
       let piedata = {
         name: "赋码方式",
         type: "pie",
@@ -693,25 +628,19 @@ export default {
         data: [
           {
             value: this.stats.fifoSplitOneCount  ,
-            name: "自动拆零赋码数",
+            name: "拆零赋码数",
             label: {
               shadowColor: colors[0],
             },
           },
           {
             value: this.stats.fifoSplitTwoCount,
-            name: "自动整取赋码数",
+            name: "整取赋码数",
             label: {
               shadowColor: colors[1],
             },
           },
-          {
-            value: this.stats.fifoSplitThreeCount,
-            name: "手动赋码数",
-            label: {
-              shadowColor: colors[2],
-            },
-          },
+
         ],
       };
       this.statsChart3 = {
@@ -764,11 +693,11 @@ export default {
                   lineHeight: 26,
                 },
                 c: {
-                  color: "#31ABE3",
+                  color: "#2b91c2",
                   fontSize: 14,
                 },
                 per: {
-                  color: "#31ABE3",
+                  color: "#2b91c2",
                   fontSize: 14,
                 },
               },
@@ -991,5 +920,11 @@ export default {
   float: left;
   width: 37.5%;
 }
+//左右两侧 三个块
+.contetn_lr-item {
+  height: 282px;
+  margin-top: 10px;
+}
+
 </style>