From 5a1cbbd198bc9c0a6a8af83985c75e96ae25ab9c Mon Sep 17 00:00:00 2001 From: liuchengxin <13104445455@126.com> Date: 星期四, 27 一月 2022 11:28:36 +0800 Subject: [PATCH] 问题修改 --- src/views/device/peripheralUnit/index.vue | 86 +++++++++++++++++++++++++++--------------- 1 files changed, 55 insertions(+), 31 deletions(-) diff --git a/src/views/device/peripheralUnit/index.vue b/src/views/device/peripheralUnit/index.vue index 712b727..d6a5142 100644 --- a/src/views/device/peripheralUnit/index.vue +++ b/src/views/device/peripheralUnit/index.vue @@ -119,25 +119,25 @@ <span>{{ scope.$index + (queryParams.pageNum - 1) * queryParams.pageSize + 1 }} </span> </template> </el-table-column> - <el-table-column label="澶栬浠g爜" align="center" prop="code"/> - <el-table-column label="澶栬鍚嶇О" align="center" prop="name"/> - <el-table-column label="瑙勬牸鍨嬪彿" align="center" prop="model"/> + <el-table-column label="澶栬浠g爜" width="80" align="center" prop="code"/> + <el-table-column label="澶栬鍚嶇О" align="center" prop="name" show-overflow-tooltip/> + <el-table-column label="瑙勬牸鍨嬪彿" align="center" prop="model" min-width="120"/> <el-table-column label="鐢熶骇鍘傚晢" align="center" prop="manufacturer_dictText"/> - <el-table-column label="鍘傚晢浠g爜" align="center" prop="vendorCode_dictText"/> - <el-table-column label="娉㈢壒鐜�" align="center" prop="baudRate"> + <el-table-column label="鍘傚晢浠g爜" width="100" align="center" prop="vendorCode_dictText"/> + <el-table-column label="娉㈢壒鐜�" width="100" align="center" prop="baudRate"> <template slot-scope="scope"> <dict-tag :options="dict.type.DICT103" :value="scope.row.baudRate"/> </template> </el-table-column> - <el-table-column label="璇绘暟鎸囦护" align="center" prop="readInstruction"/> - <el-table-column label="鍥炴暟闀垮害" align="center" prop="loopLength"/> - <el-table-column label="鍔熻兘鎻忚堪" align="center" prop="description"/> + <el-table-column label="闂鎸囦护" align="center" width="180" prop="readInstruction"/> + <el-table-column label="杩斿洖闀垮害" width="80" align="center" prop="loopLength"/> + <el-table-column label="鍔熻兘鎻忚堪" align="center" min-width="300" show-overflow-tooltip prop="description"/> <el-table-column label="鎿嶄綔" align="center" fixed="right" width="240" class-name="small-padding fixed-width"> <template slot-scope="scope"> <el-button size="mini" type="text" - icon="el-icon-edit" + icon="el-icon-view" @click="handleInfo(scope.row)" v-hasPermi="['oa:peripheralUnit:info']" >鏌ョ湅 @@ -153,17 +153,18 @@ <el-button size="mini" type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - v-hasPermi="['oa:peripheralUnit:remove']" - >鍒犻櫎 + icon="el-icon-document" + @click="handleUpload(scope.row)" + >闄勪欢 </el-button> <el-button size="mini" type="text" icon="el-icon-delete" - @click="handleUpload(scope.row)" - >闄勪欢 + class="del-btn" + @click="handleDelete(scope.row)" + v-hasPermi="['oa:peripheralUnit:remove']" + >鍒犻櫎 </el-button> </template> </el-table-column> @@ -178,7 +179,7 @@ /> <!-- 娣诲姞鎴栦慨鏀瑰璁惧崟鍏冨璇濇 --> - <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> + <Dialog :title="title" :visible.sync="open" width="50%" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form-item label="澶栬浠g爜" prop="code"> <el-input v-model="form.code" placeholder="璇疯緭鍏ュ璁句唬鐮�" :disabled="disabled"/> @@ -212,11 +213,11 @@ ></el-option> </el-select> </el-form-item> - <el-form-item label="璇绘暟鎸囦护" prop="readInstruction"> - <el-input v-model="form.readInstruction" placeholder="璇疯緭鍏ヨ鏁版寚浠�" :disabled="disabled"/> + <el-form-item label="闂鎸囦护" prop="readInstruction"> + <el-input v-model="form.readInstruction" placeholder="璇疯緭鍏ラ棶璇㈡寚浠�" :disabled="disabled"/> </el-form-item> - <el-form-item label="鍥炴暟闀垮害" prop="loopLength"> - <el-input v-model="form.loopLength" placeholder="璇疯緭鍏ュ洖鏁伴暱搴�" :disabled="disabled"/> + <el-form-item label="杩斿洖闀垮害" prop="loopLength"> + <el-input v-model="form.loopLength" placeholder="璇疯緭鍏ヨ繑鍥為暱搴�" :disabled="disabled"/> </el-form-item> <el-form-item label="鍔熻兘鎻忚堪" prop="description"> <el-input v-model="form.description" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" :disabled="disabled"/> @@ -229,10 +230,10 @@ <el-button :loading="buttonLoading" type="primary" @click="submitForm">纭� 瀹�</el-button> <el-button @click="cancel">鍙� 娑�</el-button> </div> - </el-dialog> + </Dialog> <!-- 闄勪欢绐椾綋 --> - <el-dialog :title="title" :visible.sync="uploadFlag" width="500px" append-to-body> + <Dialog :title="title" :visible.sync="uploadFlag" width="500px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form-item label="闄勪欢"> <fileUpload v-model="form.filePath" limit="1"/> @@ -242,7 +243,7 @@ <el-button :loading="buttonLoading" type="primary" @click="submitForm">纭� 瀹�</el-button> <el-button @click="cancel">鍙� 娑�</el-button> </div> - </el-dialog> + </Dialog> </div> </template> @@ -261,6 +262,21 @@ name: "PeripheralUnit", dicts: ['DICT103'], data() { + var validateModel = (rule, value, callback) => { + if (!value) { + callback(new Error('瑙勬牸鍨嬪彿涓嶈兘涓虹┖')); + return + } + if (value.length > 32) { + callback(new Error('鏈�澶氳緭鍏�32涓瓧绗�')); + return + } + // if (!(/^[A-Za-z]+$/.test(value))) { + // callback(new Error('鍙兘杈撳叆鑻辨枃瀛楃')); + // return + // } + callback(); + }; return { // 鎸夐挳loading buttonLoading: false, @@ -292,7 +308,7 @@ model: undefined, manufacturer: undefined, vendorCode: undefined, - baudRate: undefined, + baudRate: undefined }, // 琛ㄥ崟鍙傛暟 form: {}, @@ -305,29 +321,35 @@ {required: true, message: "澶栬浠g爜涓嶈兘涓虹┖", trigger: "blur"} ], name: [ - {required: true, message: "澶栬鍚嶇О涓嶈兘涓虹┖", trigger: "blur"} + {required: true, message: "澶栬鍚嶇О涓嶈兘涓虹┖", trigger: "blur"}, + {max: 32, message: '鏈�澶氳緭鍏�32涓瓧绗�', trigger: 'blur' } ], model: [ - {required: true, message: "瑙勬牸鍨嬪彿涓嶈兘涓虹┖", trigger: "blur"} + {required: true, validator: validateModel, trigger: "blur"} ], manufacturer: [ {required: true, message: "鐢熶骇鍘傚晢涓嶈兘涓虹┖", trigger: "blur"} ], vendorCode: [ - {required: true, message: "鍘傚晢浠g爜涓嶈兘涓虹┖", trigger: "blur"} + {required: true, message: "鍘傚晢浠g爜涓嶈兘涓虹┖", trigger: "blur"}, + {max: 32, message: '鏈�澶氳緭鍏�32涓瓧绗�', trigger: 'blur' } ], baudRate: [ {required: true, message: "娉㈢壒鐜囦笉鑳戒负绌�", trigger: "change"} ], readInstruction: [ - {required: true, message: "璇绘暟鎸囦护涓嶈兘涓虹┖", trigger: "blur"} + {required: true, message: "闂鎸囦护涓嶈兘涓虹┖", trigger: "blur"}, + {max: 128, message: '鏈�澶氳緭鍏�128涓瓧绗�', trigger: 'blur' } ], loopLength: [ - {required: true, message: "鍥炴暟闀垮害涓嶈兘涓虹┖", trigger: "blur"} + {required: true, message: "杩斿洖闀垮害涓嶈兘涓虹┖", trigger: "blur"} ], filePath: [ {required: true, message: "闄勪欢涓嶈兘涓虹┖", trigger: "blur"} ], + description: [ + {max: 128, message: '鏈�澶氳緭鍏�128涓瓧绗�', trigger: 'blur' } + ] }, disabled: false, // 鐢熶骇鍘傚晢 @@ -404,7 +426,8 @@ handleAdd() { this.reset(); this.getManufacturerList(); - this.form.baudRate = '3' + this.form.baudRate = '04' + this.disabled = false this.open = true; this.title = "娣诲姞澶栬鍗曞厓"; }, @@ -423,6 +446,7 @@ /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { this.loading = true; + this.disabled = false this.reset(); this.getManufacturerList(); const id = row.id || this.ids @@ -462,7 +486,7 @@ /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍒犻櫎澶栬鍗曞厓缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(() => { + this.$modal.confirm(`鏄惁纭鍒犻櫎澶栬浠g爜涓�${row.code}鐨勫璁惧崟鍏冿紵`).then(() => { this.loading = true; return delPeripheralUnit(ids); }).then(() => { -- Gitblit v1.9.1