williamet/vis389
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
熊丽君
2022-01-25 13:19:53 +08:00
parent 99a3e5e38c
commit 18afbbe5fb
3 changed files with 222 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/bigScreen/management/right2.vue
View File

@ -10,14 +10,14 @@
<div <div
style=" style="
height: 100%; height: 100%;
width: 16%; max-width: 16%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-evenly; justify-content: space-evenly;
" "
> >
<div class="tag"> <div class="_tag">
<div class="title">收入</div> <div class="_title">收入</div>
<i style="font-size: 24px; font-weight: bold; color: #91d5fe" <i style="font-size: 24px; font-weight: bold; color: #91d5fe"
>{{ handleMillion(total.realIncome) }}/<i >{{ handleMillion(total.realIncome) }}/<i
style="font-size: 18px" style="font-size: 18px"
@ -26,8 +26,8 @@
> >
亿元 亿元
</div> </div>
<div class="tag"> <div class="_tag">
<div class="title">利润</div> <div class="_title">利润</div>
<i style="font-size: 24px; font-weight: bold; color: #91d5fe" <i style="font-size: 24px; font-weight: bold; color: #91d5fe"
>{{ handleMillion(total.realProfit) }}/<i >{{ handleMillion(total.realProfit) }}/<i
style="font-size: 18px" style="font-size: 18px"
@ -36,8 +36,8 @@
> >
亿元 亿元
</div> </div>
<div class="tag"> <div class="_tag">
<div class="title">新签合同额</div> <div class="_title">新签合同额</div>
<i style="font-size: 24px; font-weight: bold; color: #91d5fe" <i style="font-size: 24px; font-weight: bold; color: #91d5fe"
>{{ handleMillion(total.newContractAmount) >{{ handleMillion(total.newContractAmount)
}}<i style="font-size: 18px"></i }}<i style="font-size: 18px"></i
@ -865,9 +865,9 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.tag { ._tag {
.title { ._title {
width: 96px; // width: 96px;
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
text-align: center; text-align: center;

2
src/views/bigScreen/qualityManage/center.vue
View File

@ -51,7 +51,7 @@
<div><span style="font-weight: bold">产品错、漏检率</span></div> <div><span style="font-weight: bold">产品错、漏检率</span></div>
<div class="box"> <div class="box">
<span> <span>
{{ dataInfo.realErrorCheckRate }}% {{ dataInfo.realErrorCheckRate.toFixed(2) }}%
<!-- /{{dataInfo.targetErrorCheckRate}}% --> <!-- /{{dataInfo.targetErrorCheckRate}}% -->
</span> </span>
</div> </div>

141
src/views/chartList/page4/center1.vue
View File

@ -4,7 +4,14 @@
<el-col :span="24" :xs="24"> <el-col :span="24" :xs="24">
<el-row :gutter="10" class="mb8 fr"> <el-row :gutter="10" class="mb8 fr">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport">导入</el-button> <el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
@ -22,16 +29,53 @@
<el-table v-loading="loading" :data="userList"> <el-table v-loading="loading" :data="userList">
<el-table-column label="序号" align="center" prop="id" width="80" /> <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="month" />
<el-table-column label="全厂质量体系问题总数" align="center" prop="factoryProblemTotal" /> <el-table-column
<el-table-column label="全厂质量体系问题整改数" align="center" prop="factoryProblemRectificationTotal" /> label="全厂质量体系问题总数"
<el-table-column label="一般性质量问题数" align="center" prop="commonlyProblemTotal" /> align="center"
<el-table-column label="低层次质量问题数" align="center" prop="lowProblemTotal" /> prop="factoryProblemTotal"
<el-table-column label="产品错检率" align="center" prop="errorCheckTotal" /> />
<el-table-column label="产品漏检率" align="center" prop="leakCheckTotal" /> <el-table-column
<el-table-column label="质量计划总数" align="center" prop="qualityPlanTotal" /> label="全厂质量体系问题整改数"
<el-table-column label="质量计划完成数" align="center" prop="qualityPlanCompleteTotal" /> align="center"
<el-table-column label="质量通报总数" align="center" prop="qualityNotificationTotal" /> prop="factoryProblemRectificationTotal"
<el-table-column label="质量通报完成数" align="center" prop="qualityNotificationCompleteTotal" /> />
<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> </el-table>
<pagination <pagination
@ -45,7 +89,12 @@
/> />
</el-col> </el-col>
<!-- 用户导入对话框 --> <!-- 用户导入对话框 -->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body> <el-dialog
:title="upload.title"
:visible.sync="upload.open"
width="400px"
append-to-body
>
<el-upload <el-upload
ref="upload" ref="upload"
:limit="1" :limit="1"
@ -82,8 +131,8 @@
</el-row> </el-row>
</template> </template>
<script> <script>
import { centerOneList, centerOneImportTemplate } from './indexApi' import { centerOneList, centerOneImportTemplate } from "./indexApi";
import { getToken } from '@/utils/auth' import { getToken } from "@/utils/auth";
export default { export default {
data() { data() {
return { return {
@ -105,73 +154,73 @@ export default {
// 是否显示弹出层（用户导入） // 是否显示弹出层（用户导入）
open: false, open: false,
// 弹出层标题（用户导入） // 弹出层标题（用户导入）
title: '', title: "",
// 是否禁用上传 // 是否禁用上传
isUploading: false, isUploading: false,
// 是否更新已经存在的用户数据 // 是否更新已经存在的用户数据
updateSupport: 0, updateSupport: 0,
// 设置上传的请求头部 // 设置上传的请求头部
headers: { Authorization: 'Bearer ' + getToken() }, headers: { Authorization: "Bearer " + getToken() },
// 上传的地址 // 上传的地址
url: process.env.VUE_APP_BASE_API + '/hx/qualityManage/importData', url: process.env.VUE_APP_BASE_API + "/hx/qualityManage/importData",
}, },
} };
}, },
methods: { methods: {
/** 查询用户列表 */ /** 查询用户列表 */
getList() { getList() {
this.loading = true this.loading = true;
centerOneList(this.queryParams).then(res => { centerOneList(this.queryParams).then((res) => {
this.userList = res.rows this.userList = res.rows;
this.total = res.total this.total = res.total;
this.loading = false this.loading = false;
}) });
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
const queryParams = this.queryParams const queryParams = this.queryParams;
this.$modal this.$modal
.confirm('是否确认导出所有数据项？') .confirm("是否确认导出所有数据项？")
.then(() => { .then(() => {
this.exportLoading = true this.exportLoading = true;
return exportUser(queryParams) return exportUser(queryParams);
}) })
.then(response => { .then((response) => {
this.$download.name(response.msg) this.$download.name(response.msg);
this.exportLoading = false this.exportLoading = false;
}) })
.catch(() => {}) .catch(() => {});
}, },
/** 导入按钮操作 */ /** 导入按钮操作 */
handleImport() { handleImport() {
this.upload.title = '数据导入' this.upload.title = "数据导入";
this.upload.open = true this.upload.open = true;
}, },
/** 下载模板操作 */ /** 下载模板操作 */
importTemplate() { importTemplate() {
centerOneImportTemplate().then(response => { centerOneImportTemplate().then((response) => {
this.$download.name(response.msg) this.$download.name(response.msg);
}) });
}, },
// 文件上传中处理 // 文件上传中处理
handleFileUploadProgress(event, file, fileList) { handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true this.upload.isUploading = true;
}, },
// 文件上传成功处理 // 文件上传成功处理
handleFileSuccess(response, file, fileList) { handleFileSuccess(response, file, fileList) {
this.upload.open = false this.upload.open = false;
this.upload.isUploading = false this.upload.isUploading = false;
this.$refs.upload.clearFiles() this.$refs.upload.clearFiles();
this.$alert(response.msg, '导入结果', { dangerouslyUseHTMLString: true }) this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
this.getList() this.getList();
}, },
// 提交上传文件 // 提交上传文件
submitFileForm() { submitFileForm() {
this.$refs.upload.submit() this.$refs.upload.submit();
}, },
}, },
created() { created() {
this.getList() this.getList();
}, },
} };
</script> </script>