WXL
2024-11-26 007d3884ad259883d7a5db6714876e46525ae717
src/views/followvisit/discharge/index.vue
@@ -1,29 +1,29 @@
<template>
  <div class="app-container">
    <div class="leftvlue" style="margin-bottom: 20px;">
        <el-row :gutter="10">
          <el-col :span="2.5" v-for="(item, index) in cardlist" :key="index">
            <el-card
              shadow="hover"
              :body-style="item.router ? ' cursor: pointer' : 'cursor: default'"
            >
              <div style="padding: 8px" @click="$router.push(item.router)">
                <span>{{ item.name }}</span>
                <div
                  style="
                    text-align: center;
                    font-size: 18px;
                    margin-top: 10px;
                    font-weight: 600;
                  "
                >
                  {{ item.value }}
                </div>
    <div class="leftvlue" style="margin-bottom: 20px">
      <el-row :gutter="10">
        <el-col :span="2.5" v-for="(item, index) in cardlist" :key="index">
          <el-card
            shadow="hover"
            :body-style="item.router ? ' cursor: pointer' : 'cursor: default'"
          >
            <div style="padding: 8px" @click="$router.push(item.router)">
              <span>{{ item.name }}</span>
              <div
                style="
                  text-align: center;
                  font-size: 18px;
                  margin-top: 10px;
                  font-weight: 600;
                "
              >
                {{ item.value }}
              </div>
            </el-card>
          </el-col>
        </el-row>
      </div>
            </div>
          </el-card>
        </el-col>
      </el-row>
    </div>
    <el-row :gutter="20">
      <!--用户数据-->
      <el-form
@@ -35,7 +35,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="出院时间">
@@ -155,8 +158,8 @@
      <el-table
        v-loading="loading"
        :data="userList"
         height="660"
         :row-class-name="tableRowClassName"
        height="660"
        :row-class-name="tableRowClassName"
        @selection-change="handleSelectionChange"
      >
        <el-table-column type="selection" width="50" align="center" />
@@ -177,80 +180,61 @@
          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"
          <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"
              >
            </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"
              >
            </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"
              >
            </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>
          <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
          label="任务异常说明"
          width="120"
          align="center"
          key="remark"
          prop="remark"
          prop="remark" -->
        />
          <!-- <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"
              />
            </div>
            <div v-else>
              <span></span>
            </div>
          </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
@@ -272,34 +256,34 @@
          </template>
        </el-table-column>
        <el-table-column
        label="出院日期"
        width="200"
        align="center"
        key="endtime"
        prop="endtime"
          label="出院日期"
          width="200"
          align="center"
          key="endtime"
          prop="endtime"
        >
        <template slot-scope="scope">
          <span>{{ formatTime(scope.row.endtime) }}</span>
        </template></el-table-column
          <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"
          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.longSendTime) }}</span>
          </template></el-table-column
          >
          <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 + "天" : "日期缺失"
@@ -334,7 +318,6 @@
          key="drname"
          prop="drname"
        />
        <!-- <el-table-column
          label="病历号"
@@ -382,60 +365,52 @@
          prop="templatename"
          width="200"
        />
        <!-- <el-table-column
          label="责任医师"
        <el-table-column
          label="任务执行方式"
          align="center"
          key="drname"
          prop="drname"
          width="120"
        /> -->
        <!-- <el-table-column
          label="出院时间"
          sortable
          align="center"
          prop="createTime"
          key="preachform"
          prop="preachform"
          width="160"
        >
          <template slot-scope="scope">
            <span>{{ formatTime(scope.row.createTime) }}</span>
          </template>
        </el-table-column> -->
        <!-- <el-table-column
          label="随访时间"
          sortable
          align="center"
          prop="createTime"
          width="160"
        >
          <template slot-scope="scope">
            <span v-if="scope.row.sendType != 3">{{
              formatTime(scope.row.createTime)
            }}</span>
            <span v-else>即刻发送</span>
          </template>
        </el-table-column> -->
        <!-- <el-table-column
          label="任务状态"
          fixed="right"
          align="center"
          key="sendstate"
          prop="sendstate"
          width="120"
          :show-overflow-tooltip="true"
        >
          <template slot-scope="scope">
            <dict-tag :options="serviceState" :value="scope.row.sendstate" />
            <span v-for="item in scope.row.preachform">{{ item }}、 </span>
          </template>
        </el-table-column> -->
        </el-table-column>
        <el-table-column
          label="任务发送流程"
          align="center"
          key="serviceSubtaskRecordList"
          prop="serviceSubtaskRecordList"
          width="160"
          :show-overflow-tooltip="true"
        >
          <template slot-scope="scope">
            <span v-for="item in scope.row.serviceSubtaskRecordList"
              >{{ item.remark }}、
            </span>
          </template>
        </el-table-column>
        <el-table-column
          label="任务结果说明"
          width="120"
          align="center"
          key="remark"
          prop="remark"
        >
          <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 }}</el-tag
            >
            <el-tag type="warning" v-else>{{ scope.row.remark }}</el-tag>
          </template>
        </el-table-column>
        <el-table-column
          label="操作"
          fixed="right"
          align="center"
          fixed="right"
          width="200"
          class-name="small-padding fixed-width"
        >
@@ -773,7 +748,7 @@
        pageNum: 1,
        pageSize: 10,
        serviceType: 2,
        searchscope:2,
        searchscope: 2,
      },
      propss: { multiple: true },
      options: [],
@@ -815,6 +790,7 @@
        },
      ],
      serviceState: [],
      checkboxlist: [],
      // 表单校验
      rules: {},
    };
@@ -822,6 +798,8 @@
  watch: {},
  created() {
    this.serviceState = store.getters.serviceState;
    this.checkboxlist = store.getters.checkboxlist;
    this.getList();
    this.getConfigKey("sys.user.initPassword").then((response) => {
      this.initPassword = response.msg;
@@ -852,20 +830,33 @@
      this.loading = true;
      getTaskservelist(this.topqueryParams).then((response) => {
        this.userList = response.rows[0].serviceSubtaskList;
        this.cardlist[0].value=Number(response.rows[0].wzx)+Number(response.rows[0].ysf);
        this.cardlist[1].value=response.rows[0].ysf;
        this.cardlist[2].value=response.rows[0].wzx;
        this.cardlist[3].value=response.rows[0].yc;
        this.cardlist[4].value=response.rows[0].fssb;
        this.cardlist[5].value=response.rows[0].blq;
        this.cardlist[6].value=response.rows[0].yfs;
        this.total = response.total;
        this.cardlist[0].value =
          Number(response.rows[0].wzx) + Number(response.rows[0].ysf);
        this.cardlist[1].value = response.rows[0].ysf;
        this.cardlist[2].value = response.rows[0].wzx;
        this.cardlist[3].value = response.rows[0].yc;
        this.cardlist[4].value = response.rows[0].fssb;
        this.cardlist[5].value = response.rows[0].blq;
        this.cardlist[6].value = response.rows[0].yfs;
        this.loading = false;
        this.userList.forEach((item) => {
          const idArray = null;
          if (item.endtime) {
            item.endDay = this.daysBetween(item.endtime);
          }
          if (item.endtime) {
            idArray = item.preachform.split(",");
          }
          item.preachform = idArray.map((value) => {
            // 查找id对应的对象
            const item = this.checkboxlist.find((item) => item.value == value);
            // 如果找到对应的id,返回label值,否则返回null
            return item ? item.label : null;
          });
        });
        this.total = response.total;
        this.loading = false;
      });
    },
    // 查看门诊随访详情
@@ -955,7 +946,7 @@
        pageNum: 1,
        pageSize: 10,
        serviceType: 2,
        searchscope:2,
        searchscope: 2,
      };
      this.handleQuery();
    },
@@ -1092,18 +1083,27 @@
    },
    // 跳转详情页
    Seedetails(row) {
      let type = "";
      if (row.preachform == 3) {
        type = 1;
      }
      this.$router.push({
        path: "/followvisit/record/detailpage/",
        query: { taskid: row.taskid, patid: row.patid, id: row.id },
        query: {
          taskid: row.taskid,
          patid: row.patid,
          id: row.id,
          Voicetype: type,
        },
      });
    },
    // 便捷按钮
    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();
    },
@@ -1118,12 +1118,12 @@
      );
    },
    // 异常列渲染
    tableRowClassName({row, rowIndex}) {
        if (row.excep == 1) {
          return 'warning-row';
        }
        return '';
    tableRowClassName({ row, rowIndex }) {
      if (row.excep == 1) {
        return "warning-row";
      }
      return "";
    },
  },
};
</script>
@@ -1140,8 +1140,8 @@
  height: 50px;
}
::v-deep.el-table .warning-row {
    background: #eec4c4;
  }
  background: #eec4c4;
}
.documentf {
  display: flex;