From 20303f7ceea7661187ad9ffcbb7680f9cb8e5f8d Mon Sep 17 00:00:00 2001
From: shidongli <shidongli>
Date: Wed, 10 Jul 2024 18:01:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A3=E6=95=99=E3=80=81=E9=97=AE=E5=8D=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manage/components/questionexport.vue      | 210 +++++++++++++
 src/views/manage/propaganda/index.vue         |  37 ++-
 src/views/system/question/index.vue           | 293 +++++++++++++++---
 3 files changed, 495 insertions(+), 45 deletions(-)
 create mode 100644 src/views/manage/components/questionexport.vue

diff --git a/src/views/manage/components/questionexport.vue b/src/views/manage/components/questionexport.vue
new file mode 100644
index 0000000..c4e67da
--- /dev/null
+++ b/src/views/manage/components/questionexport.vue
@@ -0,0 +1,210 @@
+<template>
+    <div>
+      <div ref="table">
+        <el-form
+          ref="queryForm"
+          :model="informationqueryParams"
+          label-width="80px"
+          :inline="true"
+        >
+          <el-form-item label="问卷标题" prop="questionnaireName">
+            <el-input
+              v-model="informationqueryParams.questionnaireName"
+              placeholder="请输入问卷标题"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+          <el-form-item label="病种名称" prop="diseaseTypeName">
+            <el-input
+              v-model="informationqueryParams.diseaseTypeName"
+              placeholder="请输入病种名称"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="mini"
+              @click="informationInfoinfo"
+              >搜索</el-button
+            >
+            <el-button
+              icon="el-icon-refresh"
+              size="mini"
+              @click="addresetQuerylist"
+              >重置</el-button
+            >
+          </el-form-item>
+        </el-form>
+  
+        <el-table
+          ref="multipleTable"
+          v-loading="loading"
+          :data="infolist"
+          @selection-change="handleSelectionChange"
+          :row-key="getRowKey"
+          @cell-dblclick="handleRowDbClick"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center"
+            :reserve-selection="true"
+          />
+          <el-table-column label="序号" type="index" width="55" align="center" />
+          <!-- <el-table-column
+            label="问卷模板名称"
+            align="center"
+            prop="questionnaireName"
+          /> -->
+          <el-table-column label="问题个数" align="center" prop="questionCount" />
+          <el-table-column
+            label="问卷模板ID"
+            align="center"
+            prop="questionnaireId"
+          />
+          <el-table-column label="问卷类型" align="center" prop="questionType">
+            <template slot-scope="scope">
+              <div v-if="scope.row.questionType == 'REGULAR_QUESTIONNAIRE'">
+                普通问卷
+              </div>
+              <div v-if="scope.row.questionType == 'SATISFACTION_QUESTIONNAIRE'">
+                满意度问卷
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="问卷状态"
+            align="center"
+            prop="questionnaireStatus"
+          >
+            <template slot-scope="scope">
+              <el-tag
+                type="success"
+                v-if="scope.row.questionnaireStatus == 'PUBLISHED'"
+                >已发布</el-tag
+              >
+              <el-tag type="warning" v-else>未发布</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="病种名称"
+            align="center"
+            prop="diseaseTypeName"
+          />
+        </el-table>
+        <div class="bottom">
+          <myPagination
+            v-show="totaldepartment > 0"
+            :total="totaldepartment"
+            :pageSize="informationqueryParams.pageSize"
+            :indexFromWrap="informationqueryParams.pageNum"
+            @updateCPage="updateCPagetwo"
+          ></myPagination>
+        </div>
+      </div>
+    </div>
+  </template>
+    <script>
+  import { getBaseList } from "@/api/system/exportinfo";
+  export default {
+    data() {
+      return {
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        infolist: [],
+        loading: false,
+        datalist: [],
+        informationqueryParams: {
+          pageNum: 1,
+          pageSize: 10,
+          type: 'QUESTION',
+          questionnaireStatus:'PUBLISHED',
+          hospitalAgencyId: 46,
+          questionnaireName: null,
+          diseaseTypeName: null,
+        },
+        totaldepartment: 0,
+  
+      }
+    },
+    watch: {
+      datalist(val) {
+        this.$emit('submit', val);
+      },
+    },
+    created() {
+      this.informationInfoinfo()
+    },
+    methods: {
+      resetTable() {
+        this.$refs.multipleTable.clearSelection();
+      },
+      // 列表
+      informationInfoinfo() {
+        getBaseList(this.informationqueryParams).then((response) => {
+          this.infolist = response.rows;
+          this.totaldepartment = response.total;
+          this.loading = false;
+        });
+      },
+      getRowKey(row) {
+        return row.id
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        // this.datalist = selection
+        this.datalist = selection.map(item => item.id)
+        this.single = selection.length !== 1
+        this.multiple = !selection.length
+      },
+      handleRowDbClick(row, column, event) {// 双击选中该行
+        const index = this.datalist.indexOf(row);
+        console.log(index, '0000000000')
+        if (index !== -1) {
+          this.datalist.splice(index, 1);
+        } else {
+          this.datalist.push(row);
+        }
+        // 通过`toggleRowSelection`方法来切换选中状态
+        this.$refs.multipleTable.toggleRowSelection(row, index === -1);
+      },
+      // 重置
+      addresetQuerylist() {
+        this.informationqueryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          type: 'QUESTION',
+          questionnaireStatus:'PUBLISHED',
+          hospitalAgencyId: 46,
+        };
+        this.informationInfoinfo();
+      },
+      // 分页
+      updateCPagetwo(index, size) {
+        this.informationqueryParams.pageNum = index
+        this.informationqueryParams.pageSize = size
+        this.informationInfoinfo();
+      },
+    },
+    mounted() {
+  
+    },
+  
+  }
+    </script>
+    
+    <style lang="scss" scoped>
+  .bottom {
+    .pagination {
+      bottom: 62px !important;
+    }
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/manage/propaganda/index.vue b/src/views/manage/propaganda/index.vue
index de04863..b61ebe1 100644
--- a/src/views/manage/propaganda/index.vue
+++ b/src/views/manage/propaganda/index.vue
@@ -430,10 +430,12 @@
         </el-form-item>
         <el-form-item label="正文内容" prop="propagandaContent">
           <editor
+            id="id"
+            ref="myTextarea"
             v-model="form.propagandaContent"
             :min-height="192"
             style="width: 800px"
-
+            @paste.native.prevent="handlePaste"
           />
           <!-- <editor
             v-model="form.propagandaContent"
@@ -1063,7 +1065,36 @@ export default {
       }
       this.$forceUpdate()
     },
-    // checkContentLength() {
+    // 粘贴事件
+    handlePaste(event) {
+      console.log(event, 'event')
+      const clipboardData = event.clipboardData || window.clipboardData;
+      const pastedText = clipboardData.getData('text');
+      const types = clipboardData.types || [];
+      console.log('粘贴的文本:', pastedText);
+      console.log('粘贴的leixing:', types);
+      if (types[0] == 'Files') {
+        console.log('00000000000000000000000')
+        event.preventDefault();
+        this.$message({
+          type: "error",
+          message: "禁止粘贴图片，请正确上传图片"
+        });
+      }
+      else {
+        event.preventDefault();
+        // 将粘贴的文本插入到编辑器中
+        event.target.outerText += pastedText;
+        // 光标聚焦到末尾
+        const dom = document.getElementById('id')
+        dom && dom.focus()
+        // document.execCommand('selectAll', false, null);
+        // document.getSelection().collapseToEnd();
+        console.log(event, '222222222222222')
+      }
+    },
+    // checkContentLength(event) {
+    //   console.log(event,'event')
     //   const regex = /^.{0,20000}$/; // 正则表达式，匹配最多2万个字符
     //   if (!regex.test(this.form.propagandaContent)) {
     //     this.$message({
@@ -1429,7 +1460,7 @@ export default {
         // if (this.form.propagandaContent.length - 7 > this.maxLength) {
         this.$message({
           type: "error",
-          message: "已达到最大输入长度"
+          message: "正文内容已达到最大输入长度"
         });
         // }
       } else {
diff --git a/src/views/system/question/index.vue b/src/views/system/question/index.vue
index a94eba1..30b4f57 100644
--- a/src/views/system/question/index.vue
+++ b/src/views/system/question/index.vue
@@ -3,111 +3,283 @@
     <el-row :gutter="20">
       <!--部门数据-->
       <el-col :span="5" :xs="24">
-        <DepartmentList ref="DepartmentList" @clickdepartment="clickdepartment" :methods="'getDepartmentList'">
+        <DepartmentList
+          ref="DepartmentList"
+          @clickdepartment="clickdepartment"
+          :methods="'getDepartmentList'"
+        >
         </DepartmentList>
       </el-col>
       <!--用户数据-->
       <el-col :span="19" :xs="24">
         <div ref="topform" class="form">
-          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="70px">
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            label-width="70px"
+          >
             <el-form-item label="问卷标题" prop="questionnaireName">
-              <el-input v-model="queryParams.questionnaireName" placeholder="请输入问卷标题" clearable
-                @keyup.enter.native="handleQuery" />
+              <el-input
+                v-model="queryParams.questionnaireName"
+                placeholder="请输入问卷标题"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </el-form-item>
             <el-form-item label="病种名称" prop="diseaseTypeName">
-              <el-input v-model="queryParams.diseaseTypeName" placeholder="请输入病种名称" clearable
-                @keyup.enter.native="handleQuery" />
+              <el-input
+                v-model="queryParams.diseaseTypeName"
+                placeholder="请输入病种名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+                >重置</el-button
+              >
             </el-form-item>
           </el-form>
         </div>
         <div ref="mb8" class="mb8">
           <el-row :gutter="10" class="">
             <el-col :span="1.5">
-              <el-button type="primary" size="mini" @click="handleAdd"
-                v-hasPermi="['system:question:add']">新增问卷模板</el-button>
+              <el-button
+                type="primary"
+                size="mini"
+                @click="handleAdd"
+                v-hasPermi="['system:question:add']"
+                >新增问卷模板</el-button
+              >
+              <el-button
+                type="warning"
+                plain
+                icon="el-icon-upload2"
+                size="mini"
+                @click="handleUpload"
+                >导入</el-button
+              >
             </el-col>
           </el-row>
         </div>
         <div ref="table">
-          <el-table :max-height="maxTableHeight" v-loading="loading" :data="questionList">
-            <el-table-column label="序号" type="index" width="55" align="center" />
-            <el-table-column label="问卷模板名称" align="center" prop="questionnaireName" />
-            <el-table-column label="问题个数" align="center" prop="questionCount" />
-            <el-table-column label="问卷模板ID" align="center" prop="questionnaireId" />
-            <el-table-column label="问卷类型" align="center" prop="questionType">
+          <el-table
+            :max-height="maxTableHeight"
+            v-loading="loading"
+            :data="questionList"
+          >
+            <el-table-column
+              label="序号"
+              type="index"
+              width="55"
+              align="center"
+            />
+            <el-table-column
+              label="问卷模板名称"
+              align="center"
+              prop="questionnaireName"
+            />
+            <el-table-column
+              label="问题个数"
+              align="center"
+              prop="questionCount"
+            />
+            <el-table-column
+              label="问卷模板ID"
+              align="center"
+              prop="questionnaireId"
+            />
+            <el-table-column
+              label="问卷类型"
+              align="center"
+              prop="questionType"
+            >
               <template slot-scope="scope">
-                <div v-if="scope.row.questionType == 'REGULAR_QUESTIONNAIRE'">普通问卷</div>
-                <div v-if="scope.row.questionType == 'SATISFACTION_QUESTIONNAIRE'">满意度问卷</div>
+                <div v-if="scope.row.questionType == 'REGULAR_QUESTIONNAIRE'">
+                  普通问卷
+                </div>
+                <div
+                  v-if="scope.row.questionType == 'SATISFACTION_QUESTIONNAIRE'"
+                >
+                  满意度问卷
+                </div>
               </template>
             </el-table-column>
-            <el-table-column label="问卷状态" align="center" prop="questionnaireStatus">
+            <el-table-column
+              label="问卷状态"
+              align="center"
+              prop="questionnaireStatus"
+            >
               <template slot-scope="scope">
-                <el-tag type="success" v-if="scope.row.questionnaireStatus == 'PUBLISHED'">已发布</el-tag>
+                <el-tag
+                  type="success"
+                  v-if="scope.row.questionnaireStatus == 'PUBLISHED'"
+                  >已发布</el-tag
+                >
                 <el-tag type="warning" v-else>未发布</el-tag>
               </template>
             </el-table-column>
-            <el-table-column label="病种名称" align="center" prop="diseaseTypeName" />
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <el-table-column
+              label="病种名称"
+              align="center"
+              prop="diseaseTypeName"
+            />
+            <el-table-column
+              label="操作"
+              align="center"
+              class-name="small-padding fixed-width"
+            >
               <template slot-scope="scope">
                 <!-- <el-switch v-model="scope.row.questionnaireStatus" active-color="#13ce66" inactive-color="#ff4949"
                 active-value="PUBLISHED" inactive-value="UNPUBLISHED" @change="switchstatus($event, scope.row)">
               </el-switch> -->
-                <el-button size="mini" type="text" @click="switchstatus('UNPUBLISHED', scope.row)"
-                  v-if="scope.row.questionnaireStatus == 'PUBLISHED'">取消发布</el-button>
-                <el-button size="mini" type="text" @click="switchstatus('PUBLISHED', scope.row)" v-else>发布</el-button>
-                <el-button size="mini" type="text" @click="handleClassification(scope.row)"
-                  v-hasPermi="['system:question:edit']">分类管理</el-button>
-                <el-button size="mini" type="text" @click="handleUpdate(scope.row)"
-                  v-hasPermi="['system:question:edit']">编辑</el-button>
-                <el-button size="mini" type="text" @click="handleDelete(scope.row)"
-                  v-hasPermi="['system:question:remove']">删除</el-button>
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="switchstatus('UNPUBLISHED', scope.row)"
+                  v-if="scope.row.questionnaireStatus == 'PUBLISHED'"
+                  >取消发布</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="switchstatus('PUBLISHED', scope.row)"
+                  v-else
+                  >发布</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="handleClassification(scope.row)"
+                  v-hasPermi="['system:question:edit']"
+                  >分类管理</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="handleUpdate(scope.row)"
+                  v-hasPermi="['system:question:edit']"
+                  >编辑</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="handleDelete(scope.row)"
+                  v-hasPermi="['system:question:remove']"
+                  >删除</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>
+        <myPagination
+          v-show="total > 0"
+          :total="total"
+          :pageSize="queryParams.pageSize"
+          :indexFromWrap="queryParams.pageNum"
+          @updateCPage="updateCPage"
+        ></myPagination>
       </el-col>
     </el-row>
-    <el-dialog title="提示" :visible.sync="classificationOpen" width="30%" :before-close="classificationOpenfalse">
-      <el-form ref="form" :model="classificationform" label-width="80px" :rules="rules">
+    <el-dialog
+      title="提示"
+      :visible.sync="classificationOpen"
+      width="30%"
+      :before-close="classificationOpenfalse"
+    >
+      <el-form
+        ref="form"
+        :model="classificationform"
+        label-width="80px"
+        :rules="rules"
+      >
         <el-form-item label="科室名称" prop="departmentId">
-          <el-select v-model="classificationform.departmentId" placeholder="请选择科室" clearable style="width:300px"
-            @clear="cleardepartment" @change="changedepartment">
-            <el-option v-for="item in departmentlist" :key="item.id" :label="item.departmentName" :value="item.id" />
+          <el-select
+            v-model="classificationform.departmentId"
+            placeholder="请选择科室"
+            clearable
+            style="width: 300px"
+            @clear="cleardepartment"
+            @change="changedepartment"
+          >
+            <el-option
+              v-for="item in departmentlist"
+              :key="item.id"
+              :label="item.departmentName"
+              :value="item.id"
+            />
           </el-select>
         </el-form-item>
         <el-form-item label="病种名称">
-          <el-select v-model="classificationform.diseaseTypeId" placeholder="请选择病种" clearable style="width:300px"
-            @change="changediseaseType">
-            <el-option v-for="item in diseaselist" :key="item.id" :label="item.diseaseTypeName" :value="item.id" />
+          <el-select
+            v-model="classificationform.diseaseTypeId"
+            placeholder="请选择病种"
+            clearable
+            style="width: 300px"
+            @change="changediseaseType"
+          >
+            <el-option
+              v-for="item in diseaselist"
+              :key="item.id"
+              :label="item.diseaseTypeName"
+              :value="item.id"
+            />
           </el-select>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="classificationupload">确 定</el-button>
+        <el-button type="primary" @click="classificationupload"
+          >确 定</el-button
+        >
         <el-button @click="classificationOpenfalse">取 消</el-button>
       </div>
     </el-dialog>
+    <!-- 导入弹框 -->
+    <el-dialog
+      title=""
+      :visible.sync="innerexport"
+      width="1000px"
+      append-to-body
+      :before-close="exportcancel"
+    >
+      <questionexport @submit="submit" ref="childComponent"></questionexport>
+      <div slot="footer" class="dialog-footer footerlist">
+        <el-button type="primary" @click="submitexport">确 定</el-button>
+        <el-button @click="innerexport = false">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { listQuestion, getQuestion, delQuestion, addQuestion, updateQuestion, getDepartmentList, selectUserDepartment, diseaseList, updateclassification } from "@/api/system/question";
 import DepartmentList from '../../components/DepartmentList.vue'
+import { copyBaselnfo } from "@/api/system/exportinfo";
+import questionexport from "@/views/manage/components/questionexport.vue"
+
+
 export default {
   components: {
     DepartmentList,
+    questionexport
   },
   name: "Question",
   data() {
     return {
+      // 导入弹框
+      innerexport: false,
+      exportlist: [],
       maxTableHeight: undefined,
       classificationOpen: false,
       classificationform: {},
@@ -152,6 +324,40 @@ export default {
     this.screenChange()
   },
   methods: {
+    submit(e) {
+      this.exportlist = e
+    },
+    // 导入确定按钮
+    submitexport() {
+      var obj = {
+        departmentId: this.queryParams.departmentId,
+        departmentName: this.departmentName,
+        type: 'QUESTION',
+        sourceTemplateIds: this.exportlist,
+      }
+      copyBaselnfo(obj).then(response => {
+        this.$modal.msgSuccess("导入成功");
+        this.innerexport = false
+        this.$refs.DepartmentList.Departmentlist()
+        this.getList();
+      });
+    },
+    // 导入按钮
+    handleUpload() {
+      if (this.queryParams.departmentId) {
+        this.innerexport = true
+        if (this.exportlist.length > 0) {
+          this.$refs.childComponent.resetTable();
+        }
+      } else {
+        this.$modal.msgError("请先选择左侧科室");
+
+      }
+    },
+    // 弹框取消
+    exportcancel() {
+      this.innerexport = false
+    },
     //接收科室列表传值
     clickdepartment(item) {
       this.queryParams.hospitalAgencyId = item.hospitalAgencyId
@@ -400,7 +606,10 @@ export default {
 .app-container {
   padding: 20px 0 0 20px !important;
 }
+  ::v-deep .el-dialog__footer{
+    padding-top: 33px !important;
 
+  }
 ::v-deep .el-row {
   height: 100% !important;
 }