From e5454b769d44a34af423bf87ac8a740bf8c20341 Mon Sep 17 00:00:00 2001 From: Crunchy <3114200645@qq.com> Date: 星期二, 29 四月 2025 13:25:29 +0800 Subject: [PATCH] Merge branch 'dev' into dev_tides --- src/views/structural/premises/index.vue | 190 +++++++++++++++++++++-------------------------- 1 files changed, 84 insertions(+), 106 deletions(-) diff --git a/src/views/structural/premises/index.vue b/src/views/structural/premises/index.vue index 0204f36..2b9b750 100644 --- a/src/views/structural/premises/index.vue +++ b/src/views/structural/premises/index.vue @@ -5,15 +5,15 @@ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> <el-form-item label="瀹為獙瀹ゅ悕绉�" prop="laboratoryName"> <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.laboratoryName" - @keyup.enter.native="refreshTable"></el-input> + @keyup.enter.native="refreshTable"></el-input> </el-form-item> <el-form-item label="瀹為獙瀹ょ紪鐮�" prop="laboratoryNumber"> <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.laboratoryNumber" - @keyup.enter.native="refreshTable"></el-input> + @keyup.enter.native="refreshTable"></el-input> </el-form-item> <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button> + <el-button type="primary" size="mini" @click="refreshTable">鏌ヨ</el-button> + <el-button size="mini" @click="refresh">閲嶇疆</el-button> </el-form-item> </el-form> </div> @@ -22,15 +22,13 @@ </div> </div> <div class="table"> - <lims-table :tableData="tableData" :column="column" - :height="'calc(100vh - 250px)'" - @pagination="pagination" - :page="page" :tableLoading="tableLoading"></lims-table> + <lims-table :tableData="tableData" :column="column" :height="'calc(100vh - 250px)'" @pagination="pagination" + :page="page" :tableLoading="tableLoading"></lims-table> </div> -<!-- 鏂板瀹為獙瀹�--> + <!-- 鏂板瀹為獙瀹�--> <el-dialog :title="formTitle" :visible.sync="addDia" width="450px"> - <el-form ref="laboratoryForm" :model="laboratoryForm" :rules="userRules" - label-position="right" label-width="100px"> + <el-form ref="laboratoryForm" :model="laboratoryForm" :rules="userRules" label-position="right" + label-width="100px"> <el-form-item label="瀹為獙瀹ゅ悕绉�" prop="laboratoryName"> <el-input v-model="laboratoryForm.laboratoryName" size="small" clearable></el-input> </el-form-item> @@ -51,52 +49,36 @@ </el-form-item> </el-form> <span slot="footer" class="dialog-footer"> - <el-button @click="reset">鍙� 娑�</el-button> - <el-button type="primary" @click="customAdd" :loading="loading">纭� 瀹�</el-button> - </span> + <el-button @click="reset">鍙� 娑�</el-button> + <el-button type="primary" @click="customAdd" :loading="loading">纭� 瀹�</el-button> + </span> </el-dialog> <el-dialog title="鍗扮珷绠$悊" :visible.sync="fileVisible" width="60vw"> <div class="btns"> <el-button size="medium" type="primary" @click="openUpload">鏇存柊鍗扮珷</el-button> </div> - <lims-table :tableData="fileComponentData" :column="fileComponentDataColumn" - @pagination="fileComponentPagination" height="500px" - :page="fileComponentPage" :tableLoading="fileComponentTableLoading"></lims-table> + <lims-table :tableData="fileComponentData" :column="fileComponentDataColumn" @pagination="fileComponentPagination" + height="500px" :page="fileComponentPage" :tableLoading="fileComponentTableLoading"></lims-table> </el-dialog> <el-dialog title="鏇存柊鍗扮珷" :visible.sync="upFileVisible" width="400px"> - <el-form ref="dataForm" :model="dataForm" :rules="dataFormRules" - label-position="right" label-width="80px"> + <el-form ref="dataForm" :model="dataForm" :rules="dataFormRules" label-position="right" label-width="80px"> <el-form-item label="鍗扮珷绫诲瀷" prop="type"> - <el-cascader - v-model="dataForm.type" - :options="options" - :show-all-levels="false" - :props="props" - placeholder="璇烽�夋嫨" size="small" - style="width:100%" - collapse-tags - clearable></el-cascader> + <el-cascader v-model="dataForm.type" :options="options" :show-all-levels="false" :props="props" + placeholder="璇烽�夋嫨" size="small" style="width:100%" collapse-tags clearable></el-cascader> </el-form-item> <el-form-item label="鍗扮珷鍥剧墖" prop="address"> - <el-upload - class="avatar-uploader" - :action="action" - :headers="headers" - accept='image/jpg,image/jpeg,image/png' - :show-file-list="false" - :on-success="handleSuccess" - :on-change="beforeUpload" - ref="upload" - :on-error="onError"> - <img v-if="dataForm.address" :src="javaApi+'/img/'+dataForm.address" class="avatar" > + <el-upload class="avatar-uploader" :action="action" :headers="uploadHeader" + accept='image/jpg,image/jpeg,image/png' :show-file-list="false" :on-success="handleSuccess" + :on-change="beforeUpload" ref="upload" :on-error="onError"> + <img v-if="dataForm.address" :src="javaApi + '/img/' + dataForm.address" class="avatar"> <i v-else class="el-icon-plus avatar-uploader-icon"></i> </el-upload> </el-form-item> </el-form> <span slot="footer" class="dialog-footer"> - <el-button @click="upFileVisible = false">鍙� 娑�</el-button> - <el-button type="primary" @click="confirmConnect" :loading="loading">纭� 瀹�</el-button> - </span> + <el-button @click="upFileVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="confirmConnect" :loading="loading">纭� 瀹�</el-button> + </span> </el-dialog> </div> </template> @@ -111,21 +93,15 @@ selectSeal, upParameter } from "@/api/structural/laboratoryScope"; -import {getCertificationDetail} from "@/api/structural/laboratory"; - +import { getCertificationDetail } from "@/api/structural/laboratory"; export default { components: { limsTable }, computed: { - headers() { - return { - 'token': sessionStorage.getItem('token') - } - }, action() { - return this.javaApi + return this.javaApi + '/deviceScope/uploadFile' } }, data() { @@ -137,19 +113,17 @@ tableData: [], tableLoading: false, column: [ - {label: '瀹為獙瀹ゅ悕绉�', prop: 'laboratoryName'}, - {label: '鍦烘墍缂栫爜', prop: 'laboratoryNumber'}, - {label: '瀹為獙瀹や唬鍙�', prop: 'laboratoryCode'}, - {label: '璐熻矗浜�', prop: 'head'}, - {label: '璐熻矗浜虹數璇�', prop: 'phoneNumber'}, - {label: '鍦板潃', prop: 'address'}, - {label: '鍒涘缓浜�', prop: 'createUserName'}, - {label: '鍒涘缓鏃堕棿', prop: 'createTime'}, + { label: '瀹為獙瀹ゅ悕绉�', prop: 'laboratoryName' }, + { label: '鍦烘墍缂栫爜', prop: 'laboratoryNumber' }, + { label: '瀹為獙瀹や唬鍙�', prop: 'laboratoryCode' }, + { label: '璐熻矗浜�', prop: 'head' }, + { label: '璐熻矗浜虹數璇�', prop: 'phoneNumber' }, + { label: '鍦板潃', prop: 'address' }, + { label: '鍒涘缓浜�', prop: 'createUserName' }, + { label: '鍒涘缓鏃堕棿', prop: 'createTime' }, { dataType: 'action', - fixed: 'right', label: '鎿嶄綔', - width: '180px', operation: [ { name: '缂栬緫', @@ -176,9 +150,9 @@ } ], page: { - total:0, - size:10, - current:1 + total: 0, + size: 10, + current: 1 }, addDia: false, formTitle: '', @@ -196,43 +170,43 @@ fileComponentTableLoading: false, fileComponentData: [], fileComponentDataColumn: [ - {label: '瀹為獙瀹ゅ悕绉�', prop: 'laboratoryName'}, - {label: '鍗扮珷鍥剧墖', prop: 'address', dataType: 'image'}, - {label: '鍗扮珷绫诲瀷', prop: 'type'}, + { label: '瀹為獙瀹ゅ悕绉�', prop: 'laboratoryName' }, + { label: '鍗扮珷鍥剧墖', prop: 'address', dataType: 'image' }, + { label: '鍗扮珷绫诲瀷', prop: 'type' }, ], fileComponentPage: { - total:0, - size:10, - current:1, + total: 0, + size: 10, + current: 1, layout: 'total, prev, pager, next' }, - fileVisible:false, - upFileVisible:false, - loading:false, - dataForm:{ - type:'', - address:'', + fileVisible: false, + upFileVisible: false, + loading: false, + dataForm: { + type: '', + address: '', }, dataFormRules: { type: [{ required: true, message: '璇烽�夋嫨鍗扮珷绫诲瀷', trigger: 'change' }], address: [{ required: false, message: '璇蜂笂浼犲浘鐗�', trigger: 'change' }], }, - props: { multiple: false,emitPath:false,}, - options:[ + props: { multiple: false, emitPath: false, }, + options: [ { - value:'瀹為獙瀹よ祫璐�', - label:'瀹為獙瀹よ祫璐�', - children:[] + value: '瀹為獙瀹よ祫璐�', + label: '瀹為獙瀹よ祫璐�', + children: [] }, { - value:'濮旀墭鎶ュ憡', - label:'濮旀墭鎶ュ憡', - children:null + value: '濮旀墭鎶ュ憡', + label: '濮旀墭鎶ュ憡', + children: null }, { - value:'杩涘巶鎶ュ憡', - label:'杩涘巶鎶ュ憡', - children:null + value: '杩涘巶鎶ュ憡', + label: '杩涘巶鎶ュ憡', + children: null }, ], } @@ -243,7 +217,7 @@ methods: { refreshTable() { this.tableLoading = true - selectItemParameter({...this.page, ...this.queryParams}).then(res => { + selectItemParameter({ ...this.page, ...this.queryParams }).then(res => { this.tableLoading = false if (res.code === 200) { this.tableData = res.data.records @@ -259,7 +233,7 @@ this.refreshTable() }, // 鍒嗛〉鍒囨崲 - pagination (page) { + pagination(page) { this.page.size = page.limit this.refreshTable() }, @@ -300,34 +274,32 @@ } }) }, - reset () { + reset() { this.resetForm('laboratoryForm') this.addDia = false }, // 鍒犻櫎瀹為獙瀹� - delete (row) { + delete(row) { this.$confirm('鏄惁鍒犻櫎褰撳墠鏁版嵁?', "璀﹀憡", { confirmButtonText: "纭畾", cancelButtonText: "鍙栨秷", type: "warning" }).then(() => { - delParameter({id: row.id}).then(res => { + delParameter({ id: row.id }).then(res => { this.$message.success('鍒犻櫎鎴愬姛') this.refreshTable() - }).catch(e => { - this.$message.error('鍒犻櫎澶辫触') }) - }).catch(() => {}) + }).catch(() => { }) }, // 鎵撳紑鍗扮珷绠$悊寮规 - fileManagement(row){ + fileManagement(row) { this.fileVisible = true; this.fileComponentTableLoading = true this.currentRow = row this.getFileComponentList() }, - getFileComponentList () { - selectSeal({id: this.currentRow.id, ...this.fileComponentPage}).then(res => { + getFileComponentList() { + selectSeal({ id: this.currentRow.id, ...this.fileComponentPage }).then(res => { this.fileComponentTableLoading = false if (res.code === 200) { this.fileComponentData = res.data.records @@ -337,19 +309,19 @@ this.fileComponentTableLoading = false }) }, - fileComponentPagination (page) { + fileComponentPagination(page) { this.fileComponentPage.size = page.limit this.getFileComponentList() }, // 鎵撳紑鏇存柊鍗扮珷寮规 - openUpload(){ + openUpload() { this.dataForm.type = ''; this.dataForm.address = ''; this.upFileVisible = true; this.getCertificationOperation() }, // 鏌ヨ鍗扮珷绫诲瀷 - getCertificationOperation(){ + getCertificationOperation() { const params = { current: -1, size: -1, @@ -363,11 +335,11 @@ }) }, // 鎻愪氦鏇存柊鍗扮珷 - confirmConnect(){ + confirmConnect() { this.$refs['dataForm'].validate((valid) => { if (valid) { this.loading = true; - addSeal({labId:this.currentRow.id, ...this.dataForm}).then(res => { + addSeal({ labId: this.currentRow.id, ...this.dataForm }).then(res => { this.loading = false; this.getFileComponentList() this.upFileVisible = false; @@ -375,12 +347,12 @@ } }) }, - handleSuccess(response,){ + handleSuccess(response,) { if (response.code === 200) { this.dataForm.address = response.data.url } }, - beforeUpload(file,type) { + beforeUpload(file, type) { if (file.size > 1024 * 1024 * 10) { this.$message.error('涓婁紶鏂囦欢涓嶈秴杩�10M'); this.$refs.upload.clearFiles() @@ -389,7 +361,7 @@ return true; } }, - onError(err, file, fileList,type) { + onError(err, file, fileList, type) { this.$message.error('涓婁紶澶辫触') this.$refs.upload.clearFiles() }, @@ -402,13 +374,16 @@ display: flex; justify-content: space-between; } -.btns{ + +.btns { text-align: right; margin-bottom: 10px; } + ::v-deep .el-dialog__body { padding-top: 8px !important; } + .avatar-uploader ::v-deep .el-upload { border: 1px dashed #666666; border-radius: 6px; @@ -416,9 +391,11 @@ position: relative; overflow: hidden; } + .avatar-uploader ::v-deep .el-upload:hover { border-color: #409EFF; } + .avatar-uploader-icon { font-size: 20px; color: #8c939d; @@ -427,6 +404,7 @@ line-height: 90px; text-align: center; } + .avatar { width: 90px; height: 90px; -- Gitblit v1.9.3