From 91912f7cd43992092a49eb539534472a123ea705 Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期五, 07 三月 2025 10:31:05 +0800
Subject: [PATCH] 搬迁量值溯源计划
---
src/api/cnas/resourceDemand/quantityTraceabilityPlan.js | 38 ++++
src/views/CNAS/resourceDemand/quantityTraceabilityPlan/index.vue | 304 +++++++++++++++++++++++++++++++++
src/layout/components/AppMain.vue | 6
src/views/CNAS/resourceDemand/quantityTraceabilityPlan/components/formDia.vue | 148 ++++++++++++++++
4 files changed, 493 insertions(+), 3 deletions(-)
diff --git a/src/api/cnas/resourceDemand/quantityTraceabilityPlan.js b/src/api/cnas/resourceDemand/quantityTraceabilityPlan.js
new file mode 100644
index 0000000..b6c4b98
--- /dev/null
+++ b/src/api/cnas/resourceDemand/quantityTraceabilityPlan.js
@@ -0,0 +1,38 @@
+import request from "@/utils/request";
+
+// 閲忓�兼函婧愯鍒� 瀵煎嚭
+export function exportOfValueTraceabilityPlan(query) {
+ return request({
+ url: "/feCalibrationSchedule/exportOfValueTraceabilityPlan",
+ method: "get",
+ params: query,
+ responseType: "blob",
+ });
+}
+
+//閲忓�兼函婧愯鍒掓煡璇�
+export function getPageCalibrationSchedule(query) {
+ return request({
+ url: "/feCalibrationSchedule/getPageCalibrationSchedule",
+ method: "get",
+ params: query,
+ });
+}
+
+//鍒犻櫎閲忓�兼函婧愯鍒�
+export function removeCalibrationSchedule(query) {
+ return request({
+ url: "/feCalibrationSchedule/removeCalibrationSchedule",
+ method: "delete",
+ params: query,
+ });
+}
+
+// 閲忓�兼函婧愯鍒掓柊澧炵紪杈�
+export function addCalibrationSchedule(data) {
+ return request({
+ url: "/feCalibrationSchedule/addCalibrationSchedule",
+ method: "post",
+ data: data,
+ });
+}
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index b7865c9..f6b608c 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -50,10 +50,10 @@
width: 100%;
position: relative;
overflow: hidden;
- background: rgb(245, 247, 251);
+ // background: rgb(245, 247, 251);
}
-.fixed-header + .app-main {
+.fixed-header+.app-main {
padding-top: 50px;
}
@@ -63,7 +63,7 @@
min-height: calc(100vh - 94px);
}
- .fixed-header + .app-main {
+ .fixed-header+.app-main {
padding-top: 84px;
}
}
diff --git a/src/views/CNAS/resourceDemand/quantityTraceabilityPlan/components/formDia.vue b/src/views/CNAS/resourceDemand/quantityTraceabilityPlan/components/formDia.vue
new file mode 100644
index 0000000..55241da
--- /dev/null
+++ b/src/views/CNAS/resourceDemand/quantityTraceabilityPlan/components/formDia.vue
@@ -0,0 +1,148 @@
+<template>
+ <div>
+ <el-dialog v-loading="diaLoading" :close-on-click-modal="false" :close-on-press-escape="false"
+ :visible.sync="formDia" title="閲忓�兼函婧愯鍒�" width="80%" @close="closeFormDia">
+ <el-form ref="form" :model="form" :rules="rules" label-position="right" label-width="auto">
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="浠櫒鍚嶇О" prop="instrumentName">
+ <el-input v-model="form.instrumentName" clearable size="small"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="瑙勬牸鍨嬪彿" prop="model">
+ <el-input v-model="form.model" clearable size="small"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="绠＄悊缂栧彿" prop="managementNumber">
+ <el-input v-model="form.managementNumber" clearable size="small"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鎶�鏈寚鏍�" prop="technicalIndicators">
+ <el-input v-model="form.technicalIndicators" clearable size="small"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="妫�瀹氬懆鏈�" prop="verificationCyde">
+ <el-input v-model="form.verificationCyde" clearable size="small"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="妫�瀹氬崟浣�" prop="verificationUnit">
+ <el-input v-model="form.verificationUnit" clearable size="small"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏈�杩戞瀹氭棩鏈�" prop="recentlyTime">
+ <el-date-picker v-model="form.recentlyTime" clearable format="yyyy-MM-dd HH:mm:ss" placeholder="閫夋嫨鏃ユ湡"
+ size="small" style="width: 100%" type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
+ </el-date-picker>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="璁″垝涓嬫妫�瀹氭棩鏈�" prop="nextTime">
+ <el-date-picker v-model="form.nextTime" clearable format="yyyy-MM-dd HH:mm:ss" placeholder="閫夋嫨鏃ユ湡"
+ size="small" style="width: 100%" type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
+ </el-date-picker>
+ </el-form-item>
+ </el-col>
+ <el-col :span="24">
+ <el-form-item label="澶囨敞" prop="remark">
+ <el-input v-model="form.remark" clearable size="small"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="closeFormDia">鍙� 娑�</el-button>
+ <el-button :loading="loading" type="primary" @click="handleEdit">鎻� 浜�</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import {
+ addCalibrationSchedule,
+} from '@/api/cnas/resourceDemand/quantityTraceabilityPlan.js'
+export default {
+ name: "formDia",
+ // import 寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
+ components: {},
+ data() {
+ // 杩欓噷瀛樻斁鏁版嵁
+ return {
+ formDia: false,
+ diaLoading: false,
+ loading: false,
+ form: {
+ instrumentName: '',
+ model: '',
+ managementNumber: '',
+ technicalIndicators: '',
+ verificationCyde: '',
+ verificationUnit: '',
+ recentlyTime: '',
+ nextTime: '',
+ remark: '',
+ id: '',
+ },
+ rules: {
+ instrumentName: [{ required: true, message: '璇峰～鍐欎华鍣ㄥ悕绉�', trigger: 'blur' }],
+ model: [{ required: true, message: '璇峰～鍐欒鏍煎瀷鍙�', trigger: 'blur' }],
+ managementNumber: [{ required: true, message: '璇峰～鍐欑鐞嗙紪鍙�', trigger: 'blur' }],
+ technicalIndicators: [{ required: true, message: '璇峰～鍐欐妧鏈寚鏍�', trigger: 'blur' }],
+ verificationCyde: [{ required: true, message: '璇峰～鍐欐瀹氬懆鏈�', trigger: 'blur' }],
+ verificationUnit: [{ required: true, message: '璇峰～鍐欐瀹氬崟浣�', trigger: 'blur' }],
+ recentlyTime: [{ required: true, message: '璇烽�夋嫨鏈�杩戞瀹氭棩鏈�', trigger: 'change' }],
+ nextTime: [{ required: true, message: '璇烽�夋嫨璁″垝涓嬫妫�瀹氭棩鏈�', trigger: 'change' }],
+ },
+ operationType: '',
+ }
+ },
+ mounted() {
+
+ },
+ // 鏂规硶闆嗗悎
+ methods: {
+ // 鎵撳紑寮规
+ openDia(type, row) {
+ this.formDia = true
+ this.operationType = type
+ if (type !== 'add') {
+ this.form = row
+ }
+ },
+ // 鎻愪氦寮规鏁版嵁
+ handleEdit() {
+ this.$refs['form'].validate((valid) => {
+ if (valid) {
+ this.loading = true
+ const internalReport = this.HaveJson(this.form)
+ addCalibrationSchedule(internalReport).then(res => {
+ this.loading = false
+ if (res.code === 201) return
+ this.$message.success('鎿嶄綔鎴愬姛')
+ this.closeFormDia()
+ }).catch(err => {
+ console.log('err---', err);
+ this.loading = false
+ })
+ } else {
+ console.log('error submit!!');
+ return false;
+ }
+ });
+ },
+ closeFormDia() {
+ this.$refs.form.resetFields();
+ this.formDia = false
+ this.$emit('closeFormDia')
+ },
+ },
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/CNAS/resourceDemand/quantityTraceabilityPlan/index.vue b/src/views/CNAS/resourceDemand/quantityTraceabilityPlan/index.vue
new file mode 100644
index 0000000..3e3f0e8
--- /dev/null
+++ b/src/views/CNAS/resourceDemand/quantityTraceabilityPlan/index.vue
@@ -0,0 +1,304 @@
+<template>
+ <div>
+ <div>
+ <div class="search-background">
+ <span class="search-group">
+ <span style="width: 120px">浠櫒鍚嶇О锛�</span>
+ <el-input v-model="searchForm.instrumentName" clearable size="small"></el-input>
+ </span>
+ <span class="search-group">
+ <span style="width: 120px">绠＄悊缂栧彿锛�</span>
+ <el-input v-model="searchForm.managementNumber" clearable size="small"></el-input>
+ </span>
+ <span class="search-group">
+ <el-button size="medium" @click="resetSearchForm">閲� 缃�</el-button>
+ <el-button size="medium" type="primary" @click="searchList">鏌� 璇�</el-button>
+ </span>
+ <div class="btn">
+ <el-button size="medium" @click="exportFun">瀵� 鍑�</el-button>
+ <el-button size="medium" @click="uploadDia = true">瀵� 鍏�</el-button>
+ <el-button size="medium" type="primary" @click="openFormDia('add')">鏂� 澧�</el-button>
+ </div>
+ </div>
+ <div class="table">
+ <div>
+ <TableCard :showForm="false" :showTitle="false">
+ <template v-slot:table>
+ <limsTable :column="tableColumn" :height="'calc(100vh - 17em)'" :table-data="tableData"
+ :table-loading="tableLoading" style="padding: 0 15px;margin-bottom: 16px" :page="page"
+ @pagination="pagination">
+ </limsTable>
+ </template>
+ </TableCard>
+ </div>
+ </div>
+ </div>
+ <form-dia v-if="formDia" ref="formDia" @closeFormDia="closeFormDia"></form-dia>
+ <el-dialog :visible.sync="uploadDia" title="鏁版嵁瀵煎叆" width="500px">
+ <div style="margin: 0 auto;">
+ <el-upload ref="upload" :action="javaApi + '/feCalibrationSchedule/importOfValueTraceabilityPlan'"
+ :auto-upload="false" :before-upload="beforeUpload" :file-list="fileList" :headers="uploadHeader" :limit="1"
+ :on-error="onError" :on-success="onSuccess" accept=".xlsx" drag name="file">
+ <i class="el-icon-upload"></i>
+ <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
+ </el-upload>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="uploadDia = false">鍙� 娑�</el-button>
+ <el-button :loading="uploading" type="primary" @click="submitUpload()">涓� 浼�</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import TableCard from '@/components/TableCard/index.vue';
+import limsTable from "@/components/Table/lims-table.vue";
+import FormDia from './components/formDia.vue';
+import {
+ exportOfValueTraceabilityPlan,
+ getPageCalibrationSchedule,
+ removeCalibrationSchedule,
+} from '@/api/cnas/resourceDemand/quantityTraceabilityPlan.js'
+
+export default {
+ name: 'a6-quantity-value-traceability-plan',
+ // import 寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
+ components: { FormDia, limsTable, TableCard },
+ data() {
+ // 杩欓噷瀛樻斁鏁版嵁
+ return {
+ outLoading: false,
+ searchForm: {
+ instrumentName: '',
+ managementNumber: '',
+ },
+ tableColumn: [
+ {
+ label: '浠櫒鍚嶇О',
+ prop: 'instrumentName',
+ minWidth: '120'
+ },
+ {
+ label: '瑙勬牸鍨嬪彿',
+ prop: 'model',
+ minWidth: '100'
+ },
+ {
+ label: '绠＄悊缂栧彿',
+ prop: 'managementNumber',
+ minWidth: '100'
+ },
+ {
+ label: '鎶�鏈寚鏍�',
+ prop: 'technicalIndicators',
+ minWidth: '100'
+ },
+ {
+ label: '妫�瀹氬懆鏈�',
+ prop: 'verificationCyde',
+ minWidth: '100'
+ },
+ {
+ label: '妫�瀹氬崟浣�',
+ prop: 'verificationUnit',
+ minWidth: '100'
+ },
+ {
+ label: '鏈�杩戞瀹氭棩鏈�',
+ prop: 'recentlyTime',
+ minWidth: '100'
+ },
+ {
+ label: '璁″垝涓嬫妫�瀹氭棩鏈�',
+ prop: 'nextTime',
+ minWidth: '100'
+ },
+ {
+ label: '澶囨敞',
+ prop: 'remark',
+ minWidth: '100'
+ },
+ {
+ dataType: 'action',
+ fixed: 'right',
+ minWidth: '180',
+ label: '鎿嶄綔',
+ operation: [
+ {
+ name: '缂栬緫',
+ type: 'text',
+ clickFun: (row) => {
+ this.openFormDia('edit', row);
+ },
+ },
+ {
+ name: '鍒犻櫎',
+ type: 'text',
+ color: '#f56c6c',
+ clickFun: (row) => {
+ this.delPlan(row)
+ },
+ }
+ ]
+ }
+ ],
+ tableData: [],
+ tableLoading: false,
+ uploadDia: false,
+ uploading: false,
+ page: {
+ size: 20,
+ current: 1,
+ total: 0,
+ },
+ formDia: false,
+ fileList: [],
+ };
+ },
+ mounted() {
+ this.searchList()
+ },
+ // 鏂规硶闆嗗悎
+ methods: {
+ beforeUpload(file, fileList) {
+ if (file.type != 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
+ this.$message.error('涓婁紶鏂囦欢鏍煎紡涓嶆纭�');
+ this.$refs.upload.clearFiles()
+ return false;
+ }
+ },
+ submitUpload() {
+ if (this.$refs.upload.uploadFiles.length == 0) {
+ this.$message.error('鏈�夋嫨鏂囦欢')
+ return
+ }
+ this.uploading = true
+ this.$refs.upload.submit();
+ this.uploading = false
+ },
+ onError(err, file, fileList) {
+ this.$message.error('涓婁紶澶辫触')
+ this.$refs.upload.clearFiles()
+ this.uploading = false
+ },
+ onSuccess(response, file, fileList) {
+ this.$refs.upload.clearFiles()
+ this.uploadDia = false
+ this.uploading = false
+ if (response.code == 201) {
+ this.$message.error(response.message)
+ return
+ }
+ this.$message.success('涓婁紶鎴愬姛')
+ this.standardList = []
+ this.productList = []
+ this.searchList()
+ },
+ // 瀵煎嚭
+ exportFun() {
+ this.outLoading = true
+ exportOfValueTraceabilityPlan({
+ instrumentName: this.searchForm.instrumentName,
+ managementNumber: this.searchForm.managementNumber,
+ }).then(res => {
+ this.outLoading = false
+ const blob = new Blob([res], { type: 'application/octet-stream' });
+ this.$download.saveAs(blob, '閲忓�兼函婧愯鍒�.xlsx')
+ }).finally(() => {
+ this.outLoading = false
+ })
+ },
+ // 鏌ヨ鍒楄〃
+ searchList() {
+ this.tableLoading = true
+ getPageCalibrationSchedule({
+ ...this.searchForm,
+ ...this.page
+ }).then(res => {
+ this.tableLoading = false
+ if (res.code === 201) return
+ this.tableData = res.data.records
+ this.page.total = res.data.total
+ }).catch(err => {
+ console.log('err---', err);
+ this.tableLoading = false
+ })
+ },
+ // 鍒犻櫎
+ delPlan(row) {
+ this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ暟鎹�, 鏄惁缁х画?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ this.tableLoading = true
+ removeCalibrationSchedule({ id: row.id }).then(res => {
+ this.tableLoading = false
+ if (res.code === 201) return
+ this.$message.success('鍒犻櫎鎴愬姛')
+ this.searchList()
+ }).catch(err => {
+ this.tableLoading = false
+ console.log('err---', err);
+ })
+ }).catch(() => {
+ this.$message({
+ type: 'info',
+ message: '宸插彇娑堝垹闄�'
+ });
+ });
+ },
+ // 閲嶇疆鏌ヨ鏉′欢
+ resetSearchForm() {
+ this.searchForm.instrumentName = '';
+ this.searchForm.managementNumber = '';
+ this.searchList()
+ },
+ // 鏂板锛岀紪杈戯紝鎵瑰噯寮规
+ openFormDia(type, row) {
+ this.formDia = true
+ this.$nextTick(() => {
+ this.$refs.formDia.openDia(type, row)
+ })
+ },
+ closeFormDia() {
+ this.formDia = false
+ this.searchList()
+ },
+ // 鍒嗛〉
+ pagination({ page, limit }) {
+ this.page.current = page;
+ this.page.size = limit;
+ this.searchList();
+ },
+ }
+};
+</script>
+
+<style scoped>
+.search-background {
+ width: 100%;
+ height: 80px;
+ line-height: 80px;
+ background-color: #ffffff;
+ display: flex;
+ position: relative;
+}
+
+.search-group {
+ display: flex;
+ align-items: center;
+ margin: 0 20px;
+}
+
+.table {
+ background-color: #ffffff;
+}
+
+.btn {
+ position: absolute;
+ right: 20px;
+ top: 16px;
+}
+</style>
--
Gitblit v1.9.3