From 34e9605033b51eed37a3c7e1df4e4a2f394c9ab0 Mon Sep 17 00:00:00 2001
From: 唐耀东 <18861537@qq.com>
Date: 星期二, 13 九月 2022 10:42:16 +0800
Subject: [PATCH] 问题修改

---
 src/views/device/peripheralUnit/index.vue |  241 +++++++++++++++++++++++++-----------------------
 1 files changed, 125 insertions(+), 116 deletions(-)

diff --git a/src/views/device/peripheralUnit/index.vue b/src/views/device/peripheralUnit/index.vue
index 0de5611..d1236cc 100644
--- a/src/views/device/peripheralUnit/index.vue
+++ b/src/views/device/peripheralUnit/index.vue
@@ -3,57 +3,57 @@
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="澶栬浠g爜" prop="code">
         <el-input
-          v-model="queryParams.code"
-          placeholder="璇疯緭鍏ュ璁句唬鐮�"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.code"
+            placeholder="璇疯緭鍏ュ璁句唬鐮�"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item label="澶栬鍚嶇О" prop="name">
         <el-input
-          v-model="queryParams.name"
-          placeholder="璇疯緭鍏ュ璁惧悕绉�"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.name"
+            placeholder="璇疯緭鍏ュ璁惧悕绉�"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item label="瑙勬牸鍨嬪彿" prop="model">
         <el-input
-          v-model="queryParams.model"
-          placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.model"
+            placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item label="鐢熶骇鍘傚晢" prop="manufacturer">
         <el-select v-model="queryParams.manufacturer" placeholder="璇烽�夋嫨鐢熶骇鍘傚晢" clearable size="small">
           <el-option
-            v-for="item in manufacturerList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
+              v-for="item in manufacturerList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
           />
         </el-select>
       </el-form-item>
-<!--      <el-form-item label="鍘傚晢浠g爜" prop="vendorCode">-->
-<!--        <el-input-->
-<!--          v-model="queryParams.vendorCode"-->
-<!--          placeholder="璇疯緭鍏ュ巶鍟嗕唬鐮�"-->
-<!--          clearable-->
-<!--          size="small"-->
-<!--          @keyup.enter.native="handleQuery"-->
-<!--        />-->
-<!--      </el-form-item>-->
+      <!--      <el-form-item label="鍘傚晢浠g爜" prop="vendorCode">-->
+      <!--        <el-input-->
+      <!--          v-model="queryParams.vendorCode"-->
+      <!--          placeholder="璇疯緭鍏ュ巶鍟嗕唬鐮�"-->
+      <!--          clearable-->
+      <!--          size="small"-->
+      <!--          @keyup.enter.native="handleQuery"-->
+      <!--        />-->
+      <!--      </el-form-item>-->
       <el-form-item label="娉㈢壒鐜�" prop="baudRate">
         <el-select v-model="queryParams.baudRate" placeholder="璇烽�夋嫨娉㈢壒鐜�" clearable size="small">
           <el-option
-            v-for="dict in dict.type.DICT103"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
+              v-for="dict in dict.type.DICT103"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
           />
         </el-select>
       </el-form-item>
@@ -66,36 +66,36 @@
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['oa:peripheralUnit:add']"
+            type="primary"
+            plain
+            icon="el-icon-plus"
+            size="mini"
+            @click="handleAdd"
+            v-hasPermi="['oa:peripheralUnit:add']"
         >鏂板
         </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['oa:peripheralUnit:edit']"
+            type="success"
+            plain
+            icon="el-icon-edit"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['oa:peripheralUnit:edit']"
         >淇敼
         </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['oa:peripheralUnit:remove']"
+            type="danger"
+            plain
+            icon="el-icon-delete"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['oa:peripheralUnit:remove']"
         >鍒犻櫎
         </el-button>
       </el-col>
@@ -119,51 +119,52 @@
           <span>{{ scope.$index + (queryParams.pageNum - 1) * queryParams.pageSize + 1 }} </span>
         </template>
       </el-table-column>
-      <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爜" width="100" align="center" prop="vendorCode_dictText"/>
-      <el-table-column label="娉㈢壒鐜�" width="100" align="center" prop="baudRate">
+      <el-table-column label="澶栬浠g爜" width="80" align="center" prop="code" show-overflow-tooltip/>
+      <el-table-column label="澶栬鍚嶇О" align="center" min-width="180" prop="name" show-overflow-tooltip/>
+      <el-table-column label="瑙勬牸鍨嬪彿" align="center" prop="model" min-width="120" show-overflow-tooltip/>
+      <el-table-column label="鐢熶骇鍘傚晢" align="center" prop="manufacturer_dictText" min-width="200" show-overflow-tooltip/>
+      <el-table-column label="鍘傚晢浠g爜" width="100" align="center" prop="vendorCode_dictText" show-overflow-tooltip/>
+      <el-table-column label="娉㈢壒鐜�" width="100" align="center" prop="baudRate" show-overflow-tooltip>
         <template slot-scope="scope">
           <dict-tag :options="dict.type.DICT103" :value="scope.row.baudRate"/>
         </template>
       </el-table-column>
-      <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" width="220" prop="readInstruction" show-overflow-tooltip/>
+      <el-table-column label="鎸囦护闀垮害" width="80" align="center" prop="orderLength" show-overflow-tooltip/>
+      <el-table-column label="杩斿洖闀垮害" width="80" align="center" prop="loopLength" show-overflow-tooltip/>
+      <!--      <el-table-column label="瑙f瀽璇存槑" 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-view"
-            @click="handleInfo(scope.row)"
-            v-hasPermi="['oa:peripheralUnit:info']"
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              @click="handleInfo(scope.row)"
+              v-hasPermi="['oa:peripheralUnit:info']"
           >鏌ョ湅
           </el-button>
           <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['oa:peripheralUnit:edit']"
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['oa:peripheralUnit:edit']"
           >淇敼
           </el-button>
           <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-document"
-            @click="handleUpload(scope.row)"
+              size="mini"
+              type="text"
+              icon="el-icon-document"
+              @click="handleUpload(scope.row)"
           >闄勪欢
           </el-button>
           <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            class="del-btn"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['oa:peripheralUnit:remove']"
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              class="del-btn"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['oa:peripheralUnit:remove']"
           >鍒犻櫎
           </el-button>
         </template>
@@ -171,15 +172,15 @@
     </el-table>
 
     <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
     />
 
     <!-- 娣诲姞鎴栦慨鏀瑰璁惧崟鍏冨璇濇 -->
-    <Dialog :title="title" :visible.sync="open" width="50%" append-to-body>
+    <Dialog :title="title" :visible.sync="open" width="50%" :append-to-body="true" :close-on-click-modal="false">
       <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"/>
@@ -191,36 +192,41 @@
           <el-input v-model="form.model" placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�" :disabled="disabled"/>
         </el-form-item>
         <el-form-item label="鐢熶骇鍘傚晢" prop="manufacturer">
-          <el-select v-model="form.manufacturer" placeholder="璇烽�夋嫨鐢熶骇鍘傚晢" clearable size="small" :disabled="disabled">
+          <el-select v-model="form.manufacturer" placeholder="璇烽�夋嫨鐢熶骇鍘傚晢" clearable size="small" :disabled="disabled"
+                     style="width: 100%;">
             <el-option
-              v-for="item in manufacturerList"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
+                v-for="item in manufacturerList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
             />
           </el-select>
         </el-form-item>
-<!--        <el-form-item label="鍘傚晢浠g爜" prop="vendorCode">-->
-<!--          <el-input v-model="form.vendorCode" placeholder="璇疯緭鍏ュ巶鍟嗕唬鐮�" :disabled="disabled"/>-->
-<!--        </el-form-item>-->
+        <!--        <el-form-item label="鍘傚晢浠g爜" prop="vendorCode">-->
+        <!--          <el-input v-model="form.vendorCode" placeholder="璇疯緭鍏ュ巶鍟嗕唬鐮�" :disabled="disabled"/>-->
+        <!--        </el-form-item>-->
         <el-form-item label="娉㈢壒鐜�" prop="baudRate">
-          <el-select v-model="form.baudRate" placeholder="璇烽�夋嫨娉㈢壒鐜�" :disabled="disabled">
+          <el-select v-model="form.baudRate" placeholder="璇烽�夋嫨娉㈢壒鐜�" :disabled="disabled" style="width: 100%;">
             <el-option
-              v-for="dict in dict.type.DICT103"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
+                v-for="dict in dict.type.DICT103"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
             ></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>
-        <el-form-item label="杩斿洖闀垮害" prop="loopLength">
-          <el-input v-model="form.loopLength" placeholder="璇疯緭鍏ヨ繑鍥為暱搴�" :disabled="disabled"/>
+        <el-form-item label="鎸囦护闀垮害" prop="orderLength">
+          <el-input v-model="form.orderLength" type="number" placeholder="璇疯緭鍏ユ寚浠ら暱搴�" :disabled="disabled"/>
         </el-form-item>
-        <el-form-item label="鍔熻兘鎻忚堪" prop="description">
-          <el-input v-model="form.description" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" :disabled="disabled"/>
+        <el-form-item label="杩斿洖闀垮害" prop="loopLength">
+          <el-input v-model="form.loopLength" type='number' placeholder="璇疯緭鍏ヨ繑鍥為暱搴�" :disabled="disabled"/>
+        </el-form-item>
+        <el-form-item label="瑙f瀽璇存槑" prop="description">
+          <el-input v-model="form.description" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" maxlength="512" show-word-limit
+                    :disabled="disabled"/>
         </el-form-item>
         <el-form-item label="闄勪欢">
           <fileUpload v-model="form.filePath" :disabled="disabled"/>
@@ -256,7 +262,7 @@
   updatePeripheralUnit
 } from "@/api/oa/peripheralUnit";
 import {Base64} from 'js-base64';
-import { listManufacturer } from "@/api/common/common"
+import {listManufacturer} from "@/api/common/common"
 
 export default {
   name: "PeripheralUnit",
@@ -322,7 +328,7 @@
         ],
         name: [
           {required: true, message: "澶栬鍚嶇О涓嶈兘涓虹┖", trigger: "blur"},
-          {max: 32, message: '鏈�澶氳緭鍏�32涓瓧绗�', trigger: 'blur' }
+          {max: 32, message: '鏈�澶氳緭鍏�32涓瓧绗�', trigger: 'blur'}
         ],
         model: [
           {required: true, validator: validateModel, trigger: "blur"}
@@ -332,14 +338,17 @@
         ],
         vendorCode: [
           {required: true, message: "鍘傚晢浠g爜涓嶈兘涓虹┖", trigger: "blur"},
-          {max: 32, message: '鏈�澶氳緭鍏�32涓瓧绗�', trigger: 'blur' }
+          {max: 32, message: '鏈�澶氳緭鍏�32涓瓧绗�', trigger: 'blur'}
         ],
         baudRate: [
           {required: true, message: "娉㈢壒鐜囦笉鑳戒负绌�", trigger: "change"}
         ],
         readInstruction: [
           {required: true, message: "闂鎸囦护涓嶈兘涓虹┖", trigger: "blur"},
-          {max: 128, message: '鏈�澶氳緭鍏�128涓瓧绗�', trigger: 'blur' }
+          {max: 128, message: '鏈�澶氳緭鍏�128涓瓧绗�', trigger: 'blur'}
+        ],
+        orderLength: [
+          {required: true, message: "鎸囦护闀垮害涓嶈兘涓虹┖", trigger: "blur"}
         ],
         loopLength: [
           {required: true, message: "杩斿洖闀垮害涓嶈兘涓虹┖", trigger: "blur"}
@@ -348,7 +357,7 @@
           {required: true, message: "闄勪欢涓嶈兘涓虹┖", trigger: "blur"}
         ],
         description: [
-          {max: 128, message: '鏈�澶氳緭鍏�128涓瓧绗�', trigger: 'blur' }
+          {max: 512, message: '鏈�澶氳緭鍏�512涓瓧绗�', trigger: 'blur'}
         ]
       },
       disabled: false,
@@ -449,7 +458,7 @@
       this.loading = true;
       this.disabled = false
       this.reset();
-      //this.getManufacturerList();
+      this.getManufacturerList();
       const id = row.id || this.ids
       getPeripheralUnit(id).then(response => {
         this.loading = false;
@@ -463,12 +472,12 @@
     submitForm() {
       this.$refs["form"].validate(valid => {
         if (valid) {
-          if(this.uploadFlag){
-            if(!this.form.filePath){
-              this.$modal.msgWarning("璇烽�夋嫨涓婁紶闄勪欢");
-              return;
-            }
-          }
+          // if(this.uploadFlag){
+          //   if(!this.form.filePath){
+          //     this.$modal.msgWarning("璇烽�夋嫨涓婁紶闄勪欢");
+          //     return;
+          //   }
+          // }
           this.buttonLoading = true;
           if (this.form.id != null) {
             updatePeripheralUnit(this.form).then(response => {

--
Gitblit v1.9.1