Update repairList.vue

src/views/repairManager/repairList.vue

@@ -147,56 +147,82 @@
                :close-on-click-modal="false"
                :visible.sync="repairVisible"
                width="600px">
-      <el-form :model="visibleForm">
-        <el-form-item label="维修单号:">
-          <p v-if="activeRow"
-             class="visibleCell">{{activeRow.transNo}}</p>
-        </el-form-item>
-        <el-form-item label="乐器编号:">
-          <p v-if="activeRow"
-             class="visibleCell">{{activeRow.instrumentNo}}</p>
-        </el-form-item>
-        <el-form-item label="学生姓名:">
-          <p v-if="activeRow"
-             class="visibleCell">{{activeRow.studentName}}</p>
-        </el-form-item>
-        <el-form-item label="归属乐团:">
-          <p v-if="activeRow"
-             class="visibleCell">{{activeRow.studentSchool}}</p>
-        </el-form-item>
-        <el-form-item label="联系人:">
-          <p v-if="activeRow"
-             class="visibleCell">{{activeRow.contactName}}</p>
-        </el-form-item>
-        <el-form-item label="联系方式:">
-          <p v-if="activeRow"
-             class="visibleCell">{{activeRow.contactMobile}}</p>
-        </el-form-item>
-        <el-form-item label="邮寄地址:">
-          <p v-if="activeRow"
-             class="visibleCell">{{activeRow.address}}</p>
-        </el-form-item>
-        <el-form-item label="取件方式:">
-          <p v-if="activeRow"
-             class="visibleCell">{{activeRow.sendType=='0'?'自取':'邮寄'}}</p>
-        </el-form-item>
-        <el-form-item label="问题描述及解决方案:"
-                      style="margin-bottom:5px;">
-
-        </el-form-item>
-        <el-input type='textarea'
+      <el-form :model="visibleForm" :inline="true">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="维修单号:">
+              <p v-if="activeRow"
+                class="visibleCell">{{activeRow.transNo}}</p>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="乐器编号:">
+              <p v-if="activeRow"
+                class="visibleCell">{{activeRow.instrumentNo}}</p>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="学生姓名:">
+              <p v-if="activeRow"
+                class="visibleCell">{{activeRow.studentName}}</p>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="归属乐团:">
+              <p v-if="activeRow"
+                class="visibleCell">{{activeRow.studentSchool}}</p>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="联系人:">
+              <p v-if="activeRow"
+                class="visibleCell">{{activeRow.contactName}}</p>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系方式:">
+              <p v-if="activeRow"
+                class="visibleCell">{{activeRow.contactMobile}}</p>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="邮寄地址:">
+              <p v-if="activeRow"
+                class="visibleCell">{{activeRow.address}}</p>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="取件方式:">
+              <p v-if="activeRow"
+                class="visibleCell">{{activeRow.sendType=='0'?'自取':'邮寄'}}</p>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="问题描述及解决方案:" style="width: 100%">
+          <el-input type='textarea'
                   v-if="activeRow"
+                  style="width: 400px"
                   :rows="3"
                   v-model="activeRow.description"
                   :disabled="activeRow&&Boolean(activeRow.finishTime)"></el-input>
-        <el-form-item label="收费组成:"
-                      style="margin-bottom:5px;">
+        </el-form-item>
+        <el-form-item label="收费组成:">
           <el-input type='textarea'
                     v-if="activeRow"
+                    style="width: 470px"
                     :rows="3"
                     v-model="activeRow.feeList"
                     :disabled="true"></el-input>
-
+        </el-form-item>
+        <el-form-item label="商品列表:">
+          <p v-if="activeRow"
+            class="visibleCell">{{activeRow.contactName}}</p>
         </el-form-item>
       </el-form>
       <span slot="footer"
@@ -331,7 +357,10 @@ export default {
       this.getList()
     },
     showDetail (row) {
+      let goodsList = row.goodsJson ? JSON.parse(row.goodsJson) : []
+      row.goodsJson = goodsList
       this.activeRow = row;
+      console.log(row)
       this.repairVisible = true;
     },
     repairEnd (str, row) {