From d93b9d8aa0ace045d4b78995c54beb736533f3f0 Mon Sep 17 00:00:00 2001
From: shidongli <shidongli>
Date: Mon, 16 Dec 2024 16:15:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/manage/Satisfactionsurvey.js          |  11 +
 src/views/components/SearchForm.vue           |  56 +++-
 src/views/manage/Satisfactionsurvey/index.vue | 292 ++++++++++++++++++
 3 files changed, 349 insertions(+), 10 deletions(-)
 create mode 100644 src/api/manage/Satisfactionsurvey.js
 create mode 100644 src/views/manage/Satisfactionsurvey/index.vue

diff --git a/src/api/manage/Satisfactionsurvey.js b/src/api/manage/Satisfactionsurvey.js
new file mode 100644
index 0000000..3ada29a
--- /dev/null
+++ b/src/api/manage/Satisfactionsurvey.js
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+
+// 查询列表
+export function uploadRobotPublishRecord(query) {
+    return request({
+        url: '/manage/signnode/uploadRobotPublishRecord',
+        method: 'get',
+        params: query
+    })
+}
+
diff --git a/src/views/components/SearchForm.vue b/src/views/components/SearchForm.vue
index 03948d4..b4b1bf2 100644
--- a/src/views/components/SearchForm.vue
+++ b/src/views/components/SearchForm.vue
@@ -36,13 +36,22 @@
         >导入</el-button
       >
       <el-button
-      type="primary"
-      plain
+        type="primary"
+        plain
         size="mini"
         @click="handleback"
         v-if="this.$router.currentRoute.path == '/patient/ImportDetails'"
         >返回</el-button
       >
+      <el-button
+        type="warning"
+        plain
+        icon="el-icon-download"
+        size="mini"
+        @click="handleExport"
+        v-if="this.$router.currentRoute.path == '/task/Satisfactionsurvey'"
+        >导出</el-button
+      >
       <Button
         v-show="collapsiable"
         type="text"
@@ -448,10 +457,18 @@ export default {
     patientUploadButtonVisible: {
       type: String,
       default: 'false'
-    }
+    },
+    query:{
+      type: Object,
+      default: () => ({})
+
+
+
+    },
   },
   data() {
     return {
+      querlist:{},//导出
       departmentsshow: false,//添加按钮
       loading: false,
       patientInfoList: [],
@@ -542,6 +559,14 @@ export default {
 
   },
   watch: {
+    query:{
+      handler(val) {
+        this.querlist=val
+
+        },
+        deep: true,
+        immediate: true,
+    },
     '$store.state.app.sidebar.opened'(newVal, Val) {
       if (newVal) {
         const group = window.document.querySelectorAll(`#searchFilter .el-form-item.el-form-item--${this.size}`)
@@ -614,12 +639,23 @@ export default {
       this.openphone = false;
     },
     // 返回
-    handleback(){
+    handleback() {
       this.$router.push({
-                  path: "/patient/patientinfoimport",
-                });
+        path: "/patient/patientinfoimport",
+      });
 
     },
+
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        "/manage/signnode/export ",
+        {
+          ...this.querlist,
+        },
+        `外呼记录_${new Date().getTime()}.xlsx`
+      );
+    },
     // 导入
     handleUpload() {
       // this.openphone=true;
@@ -879,14 +915,14 @@ export default {
         this.$modal.msgError("必填项请填写完整,再进行提交");
       } else {
         secondaryUpload(this.form).then(response => {
-          if(response.code==200){
-          this.$modal.msgSuccess(response.msg);
-          }else{
+          if (response.code == 200) {
+            this.$modal.msgSuccess(response.msg);
+          } else {
             this.$modal.msgError(response.msg);
           }
           this.open = false;
           this.$emit('handleRules')
-        }).catch(()=>{
+        }).catch(() => {
           this.open = false;
         })
       }
diff --git a/src/views/manage/Satisfactionsurvey/index.vue b/src/views/manage/Satisfactionsurvey/index.vue
new file mode 100644
index 0000000..2f27d13
--- /dev/null
+++ b/src/views/manage/Satisfactionsurvey/index.vue
@@ -0,0 +1,292 @@
+<template>
+  <div class="app-container" ref="layout">
+    <div ref="topform" class="form">
+      <SearchFilter
+        :labelWidths="280"
+        labelWidth="120px"
+        size="small"
+        @search="handleQuery"
+        @reset="resetQuery"
+        @minShowCtrol="getMaxTableHeight"
+        :query="query"
+        v-show="showSearch"
+      >
+        <el-form-item label="外呼时间" prop="startTime" label-width="120px">
+          <el-date-picker
+            v-model="dischargeTime"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            style="width: 220px"
+            value-format="yyyy-MM-dd"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="问卷名称" prop="questionnaireName">
+          <el-input
+            v-model="queryParams.questionnaireName"
+            placeholder="请输入问卷名称"
+            clearable
+            @keyup.enter.native="handleQuery"
+            style="width: 220px"
+          />
+        </el-form-item>
+        <el-form-item label="任务节点类型" prop="taskNodeType">
+          <el-select
+            v-model="queryParams.taskNodeType"
+            placeholder="请选择任务节点类型"
+            clearable
+            style="width: 220px"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </SearchFilter>
+    </div>
+    <div ref="table">
+      <el-table
+        :max-height="maxTableHeight"
+        v-loading="loading"
+        :data="patientInfoList"
+        @selection-change="handleSelectionChange"
+      >
+        <!-- <el-table-column type="selection" width="55" /> -->
+        <el-table-column label="序号" type="index" width="48" align="center" />
+        <el-table-column label="患者姓名" align="center" prop="patientName" />
+        <el-table-column label="患者电话" align="center" prop="patientPhone" />
+        <el-table-column label="路径名称" align="center" prop="manageRouteName" />
+        <el-table-column
+          label="问卷模板名称"
+          align="center"
+          prop="questionnaireName"
+        />
+        <el-table-column
+          label="话术名称"
+          align="center"
+          prop="scriptTemplateName"
+        />
+       
+        <el-table-column
+          label="科室名称"
+          align="center"
+          prop="departmentName"
+        />
+        <el-table-column
+          label="机构名称"
+          align="center"
+          prop="hospitalAgencyName"
+        />
+        <el-table-column label="节点任务执行状态" align="center" prop="nodeExecuteStatus" width="150">
+          <template slot-scope="scope">
+              {{ scope.row.nodeExecuteStatus=="EXECUTED"?"已执行":""}}
+              {{ scope.row.nodeExecuteStatus=="UNEXECUTED"?"未执行":""}}
+
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="就诊时间"
+          align="center"
+          prop="visitDate"
+          width="150"
+        />
+        <el-table-column
+          label="执行时间"
+          align="center"
+          prop="executeTime;"
+        />
+     
+        <el-table-column
+          label="调查结果"
+          align="center"
+          prop="contentedFlag"
+        />
+        <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+              <el-button size="mini" type="text" @click="handdatile(scope.row)">详情</el-button>
+          </template>
+        </el-table-column> -->
+      </el-table>
+    </div>
+    <!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
+    <myPagination
+      v-show="total > 0"
+      :total="total"
+      :pageSize="queryParams.pageSize"
+      :indexFromWrap="queryParams.pageNum"
+      @updateCPage="updateCPage"
+    ></myPagination>
+  </div>
+</template>
+  
+  <script>
+import { uploadRobotPublishRecord } from "@/api/manage/Satisfactionsurvey"
+import SearchFilter from "../../components/SearchForm.vue";
+export default {
+  name: "visitout",
+  components: { SearchFilter },
+  data() {
+    return {
+      maxTableHeight: undefined,
+      query:{
+        pageNum: 1,
+        pageSize: 10,
+      },
+      //导入
+      fileList: [],
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      patientVisitRecordId: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      patientInfoList: [],
+      // 弹出层标题
+
+      // 是否显示弹出层
+      uploadopen: false,
+      // 查询参数
+      dischargeTime: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        startTime: null,
+        endTime: null,
+        questionnaireName: null,
+        taskNodeType:null,
+      },
+      options: [{
+          value: 'PHONE_OUTBOUND',
+          label: '电话外呼'
+        }, {
+          value: 'QUESTIONNAIRE_SCALE',
+          label: '问卷量表'
+        }],
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+    };
+  },
+  created() {
+    this.getList();
+  },
+  mounted() {
+    this.getMaxTableHeight();
+    this.screenChange();
+  },
+  methods: {
+    updateCPage(index, size) {
+      this.queryParams.pageNum = index;
+      this.queryParams.pageSize = size;
+      this.getList();
+    },
+
+
+    /** 查询患者信息列表 */
+    getList() {
+      this.loading = true;
+      uploadRobotPublishRecord(this.queryParams).then((response) => {
+        // response.rows.forEach((e) => {
+        //   e.birthDate ? (e.age = getAge(e.birthDate)) : e.age;
+        // });
+        this.patientInfoList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      if (this.dischargeTime?.length > 0) {
+        this.queryParams.startTime = this.dischargeTime[0];
+        this.queryParams.endTime = this.dischargeTime[1];
+      } else {
+        this.queryParams.startTime = null;
+        this.queryParams.endTime = null;
+      }
+      this.queryParams.pageNum = 1;
+      this.query=this.queryParams
+      console.log(this.queryParams, 'this.queryPara1111111111ms')
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+      };
+      this.dischargeTime = [];
+      this.queryParams.startTime = "";
+      this.queryParams.endTime = "";
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.patientVisitRecordIds = selection.map(
+        (item) => item.patientVisitRecordId
+      );
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+  // 详情
+    handdatile(row){
+      
+
+    },
+    // 获取表格最高高度
+    getMaxTableHeight() {
+      const windowInnerHeight = window.innerHeight; // 屏幕可视高度
+      const layoutDiv = this.$refs.layout;
+      const formDiv = this.$refs.topform;
+      const mb8Div = this.$refs.mb8;
+      this.maxTableHeight =
+        windowInnerHeight -
+        134 -
+        this.getBoxPadding(layoutDiv) -
+        this.getBoxHeight(mb8Div) -
+        this.getBoxHeight(formDiv);
+    },
+    // 屏幕resize监听
+    screenChange() {
+      // 屏幕resize监听事件：一旦屏幕宽高发生变化，就会执行resize
+      window.addEventListener("resize", this.getMaxTableHeight, true);
+      // 将屏幕监听事件移除
+      // 这步是必须的。离开页面时不移除，再返回，或者进入到别的有相同元素的页面会报错
+      // 或者将这里的方法直接写在beforeDestroy函数中也可以
+      this.$once("hook:beforeDestroy", () => {
+        window.removeEventListener("resize", this.getMaxTableHeight, true);
+      });
+    },
+  },
+};
+  </script>
+  <style lang="scss" scoped>
+.titlenew {
+  font-size: 16px;
+  font-weight: 600;
+  height: 60px;
+  margin-left: 20px;
+}
+
+::v-deep .el-table__fixed-right::before {
+  height: 0px !important;
+}
+</style>
+  
\ No newline at end of file