创建推送信息功能

src/api/system/batchSendTaskInfo.js

@@ -42,3 +42,29 @@ export function delBatchSendTaskInfo(id) {
         method: 'delete'
     })
 }
+
+// 获取总结标签数据
+export function getPhysicalExaminationLabel() {
+  return request({
+      url: '/system/batchSendTaskInfo/getPhysicalExaminationLabel',
+      method: 'get',
+  })
+}
+
+// 查询不分页数据
+export function AllBatchSendTaskInfo(query) {
+    return request({
+        url: '/system/batchSendTaskInfo/batchSendTaskList',
+        method: 'get',
+        params: query
+    })
+}
+
+// 生成推送任务
+export function generatePushTask(data) {
+  return request({
+      url: '/system/batchSendTaskInfo/batchSend',
+      method: 'post',
+      data: data
+  })
+}

src/views/system/CreatePushTask/index.vue

@@ -0,0 +1,301 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <h2 style="margin-bottom: 20px">创建推送任务</h2>
+      <el-form :model="form" ref="form" label-width="120px" :rules="rules">
+        <el-form-item label="任务名称" prop="manageRouteName">
+          <el-input
+            v-model="form.manageRouteName"
+            placeholder="请输入任务名称"
+            style="width: 200px"
+          />
+        </el-form-item>
+        <el-form-item label="指定时间" prop="nodePlanTime">
+          <el-date-picker
+            v-model="form.nodePlanTime"
+            type="datetime"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            placeholder="请选择指定时间"
+            :picker-options="pickerOptions"
+            style="width: 200px"
+          />
+        </el-form-item>
+        <el-form-item label="任务节点类型" prop="batchTaskSource">
+          <el-radio-group v-model="form.batchTaskSource">
+            <el-radio label="telephone">电话外呼</el-radio>
+            <el-radio label="message">短信推送</el-radio>
+          </el-radio-group>
+        </el-form-item>
+
+        <!-- 电话外呼部分 -->
+        <template v-if="form.batchTaskSource === 'telephone'">
+          <el-form-item label="话术模板" prop="phoneTemplate">
+            <scripts
+              @on-template="handlePhoneTemplateSelect"
+              :templateId="form.phoneTemplateId"
+              :node="form.phoneDialMethod"
+              :templateName="form.phoneTemplate"
+            ></scripts>
+          </el-form-item>
+          <el-form-item label="话术简介" prop="phoneDesc">
+            <el-input
+              v-model="form.phoneNodeContent"
+              type="textarea"
+              placeholder="话术简介"
+              autosize
+              disabled
+            />
+          </el-form-item>
+          <!-- <el-form-item label="话术变量" prop="phoneVars">
+            <el-input
+              v-model="form.phoneVars"
+              type="textarea"
+              placeholder="请输入话术变量（如有多个请用逗号分隔）"
+            />
+          </el-form-item> -->
+          <el-form-item label="重播次数" prop="phoneRedialTimes">
+            <el-select v-model="form.phoneRedialTimes" style="width: 200px">
+              <el-option
+                v-for="item in optionslisttime"
+                :key="item.dictValue"
+                :label="item.dictLabel"
+                :value="item.dictValue"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="时间间隔(分)" prop="phoneTimeInterval">
+            <el-input
+              v-model.number="form.phoneTimeInterval"
+              oninput="value=value.replace(/[^\d]/g,'')"
+              style="width: 200px"
+            />
+          </el-form-item>
+        </template>
+
+        <!-- 短信推送部分 -->
+        <template v-if="form.batchTaskSource === 'message'">
+          <el-form-item label="短信模板" prop="smsTemplate">
+            <message
+              @on-template="handleSmsTemplateSelect"
+              :templateId="form.smsTemplateId"
+              :templateName="form.smsTemplate"
+            ></message>
+          </el-form-item>
+          <el-form-item label="短信简介" prop="messageNodeContent">
+            <el-input
+              v-model="form.messageNodeContent"
+              type="textarea"
+              placeholder="短信简介"
+              autosize
+              disabled
+            />
+          </el-form-item>
+          <el-form-item label="短信变量" v-if="smsVarsVisible">
+            <div
+              style="
+                display: flex;
+                gap: 12px;
+                align-items: center;
+                flex-wrap: wrap;
+              "
+            >
+              <div
+                v-for="key in smsVarKeys"
+                :key="key"
+                style="display: flex; align-items: center; gap: 8px"
+              >
+                <el-form-item :label="key">
+                  <el-input
+                    v-model="form.vars[key]"
+                    :placeholder="'请输入' + key"
+                    style="width: 200px"
+                  />
+                </el-form-item>
+              </div>
+            </div>
+          </el-form-item>
+        </template>
+
+        <el-form-item>
+          <el-button type="primary" @click="handleSubmit">保存</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import scripts from "../components/script.vue";
+import message from "../components/message.vue";
+import { getAgencytype } from "@/api/system/agency";
+import {
+  AllBatchSendTaskInfo,
+  generatePushTask,
+} from "@/api/system/batchSendTaskInfo";
+
+export default {
+  name: "CreatePushTask",
+  components: { scripts, message },
+  data() {
+    return {
+      rules: {
+        manageRouteName: [
+          { required: true, message: "任务名称不能为空", trigger: "blur" },
+        ],
+        nodePlanTime: [
+          { required: true, message: "指定时间不能为空", trigger: "change" },
+        ],
+        batchTaskSource: [
+          {
+            required: true,
+            message: "任务节点类型不能为空",
+            trigger: "change",
+          },
+        ],
+      },
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 8.64e7;
+        },
+      },
+      optionslisttime: [],
+      smsVarsVisible: false,
+      smsVarKeys: [],
+      form: {
+        manageRouteName: "",
+        nodePlanTime: "",
+        batchTaskSource: "",
+        phoneDialMethod: "AI",
+        phoneTemplateId: "",
+        phoneTemplate: "",
+        phoneNodeContent: "",
+        scriptInfoId: "",
+        robotPublishId: "",
+        phoneTemplateName: "",
+        phoneDesc: "",
+        phoneVars: "",
+        phoneRedialTimes: "",
+        phoneTimeInterval: "",
+        smsTemplateId: "",
+        smsTemplate: "",
+        messageTemplateId: "",
+        messageTemplateCode: "",
+        messageTemplateName: "",
+        messageNodeContent: "",
+        physicalExaminationLabel: "",
+        vars: {},
+        list: [],
+      },
+    };
+  },
+  created() {
+    this.infolistMESSAGE();
+    this.form.physicalExaminationLabel =
+      this.$route.query.physicalExaminationLabel || "";
+    AllBatchSendTaskInfo(this.$route.query).then((res) => {
+      this.form.list = res || [];
+    });
+  },
+  mounted() {},
+  methods: {
+    infolistMESSAGE() {
+      const dictType = "redial_times";
+      getAgencytype(dictType).then((res) => {
+        this.optionslisttime = res.data || [];
+      });
+    },
+    handlePhoneTemplateSelect(item) {
+      this.form.phoneTemplateId = item.phoneTemplateId || "";
+      this.form.phoneTemplate = item.templateName || "";
+      this.form.phoneNodeContent = item.templateContent || "";
+      this.form.robotPublishId = item.robotPublishId || "";
+      this.form.phoneTemplateName = item.templateName || "";
+      this.form.scriptInfoId = item.scriptInfoId || "";
+    },
+    handleSmsTemplateSelect(item) {
+      this.form.smsTemplateId = item.templateId || "";
+      this.form.smsTemplate = item.templateName || "";
+      this.form.messageTemplateId = item.templateId || "";
+      this.form.messageTemplateCode = item.messageTemplateCode || "";
+      this.form.messageTemplateName = item.templateName || "";
+      this.form.messageNodeContent = item.templateContent || "";
+      const variablesStr = item.variables;
+      if (variablesStr && String(variablesStr).trim() !== "") {
+        const keys = String(variablesStr)
+          .split("|")
+          .map((s) => s.trim())
+          .filter(Boolean);
+
+        this.smsVarsVisible = keys.length > 0;
+        this.smsVarKeys = keys;
+
+        const keySet = new Set(keys);
+
+        // 写入模板变量占位符（例如 month|day）
+        keys.forEach((key) => {
+          if (this.form.vars[key] === undefined)
+            this.$set(this.form.vars, key, "");
+        });
+
+        // 清理不在模板变量里的旧值，避免沿用旧模板变量
+        Object.keys(this.form.vars).forEach((existingKey) => {
+          if (!keySet.has(existingKey))
+            this.$delete(this.form.vars, existingKey);
+        });
+      } else {
+        this.smsVarsVisible = false;
+        this.smsVarKeys = [];
+        Object.keys(this.form.vars).forEach((existingKey) => {
+          this.$delete(this.form.vars, existingKey);
+        });
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          if (
+            this.form.batchTaskSource == "message" &&
+            !this.form.messageTemplateName
+          ) {
+            this.$message.error("请选择短信模板");
+            return;
+          }
+          if (
+            this.form.batchTaskSource == "telephone" &&
+            !this.form.phoneTemplateName
+          ) {
+            this.$message.error("请选择话术模板");
+            return;
+          }
+          const loading = this.$loading({
+            lock: true,
+            text: "加载中",
+            spinner: "el-icon-loading",
+            background: "rgba(0, 0, 0, 0.7)",
+          });
+          generatePushTask(this.form).then((res) => {
+            loading.close();
+            if (res.code == 200) {
+              this.$message.success(res.msg);
+            }
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.app-container {
+  padding: 24px;
+}
+
+::v-deep .el-form-item__label {
+  font-size: 16px !important;
+}
+.el-textarea {
+  font-size: 16px;
+}
+</style>

src/views/system/batchSendTaskInfo/index.vue

@@ -84,12 +84,19 @@
         />
       </el-form-item>
       <el-form-item label="总结标签" prop="physicalExaminationLabel">
-        <el-input
+        <el-select
           v-model="queryParams.physicalExaminationLabel"
-          placeholder="请输入总结标签"
+          placeholder="请选择总结标签"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+        >
+          <el-option
+            v-for="item in ExaminationLabelList"
+            :key="item"
+            :label="item"
+            :value="item"
+          >
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item>
         <el-button
@@ -171,6 +178,16 @@
           <el-button @click="uploadCancel">取 消</el-button>
         </div>
       </el-dialog>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-edit-outline"
+          size="mini"
+          @click="handleCreatePushTask"
+          >创建推送任务</el-button
+        >
+      </el-col>
       <el-col :span="1.5">
         <el-button
           type="danger"
@@ -196,7 +213,12 @@
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="流水号" align="center" prop="sn" />
+      <el-table-column
+        label="流水号"
+        align="center"
+        prop="sn"
+        show-overflow-tooltip
+      />
       <el-table-column label="导入批次" align="center" prop="importName" />
       <el-table-column label="团体" align="center" prop="teamName" />
       <el-table-column label="科室名称" align="center" prop="departmentName" />
@@ -217,14 +239,25 @@
         width="130"
       />
       <el-table-column label="姓名" align="center" prop="patientName" />
-      <el-table-column label="电话" align="center" prop="patientPhone" />
+      <el-table-column
+        label="电话"
+        align="center"
+        prop="patientPhone"
+        width="110"
+      />
       <el-table-column label="年龄" align="center" prop="age" />
-      <el-table-column label="身份证号" align="center" prop="cardNo" />
+      <el-table-column
+        label="身份证号"
+        align="center"
+        prop="cardNo"
+        show-overflow-tooltip
+      />
       <el-table-column label="人群" align="center" prop="crowdName" />
       <el-table-column
         label="总结标签"
         align="center"
         prop="physicalExaminationLabel"
+        show-overflow-tooltip
       />
       <el-table-column
         label="操作"
@@ -235,10 +268,10 @@
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-edit"
+            icon="el-icon-view"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['system:batchSendTaskInfo:edit']"
-            >修改</el-button
+            >查看</el-button
           >
           <el-button
             size="mini"
@@ -260,20 +293,78 @@
       @pagination="getList"
     />
 
+    <!-- 创建推送任务弹窗 -->
+    <el-dialog
+      title="请确认创建推送任务的名单"
+      :visible.sync="createPushTaskOpen"
+      width="90%"
+      append-to-body
+    >
+      <el-table
+        v-loading="createPushTaskLoading"
+        :data="createPushTaskList"
+        border
+        style="width: 100%"
+      >
+        <el-table-column label="流水号" align="center" prop="sn" width="120" />
+        <el-table-column label="导入批次" align="center" prop="importName" />
+        <el-table-column label="团体" align="center" prop="teamName" />
+        <el-table-column
+          label="就诊/体检时间"
+          align="center"
+          prop="visitDate"
+          width="180"
+        >
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.visitDate, "{y}-{m}-{d}") }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="姓名" align="center" prop="patientName" />
+        <el-table-column
+          label="电话"
+          align="center"
+          prop="patientPhone"
+          width="120"
+        />
+        <el-table-column label="年龄" align="center" prop="age" />
+        <el-table-column
+          label="身份证号"
+          align="center"
+          prop="cardNo"
+          width="190"
+        />
+      </el-table>
+
+      <pagination
+        v-show="createPushTaskTotal > 0"
+        :total="createPushTaskTotal"
+        :page.sync="createPushTaskQueryParams.pageNum"
+        :limit.sync="createPushTaskQueryParams.pageSize"
+        @pagination="getCreatePushTaskList"
+      />
+
+      <div slot="footer" class="dialog-footer" style="text-align: center">
+        <el-button @click="createPushTaskOpen = false">关闭</el-button>
+        <el-button
+          type="primary"
+          v-show="createPushTaskList.length > 0"
+          @click="toNewPage"
+          >确认并创建推送任务</el-button
+        >
+      </div>
+    </el-dialog>
+
     <!-- 添加或修改批量推送任务信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="序号" prop="orderNum">
           <el-input v-model="form.orderNum" placeholder="请输入序号" />
         </el-form-item>
-        <el-form-item label="流水号/导入编号" prop="sn">
-          <el-input v-model="form.sn" placeholder="请输入流水号/导入编号" />
+        <el-form-item label="流水号" prop="sn">
+          <el-input v-model="form.sn" placeholder="请输入流水号" />
         </el-form-item>
-        <el-form-item label="导入批次名称" prop="importName">
-          <el-input
-            v-model="form.importName"
-            placeholder="请输入导入批次名称"
-          />
+        <el-form-item label="导入批次" prop="importName">
+          <el-input v-model="form.importName" placeholder="请输入导入批次" />
         </el-form-item>
         <el-form-item label="团体名称" prop="teamName">
           <el-input v-model="form.teamName" placeholder="请输入团体名称" />
@@ -290,28 +381,22 @@
             placeholder="请输入所属医院名称"
           />
         </el-form-item>
-        <el-form-item label="匹配的科室ID" prop="departmentId">
-          <el-input
-            v-model="form.departmentId"
-            placeholder="请输入匹配的科室ID"
-          />
+        <el-form-item label="科室ID" prop="departmentId">
+          <el-input v-model="form.departmentId" placeholder="请输入科室ID" />
         </el-form-item>
-        <el-form-item label="匹配的科室名称" prop="departmentName">
+        <el-form-item label="科室名称" prop="departmentName">
           <el-input
             v-model="form.departmentName"
-            placeholder="请输入匹配的科室名称"
+            placeholder="请输入科室名称"
           />
         </el-form-item>
-        <el-form-item
-          label="就诊/体检时间，时间格式：yyyy-MM-dd"
-          prop="visitDate"
-        >
+        <el-form-item label="就诊/体检时间" prop="visitDate">
           <el-date-picker
             clearable
             v-model="form.visitDate"
             type="date"
             value-format="yyyy-MM-dd"
-            placeholder="请选择就诊/体检时间，时间格式：yyyy-MM-dd"
+            placeholder="请选择就诊/体检时间"
           >
           </el-date-picker>
         </el-form-item>
@@ -348,18 +433,15 @@
             placeholder="请输入体检总结/主要诊断"
           />
         </el-form-item>
-        <el-form-item
-          label="总结标签，逗号隔断"
-          prop="physicalExaminationLabel"
-        >
+        <el-form-item label="总结标签" prop="physicalExaminationLabel">
           <el-input
             v-model="form.physicalExaminationLabel"
-            placeholder="请输入总结标签，逗号隔断"
+            placeholder="请输入总结标签"
           />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <!-- <el-button type="primary" @click="submitForm">确 定</el-button> -->
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -373,6 +455,7 @@ import {
   delBatchSendTaskInfo,
   addBatchSendTaskInfo,
   updateBatchSendTaskInfo,
+  getPhysicalExaminationLabel,
 } from "@/api/system/batchSendTaskInfo";
 import { getToken } from "@/utils/auth";
 
@@ -380,6 +463,7 @@ export default {
   name: "BatchSendTaskInfo",
   data() {
     return {
+      ExaminationLabelList: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -392,6 +476,15 @@ export default {
       showSearch: true,
       // 总条数
       total: 0,
+      // 创建推送任务弹窗
+      createPushTaskOpen: false,
+      createPushTaskLoading: false,
+      createPushTaskList: [],
+      createPushTaskTotal: 0,
+      createPushTaskQueryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
       // 批量推送任务信息表格数据
       batchSendTaskInfoList: [],
       // 弹出层标题
@@ -414,8 +507,6 @@ export default {
       },
       // 查询参数
       queryParams: {
-        pageNum: 1,
-        pageSize: 10,
         orderNum: null,
         sn: null,
         importName: null,
@@ -464,6 +555,9 @@ export default {
   },
   created() {
     this.getList();
+    getPhysicalExaminationLabel().then((res) => {
+      this.ExaminationLabelList = res;
+    });
   },
   methods: {
     /** 查询批量推送任务信息列表 */
@@ -616,6 +710,59 @@ export default {
         `batchSendTaskInfo_${new Date().getTime()}.xlsx`
       );
     },
+
+    /** 创建推送任务按钮操作 */
+    handleCreatePushTask() {
+      // 判断所有查询条件都为空
+      const params = this.queryParams;
+      const hasQuery = Object.keys(params).some(
+        (key) =>
+          params[key] !== null &&
+          params[key] !== "" &&
+          key !== "pageNum" &&
+          key !== "pageSize"
+      );
+      if (!hasQuery) {
+        this.$modal.msgError("请选择查询条件");
+        return;
+      }
+      this.createPushTaskOpen = true;
+      this.createPushTaskQueryParams.pageNum = 1;
+      this.getCreatePushTaskList();
+    },
+
+    /** 创建推送任务弹窗列表（调用 listBatchSendTaskInfo） */
+    getCreatePushTaskList() {
+      this.createPushTaskLoading = true;
+      const params = {
+        ...this.queryParams,
+        pageNum: this.createPushTaskQueryParams.pageNum,
+        pageSize: this.createPushTaskQueryParams.pageSize,
+      };
+      listBatchSendTaskInfo(params)
+        .then((response) => {
+          this.createPushTaskList = response.rows || [];
+          this.createPushTaskTotal = response.total || 0;
+          this.createPushTaskLoading = false;
+        })
+        .catch(() => {
+          this.createPushTaskLoading = false;
+        });
+    },
+    toNewPage() {
+      this.createPushTaskOpen = false;
+      // 过滤掉分页参数
+      const query = {};
+      Object.keys(this.queryParams).forEach((key) => {
+        if (key !== "pageNum" && key !== "pageSize") {
+          query[key] = this.queryParams[key];
+        }
+      });
+      this.$router.push({
+        path: "/batchsendtask/CreatePushTask",
+        query,
+      });
+    },
   },
 };
 </script>

src/views/system/components/message.vue

@@ -1,68 +1,171 @@
 <template>
   <div class="app-container">
-    <el-button size="small" @click="classificationOpen = true" style="
+    <el-button
+      size="small"
+      @click="classificationOpen = true"
+      style="
         width: 200px;
         font-size: 14px;
         text-align: left;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
-      " :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName : "选择短信模板"
-      }}</el-button>
-    <el-dialog title="短信库模板选择" :visible.sync="classificationOpen" width="70%" :before-close="classificationOpenfalse">
+      "
+      :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">
-          <DepartmentList ref="DepartmentList" :modal="false" @clickdepartment="clickdepartment"
-            :methods="'listMessageNumtwo'">
+          <DepartmentList
+            ref="DepartmentList"
+            :modal="false"
+            @clickdepartment="clickdepartment"
+            :methods="'listMessageNumtwo'"
+          >
           </DepartmentList>
         </el-col>
         <!--用户数据-->
         <el-col :span="18" :xs="24">
-          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-            label-width="68px">
-            <el-form-item label="短信模板名称" prop="textMessageName" label-width="100px">
-              <el-input v-model="queryParams.textMessageName" placeholder="请输入模版名称" clearable
-                @keyup.enter.native="handleQuery" />
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            v-show="showSearch"
+            label-width="68px"
+          >
+            <el-form-item
+              label="短信模板名称"
+              prop="textMessageName"
+              label-width="100px"
+            >
+              <el-input
+                v-model="queryParams.textMessageName"
+                placeholder="请输入模版名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </el-form-item>
             <el-form-item label="模板ID" prop="textMessageId">
-              <el-input v-model="queryParams.textMessageId" placeholder="请输入模板ID" clearable
-                @keyup.enter.native="handleQuery" />
+              <el-input
+                v-model="queryParams.textMessageId"
+                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-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="templateList" @row-dblclick="handleselect">
-            <el-table-column type="index" width="48" align="center" label="序号" />
-            <el-table-column label="短信模板名称" align="center" prop="textMessageName" :show-overflow-tooltip="true" />
-            <el-table-column label="短信ID" align="center" prop="textMessageId" />
-            <el-table-column label="短信内容" align="center" prop="textMessageContent" :show-overflow-tooltip="true" />
-            <el-table-column :show-overflow-tooltip="true" label="适用任务类型" align="center" prop="suitTaskTypeName">
+          <el-table
+            v-loading="loading"
+            :data="templateList"
+            @row-dblclick="handleselect"
+          >
+            <el-table-column
+              type="index"
+              width="48"
+              align="center"
+              label="序号"
+            />
+            <el-table-column
+              label="短信模板名称"
+              align="center"
+              prop="textMessageName"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              label="短信ID"
+              align="center"
+              prop="textMessageId"
+            />
+            <el-table-column
+              label="短信内容"
+              align="center"
+              prop="textMessageContent"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              :show-overflow-tooltip="true"
+              label="适用任务类型"
+              align="center"
+              prop="suitTaskTypeName"
+            >
               <template slot-scope="scope">
-                {{ scope.row.suitTaskTypeName != "null" ? scope.row.suitTaskTypeName : "" }}
+                {{
+                  scope.row.suitTaskTypeName != "null"
+                    ? scope.row.suitTaskTypeName
+                    : ""
+                }}
               </template>
             </el-table-column>
-            <el-table-column label="短信通道" align="center" prop="textMessageChannel">
+            <el-table-column
+              label="短信通道"
+              align="center"
+              prop="textMessageChannel"
+            >
               <template slot-scope="scope">
-                {{ scope.row.textMessageChannel == "WATER_DROPLET_PLATFORM" ? "水滴平台" : "" }}
+                {{
+                  scope.row.textMessageChannel == "WATER_DROPLET_PLATFORM"
+                    ? "水滴平台"
+                    : ""
+                }}
               </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-button size="mini" type="text" @click="handleselect(scope.row)"
-                  v-if="handleselectId != scope.row.id">选择</el-button>
-                <el-button size="mini" type="text" @click="nohandleselect(scope.row)"
-                  v-if="handleselectId == scope.row.id">取消选择</el-button>
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="handleselect(scope.row)"
+                  v-if="handleselectId != scope.row.id"
+                  >选择</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="nohandleselect(scope.row)"
+                  v-if="handleselectId == scope.row.id"
+                  >取消选择</el-button
+                >
               </template>
             </el-table-column>
           </el-table>
         </el-col>
       </el-row>
-      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-        @pagination="getList" />
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
     </el-dialog>
   </div>
 </template>
@@ -78,10 +181,10 @@ import {
 } from "@/api/manage/message";
 import { typelist } from "@/api/manage/template";
 import { department, listDisease } from "@/api/manage/script";
-import DepartmentList from '../../components/DepartmentList.vue'
+import DepartmentList from "../../components/DepartmentList.vue";
 export default {
   components: {
-    DepartmentList
+    DepartmentList,
   },
   props: ["templateId", "templateName"],
   name: "Template",
@@ -140,14 +243,14 @@ export default {
   methods: {
     //接收科室列表传值
     clickdepartment(item) {
-      this.queryParams.hospitalAgencyId = item.hospitalAgencyId
-      this.queryParams.hospitalAgencyName = item.hospitalAgencyName
-      this.queryParams.departmentId = item.itemid
-      this.queryParams.departmentName = item.itemName
+      this.queryParams.hospitalAgencyId = item.hospitalAgencyId;
+      this.queryParams.hospitalAgencyName = item.hospitalAgencyName;
+      this.queryParams.departmentId = item.itemid;
+      this.queryParams.departmentName = item.itemName;
       if (item.hospitalAgencyId) {
         this.handleQuery();
       }
-      this.$forceUpdate()
+      this.$forceUpdate();
     },
     nohandleselect() {
       this.handleselectId = "";
@@ -156,7 +259,7 @@ export default {
         templateId: "",
         templateName: "",
         templateContent: "",
-        messageTemplateCode:"",
+        messageTemplateCode: "",
       });
     },
     handleselect(item) {
@@ -165,8 +268,9 @@ export default {
       this.$emit("on-template", {
         templateId: item.id,
         templateName: item.textMessageName,
-        templateContent: item.templateContent,
-        messageTemplateCode:item.messageTemplateCode
+        templateContent: item.textMessageContent,
+        messageTemplateCode: item.messageTemplateCode,
+        variables: item.variables,
       });
       this.classificationOpen = false;
     },
@@ -193,7 +297,7 @@ export default {
       this.queryParams.departmentId = null;
       this.itemname = null;
       this.resetForm("queryForm");
-      this.$refs.DepartmentList.resetQuery()
+      this.$refs.DepartmentList.resetQuery();
       // this.handleQuery();
     },
   },

src/views/system/components/script.vue

@@ -1,72 +1,180 @@
 <template>
   <div class="app-containers">
-    <el-button size="small" @click="classificationOpen = true" style="
+    <el-button
+      size="small"
+      @click="classificationOpen = true"
+      style="
         width: 200px;
         font-size: 14px;
         text-align: left;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
-      " :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName : "请选择"
-      }}</el-button>
-    <el-dialog title="话术库模板选择" :visible.sync="classificationOpen" width="70%" :before-close="classificationOpenfalse">
+      "
+      :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">
-          <DepartmentList ref="DepartmentList" :modal="false" @clickdepartment="clickdepartment"
-            :methods="'listScriptNumtwo'">
+          <DepartmentList
+            ref="DepartmentList"
+            :modal="false"
+            @clickdepartment="clickdepartment"
+            :methods="'listScriptNumtwo'"
+          >
           </DepartmentList>
         </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
+            :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-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-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-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-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-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" width="48" />
-            <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">
+          <el-table
+            v-loading="loading"
+            :data="scriptList"
+            @row-dblclick="handleselect"
+          >
+            <el-table-column
+              label="序号"
+              align="center"
+              prop="sort"
+              type="index"
+              width="48"
+            />
+            <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="handlesee(scope.row)">预览</el-button>
-                <el-button size="mini" type="text" @click="handleselect(scope.row)"
-                  v-if="handleselectId != scope.row.id">选择</el-button>
-                <el-button size="mini" type="text" @click="nohandleselect(scope.row)"
-                  v-if="handleselectId == scope.row.id">取消选择</el-button>
+                <el-button size="mini" type="text" @click="handlesee(scope.row)"
+                  >预览</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="handleselect(scope.row)"
+                  v-if="handleselectId != scope.row.id"
+                  >选择</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="nohandleselect(scope.row)"
+                  v-if="handleselectId == scope.row.id"
+                  >取消选择</el-button
+                >
               </template>
             </el-table-column>
           </el-table>
         </el-col>
       </el-row>
-      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-        @pagination="getList" />
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
     </el-dialog>
     <el-dialog title="话术预览" :visible.sync="lookshow" width="90%">
-      <Scriptpreview :phoneNodeContent="phoneNodeContent" v-if="lookshow"></Scriptpreview>
+      <Scriptpreview
+        :phoneNodeContent="phoneNodeContent"
+        v-if="lookshow"
+      ></Scriptpreview>
       <span slot="footer" class="dialog-footer">
         <el-button type="primary" @click="lookshow = false">确 定</el-button>
       </span>
@@ -88,9 +196,9 @@ import {
   listScriptNum,
 } from "@/api/manage/script";
 import stationAcatar from "../../system/stationAvatar/index.vue";
-import DepartmentList from '../../components/DepartmentList.vue'
+import DepartmentList from "../../components/DepartmentList.vue";
 export default {
-  props: ["templateId", "templateName", 'node'],
+  props: ["templateId", "templateName", "node"],
   components: { stationAcatar, Scriptpreview, DepartmentList },
   name: "Script",
   data() {
@@ -160,14 +268,14 @@ export default {
   methods: {
     //接收科室列表传值
     clickdepartment(item) {
-      this.queryParams.hospitalAgencyId = item.hospitalAgencyId
-      this.queryParams.hospitalAgencyName = item.hospitalAgencyName
-      this.queryParams.departmentId = item.itemid
-      this.queryParams.departmentName = item.itemName
+      this.queryParams.hospitalAgencyId = item.hospitalAgencyId;
+      this.queryParams.hospitalAgencyName = item.hospitalAgencyName;
+      this.queryParams.departmentId = item.itemid;
+      this.queryParams.departmentName = item.itemName;
       if (item.hospitalAgencyId) {
         this.handleQuery();
       }
-      this.$forceUpdate()
+      this.$forceUpdate();
     },
     handlesee(row) {
       if (row.flowScheme == null || row.flowScheme == "") {
@@ -181,18 +289,20 @@ export default {
       this.handleselectId = "";
       this.handleselectName = "";
       this.$emit("on-template", {
-        robotPublishId: '',
+        robotPublishId: "",
         templateId: "",
         templateName: "",
         templateContent: "",
-        scriptInfoId: '',
-        phoneTemplateId: '',
+        scriptInfoId: "",
+        phoneTemplateId: "",
       });
     },
     handleselect(item) {
-      if (this.node == 'AI') {
+      if (this.node == "AI") {
         if (!item.robotPublishId) {
-          return this.$message.error("机器人ID不存在，请维护机器人ID或重新选择模板");
+          return this.$message.error(
+            "机器人ID不存在，请维护机器人ID或重新选择模板"
+          );
         }
       }
       this.handleselectId = item.id;
@@ -204,7 +314,7 @@ export default {
         phoneNodeContent: item.flowScheme,
         scriptInfoId: item.id,
         phoneTemplateId: item.scriptId,
-        robotPublishId: item.robotPublishId
+        robotPublishId: item.robotPublishId,
       });
       this.classificationOpen = false;
     },
@@ -246,7 +356,7 @@ export default {
         scriptRemark: null,
       };
       this.resetForm("queryForm");
-      this.$refs.DepartmentList.resetQuery()
+      this.$refs.DepartmentList.resetQuery();
       // this.getList();
     },
   },