WXL
2024-10-24 6f35ca70caf02e1c2b7dbab32794c1cc1f5dbf60
src/views/followvisit/discharge/index.vue
@@ -1,6 +1,6 @@
<template>
  <div class="app-container">
    <div class="leftvlue" style="margin-bottom: 20px;">
    <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
@@ -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="出院时间">
@@ -212,33 +215,14 @@
              </div>
            </template>
          </el-table-column>
          <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"
@@ -335,7 +319,6 @@
          prop="drname"
        />
        <!-- <el-table-column
          label="病历号"
          align="center"
@@ -382,59 +365,56 @@
          prop="templatename"
          width="200"
        />
        <el-table-column
        <!-- <el-table-column
          label="责任医师"
          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"
          width="200"
          class-name="small-padding fixed-width"
@@ -815,6 +795,7 @@
        },
      ],
      serviceState: [],
      checkboxlist: [],
      // 表单校验
      rules: {},
    };
@@ -822,6 +803,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,7 +835,8 @@
      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[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;
@@ -863,6 +847,13 @@
          if (item.endtime) {
            item.endDay = this.daysBetween(item.endtime);
          }
          const 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;
@@ -1120,10 +1111,10 @@
    // 异常列渲染
    tableRowClassName({row, rowIndex}) {
        if (row.excep == 1) {
          return 'warning-row';
        return "warning-row";
        }
        return '';
      }
      return "";
    },
  },
};
</script>