From df9813eb87d460e9e74840fbfdc31c28daeb69a0 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Sat, 11 Oct 2025 15:04:19 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=A8=E6=8E=A7=E6=89=93=E5=8D=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/longInsuranceDetail.vue         |   8 +
 src/views/quality/components/showQuality.vue  | 363 ++++++++++++++++++
 src/views/quality/index.vue                   | 254 ++++++------
 vue.config.js                                 |   2 +-
 4 files changed, 493 insertions(+), 134 deletions(-)
 create mode 100644 src/views/quality/components/showQuality.vue

diff --git a/src/views/customer/component/longInsuranceDetail.vue b/src/views/customer/component/longInsuranceDetail.vue
index 0665a8e..d9f0854 100644
--- a/src/views/customer/component/longInsuranceDetail.vue
+++ b/src/views/customer/component/longInsuranceDetail.vue
@@ -211,6 +211,14 @@
               </div>
             </td>
           </tr>
+          <tr>
+            <th>调查地址</th>
+            <td colspan="5">
+              <div style="text-align: center; letter-spacing: 1px">
+                {{ detail.address }}
+              </div>
+            </td>
+          </tr>
         </tbody>
       </table>
 
diff --git a/src/views/quality/components/showQuality.vue b/src/views/quality/components/showQuality.vue
new file mode 100644
index 0000000..498ee07
--- /dev/null
+++ b/src/views/quality/components/showQuality.vue
@@ -0,0 +1,363 @@
+<template>
+  <div>
+    <Modal v-model="isShow" width="800" title="质控管理">
+      <table id="print-table">
+        <thead style="border: none">
+          <tr style="visibility: hidden">
+            <th class="border-none" style="width: calc(100% / 6)" />
+            <th class="border-none" style="width: calc(100% / 6)" />
+            <th class="border-none" style="width: calc(100% / 6)" />
+            <th class="border-none" style="width: calc(100% / 6)" />
+            <th class="border-none" style="width: calc(100% / 6)" />
+            <th class="border-none" style="width: calc(100% / 6)" />
+          </tr>
+          <tr>
+            <th colspan="6">
+              <p style="font-size: 17px; letter-spacing: 1px">
+                四世同堂质控考评表
+              </p>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td colspan="2">
+              <span style="font-weight: 600">回访日期：</span>
+              {{ $moment(detail.created_at).format("YYYY年MM月DD日") }}
+            </td>
+            <td colspan="4">
+              <span style="font-weight: 600">护理员：</span>
+              {{ detail.nurse_name }}
+            </td>
+          </tr>
+          <tr>
+            
+            <td colspan="2">
+              <span style="font-weight: 600">姓名：</span>
+              {{ detail.customer ? detail.customer.name : "" }}
+            </td>
+            <td colspan="4">
+              <span style="font-weight: 600">性别：</span>
+              {{ detail.customer ? detail.customer.sex : "" }}
+            </td>
+          </tr>
+          <tr>
+            
+            <td colspan="2">
+              <span style="font-weight: 600">联系电话：</span>
+              {{ detail.customer ? detail.customer.phone : "" }}
+            </td>
+            <td colspan="4">
+              <span style="font-weight: 600">身份证号：</span>
+              {{ detail.customer ? detail.customer.idcard : "" }}
+            </td>
+          </tr>
+          <tr>
+            
+            <td colspan="2">
+              <span style="font-weight: 600">紧急联系人：</span>
+              {{ detail.customer ? detail.customer.contact_name : "" }}
+            </td>
+            <td colspan="4">
+              <span style="font-weight: 600">紧急联系电话：</span>
+              {{ detail.customer ? detail.customer.contact_phone : "" }}
+            </td>
+          </tr>
+          <tr>
+            <td colspan="6">
+              <span style="font-weight: 600">服务对象住址：</span>
+              {{ detail.customer ? detail.customer.idcard_address : "" }}
+            </td>
+          </tr>
+
+          <tr>
+            <th
+              rowspan="2"
+              colspan="1"
+              style="
+                writing-mode: vertical-rl;
+                text-align: center;
+                letter-spacing: 2px;
+              "
+            >
+              考评详情
+            </th>
+            
+          </tr>
+          
+          <tr>
+            <td colspan="5">
+              <div v-if="detail.forms && detail.forms.length > 0" style="margin-top: 10px;">
+                <div
+                  v-for="(form, index) in detail.forms"
+                  :key="index"
+                  style="margin-bottom: 5px;"
+                >
+                  <span style="font-weight: 500;">{{ index + 1 }}. {{ form.ask }}：</span>
+                  <span v-if="form.type === 'checkbox'">
+                    {{ joinSelectedOptions(form.options || []) }}
+                  </span>
+                  <span v-else>
+                    {{ form.score !== '' ? form.score : '-' }} 分
+                  </span>
+                </div>
+              </div>
+              <div v-else style="color: #999;">暂无考评数据</div>
+            </td>
+          </tr>
+          
+        <tr>
+            <td colspan="1">
+              <span style="font-weight: 600">总分：</span>
+                
+            </td>
+            <td colspan="5">
+              {{ detail.total_score }}
+            </td>
+          </tr>
+          <tr>
+            <td colspan="6">    
+              <div style="font-weight: 600">对护理员哪些方面要求改进：</div>
+              <div>{{ detail.tip }}</div>
+            </td>
+          </tr>
+          <tr>
+            <td colspan="6">
+              <div style="font-weight: 600">对护理员有哪些方面肯定：</div>
+              <div>{{ detail.sure }}</div>
+            </td>
+          </tr>
+          <tr>
+            <td colspan="6">
+              <div style="font-weight: 600">备注：</div>
+              <div>{{ detail.remark }}</div>
+            </td>
+          </tr>
+
+          <tr>
+            <th>服务对象/家属签字</th>
+            <td colspan="2">
+              <div style="position: relative; height: 100px">
+                <img
+                  style="
+                    width: 100px;
+                    object-fit: contain;
+                    transform: rotate(270deg) translateY(-50px);
+                    position: absolute;
+                    top: -50px;
+                    transform-origin: center;
+                    left: 50%;
+                  "
+                  :src="detail.sign_image ? detail.sign_image.url : ''"
+                  alt=""
+                />
+              </div>
+            </td>
+
+            <th rowspan="2">
+              回访图片
+            </th>
+            <td colspan="3" rowspan="2">
+              <img
+                v-for="img in detail.files"
+                :key="img.id"
+                :src="img.url"
+                :alt="img.original_name"
+                style="max-height: 100px;margin-right: 4px;"
+              />
+            </td>
+          </tr>
+          <tr>
+            <th>调查人员签字</th>
+            <td colspan="2">
+              <div style="position: relative; height: 100px">
+                <img
+                  style="
+                    width: 100px;
+                    object-fit: contain;
+                    transform: rotate(270deg) translateY(-50px);
+                    position: absolute;
+                    top: -50px;
+                    transform-origin: center;
+                    left: 50%;
+                  "
+                  :src="
+                    detail.admin_sign_image ? detail.admin_sign_image.url : ''
+                  "
+                  alt=""
+                />
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <th>调查日期</th>
+            <td colspan="5">
+              <div style="text-align: center; letter-spacing: 1px">
+                {{ $moment(detail.created_at).format("YYYY年MM月DD日") }}
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <th>回访地址</th>
+            <td colspan="5">
+              <div style="text-align: center; letter-spacing: 1px">
+                {{ detail.address }}
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+
+      <template #footer>
+        <div>
+          <Button type="text" @click="hide">取消</Button>
+          <Button type="primary" @click="exportPrint">打印</Button>
+        </div>
+      </template>
+    </Modal>
+  </div>
+</template>
+
+<script>
+import { getForm } from '@/api/quality'
+
+export default {
+  data() {
+    return {
+      isShow: false,
+      id: '',
+      detail: {}
+    }
+  },
+  computed: {
+    isMark() {
+      return function(markName, str) {
+        const arr = str?.split('|') || []
+        return arr.indexOf(markName) !== -1 ? '✓' : ''
+      }
+    },
+    otherVal() {
+      return function(options, str) {
+        const arr = str?.split('|') || []
+        return (
+          arr.filter((i) => options.findIndex((j) => j === i) === -1)[0] || ' '
+        )
+      }
+    },
+    joinSelectedOptions() {
+      return function(options) {
+        // 过滤出 checked 为 true 的项
+        const selectedOptions = options.filter(option => option.checked === true)
+        // 提取这些项的 name 属性并使用逗号拼接
+        return selectedOptions.map(option => option.name).join('，')
+      }
+    }
+  },
+  watch: {
+    isShow(newVal) {
+      if (newVal) {
+        this.getDetail()
+      }
+    }
+  },
+  methods: {
+    show() {
+      this.isShow = true
+    },
+    hide() {
+      this.isShow = false
+    },
+    setId(id) {
+      this.id = id
+    },
+    async getDetail() {
+      const res = await getForm(this.id)
+      console.log(res)
+      this.detail = res
+    },
+
+    exportPrint() {
+      const table = document.getElementById('print-table').outerHTML
+      const printWindow = window.open('', '_blank')
+      printWindow.document.write('<html><head><title>打印表格</title>')
+      printWindow.document.write(`
+</head><style>
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 20px 0;
+}
+
+th, td {
+  border: 1px solid #ddd;
+  padding: 8px;
+  text-align: left;
+}
+
+thead {
+  background-color: #f2f2f2;
+}
+
+th {
+  word-break: keep-all;
+  text-align: center;
+  height: 40px;
+}
+
+.border-none {
+  border: none;
+}
+.border-bottom-none {
+  border-top: none;
+  border-bottom: none;
+}</style><body>`)
+      printWindow.document.write(table)
+      printWindow.document.write('</body></html>')
+      printWindow.document.close()
+      const imgEl = printWindow.document.querySelectorAll('img')
+      let temp = 0
+      imgEl.forEach((el) => {
+        el.addEventListener('load', (_) => {
+          temp++
+          if (temp === imgEl.length) {
+            printWindow.print()
+          }
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 20px 0;
+}
+
+th,
+td {
+  border: 1px solid #ddd;
+  padding: 8px;
+  text-align: left;
+}
+
+thead {
+  background-color: #f2f2f2;
+}
+
+th {
+  word-break: keep-all;
+  text-align: center;
+  height: 40px;
+}
+
+.border-none {
+  border: none;
+}
+.border-bottom-none {
+  border-top: none;
+  border-bottom: none;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/quality/index.vue b/src/views/quality/index.vue
index a6386ac..fa0a5d2 100644
--- a/src/views/quality/index.vue
+++ b/src/views/quality/index.vue
@@ -24,98 +24,97 @@
     <!--  表格  -->
     <xy-table :list="list" :table-item="tableItem" :total="total" @delete="destroy" @editor="editor"
       @pageSizeChange="e => select.page_size = e" @pageIndexChange="e => {select.page = e;getWorkers()}">
-      <template v-slot:forms>
-        <!-- 遍历列配置 forms，每个列对应一个配置项 -->
-        <el-table-column
-          v-for="(colConfig, index) in forms"
-          :key="index"
-          width="200"
-          header-align="center"
-          align="center"
-          :label="colConfig.ask"
-        >
-          <template v-slot:default="scope">
-            <!-- 找到当前列对应的行实际数据（通过索引匹配） -->
-            <!-- 假设 forms 和 scope.row.forms 顺序一致，索引相同 -->
-            <template v-if="scope.row.forms && scope.row.forms[index]">
-              <!-- 当前行的实际数据项 -->
-              <!-- 处理 checkbox 类型 -->
-              <template v-if="colConfig.type === 'checkbox'">
-                <div>
-                  {{ joinSelectedOptions(scope.row.forms[index].options || []) }}
-                </div>
-              </template>
-              <!-- 处理普通分数类型 -->
-              <template v-else>
-                <div>
-                  {{ scope.row.forms[index].score !== '' ? scope.row.forms[index].score : '-' }}  <!-- 空值显示 - -->
-                </div>
-              </template>
-            </template>
-            <!-- 行数据不存在时显示默认值 -->
-            <template v-else>
-              <div>-</div>
-            </template>
-          </template>
-        </el-table-column>
-      </template>
-      <template v-slot:files>
-        <el-table-column
-          width="200"
-          header-align="center"
-          align="center"
-          label="回访图片"
-        >
-          <template v-slot:default="scope">
-            <template v-if="scope.row.files">
-              <div style="display:flex">
-                <el-image
-                  v-for="item in scope.row.files"
-                  style="width: 60px; height: 60px;margin:5px"
-                  :src="item.url"
-                  :preview-src-list="scope.row.files.map(item=>item.url)"></el-image>
-              </div>
-
-            </template>
-
-          </template>
-        </el-table-column>
-      </template>
-      <template v-slot:sign_image>
-        <el-table-column
-          width="200"
-          header-align="center"
-          align="center"
-          label="服务对象/家属签名"
-        >
-          <template v-slot:default="scope">
-                <el-image
-                v-if="scope.row.sign_image"
-                  style="width: 100px; height: 100px"
-                  :src="scope.row.sign_image.url"
-                  :preview-src-list="[scope.row.sign_image.url]"></el-image>
-          </template>
-        </el-table-column>
-      </template>
-      <template v-slot:admin_sign_image>
-        <el-table-column
-          width="200"
-          header-align="center"
-          align="center"
-          label="调查人员签名"
-        >
-          <template v-slot:default="scope">
-            <el-image
-            v-if="scope.row.admin_sign_image"
-              style="width: 100px; height: 100px"
-              :src="scope.row.admin_sign_image.url"
-              :preview-src-list="[scope.row.admin_sign_image.url]"></el-image>
-          </template>
-        </el-table-column>
+      <template v-slot:forms>
+        <!-- 遍历列配置 forms，每个列对应一个配置项 -->
+        <el-table-column
+          v-for="(colConfig, index) in forms"
+          :key="index"
+          width="200"
+          header-align="center"
+          align="center"
+          :label="colConfig.ask"
+        >
+          <template v-slot:default="scope">
+            <!-- 找到当前列对应的行实际数据（通过索引匹配） -->
+            <!-- 假设 forms 和 scope.row.forms 顺序一致，索引相同 -->
+            <template v-if="scope.row.forms && scope.row.forms[index]">
+              <!-- 当前行的实际数据项 -->
+              <!-- 处理 checkbox 类型 -->
+              <template v-if="colConfig.type === 'checkbox'">
+                <div>
+                  {{ joinSelectedOptions(scope.row.forms[index].options || []) }}
+                </div>
+              </template>
+              <!-- 处理普通分数类型 -->
+              <template v-else>
+                <div>
+                  {{ scope.row.forms[index].score !== '' ? scope.row.forms[index].score : '-' }}  <!-- 空值显示 - -->
+                </div>
+              </template>
+            </template>
+            <!-- 行数据不存在时显示默认值 -->
+            <template v-else>
+              <div>-</div>
+            </template>
+          </template>
+        </el-table-column>
+      </template>
+      <template v-slot:files>
+        <el-table-column
+          width="200"
+          header-align="center"
+          align="center"
+          label="回访图片"
+        >
+          <template v-slot:default="scope">
+            <template v-if="scope.row.files">
+              <div style="display:flex">
+                <el-image
+                  v-for="item in scope.row.files"
+                  style="width: 60px; height: 60px;margin:5px"
+                  :src="item.url"
+                  :preview-src-list="scope.row.files.map(item=>item.url)"></el-image>
+              </div>
+
+            </template>
+
+          </template>
+        </el-table-column>
+      </template>
+      <template v-slot:sign_image>
+        <el-table-column
+          width="200"
+          header-align="center"
+          align="center"
+          label="服务对象/家属签名"
+        >
+          <template v-slot:default="scope">
+                <el-image
+                v-if="scope.row.sign_image"
+                  style="width: 100px; height: 100px"
+                  :src="scope.row.sign_image.url"
+                  :preview-src-list="[scope.row.sign_image.url]"></el-image>
+          </template>
+        </el-table-column>
+      </template>
+      <template v-slot:admin_sign_image>
+        <el-table-column
+          width="200"
+          header-align="center"
+          align="center"
+          label="调查人员签名"
+        >
+          <template v-slot:default="scope">
+            <el-image
+            v-if="scope.row.admin_sign_image"
+              style="width: 100px; height: 100px"
+              :src="scope.row.admin_sign_image.url"
+              :preview-src-list="[scope.row.admin_sign_image.url]"></el-image>
+          </template>
+        </el-table-column>
       </template>
       <template v-slot:btns>
-        <div></div>
-        <!-- <el-table-column
+        <el-table-column
           fixed="right"
           width="200"
           header-align="center"
@@ -123,35 +122,18 @@
           label="操作"
         >
           <template v-slot:default="scope">
-            <Poptip
-              v-if="!$store.getters.myRoles.find(i => i.name === '质控员')"
-              transfer
-              confirm
-              title="确认要删除?"
-              @on-ok="destroy(scope.row)"
-            >
-              <Button size="small" type="error" ghost style="margin-right: 6px"
-              >删除</Button
-              >
-            </Poptip>
-            <Button
-              v-if="!$store.getters.myRoles.find(i => i.name === '质控员')"
-              size="small"
-              ghost
-              type="primary"
-              @click="editor(scope.row)"
-              style="margin-right: 6px"
-            >编辑</Button
-            >
+            <Button size="small" type="primary" @click="openShowQuality(scope.row)">查看</Button>
           </template>
-        </el-table-column> -->
+        </el-table-column>
       </template>
     </xy-table>
 
     <!-- <add-worker
       ref="addWorker"
       @refresh="getWorkers"></add-worker> -->
-  </div>
+    <show-quality
+      ref="showQuality"></show-quality>
+    </div>
 </template>
 
 <script>
@@ -160,11 +142,13 @@
     destroy
   } from '@/api/quality'
 import { download } from "@/utils/downloadRequest"
+import showQuality from "@/views/quality/components/showQuality"
   // import addWorker from "@/views/worker/component/addWorker";
 
   export default {
     components: {
       // addWorker
+      showQuality
     },
     data() {
       return {
@@ -243,21 +227,21 @@ import { download } from "@/utils/downloadRequest"
             label: '回访地址',
             width: 180,
             align: 'left'
-          },{
-            prop: 'files',
-            label: '回访图片',
-            width: 180,
-            align: 'left'
-          },{
-            prop: 'sign_image',
-            label: '服务对象/家属签名',
-            width: 180,
-            align: 'left',
-          },{
-            prop: 'admin_sign_image',
-            label: '调查人员签名',
-            width: 180,
-            align: 'left'
+          },{
+            prop: 'files',
+            label: '回访图片',
+            width: 180,
+            align: 'left'
+          },{
+            prop: 'sign_image',
+            label: '服务对象/家属签名',
+            width: 180,
+            align: 'left',
+          },{
+            prop: 'admin_sign_image',
+            label: '调查人员签名',
+            width: 180,
+            align: 'left'
           }
         ],
         forms: [{
@@ -383,6 +367,10 @@ import { download } from "@/utils/downloadRequest"
         this.list = res.data
         this.total = res.total
       },
+      openShowQuality(row) {
+        this.$refs['showQuality'].setId(row.id)
+        this.$refs['showQuality'].show()
+      },
       joinSelectedOptions(options) {
         console.log("options", options)
         // 过滤出 checked 为 true 的项
@@ -399,11 +387,11 @@ import { download } from "@/utils/downloadRequest"
             background: "rgba(0,0,0,0.4)",
             text: "正在导出..."
           })
-          download('/api/admin/quality-callbacks/get-list','get',{
-                  ...this.select,
-                  page: 1,
-                  page_size: 9999,
-                  is_export:1
+          download('/api/admin/quality-callbacks/get-list','get',{
+                  ...this.select,
+                  page: 1,
+                  page_size: 9999,
+                  is_export:1
                 },`质控回访.xlsx`)
             loading.close()
         } catch (err) {
@@ -429,4 +417,4 @@ import { download } from "@/utils/downloadRequest"
 </script>
 
 <style lang="scss" scoped>
-</style>
+</style>
diff --git a/vue.config.js b/vue.config.js
index 519fa9c..808a638 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -25,7 +25,7 @@ module.exports = {
    * Detail: https://cli.vuejs.org/config/#publicpath
    */
   publicPath: process.env.ENV === 'staging' ? '/admin_test' : '/admin/',
-  // outputDir: '/Users/mac/Documents/朗业/2025/s-四世同堂-护工/sstt/public',  //测试
+  // outputDir: '/Users/mac/Documents/朗业/2025/s-四世同堂-护工/sstt/public/admin',  //测试
   outputDir: '/Users/mac/Documents/朗业/2025/s-四世同堂-护工/正式/sstt/public/admin',
   assetsDir: 'static',
   css: {