测试完成

WXL (wul)

3 天以前 8dfc9189443d7baf2e73d99a73e1b20eefba366e

 src/views/sfstatistics/percentage/satisfaction.vue

@@ -510,22 +510,33 @@
    <!-- 单科室统计详情 -->
    <el-dialog :visible.sync="topicVisible" width="45%">
      <div class="topicdia">
        <div class="top-text">{{ topicvalue.name }}</div>
        <div class="top-mintext">随访完成数{{ topicvalue.number }}</div>
        <div class="top-text">
          {{ topicvalue.name }}<span>满意度指标详情</span>
        </div>
        <div style="overflow-x: hidden; overflow-y: auto; max-height: 65vh">
          <div class="ttaabbcc" v-for="item in topiclist" :key="item.name">
          <div
            class="ttaabbcc"
            v-for="(item, index) in topiclist"
            :key="item.name"
          >
            <div class="describe">
              第{{ item.number }}题： {{ item.name }}?<span
                >[{{ item.type == 1 ? "单选题" : "多选题" }}]</span
              第{{ index }}题： {{ item.scriptContent }}?<span
                >[{{ item.scriptType == 1 ? "单选题" : "多选题" }}]</span
              >
            </div>
            <div>
              <el-table :data="tableData" style="width: 100%">
                <el-table-column prop="date" label="问题选项">
              <el-table :data="item.details" style="width: 100%">
                <el-table-column prop="optionText" label="问题选项">
                </el-table-column>
                <el-table-column prop="name" label="选择人数">
                <el-table-column prop="completedQuantity" label="选择人数">
                </el-table-column>
                <el-table-column prop="address" label="比例"> </el-table-column>
                <el-table-column prop="chosenPercentage" label="比例">
                   <template slot-scope="scope">
                  <span class="button-zx"
                    >{{ (Number(scope.row.chosenPercentage) * 100).toFixed(2) }}%</span
                  >
                </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
@@ -892,8 +903,12 @@
        ...this.queryParams,
      };
      if (this.queryParams.statisticaltype == 1) {
        this.topicvalue.name = row.leavehospitaldistrictname;

        params.leavehospitaldistrictcodes = [row.leavehospitaldistrictcode];
      } else {
        this.topicvalue.name = row.deptname;

        params.deptcodes = [row.deptcode];
      }

@@ -902,8 +917,7 @@
      delete params.deptcodes.all;
      getSfStatisticsJoyInfo(params).then((response) => {
        console.log(response);
        this.total = response.total;
        this.userList = response.data;
        this.topiclist = response.data;
      });
    },
    // 添加/修改标签
@@ -1446,6 +1460,75 @@
    height: 400px;
  }
}
.topicdia {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #333; /* 主文字色 */
}

/* 头部标题样式 */
.top-text {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e8e8e8; /* 纤细的分隔线 */
  color: #1f2d3d; /* 深色标题 */
}
.top-text span {
  font-size: 14px;
  font-weight: normal;
  color: #666; /* 副标题颜色稍浅 */
  margin-left: 10px;
}

/* 题目容器样式 */
.ttaabbcc {
  background: #fafafa; /* 非常浅的灰色背景 */
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 20px;
  border-left: 4px solid #4794c5; /* 左侧装饰色条，增加层次感 */
}

/* 题目描述样式 */
.describe {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 12px;
  color: #1f2d3d;
}
.describe span {
  font-size: 13px;
  color: #999; /* 题型提示信息颜色更浅 */
  font-style: italic;
  margin-left: 8px;
}

/* 表格整体样式调整 */
.ttaabbcc .el-table {
  border-radius: 4px;
  overflow: hidden;
  font-size: 14px;
}

/* 表头样式 */
.ttaabbcc .el-table th {
  background-color: #f1f5f9; /* 浅蓝色表头背景 */
  color: #333;
  font-weight: 600;
}

/* 单元格样式 */
.ttaabbcc .el-table td {
  border-bottom: 1px solid #f0f0f0; /* 纤细的行分隔线 */
  padding: 12px 0;
}

/* 比例数据样式 */
.button-zx {
  color: #4794c5; /* 使用与主题呼应的蓝色 */
  font-weight: 500;
}
::v-deep.el-tabs--left,
.el-tabs--right {
  overflow: hidden;