From bac5bc44083c77f81851dc6dc55fa1dbeb817f8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Fri, 29 Mar 2024 16:17:13 +0800
Subject: [PATCH] xg

---
 src/views/system/specialDiseaseNode/index.vue | 306 ++++++++++++++++--
 1 file changed, 280 insertions(+), 26 deletions(-)

diff --git a/src/views/system/specialDiseaseNode/index.vue b/src/views/system/specialDiseaseNode/index.vue
index e9ee7c9..2d5d868 100644
--- a/src/views/system/specialDiseaseNode/index.vue
+++ b/src/views/system/specialDiseaseNode/index.vue
@@ -10,7 +10,7 @@
                 <span>
                     适用范围
                 </span>
-                <el-select v-model="value">
+                <el-select v-model="updata.suitRange">
                     <el-option label="出院后" value="item.value">
                     </el-option>
                 </el-select>
@@ -49,42 +49,218 @@
                 </el-timeline>
             </div>
             <div class="texts">
-                <div class="topform">
-                    <el-form ref="form" :inline="true" :model="form" label-width="60px" class="form">
-                        <el-form-item label="任务类型" prop="name">
-                            <el-select v-model="value" style="width:100px" @change="changeTaskType">
+                <div class="topform" style="height:50px">
+                    <el-form ref="form" :inline="true" :model="form" class="form">
+                        <el-form-item label="任务类型" prop="">
+                            <el-select v-model="value" style="width:110px" @change="changeTaskType">
                                 <el-option v-for="item in selectTaskTypeList" :key="item.id" :label="item.taskTypeName"
                                     :value="item.id">
                                 </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="任务细分" prop="name">
+                        <el-form-item label="任务细分" prop="">
                             <el-select v-model="value" style="width:100px">
                                 <el-option v-for="item in taskPartitionList" :key="item.id" :label="item.taskTypeName"
                                     :value="item.id">
                                 </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="任务状态" prop="name">
+                        <el-form-item label="任务状态" prop="">
                             <el-select v-model="value" style="width:100px">
                                 <el-option v-for="item in taskStatusDictList" :key="item.id"
                                     :label="item.taskStatusName" :value="item.id">
                                 </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="二级分类描述" prop="name" label-width="90px">
+                        <el-form-item label="二级分类描述" prop="">
                             <el-input v-model="form.name" style="width:100px"></el-input>
                         </el-form-item>
-                        <el-form-item label="执行时间" prop="name">
-                            <el-select v-model="value" style="width:100px">
-                                <el-option label="出院后" value="item.value">
-                                </el-option>
-                            </el-select>
+                        <el-form-item label="执行时间" prop="">
+                            <el-time-select v-model="form.value"
+                                :picker-options="{ start: '08:30', step: '00:15', end: '18:30' }" placeholder="选择时间">
+                            </el-time-select>
+                        </el-form-item>
+                    </el-form>
+                </div>
+                <div class="topform">
+                    <el-form ref="form" :inline="true" :model="form" class="form">
+                        <el-form-item label="问卷库模板选择" prop="">
+                            <question @on-template="ontemplate"></question>
                         </el-form-item>
                     </el-form>
                 </div>
                 <div class="bottomform">
-                    <wangeditor style="height:300px;width:100%;" ref="editor" />
+                    <wangeditor style="width:100%;" ref="editor" />
+                    <div class="card">
+                        <div class="flex">
+                            <div class="pushMethod">
+                                推送方式：
+                                <span>
+                                    短信
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                模板：
+                                <span>
+                                    <el-select v-model="value" style="width:200px;">
+                                        <el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
+                                            :label="item.taskStatusName" :value="item.id">
+                                        </el-option>
+                                    </el-select>
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                <el-switch v-model="form.value" active-color="#13ce66">
+                                </el-switch>
+                            </div>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                短信预览：
+                            </div>
+                            <div class="textarea">
+                                【医生小助手】医生提醒：<el-input v-model="form.input" placeholder=""></el-input>-
+                                <el-input v-model="form.input" placeholder="单位名称" style="width: 150px;"></el-input>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="card">
+                        <div class="flex">
+                            <div class="pushMethod">
+                                推送方式：
+                                <span>
+                                    公众号
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                模板：
+                                <span>
+                                    <el-select v-model="value" style="width:200px;">
+                                        <el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
+                                            :label="item.taskStatusName" :value="item.id">
+                                        </el-option>
+                                    </el-select>
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                <el-switch v-model="form.value" active-color="#13ce66">
+                                </el-switch>
+                            </div>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                提醒内容：
+                            </div>
+                            <el-input v-model="form.input" placeholder="" class="textarea"
+                                style="border: none;"></el-input>
+                        </div>
+                    </div>
+                    <div class="card">
+                        <div class="flex">
+                            <div class="pushMethod">
+                                推送方式：
+                                <span>
+                                    小程序
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                模板：
+                                <span>
+                                    <el-select v-model="value" style="width:200px;">
+                                        <el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
+                                            :label="item.taskStatusName" :value="item.id">
+                                        </el-option>
+                                    </el-select>
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                <el-switch v-model="form.value" active-color="#13ce66">
+                                </el-switch>
+                            </div>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                提醒内容：
+                            </div>
+                            <el-input v-model="form.input" placeholder="" class="textarea"
+                                style="border: none;"></el-input>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                提示说明：
+                            </div>
+                            <el-input v-model="form.input" placeholder="" class="textarea"
+                                style="border: none;"></el-input>
+                        </div>
+                    </div>
+                    <!-- <div class="card" style="height: 250px;">
+                        <div class="flex">
+                            <div class="pushMethod">
+                                推送方式：
+                                <span>
+                                    AI电话
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                模板：
+                                <span>
+                                    <el-select v-model="value" style="width:200px;">
+                                        <el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
+                                            :label="item.taskStatusName" :value="item.id">
+                                        </el-option>
+                                    </el-select>
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                <el-switch v-model="form.value" active-color="#13ce66">
+                                </el-switch>
+                            </div>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                机构名称：
+                            </div>
+                            <div class="text">
+                                我是
+                            </div>
+                            <el-input v-model="form.input" placeholder="" style="width:150px;padding:0 10px"></el-input>
+                            <div class="text">
+                                的工作人员
+                            </div>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                重播次数：
+                            </div>
+                            <el-input v-model="form.input" placeholder="" style="width:200px;"></el-input>
+                            <div class="text" style="padding-left: 100px;">
+                                时间间隔：
+                            </div>
+                            <el-input v-model="form.input" placeholder="" style="width:200px;"></el-input>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                短信提醒：
+                            </div>
+                            <el-select v-model="value" style="width:200px;">
+                                <el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
+                                    :label="item.taskStatusName" :value="item.id">
+                                </el-option>
+                            </el-select>
+                            <div class="text" style="padding-left: 100px;">
+                                短信模板：
+                            </div>
+                            <el-select v-model="value" style="width:200px;">
+                                <el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
+                                    :label="item.taskStatusName" :value="item.id">
+                                </el-option>
+                            </el-select>
+                        </div>
+                    </div> -->
+                    <div slot="footer" class="dialog-footer">
+                        <el-button @click="">暂 存</el-button>
+                        <el-button type="primary" @click="">审核完成</el-button>
+                    </div>
                 </div>
             </div>
         </div>
@@ -93,15 +269,22 @@
 
 <script>
 import wangeditor from '../components/wangEditor.vue'
+import question from '../components/question.vue'
 import {
     selectTaskTypeList, taskPartitionList, taskStatusDictList
 } from '@/api/system/specialDiseaseNode'
 export default {
-    components: { wangeditor },
+    components: { wangeditor, question },
     name: "specialDiseaseNode",
     data() {
         return {
-            form: { name: '' },
+            updata: {
+                suitRange: '',
+            },
+            form: {
+                templateId: '',
+                templateName: '',
+            },
             itemindex: 0,
             listindex: 0,
             timelinelist: [{
@@ -175,12 +358,16 @@ export default {
         // console.log(this.$refs.editor.html)
     },
     methods: {
+        ontemplate(item) {
+            this.form.templateId = item.templateId
+            this.form.templateName = item.templateName
+        },
         topclickevent(index) {
             this.listindex = index
             this.itemindex = 0
         },
         bottomclickevent(uitem, index, uindex) {
-            this.uitem = uitem
+            this.form = uitem
             this.listindex = index
             this.itemindex = uindex
         },
@@ -207,8 +394,79 @@ export default {
 </script>
 <style scoped lang="scss">
 .bottomform {
-    overflow: scroll;
-    height: 930px;
+    background-color: #f2f4f5;
+
+    .dialog-footer {
+        padding: 20px 20px;
+        text-align: right;
+    }
+
+    .card {
+        background-color: #fff;
+        width: 100%;
+        height: 200px;
+        margin: 20px 0 0;
+        padding: 20px 50px 0px 20px;
+
+        .flextwo {
+            display: flex;
+            align-items: center;
+            margin-top: 20px;
+
+            .text {
+                font-size: 13px;
+                color: #64666A;
+            }
+
+            .textarea {
+                width: 90%;
+                padding: 0 10px;
+                height: 50px;
+                line-height: 50px;
+                border: 1px solid #DCDFE6;
+                border-radius: 5px;
+                display: flex;
+                align-items: center;
+
+                ::v-deep .el-input {
+                    padding: 0 10px;
+                    width: 50%;
+                    color: black;
+                    font-size: 13px;
+                    height: 40px;
+                    line-height: 40px;
+                }
+
+                ::v-deep .el-input__inner {
+                    color: black;
+                    font-size: 13px;
+                }
+            }
+        }
+
+        .flex {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .pushMethod {
+                height: 30px;
+                line-height: 30px;
+                font-size: 13px;
+                color: #64666A;
+
+                ::v-deep .el-input__inner {
+                    color: black;
+                    font-size: 13px;
+                }
+
+                span {
+                    color: black;
+                    font-size: 13px;
+                }
+            }
+        }
+    }
 }
 
 .topform {
@@ -251,10 +509,6 @@ export default {
     }
 }
 
-::v-deep .el-input__inner {
-    height: 30px !important;
-    line-height: 30px !important;
-}
 
 .list {
     margin: 20px auto;
@@ -268,7 +522,7 @@ export default {
         width: 22%;
         background-color: #fff;
         padding: 0 20px 20px;
-        height: 1000px;
+        height: 680px;
         overflow: scroll;
 
         .timetitle {
@@ -286,9 +540,9 @@ export default {
 
     .texts {
         width: 75%;
-        background-color: #fff;
-        height: 1000px;
+        height: 680px;
         overflow: scroll;
+        background-color: #fff;
     }
 }