级联

src/views/form/statistics/analysis.vue

@@ -61,12 +61,7 @@
               </div>
             </div>
           </div>
-          <div
-            v-else-if="
-              item.type === 'RADIO' ||
-              item.type === 'CHECKBOX' ||
-              item.type === 'SELECT'
-            "
+          <div v-else-if="item.type === 'RADIO' || item.type === 'CHECKBOX' || item.type === 'SELECT'"
             class="cell-wrapper"
           >
             <div v-for="(n, i) in item.detail.options" :key="i" class="cell">
@@ -86,6 +81,24 @@
               </div>
             </div>
           </div>
+          <div v-else-if="item.type === 'CASCADER'" class="cell-wrapper">
+            <div v-for="(n, i) in item.detail.profile" :key="i" class="cell">
+              <div class="cell-label">{{ i }}</div>
+              <div class="cell-value">
+                <div class="cell-progress">
+                  <el-progress
+                    :stroke-width="20"
+                    :show-text="false"
+                    :percentage="computedPercent(n, item.detail.totalCount)"
+                  />
+                </div>
+                <div class="cell-percent">
+                  {{ computedPercent(n, item.detail.totalCount).toFixed(2) }}%
+                </div>
+                <div class="cell-num">{{ n }}次</div>
+              </div>
+            </div>
+          </div>
         </div>
         <el-divider />
       </div>
@@ -298,10 +311,12 @@ export default {
     async handleOpen(item) {
       if (item.type === 'SWITCH' || item.type === 'NUMBER_INPUT') return false
       
-      this.dialogTitle = item.label
+      
       if (item.moduleType && item.moduleType === 'concat') {
+        this.dialogTitle = '联系人信息'
         await this.getConcatList()
       } else {
+        this.dialogTitle = item.label
         this.dialogHeader.push(item)
         await this.getInputList(item.formItemId, item.type)
       }
@@ -363,6 +378,8 @@ export default {
 .cell-type {
   padding-left: 10px;
   font-size: 14px;
+  color: #409EFF;
+  cursor: pointer;
 }
 .cell-wrapper {
   width: 100%;