11

heimawl

2023-08-11 d29df608a0f94f9efe491ef7d1473c84e00f8979

11

 src/api/smartorpor/taskinfo.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,38 @@
    import request from '@/utils/request'

    /*任务类型列示*/ 
    export function tasktype_list() 
    {
        return request({
          url: 'proc/smartor/task/type/list',
          method: 'post'
        })
    }

    /*任务类型信息*/ 
    export function tasktype_info(name)
    {
        return request({
          url: 'proc/smartor/task/type/info/'+name,
          method: 'post'
        })
     }
    
      /*执行方式列示*/
     export function taskimpl_list() 
     {
         return request({
           url: 'proc/smartor/task/typeimpl/list',
           method: 'post'
         })
     }
 
     /*执行方式信息*/
     export function taskimpl_info(name)
     {
         return request({
           url: 'proc/smartor/task/typeimpl/info/'+name,
           method: 'post'
         })
      }
 

 src/views/followvisit/tasklist/FollowupDetails/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,1445 @@
<template>
  <div class="Questionnairemanagement">
    <!-- å·¦ä¾§æ  -->
    <div class="sidecolumn">
      <div style="height: 400px">
        <el-steps direction="vertical" :active="Editprogress">
          <el-step title="基础信息"></el-step>
          <el-step title="任务详情设置"></el-step>
          <el-step
            title="派送患者设置"
            description="这是一段很长很长很长的描述性文字"
          ></el-step>
        </el-steps>
      </div>
    </div>
    <!-- å³ä¾§æ•°æ® -->
    <div class="leftvlue">
      <!-- åŸºæœ¬ä¿¡æ¯ -->
      <div v-if="Editprogress == 1">
        <div class="leftvlue-jbxx">
          <!-- åŸºç¡€ä¿¡æ¯ -->
          <div class="examine-jic">
            <div class="headline">
              <div>基础信息</div>
              <div>当前版本：1.2.0</div>
            </div>
            <div class="jic-value">
              <el-form ref="form" :model="form" label-width="105px">
                <el-form-item label="任务名称：">
                  <el-input v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="任务描述：">
                  <el-input type="textarea" v-model="form.desc"></el-input>
                </el-form-item>
                <el-form-item label="重复计划处理:">
                  <el-radio-group v-model="form.resource">
                    <el-radio label="新计划自动结案"></el-radio>
                    <el-radio label="原计划自动结案"></el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item label="过期任务处理:">
                  <el-radio-group v-model="form.resource">
                    <el-radio label="自动关闭"></el-radio>
                    <el-radio label="自动执行"></el-radio>
                    <el-radio label="人工处理"></el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item label="所有任务完成自动结案:" label-width="158px">
                  <el-radio-group v-model="form.resource">
                    <el-radio label="是"></el-radio>
                    <el-radio label="否"></el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-form>
            </div>
          </div>
          <!-- <div class="examine-jic">
            <div class="headline">任务设置</div>
            <div class="jic-value">
              <el-form ref="form" :model="form" label-width="80px">
                <el-form-item label="引用模版" prop="desc">
                  <el-cascader
                    class="demo-cascader"
                    v-model="form.templatevalue"
                    :options="options"
                    :props="{ expandTrigger: 'hover' }"
                  ></el-cascader>
                  <el-select v-model="form.data2" placeholder="版本">
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                  <div style="display: flex; margin-top: 20px">
                    <div class="PreviewTemplate" @click="PreviewTemplate()">
                      é¢„览模版
                    </div>
                    <el-button type="primary" @click="Acknowledgereference"
                      >确认引用</el-button
                    >
                  </div>
                </el-form-item>
              </el-form>
            </div>
          </div> -->
        </div>
        <el-button type="success" @click="submitForm('ruleForm')">{{
          quote ? "立即创建" : "任务详情设置"
        }}</el-button>
        <el-button @click="resetForm('ruleForm')">重置</el-button>
      </div>
      <!-- é—®å·è®¾ç½® -->
      <!-- <div v-if="Editprogress == 2">
        <div class="leftvlue-jbxx">
          <div class="examine-jic">
            <div class="headline">方案设置</div>
            <div class="jic-value">
              <el-form ref="form" :model="form" label-width="105px">
                <el-form-item label="患者来源">
                  <el-select v-model="form.region" placeholder="请选择活动区域">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="出院科室" prop="desc">
                  <el-cascader
                    class="demo-cascader"
                    placeholder="包含"
                    v-model="form.templatevalue"
                    :options="options"
                    :props="{ expandTrigger: 'hover' }"
                  ></el-cascader>
                  <el-select v-model="form.data2" placeholder="请选择适用科室">
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="出院病区" prop="desc">
                  <el-cascader
                    class="demo-cascader"
                    placeholder="不包含"
                    v-model="form.templatevalue"
                    :options="options"
                    :props="{ expandTrigger: 'hover' }"
                  ></el-cascader>
                  <el-select v-model="form.data2" placeholder="请选择适用科室">
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="患者来源" prop="desc">
                  <el-cascader
                    class="demo-cascader"
                    placeholder="包含"
                    v-model="form.templatevalue"
                    :options="options"
                    :props="{ expandTrigger: 'hover' }"
                  ></el-cascader>
                  <el-select v-model="form.data2" placeholder="请选择适用科室">
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="就诊科室" prop="desc">
                  <el-cascader
                    class="demo-cascader"
                    placeholder="包含"
                    v-model="form.templatevalue"
                    :options="options"
                    :props="{ expandTrigger: 'hover' }"
                  ></el-cascader>
                  <el-select v-model="form.data2" placeholder="请选择适用科室">
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>

                <el-form-item label="重复计划处理:">
                  <el-radio-group v-model="form.resource">
                    <el-radio label="新计划自动结案"></el-radio>
                    <el-radio label="原计划自动结案"></el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item label="过期任务处理:">
                  <el-radio-group v-model="form.resource">
                    <el-radio label="自动关闭"></el-radio>
                    <el-radio label="自动执行"></el-radio>
                    <el-radio label="人工处理"></el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item  label="所有任务完成自动结案:" label-width="158px">
                  <el-radio-group v-model="form.resource">
                    <el-radio label="是"></el-radio>
                    <el-radio label="否"></el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item label="">
                  <el-row gutter="5">
                    <el-col :span="8"
                      ><el-select v-model="form.value" placeholder="请选择自动结案方式">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option> </el-select
                    ></el-col>
                  </el-row>
                  <el-row gutter="5">
                    <el-col :span="6"
                      ><el-select v-model="form.value" placeholder="请选择患者状态">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option> </el-select
                    ></el-col>
                    <el-col :span="6"
                      ><el-select v-model="form.value" placeholder="请选择">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option> </el-select
                    ></el-col>
                  </el-row>
                  <el-row type="flex" gutter="5">
                    <el-col :span="6"
                      ><el-select v-model="form.value" placeholder="请选择">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option> </el-select
                    ></el-col>
                    <el-col :span="6"
                      ><el-select v-model="form.value" placeholder="请选择">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option> </el-select
                    ></el-col>
                  </el-row>
                </el-form-item>
              </el-form>
            </div>
          </div>
        </div>
        <el-button type="primary" @click="laststep()">上一步</el-button>
        <el-button type="success" @click="submitForm('ruleForm')"
          >下一步</el-button
        >
        <el-button @click="resetForm('ruleForm')">重置</el-button>
      </div> -->
      <!-- ä»»åŠ¡è¯¦æƒ… -->
      <div v-if="Editprogress == 2">
        <div class="leftvlue-jbxx">
          <div class="examine-jic">
            <div class="headline">主路径</div>
            <div class="jic-value">
              <el-form ref="form" :model="form" label-width="80px">
                <el-form-item label="基线时间">
                  <el-select v-model="form.region" placeholder="请选择活动区域">
                    <el-option label="出院前" value="shanghai"></el-option>
                    <el-option label="出院后" value="beijing"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="触发条件">
                  <el-radio-group v-model="form.resource">
                    <el-radio label="有"></el-radio>
                    <el-radio label="无"></el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-form>
            </div>
          </div>
          <div class="examine-jic">
            <div class="headline">
              <div>任务列表</div>
            </div>
            <div class="examine-jic">
              <div class="jic-value">
                <el-row :gutter="20">
                  <!--用户数据-->

                  <el-form
                    :model="topqueryParams"
                    ref="queryForm"
                    size="small"
                    :inline="true"
                    v-show="showSearch"
                    label-width="98px"
                  >
                    <el-form-item label="任务名称">
                      <el-input v-model="topqueryParams.name"></el-input>
                    </el-form-item>

                    <el-form-item label="任务类型" prop="status">
                      <el-select
                        v-model="topqueryParams.topic"
                        placeholder="请选择"
                      >
                        <el-option
                          v-for="item in topicoptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option>
                      </el-select>
                    </el-form-item>

                    <el-form-item label="任务状态" prop="status">
                      <el-select
                        v-model="topqueryParams.topic"
                        placeholder="请选择"
                      >
                        <el-option
                          v-for="item in topicoptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item>
                      <el-button
                        type="primary"
                        icon="el-icon-search"
                        size="medium"
                        @click="handleQuery"
                        >搜索</el-button
                      >
                      <el-button
                        icon="el-icon-refresh"
                        size="medium"
                        @click="resetQuery"
                        >重置</el-button
                      >
                    </el-form-item>
                  </el-form>
                  <el-divider></el-divider>
                  <el-row :gutter="10" class="mb8">
                    <el-col :span="1.5">
                      <el-select
                        v-model="topqueryParams.topic"
                        placeholder="请选择新增类型"
                      >
                        <el-option
                          v-for="item in topicoptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="1.5">
                      <el-button
                        type="primary"
                        plain
                        icon="el-icon-plus"
                        size="medium"
                        @click="handleAdd"
                        v-hasPermi="['system:user:add']"
                        >新增</el-button
                      >
                    </el-col>
                    <el-col :span="1.5">
                      <el-button
                        type="success"
                        plain
                        icon="el-icon-edit"
                        size="medium"
                        :disabled="single"
                        @click="handleUpdate"
                        v-hasPermi="['system:user:edit']"
                        >修改</el-button
                      >
                    </el-col>
                    <el-col :span="1.5">
                      <el-button
                        type="danger"
                        plain
                        icon="el-icon-delete"
                        size="medium"
                        :disabled="multiple"
                        @click="handleDelete"
                        v-hasPermi="['system:user:remove']"
                        >删除</el-button
                      >
                    </el-col>

                    <!-- <el-col :span="1.5"> </el-col> -->
                  </el-row>
                  <!-- <right-toolbar
              :showSearch.sync="showSearch"
              @queryTable="getList"
              :columns="columns"
            ></right-toolbar> -->
                  <el-table
                    v-loading="loading"
                    :data="userList"
                    @selection-change="handleSelectionChange"
                  >
                    <el-table-column
                      type="selection"
                      width="50"
                      align="center"
                    />
                    <el-table-column
                      label="序号"
                      align="center"
                      key="userId"
                      prop="userId"
                    />

                    <el-table-column
                      label="任务名称"
                      align="center"
                      sortable
                      key="userName"
                      prop="userName"
                      :show-overflow-tooltip="true"
                    />
                    <el-table-column
                      label="服务模板"
                      align="center"
                      key="types"
                      prop="types"
                    />
                    <el-table-column
                      label="创建日期"
                      align="center"
                      key="nickName"
                      prop="nickName"
                    />
                    <el-table-column
                      label="待执行/总数"
                      align="center"
                      key="phonenumber"
                      prop="phonenumber"
                      width="120"
                    >
                      <template slot-scope="scope">
                        <span style="margin-left: 10px"
                          >{{ scope.row.date }}/{{ scope.row.data }}</span
                        >
                      </template>
                    </el-table-column>

                    <el-table-column
                      label="执行状态"
                      align="center"
                      key="topicnumber"
                      prop="topicnumber"
                      width="120"
                      :show-overflow-tooltip="true"
                    >
                      <template slot-scope="scope">
                        <div>执行完成/执行失败</div>
                      </template>
                    </el-table-column>
                    <el-table-column
                      label="审核人"
                      align="center"
                      key="topicnumberaa"
                      prop="topicnumberaa"
                      sortable
                      width="120"
                      :show-overflow-tooltip="true"
                    />

                    <el-table-column
                      label="审核时间"
                      sortable
                      align="center"
                      prop="createTime"
                      width="160"
                    >
                      <template slot-scope="scope">
                        <span>{{ parseTime(scope.row.createTime) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      label="操作"
                      align="center"
                      width="120"
                      class-name="small-padding fixed-width"
                    >
                      <template slot-scope="scope">
                        <el-button
                          size="medium"
                          type="text"
                          @click="handleUpdate(scope.row)"
                          v-hasPermi="['system:user:edit']"
                          ><span class="button-zx"
                            ><i class="el-icon-s-promotion"></i>开始执行</span
                          ></el-button
                        >
                      </template>
                    </el-table-column>
                    <el-table-column
                      label="任务详情"
                      align="center"
                      width="200"
                      class-name="small-padding fixed-width"
                    >
                      <template slot-scope="scope">
                        <el-button
                          size="medium"
                          type="text"
                          @click="handleUpdate(scope.row)"
                          v-hasPermi="['system:user:edit']"
                          ><span class="button-xq"
                            ><i class="el-icon-s-data"></i>详情</span
                          ></el-button
                        >
                        <el-button
                          size="medium"
                          type="text"
                          @click="handleUpdate(scope.row)"
                          v-hasPermi="['system:user:edit']"
                          ><span class="button-bb"
                            ><i class="el-icon-s-order"></i>报表</span
                          ></el-button
                        >
                        <el-button
                          size="medium"
                          type="text"
                          @click="handleUpdate(scope.row)"
                          v-hasPermi="['system:user:edit']"
                          ><span class="button-sc"
                            ><i class="el-icon-delete"></i>删除</span
                          ></el-button
                        >
                      </template>
                    </el-table-column>
                  </el-table>

                  <pagination
                    v-show="total > 0"
                    :total="total"
                    :page.sync="topqueryParams.pageNum"
                    :limit.sync="topqueryParams.pageSize"
                    @pagination="getList"
                  />
                </el-row>
              </div>
            </div>
          </div>
        </div>
        <el-button type="primary" @click="laststep()">上一步</el-button>
        <el-button type="success" @click="submitForm('ruleForm')"
          >下一步</el-button
        >
        <el-button @click="resetForm('ruleForm')">重置</el-button>
      </div>
      <!-- ç»“果反馈 -->
      <div v-if="Editprogress == 3">
        <div class="leftvlue-jbxx">
          <div class="examine-jic">
            <div class="headline">
              <div>派送患者列表</div>
              <div class="Add-details">+添加</div>
            </div>
            <div class="examine-jic">
              <div class="jic-value">
                <el-row :gutter="20">
                  <!--用户数据-->

                  <el-form
                    :model="topqueryParams"
                    ref="queryForm"
                    size="small"
                    :inline="true"
                    v-show="showSearch"
                    label-width="98px"
                  >
                    <el-form-item label="任务名称">
                      <el-input v-model="topqueryParams.name"></el-input>
                    </el-form-item>

                    <el-form-item label="任务类型" prop="status">
                      <el-select
                        v-model="topqueryParams.topic"
                        placeholder="请选择"
                      >
                        <el-option
                          v-for="item in topicoptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option>
                      </el-select>
                    </el-form-item>

                    <el-form-item label="任务状态" prop="status">
                      <el-select
                        v-model="topqueryParams.topic"
                        placeholder="请选择"
                      >
                        <el-option
                          v-for="item in topicoptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item>
                      <el-button
                        type="primary"
                        icon="el-icon-search"
                        size="medium"
                        @click="handleQuery"
                        >搜索</el-button
                      >
                      <el-button
                        icon="el-icon-refresh"
                        size="medium"
                        @click="resetQuery"
                        >重置</el-button
                      >
                    </el-form-item>
                  </el-form>
                  <el-row :gutter="10" class="mb8">
                    <el-col :span="1.5">
                      <el-button
                        type="primary"
                        plain
                        icon="el-icon-plus"
                        size="medium"
                        @click="handleAddpatient"
                        v-hasPermi="['system:user:add']"
                        >新增</el-button
                      >
                    </el-col>

                    <el-col :span="1.5">
                      <el-button
                        type="danger"
                        plain
                        icon="el-icon-delete"
                        size="medium"
                        :disabled="multiple"
                        @click="handleDelete"
                        v-hasPermi="['system:user:remove']"
                        >删除</el-button
                      >
                    </el-col>
                    <!-- <el-col :span="1.5"> </el-col> -->
                  </el-row>

                  <el-table
                    v-loading="loading"
                    :data="userList"
                    @selection-change="handleSelectionChange"
                  >
                    <el-table-column
                      type="selection"
                      width="50"
                      align="center"
                    />
                    <el-table-column
                      label="序号"
                      align="center"
                      key="userId"
                      prop="userId"
                    />

                    <el-table-column
                      label="患者名称"
                      align="center"
                      sortable
                      key="userName"
                      prop="userName"
                      :show-overflow-tooltip="true"
                    />

                    <el-table-column
                      label="入院日期"
                      align="center"
                      key="nickName"
                      prop="nickName"
                    />
                    <el-table-column
                      label="执行状态"
                      align="center"
                      key="topicnumber"
                      prop="topicnumber"
                      width="120"
                      :show-overflow-tooltip="true"
                    >
                      <template slot-scope="scope">
                        <div>执行完成/执行失败</div>
                      </template>
                    </el-table-column>
                    <el-table-column
                      label="操作"
                      align="center"
                      width="120"
                      class-name="small-padding fixed-width"
                    >
                      <template slot-scope="scope">
                        <el-button
                          size="medium"
                          type="text"
                          @click="handleUpdate(scope.row)"
                          v-hasPermi="['system:user:edit']"
                          ><span class="button-zx"
                            ><i class="el-icon-s-promotion"></i>开始执行</span
                          ></el-button
                        >
                      </template>
                    </el-table-column>
                    <el-table-column
                      label="任务详情"
                      align="center"
                      width="200"
                      class-name="small-padding fixed-width"
                    >
                      <template slot-scope="scope">
                        <el-button
                          size="medium"
                          type="text"
                          @click="handleUpdate(scope.row)"
                          v-hasPermi="['system:user:edit']"
                          ><span class="button-xq"
                            ><i class="el-icon-s-data"></i>详情</span
                          ></el-button
                        >

                        <el-button
                          size="medium"
                          type="text"
                          @click="handleUpdate(scope.row)"
                          v-hasPermi="['system:user:edit']"
                          ><span class="button-sc"
                            ><i class="el-icon-delete"></i>删除</span
                          ></el-button
                        >
                      </template>
                    </el-table-column>
                  </el-table>
                </el-row>
              </div>
            </div>
          </div>
        </div>
        <el-button type="success" @click="submitForm('ruleForm')"
          >立即创建</el-button
        >
        <el-button type="primary" @click="laststep()">上一步</el-button>
        <el-button @click="resetForm('ruleForm')">重置</el-button>
      </div>
    </div>
    <!-- ä»»åŠ¡è¯¦æƒ… -->
    <el-dialog
      title="任务详情"
      :visible.sync="dialogVisible"
      width="60%"
      :before-close="handleClose"
    >
      <div class="jic-value">
        <div class="details-jic">
          <div class="details-title">任务编辑</div>
          <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="计划时间:">
              <el-row :gutter="20">
                <el-col :span="3">出院后</el-col>
                <el-col :span="4">
                  <el-input v-model="form.name"></el-input>
                </el-col>
                <el-col :span="4"
                  ><el-select v-model="form.region" placeholder="请选择">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option
                      label="区域二"
                      value="beijing"
                    ></el-option> </el-select
                ></el-col>
                <el-col :span="6">
                  <el-time-picker
                    placeholder="选择时间"
                    v-model="form.date2"
                    style="width: 100%"
                  ></el-time-picker
                ></el-col>
              </el-row>
            </el-form-item>

            <el-form-item label="出院时间晚于指定时间时:" label-width="180px">
              <el-radio-group v-model="form.resource">
                <el-radio label="当天执行"></el-radio>
                <el-radio label="第二天按指定时间执行"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="周期任务:">
              <el-radio-group v-model="form.resource">
                <el-radio label="是"></el-radio>
                <el-radio label="否"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="选择问卷:">
              <el-row :gutter="20">
                <el-col :span="6"
                  ><el-select v-model="form.region" placeholder="请选择模版">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option
                      label="区域二"
                      value="beijing"
                    ></el-option> </el-select
                ></el-col>
                <el-col :span="4">
                  <div style="color: #02a7f0; cursor: pointer">预览</div>
                </el-col>
              </el-row>
            </el-form-item>

            <el-form-item label="频率:">
              <el-row :gutter="20">
                <el-col :span="5"
                  ><el-input v-model="form.name"></el-input
                ></el-col>
                <el-col :span="5"
                  ><el-select v-model="form.region" placeholder="#/次">
                    <el-option label="天/次" value="shanghai"></el-option>
                    <el-option
                      label="周/次"
                      value="beijing"
                    ></el-option> </el-select
                ></el-col>
                <el-col :span="2">总次数</el-col>
                <el-col :span="5"
                  ><el-input v-model="form.name"></el-input
                ></el-col>
              </el-row>
            </el-form-item>
            <el-form-item label="问卷介绍:">
              <el-input type="textarea" v-model="form.desc"></el-input>
            </el-form-item>
            <el-form-item label="提交提示:">
              <el-input type="textarea" v-model="form.desc"></el-input>
            </el-form-item>
            <el-form-item label="有限期限:">
              <el-row :gutter="20">
                <el-col :span="4"
                  ><el-input v-model="form.name"></el-input
                ></el-col>
                <el-col :span="6">天</el-col>
              </el-row>
            </el-form-item>
            <el-form-item label="逾期判断:">
              <el-row :gutter="20">
                <el-col :span="4"
                  ><el-input v-model="form.name"></el-input
                ></el-col>
                <el-col :span="4.5"
                  ><div style="color: red">
                    æœªå®Œæˆåˆ™è§†ä¸º"已逾期"，逾期前
                  </div></el-col
                >
                <el-col :span="4"
                  ><el-input v-model="form.name"></el-input
                ></el-col>
                <el-col :span="6">天进行"将逾期"提醒</el-col>
              </el-row>
            </el-form-item>
            <el-form-item label="失访判断:">
              <el-row :gutter="20">
                <el-col :span="6"
                  ><el-input v-model="form.name"></el-input
                ></el-col>
                <el-col :span="9">天随访未完成则自动变成“失访状态”</el-col>
              </el-row>
            </el-form-item>
          </el-form>
          <div class="details-renw">
            <el-form ref="form" :model="form" label-width="105px">
              <el-form-item label="执行方式">
                <el-radio-group v-model="form.resource">
                  <el-radio label="微信/短信"></el-radio>
                  <el-radio label="AI电话"></el-radio>
                  <el-radio label="人工"></el-radio>
                </el-radio-group>
              </el-form-item>

              <el-form-item label="执行人">
                <el-row :gutter="20">
                  <el-col :span="6"
                    ><el-select v-model="form.value" placeholder="请选择科室">
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option> </el-select
                  ></el-col>
                  <el-col :span="6"
                    ><el-select v-model="form.value" placeholder="请选择人员">
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option> </el-select
                  ></el-col>
                </el-row>
              </el-form-item>
              <el-form-item label="Ai外呼模版">
                <el-select v-model="form.value" placeholder="请选择">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="重复计划处理:">
                <el-radio-group v-model="form.resource">
                  <el-radio label="新计划自动结案"></el-radio>
                  <el-radio label="原计划自动结案"></el-radio>
                </el-radio-group>
              </el-form-item>
            </el-form>
          </div>
          <div class="details-renw">
            <el-form ref="form" :model="form" label-width="105px">
              <el-form-item label="补偿重发">
                <el-row :gutter="20">
                  <el-col :span="2">执行失败</el-col>
                  <el-col :span="6"
                    ><el-input v-model="form.name"></el-input>
                  </el-col>
                  <el-col :span="6">
                    <el-select v-model="form.value" placeholder="时间标准">
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option>
                    </el-select>
                  </el-col>
                </el-row>
              </el-form-item>

              <el-form-item label="发送方式">
                <el-radio-group v-model="form.resource">
                  <el-radio label="微信/短信"></el-radio>
                  <el-radio label="AI电话"></el-radio>
                </el-radio-group>
              </el-form-item>
              <el-form-item label="推送模版">
                <el-row :gutter="20">
                  <el-col :span="6"
                    ><el-select
                      v-model="form.value"
                      placeholder="请选择短信模版"
                    >
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option> </el-select
                  ></el-col>
                  <el-col :span="6"
                    ><el-select
                      v-model="form.value"
                      placeholder="请选择微信模版"
                    >
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option> </el-select
                  ></el-col>
                </el-row>
              </el-form-item>
              <el-form-item label="优先顺序:">
                <el-radio-group v-model="form.resource">
                  <el-radio label="新计划自动结案"></el-radio>
                  <el-radio label="原计划自动结案"></el-radio>
                </el-radio-group>
              </el-form-item>
            </el-form>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 æ¶ˆ</el-button>
        <el-button type="primary" @click="dialogVisible = false"
          >ç¡® å®š</el-button
        >
      </span>
    </el-dialog>
    <!-- æ·»åŠ æ‚£è€… -->
    <el-dialog
      title="添加派发患者"
      :visible.sync="dialogVisiblepatient"
      width="70%"
      :before-close="handleClose"
    >
      <div class="examine-jic">
        <div class="jic-value">
          <el-row :gutter="20">
            <!--用户数据-->

            <el-form
              :model="topqueryParams"
              ref="queryForm"
              size="small"
              :inline="true"
              v-show="showSearch"
              label-width="98px"
            >
              <el-form-item label="患者名称：">
                <el-input v-model="topqueryParams.name"></el-input>
              </el-form-item>
              <el-form-item label="患者来源" prop="status">
                <el-select v-model="topqueryParams.topic" placeholder="请选择">
                  <el-option
                    v-for="item in topicoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="出院科室" prop="status">
                <el-select v-model="topqueryParams.topic" placeholder="请选择">
                  <el-option
                    v-for="item in topicoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>

              <el-form-item label="出院病区" prop="status">
                <el-select v-model="topqueryParams.topic" placeholder="请选择">
                  <el-option
                    v-for="item in topicoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-button
                  type="primary"
                  icon="el-icon-search"
                  size="medium"
                  @click="handleQuery"
                  >搜索</el-button
                >
                <el-button
                  icon="el-icon-refresh"
                  size="medium"
                  @click="resetQuery"
                  >重置</el-button
                >
              </el-form-item>
            </el-form>

            <el-table
              v-loading="loading"
              :data="userList"
              @selection-change="handleSelectionChange"
            >
              <el-table-column type="selection" width="50" align="center" />
              <el-table-column
                label="序号"
                align="center"
                key="userId"
                prop="userId"
              />

              <el-table-column
                label="患者名称"
                align="center"
                sortable
                key="userName"
                prop="userName"
                :show-overflow-tooltip="true"
              />

              <el-table-column
                label="入院日期"
                align="center"
                key="nickName"
                prop="nickName"
              />
              <el-table-column
                label="执行状态"
                align="center"
                key="topicnumber"
                prop="topicnumber"
                width="120"
                :show-overflow-tooltip="true"
              >
                <template slot-scope="scope">
                  <div>执行完成/执行失败</div>
                </template>
              </el-table-column>

              <el-table-column
                label="任务详情"
                align="center"
                width="200"
                class-name="small-padding fixed-width"
              >
                <template slot-scope="scope">
                  <el-button
                    size="medium"
                    type="text"
                    @click="handleUpdate(scope.row)"
                    v-hasPermi="['system:user:edit']"
                    ><span class="button-xq"
                      ><i class="el-icon-s-data"></i>详情</span
                    ></el-button
                  >

                  <el-button
                    size="medium"
                    type="text"
                    @click="handleUpdate(scope.row)"
                    v-hasPermi="['system:user:edit']"
                    ><span class="button-sc"
                      ><i class="el-icon-delete"></i>删除</span
                    ></el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </el-row>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 æ¶ˆ</el-button>
        <el-button type="primary" @click="dialogVisible = false"
          >确定添加</el-button
        >
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      Editprogress: 2, //编辑进度
      loading: false, // é®ç½©å±‚
      dialogVisible: false, //任务详情弹框
      dialogVisiblepatient: false, //添加患者弹框
      topqueryParams: {},
      topicoptions: [],
      showSearch: true, //
      total: 0, //
      // é€‰ä¸­æ•°ç»„
      ids: [],
      // éžå•ä¸ªç¦ç”¨
      single: true,
      // éžå¤šä¸ªç¦ç”¨
      multiple: true,
      // ç”¨æˆ·è¡¨æ ¼æ•°æ®
      userList: null,
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: "",
      },
      options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
      quote: false,
    };
  },

  created() {},

  methods: {
    // ä¸‹ä¸€æ­¥
    submitForm(formName) {
      if (this.Editprogress <= 3) {
        return this.Editprogress++;
      }
      // æäº¤
      // this.$refs[formName].validate((valid, object) => {
      //   if (valid) {
      //     alert("submit!");
      //   } else {
      //     console.log("error submit!!", object);
      //     return false;
      //   }
      // });
    },
    handleAdd() {
      this.dialogVisible = true;
    },
    handleAddpatient() {
      this.dialogVisiblepatient = true;
    },
    handleUpdate() {},
    handleDelete() {},
    handleExport() {},
    handleSelectionChange() {},
    getList() {},
    handleQuery() {},
    resetQuery() {},
    handleClose() {
      this.dialogVisible = false;
      this.dialogVisiblepatient = false;
    },

    // ä¸Šä¸€æ­¥
    laststep() {
      this.Editprogress--;
    },
    // æäº¤è¡¨å•
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
    // é¢„览模版
    PreviewTemplate() {},
    Acknowledgereference() {
      this.quote = true;
    },
  },
};
</script>

<style lang="scss" scoped>
.Questionnairemanagement {
  display: flex;
}
.sidecolumn {
  width: 300px;
  min-height: 100vh;
  text-align: center;
  //   display: flex;
  //   margin-top: 20px;
  margin: 20px;
  margin-bottom: 0;
  padding: 30px;
  background: #edf1f7;
  border: 1px solid #dcdfe6;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
    0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.leftvlue {
  //   display: flex;
  //   flex: 1;
  width: 80%;
  margin-top: 20px;
  //   margin: 20px;
  padding: 30px;
  background: #ffff;
  border: 1px solid #dcdfe6;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
    0 0 6px 0 rgba(0, 0, 0, 0.04);
  .leftvlue-jbxx {
    margin-bottom: 50px;
    font-size: 20px;
    span {
      position: absolute;
      right: 80px;
    }
    .demo-cascader {
      margin-right: 20px;
    }
    .PreviewTemplate {
      color: #02a7f0;
      cursor: pointer;
      font-size: 20px;
      margin: 0 20px;
    }
  }
  .examine-jic {
    .headline {
      font-size: 24px;
      border-left: 5px solid #41a1be;
      padding-left: 5px;
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between;
      .Add-details {
        font-size: 18px;
        color: #02a7f0;
        cursor: pointer;
      }
    }
    .jic-value {
      font-size: 20px;
      border-top: 1px solid #a7abac;
      padding: 10px;
      .details-jic {
        padding: 10px 15px;
        border: 1px solid #dcdfe6;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
          0 0 6px 0 rgba(0, 0, 0, 0.04);
        .details-title {
          display: flex;
          justify-content: space-between;
          margin-bottom: 10px;
          div:nth-child(2) {
            color: #02a7f0;
            cursor: pointer;
          }
        }
        .details-renw {
          background: #e4ebfc;
          padding: 15px 5px;
          border-radius: 5px;
          margin-bottom: 20px;
        }
      }
    }
  }
}
.jic-value {
  font-size: 20px;
  border-top: 1px solid #a7abac;
  padding: 10px;
  .details-jic {
    padding: 10px 15px;
    border: 1px solid #dcdfe6;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
      0 0 6px 0 rgba(0, 0, 0, 0.04);
    .details-title {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
      div:nth-child(2) {
        color: #02a7f0;
        cursor: pointer;
      }
    }
    .details-renw {
      background: #e4ebfc;
      padding: 15px 5px;
      border-radius: 5px;
      margin-bottom: 20px;
    }
  }
}
::v-deep .addtopic-input {
  input {
    background: #02a7f0;
    color: #edf1f7;
    width: 150px;
  }
}
::v-deep.el-step.is-vertical .el-step__title {
  font-size: 25px;
}
::v-deep.el-row {
  margin-bottom: 10px;
}
// ::v-deep.el-input--medium {
//   font-size: 24px !important;
// }
::v-deep.ruleFormaa.el-select {
  display: inline-block;
  position: relative;
  width: 700px;
}
.el-select__tags {
  font-size: 20px;
  max-width: 888px !important;
}
::v-deep.el-radio__inner {
  width: 22px;
  height: 22px;
}
// ::v-deep.topic-dev.el-radio__label {
//   font-size: 24px;
// }
::v-deep.el-radio-group {
  span {
    font-size: 24px;
  }
}
::v-deep.el-checkbox-group {
  span {
    font-size: 24px;
  }
}
</style>

 src/views/followvisit/tasklist/index.vue

@@ -686,8 +686,11 @@
    },
    /** æ–°å¢žæŒ‰é’®æ“ä½œ */
    handleAdd() {
      this.reset();
      this.addalteropen = true;
      this.$router.push({
        path: "/followvisit/tasklist/FollowupDetails/",
      });
      // this.reset();
      // this.addalteropen = true;
      // getUser().then((response) => {
      //   this.postOptions = response.posts;
      //   this.roleOptions = response.roles;