|  |  |  | 
|---|
|  |  |  | <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 | 
|---|
|  |  |  | 
|---|
|  |  |  | 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="出院时间"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </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" | 
|---|
|  |  |  | 
|---|
|  |  |  | prop="drname" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- <el-table-column | 
|---|
|  |  |  | label="病历号" | 
|---|
|  |  |  | align="center" | 
|---|
|  |  |  | 
|---|
|  |  |  | 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" | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | serviceState: [], | 
|---|
|  |  |  | checkboxlist: [], | 
|---|
|  |  |  | // 表单校验 | 
|---|
|  |  |  | rules: {}, | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | 
|---|
|  |  |  | // 异常列渲染 | 
|---|
|  |  |  | tableRowClassName({row, rowIndex}) { | 
|---|
|  |  |  | if (row.excep == 1) { | 
|---|
|  |  |  | return 'warning-row'; | 
|---|
|  |  |  | return "warning-row"; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | return ''; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | return ""; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | </script> | 
|---|