From 7dba00a80cee072bc9e193d5d2a75c1f7cf72d28 Mon Sep 17 00:00:00 2001 From: gaoluyang <gaoluyang@rengu.cc> Date: 星期四, 04 七月 2024 10:51:41 +0800 Subject: [PATCH] 表格输入框转换为科学计数法 --- src/components/view/a5-capacity-scope.vue | 110 +++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 98 insertions(+), 12 deletions(-) diff --git a/src/components/view/a5-capacity-scope.vue b/src/components/view/a5-capacity-scope.vue index bf1c8c9..34de083 100644 --- a/src/components/view/a5-capacity-scope.vue +++ b/src/components/view/a5-capacity-scope.vue @@ -38,13 +38,21 @@ height: calc(100% - 60px - 80px - 10px - 40px); padding: 20px; } + + >>> .el-upload { + width: 100% !important; + } + + >>> .el-upload-dragger { + width: 100% !important; + } </style> <template> <div class="capacity-scope"> <div> <el-row class="title"> - <el-col :span="12"> + <el-col :span="12" style="text-align: left"> <el-radio-group v-model="radio" @input="selectorSwitch" size="medium" fill="#3A7BFA" v-if="select==3"> <el-radio-button label="0">妫�楠岄」鐩弬鏁�</el-radio-button> <el-radio-button label="1">妫�楠屽璞�</el-radio-button> @@ -53,8 +61,12 @@ <el-button size="medium" type="primary" v-else-if="select==2">妫�楠屽璞�</el-button> </el-col> <el-col :span="12" style="text-align: right;"> + <el-button size="medium" @click="$refs.itemParameterTable.openUpload()" v-if="inPower"> + <i class="el-icon-upload2" style="color: #3A7BFA;"></i> + <span style="color: #3A7BFA;">瀵煎叆</span></el-button> + <el-button size="medium" type="primary" v-if="radio == 1 && importExcel" @click="uploadDia = true">瀵煎叆</el-button> <el-button size="medium" type="primary" @click="openAdd" v-if="addPower">鏂板</el-button> - <!-- <el-button size="medium" icon="el-icon-delete">鍒犻櫎</el-button> --> + <el-button size="medium" icon="el-icon-delete">鍒犻櫎</el-button> </el-col> </el-row> </div> @@ -85,7 +97,7 @@ <div class="table"> <ValueTable ref="itemParameterTable" :url="$api.capacityScope.selectItemParameterList" :upUrl="$api.capacityScope.upItemParameter" :delUrl="$api.capacityScope.delItemParameter" - :componentData="itemParameterData" :key="upIndex" /> + :inputUrl="$api.capacityScope.importData" :componentData="itemParameterData" :key="upIndex" /> </div> </div> <div class="bodys"> @@ -110,11 +122,25 @@ <div class="body" v-if="diaProduct" style="height: 350px;overflow-y: auto;padding: 5px 0;"> <ValueTable ref="productData" :url="$api.capacityScope.selectProductListByObjectId" :upUrl="$api.capacityScope.upProduct" :delUrl="$api.capacityScope.delProduct" - :componentData="productData" :key="upIndex" /> + :componentData="productData" :key="upIndex"/> </div> <span slot="footer" class="dialog-footer"> <el-button @click="diaProduct = false">鍙� 娑�</el-button> <el-button type="primary" @click="openAdd2" :loading="productLoad">鏂� 澧�</el-button> + </span> + </el-dialog> + <el-dialog title="鏁版嵁瀵煎叆" :visible.sync="uploadDia" width="500px"> + <div style="margin: 0 auto;"> + <el-upload ref="upload" drag :action="javaApi + $api.capacityScope.importExcel" :headers="token" :file-list="fileList" name="file" + :auto-upload="false" accept=".xlsx" :limit="1" :on-change="beforeUpload" :on-success="onSuccess" + :on-error="onError"> + <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 type="primary" @click="submitUpload()" :loading="uploading">涓� 浼�</el-button> </span> </el-dialog> </div> @@ -128,6 +154,7 @@ }, data() { return { + logining:false, radio: '-1', showItemParameter: true, showTestObject: false, @@ -233,7 +260,9 @@ ], requiredUp: ['sonLaboratory', 'inspectionItem', 'inspectionItemType', 'inspectionValueType', 'unit', 'method', 'manDay', 'templateId' - ] + ], + accept: '.xlsx', + inputType: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }, testObjectData: { entity: { @@ -311,11 +340,20 @@ tagField: {}, selectField: {}, requiredAdd: ['name','nameEn'], - requiredUp: ['name','nameEn'] - } + requiredUp: ['name','nameEn'], + }, + inPower: true, + importExcel: false, + uploadDia: false, + fileList: [], + token: null, + uploading: false, } }, mounted() { + this.token = { + 'token': sessionStorage.getItem('token') + }, this.itemParameterEntityCopy = this.HaveJson(this.itemParameterData.entity) this.testObjectDataEntityCopy = this.HaveJson(this.testObjectData.entity) this.selectEnumByCategory() @@ -332,6 +370,39 @@ this.getPower('0') }, methods: { + submitUpload() { + if (this.$refs.upload.uploadFiles.length == 0) { + this.$message.error('鏈�夋嫨鏂囦欢') + return + } + this.uploading = true + this.$refs.upload.submit(); + }, + 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.refreshTable() + }, + onError(err, file, fileList) { + this.$message.error('涓婁紶澶辫触') + this.$refs.upload.clearFiles() + this.uploading = false + }, + beforeUpload(file, fileList) { + if (file.raw.type != 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') { + this.$message.error('涓婁紶鏂囦欢鏍煎紡涓嶆纭�'); + this.$refs.upload.clearFiles() + return false; + } + }, selectorSwitch(radio) { if (this.radio === '0') { this.showItemParameter = true; @@ -349,9 +420,9 @@ refreshTable() { if (this.radio === '0') { this.$refs['itemParameterTable'].selectList() - } else { this.$refs['testObjectTable'].selectList() + } }, refresh() { @@ -434,14 +505,19 @@ obtainItemParameterList() { this.$axios.get(this.$api.laboratoryScope.obtainItemParameterList).then(res => { let data = [] + let data0 = [] res.data.forEach(a => { data.push({ label: a.laboratoryName, value: a.id }) + data0.push({ + label: a.laboratoryName, + value: a.laboratoryName + }) }) - this.itemParameterData.selectField.laboratory.select = data - this.itemParameterData.tagField.laboratory.select = data + this.itemParameterData.selectField.laboratory.select = data0 + this.itemParameterData.tagField.laboratory.select = data0 this.testObjectData.selectField.laboratoryId.select = data this.testObjectData.tagField.laboratoryId.select = data this.laboratory = data @@ -501,6 +577,8 @@ let del = false let product = false let select = 0 + let inPower=false + let importExcel = false for (var i = 0; i < power.length; i++) { if (power[i].menuMethod == 'selectItemParameterList') { select += 1 @@ -508,7 +586,7 @@ if (power[i].menuMethod == 'selectTestObjectList') { select += 2 } - if (this.radio === '0') { + if (radio === '0') { if (power[i].menuMethod == 'upItemParameter') { up = true } @@ -517,6 +595,9 @@ } if (power[i].menuMethod == 'addItemParameter') { add = true + } + if (power[i].menuMethod == 'importData') { + inPower = true } } else { if (power[i].menuMethod == 'upTestObject') { @@ -531,9 +612,12 @@ if (power[i].menuMethod == 'selectProductListByObjectId') { product = true } + if (power[i].menuMethod == 'importExcel') { + importExcel = true + } } } - if (this.radio === '0') { + if (radio === '0') { if (!del) { this.itemParameterData.do.splice(1, 1) } @@ -552,7 +636,9 @@ } } this.addPower = add + this.inPower=inPower this.select = select + this.importExcel = importExcel if (select == 1 || select == 3) this.radio = radio else if (select == 2) this.radio = '1' else this.radio = '-1' -- Gitblit v1.9.3