From a398c62a2ac6ef819f162dc3e0923bed144905dc Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期五, 27 六月 2025 09:17:11 +0800 Subject: [PATCH] 测试完成 --- src/views/patient/follow/index.vue | 433 +++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 380 insertions(+), 53 deletions(-) diff --git a/src/views/patient/follow/index.vue b/src/views/patient/follow/index.vue index e6276e5..9ddcbc4 100644 --- a/src/views/patient/follow/index.vue +++ b/src/views/patient/follow/index.vue @@ -36,27 +36,38 @@ </el-select> </el-form-item> --> - - <el-row> - + <el-row :gutter="15"> <el-form-item> - <el-button - type="primary" - icon="el-icon-search" - size="medium" - @click="handleQuery" - >鎼滅储</el-button - > - <el-button - icon="el-icon-refresh" - size="medium" - @click="resetQuery" - >閲嶇疆</el-button - > + <el-col :span="1.5"> + <el-button + type="primary" + icon="el-icon-search" + size="medium" + @click="handleQuery" + >鎼滅储</el-button + > + </el-col> + <el-col :span="1.5"> + <el-button + icon="el-icon-refresh" + size="medium" + @click="resetQuery" + >閲嶇疆</el-button + > + </el-col> + <el-col :span="1.5"> + <el-button + type="primary" + plain + icon="el-icon-help" + size="medium" + @click="distribute" + >鏂板鎮h�呰繃婊�</el-button + > + </el-col> </el-form-item> </el-row> </el-form> - <el-table v-loading="loading" @@ -183,7 +194,6 @@ query: { id: scope.row.id }, }) " - ><span class="button-textsc" ><i class="el-icon-zoom-in"></i>鏌ョ湅</span ></el-button @@ -192,7 +202,6 @@ size="medium" type="text" @click="handleDelete(scope.row)" - ><span class="button-textxga" ><i class="el-icon-edit"></i>鍙栨秷杩囨护</span ></el-button @@ -210,8 +219,243 @@ /> </el-col> </el-row> + <el-dialog title="閫夋嫨鎮h��" :visible.sync="distributeVisible" width="70%"> + <el-row :gutter="20"> + <!--鐢ㄦ埛鏁版嵁--> + <el-col :span="24" :xs="24"> + <el-form + :model="filtrqueryParams" + ref="queryForm" + size="small" + :inline="true" + label-width="98px" + > + <el-form-item label="鎮h�呭鍚�" prop="name"> + <el-input + v-model="filtrqueryParams.name" + placeholder="璇疯緭鍏ュ鍚�" + maxlength="30" + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item label="鎮h�呮爣绛�" prop="tagname"> + <el-input + v-model="filtrqueryParams.tagname" + placeholder="杈撳叆杩涜妯$硦鏌ヨ" + maxlength="30" + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <!-- <el-form-item label="鎮h�呰寖鍥�" prop="tagId"> + <el-select + v-model="filtrqueryParams.searchscope" + placeholder="璇烽�夋嫨鎮h�呰寖鍥�" + > + <el-option + v-for="item in source" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> --> + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="medium" + @click="distribute" + >鎼滅储</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="filtrloading" :data="filtruserList" height="660"> + <el-table-column type="selection" width="50" align="center" /> + <el-table-column + fixed + label="濮撳悕" + align="center" + key="name" + prop="name" + /> + <el-table-column + label="鎮h�呯紪鍙�" + align="center" + key="patientno" + prop="patientno" + width="180" + /> + <el-table-column label="鎬у埆" align="center" key="sex" prop="sex"> + <template slot-scope="scope"> + <span>{{ scope.row.sex == 1 ? "鐢�" : "濂�" }}</span> + </template> + </el-table-column> + <el-table-column + label="骞撮緞" + align="center" + key="age" + prop="age" + width="160" + > + <template slot-scope="scope"> + <span v-if="scope.row.age" + >{{ scope.row.age }}{{ scope.row.ageUnit }}</span + ><span v-if="scope.row.age2" + >{{ scope.row.age2 }}{{ scope.row.ageUnit2 }}</span + > + </template> + </el-table-column> + <el-table-column + label="鍑虹敓骞存湀" + align="center" + key="birthdate" + prop="birthdate" + width="120" + > + </el-table-column> + <el-table-column + label="灞呬綇鍦�" + align="center" + key="placeOfResidence" + prop="placeOfResidence" + width="150" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鎮h�呮爣绛�" + align="center" + key="tagList" + prop="tagList" + width="160" + :show-overflow-tooltip="true" + > + <template slot-scope="scope"> + <span v-for="item in scope.row.tagList" + >{{ item.tagname }} + </span> + </template> + </el-table-column> + <el-table-column + label="璇佷欢鍙风爜" + align="center" + key="idcardno" + prop="idcardno" + width="190" + /> + + <el-table-column + label="鑱旂郴鏂瑰紡" + align="center" + key="telcode" + prop="telcode" + width="120" + /> + <el-table-column + label="寤烘。鏃ユ湡" + align="center" + key="createTime" + prop="createTime" + width="160" + > + <template slot-scope="scope"> + <span>{{ formatTime(scope.row.createTime) }}</span> + </template> + </el-table-column> + <el-table-column + label="鏇存柊鏃ユ湡" + align="center" + prop="archivetime" + width="160" + > + <template slot-scope="scope"> + <span>{{ formatTime(scope.row.archivetime) }}</span> + </template> + </el-table-column> + <el-table-column + fixed="right" + label="鎿嶄綔" + align="center" + width="190" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + size="medium" + type="text" + @click="handleUpdate(scope.row)" + ><span class="button-textxga" + ><i class="el-icon-help"></i>鎮h�呰繃婊�</span + ></el-button + > + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + :page.sync="filtrqueryParams.pageNum" + :limit.sync="filtrqueryParams.pageSize" + @pagination="getList" + /> + </el-col> + </el-row> + </el-dialog> + <el-dialog title="淇敼鎮h�呬俊鎭�" :visible.sync="Labelchange" width="900px"> + <el-form ref="form" :model="form" :rules="rules" label-width="100px"> + <el-row> + <el-col :span="8"> + <el-form-item label="濮撳悕" prop="name"> + <el-input + v-model="form.name" + placeholder="璇疯緭鍏ュ鍚�" + maxlength="30" + /> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="鎬у埆" prop="sex"> + <el-select v-model="form.sex" placeholder="璇烽�夋嫨鎬у埆"> + <el-option + v-for="dict in sextype" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="骞撮緞" prop="age"> + <el-input + v-model="form.age" + placeholder="璇疯緭鍏ュ勾榫�" + maxlength="30" + /> + </el-form-item> + </el-col> + </el-row> + + <el-row> + <el-col :span="24"> + <el-form-item label="杩囨护鍘熷洜"> + <el-input + v-model="form.notrequiredreason" + type="textarea" + placeholder="璇疯緭鍏ヨ繃婊ゅ師鍥�" + ></el-input> + </el-form-item> + </el-col> + </el-row> + </el-form> + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </el-dialog> </div> </template> @@ -241,6 +485,7 @@ return { // 閬僵灞� loading: true, + filtrloading: true, // 閫変腑鏁扮粍 ids: [], // 闈炲崟涓鐢� @@ -251,8 +496,12 @@ showSearch: true, // 鎬绘潯鏁� total: 0, + filtrtotal: 0, // 鐢ㄦ埛琛ㄦ牸鏁版嵁 userList: null, + filtruserList: null, + distributeVisible: false, + // 寮瑰嚭灞傛爣棰� title: "", // 閮ㄩ棬鏍戦�夐」 @@ -283,6 +532,11 @@ idcardtype: "", relativetelcode: "", }, + filtrqueryParams: { + notrequiredFlag: 0, + pageNum: 1, + pageSize: 10, + }, //瀵煎叆杩涘害 dractive: 1, // 瀵煎叆灞曠ず琛ㄥ崟 @@ -292,8 +546,18 @@ Labelchange: false, //淇敼鏂板寮圭獥 propss: { multiple: true }, optionstag: [], //鏍囩鍒楄〃 + sextype: [ + { + value: 1, + label: "鐢�", + }, + { + value: 2, + label: "濂�", + }, + ], Patientrange: [ - { + { value: 0, label: "鎵�灞炴偅鑰�", }, @@ -348,8 +612,56 @@ tagIds: undefined, telcode: undefined, }, + form: { + name: "", + age: "", + sex: "", + tagList: [], + idcardno: "", + telcode: "", + idcardtype: "", + relativetelcode: "", + }, // 琛ㄥ崟鏍¢獙 - rules: {}, + rules: { + name: [ + { required: true, message: "鐢ㄦ埛鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }, + { + min: 2, + max: 20, + message: "鐢ㄦ埛鍚嶇О闀垮害蹇呴』浠嬩簬 2 鍜� 20 涔嬮棿", + trigger: "blur", + }, + ], + + sex: [{ required: true, message: "鎬у埆涓嶈兘涓虹┖", trigger: "blur" }], + age: [{ required: true, message: "骞撮緞涓嶈兘涓虹┖", trigger: "blur" }], + nation: [{ required: true, message: "姘戞棌涓嶈兘涓虹┖", trigger: "blur" }], + telcode: [ + { required: true, message: "鑱旂郴鏂瑰紡涓嶈兘涓虹┖", trigger: "blur" }, + { + pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, + message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜", + trigger: "blur", + }, + ], + + idcardno: [ + { required: true, message: "璇佷欢鍙峰彲鑳戒负绌�", trigger: "blur" }, + { + pattern: + /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/, + message: "璇疯緭鍏ユ纭殑韬唤璇佸彿鐮�", + trigger: "blur", + }, + ], + placeOfResidence: [ + { required: true, message: "灞呬綇鍦颁笉鑳戒负绌�", trigger: "blur" }, + ], + birthplace: [ + { required: true, message: "鍑虹敓鍦颁笉鑳戒负绌�", trigger: "blur" }, + ], + }, }; }, watch: { @@ -367,13 +679,32 @@ /** 鏌ヨ鎮h�呭垪琛� */ getList() { this.loading = true; - messagelistpatient(this.queryParams).then((response) => { console.log(response); this.userList = response.rows; this.total = response.total; this.loading = false; }); + }, + // 璋冭捣鏂板杩囨护寮规 + distribute() { + this.distributeVisible = true; + this.filtrloading = true; + + messagelistpatient(this.filtrqueryParams).then((response) => { + this.filtruserList = response.rows; + this.filtrtotal = response.total; + this.filtrloading = false; + }); + }, + /** 淇敼鎸夐挳鎿嶄綔 */ + handleUpdate(row) { + const userIds = row.id; + particularpatient(userIds).then((response) => { + this.form = response.data; + }); + this.amendtag = true; + this.Labelchange = true; }, /** 鏌ヨ鏍囩鍒楄〃 */ gettabList() { @@ -441,6 +772,7 @@ this.$refs.tree.setCurrentKey(null); this.handleQuery(); }, + // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { this.ids = selection.map((item) => item.patid); @@ -457,28 +789,23 @@ //淇敼/鏂板鎮h�� submitForm() { - if (this.amendtag) { - alterpatient(this.form) - .then((response) => { - console.log(response); - }) - .then(() => { - this.getList(); - this.$modal.msgSuccess("淇敼鎴愬姛"); - }); - } else { - addfiltration(this.form) - .then((response) => { - console.log(response); - }) - .then(() => { - this.getList(); - this.$modal.msgSuccess("娣诲姞鎴愬姛"); - }); - } - this.reset(); - // this.idds = ""; - this.Labelchange = false; + this.$refs["form"].validate((valid) => { + if (valid) { + this.form.isoperation = 2; + this.form.notrequiredFlag = 1; + alterpatient(this.form) + .then((response) => { + console.log(response); + }) + .then(() => { + this.getList(); + this.$modal.msgSuccess("鎮h�呰繃婊ゆ垚鍔�"); + }); + this.reset(); + // this.idds = ""; + this.Labelchange = false; + } + }); }, /** 鍒犻櫎鎸夐挳鎿嶄綔 */ @@ -486,16 +813,16 @@ const userIds = row.id || this.ids; this.$modal .confirm('鏄惁纭鍙栨秷鐢ㄦ埛缂栧彿涓�"' + userIds + '"鐨勬暟鎹」杩囨护锛�') - .then( ()=> { - row.notrequiredFlag=0 + .then(() => { + row.notrequiredFlag = 0; alterpatient(row) - .then((response) => { - console.log(response); - }) - .then(() => { - this.getList(); - this.$modal.msgSuccess("淇敼鎴愬姛"); - }); + .then((response) => { + console.log(response); + }) + .then(() => { + this.getList(); + this.$modal.msgSuccess("淇敼鎴愬姛"); + }); }) .catch(() => {}); -- Gitblit v1.9.3