~yxh/smartor-web.git

WXL (wul)

14 小时以前 6dec47874e2bde0962540fb33817965752d55874

测试完成

已修改8个文件

已添加4个文件

	dist.zip	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	lishui.zip	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	package.json	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	public/demotel.html	203 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	public/jssip-3.10.0.js	28403 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/api/AiCentre/questionnaire.js	9 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/store/modules/user.js	7 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/followvisit/discharge/index.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/followvisit/record/detailpage/index.vue	8 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/sfstatistics/ProblemStatistics/index.vue	536 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/sfstatistics/percentage/satisfaction.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	vue.config.js	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 dist.zip

Binary files differ

 lishui.zip

Binary files differ

 package.json

@@ -1,7 +1,7 @@
{
  "name": "ruoyi",
  "version": "3.8.5",
  "description": "æ¯å®äººæ°å»é¢æºæ§éè®¿å¹³å°",
  "description": "ä¸½æ°´äººæ°å»é¢æºæ§éè®¿å¹³å°",
  "author": "ææ°",
  "license": "MIT",
  "scripts": {

 public/demotel.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,203 @@
ï»¿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>SIPçµè¯Demo</title>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="cache-control" content="no-store">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <script language="javascript" type="text/javascript" src="./jssip-3.10.0.js"></script>
</head>
<body style="background-color:darkgray;">
    
    

    <table border="1" cellspacing="0" bordercolor="gray" style="width:auto;">
        <tr>
            <td style="text-align:center;width:120px;">
                <span> æå¡å¨å°å:</span>
            </td>
            <td style="text-align: center; width: 250px;">
                <input id="tbServer" type="text" style="width:200px;text-align:left;" value="192.168.1.96" />
            </td>
        </tr>
        <tr>
            <td style="text-align:center;width:120px;">
                <span> åæºå·:</span>
            </td>
            <td style="text-align: center; width: 250px;">
                <input id="tbExtension" type="text" style="width:200px;text-align:left;" value="8005" />
            </td>
        </tr>
        <tr>
            <td style="text-align:center;width:120px;">
                <span> å¯ç :</span>
            </td>
            <td style="text-align: center; width: 250px;">
                <input id="tbPassword" type="text" style="width:200px;text-align:left;" value="8005" />
            </td>
        </tr>
        <tr>
            <td style="text-align:center;width:120px;" colspan="2">
                <button onclick="f_register()">æ³¨å</button>
            </td>            
        </tr>
        <tr>
            <td style="text-align:center;width:120px;">
                <span> å¼å«å·ç :</span>
            </td>
            <td style="text-align: center; width: 250px;">
                <input id="tbPhoneNo" type="text" style="width:200px;text-align:left;" value="013958077789" />
            </td>
        </tr>
        <tr>
            <td style="text-align:center;width:120px;" colspan="2">
                <button onclick="f_makecall()">è½¯å¤æ¨</button>            
                <button onclick="f_hangup()">ææ</button>
            </td>
        </tr>
    </table>


    <script type="text/javascript">
        var cur_session = undefined;
        var ua = null;

        String.prototype.Right = function (i) {
            return this.slice(this.length - i, this.length);
        };
        Date.prototype.Format = function (fmt) { //author: meizz
            var o = {
                "M+": this.getMonth() + 1, //æä»½
                "d+": this.getDate(), //æ¥
                "h+": this.getHours(), //å°æ¶
                "m+": this.getMinutes(), //å
                "s+": this.getSeconds(), //ç§
                "q+": Math.floor((this.getMonth() + 3) / 3), //å£åº¦
                "S": ('00' + this.getMilliseconds()).Right(3)    //æ¯«ç§
            };
            if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            return fmt;
        };

        function logger_info(message, ...optionalParams) {
            console.log("[" + new Date().Format("yyyy-MM-dd hh:mm:ss.S") + "]" + message, optionalParams);
        }

        function f_register() {

            var server = document.getElementById('tbServer').value;
            var username = document.getElementById('tbExtension').value;
            var passwd = document.getElementById('tbPassword').value;

            var uristr = 'sip:' + username;
            if (uristr.indexOf('@') < 1)
                uristr = uristr + '@' + server;
            //
            logger_info(`å¼å§æ³¨åå°æå¡å¨:${server},åæºå·:${username}...`);
            var socket = new JsSIP.WebSocketInterface('wss://' + server +':7443');
            var configuration = {
                sockets: [socket],
                uri: uristr,
                password: passwd,
                display_name: username,
                iceServers: [
                    { urls: '' }
                ]
            };

            ua = new JsSIP.UA(configuration);

            ua.on('registered', function (e) { logger_info("æ³¨åæåã", e); });
            ua.on('unregistered', function (e) { logger_info('åæ¶æ³¨åã', e); });
            ua.on('registrationFailed', function (e) { logger_info('æ³¨åå¤±è´¥çã', e); });
            ua.on('newRTCSession', function (e) {
                logger_info('newRTCSession', e);
                //
                cur_session = e.session;
                cur_session.on("accepted", function (e) { logger_info("å¼å«å·²æ¥éã", e); });
                cur_session.on("ended", function (e) { logger_info("å¼å«ç»æã", e); });

                cur_session.oniceconnectionstatechange = function () {
                    if (cur_session.connection.iceConnectionState === 'completed') {
                        // è·åæ¬å°SDP
                        const localSdp = cur_session.connection.localDescription;

                        // ä¿®æ¹SDPï¼è¿éä»¥ä¿®æ¹é³é¢ç¼è§£ç å¨ä¼åçº§ä¸ºä¾ï¼
                        const sdp = localSdp.sdp;
                        const modifiedSdp = sdp.replace(/m=audio (\d+) RTP\/AVP (\d+) (.*)/g, (match, port, payloadTypes, formats) => {
                            // åè®¾æä»¬æ³å°PCMUç¼è§£ç å¨çä¼åçº§æé«
                            const preferredPayloadType = '0'; // PCMUçpayload type
                            const preferredFormat = formats.split(' ').find(format => format.startsWith(preferredPayloadType));
                            if (preferredFormat) {
                                const newFormats = formats.split(' ').filter(format => format !== preferredFormat).concat(preferredFormat);
                                return `m=audio ${port} RTP/AVP ${newFormats.join(' ')}`;
                            }
                            return match;
                        });

                        // åå»ºæ°çRTCSessionDescriptionå¯¹è±¡
                        const newDescription = new RTCSessionDescription({
                            type: localSdp.type,
                            sdp: modifiedSdp
                        });

                        // è®¾ç½®ä¿®æ¹åçSDP
                        cur_session.connection.setLocalDescription(newDescription).catch(error => {
                            logger_info('Failed to set local description:', error);
                        });
                    }
                }
                //
                if (e.originator == "remote")
                    e.session.answer();
            });
            ua.start();
        }

        function f_hangup() {
            if (cur_session != undefined) {
                cur_session.terminate();
                cur_session = undefined;
            }
        }

        function f_makecall() {
            if (ua == undefined)
                return;
            //
            var eventHandlers = {
                'progress': function (e) {
                    logger_info('call is in progress', e);
                },
                'failed': function (e) {
                    logger_info('call failed with cause: ', e);
                },
                'ended': function (e) {
                    logger_info('å¼å«ç»æï¼ææºåå : ', e);
                },
                'confirmed': function (e) {
                    logger_info('call confirmed', e);
                }
            };

            var options = {
                'eventHandlers': eventHandlers,
                'mediaConstraints': { 'audio': true, 'video': false },
                sessionTimersExpires: 1800
            };

            var server = document.getElementById('tbServer').value;
            var phone = document.getElementById('tbPhoneNo').value;
            logger_info("å¼å§å¼å«å·ç ï¼", phone);
            cur_session = ua.call('sip:' + phone + '@' + server, options);

        }

    </script>
</body>
</html>

 public/jssip-3.10.0.js

¶Ô±ÈÐÂÎÄ¼þ
ÎÄ¼þÌ«´ó

 src/api/AiCentre/questionnaire.js

@@ -30,7 +30,14 @@
      data: data,
    });
  }

// æ¥è¯¢é®é¢ç»è®¡
export function compileissuestatistics(data) {
    return request({
      url: "/smartor/svytemplatescript/countPatByScript",
      method: "post",
      data: data,
    });
  }

  // æ°å¢é®å·é®é¢åç±»
  export function addissueclassify(data) {

 src/store/modules/user.js

@@ -200,6 +200,13 @@
              localStorage.setItem("YongHuID", "1497875635748474880");
              localStorage.setItem("YongHuXM", "SYZYY");
            }
             else if (orgid == "47231077933110211A1101") {
              localStorage.setItem("orgname", "è²é½åºäººæ°å»é¢");
              localStorage.setItem("ZuHuID", "1429338802177000011");
              localStorage.setItem("deptCode", "");
              localStorage.setItem("YongHuID", "1512710152715767808");
              localStorage.setItem("YongHuXM", "LDRMYY");
            }
            resolve();
          })
          .catch((error) => {

 src/views/followvisit/discharge/index.vue

@@ -1387,7 +1387,7 @@
          this.getEndOfDay()
        );
      } else {
        this.topqueryParams.endSendDateTime = null;
        // this.topqueryParams.endSendDateTime = null;
      }
      // æ¥åå¼å¸¸è·³è½¬
      if (this.errtype) {

 src/views/followvisit/record/detailpage/index.vue

@@ -1017,14 +1017,14 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="éè®¿æ¹å¼" prop="resource">
        <el-form-item label="éè®¿ç±»å" prop="resource">
          <el-radio-group v-model="form.resource">
            <el-radio label="1">æ¬çåºéè®¿</el-radio>
            <el-radio label="2">éè®¿ä¸å¿éè®¿</el-radio>
          </el-radio-group>
        </el-form-item>

        <el-form-item label="éè®¿è®°å½">
        <el-form-item label="éè®¿è®°å½" :required="form.resource == '2'">
          <el-input type="textarea" v-model="form.remark"></el-input>
        </el-form-item>
      </el-form>
@@ -2378,6 +2378,10 @@
            this.$message.error("éè®¿æ¶é´ä¸è½å°äºå½åæ¶é´");
            return false;
          }
          if (this.form.resource == "2" && !this.form.remark) {
            this.$message.error("å½åéæ©ä¸ºéè®¿ä¸å¿éè®¿éè¾å¥éè®¿è®°å½");
            return false;
          }
          this.form.remark =
            this.form.remark + "ã" + this.getCurrentTime() + "ã";
          let form = structuredClone(this.form);

 src/views/sfstatistics/ProblemStatistics/index.vue

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,536 @@
<template>
  <div class="indexanalysis">
    <div class="analysis-top">
      <div class="title-top">æ¥è¯¢æ¡ä»¶</div>
      <div class="value">
        <el-form ref="form" :model="queryParams" label-width="120px">
          <el-form-item label="éæ©é®é¢åç§°">
            <el-select
              ref="questionSelect"
              remote
              :remote-method="remoteMethod"
              default-first-option
              v-model="selectedTargets"
              @change="handleTargetChange"
              @keyup.enter.native="handleEnterSearch"
              filterable
              multiple
              collapse-tags
              reserve-keyword
              :loading="searchLoading"
              placeholder="è¯·è¾å¥é®é¢åç§°æç´¢ï¼æåè½¦ç¡®è®¤"
            >
              <el-option
                v-for="item in targetList"
                :key="item.id"
                :label="item.scriptContent || item.targetname"
                :value="item.id"
              >
                <span>{{ item.scriptContent || item.targetname }}</span>
                <span style="float: right; color: #8492a6; font-size: 13px">
                  ID: {{ item.id }}
                </span>
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="å·²éé¢ç®">
            <div class="selected-ids">
              {{ selectedContentsText }}
            </div>
          </el-form-item>
        </el-form>
      </div>
    </div>

    <div class="formindex">
      <el-table
        v-loading="loading"
        :data="processedTableData"
        :span-method="objectSpanMethod"
        border
        :summary-method="getSummaries"
        show-summary
        style="width: 100%"
        empty-text="è¯·éæ©è¦ç»è®¡çé¢ç®"
      >
        <el-table-column prop="targetname" label="é®é¢åç§°" width="200">
          <template slot-scope="scope">
            <div class="target-name-cell">
              {{ scope.row.targetname }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="targetShowCount" label="é®é¢åºç°æ¬¡æ°" width="120">
          <template slot-scope="scope">
            {{ scope.row.targetShowCount }}æ¬¡
          </template>
        </el-table-column>
        <el-table-column prop="completedPercentage" label="é¢ç®å®æåº¦" width="120">
          <template slot-scope="scope">
            {{ formatPercentage(scope.row.completedPercentage) }}
          </template>
        </el-table-column>
        <el-table-column prop="matchedtext" label="éé¡¹åå®¹" width="150">
          <template slot-scope="scope">
            {{ scope.row.matchedtext || '-' }}
          </template>
        </el-table-column>
        <el-table-column prop="count" label="éä¸æ¬¡æ°" width="100">
          <template slot-scope="scope">
            {{ scope.row.count }}æ¬¡
          </template>
        </el-table-column>
        <el-table-column prop="percentage" label="å æ¯" width="100">
          <template slot-scope="scope">
            <span>{{ formatPercentage(scope.row.percentage) }}</span>
          </template>
        </el-table-column>
        <el-table-column label="è¿åº¦æ¡" min-width="200">
          <template slot-scope="scope">
            <el-progress
              :percentage="Number(scope.row.percentage) * 100"
              :show-text="false"
              :color="customColors"
            />
            <span class="progress-text">{{ formatPercentage(scope.row.percentage) }}</span>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import { getissuelist, compileissuestatistics } from "@/api/AiCentre/index";

export default {
  name: "indexanalysis",
  data() {
    return {
      targetList: [],
      selectedTargets: [], // åå¨éä¸çé¢ç®ID
      tableData: [],
      processedTableData: [],
      loading: false,
      searchLoading: false,
      queryParams: {
        pageNum: 1,
        pageSize: 66,
        scriptContent: '',
      },
      customColors: [
        { color: '#f56c6c', percentage: 20 },
        { color: '#e6a23c', percentage: 40 },
        { color: '#5cb87a', percentage: 60 },
        { color: '#1989fa', percentage: 80 },
        { color: '#6f7ad3', percentage: 100 }
      ],
      spanArr: [],
      searchTimer: null,
      currentSearchQuery: '', // å½åæç´¢å³é®è¯
    };
  },

  computed: {
    // è®¡ç®éä¸çé®é¢åå®¹ææ¬
    selectedContentsText() {
      if (this.selectedTargets.length === 0) {
        return 'æªéæ©ä»»ä½é¢ç®';
      }

      // æ ¹æ®éä¸çIDè·åå¯¹åºçscriptContent
      const selectedContents = this.selectedTargets.map(id => {
        const target = this.targetList.find(item => item.id === id);
        return target ? (target.scriptContent || target.targetname || `é¢ç®${id}`) : `é¢ç®${id}`;
      });

      return selectedContents.join('; ');
    },

    // è·åéä¸é¡¹çåå®¹æ°ç»ï¼ç¨äºæ¾ç¤ºï¼
    selectedContents() {
      return this.selectedTargets.map(id => {
        const target = this.targetList.find(item => item.id === id);
        return target ? (target.scriptContent || target.targetname) : `é¢ç®${id}`;
      });
    }
  },

  watch: {
    processedTableData: {
      handler(newVal) {
        if (newVal && newVal.length > 0) {
          this.getSpanArr(newVal);
        } else {
          this.spanArr = [];
        }
      },
      immediate: true,
      deep: true
    }
  },

  created() {
    this.getList();
  },

  methods: {
    // æ¥è¯¢é®å·åè¡¨
    async getList() {
      this.loading = true;
      try {
        const response = await getissuelist(this.queryParams);
        this.targetList = response.rows || [];
      } catch (error) {
        console.error('è·åé¢ç®åè¡¨å¤±è´¥:', error);
        this.$message.error('è·åé¢ç®åè¡¨å¤±è´¥');
      } finally {
        this.loading = false;
      }
    },

    // åè½¦é®æç´¢å¤ç[6,8](@ref)
    handleEnterSearch(event) {
      const inputElement = event.target;
      const searchQuery = inputElement.value.trim();


        this.currentSearchQuery = searchQuery;
        this.executeSearch(searchQuery);

        // é²æ¢é»è®¤è¡ä¸º
        event.preventDefault();
        event.stopPropagation();

    },

    // è¿ç¨æç´¢æ¹æ³ï¼å¸¦é²æï¼
    remoteMethod(query) {
      if (this.searchTimer) {
        clearTimeout(this.searchTimer);
      }

      this.searchTimer = setTimeout(() => {
        this.currentSearchQuery = query;
        this.executeSearch(query);
      }, 300);
    },

    // æ§è¡æç´¢
    async executeSearch(query) {
      if (query === '') {
        this.queryParams.scriptContent = '';
        await this.getList();
        return;
      }

      this.searchLoading = true;

      try {
        const searchParams = {
          pageNum: 1,
          pageSize: 50,
          scriptType: "1",
          scriptContent: query
        };

        const response = await getissuelist(searchParams);
        this.targetList = response.rows || [];

        if (this.targetList.length === 0) {
          this.$message.info(`æªæ¾å°åå«"${query}"çé®é¢`);
        }
      } catch (error) {
        console.error('æç´¢é¢ç®å¤±è´¥:', error);
        this.$message.error('æç´¢æå¡å¼å¸¸ï¼è¯·ç¨åéè¯');
        this.targetList = [];
      } finally {
        this.searchLoading = false;
      }
    },

    // å¤éé¢ç®æ¹åå¤ç
    handleTargetChange(selectedIds) {
      if (selectedIds && selectedIds.length > 0) {
        this.Labelstatistics(selectedIds.join(','));
      } else {
        this.processedTableData = [];
        this.spanArr = [];
      }
    },

    // è·åç»è®¡ä¿¡æ¯
    async Labelstatistics(scriptIds) {
      if (!scriptIds) {
        this.processedTableData = [];
        this.spanArr = [];
        return;
      }

      this.loading = true;
      try {
        const response = await compileissuestatistics({ scriptids: scriptIds });
        this.tableData = response.data || [];
        this.processTableData();
      } catch (error) {
        console.error('è·åç»è®¡ä¿¡æ¯å¤±è´¥:', error);
        this.$message.error('è·åç»è®¡ä¿¡æ¯å¤±è´¥');
        this.processedTableData = [];
        this.spanArr = [];
      } finally {
        this.loading = false;
      }
    },

    // å¤çè¡¨æ ¼æ°æ®
    processTableData() {
      if (!this.tableData || Object.keys(this.tableData).length === 0) {
        this.processedTableData = [];
        return;
      }

      const processedData = [];

      Object.keys(this.tableData).forEach(scriptId => {
        const questionData = this.tableData[scriptId];

        if (questionData && questionData.details) {
          const targetName = questionData.scriptContent || `é¢ç®${scriptId}`;
          const targetShowCount = questionData.allQuantity || 0;
          const completedPercentage = questionData.completedPercentage || "0";

          questionData.details.forEach(detail => {
            if (detail.optionText) {
              processedData.push({
                scriptid: scriptId,
                targetname: targetName,
                targetShowCount: targetShowCount,
                matchedtext: detail.optionText,
                count: detail.chosenQuantity || 0,
                percentage: detail.chosenPercentage || "0",
                completedPercentage: completedPercentage,
                allQuantity: questionData.allQuantity || 0,
                completedQuantity: questionData.completedQuantity || 0
              });
            }
          });

          if (questionData.details.length === 0) {
            processedData.push({
              scriptid: scriptId,
              targetname: targetName,
              targetShowCount: targetShowCount,
              matchedtext: '-',
              count: 0,
              percentage: "0",
              completedPercentage: completedPercentage,
              allQuantity: questionData.allQuantity || 0,
              completedQuantity: questionData.completedQuantity || 0
            });
          }
        }
      });

      this.processedTableData = processedData;
    },

    // çæåå¹¶ä¿¡æ¯æ°ç»
    getSpanArr(data) {
      this.spanArr = [];

      if (!data || data.length === 0) return;

      for (let i = 0; i < data.length; i++) {
        if (i === 0) {
          this.spanArr.push(1);
          this.pos = 0;
        } else {
          if (data[i].scriptid === data[i - 1].scriptid) {
            this.spanArr[this.pos] += 1;
            this.spanArr.push(0);
          } else {
            this.spanArr.push(1);
            this.pos = i;
          }
        }
      }
    },

    // ååæ ¼åå¹¶æ¹æ³
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0 || columnIndex === 1 || columnIndex === 2) {
        if (this.spanArr.length > rowIndex) {
          const rowspan = this.spanArr[rowIndex];
          const colspan = rowspan > 0 ? 1 : 0;

          return {
            rowspan: rowspan,
            colspan: colspan
          };
        }
      }
    },

    // æ ¼å¼åç¾åæ¯æ¾ç¤º
    formatPercentage(value) {
      const numValue = Number(value);
      return isNaN(numValue) ? '0%' : `${(numValue * 100).toFixed(2)}%`;
    },

    // è¡¨æ ¼åè®¡è¡è®¡ç®
    getSummaries(param) {
      const { columns, data } = param;
      const sums = [];

      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = 'åè®¡';
          return;
        }

        if (data.length === 0) {
          sums[index] = '-';
          return;
        }

        switch (column.property) {
          case 'targetShowCount':
            const totalQuestions = new Set(data.map(item => item.scriptid)).size;
            sums[index] = `${totalQuestions}ä¸ªé¢ç®`;
            break;

          case 'count':
            const values = data.map(item => Number(item.count));
            const totalCount = values.reduce((prev, curr) => prev + curr, 0);
            sums[index] = `${totalCount}æ¬¡`;
            break;

          case 'percentage':
            const percentages = data.map(item => Number(item.percentage));
            const validPercentages = percentages.filter(p => !isNaN(p));
            if (validPercentages.length > 0) {
              const avgPercentage = validPercentages.reduce((a, b) => a + b, 0) / validPercentages.length;
              sums[index] = `${(avgPercentage * 100).toFixed(2)}%`;
            } else {
              sums[index] = '0%';
            }
            break;

          case 'completedPercentage':
            const completedPercentages = data.map(item => Number(item.completedPercentage));
            const validCompleted = completedPercentages.filter(p => !isNaN(p));
            if (validCompleted.length > 0) {
              const avgCompleted = validCompleted.reduce((a, b) => a + b, 0) / validCompleted.length;
              sums[index] = `${(avgCompleted * 100).toFixed(2)}%`;
            } else {
              sums[index] = '0%';
            }
            break;

          default:
            sums[index] = '-';
            break;
        }
      });

      return sums;
    }
  },

  beforeDestroy() {
    if (this.searchTimer) {
      clearTimeout(this.searchTimer);
    }
  }
};
</script>

<style lang="scss" scoped>
.analysis-top {
  border: 1px solid #dcdfe6;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
  margin: 15px;

  .title-top {
    background-color: #6784f2;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
  }

  .value {
    padding: 0 20px 20px;
  }
}

.formindex {
  margin: 0 15px;
  border: 1px solid #dcdfe6;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
  padding: 20px;
}

.selected-ids {
  padding: 8px 12px;
  background-color: #f5f7fa;
  border-radius: 4px;
  border: 1px solid #e4e7ed;
  min-height: 36px;
  word-break: break-all;
  line-height: 1.5;
}

.target-name-cell {
  font-weight: 600;
  color: #409eff;
}

.progress-text {
  margin-left: 10px;
  font-size: 12px;
  color: #909399;
}

::v-deep .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

::v-deep .el-select {
  width: 100%;
}

::v-deep .el-table {
  .cell {
    word-break: break-word;
  }

  .el-table__body tr:hover > td.el-table__cell {
    background-color: #f5f7fa;
  }

  .el-table__body .el-table__cell {
    vertical-align: top;
  }
}

.merged-cell {
  background-color: #f0f9ff;
  font-weight: 600;
}

::v-deep .el-select__tags {
  .el-tag {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    .el-tag__close {
      margin-left: 4px;
    }
  }
}
</style>

 src/views/sfstatistics/percentage/satisfaction.vue

@@ -528,7 +528,7 @@
              <el-table :data="item.details" style="width: 100%">
                <el-table-column prop="optionText" label="é®é¢éé¡¹">
                </el-table-column>
                <el-table-column prop="completedQuantity" label="éæ©äººæ°">
                <el-table-column prop="chosenQuantity" label="éæ©äººæ°">
                </el-table-column>
                <el-table-column prop="chosenPercentage" label="æ¯ä¾">
                   <template slot-scope="scope">

 vue.config.js

@@ -36,10 +36,10 @@
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
        // target: `https://www.health-y.cn/lssf`,
        // target: `http://192.168.100.10:8096`,
        target: `http://192.168.100.10:8096`,
        // target: `http://192.168.100.10:8094`,//çç«åå¾·
        // target: `http://192.168.100.10:8095`,//æ°å
        target:`http://localhost:8095`,
        // target:`http://localhost:8095`,
        // target:`http://35z1t16164.qicp.vip`,
        // target: `http://192.168.100.111:8095`,
        // target: `http://192.168.101.166:8093`,

			@@ -1,7 +1,7 @@
			{
			"name": "ruoyi",
			"version": "3.8.5",
			"description": "æ¯å®äººæ°å»é¢æºæ§éè®¿å¹³å°",
			"description": "ä¸½æ°´äººæ°å»é¢æºæ§éè®¿å¹³å°",
			"author": "ææ°",
			"license": "MIT",
			"scripts": {

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,203 @@
			ï»¿<!DOCTYPE html>
			<html>
			<head>
			<meta charset="utf-8" />
			<title>SIPçµè¯Demo</title>
			<meta http-equiv="Pragma" content="no-cache">
			<meta http-equiv="Expires" content="-1">
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<meta http-equiv="cache-control" content="no-store">
			<meta http-equiv="X-UA-Compatible" content="IE=edge" />
			<script language="javascript" type="text/javascript" src="./jssip-3.10.0.js"></script>
			</head>
			<body style="background-color:darkgray;">



			<table border="1" cellspacing="0" bordercolor="gray" style="width:auto;">
			<tr>
			<td style="text-align:center;width:120px;">
			<span> æå¡å¨å°å:</span>
			</td>
			<td style="text-align: center; width: 250px;">
			<input id="tbServer" type="text" style="width:200px;text-align:left;" value="192.168.1.96" />
			</td>
			</tr>
			<tr>
			<td style="text-align:center;width:120px;">
			<span> åæºå·:</span>
			</td>
			<td style="text-align: center; width: 250px;">
			<input id="tbExtension" type="text" style="width:200px;text-align:left;" value="8005" />
			</td>
			</tr>
			<tr>
			<td style="text-align:center;width:120px;">
			<span> å¯ç :</span>
			</td>
			<td style="text-align: center; width: 250px;">
			<input id="tbPassword" type="text" style="width:200px;text-align:left;" value="8005" />
			</td>
			</tr>
			<tr>
			<td style="text-align:center;width:120px;" colspan="2">
			<button onclick="f_register()">æ³¨å</button>
			</td>
			</tr>
			<tr>
			<td style="text-align:center;width:120px;">
			<span> å¼å«å·ç :</span>
			</td>
			<td style="text-align: center; width: 250px;">
			<input id="tbPhoneNo" type="text" style="width:200px;text-align:left;" value="013958077789" />
			</td>
			</tr>
			<tr>
			<td style="text-align:center;width:120px;" colspan="2">
			<button onclick="f_makecall()">è½¯å¤æ¨</button>
			<button onclick="f_hangup()">ææ</button>
			</td>
			</tr>
			</table>


			<script type="text/javascript">
			var cur_session = undefined;
			var ua = null;

			String.prototype.Right = function (i) {
			return this.slice(this.length - i, this.length);
			};
			Date.prototype.Format = function (fmt) { //author: meizz
			var o = {
			"M+": this.getMonth() + 1, //æä»½
			"d+": this.getDate(), //æ¥
			"h+": this.getHours(), //å°æ¶
			"m+": this.getMinutes(), //å
			"s+": this.getSeconds(), //ç§
			"q+": Math.floor((this.getMonth() + 3) / 3), //å£åº¦
			"S": ('00' + this.getMilliseconds()).Right(3) //æ¯«ç§
			};
			if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
			for (var k in o)
			if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
			return fmt;
			};

			function logger_info(message, ...optionalParams) {
			console.log("[" + new Date().Format("yyyy-MM-dd hh:mm:ss.S") + "]" + message, optionalParams);
			}

			function f_register() {

			var server = document.getElementById('tbServer').value;
			var username = document.getElementById('tbExtension').value;
			var passwd = document.getElementById('tbPassword').value;

			var uristr = 'sip:' + username;
			if (uristr.indexOf('@') < 1)
			uristr = uristr + '@' + server;
			//
			logger_info(`å¼å§æ³¨åå°æå¡å¨:${server},åæºå·:${username}...`);
			var socket = new JsSIP.WebSocketInterface('wss://' + server +':7443');
			var configuration = {
			sockets: [socket],
			uri: uristr,
			password: passwd,
			display_name: username,
			iceServers: [
			{ urls: '' }
			]
			};

			ua = new JsSIP.UA(configuration);

			ua.on('registered', function (e) { logger_info("æ³¨åæåã", e); });
			ua.on('unregistered', function (e) { logger_info('åæ¶æ³¨åã', e); });
			ua.on('registrationFailed', function (e) { logger_info('æ³¨åå¤±è´¥çã', e); });
			ua.on('newRTCSession', function (e) {
			logger_info('newRTCSession', e);
			//
			cur_session = e.session;
			cur_session.on("accepted", function (e) { logger_info("å¼å«å·²æ¥éã", e); });
			cur_session.on("ended", function (e) { logger_info("å¼å«ç»æã", e); });

			cur_session.oniceconnectionstatechange = function () {
			if (cur_session.connection.iceConnectionState === 'completed') {
			// è·åæ¬å°SDP
			const localSdp = cur_session.connection.localDescription;

			// ä¿®æ¹SDPï¼è¿éä»¥ä¿®æ¹é³é¢ç¼è§£ç å¨ä¼åçº§ä¸ºä¾ï¼
			const sdp = localSdp.sdp;
			const modifiedSdp = sdp.replace(/m=audio (\d+) RTP\/AVP (\d+) (.*)/g, (match, port, payloadTypes, formats) => {
			// åè®¾æä»¬æ³å°PCMUç¼è§£ç å¨çä¼åçº§æé«
			const preferredPayloadType = '0'; // PCMUçpayload type
			const preferredFormat = formats.split(' ').find(format => format.startsWith(preferredPayloadType));
			if (preferredFormat) {
			const newFormats = formats.split(' ').filter(format => format !== preferredFormat).concat(preferredFormat);
			return `m=audio ${port} RTP/AVP ${newFormats.join(' ')}`;
			}
			return match;
			});

			// åå»ºæ°çRTCSessionDescriptionå¯¹è±¡
			const newDescription = new RTCSessionDescription({
			type: localSdp.type,
			sdp: modifiedSdp
			});

			// è®¾ç½®ä¿®æ¹åçSDP
			cur_session.connection.setLocalDescription(newDescription).catch(error => {
			logger_info('Failed to set local description:', error);
			});
			}
			}
			//
			if (e.originator == "remote")
			e.session.answer();
			});
			ua.start();
			}

			function f_hangup() {
			if (cur_session != undefined) {
			cur_session.terminate();
			cur_session = undefined;
			}
			}

			function f_makecall() {
			if (ua == undefined)
			return;
			//
			var eventHandlers = {
			'progress': function (e) {
			logger_info('call is in progress', e);
			},
			'failed': function (e) {
			logger_info('call failed with cause: ', e);
			},
			'ended': function (e) {
			logger_info('å¼å«ç»æï¼ææºåå : ', e);
			},
			'confirmed': function (e) {
			logger_info('call confirmed', e);
			}
			};

			var options = {
			'eventHandlers': eventHandlers,
			'mediaConstraints': { 'audio': true, 'video': false },
			sessionTimersExpires: 1800
			};

			var server = document.getElementById('tbServer').value;
			var phone = document.getElementById('tbPhoneNo').value;
			logger_info("å¼å§å¼å«å·ç ï¼", phone);
			cur_session = ua.call('sip:' + phone + '@' + server, options);

			}

			</script>
			</body>
			</html>

			@@ -30,7 +30,14 @@
			data: data,
			});
			}

			// æ¥è¯¢é®é¢ç»è®¡
			export function compileissuestatistics(data) {
			return request({
			url: "/smartor/svytemplatescript/countPatByScript",
			method: "post",
			data: data,
			});
			}

			// æ°å¢é®å·é®é¢åç±»
			export function addissueclassify(data) {

			@@ -200,6 +200,13 @@
			localStorage.setItem("YongHuID", "1497875635748474880");
			localStorage.setItem("YongHuXM", "SYZYY");
			}
			else if (orgid == "47231077933110211A1101") {
			localStorage.setItem("orgname", "è²é½åºäººæ°å»é¢");
			localStorage.setItem("ZuHuID", "1429338802177000011");
			localStorage.setItem("deptCode", "");
			localStorage.setItem("YongHuID", "1512710152715767808");
			localStorage.setItem("YongHuXM", "LDRMYY");
			}
			resolve();
			})
			.catch((error) => {

			@@ -1387,7 +1387,7 @@
			this.getEndOfDay()
			);
			} else {
			this.topqueryParams.endSendDateTime = null;
			// this.topqueryParams.endSendDateTime = null;
			}
			// æ¥åå¼å¸¸è·³è½¬
			if (this.errtype) {

			@@ -1017,14 +1017,14 @@
			</el-form-item>
			</el-col>
			</el-row>
			<el-form-item label="éè®¿æ¹å¼" prop="resource">
			<el-form-item label="éè®¿ç±»å" prop="resource">
			<el-radio-group v-model="form.resource">
			<el-radio label="1">æ¬çåºéè®¿</el-radio>
			<el-radio label="2">éè®¿ä¸å¿éè®¿</el-radio>
			</el-radio-group>
			</el-form-item>

			<el-form-item label="éè®¿è®°å½">
			<el-form-item label="éè®¿è®°å½" :required="form.resource == '2'">
			<el-input type="textarea" v-model="form.remark"></el-input>
			</el-form-item>
			</el-form>
			@@ -2378,6 +2378,10 @@
			this.$message.error("éè®¿æ¶é´ä¸è½å°äºå½åæ¶é´");
			return false;
			}
			if (this.form.resource == "2" && !this.form.remark) {
			this.$message.error("å½åéæ©ä¸ºéè®¿ä¸å¿éè®¿éè¾å¥éè®¿è®°å½");
			return false;
			}
			this.form.remark =
			this.form.remark + "ã" + this.getCurrentTime() + "ã";
			let form = structuredClone(this.form);

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,536 @@
			<template>
			<div class="indexanalysis">
			<div class="analysis-top">
			<div class="title-top">æ¥è¯¢æ¡ä»¶</div>
			<div class="value">
			<el-form ref="form" :model="queryParams" label-width="120px">
			<el-form-item label="éæ©é®é¢åç§°">
			<el-select
			ref="questionSelect"
			remote
			:remote-method="remoteMethod"
			default-first-option
			v-model="selectedTargets"
			@change="handleTargetChange"
			@keyup.enter.native="handleEnterSearch"
			filterable
			multiple
			collapse-tags
			reserve-keyword
			:loading="searchLoading"
			placeholder="è¯·è¾å¥é®é¢åç§°æç´¢ï¼æåè½¦ç¡®è®¤"
			>
			<el-option
			v-for="item in targetList"
			:key="item.id"
			:label="item.scriptContent \|\| item.targetname"
			:value="item.id"
			>
			<span>{{ item.scriptContent \|\| item.targetname }}</span>
			<span style="float: right; color: #8492a6; font-size: 13px">
			ID: {{ item.id }}
			</span>
			</el-option>
			</el-select>
			</el-form-item>
			<el-form-item label="å·²éé¢ç®">
			<div class="selected-ids">
			{{ selectedContentsText }}
			</div>
			</el-form-item>
			</el-form>
			</div>
			</div>

			<div class="formindex">
			<el-table
			v-loading="loading"
			:data="processedTableData"
			:span-method="objectSpanMethod"
			border
			:summary-method="getSummaries"
			show-summary
			style="width: 100%"
			empty-text="è¯·éæ©è¦ç»è®¡çé¢ç®"
			>
			<el-table-column prop="targetname" label="é®é¢åç§°" width="200">
			<template slot-scope="scope">
			<div class="target-name-cell">
			{{ scope.row.targetname }}
			</div>
			</template>
			</el-table-column>
			<el-table-column prop="targetShowCount" label="é®é¢åºç°æ¬¡æ°" width="120">
			<template slot-scope="scope">
			{{ scope.row.targetShowCount }}æ¬¡
			</template>
			</el-table-column>
			<el-table-column prop="completedPercentage" label="é¢ç®å®æåº¦" width="120">
			<template slot-scope="scope">
			{{ formatPercentage(scope.row.completedPercentage) }}
			</template>
			</el-table-column>
			<el-table-column prop="matchedtext" label="éé¡¹åå®¹" width="150">
			<template slot-scope="scope">
			{{ scope.row.matchedtext \|\| '-' }}
			</template>
			</el-table-column>
			<el-table-column prop="count" label="éä¸æ¬¡æ°" width="100">
			<template slot-scope="scope">
			{{ scope.row.count }}æ¬¡
			</template>
			</el-table-column>
			<el-table-column prop="percentage" label="å æ¯" width="100">
			<template slot-scope="scope">
			<span>{{ formatPercentage(scope.row.percentage) }}</span>
			</template>
			</el-table-column>
			<el-table-column label="è¿åº¦æ¡" min-width="200">
			<template slot-scope="scope">
			<el-progress
			:percentage="Number(scope.row.percentage) * 100"
			:show-text="false"
			:color="customColors"
			/>
			<span class="progress-text">{{ formatPercentage(scope.row.percentage) }}</span>
			</template>
			</el-table-column>
			</el-table>
			</div>
			</div>
			</template>

			<script>
			import { getissuelist, compileissuestatistics } from "@/api/AiCentre/index";

			export default {
			name: "indexanalysis",
			data() {
			return {
			targetList: [],
			selectedTargets: [], // åå¨éä¸çé¢ç®ID
			tableData: [],
			processedTableData: [],
			loading: false,
			searchLoading: false,
			queryParams: {
			pageNum: 1,
			pageSize: 66,
			scriptContent: '',
			},
			customColors: [
			{ color: '#f56c6c', percentage: 20 },
			{ color: '#e6a23c', percentage: 40 },
			{ color: '#5cb87a', percentage: 60 },
			{ color: '#1989fa', percentage: 80 },
			{ color: '#6f7ad3', percentage: 100 }
			],
			spanArr: [],
			searchTimer: null,
			currentSearchQuery: '', // å½åæç´¢å³é®è¯
			};
			},

			computed: {
			// è®¡ç®éä¸çé®é¢åå®¹ææ¬
			selectedContentsText() {
			if (this.selectedTargets.length === 0) {
			return 'æªéæ©ä»»ä½é¢ç®';
			}

			// æ ¹æ®éä¸çIDè·åå¯¹åºçscriptContent
			const selectedContents = this.selectedTargets.map(id => {
			const target = this.targetList.find(item => item.id === id);
			return target ? (target.scriptContent \|\| target.targetname \|\| `é¢ç®${id}`) : `é¢ç®${id}`;
			});

			return selectedContents.join('; ');
			},

			// è·åéä¸é¡¹çåå®¹æ°ç»ï¼ç¨äºæ¾ç¤ºï¼
			selectedContents() {
			return this.selectedTargets.map(id => {
			const target = this.targetList.find(item => item.id === id);
			return target ? (target.scriptContent \|\| target.targetname) : `é¢ç®${id}`;
			});
			}
			},

			watch: {
			processedTableData: {
			handler(newVal) {
			if (newVal && newVal.length > 0) {
			this.getSpanArr(newVal);
			} else {
			this.spanArr = [];
			}
			},
			immediate: true,
			deep: true
			}
			},

			created() {
			this.getList();
			},

			methods: {
			// æ¥è¯¢é®å·åè¡¨
			async getList() {
			this.loading = true;
			try {
			const response = await getissuelist(this.queryParams);
			this.targetList = response.rows \|\| [];
			} catch (error) {
			console.error('è·åé¢ç®åè¡¨å¤±è´¥:', error);
			this.$message.error('è·åé¢ç®åè¡¨å¤±è´¥');
			} finally {
			this.loading = false;
			}
			},

			// åè½¦é®æç´¢å¤ç[6,8](@ref)
			handleEnterSearch(event) {
			const inputElement = event.target;
			const searchQuery = inputElement.value.trim();


			this.currentSearchQuery = searchQuery;
			this.executeSearch(searchQuery);

			// é²æ¢é»è®¤è¡ä¸º
			event.preventDefault();
			event.stopPropagation();

			},

			// è¿ç¨æç´¢æ¹æ³ï¼å¸¦é²æï¼
			remoteMethod(query) {
			if (this.searchTimer) {
			clearTimeout(this.searchTimer);
			}

			this.searchTimer = setTimeout(() => {
			this.currentSearchQuery = query;
			this.executeSearch(query);
			}, 300);
			},

			// æ§è¡æç´¢
			async executeSearch(query) {
			if (query === '') {
			this.queryParams.scriptContent = '';
			await this.getList();
			return;
			}

			this.searchLoading = true;

			try {
			const searchParams = {
			pageNum: 1,
			pageSize: 50,
			scriptType: "1",
			scriptContent: query
			};

			const response = await getissuelist(searchParams);
			this.targetList = response.rows \|\| [];

			if (this.targetList.length === 0) {
			this.$message.info(`æªæ¾å°åå«"${query}"çé®é¢`);
			}
			} catch (error) {
			console.error('æç´¢é¢ç®å¤±è´¥:', error);
			this.$message.error('æç´¢æå¡å¼å¸¸ï¼è¯·ç¨åéè¯');
			this.targetList = [];
			} finally {
			this.searchLoading = false;
			}
			},

			// å¤éé¢ç®æ¹åå¤ç
			handleTargetChange(selectedIds) {
			if (selectedIds && selectedIds.length > 0) {
			this.Labelstatistics(selectedIds.join(','));
			} else {
			this.processedTableData = [];
			this.spanArr = [];
			}
			},

			// è·åç»è®¡ä¿¡æ¯
			async Labelstatistics(scriptIds) {
			if (!scriptIds) {
			this.processedTableData = [];
			this.spanArr = [];
			return;
			}

			this.loading = true;
			try {
			const response = await compileissuestatistics({ scriptids: scriptIds });
			this.tableData = response.data \|\| [];
			this.processTableData();
			} catch (error) {
			console.error('è·åç»è®¡ä¿¡æ¯å¤±è´¥:', error);
			this.$message.error('è·åç»è®¡ä¿¡æ¯å¤±è´¥');
			this.processedTableData = [];
			this.spanArr = [];
			} finally {
			this.loading = false;
			}
			},

			// å¤çè¡¨æ ¼æ°æ®
			processTableData() {
			if (!this.tableData \|\| Object.keys(this.tableData).length === 0) {
			this.processedTableData = [];
			return;
			}

			const processedData = [];

			Object.keys(this.tableData).forEach(scriptId => {
			const questionData = this.tableData[scriptId];

			if (questionData && questionData.details) {
			const targetName = questionData.scriptContent \|\| `é¢ç®${scriptId}`;
			const targetShowCount = questionData.allQuantity \|\| 0;
			const completedPercentage = questionData.completedPercentage \|\| "0";

			questionData.details.forEach(detail => {
			if (detail.optionText) {
			processedData.push({
			scriptid: scriptId,
			targetname: targetName,
			targetShowCount: targetShowCount,
			matchedtext: detail.optionText,
			count: detail.chosenQuantity \|\| 0,
			percentage: detail.chosenPercentage \|\| "0",
			completedPercentage: completedPercentage,
			allQuantity: questionData.allQuantity \|\| 0,
			completedQuantity: questionData.completedQuantity \|\| 0
			});
			}
			});

			if (questionData.details.length === 0) {
			processedData.push({
			scriptid: scriptId,
			targetname: targetName,
			targetShowCount: targetShowCount,
			matchedtext: '-',
			count: 0,
			percentage: "0",
			completedPercentage: completedPercentage,
			allQuantity: questionData.allQuantity \|\| 0,
			completedQuantity: questionData.completedQuantity \|\| 0
			});
			}
			}
			});

			this.processedTableData = processedData;
			},

			// çæåå¹¶ä¿¡æ¯æ°ç»
			getSpanArr(data) {
			this.spanArr = [];

			if (!data \|\| data.length === 0) return;

			for (let i = 0; i < data.length; i++) {
			if (i === 0) {
			this.spanArr.push(1);
			this.pos = 0;
			} else {
			if (data[i].scriptid === data[i - 1].scriptid) {
			this.spanArr[this.pos] += 1;
			this.spanArr.push(0);
			} else {
			this.spanArr.push(1);
			this.pos = i;
			}
			}
			}
			},

			// ååæ ¼åå¹¶æ¹æ³
			objectSpanMethod({ row, column, rowIndex, columnIndex }) {
			if (columnIndex === 0 \|\| columnIndex === 1 \|\| columnIndex === 2) {
			if (this.spanArr.length > rowIndex) {
			const rowspan = this.spanArr[rowIndex];
			const colspan = rowspan > 0 ? 1 : 0;

			return {
			rowspan: rowspan,
			colspan: colspan
			};
			}
			}
			},

			// æ ¼å¼åç¾åæ¯æ¾ç¤º
			formatPercentage(value) {
			const numValue = Number(value);
			return isNaN(numValue) ? '0%' : `${(numValue * 100).toFixed(2)}%`;
			},

			// è¡¨æ ¼åè®¡è¡è®¡ç®
			getSummaries(param) {
			const { columns, data } = param;
			const sums = [];

			columns.forEach((column, index) => {
			if (index === 0) {
			sums[index] = 'åè®¡';
			return;
			}

			if (data.length === 0) {
			sums[index] = '-';
			return;
			}

			switch (column.property) {
			case 'targetShowCount':
			const totalQuestions = new Set(data.map(item => item.scriptid)).size;
			sums[index] = `${totalQuestions}ä¸ªé¢ç®`;
			break;

			case 'count':
			const values = data.map(item => Number(item.count));
			const totalCount = values.reduce((prev, curr) => prev + curr, 0);
			sums[index] = `${totalCount}æ¬¡`;
			break;

			case 'percentage':
			const percentages = data.map(item => Number(item.percentage));
			const validPercentages = percentages.filter(p => !isNaN(p));
			if (validPercentages.length > 0) {
			const avgPercentage = validPercentages.reduce((a, b) => a + b, 0) / validPercentages.length;
			sums[index] = `${(avgPercentage * 100).toFixed(2)}%`;
			} else {
			sums[index] = '0%';
			}
			break;

			case 'completedPercentage':
			const completedPercentages = data.map(item => Number(item.completedPercentage));
			const validCompleted = completedPercentages.filter(p => !isNaN(p));
			if (validCompleted.length > 0) {
			const avgCompleted = validCompleted.reduce((a, b) => a + b, 0) / validCompleted.length;
			sums[index] = `${(avgCompleted * 100).toFixed(2)}%`;
			} else {
			sums[index] = '0%';
			}
			break;

			default:
			sums[index] = '-';
			break;
			}
			});

			return sums;
			}
			},

			beforeDestroy() {
			if (this.searchTimer) {
			clearTimeout(this.searchTimer);
			}
			}
			};
			</script>

			<style lang="scss" scoped>
			.analysis-top {
			border: 1px solid #dcdfe6;
			-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
			margin: 15px;

			.title-top {
			background-color: #6784f2;
			color: #fff;
			padding: 10px 20px;
			font-size: 20px;
			font-weight: 500;
			margin-bottom: 20px;
			}

			.value {
			padding: 0 20px 20px;
			}
			}

			.formindex {
			margin: 0 15px;
			border: 1px solid #dcdfe6;
			-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
			padding: 20px;
			}

			.selected-ids {
			padding: 8px 12px;
			background-color: #f5f7fa;
			border-radius: 4px;
			border: 1px solid #e4e7ed;
			min-height: 36px;
			word-break: break-all;
			line-height: 1.5;
			}

			.target-name-cell {
			font-weight: 600;
			color: #409eff;
			}

			.progress-text {
			margin-left: 10px;
			font-size: 12px;
			color: #909399;
			}

			::v-deep .el-progress-bar {
			padding-right: 0;
			margin-right: 0;
			}

			::v-deep .el-select {
			width: 100%;
			}

			::v-deep .el-table {
			.cell {
			word-break: break-word;
			}

			.el-table__body tr:hover > td.el-table__cell {
			background-color: #f5f7fa;
			}

			.el-table__body .el-table__cell {
			vertical-align: top;
			}
			}

			.merged-cell {
			background-color: #f0f9ff;
			font-weight: 600;
			}

			::v-deep .el-select__tags {
			.el-tag {
			max-width: 200px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;

			.el-tag__close {
			margin-left: 4px;
			}
			}
			}
			</style>

			@@ -528,7 +528,7 @@
			<el-table :data="item.details" style="width: 100%">
			<el-table-column prop="optionText" label="é®é¢éé¡¹">
			</el-table-column>
			<el-table-column prop="completedQuantity" label="éæ©äººæ°">
			<el-table-column prop="chosenQuantity" label="éæ©äººæ°">
			</el-table-column>
			<el-table-column prop="chosenPercentage" label="æ¯ä¾">
			<template slot-scope="scope">

			@@ -36,10 +36,10 @@
			// detail: https://cli.vuejs.org/config/#devserver-proxy
			[process.env.VUE_APP_BASE_API]: {
			// target: `https://www.health-y.cn/lssf`,
			// target: `http://192.168.100.10:8096`,
			target: `http://192.168.100.10:8096`,
			// target: `http://192.168.100.10:8094`,//çç«åå¾·
			// target: `http://192.168.100.10:8095`,//æ°å
			target:`http://localhost:8095`,
			// target:`http://localhost:8095`,
			// target:`http://35z1t16164.qicp.vip`,
			// target: `http://192.168.100.111:8095`,
			// target: `http://192.168.101.166:8093`,