客资任务跟踪题目填写添加表格选项

src/views/clew/complaintDetail/radioGroup.vue

@@ -23,7 +23,7 @@
           </template>
         </van-radio-group>
       </template>
-      <!-- 回答类型:wb-文本，sz-数字，rq-日期，zp-照片，dx -->
+      <!-- 回答类型:wb-文本，sz-数字，rq-日期，zp-照片，dx-单选，bg-表格 -->
       <template v-if="val.answerType == 'wb'">
         <div class="title" v-if="val.customerClueName">
           <span class="van-f-red" v-if="val.isMust == 0">*</span>
@@ -46,6 +46,7 @@
           </span>
         </template>
       </template>
+      <!-- 数字输入框 -->
       <template v-if="val.answerType == 'sz'">
         <div class="title" v-if="val.customerClueName">
           <span class="van-f-red" v-if="val.isMust == 0">*</span>
@@ -59,6 +60,7 @@
           :error-message="val.remark"
           type="number"></van-field>
       </template>
+      <!-- 照片 -->
       <template v-if="val.answerType == 'zp'">
         <van-cell>
           <template #title>
@@ -88,6 +90,34 @@
         </van-cell>
         <deletComplaintImg :itemData="val" @deleteImg="deleteImg"></deletComplaintImg>
       </template>
+      <!-- 表格 -->
+      <template v-if="val.answerType == 'bg'">
+        <div class="title" v-if="val.customerClueName">
+          <span class="van-f-red" v-if="val.isMust == 0">*</span>
+          {{ val.customerClueName }}
+        </div>
+        <el-table
+          :data="JSON.parse(val.remark).data"
+          style="width: 100%; position: relative; left: -10px">
+          <el-table-column
+            v-for="(item, index) in JSON.parse(val.remark).title"
+            :prop="item.prop"
+            :label="item.label"
+            align="center">
+            <template slot-scope="scope">
+              <template v-if="item.answerType == 'text'">
+                {{ scope.row[item.prop] }}
+              </template>
+              <template v-if="item.answerType == 'wb'">
+                <van-field v-model="scope.row[item.prop]" />
+              </template>
+              <template v-if="item.answerType == 'sz'">
+                <van-field v-model="scope.row[item.prop]" type="number" />
+              </template>
+            </template>
+          </el-table-column>
+        </el-table>
+      </template>
     </template>
   </div>
 </template>
@@ -241,5 +271,10 @@ export default {
   .uploadImg {
     width: 50px;
   }
+  .el-table {
+    .el-table__cell {
+      padding: 3px 0;
+    }
+  }
 }
 </style>