From e991163b87d65c779b495074ef961a2d6e4d287d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Tue, 9 Apr 2024 14:41:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../system/ManuallyCreatingTasks/index.vue    |  60 +++-
 src/views/system/components/question.vue      |   1 +
 src/views/system/components/script.vue        | 306 ++++++++++++++++++
 3 files changed, 358 insertions(+), 9 deletions(-)
 create mode 100644 src/views/system/components/script.vue

diff --git a/src/views/system/ManuallyCreatingTasks/index.vue b/src/views/system/ManuallyCreatingTasks/index.vue
index a533e1c..a1d4262 100644
--- a/src/views/system/ManuallyCreatingTasks/index.vue
+++ b/src/views/system/ManuallyCreatingTasks/index.vue
@@ -31,7 +31,7 @@
                         :color="listindex == index ? '#409EFF' : ''" @click.native='clicktimelineitem(item, index)'>
                         <div class="top">
                             <div class="toptop">
-                                <el-select style="width:87px" v-model="formInline">
+                                <el-select style="width:87px" v-model="item.routeNodeName">
                                     <el-option label="出院后" value="AFTER_DISCHARGE" />
                                     <el-option label="入院后" value="AFTER_ADMISSION" />
                                     <el-option label="就诊后" value="AFTER_CONSULTATION" />
@@ -39,7 +39,7 @@
                                     <el-option label="术前" value="PREOPERATIVE" />
                                     <el-option label="术后" value="POSTOPERATIVE" />
                                 </el-select>
-                                <el-input style="width: 50px;"></el-input>
+                                <el-input style="width: 50px;" v-model="item.routeNodeDay"></el-input>
                                 <span>天</span>
                             </div>
                             <div>
@@ -47,8 +47,13 @@
                             </div>
                         </div>
                         <el-card :class="listindex == index ? 'cards' : ''">
-                            <h3 style="height: 20px;">2</h3>
-                            <p style="height: 16px;">3333333</p>
+                            <h3 style="height: 20px;">
+                                {{ item.taskType == 'PHONE_OUTBOUND' ? "电话外呼" : "" }}
+                                {{ item.taskType == 'QUESTIONNAIRE_SCALE' ? "问卷量表" : "" }}
+                                {{ item.taskType == 'PROPAGANDA_ARTICLE' ? "宣教文案" : "" }}
+                                {{ item.taskType == 'TEXT_REMIND' ? "文字提醒" : "" }}
+                                {{ item.taskType == 'ARTIFICIAL_FOLLOW_UP' ? "人工随访" : "" }}
+                            </h3>
                         </el-card>
                     </el-timeline-item>
                 </el-timeline>
@@ -65,7 +70,7 @@
                         </el-radio-group>
                     </el-form-item>
                     <el-form-item label="电话模板" v-if="formInline.taskType == 'PHONE_OUTBOUND'">
-
+                        <scriptphone @on-template="scriptphoneontemplate"></scriptphone>
                     </el-form-item>
                     <el-form-item label="宣教模板" v-if="formInline.taskType == 'PROPAGANDA_ARTICLE'">
 
@@ -79,7 +84,7 @@
                 <el-form :model="formInline" class="demo-form-inline" :inline="true"
                     v-if="formInline.taskType == 'QUESTIONNAIRE_SCALE'">
                     <el-form-item label="问卷模板">
-
+                        <question @on-template="questionontemplate"></question>
                     </el-form-item>
                     <el-form-item label="问卷有效期">
                         <el-input-number v-model="formInline.questionExpirationDate" :min="1" :max="99"
@@ -92,7 +97,10 @@
 </template>
 
 <script>
+import scriptphone from '../components/script.vue'
+import question from '../components/question.vue'
 export default {
+    components: { scriptphone, question },
     name: "ManuallyCreatingTasks",
     data() {
         return {
@@ -101,24 +109,58 @@ export default {
                 suitRange: ''
             },
             formInline: {
+                routeNodeDay: '',
                 taskType: '',
+                routeNodeName: '',
                 questionExpirationDate: "",
+                questionInfoId: "",
+                questionnaireName: "",
+                phoneTemplateId: "",
+                phoneTemplateName: "",
             },
-            list: [{
-
-            }, {}],
+            list: [
+                {
+                    routeNodeDay: '',
+                    taskType: '',
+                    routeNodeName: '',
+                    questionExpirationDate: "",
+                    questionInfoId: "",
+                    questionnaireName: "",
+                    phoneTemplateId: "",
+                    phoneTemplateName: "",
+                }
+            ],
             listindex: 0,
         }
     },
     created() {
+        this.formInline = this.list[0]
     },
     methods: {
+        //问卷传值
+        questionontemplate(item) {
+            this.formInline.questionInfoId = item.templateId
+            this.formInline.questionnaireName = item.templateName
+        },
+        //话术传值
+        scriptphoneontemplate(item) {
+            this.formInline.phoneTemplateId = item.templateId
+            this.formInline.phoneTemplateName = item.templateName
+        },
         clicktimelineitem(item, index) {
             this.formInline = item
             this.listindex = index
         },
         additem(item) {
             this.list.push({
+                routeNodeDay: '',
+                taskType: '',
+                routeNodeName: '',
+                questionExpirationDate: "",
+                questionInfoId: "",
+                questionnaireName: "",
+                phoneTemplateId: "",
+                phoneTemplateName: "",
             })
         },
         delitem(item, index) {
diff --git a/src/views/system/components/question.vue b/src/views/system/components/question.vue
index 21c2f95..f84e328 100644
--- a/src/views/system/components/question.vue
+++ b/src/views/system/components/question.vue
@@ -179,6 +179,7 @@ export default {
         /** 查询问卷基本信息列表 */
         getList() {
             this.loading = true;
+            this.queryParams.questionnaireStatus = "PUBLISHED"
             listQuestion(this.queryParams).then(response => {
                 this.questionList = response.rows;
                 this.total = response.total;
diff --git a/src/views/system/components/script.vue b/src/views/system/components/script.vue
new file mode 100644
index 0000000..e6a1b9b
--- /dev/null
+++ b/src/views/system/components/script.vue
@@ -0,0 +1,306 @@
+<template>
+    <div class="app-container">
+        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left"
+            :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
+                '请选择'
+            }}</el-button>
+        <el-dialog title="话书库模板选择" :visible.sync="classificationOpen" width="70%"
+            :before-close="classificationOpenfalse">
+            <el-row :gutter="20">
+                <!--部门数据-->
+                <el-col :span="6" :xs="24">
+                    <div class="leftscript" ref="box">
+                        <div class="name">科室名称</div>
+                        <div>
+                            <el-input v-model="name" placeholder="请输入科室名称" clearable
+                                @keyup.enter.native="handleQuery" />
+                        </div>
+                        <div class="listitem">
+                            <div :class="itemname == null ? 'allactive' : 'all'" @click="itemdata()">
+                                全部
+                            </div>
+                            <span class="count">{{ count }}</span>
+                        </div>
+                        <div class="listitem" v-for="(item, index) in DepartmentoList" :key="index"
+                            @click="itemdata(item)">
+                            <div :class="itemname == item.id ? 'allactive' : 'all'">
+                                {{ item.departmentName }}
+                            </div>
+                            <span class="count">{{ item.countNum }}</span>
+                        </div>
+                    </div>
+                </el-col>
+                <!--用户数据-->
+                <el-col :span="18" :xs="24">
+                    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
+                        label-width="100px">
+                        <el-form-item label="通用话术名称" prop="commonScriptName">
+                            <el-input v-model="queryParams.commonScriptName" placeholder="请输入通用话术名称" clearable
+                                @keyup.enter.native="handleQuery" />
+                        </el-form-item>
+                        <el-form-item label="话术名称" prop="scriptName">
+                            <el-input v-model="queryParams.scriptName" placeholder="请输入话术名称" clearable
+                                @keyup.enter.native="handleQuery" />
+                        </el-form-item>
+                        <el-form-item label="话术ID" prop="scriptId">
+                            <el-input v-model="queryParams.scriptId" placeholder="请输入话术ID" clearable
+                                @keyup.enter.native="handleQuery" />
+                        </el-form-item>
+                        <el-form-item label="平台ID" prop="platformId">
+                            <el-input v-model="queryParams.platformId" placeholder="请输入平台ID" 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-form-item>
+                    </el-form>
+                    <el-table v-loading="loading" :data="scriptList" @row-dblclick="handleselect">
+                        <el-table-column label="序号" align="center" prop="sort" type="index" />
+                        <el-table-column label="通用话术名称" align="center" prop="commonScriptName"
+                            :show-overflow-tooltip="true" />
+                        <el-table-column label="话术名称" align="center" prop="scriptName" :show-overflow-tooltip="true" />
+                        <el-table-column label="话术ID" align="center" prop="scriptId" :show-overflow-tooltip="true" />
+                        <el-table-column label="平台ID" align="center" prop="platformId" :show-overflow-tooltip="true" />
+                        <el-table-column label="话术简介" align="center" prop="scriptIntroduction"
+                            :show-overflow-tooltip="true" />
+                        <el-table-column label="病种名称" align="center" prop="diseaseTypeName"
+                            :show-overflow-tooltip="true" />
+                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                            <template slot-scope="scope">
+                                <el-button size="mini" type="text" @click="handleselect(scope.row)"
+                                    v-if="handleselectId != scope.row.textMessageId">选择</el-button>
+                                <el-button size="mini" type="text" @click="nohandleselect(scope.row)"
+                                    v-if="handleselectId == scope.row.textMessageId">取消选择</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+                        :limit.sync="queryParams.pageSize" @pagination="getList" />
+                </el-col>
+            </el-row>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { listScript, getScript, delScript, addScript, updateScript, departmentDisease, department, listDisease, listScriptNum } from "@/api/manage/script";
+import stationAcatar from "../../system/stationAvatar/index.vue";
+export default {
+    components: { stationAcatar },
+    name: "Script",
+    data() {
+        return {
+            handleselectName: '',
+            handleselectId: '',
+            classificationOpen: false,
+            itemname: null,
+            departmentName: null,
+            diseaseTypeName: null,
+            name: '',
+            departmentId: null,
+            count: '',//全部
+            // 遮罩层
+            loading: true,
+            // 选中数组
+            ids: [],
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+            // 显示搜索条件
+            showSearch: true,
+            // 总条数
+            total: 0,
+            // 话术信息表格数据
+            scriptList: [],
+            DepartmentoList: [],
+            // 弹出层标题
+            title: "",
+            // 是否显示弹出层
+            open: false,
+            //分类管理
+            // 查询参数
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+                departmentId: null,
+                departmentName: null,
+                diseaseTypeId: null,
+                diseaseTypeName: null,
+                commonScriptName: null,
+                scriptName: null,
+                scriptId: null,
+                platformId: null,
+                scriptStatus: "NORMAL",
+                scriptIntroduction: null,
+                scriptSort: null,
+                scriptRemark: null,
+            },
+            querydepartmen: {
+                departmentName: "",
+                // pageNum: 1,
+                // pageSize: 10,
+            },
+        };
+    },
+    created() {
+        this.getList();
+        this.Departmentlist();
+    },
+    watch: {
+        name(val) {
+            this.querydepartmen.departmentName = val
+            this.Departmentlist();
+        }
+    },
+    methods: {
+        nohandleselect() {
+            this.handleselectId = ''
+            this.handleselectName = ''
+            this.$emit("on-template", { templateId: '', templateName: '', templateContent: "" });
+        },
+        handleselect(item) {
+            this.handleselectId = item.id
+            this.handleselectName = item.commonScriptName
+            this.$emit("on-template", { templateId: item.id, templateName: item.commonScriptName });
+            this.classificationOpen = false
+        },
+        classificationOpenfalse() {
+            this.classificationOpen = false
+        },
+        // 左侧科室
+        Departmentlist() {
+            this.loading = true;
+            this.querydepartmen.scriptStatus = "NORMAL"
+            listScriptNum(this.querydepartmen).then(response => {
+                this.DepartmentoList = response.data;
+                //定义
+                let sum = 0;
+                this.DepartmentoList.forEach((item) => {
+                    if (item.countNum != null) {
+                        sum += item.countNum;
+                    }
+                    this.count = sum;
+                });
+                this.loading = false;
+            });
+        },
+        // 左侧科室
+        itemdata(item) {
+            if (item) {
+                this.itemname = item.id
+                this.departmentName = item.departmentName
+                this.loading = true;
+                this.queryParams.departmentId = item.id
+                this.getList()
+            } else {
+                this.queryParams.departmentId = ''
+                this.itemname = null
+                this.getList()
+            }
+        },
+        /** 查询话术信息列表 */
+        getList() {
+            this.loading = true;
+            this.queryParams.scriptStatus = "NORMAL"
+            listScript(this.queryParams).then(response => {
+                this.scriptList = response.rows;
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList();
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.queryParams.departmentId = null;
+            this.itemname = null;
+            this.queryParams = {
+                pageNum: 1,
+                pageSize: 10,
+                departmentId: null,
+                departmentName: null,
+                diseaseTypeId: null,
+                diseaseTypeName: null,
+                commonScriptName: null,
+                scriptName: null,
+                scriptId: null,
+                platformId: null,
+                scriptStatus: 'NORMAL',
+                scriptIntroduction: null,
+                scriptSort: null,
+                scriptRemark: null,
+            }
+            this.resetForm("queryForm");
+            this.getList();
+        },
+    }
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .el-input-number .el-input__inner {
+    text-align: left;
+}
+
+.app-container {
+    display: inline-block;
+    padding: 0 !important;
+}
+
+::v-deep .el-textarea__inner {
+    width: 206px;
+}
+
+.leftscript {
+    // width: 30%;
+    height: 650px;
+    overflow: auto;
+
+    .name {
+        font-weight: 700;
+        margin-bottom: 10px;
+    }
+
+    .listitem {
+        width: 100%;
+        height: 50px;
+        border-bottom: 1px solid #dcdfe6;
+        position: relative;
+
+        .count {
+            display: inline-block;
+            position: absolute;
+            left: 210px;
+            color: #a4a6aa;
+            top: 10px;
+            font-size: 13px;
+        }
+
+        .all {
+            height: 50px;
+            line-height: 50px;
+            padding-left: 13px;
+        }
+
+        .allactive {
+            background: #e8f4ff;
+            height: 50px;
+            line-height: 50px;
+            padding-left: 13px;
+            border-left: 3px solid #4d9de7;
+        }
+    }
+}
+
+.button {
+    display: inline-block;
+    position: relative;
+    left: 20px;
+    top: -11px;
+}
+</style>
\ No newline at end of file