From 18afbbe5fb9159f4477cc1b055a0b3984187f1f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E4=B8=BD=E5=90=9B?= <664953382@qq.com>
Date: Tue, 25 Jan 2022 13:19:53 +0800
Subject: [PATCH] up

---
 src/views/bigScreen/management/right2.vue    |  20 +-
 src/views/bigScreen/qualityManage/center.vue |   2 +-
 src/views/chartList/page4/center1.vue        | 373 +++++++++++--------
 3 files changed, 222 insertions(+), 173 deletions(-)

diff --git a/src/views/bigScreen/management/right2.vue b/src/views/bigScreen/management/right2.vue
index d1a65c7..b30c1d4 100644
--- a/src/views/bigScreen/management/right2.vue
+++ b/src/views/bigScreen/management/right2.vue
@@ -10,14 +10,14 @@
         <div
           style="
             height: 100%;
-            width: 16%;
+            max-width: 16%;
             display: flex;
             flex-direction: column;
             justify-content: space-evenly;
           "
         >
-          <div class="tag">
-            <div class="title">收入</div>
+          <div class="_tag">
+            <div class="_title">收入</div>
             <i style="font-size: 24px; font-weight: bold; color: #91d5fe"
               >{{ handleMillion(total.realIncome) }}/<i
                 style="font-size: 18px"
@@ -26,8 +26,8 @@
             >
             亿元
           </div>
-          <div class="tag">
-            <div class="title">利润</div>
+          <div class="_tag">
+            <div class="_title">利润</div>
             <i style="font-size: 24px; font-weight: bold; color: #91d5fe"
               >{{ handleMillion(total.realProfit) }}/<i
                 style="font-size: 18px"
@@ -36,8 +36,8 @@
             >
             亿元
           </div>
-          <div class="tag">
-            <div class="title">新签合同额</div>
+          <div class="_tag">
+            <div class="_title">新签合同额</div>
             <i style="font-size: 24px; font-weight: bold; color: #91d5fe"
               >{{ handleMillion(total.newContractAmount)
               }}<i style="font-size: 18px"></i
@@ -865,9 +865,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.tag {
-  .title {
-    width: 96px;
+._tag {
+  ._title {
+    // width: 96px;
     height: 28px;
     line-height: 28px;
     text-align: center;
diff --git a/src/views/bigScreen/qualityManage/center.vue b/src/views/bigScreen/qualityManage/center.vue
index 8da00dd..6161032 100644
--- a/src/views/bigScreen/qualityManage/center.vue
+++ b/src/views/bigScreen/qualityManage/center.vue
@@ -51,7 +51,7 @@
           <div><span style="font-weight: bold">产品错、漏检率</span></div>
           <div class="box">
             <span>
-              {{ dataInfo.realErrorCheckRate }}%
+              {{ dataInfo.realErrorCheckRate.toFixed(2) }}%
               <!-- /{{dataInfo.targetErrorCheckRate}}% -->
             </span>
           </div>
diff --git a/src/views/chartList/page4/center1.vue b/src/views/chartList/page4/center1.vue
index 01a6b9b..e0c5dd4 100644
--- a/src/views/chartList/page4/center1.vue
+++ b/src/views/chartList/page4/center1.vue
@@ -1,177 +1,226 @@
 <template>
-	<el-row :gutter="20">
-		<!--用户数据-->
-		<el-col :span="24" :xs="24">
-			<el-row :gutter="10" class="mb8 fr">
-				<el-col :span="1.5">
-					<el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport">导入</el-button>
-				</el-col>
-				<el-col :span="1.5">
-					<el-button
-						type="warning"
-						plain
-						icon="el-icon-download"
-						size="mini"
-						:loading="exportLoading"
-						@click="importTemplate"
-						>导出模板</el-button
-					>
-				</el-col>
-			</el-row>
+  <el-row :gutter="20">
+    <!--用户数据-->
+    <el-col :span="24" :xs="24">
+      <el-row :gutter="10" class="mb8 fr">
+        <el-col :span="1.5">
+          <el-button
+            type="info"
+            plain
+            icon="el-icon-upload2"
+            size="mini"
+            @click="handleImport"
+            >导入</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
+          <el-button
+            type="warning"
+            plain
+            icon="el-icon-download"
+            size="mini"
+            :loading="exportLoading"
+            @click="importTemplate"
+            >导出模板</el-button
+          >
+        </el-col>
+      </el-row>
 
-			<el-table v-loading="loading" :data="userList">
-				<el-table-column label="序号" align="center" prop="id" width="80" />
-				<el-table-column label="月份" align="center" prop="month" />
-				<el-table-column label="全厂质量体系问题总数" align="center" prop="factoryProblemTotal" />
-				<el-table-column label="全厂质量体系问题整改数" align="center" prop="factoryProblemRectificationTotal" />
-				<el-table-column label="一般性质量问题数" align="center" prop="commonlyProblemTotal" />
-				<el-table-column label="低层次质量问题数" align="center" prop="lowProblemTotal" />
-				<el-table-column label="产品错检率" align="center" prop="errorCheckTotal" />
-				<el-table-column label="产品漏检率" align="center" prop="leakCheckTotal" />
-				<el-table-column label="质量计划总数" align="center" prop="qualityPlanTotal" />
-				<el-table-column label="质量计划完成数" align="center" prop="qualityPlanCompleteTotal" />
-				<el-table-column label="质量通报总数" align="center" prop="qualityNotificationTotal" />
-				<el-table-column label="质量通报完成数" align="center" prop="qualityNotificationCompleteTotal" />
-			</el-table>
+      <el-table v-loading="loading" :data="userList">
+        <el-table-column label="序号" align="center" prop="id" width="80" />
+        <el-table-column label="月份" align="center" prop="month" />
+        <el-table-column
+          label="全厂质量体系问题总数"
+          align="center"
+          prop="factoryProblemTotal"
+        />
+        <el-table-column
+          label="全厂质量体系问题整改数"
+          align="center"
+          prop="factoryProblemRectificationTotal"
+        />
+        <el-table-column
+          label="一般性质量问题数"
+          align="center"
+          prop="commonlyProblemTotal"
+        />
+        <el-table-column
+          label="低层次质量问题数"
+          align="center"
+          prop="lowProblemTotal"
+        />
+        <!-- <el-table-column label="产品错检率" align="center" prop="errorCheckTotal" /> -->
+        <!-- <el-table-column label="产品漏检率" align="center" prop="leakCheckTotal" /> -->
+        <el-table-column
+          label="产品实际错漏检率"
+          align="center"
+          prop="realErrorCheck"
+        />
+        <el-table-column
+          label="质量计划总数"
+          align="center"
+          prop="qualityPlanTotal"
+        />
+        <el-table-column
+          label="质量计划完成数"
+          align="center"
+          prop="qualityPlanCompleteTotal"
+        />
+        <el-table-column
+          label="质量通报总数"
+          align="center"
+          prop="qualityNotificationTotal"
+        />
+        <el-table-column
+          label="质量通报完成数"
+          align="center"
+          prop="qualityNotificationCompleteTotal"
+        />
+      </el-table>
 
-			<pagination
-				v-show="total > 0"
-				:total="total"
-				:autoScroll="false"
-				:pageSizes="[2, 5, 10, 20]"
-				:page.sync="queryParams.pageNum"
-				:limit.sync="queryParams.pageSize"
-				@pagination="getList"
-			/>
-		</el-col>
-		<!-- 用户导入对话框 -->
-		<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
-			<el-upload
-				ref="upload"
-				:limit="1"
-				accept=".xlsx, .xls"
-				:headers="upload.headers"
-				:action="upload.url"
-				:disabled="upload.isUploading"
-				:on-progress="handleFileUploadProgress"
-				:on-success="handleFileSuccess"
-				:auto-upload="false"
-				drag
-			>
-				<i class="el-icon-upload"></i>
-				<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-				<div class="el-upload__tip" slot="tip">
-					<!-- <div class="el-upload__tip" slot="tip">
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :autoScroll="false"
+        :pageSizes="[2, 5, 10, 20]"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-col>
+    <!-- 用户导入对话框 -->
+    <el-dialog
+      :title="upload.title"
+      :visible.sync="upload.open"
+      width="400px"
+      append-to-body
+    >
+      <el-upload
+        ref="upload"
+        :limit="1"
+        accept=".xlsx, .xls"
+        :headers="upload.headers"
+        :action="upload.url"
+        :disabled="upload.isUploading"
+        :on-progress="handleFileUploadProgress"
+        :on-success="handleFileSuccess"
+        :auto-upload="false"
+        drag
+      >
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <div class="el-upload__tip" slot="tip">
+          <!-- <div class="el-upload__tip" slot="tip">
 						<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
 					</div> -->
-					<span>仅允许导入xls、xlsx格式文件。</span>
-					<!-- <el-link
+          <span>仅允许导入xls、xlsx格式文件。</span>
+          <!-- <el-link
 						type="primary"
 						:underline="false"
 						style="font-size: 12px; vertical-align: baseline"
 						@click="importTemplate"
 						>下载模板</el-link
 					> -->
-				</div>
-			</el-upload>
-			<div slot="footer" class="dialog-footer">
-				<el-button type="primary" @click="submitFileForm">确 定</el-button>
-				<el-button @click="upload.open = false">取 消</el-button>
-			</div>
-		</el-dialog>
-	</el-row>
+        </div>
+      </el-upload>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitFileForm">确 定</el-button>
+        <el-button @click="upload.open = false">取 消</el-button>
+      </div>
+    </el-dialog>
+  </el-row>
 </template>
 <script>
-import { centerOneList, centerOneImportTemplate } from './indexApi'
-import { getToken } from '@/utils/auth'
+import { centerOneList, centerOneImportTemplate } from "./indexApi";
+import { getToken } from "@/utils/auth";
 export default {
-	data() {
-		return {
-			// 遮罩层
-			loading: true,
-			// 导出遮罩层
-			exportLoading: false,
-			// 查询参数
-			queryParams: {
-				pageNum: 1,
-				pageSize: this.page_size,
-			},
-			// 用户信息
-			userList: [],
-			// 总条数
-			total: 0,
-			// 用户导入参数
-			upload: {
-				// 是否显示弹出层（用户导入）
-				open: false,
-				// 弹出层标题（用户导入）
-				title: '',
-				// 是否禁用上传
-				isUploading: false,
-				// 是否更新已经存在的用户数据
-				updateSupport: 0,
-				// 设置上传的请求头部
-				headers: { Authorization: 'Bearer ' + getToken() },
-				// 上传的地址
-				url: process.env.VUE_APP_BASE_API + '/hx/qualityManage/importData',
-			},
-		}
-	},
-	methods: {
-		/** 查询用户列表 */
-		getList() {
-			this.loading = true
-			centerOneList(this.queryParams).then(res => {
-				this.userList = res.rows
-				this.total = res.total
-				this.loading = false
-			})
-		},
-		/** 导出按钮操作 */
-		handleExport() {
-			const queryParams = this.queryParams
-			this.$modal
-				.confirm('是否确认导出所有数据项？')
-				.then(() => {
-					this.exportLoading = true
-					return exportUser(queryParams)
-				})
-				.then(response => {
-					this.$download.name(response.msg)
-					this.exportLoading = false
-				})
-				.catch(() => {})
-		},
-		/** 导入按钮操作 */
-		handleImport() {
-			this.upload.title = '数据导入'
-			this.upload.open = true
-		},
-		/** 下载模板操作 */
-		importTemplate() {
-			centerOneImportTemplate().then(response => {
-				this.$download.name(response.msg)
-			})
-		},
-		// 文件上传中处理
-		handleFileUploadProgress(event, file, fileList) {
-			this.upload.isUploading = true
-		},
-		// 文件上传成功处理
-		handleFileSuccess(response, file, fileList) {
-			this.upload.open = false
-			this.upload.isUploading = false
-			this.$refs.upload.clearFiles()
-			this.$alert(response.msg, '导入结果', { dangerouslyUseHTMLString: true })
-			this.getList()
-		},
-		// 提交上传文件
-		submitFileForm() {
-			this.$refs.upload.submit()
-		},
-	},
-	created() {
-		this.getList()
-	},
-}
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: this.page_size,
+      },
+      // 用户信息
+      userList: [],
+      // 总条数
+      total: 0,
+      // 用户导入参数
+      upload: {
+        // 是否显示弹出层（用户导入）
+        open: false,
+        // 弹出层标题（用户导入）
+        title: "",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的用户数据
+        updateSupport: 0,
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/hx/qualityManage/importData",
+      },
+    };
+  },
+  methods: {
+    /** 查询用户列表 */
+    getList() {
+      this.loading = true;
+      centerOneList(this.queryParams).then((res) => {
+        this.userList = res.rows;
+        this.total = res.total;
+        this.loading = false;
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$modal
+        .confirm("是否确认导出所有数据项？")
+        .then(() => {
+          this.exportLoading = true;
+          return exportUser(queryParams);
+        })
+        .then((response) => {
+          this.$download.name(response.msg);
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+    /** 导入按钮操作 */
+    handleImport() {
+      this.upload.title = "数据导入";
+      this.upload.open = true;
+    },
+    /** 下载模板操作 */
+    importTemplate() {
+      centerOneImportTemplate().then((response) => {
+        this.$download.name(response.msg);
+      });
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true;
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.upload.open = false;
+      this.upload.isUploading = false;
+      this.$refs.upload.clearFiles();
+      this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
+      this.getList();
+    },
+    // 提交上传文件
+    submitFileForm() {
+      this.$refs.upload.submit();
+    },
+  },
+  created() {
+    this.getList();
+  },
+};
 </script>