fix：维修单中的维修项目保存报错问题解决

src/views/mes/dv/repair/line.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    
+
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
@@ -30,12 +30,12 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="项目名称" align="center" prop="subjectName" />
       <el-table-column label="故障描述" align="center" prop="malfunction" >
-        <template slot-scope="scope">
-          <el-input type="textarea">{{scope.row.malfunction}}</el-input>
-        </template>
+<!--        <template slot-scope="scope">-->
+<!--          <el-input type="textarea">{{scope.row.malfunction}}</el-input>-->
+<!--        </template>-->
       </el-table-column>
       <el-table-column label="故障描述资源" align="center" prop="malfunctionUrl" >
-        
+
       </el-table-column>
       <el-table-column label="维修情况" align="center" prop="repairDes" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -57,7 +57,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -68,10 +68,17 @@
 
     <!-- 添加或修改设备维修单行对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="960px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="100px">       
-        <el-form-item label="项目名称" prop="subjectName">
-          <el-input v-model="form.subjectName" placeholder="请输入项目名称" />
-        </el-form-item>        
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="项目名称" prop="subjectCode">
+          <el-select v-model="form.subjectName" @change="changeSubject" filterable placeholder="请输入项目名称" style="width: 100%">
+            <el-option
+              v-for="item in dvsubjectList"
+              :key="item.subjectId"
+              :label="item.subjectName"
+              :value="item.subjectCode">
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="故障描述" prop="malfunction">
           <el-input v-model="form.malfunction" type="textarea" placeholder="请输入内容" />
         </el-form-item>
@@ -92,6 +99,7 @@
 
 <script>
 import { listRepairline, getRepairline, delRepairline, addRepairline, updateRepairline } from "@/api/mes/dv/repairline";
+import { listDvsubject } from "@/api/mes/dv/dvsubject";
 
 export default {
   name: "Repairline",
@@ -103,6 +111,8 @@ export default {
     return {
       // 遮罩层
       loading: true,
+      // 项目选择
+      dvsubjectList: [],
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -138,6 +148,9 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        subjectCode: [
+          { required: true, message: "项目名称不能为空", trigger: "blur" }
+        ],
         malfunction: [
           { required: true, message: "故障描述不能为空", trigger: "blur" }
         ],
@@ -146,8 +159,19 @@ export default {
   },
   created() {
     this.getList();
+    listDvsubject({pageNum: 1, pageSize: 99999}).then(res =>{
+      this.dvsubjectList = res.rows
+    })
   },
   methods: {
+    // 选择项目
+    changeSubject(val) {
+      let data = (this.dvsubjectList.filter(item => item.subjectCode == val))[0]
+      this.form.subjectId = data.subjectId
+      this.form.subjectName = data.subjectName
+      this.form.subjectCode = data.subjectCode
+      this.form.subjectContent = data.subjectContent
+    },
     /** 查询设备维修单行列表 */
     getList() {
       this.loading = true;
@@ -243,7 +267,7 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const lineIds = row.lineId || this.ids;
-      this.$modal.confirm('是否确认删除设备维修单行编号为"' + lineIds + '"的数据项？').then(function() {
+      this.$modal.confirm('是否确认删除当前数据项？').then(function() {
         return delRepairline(lineIds);
       }).then(() => {
         this.getList();