短信模板

src/api/manage/message.js

@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+
+// 查询短信模板信息列表
+export function listMessage(query) {
+    return request({
+        url: '/manage/message/list',
+        method: 'get',
+        params: query
+    })
+}
+
+// 查询短信模板信息详细
+export function getMessage(id) {
+    return request({
+        url: '/manage/message/' + id,
+        method: 'get'
+    })
+}
+
+// 新增短信模板信息
+export function addMessage(data) {
+    return request({
+        url: '/manage/message/add',
+        method: 'post',
+        data: data
+    })
+}
+
+// 修改短信模板信息
+export function updateMessage(data) {
+    return request({
+        url: '/manage/message/edit',
+        method: 'put',
+        data: data
+    })
+}
+
+// 删除短信模板信息
+export function delMessage(id) {
+    return request({
+        url: '/manage/message/remove/' + id,
+        method: 'delete'
+    })
+}
+// 查询科室信息列表及包含短信库数量
+export function listMessageNum(query) {
+    return request({
+        url: '/system/department/listMessageNum',
+        method: 'get',
+        params: query
+    })
+}

src/views/manage/message/index.vue

@@ -0,0 +1,981 @@
+<template>
+  <div class="app-container">
+    <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-form-item>
+      <el-form-item label="短信状态" prop="textMessageStatus">
+        <el-select
+          v-model="queryParams.textMessageStatus"
+          placeholder="请选择短信通道"
+        >
+          <el-option
+            v-for="item in optionstext"
+            :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="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @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="mini"
+          @click="handleAdd"
+          v-hasPermi="['manage:template:add']"
+          >新增短信模版</el-button
+        >
+      </el-col>
+
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+    <el-row :gutter="20">
+      <el-col :span="5">
+        <div class="left" ref="box">
+          <div class="name">科室名称</div>
+          <div>
+            <el-input
+              v-model="name"
+              placeholder="请输入科室名称"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </div>
+          <div class="listitem">
+            <div
+              :class="itemname == null ? 'allactive' : 'all'"
+              @click="itemdata()"
+            >
+              全部
+            </div>
+            <span class="count">{{ count }}</span>
+          </div>
+          <div
+            class="listitem"
+            v-for="(item, index) in DepartmentoList"
+            :key="index"
+            @click="itemdata(item)"
+          >
+            <div :class="itemname == item.id ? 'allactive' : 'all'">
+              {{ item.departmentName }}
+            </div>
+            <span class="count">{{ item.countNum }}</span>
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="19">
+        <el-table
+          v-loading="loading"
+          :data="templateList"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            type="index"
+            width="55"
+            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
+            label="适用任务类型"
+            align="center"
+            prop="suitTaskTypeName"
+          />
+          <el-table-column
+            label="短信通道"
+            align="center"
+            prop="textMessageChannel"
+          >
+            <template slot-scope="scope">
+              {{
+                scope.row.textMessageChannel == "WATER_DROPLET_PLATFORM"
+                  ? "水滴平台"
+                  : ""
+              }}
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="短信状态"
+            align="center"
+            prop="textMessageStatus"
+          >
+            <!-- <template slot-scope="scope">
+              {{ scope.row.textMessageStatus == "GROUNDING" ? "上架" : "" }}
+              {{ scope.row.textMessageStatus == "OFF_SHELF" ? "下架" : "" }}
+            </template> -->
+            <template slot-scope="scope" >
+            <span slot="reference" v-if="scope.row.textMessageStatus == 'GROUNDING'">
+              <i class="dotClass" style="background-color: springgreen"></i>上架
+            </span>
+            <span slot="reference" v-if="scope.row.textMessageStatus == 'OFF_SHELF'" >
+              <i class="dotClass" style="background-color: red"></i>下架
+            </span>
+          </template>
+          </el-table-column>
+          <el-table-column
+            label="病种名称"
+            align="center"
+            prop="diseaseTypeName"
+          />
+
+          <!-- <el-table-column
+            label="短信排序"
+            align="center"
+            prop="textMessageSort"
+          /> -->
+
+          <el-table-column
+            label="操作"
+            align="center"
+            class-name="small-padding fixed-width"
+          >
+            <template slot-scope="scope">
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                @click="handleUpdate(scope.row)"
+                v-hasPermi="['manage:template:edit']"
+                >修改</el-button
+              >
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-delete"
+                @click="handleDelete(scope.row)"
+                v-hasPermi="['manage:template:remove']"
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <pagination
+          v-show="total > 0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </el-col>
+    </el-row>
+
+
+    <!-- 添加或修改短信模板信息对话框 -->
+    <el-dialog :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="textMessageName">
+          <el-input
+            v-model="form.textMessageName"
+            placeholder="请输入短信模板名称"
+          />
+        </el-form-item>
+        <el-form-item label="短信ID" prop="textMessageId">
+          <el-input v-model="form.textMessageId" placeholder="请输入短信ID" />
+        </el-form-item>
+        <el-form-item label="短信内容" prop="textMessageContent">
+          <el-input
+            v-model="form.textMessageContent"
+            placeholder="请输入短信内容"
+            type="textarea"
+          />
+        </el-form-item>
+        <el-form-item label="适用任务类型" prop="suitTaskTypeIds">
+          <el-select
+            v-model="form.suitTaskTypeIds"
+            placeholder="请选择适用任务类型"
+            style="width: 380px"
+            multiple
+          >
+            <el-option
+              v-for="item in type"
+              :key="item.id"
+              :label="item.dictLabel"
+              :value="item.dictCode"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="短信通道" prop="textMessageChannel">
+          <el-select
+            v-model="form.textMessageChannel"
+            placeholder="请选择短信通道"
+            style="width: 380px"
+          >
+            <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="textMessageStatus">
+          <el-select
+            v-model="form.textMessageStatus"
+            placeholder="请选择短信状态"
+            style="width: 380px"
+          >
+            <el-option
+              v-for="item in optionstext"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="科室名称" prop="departmentId">
+          <el-button
+            type=""
+            v-if="departmentName == '请选择科室'"
+            @click="clickinnerVisible()"
+            style="
+              width: 379px;
+              text-align: left;
+              height: 36px;
+              color: #c0c4cc;
+              overflow: hidden;
+            "
+            >{{ departmentName }}</el-button
+          >
+          <el-button
+            @click="clickinnerVisible()"
+            type=""
+            v-else
+            style="
+              width: 379px;
+              text-align: left;
+              height: 36px;
+              padding-left: -10px;
+              overflow: hidden;
+            "
+            >{{ departmentName }}</el-button
+          >
+        </el-form-item>
+        <el-form-item label="病种名称" prop="diseaseTypeName">
+          <el-button
+            type=""
+            v-if="diseaseTypeName == '请选择病种'"
+            @click="clickdisease()"
+            style="
+              width: 379px;
+              text-align: left;
+              height: 36px;
+              color: #c0c4cc;
+              overflow: hidden;
+            "
+            >{{ diseaseTypeName }}</el-button
+          >
+          <el-button
+            @click="clickdisease()"
+            type=""
+            v-else
+            style="
+              width: 379px;
+              text-align: left;
+              height: 36px;
+              padding-left: -10px;
+              overflow: hidden;
+            "
+            >{{ diseaseTypeName }}</el-button
+          >
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!-- 科室弹框 -->
+    <el-dialog
+      title=""
+      :visible.sync="innerVisibleshow"
+      width="1000px"
+      append-to-body
+      :before-close="innerVisiblecancel"
+    >
+      <el-form
+        ref="queryForm"
+        :model="informationqueryParams"
+        :rules="rules"
+        label-width="80px"
+        :inline="true"
+      >
+        <el-form-item label="科室名称" prop="departmentName" label-width="120">
+          <el-input
+            v-model="informationqueryParams.departmentName"
+            placeholder="请输入科室名称"
+            clearable
+          />
+        </el-form-item>
+
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="informationInfoinfo"
+            >搜索</el-button
+          >
+          <el-button
+            icon="el-icon-refresh"
+            size="mini"
+            @click="addresetQuerylist"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+
+      <el-table
+        :data="infolist"
+        @cell-dblclick="nurseclick"
+        v-loading="loading"
+      >
+        <el-table-column label="请选择" width="100" align="center">
+          <template slot-scope="scope">
+            <el-button
+              type="primary"
+              style="width: 15px; height: 15px"
+              v-if="form.departmentId == scope.row.departmentCode"
+              circle
+              @click="nurseclick(scope.row)"
+            ></el-button>
+            <el-button
+              v-else
+              style="width: 15px; height: 15px"
+              circle
+              @click="nurseclick(scope.row)"
+            ></el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          property="departmentName"
+          label="科室名称"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="totaldepartment > 0"
+        :total="totaldepartment"
+        :page.sync="informationqueryParams.pageNum"
+        :limit.sync="informationqueryParams.pageSize"
+        @pagination="informationInfoinfo"
+      />
+    </el-dialog>
+    <!-- 病种弹框 -->
+    <el-dialog
+      title=""
+      :visible.sync="diseaseshowst"
+      width="1000px"
+      append-to-body
+      :before-close="canceldiseases"
+    >
+      <el-form
+        ref="queryForm"
+        :model="querydisease"
+        :rules="rules"
+        label-width="80px"
+        :inline="true"
+      >
+        <el-form-item label="病种名称" prop="departmentName" label-width="120">
+          <el-input
+            v-model="querydisease.departmentName"
+            placeholder="请输入病种名称"
+            clearable
+          />
+        </el-form-item>
+
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="infodisease"
+            >搜索</el-button
+          >
+          <el-button icon="el-icon-refresh" size="mini" @click="resetdisease"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+
+      <el-table
+        :data="listdisease"
+        @cell-dblclick="nurseclickdisease"
+        v-loading="loading"
+      >
+        <el-table-column label="请选择" width="100" align="center">
+          <template slot-scope="scope">
+            <el-button
+              type="primary"
+              style="width: 15px; height: 15px"
+              v-if="form.diseaseTypeId == scope.row.diseaseTypeCode"
+              circle
+              @click="nurseclickdisease(scope.row)"
+            ></el-button>
+            <el-button
+              v-else
+              style="width: 15px; height: 15px"
+              circle
+              @click="nurseclickdisease(scope.row)"
+            ></el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          property="diseaseTypeName"
+          label="病种名称"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="diseasetotal > 0"
+        :total="diseasetotal"
+        :page.sync="querydisease.pageNum"
+        :limit.sync="querydisease.pageSize"
+        @pagination="infodisease"
+      />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listMessage, getMessage, delMessage, addMessage, updateMessage,listMessageNum } from "@/api/manage/message";
+
+import { typelist } from "@/api/manage/template";
+import { department, listDisease } from "@/api/manage/script";
+
+export default {
+  name: "Template",
+  data() {
+    return {
+      itemname: null,
+      departmentName: null,
+      diseaseTypeName: null,
+      name: '',
+      departmentId: null,
+      count: '',//全部
+      DepartmentoList: [],//左侧数组
+      // 左侧传值
+      querydepartmen: {
+        departmentName: "",
+        // pageNum: 1,
+        // pageSize: 10,
+
+      },
+      optionstext: [{
+        value: 'GROUNDING',
+        label: '上架'
+
+      },
+      {
+        value: 'OFF_SHELF',
+        label: '下架'
+
+      }],
+      options: [{
+        value: 'WATER_DROPLET_PLATFORM',
+        label: '水滴平台'
+      },],
+      type: [],//类型
+
+
+      innerVisibleshow: false, //科室弹框
+      // 科室
+      informationqueryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        departmentName: null,
+      },
+      infolist: [],
+      totaldepartment: 0,
+
+      diseaseshowst: false,//病种弹框
+      querydisease: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      listdisease: [],
+      diseasetotal: 0,
+
+
+
+
+      optionsDisease: [],
+      // 遮罩层
+      loading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 微信模板信息表格数据
+      templateList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        textMessageId:null,
+        departmentId: null,
+        departmentName: null,
+        diseaseTypeId: null,
+        diseaseTypeName: null,
+        textMessageName: null,
+        textMessageContent: null,
+        textMessageChannel: null,
+        textMessageStatus: null,
+        textMessageSort: null,
+        textMessageRemark: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        textMessageName: [
+          { required: true, message: "短信模板名称不能为空", trigger: "blur" }
+        ],
+        textMessageId: [
+          { required: true, message: "短信ID不能为空", trigger: "blur" }
+        ],
+        textMessageContent: [
+          { required: true, message: "短信内容不能为空", trigger: "blur" }
+        ],
+
+
+        textMessageChannel: [
+          { required: true, message: "短信通道不能为空", trigger: "blur" }
+        ],
+
+        textMessageStatus: [
+          { required: true, message: "短信状态不能为空", trigger: "blur" }
+        ],
+        departmentId: [
+          { required: true, message: "所属科室名称不能为空", trigger: "blur" }
+        ],
+
+      }
+    };
+  },
+  watch: {
+    name(val) {
+      this.querydepartmen.departmentName = val
+      this.Departmentlist();
+    }
+  },
+  created() {
+    this.getList();
+    this.Departmentlist();
+    this.typelistdata();
+    listMessage(this.queryParams).then(response => {
+      this.count = response.total;
+    });
+  },
+  methods: {
+    /** 查询微信模板信息列表 */
+    getList() {
+      this.loading = true;
+      listMessage(this.queryParams).then(response => {
+        this.templateList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 适用任务类型
+    typelistdata() {
+      var dictType = "suit_task_type"
+      typelist(dictType).then(response => {
+        this.type = response.data
+
+      })
+    },
+    // 类型点击事件
+    change(e) {
+      // this.form.suitTaskTypeName = this.type.find(f => f.dictCode == e).dictLabel
+    },
+
+    // 左侧科室列表
+    Departmentlist() {
+      this.loading = true;
+      listMessageNum(this.querydepartmen).then(response => {
+        this.DepartmentoList = response.data;
+        // this.count=this.DepartmentoList.length
+        console.log(this.DepartmentoList)
+
+        // this.total = response.total;
+        this.loading = false;
+      });
+
+    },
+    // 左侧科室
+    itemdata(item) {
+      if (item) {
+        console.log(item, '9999')
+        this.itemname = item.id
+        this.departmentName = item.departmentName
+        this.loading = true;
+        this.queryParams.departmentId = item.id
+        this.getList()
+      } else {
+        this.queryParams.departmentId = ''
+        this.itemname = null
+        this.getList()
+      }
+    },
+
+
+    // 点击科室
+    clickinnerVisible() {
+      this.innerVisibleshow = true;
+      if (this.itemname) {
+        this.informationqueryParams.departmentId = this.itemname
+
+      } else {
+        this.informationqueryParams.departmentId = null
+      }
+      this.informationInfoinfo();
+    },
+    // 科室列表
+    informationInfoinfo() {
+      department(this.informationqueryParams).then((response) => {
+        this.infolist = response.rows;
+        this.totaldepartment = response.total;
+        this.loading = false;
+      });
+      // this.informationqueryParams.page = 1;
+    },
+    // 科室名称重置
+    addresetQuerylist() {
+      this.informationqueryParams = {
+        pageNum: 1,
+        pageSize: 10,
+      };
+      this.informationInfoinfo();
+    },
+    innerVisiblecancel() {
+      this.innerVisibleshow = false;
+    },
+    // 科室名称圆点按钮
+    nurseclick(row) {
+      this.form.departmentId = row.departmentCode;
+      this.departmentName = row.departmentName;
+      console.log(this.departmentName, '0000')
+      this.innerVisibleshow = false;
+    },
+
+
+
+    // 病种列表
+    infodisease() {
+      listDisease(this.querydisease).then((response) => {
+        this.listdisease = response.rows;
+        this.diseasetotal = response.total;
+        this.loading = false;
+      });
+    },
+    // 点击病种
+    clickdisease() {
+      console.log(this.form)
+      if (this.departmentName == '请选择科室') {
+        this.$modal.msgError("请先选择科室");
+
+      } else {
+        console.log(this.departmentName, '00000')
+        this.diseaseshowst = true;
+        this.querydisease.departmentId = this.form.departmentId
+        this.infodisease()
+      }
+    },
+    // 病种名称圆点按钮
+    nurseclickdisease(row) {
+      this.form.diseaseTypeId = row.diseaseTypeCode;
+      this.diseaseTypeName = row.diseaseTypeName;
+      this.diseaseshowst = false;
+      console.log(this.diseaseTypeName, '1121000')
+
+    },
+    // 重置
+    resetdisease() {
+      querydisease = {
+        pageNum: 1,
+        pageSize: 10,
+      };
+      this.infodisease()
+    },
+
+    canceldiseases() {
+      this.diseaseshowst = false;
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        departmentId: null,
+        departmentName: null,
+        diseaseTypeId: null,
+        diseaseTypeName: null,
+        textMessageName: null,
+        textMessageId: null,
+        textMessageContent: null,
+        textMessageChannel: null,
+        textMessageStatus: null,
+        textMessageSort: null,
+        textMessageRemark: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        suitTaskTypeIds:[],
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams.departmentId = null;
+      this.itemname = null;
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      console.log(this.form)
+      if (this.itemname) {
+        this.form.departmentName = this.departmentName
+        this.form.departmentId = this.itemname
+      } else if (this.itemname == null) {
+        this.departmentName = "请选择科室"
+      }
+      else {
+        this.departmentName = "请选择科室"
+      }
+      this.diseaseTypeName = "请选择病种"
+
+      this.open = true;
+      this.title = "新增短信模版";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      if (!this.itemname) {
+        this.$modal.msgError("请先选择科室");
+      } else {
+        // this.reset();
+        const id = row.id || this.ids
+        // this.getDisease();
+        getMessage(id).then(response => {
+          this.form = response.data;
+          this.diseaseTypeName = response.data.diseaseTypeName
+          this.departmentName = response.data.departmentName
+          this.form.suitTaskTypeIds = response.data.suitTaskTypeIds
+          this.open = true;
+          this.title = "修改短信模板信息";
+        });
+      }
+    },
+    /** 提交按钮 */
+    submitForm() {
+      console.log(this.form)
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            this.form.departmentName = this.departmentName
+            this.form.diseaseTypeName = this.diseaseTypeName
+            updateMessage(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            if (this.diseaseTypeName == "请选择病种") {
+              this.form.diseaseTypeName == null
+            } else {
+              this.form.diseaseTypeName = this.diseaseTypeName
+            }
+            if (this.itemname) {
+
+              this.form.departmentName = this.departmentName
+              this.form.departmentId = this.itemname
+
+            } else {
+              this.form.departmentName = this.departmentName
+
+            }
+            addMessage(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+              this.Departmentlist();
+            });
+
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除短信模板信息？').then(function () {
+        return delMessage(ids);
+      }).then(() => {
+        this.getList();
+        var quer = {
+          pageNum: 1,
+          pageSize: 10,
+
+        }
+        listMessage(quer).then(response => {
+          this.count = response.total;
+        });
+        this.Departmentlist();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => { });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('manage/template/export', {
+        ...this.queryParams
+      }, `template_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>
+<style lang="scss">
+.left {
+  height: 530px;
+  overflow: auto;
+  .name {
+    font-weight: 700;
+    margin-bottom: 10px;
+  }
+  .listitem {
+    width: 100%;
+    height: 50px;
+    border-bottom: 1px solid #dcdfe6;
+    .count {
+      display: inline-block;
+      position: relative;
+      // right: -172px;
+      left: 210px;
+      color: #a4a6aa;
+      top: -35px;
+      font-size: 13px;
+    }
+    .all {
+      height: 50px;
+      line-height: 50px;
+      padding-left: 13px;
+    }
+    .allactive {
+      background: #e8f4ff;
+      height: 50px;
+      line-height: 50px;
+      padding-left: 13px;
+      border-left: 3px solid #4d9de7;
+    }
+  }
+}
+.button {
+  display: inline-block;
+  position: relative;
+  left: 20px;
+  top: -11px;
+}
+.dotClass {
+  width:10px;
+  height:10px;
+  border-radius: 50%;
+  display: block;
+  // margin-left: 10px;  //这个用于圆点居中
+  position: relative;
+    top: 16px;
+    left: 12px;
+}
+</style>

src/views/manage/script/index.vue

@@ -806,7 +806,6 @@ export default {
     nurseclick(row) {
       this.form.departmentId = row.departmentCode;
       this.departmentName = row.departmentName;
-      console.log(this.departmentName, '0000')
       this.innerVisibleshow = false;
     },
 
@@ -821,12 +820,10 @@ export default {
     },
     // 点击病种
     clickdisease() {
-      console.log(this.form)
       if (this.departmentName == '请选择科室') {
         this.$modal.msgError("请先选择科室");
 
       } else {
-        console.log(this.departmentName, '00000')
         this.diseaseshowst = true;
         this.querydisease.departmentId = this.form.departmentId
         this.infodisease()
@@ -838,8 +835,6 @@ export default {
       this.form.diseaseTypeId = row.diseaseTypeCode;
       this.diseaseTypeName = row.diseaseTypeName;
       this.diseaseshowst = false;
-      console.log(this.diseaseTypeName, '1121000')
-
     },
     // 重置
     resetdisease() {
@@ -869,7 +864,6 @@ export default {
     // 左侧科室
     itemdata(item) {
       if (item) {
-        console.log(item, '9999')
         this.itemname = item.id
         // this.form.departmentId = item.id
         this.departmentName = item.departmentName
@@ -965,7 +959,6 @@ export default {
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
-      console.log(this.form)
       if (this.itemname) {
         this.form.departmentName = this.departmentName
         this.form.departmentId=this.itemname
@@ -981,7 +974,7 @@ export default {
    
 
       this.title = "添加话术信息";
-      this.getDisease();
+      // this.getDisease();
 
       // }
     },
@@ -1011,8 +1004,6 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      console.log(this.form)
-      console.log(this.diseaseTypeName)
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.id != null) {

src/views/manage/template/index.vue

@@ -102,7 +102,12 @@
           :data="templateList"
           @selection-change="handleSelectionChange"
         >
-          <el-table-column type="index" width="55" align="center"  label="序号"/>
+          <el-table-column
+            type="index"
+            width="55"
+            align="center"
+            label="序号"
+          />
           >
           <el-table-column
             label="微信模版名称"
@@ -116,11 +121,7 @@
             prop="templateSource"
           >
             <template slot-scope="scope">
-              {{
+              {{ scope.row.templateSource == "WE_CHAT_APPLET" ? "小程序" : "" }}
-                scope.row.templateSource == "WE_CHAT_APPLET"
-                  ? "小程序"
-                  : ""
-              }}
               {{
                 scope.row.templateSource == "WE_CHAT_OFFICIAL_ACCOUNT"
                   ? "公众号"
@@ -178,20 +179,30 @@
     <!-- 添加或修改微信模板信息对话框 -->
     <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="wechatTemplateName">
-          <el-input v-model="form.wechatTemplateName" placeholder="请输入微信模板名称" />
+          <el-input
+            v-model="form.wechatTemplateName"
+            placeholder="请输入微信模板名称"
+          />
         </el-form-item>
         <el-form-item label="模板ID" prop="templateId">
           <el-input v-model="form.templateId" placeholder="请输入模板ID" />
         </el-form-item>
         <el-form-item label="模板内容" prop="templateContent">
-          <el-input v-model="form.templateContent" placeholder="请输入模板内容" type="textarea" />
+          <el-input
+            v-model="form.templateContent"
+            placeholder="请输入模板内容"
+            type="textarea"
+          />
 
           <!-- <editor v-model="form.templateContent" :min-height="192"/> -->
         </el-form-item>
         <el-form-item label="模板来源" prop="templateSource">
-          <el-select v-model="form.templateSource" placeholder="请选择" style="width:380px">
+          <el-select
+            v-model="form.templateSource"
+            placeholder="请选择"
+            style="width: 380px"
+          >
             <el-option
               v-for="item in options"
               :key="item.value"
@@ -199,14 +210,18 @@
               :value="item.value"
             >
             </el-option>
-
           </el-select>
         </el-form-item>
         <el-form-item label="适用数据类型" prop="suitTaskTypeId">
-          <el-select v-model="form.suitTaskTypeId " placeholder="请选择" style="width:380px" @change="change">
+          <el-select
+            v-model="form.suitTaskTypeIds"
+            placeholder="请选择"
+            style="width: 380px"
+            multiple
+          >
             <el-option
               v-for="item in type"
-              :key="item.id"
+              :key="item.dictCode"
               :label="item.dictLabel"
               :value="item.dictCode"
             >
@@ -269,15 +284,14 @@
             >{{ diseaseTypeName }}</el-button
           >
         </el-form-item>
-
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
-        <!-- 科室弹框 -->
+    <!-- 科室弹框 -->
-        <el-dialog
+    <el-dialog
       title=""
       :visible.sync="innerVisibleshow"
       width="1000px"
@@ -345,7 +359,6 @@
           :show-overflow-tooltip="true"
         >
         </el-table-column>
-        
       </el-table>
       <pagination
         v-show="totaldepartment > 0"
@@ -355,8 +368,8 @@
         @pagination="informationInfoinfo"
       />
     </el-dialog>
-     <!-- 病种弹框 -->
+    <!-- 病种弹框 -->
-     <el-dialog
+    <el-dialog
       title=""
       :visible.sync="diseaseshowst"
       width="1000px"
@@ -430,13 +443,12 @@
         @pagination="infodisease"
       />
     </el-dialog>
-    
   </div>
 </template>
 
 <script>
-import { listTemplate, getTemplate, delTemplate, addTemplate, updateTemplate, listWechatTemplateNum ,typelist} from "@/api/manage/template";
+import { listTemplate, getTemplate, delTemplate, addTemplate, updateTemplate, listWechatTemplateNum, typelist } from "@/api/manage/template";
-import {department, listDisease } from "@/api/manage/script";
+import { department, listDisease } from "@/api/manage/script";
 
 export default {
   name: "Template",
@@ -447,7 +459,7 @@ export default {
       diseaseTypeName: null,
       name: '',
       departmentId: null,
-      count:'',//全部
+      count: '',//全部
       DepartmentoList: [],//左侧数组
       // 左侧传值
       querydepartmen: {
@@ -463,7 +475,7 @@ export default {
         value: 'WE_CHAT_OFFICIAL_ACCOUNT',
         label: '公众号'
       },],
-      type:[],//类型
+      type: [],//适用数据类型
 
 
       innerVisibleshow: false, //科室弹框
@@ -510,7 +522,7 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        wechatTemplateName:null,
+        wechatTemplateName: null,
         departmentId: null,
         departmentName: null,
         diseaseTypeId: null,
@@ -540,7 +552,7 @@ export default {
         departmentId: [
           { required: true, message: "所属科室名称不能为空", trigger: "blur" }
         ],
-        
+
       }
     };
   },
@@ -555,8 +567,8 @@ export default {
     this.Departmentlist();
     this.typelistdata();
     listTemplate(this.queryParams).then(response => {
-        this.count = response.total;
+      this.count = response.total;
-      });
+    });
   },
   methods: {
     /** 查询微信模板信息列表 */
@@ -569,16 +581,16 @@ export default {
       });
     },
     // 适用任务类型
-    typelistdata(){
+    typelistdata() {
-      var dictType="suit_task_type"
+      var dictType = "suit_task_type"
-      typelist(dictType).then(response=>{
+      typelist(dictType).then(response => {
-        this.type=response.data
+        this.type = response.data
 
       })
     },
     // 类型点击事件
-    change(e){
+    change(e) {
-      this.form.suitTaskTypeName=this.type.find(f=> f.dictCode==e).dictLabel
+      // this.form.suitTaskTypeName=this.type.find(f=> f.dictCode==e).dictLabel
     },
 
     // 左侧科室列表
@@ -605,14 +617,18 @@ export default {
         this.getList()
       } else {
         this.queryParams.departmentId = ''
+       
         this.itemname = null
         this.getList()
+        listTemplate(this.queryParams).then(response => {
+          this.count = response.total;
+        });
       }
     },
 
 
-        // 点击科室
+    // 点击科室
-        clickinnerVisible() {
+    clickinnerVisible() {
       this.innerVisibleshow = true;
       if (this.itemname) {
         this.informationqueryParams.departmentId = this.itemname
@@ -651,8 +667,8 @@ export default {
 
 
 
-        // 病种列表
+    // 病种列表
-        infodisease() {
+    infodisease() {
       listDisease(this.querydisease).then((response) => {
         this.listdisease = response.rows;
         this.diseasetotal = response.total;
@@ -699,7 +715,7 @@ export default {
       this.form = {
         id: null,
         departmentId: null,
-        dictCode:null,
+        dictCode: null,
         departmentName: null,
         diseaseTypeId: null,
         diseaseTypeName: null,
@@ -711,8 +727,10 @@ export default {
         createBy: null,
         createTime: null,
         updateBy: null,
-        updateTime: null
+        updateTime: null,
+        suitTaskTypeIds: [],
       };
+
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
@@ -738,9 +756,9 @@ export default {
       this.reset();
       if (this.itemname) {
         this.form.departmentName = this.departmentName
-        this.form.departmentId=this.itemname
+        this.form.departmentId = this.itemname
-      } else if(this.itemname == null){
+      } else if (this.itemname == null) {
-          this.departmentName = "请选择科室"
+        this.departmentName = "请选择科室"
       }
       else {
         this.departmentName = "请选择科室"
@@ -750,57 +768,60 @@ export default {
       this.open = true;
       this.title = "新增微信模板";
     },
-        /** 修改按钮操作 */
+    /** 修改按钮操作 */
-        handleUpdate(row) {
+    handleUpdate(row) {
       if (!this.itemname) {
         this.$modal.msgError("请先选择科室");
       } else {
         // this.reset();
         const id = row.id || this.ids
         // this.getDisease();
+        this.typelistdata();
         getTemplate(id).then(response => {
           this.form = response.data;
+          this.form.suitTaskTypeIds = response.data.suitTaskTypeIds
           this.diseaseTypeName = response.data.diseaseTypeName
           this.departmentName = response.data.departmentName
           this.open = true;
-          this.title = "修改话术信息";
+          this.title = "修改信息";
         });
       }
     },
-        /** 提交按钮 */
+    /** 提交按钮 */
-        submitForm() {
+    submitForm() {
+      console.log(this.form)
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
             this.form.departmentName = this.departmentName
-          this.form.diseaseTypeName = this.diseaseTypeName
+            this.form.diseaseTypeName = this.diseaseTypeName
-          updateTemplate(this.form).then(response => {
+            updateTemplate(this.form).then(response => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-          if(this.diseaseTypeName == "请选择病种"){
+            if (this.diseaseTypeName == "请选择病种") {
-            this.form.diseaseTypeName==null
+              this.form.diseaseTypeName == null
-          }else{
+            } else {
-          this.form.diseaseTypeName = this.diseaseTypeName
+              this.form.diseaseTypeName = this.diseaseTypeName
-          }
+            }
-          if(this.itemname){
+            if (this.itemname) {
- 
-            this.form.departmentName = this.departmentName
-        this.form.departmentId=this.itemname
 
-          }else{
+              this.form.departmentName = this.departmentName
-            this.form.departmentName = this.departmentName
+              this.form.departmentId = this.itemname
 
-          }
+            } else {
-          addTemplate(this.form).then(response => {
+              this.form.departmentName = this.departmentName
-                this.$modal.msgSuccess("新增成功");
-                this.open = false;
-                this.getList();
-              });
 
             }
+            addTemplate(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+
+          }
         }
       });
     },
@@ -811,14 +832,14 @@ export default {
         return delTemplate(ids);
       }).then(() => {
         this.getList();
-        var quer={
+        var quer = {
           pageNum: 1,
-        pageSize: 10,
+          pageSize: 10,
 
         }
         listTemplate(quer).then(response => {
-        this.count = response.total;
+          this.count = response.total;
-      });
+        });
         this.Departmentlist();
         this.$modal.msgSuccess("删除成功");
       }).catch(() => { });