WXL (wul)
5 天以前 70e4d2c33cc2e3af590d1816c0c703da341538cf
src/views/patient/propaganda/index.vue
@@ -11,7 +11,10 @@
        label-width="98px"
      >
        <el-form-item label="任务名称">
          <el-input v-model="topqueryParams.taskName" placeholder="请选择任务名称"></el-input>
          <el-input
            v-model="topqueryParams.taskName"
            placeholder="请选择任务名称"
          ></el-input>
        </el-form-item>
        <!-- <el-form-item label="发起人">
          <el-input v-model="topqueryParams.createBy"></el-input>
@@ -34,7 +37,7 @@
            placeholder="请输入患者姓名"
          ></el-input>
        </el-form-item>
        <el-form-item label="患者范围" prop="status">
        <!-- <el-form-item label="患者范围" prop="status">
          <el-select
            v-model="topqueryParams.searchscope"
            placeholder="请选择患者范围"
@@ -47,6 +50,17 @@
            >
            </el-option>
          </el-select>
        </el-form-item> -->
        <el-form-item label="患者范围" prop="status">
          <el-cascader
            v-model="topqueryParams.scopetype"
            placeholder="默认全部"
            :options="sourcetype"
            filterable
            clearable
            :props="{ expandTrigger: 'hover' }"
            @change="handleChange"
          ></el-cascader>
        </el-form-item>
        <el-form-item label="宣教状态" prop="status">
@@ -86,16 +100,15 @@
      </el-form>
      <el-divider></el-divider>
      <el-row :gutter="10" class="mb8">
        <el-col :span="1.5">
        <!-- <el-col :span="1.5">
          <el-button
            type="primary"
            plain
            icon="el-icon-plus"
            size="medium"
            @click="handleAdd"
            >新增</el-button
          >
        </el-col>
        </el-col> -->
        <el-col :span="1.5">
          <div class="documentf">
            <div class="document">
@@ -105,7 +118,6 @@
                icon="el-icon-upload2"
                size="medium"
                @click="handleExport"
                v-hasPermi="['system:user:export']"
                >导出</el-button
              >
            </div>
@@ -143,10 +155,9 @@
      <el-table
        v-loading="loading"
        :data="userList"
         height="660"
        height="560"
        @selection-change="handleSelectionChange"
      >
        <el-table-column type="selection" width="50" align="center" />
        <el-table-column
          label="任务名称"
          fixed
@@ -158,60 +169,61 @@
        <!-- <el-table-column label="序号" fixed align="center" key="id" prop="id" /> -->
        <el-table-column
          label="姓名"
          width="100"
          fixed
          align="center"
          key="sendname"
          prop="sendname"
        />
        <el-table-column
        label="宣教状态"
        align="center"
        key="sendstate"
        prop="sendstate"
        width="120"
          label="宣教状态"
          align="center"
          key="sendstate"
          prop="sendstate"
          width="120"
        >
        <template slot-scope="scope">
          <div v-if="scope.row.sendstate == 1">
            <el-tag type="primary" :disable-transitions="false"
                >被领取</el-tag
                >
              </div>
              <div v-if="scope.row.sendstate == 2">
                <el-tag type="primary" :disable-transitions="false"
                >待发送</el-tag
                >
              </div>
              <div v-if="scope.row.sendstate == 3">
                <el-tag type="success" :disable-transitions="false"
                >已发送未领取</el-tag
                >
              </div>
              <div v-if="scope.row.sendstate == 4">
                <el-tag type="info" :disable-transitions="false">不执行</el-tag>
              </div>
              <div v-if="scope.row.sendstate == 5">
                <el-tag type="danger" :disable-transitions="false"
          <template slot-scope="scope">
            <div v-if="scope.row.sendstate == 1">
              <el-tag type="primary" :disable-transitions="false"
                >表单已领取</el-tag
              >
            </div>
            <div v-if="scope.row.sendstate == 2">
              <el-tag type="primary" :disable-transitions="false"
                >待随访</el-tag
              >
            </div>
            <div v-if="scope.row.sendstate == 3">
              <el-tag type="success" :disable-transitions="false"
                >表单已发送</el-tag
              >
            </div>
            <div v-if="scope.row.sendstate == 4">
              <el-tag type="info" :disable-transitions="false">不执行</el-tag>
            </div>
            <div v-if="scope.row.sendstate == 5">
              <el-tag type="danger" :disable-transitions="false"
                >发送失败</el-tag
                >
              </div>
              <div v-if="scope.row.sendstate == 6">
                <el-tag type="danger" :disable-transitions="false">已完成</el-tag>
              </div>
            </template>
          </el-table-column>
              >
            </div>
            <div v-if="scope.row.sendstate == 6">
              <el-tag type="danger" :disable-transitions="false">已完成</el-tag>
            </div>
          </template>
        </el-table-column>
          <el-table-column
        <el-table-column
          label="结果状态"
          align="center"
          key="excep"
          prop="excep"
          width="120"
          >
        >
          <template slot-scope="scope">
            <div v-if="scope.row.sendstate == 6">
              <dict-tag
              :options="dict.type.sys_yujing"
              :value="scope.row.excep"
                :options="dict.type.sys_yujing"
                :value="scope.row.excep"
              />
            </div>
            <div v-else>
@@ -220,52 +232,51 @@
          </template>
        </el-table-column>
        <el-table-column
        label="处理意见"
        align="center"
        key="suggest"
        prop="suggest"
        width="120"
          label="处理意见"
          align="center"
          key="suggest"
          prop="suggest"
          width="120"
        >
        <template slot-scope="scope">
          <dict-tag
          :options="dict.type.sys_suggest"
          :value="scope.row.suggest"
          />
          <template slot-scope="scope">
            <dict-tag
              :options="dict.type.sys_suggest"
              :value="scope.row.suggest"
            />
          </template>
        </el-table-column>
        <el-table-column
        label="出院日期"
        width="200"
        align="center"
        key="endtime"
        prop="endtime"
          label="出院日期"
          width="146"
          align="center"
          key="endtime"
          prop="endtime"
        >
        <template slot-scope="scope">
          <span>{{ formatTime(scope.row.endtime) }}</span>
        </template></el-table-column
        >
        <el-table-column
        label="应宣教日期"
        width="200"
        align="center"
        key="longSendTime"
        prop="longSendTime"
        >
        <template slot-scope="scope">
          <span>{{ formatTime(scope.row.longSendTime) }}</span>
          <template slot-scope="scope">
            <span>{{ formatTime(scope.row.endtime) }}</span>
          </template></el-table-column
          >
          <el-table-column
        >
        <el-table-column
          label="应宣教日期"
          width="200"
          align="center"
          key="visitTime"
          prop="visitTime"
        >
          <template slot-scope="scope">
            <span>{{ formatTime(scope.row.visitTime) }}</span>
          </template></el-table-column
        >
        <el-table-column
          label="出院天数"
          width="120"
          align="center"
          key="endDay"
          prop="endDay"
          >
        >
          <template slot-scope="scope">
            <span>{{
              scope.row.endDay ? scope.row.endDay + "天" : "日期缺失"
            }}</span>
            <span>{{ scope.row.endDay ? scope.row.endDay + "天" : "" }}</span>
          </template>
        </el-table-column>
        <el-table-column
@@ -289,13 +300,6 @@
          key="drname"
          prop="drname"
        />
        <el-table-column
          label="宣教异常记录"
          width="120"
          align="center"
          key="remark"
          prop="remark"
        />
        <!-- <el-table-column
          label="病历号"
@@ -307,7 +311,7 @@
        /> -->
        <!-- <el-table-column label="年龄" align="center" key="age" prop="age" /> -->
        <!-- <el-table-column label="性别" align="center" key="sex" prop="sex" /> -->
        <!-- <el-table-column label="性别"width="100" align="center" key="sex" prop="sex" /> -->
        <!-- <el-table-column label="床号" align="center" key="badNo" prop="badNo" /> -->
        <el-table-column
          label="科室"
@@ -341,6 +345,7 @@
          align="center"
          key="templatename"
          prop="templatename"
          :show-overflow-tooltip="true"
          width="200"
        />
@@ -351,39 +356,42 @@
          prop="createBy"
          width="120"
        />
        <!-- <el-table-column
          label="责任医师"
          align="center"
          key="drname"
          prop="drname"
          width="120"
        /> -->
        <!-- <el-table-column
          label="出院时间"
          sortable
        fixed="right"
          label="任务发送流程"
          align="center"
          prop="createTime"
          key="serviceSubtaskRecordList"
          prop="serviceSubtaskRecordList"
          width="160"
          :show-overflow-tooltip="true"
        >
          <template slot-scope="scope">
            <span>{{ formatTime(scope.row.createTime) }}</span>
            <span v-for="item in scope.row.serviceSubtaskRecordList"
              >{{ item.remark }}、
            </span>
          </template>
        </el-table-column> -->
        <!-- <el-table-column
          label="宣教时间"
          sortable
        <el-table-column
          label="任务结果记录"
          width="120"
          align="center"
          prop="createTime"
          width="160"
          key="remark"
          prop="remark"
        >
          <template slot-scope="scope">
            <span v-if="scope.row.sendType != 3">{{
              formatTime(scope.row.createTime)
            }}</span>
            <span v-else>即刻发送</span>
          <template slot-scope="scope" v-if="scope.row.remark">
            <el-tag
              type="success"
              v-if="
                scope.row.sendstate != 5 &&
                scope.row.sendstate != 4 &&
                scope.row.remark
              "
              >{{ scope.row.remark }}</el-tag
            >
            <el-tag type="warning" v-else>{{ scope.row.remark }}</el-tag>
          </template>
        </el-table-column> -->
        </el-table-column>
        <el-table-column
          label="宣教时间"
          sortable
@@ -393,6 +401,17 @@
        >
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.finishtime) }}</span>
          </template>
        </el-table-column>
        <el-table-column fixed="right" label="操作" align="center" width="100">
          <template slot-scope="scope">
            <el-button
              size="medium"
              type="text"
              icon="el-icon-view"
              @click="previewTemplate(scope.row)"
              >预览</el-button
            >
          </template>
        </el-table-column>
        <!-- <el-table-column
@@ -408,7 +427,6 @@
            <dict-tag :options="serviceState" :value="scope.row.sendstate" />
          </template>
        </el-table-column> -->
      </el-table>
      <pagination
@@ -548,6 +566,10 @@
        >
      </span>
    </el-dialog>
    <!-- 宣教模板预览 -->
    <el-dialog title="模板预览" :visible.sync="previewtf" width="60%">
      <div v-html="htmlRichText"></div>
    </el-dialog>
  </div>
</template>
@@ -561,10 +583,11 @@
  resetUserPwd,
  changeUserStatus,
} from "@/api/system/user";
import { getTaskservelist } from "@/api/AiCentre/index";
import { getTaskservelist, getlibrarylist } from "@/api/AiCentre/index";
import Treeselect from "@riophae/vue-treeselect";
import store from "@/store";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import axios from "axios";
export default {
  name: "Discharge",
@@ -603,10 +626,28 @@
      ruleForm: {
        type: [],
      },
      sourcetype: [
        {
          value: 1,
          label: "科室",
          children: [],
        },
        {
          value: 2,
          label: "病区",
          children: [],
        },
        {
          value: 3,
          label: "全部",
        },
      ],
      dynamicTags: ["选项一", "选项二", "选项三"], //选项
      inputVisible: false,
      inputValue: "",
      previewVisible: false, //门诊宣教预览弹框
      previewtf: false, //宣教模板预览弹框
      htmlRichText: "", //宣教模板预览富文本
      radio: "",
      radios: [],
      previewtype: 2, //预览门诊宣教类型
@@ -728,7 +769,10 @@
        pageNum: 1,
        pageSize: 10,
        serviceType: 4,
        searchscope:2,
        searchscope: 3,
        sendstate: 2,
        leaveldeptcodes: [],
        leavehospitaldistrictcodes: [],
      },
      propss: { multiple: true },
      options: [],
@@ -736,15 +780,15 @@
      topicoptions: [
        {
          value: 1,
          label: "被领取",
          label: "表单已领取",
        },
        {
          value: 2,
          label: "待发送",
          label: "待随访",
        },
        {
          value: 3,
          label: "已发送未领取",
          label: "表单已发送",
        },
        {
          value: 4,
@@ -757,6 +801,10 @@
        {
          value: 6,
          label: "已完成",
        },
        {
          value: 7,
          label: "超时",
        },
      ],
      topicoptionsyj: [
@@ -777,6 +825,19 @@
  watch: {},
  created() {
    this.serviceState = store.getters.serviceState;
    this.sourcetype[0].children = store.getters.belongDepts.map((dept) => {
      return {
        label: dept.deptName,
        value: dept.deptCode,
      };
    });
    this.sourcetype[1].children = store.getters.belongWards.map((dept) => {
      return {
        label: dept.districtName,
        value: dept.districtCode,
      };
    });
    this.getList();
    this.getConfigKey("sys.user.initPassword").then((response) => {
      this.initPassword = response.msg;
@@ -794,16 +855,7 @@
  methods: {
    /** 查询门诊宣教服务列表 */
    getList() {
      if (this.topqueryParams.searchscope == 1) {
        this.topqueryParams.leaveldeptcodes = store.getters.belongDepts.map(
          (obj) => obj.deptCode
        );
        this.topqueryParams.leavehospitaldistrictcodes = null;
      } else if (this.topqueryParams.searchscope == 2) {
        this.topqueryParams.leavehospitaldistrictcodes =
          store.getters.belongWards.map((obj) => obj.districtCode);
        this.topqueryParams.leaveldeptcodes = null;
      } else {
      if (this.topqueryParams.searchscope == 3) {
        this.topqueryParams.leaveldeptcodes = store.getters.belongDepts.map(
          (obj) => obj.deptCode
        );
@@ -811,6 +863,23 @@
          store.getters.belongWards.map((obj) => obj.districtCode);
      }
      this.loading = true;
      console.log(this.topqueryParams.leavehospitaldistrictcodes, "123");
      console.log(this.topqueryParams.leaveldeptcodes, "344");
      if (
        this.topqueryParams.leavehospitaldistrictcodes[0] &&
        this.topqueryParams.leaveldeptcodes[0]
      ) {
        this.topqueryParams.deptOrDistrict = 2;
      } else {
        this.topqueryParams.deptOrDistrict = 1;
      }
      console.log(55);
      if (!this.followupAuthority()) {
        this.$message.warning("未配置科室/病区相关权限不可查询");
        return Promise.reject(new Error("无权限查询"));
      }
      getTaskservelist(this.topqueryParams).then((response) => {
        this.userList = response.rows[0].serviceSubtaskList;
        this.userList.forEach((item) => {
@@ -826,6 +895,48 @@
    Referencequestion(row) {
      this.previewVisible = true;
    },
    // 预览宣教模板(通过 libtemplateid 查询模板信息)
    previewTemplate(row) {
      if (!row.libtemplateid) {
        this.$message.warning("该任务未关联宣教模板");
        return;
      }
      this.htmlRichText = null;
      this.previewtf = true;
      getlibrarylist({ id: row.libtemplateid })
        .then((res) => {
          const tpl = (res.rows && res.rows[0]) || null;
          if (!tpl || !tpl.htmlRichText) {
            this.$message.warning("该模板暂无预览内容");
            return;
          }
          axios
            .get(tpl.htmlRichText)
            .then((response) => {
              this.htmlRichText = response.data;
              this.htmlRichText = this.addStyleToImages(this.htmlRichText);
            })
            .catch(() => {
              this.$message.error("获取模板内容失败");
            });
        })
        .catch(() => {
          this.$message.error("查询模板信息失败");
        });
    },
    // 修复富文本图片路径与样式
    addStyleToImages(html) {
      if (!html) return html;
      let processedHtml = html.replace(
        /\/aifollowup\/aifollowup\//g,
        "/aifollowup/"
      );
      processedHtml = processedHtml.replace(
        /<img([^>]*)style=(['"])(?:(?!\2).)*\2([^>]*)>/g,
        '<img$1style="width:100%;height:auto;"$3>'
      );
      return processedHtml;
    },
    // 添加弹框搜索
    remoteMethod(query) {
      if (query !== "") {
@@ -838,6 +949,24 @@
        }, 200);
      } else {
        this.options = [];
      }
    },
    // 患者范围处理
    handleChange(value) {
      let type = value[0];
      let code = value.slice(-1)[0];
      this.topqueryParams.leavehospitaldistrictcodes = [];
      this.topqueryParams.leaveldeptcodes = [];
      if (type == 1) {
        this.topqueryParams.leaveldeptcodes.push(code);
        this.topqueryParams.leavehospitaldistrictcodes = [];
        this.topqueryParams.searchscope = 1;
      } else if (type == 2) {
        this.topqueryParams.leavehospitaldistrictcodes.push(code);
        this.topqueryParams.leaveldeptcodes = [];
        this.topqueryParams.searchscope = 2;
      } else {
        this.topqueryParams.searchscope = 3;
      }
    },
    // 门诊宣教状态修改
@@ -909,6 +1038,7 @@
        pageNum: 1,
        pageSize: 10,
        serviceType: 4,
        sendstate: 2,
      };
      this.handleQuery();
    },
@@ -1005,17 +1135,17 @@
    // 便捷按钮
    toleadExport(too) {
      if (too == 1) {
        this.topqueryParams.sendstate=4;
        this.topqueryParams.excep=null;
        this.topqueryParams.sendstate = 4;
        this.topqueryParams.excep = null;
      } else if (too == 2) {
        this.topqueryParams.excep=1;
        this.topqueryParams.excep = 1;
      }
      this.handleQuery();
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download(
        "system/user/export",
        "smartor/serviceSubtask/patItemExport",
        {
          ...this.topqueryParams,
        },
@@ -1029,8 +1159,8 @@
<style lang="scss" scoped>
.el-button--primary.is-plain {
  color: #ffffff;
  background: #409eff;
  border-color: #4fabe9;
  background: #5b7cfa;
  border-color: #5b7cfa;
}
.document {
@@ -1155,4 +1285,75 @@
//     font-size: 24px;
//   }
// }
/* ================= 清新高级简约风 ================= */
.app-container {
  background: #f5f7fb;
  border-radius: 14px;
  padding: 20px;
}
/* 查询表单:白色圆角卡片 */
::v-deep .el-form--inline {
  background: #ffffff;
  border-radius: 14px;
  padding: 22px 22px 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(31, 45, 61, 0.05);
}
/* 隐藏分割线 */
::v-deep .el-divider {
  display: none;
}
/* 工具栏底部间距 */
.mb8 {
  margin-bottom: 18px;
}
/* 按钮:圆角 + 柔和过渡 */
::v-deep .el-button {
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.25s ease;
}
/* 主按钮:清新靛蓝 */
::v-deep .el-button--primary:not(.is-plain) {
  background: #5b7cfa;
  border-color: #5b7cfa;
}
::v-deep .el-button--primary:not(.is-plain):hover,
::v-deep .el-button--primary:not(.is-plain):focus {
  background: #7593fb;
  border-color: #7593fb;
}
/* 表格:白色圆角卡片 + 柔和表头 */
::v-deep .el-table {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(31, 45, 61, 0.05);
}
::v-deep .el-table::before {
  display: none;
}
::v-deep .el-table th {
  background: #f7f9fd !important;
  color: #3f4d63;
  font-weight: 600;
}
::v-deep .el-table td {
  padding: 12px 0;
}
/* 标签圆角 */
::v-deep .el-tag {
  border-radius: 6px;
}
/* 分页间距 */
::v-deep .pagination-container {
  padding-top: 18px;
}
</style>