diff --git a/src/views/followupentry/followaudit.vue b/src/views/followupentry/followaudit.vue index 894f43802b2f86e753022f1df9a1a5d52dfe8d33..d7bd3f4bb25c513ff70f74fdd4fed84eba4a0264 100644 --- a/src/views/followupentry/followaudit.vue +++ b/src/views/followupentry/followaudit.vue @@ -4,14 +4,17 @@ <div class="audit-detail_header p-24"> <div class="left"> <span>当å‰å®¡æ ¸</span> - <span class="f-b">ã€{{unionName}}】ã€å‰©ä½™{{mcCount}}】</span> + <span class="f-b">ã€{{ unionName }}】ã€å‰©ä½™{{ mcCount }}】</span> </div> <div class="right"> <el-button class="btn" @click="$router.go(-1)">返回</el-button> </div> </div> <div class="table-content p-24"> - <follow-review :formDataList="formEdit" :tabActive="tabActive"></follow-review> + <follow-review + :formDataList="formEdit" + :tabActive="tabActive" + ></follow-review> </div> <div class="choose-handle p-24"> <span v-if="!editStatus">è¯·é€‰æ‹©å®¡æ ¸ç»“æžœ:</span> @@ -22,8 +25,9 @@ type="primary" class="p-btn" size="medium" - @click="showDialog(item.value,index)" - >{{ item.text }}</el-button> + @click="showDialog(item.value, index)" + >{{ item.text }}</el-button + > <span v-if="editStatus" class="op">驳回修改建议:胃镜图片ä¸åˆè§„</span> </div> </div> @@ -34,20 +38,26 @@ <div class="content"> <div class="showTips"> 该病例已ç»å®¡æ ¸ã€é©³å›žä¿®æ”¹ã€‘ï¼Œéœ€è¦æ”¹ä¸º{{ - btnGroup[curBtn - 1] ? btnGroup[curBtn - 1].text : "" + btnGroup[curBtn - 1] ? btnGroup[curBtn - 1].text : "" }}å— </div> </div> <div class="btn"> - <el-button type="primary" :loading="loading" @click="onCancel">å¦</el-button> - <el-button type="primary" :loading="loading" @click="editSubmit">是</el-button> + <el-button type="primary" :loading="loading" @click="onCancel" + >å¦</el-button + > + <el-button type="primary" :loading="loading" @click="editSubmit" + >是</el-button + > </div> </template> </public-dialog> <public-dialog ref="publicDialog" @onSubmit="onSubmit" @onCancel="onCancel"> <!-- å®¡æ ¸ç»“æžœå›žæ˜¾ --> <template v-if="!confirmStatus" slot="content"> - <div class="title">{{ btnGroup[curBtn - 1] ? btnGroup[curBtn - 1].text : "" }}</div> + <div class="title"> + {{ btnGroup[curBtn - 1] ? btnGroup[curBtn - 1].text : "" }} + </div> <div class="content"> <div v-if="curBtn != 1" class="noPass"> <el-form @@ -58,7 +68,10 @@ label-width="100px" class="demo-ruleForm" > - <el-form-item :label="curBtn == 2 ? 'ä¸åˆæ ¼åŽŸå› ' : '驳回修改建议'" prop="reason"> + <el-form-item + :label="curBtn == 2 ? 'ä¸åˆæ ¼åŽŸå› ' : '驳回修改建议'" + prop="reason" + > <el-input v-model="form.reason" type="textarea" @@ -72,19 +85,21 @@ <div class="tag-form"> <el-tag :key="index" - v-for="(item,index) in tagList" + v-for="(item, index) in tagList" size="medium" - :class="item.isSelect ? '':'unselect-tag'" - @click="seleckTag(item,index)" + :class="item.isSelect ? '' : 'unselect-tag'" + @click="seleckTag(item, index)" > - <span>{{item.text}}</span> + <span>{{ item.text }}</span> </el-tag> <p class="handle-row" @click="handleEdit">ç¼–è¾‘æ ‡ç¾</p> </div> </div> </div> <div class="btn"> - <el-button type="primary" :loading="loading" @click="onSubmit">ç¡® 定</el-button> + <el-button type="primary" :loading="loading" @click="onSubmit" + >ç¡® 定</el-button + > </div> </template> <!-- æäº¤åŽç»“æžœ --> @@ -94,32 +109,58 @@ <div v-if="curBtn == 1" class="pass">è¯¥ç—…ä¾‹å®¡æ ¸åˆæ ¼æˆåŠŸï¼</div> <div v-if="curBtn != 1" class="noPass"> <!-- ä¸åˆæ ¼å’Œé©³å›ž --> - <div class="label">{{ curBtn == 2 ? "ä¸åˆæ ¼åŽŸå› " : "驳回修改建议" }}</div> + <div class="label"> + {{ curBtn == 2 ? "ä¸åˆæ ¼åŽŸå› " : "驳回修改建议" }} + </div> <div class="reason">{{ form.reason }}</div> </div> </div> - <div v-if="curBtn != 1" class="showTips">è¯¥ç—…ä¾‹å®¡æ ¸{{ curBtn == 2 ? "ä¸åˆæ ¼åŽŸå› " : "驳回修改建议" }}æäº¤æˆåŠŸï¼</div> + <div v-if="curBtn != 1" class="showTips"> + è¯¥ç—…ä¾‹å®¡æ ¸{{ curBtn == 2 ? "ä¸åˆæ ¼åŽŸå› " : "驳回修改建议" }}æäº¤æˆåŠŸï¼ + </div> <div class="btn"> - <el-button type="primary" @click="nextExample" :loading="auditLoading"> - <span v-if="tabActive < this.formEdit.length - 1">ç¡®è®¤å¹¶è¿›å…¥ä¸‹ä¸€åˆ—å®¡æ ¸</span> + <el-button + type="primary" + @click="nextExample" + :loading="auditLoading" + > + <span v-if="tabActive < this.formEdit.length - 1" + >ç¡®è®¤å¹¶è¿›å…¥ä¸‹ä¸€åˆ—å®¡æ ¸</span + > <span v-else>ç¡® 定</span> </el-button> </div> </template> </public-dialog> <!-- æ ‡ç¾æ“作 --> - <public-dialog ref="noteDialog" @onSubmit="onSubmit" @onCancel="onCancel"> + <public-dialog + ref="noteDialog" + @onSubmit="onSubmit" + @onCancel="onCancel" + class="note-dialog" + > <template v-if="!confirmStatus" slot="content"> <div class="title">ç¼–è¾‘æ ‡ç¾</div> - <el-tag - :key="index" - v-for="(item,index) in tagList" - size="medium" - :class="item.isSelect ? '':'unselect-tag'" - @click="seleckTag(item,index)" - > - <span>{{item.text}}</span> - </el-tag> + <div class="content"> + <el-row :key="index" v-for="(item, index) in tagList" class="mb-16"> + <el-col span="18"> + <el-input + size="medium" + v-model="item.text" + class="tag-input" + :class="item.isSelect ? '' : 'unselect-tag'" + @click="seleckTag(item, index)" + > + </el-input> + </el-col> + <el-col span="3"> + <span class="handle-text" style="color: #E02020;">åˆ é™¤</span> + </el-col> + <el-col span="2"> + <span class="handle-text" style="color: #4E68FF;" v-if="index == tagList.length - 1">æ·»åŠ </span> + </el-col> + </el-row> + </div> </template> </public-dialog> </div> @@ -127,41 +168,41 @@ <script> import publicDialog from "./components/publicDialog.vue" import followReview from "./components/followReview.vue" -import { getFollowUnCheckDetail,putFollowCheck } from "@/api/followup" -import { getSysCheckNote } from "@/api/note" +import { getFollowUnCheckDetail, putFollowCheck } from "@/api/followup" +import { getSysCheckNote } from "@/api/note" export default { components: { publicDialog, followReview }, data() { return { - mcCount:7, + mcCount: 7, editStatus: false, //è¿›å…¥çš„çŠ¶æ€æ˜¯ç¬¬ä¸€æ¬¡å®¡æ ¸è¿˜æ˜¯ä¿®æ”¹å®¡æ ¸,false为第一次,true为修改 - tabActive:'0', //当å‰éšè®¿ç—…例 - formEdit:[ + tabActive: "0", //当å‰éšè®¿ç—…例 + formEdit: [ { - "patientId": "1623190906909835266", - "id": "1623216842623492098", - "formRecordId": "1623216842522828802", - "age": "", - "name": "", - "checkStatus": 1, - "patientFrom": 1, - "unionName": "åˆè‚¥é«˜æ–°é™„院", - "unionId": "2", - "reportTime": "", - "riskRank": "", - "formId": "1598197066503389185" + patientId: "1623190906909835266", + id: "1623216842623492098", + formRecordId: "1623216842522828802", + age: "", + name: "", + checkStatus: 1, + patientFrom: 1, + unionName: "åˆè‚¥é«˜æ–°é™„院", + unionId: "2", + reportTime: "", + riskRank: "", + formId: "1598197066503389185", }, { - name:"djksh", - contact_phone:"12345678", - is_accept:"0", - gas_exam:"15", - G_17:"6" + name: "djksh", + contact_phone: "12345678", + is_accept: "0", + gas_exam: "15", + G_17: "6", }, - ],//å¡«æŠ¥æ•°æ® - auditLoading:false, + ], //å¡«æŠ¥æ•°æ® + auditLoading: false, form: { - reason:'' + reason: "", }, //å®¡æ ¸è¡¨å• rules: { reason: [{ required: true, message: "请填写", trigger: "blur" }], @@ -184,45 +225,45 @@ export default { curBtn: 0, //点击的按钮 curComponent: "followReview", confirmStatus: false, - tagList:[ + tagList: [ { - text:"ä¸åˆæ ¼åŽŸå› ", - isSelect:false + text: "ä¸åˆæ ¼åŽŸå› ", + isSelect: false, }, { - text:"ä¸åˆæ ¼åŽŸå› ä¸åˆæ ¼åŽŸå› " + text: "ä¸åˆæ ¼åŽŸå› ä¸åˆæ ¼åŽŸå› ", }, { - text:"ä¸åˆæ ¼åŽŸå› " + text: "ä¸åˆæ ¼åŽŸå› ", }, { - text:"ä¸åˆæ ¼åŽŸå› " + text: "ä¸åˆæ ¼åŽŸå› ", }, { - text:"ä¸åˆæ ¼åŽŸå› " + text: "ä¸åˆæ ¼åŽŸå› ", }, - ] + ], } }, watch: {}, created() { this.getDetail() }, - computed:{ - unionId(){ + computed: { + unionId() { return this.$route.query.unionId }, - unionName(){ - return this.$route.query.unionName || '--' - } + unionName() { + return this.$route.query.unionName || "--" + }, }, methods: { - handleEdit(){ -this.$refs.noteDialog.dialogVisible = true + handleEdit() { + this.$refs.noteDialog.dialogVisible = true }, - showDialog(val,index) { - console.log("显示框",val) - this.curBtn = index+1 + showDialog(val, index) { + console.log("显示框", val) + this.curBtn = index + 1 if (!this.editStatus) { if (this.curBtn == 1) { // 走接å£ï¼Œä¿å˜åˆæ ¼ @@ -284,31 +325,31 @@ this.$refs.noteDialog.dialogVisible = true this.$refs.publicDialog.dialogVisible = true }, nextExample() { - if(Number(this.tabActive) < this.formEdit.length - 1){ - this.tabActive=String(Number(this.tabActive) + 1) + if (Number(this.tabActive) < this.formEdit.length - 1) { + this.tabActive = String(Number(this.tabActive) + 1) } - console.log('tab激活',this.tabActive) + console.log("tab激活", this.tabActive) this.onCancel() }, //éšè®¿æ•°æ® - async getDetail(){ + async getDetail() { this.loading = true let res = await getFollowUnCheckDetail(this.unionId) - if(res.code==1){ + if (res.code == 1) { // this.formEdit=res.data //调试注释 } this.loading = false }, //å®¡æ ¸ - async handleCheck(){ + async handleCheck() { this.auditLoading = true - let params={ - id: this.formEdit[this.tabActive], - checkStatus: this.btnGroup[this.curBtn].value, - checkNote: this.form.reason, - patientId: this.unionId + let params = { + id: this.formEdit[this.tabActive], + checkStatus: this.btnGroup[this.curBtn].value, + checkNote: this.form.reason, + patientId: this.unionId, } - console.log('å®¡æ ¸å€¼',params) + console.log("å®¡æ ¸å€¼", params) // let res = await putFollowCheck(params) // if(res.code==1){ // // this.formEdit=res.data //调试注释 @@ -316,20 +357,20 @@ this.$refs.noteDialog.dialogVisible = true this.auditLoading = false }, // å®¡æ ¸æ ‡ç¾ - async getSysCheckNote(){ + async getSysCheckNote() { this.loading = true let res = await getSysCheckNote() - if(res.code==1){ + if (res.code == 1) { // this.formEdit=res.data //调试注释 } this.loading = false }, //é€‰æ‹©æ ‡ç¾ - seleckTag(item,index){ - this.tagList[index]['isSelect']=true - this.form.reason = this.form.reason+item.text - this.$forceUpdate(); - } + seleckTag(item, index) { + this.tagList[index]["isSelect"] = true + this.form.reason = this.form.reason + item.text + this.$forceUpdate() + }, }, } </script> @@ -392,7 +433,7 @@ this.$refs.noteDialog.dialogVisible = true line-height: 26px; } .content { - margin: 28px 48px; + margin: 28px 23px; .pass { font-size: 18px; font-family: AlibabaPuHuiTiM; @@ -448,4 +489,18 @@ this.$refs.noteDialog.dialogVisible = true cursor: pointer; } } +.note-dialog { + ::v-deep { + .tag-input { + .el-input__inner { + background-color: rgba(78, 104, 255, 0.06); + border-radius: 2px; + } + } + .handle-text{ + line-height: 36px; + cursor: pointer; + } + } +} </style>