From 32cb501de16127c3f81f219aef7a6751a14f8d0e Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期五, 01 十二月 2023 10:28:02 +0800 Subject: [PATCH] 提交信息 --- src/views/index.vue | 2 src/views/shortmessage/healthinformation/index.vue | 921 ++++++++++++++++++++++++++ src/views/patient/patient/index.vue | 24 src/views/patient/patient/profile/index.vue | 67 + src/views/patient/medtechnician/index.vue | 17 src/views/followvisit/satisfaction/index.vue | 96 +- src/App.vue | 4 src/views/patient/propaganda/particty.vue | 88 ++ src/views/patient/follow/index.vue | 779 ++++++++++++++++++++++ 9 files changed, 1,905 insertions(+), 93 deletions(-) diff --git a/src/App.vue b/src/App.vue index a91e2a5..20ad216 100644 --- a/src/App.vue +++ b/src/App.vue @@ -33,7 +33,9 @@ #app { overflow: scroll; height: 100vh; - background: #F8FAFD; + background: #f8fafd; + /* font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "瀹嬩綋"; */ + font-family: "Hiragino Sans GB"; } #app .theme-picker { display: none; diff --git a/src/views/followvisit/satisfaction/index.vue b/src/views/followvisit/satisfaction/index.vue index 3b969de..a75b6fa 100644 --- a/src/views/followvisit/satisfaction/index.vue +++ b/src/views/followvisit/satisfaction/index.vue @@ -14,10 +14,10 @@ <el-form-item label="浠诲姟鍚嶇О"> <el-input v-model="topqueryParams.name"></el-input> </el-form-item> - <el-form-item label="瀹℃牳浜�"> + <el-form-item label="鍙戣捣浜�"> <el-input v-model="topqueryParams.name"></el-input> </el-form-item> - <el-form-item label="瀹℃牳鏃堕棿"> + <el-form-item label="鍙戣捣鏃堕棿"> <el-date-picker v-model="dateRange" style="width: 240px" @@ -28,7 +28,7 @@ end-placeholder="缁撴潫鏃ユ湡" ></el-date-picker> </el-form-item> - <el-form-item label="闅忚绫诲瀷" prop="status"> + <el-form-item label="璋冩煡绫诲瀷" prop="status"> <el-select v-model="topqueryParams.topic" placeholder="璇烽�夋嫨"> <el-option v-for="item in topicoptions" @@ -39,18 +39,7 @@ </el-option> </el-select> </el-form-item> - <el-form-item label="妯$増" prop="status"> - <el-select v-model="topqueryParams.topic" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in topicoptions" - :key="item.value" - :label="item.label" - :value="item.value" - > - </el-option> - </el-select> - </el-form-item> - <el-form-item label="闂ㄨ瘖闅忚鐘舵��" prop="status"> + <el-form-item label="璋冩煡鐘舵��" prop="status"> <el-select v-model="topqueryParams.topic" placeholder="璇烽�夋嫨"> <el-option v-for="item in topicoptions" @@ -147,7 +136,7 @@ /> <el-table-column - label="浠诲姟鍚嶇О" + label="浣忛櫌缂栧彿" align="center" sortable key="userName" @@ -155,30 +144,57 @@ :show-overflow-tooltip="true" /> <el-table-column - label="鏈嶅姟妯℃澘" + label="濮撳悕" + align="center" + sortable + key="userName" + prop="userName" + :show-overflow-tooltip="true" + /> + <el-table-column + label="骞撮緞" + align="center" + key="age" + prop="age" + width="120" + /> + <el-table-column + label="璋冩煡妯℃澘" align="center" key="types" prop="types" /> <el-table-column - label="鍒涘缓鏃ユ湡" + label="璋冩煡鍐呭" align="center" key="nickName" prop="nickName" /> <el-table-column - label="寰呮墽琛�/鎬绘暟" + label="浣忛櫌鐥呭尯" align="center" - key="phonenumber" - prop="phonenumber" - width="120" - > - <template slot-scope="scope"> - <span style="margin-left: 10px" - >{{ scope.row.date }}/{{ scope.row.data }}</span - > - </template> - </el-table-column> + key="nickName" + prop="nickName" + /> + <el-table-column + label="搴婂彿" + align="center" + key="nickName" + prop="nickName" + /> + <el-table-column + label="涓绘不鍖荤敓" + align="center" + key="nickName" + prop="nickName" + /> + <el-table-column + label="绠″簥鎶ゅ+" + align="center" + key="nickName" + prop="nickName" + /> + <el-table-column label="鎵ц鐘舵��" @@ -193,7 +209,7 @@ </template> </el-table-column> <el-table-column - label="瀹℃牳浜�" + label="璇婃柇" align="center" key="topicnumberaa" prop="topicnumberaa" @@ -203,7 +219,7 @@ /> <el-table-column - label="瀹℃牳鏃堕棿" + label="鍏ラ櫌鏃堕棿" sortable align="center" prop="createTime" @@ -211,24 +227,6 @@ > <template slot-scope="scope"> <span>{{ parseTime(scope.row.createTime) }}</span> - </template> - </el-table-column> - <el-table-column - label="鎿嶄綔" - align="center" - width="120" - class-name="small-padding fixed-width" - > - <template slot-scope="scope"> - <el-button - size="medium" - type="text" - @click="handleUpdate(scope.row)" - v-hasPermi="['system:user:edit']" - ><span class="button-zx" - ><i class="el-icon-s-promotion"></i>寮�濮嬫墽琛�</span - ></el-button - > </template> </el-table-column> <el-table-column diff --git a/src/views/index.vue b/src/views/index.vue index bd0bbfe..17f699a 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -398,9 +398,7 @@ { amount: 0, count: 88, skuId: "0", skuName: "鍣ㄦ绉�" }, { amount: 0, count: 87, skuId: "0", skuName: "楠ㄧ" }, { amount: 0, count: 67, skuId: "0", skuName: "鏀惧皠绉�" }, - { amount: 0, count: 67, skuId: "0", skuName: "鏀惧皠绉�" }, - { amount: 0, count: 67, skuId: "0", skuName: "鏀惧皠绉�" }, ]; }, // 鑾峰彇宸ュ崟鏁伴噺 diff --git a/src/views/patient/follow/index.vue b/src/views/patient/follow/index.vue index 35488b3..cadf3b5 100644 --- a/src/views/patient/follow/index.vue +++ b/src/views/patient/follow/index.vue @@ -1,36 +1,783 @@ <template> - <div> - 鎮h�呭洖璁� - <transition name="slide-fade"> - <p v-if="show">hello world</p> - </transition> + <div class="app-container"> + <el-row :gutter="20"> + <!--鐢ㄦ埛鏁版嵁--> + <el-col :span="24" :xs="24"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="98px" + > + <el-form-item label="濮撳悕" prop="name"> + <el-input + v-model="queryParams.name" + placeholder="璇疯緭鍏ュ鍚�" + clearable + style="width: 200px" + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item label="鎮h�呯紪鍙�" prop="iccardno"> + <el-input + v-model="queryParams.iccardno" + placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" + clearable + style="width: 250px" + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item label="鎮h�呯紪鍙�" prop="telcode"> + <el-input + v-model="queryParams.telcode" + placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" + clearable + style="width: 280px" + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item label="鎮h�呰寖鍥�" prop="tagId"> + <el-select + v-model="queryParams.Patientid" + multiple + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in Patientrange" + :key="item.id" + :label="item.name" + :value="item.id" + > + </el-option> + </el-select> + </el-form-item> + <el-row> + <el-form-item label="鎮h�呮爣绛�" prop="tagId"> + <el-select + v-model="queryParams.tagIds" + multiple + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in optionstag" + :key="item.tagid" + :label="item.tagname" + :value="item.tagid" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label=" 灏辫瘖鏃ユ湡 " prop="admitdate"> + <el-date-picker + clearable + v-model="queryParams.admitdate" + type="date" + value-format="yyyy-MM-dd" + placeholder="璇烽�夋嫨 灏辫瘖鏃ユ湡 " + > + </el-date-picker> + </el-form-item> + <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-form-item> + </el-row> + </el-form> + + <el-row :gutter="10" class="mb8"> + <el-col :span="1.5"> + <el-button + type="primary" + plain + icon="el-icon-plus" + size="medium" + @click="handleAdd" + v-hasPermi="['system:user:add']" + >鏂板</el-button + > + </el-col> + <el-col :span="1.5"> + <el-button + type="success" + plain + icon="el-icon-edit" + size="medium" + :disabled="single" + @click="handleUpdate" + v-hasPermi="['system:user:edit']" + >淇敼</el-button + > + </el-col> + <el-col :span="1.5"> + <el-button + type="danger" + plain + icon="el-icon-delete" + size="medium" + :disabled="multiple" + @click="handleDelete" + v-hasPermi="['system:user:remove']" + >鍒犻櫎</el-button + > + </el-col> + <!-- <el-col :span="1.5"> </el-col> --> + </el-row> + <el-table + v-loading="loading" + :data="userList" + @selection-change="handleSelectionChange" + > + <el-table-column type="selection" width="50" align="center" /> + <el-table-column + label="搴忓彿" + align="center" + key="patid" + prop="patid" + /> + <el-table-column label="濮撳悕" align="center" key="name" prop="name" /> + <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="120" + /> + <el-table-column + label="鍑虹敓骞存湀" + align="center" + key="archivetime" + prop="archivetime" + width="160" + > + <template slot-scope="scope"> + <span>{{ parseTime(scope.row.createTime) }}</span> + </template> + </el-table-column> + <el-table-column + label="瀹跺涵浣忓潃" + align="center" + key="age" + prop="age" + width="120" + /> + <el-table-column + label="榛戝悕鍗曞師鍥�" + align="center" + key="age" + prop="age" + width="120" + /> + <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 }} </span> + </template> + </el-table-column> + <el-table-column + label="璇佷欢绫诲瀷" + align="center" + key="iccardtype" + prop="iccardtype" + width="120" + /><el-table-column + label="璇佷欢鍙风爜" + align="center" + key="iccardno" + prop="iccardno" + width="190" + /> + + <el-table-column + label="鑱旂郴鏂瑰紡" + align="center" + key="telcode" + prop="telcode" + width="120" + /> + <el-table-column + label="寤烘。鏃ユ湡" + align="center" + key="archivetime" + prop="archivetime" + width="160" + > + <template slot-scope="scope"> + <span>{{ parseTime(scope.row.createTime) }}</span> + </template> + </el-table-column> + <el-table-column + label="鏇存柊鏃ユ湡" + align="center" + prop="updateTime" + width="160" + > + <template slot-scope="scope"> + <span>{{ parseTime(scope.row.createTime) }}</span> + </template> + </el-table-column> + <el-table-column + label="鎿嶄綔" + align="center" + width="190" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + size="medium" + type="text" + @click=" + $router.push({ + path: '/patient/patient/profile/', + query: { id: scope.row.patid }, + }) + " + v-hasPermi="['system:user:edit']" + ><span class="button-textsc" + ><i class="el-icon-zoom-in"></i>鏌ョ湅</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="handleUpdate(scope.row)" + v-hasPermi="['system:user:edit']" + ><span class="button-textxga" + ><i class="el-icon-edit"></i>鍙栨秷榛戝悕鍗�</span + ></el-button + > + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </el-col> + </el-row> + + <!-- 娣诲姞鎴栦慨鏀圭敤鎴烽厤缃璇濇 --> + <el-dialog + :title="amendtag ? '淇敼鎮h�呬俊鎭�' : '鏂板鎮h��'" + :visible.sync="Labelchange" + width="900px" + > + <el-form ref="form" :model="form" :rules="rules" label-width="100px"> + <el-row> + <el-col :span="12"> + <el-form-item label="濮撳悕" prop="name"> + <el-input + v-model="form.name" + placeholder="璇疯緭鍏ュ鍚�" + maxlength="30" + /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鎬у埆" prop="sex"> + <el-select v-model="form.sex" placeholder="璇烽�夋嫨鎬у埆"> + <el-option + v-for="dict in dict.type.sys_user_sex" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="璇佷欢绫诲瀷" prop="iccardtype"> + <el-select v-model="form.iccardtype" placeholder="璇烽�夋嫨鎬у埆"> + <el-option + v-for="item in paperstypes" + :key="item.papersname" + :label="item.papersname" + :value="item.papersname" + ></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="璇佷欢鍙�" prop="iccardno"> + <el-input + v-model="form.iccardno" + placeholder="璇疯緭鍏ヨ瘉浠跺彿" + maxlength="50" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="鏈汉鎵嬫満鍙�" prop="telcode"> + <el-input + v-model="form.telcode" + placeholder="璇疯緭鍏ユ墜鏈哄彿" + maxlength="30" + /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="浜插睘鎵嬫満鍙�" prop="relativetelcode"> + <el-input + v-model="form.relativetelcode" + placeholder="璇疯緭鍏ヤ翰灞炴墜鏈哄彿" + type="password" + maxlength="20" + show-password + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="骞撮緞" prop="age"> + <el-input + v-model="form.age" + placeholder="璇疯緭鍏ュ勾榫�" + maxlength="30" + /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鎮h�呮爣绛�"> + <!-- <el-select v-model="form.sex" placeholder="璇烽�夋嫨"> --> + <el-select v-model="form.tagList" multiple placeholder="璇烽�夋嫨"> + <el-option + v-for="item in optionstag" + :key="item.tagid" + :label="item.tagname" + :value="item.tagid" + > + </el-option> + </el-select> + <!-- </el-select> --> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="澶囨敞"> + <el-input + v-model="form.remark" + 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> <script> +import { delUser } from "@/api/system/user"; +import { + listpat_archive, + getpat_archive, + addpat_archive, + updatepat_archive, + delpat_archive, +} from "@/api/smartorpor/pat_archive"; +import { + messagelistpatient, + alterpatient, + addpatient, + particularpatient, + deletepatient, + Exporterrorpatient, + toleadpatient, +} from "@/api/patient/homepage"; +import { listtag } from "@/api/system/label"; +import { getToken } from "@/utils/auth"; +import Treeselect from "@riophae/vue-treeselect"; +import "@riophae/vue-treeselect/dist/vue-treeselect.css"; + export default { + name: "Userhuanze", + dicts: ["sys_normal_disable", "sys_user_sex"], + components: { Treeselect }, data() { return { - show: true, + // 閬僵灞� + loading: true, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 鐢ㄦ埛琛ㄦ牸鏁版嵁 + userList: null, + // 寮瑰嚭灞傛爣棰� + title: "", + // 閮ㄩ棬鏍戦�夐」 + deptOptions: undefined, + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 閮ㄩ棬鍚嶇О + deptName: undefined, + // 榛樿瀵嗙爜 + initPassword: undefined, + amendtag: false, //鏄惁淇敼 + // 鏃ユ湡鑼冨洿 + dateRange: [], + paperstypes: [ + { papersname: "韬唤璇�" }, + { papersname: "鎶ょ収" }, + { papersname: "涓浗娓境灞呮皯韬唤璇�" }, + { papersname: "涓浗鍙版咕灞呮皯韬唤璇�" }, + ], + // 琛ㄥ崟鍙傛暟 + form: { + name: "", + age: "", + sex: "", + tagList: [], + iccardno: "", + telcode: "", + iccardtype: "", + relativetelcode: "", + }, + //瀵煎叆杩涘害 + dractive: 1, + // 瀵煎叆灞曠ず琛ㄥ崟 + uploadingData: {}, + total: 0, // 鎬绘潯鏁� + ImportQuantity: 999, //瀵煎叆鎮h�呮暟閲� + Labelchange: false, //淇敼鏂板寮圭獥 + propss: { multiple: true }, + optionstag: [], //鏍囩鍒楄〃 + Patientrange: [ + { + name: "鍏ㄩ儴", + id: 1, + }, + { + name: "褰撳墠绉戝", + id: 1, + }, + ], + defaultProps: { + children: "children", + label: "label", + }, + // 鐢ㄦ埛瀵煎叆鍙傛暟 + upload: { + // 鏄惁鏄剧ず寮瑰嚭灞傦紙鐢ㄦ埛瀵煎叆锛� + open: false, + // 寮瑰嚭灞傛爣棰橈紙鐢ㄦ埛瀵煎叆锛� + title: "", + // 鏄惁绂佺敤涓婁紶 + isUploading: false, + // 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹� + updateSupport: 0, + // 璁剧疆涓婁紶鐨勮姹傚ご閮� + headers: { Authorization: "Bearer " + getToken() }, + // 涓婁紶鐨勫湴鍧� + url: process.env.VUE_APP_BASE_API + "/system/user/importData", + }, + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 10, + iccardno: undefined, + name: undefined, + status: undefined, + tagIds: undefined, + telcode: undefined, + }, + // 琛ㄥ崟鏍¢獙 + rules: {}, }; }, + watch: { + // 鏍规嵁鍚嶇О绛涢�夐儴闂ㄦ爲 + deptName(val) { + this.$refs.tree.filter(val); + }, + }, + created() { + this.getList(); + this.gettabList(); + }, + methods: { + /** 鏌ヨ鎮h�呭垪琛� */ + getList() { + this.loading = true; + messagelistpatient(this.queryParams).then((response) => { + console.log(response); + this.userList = response.rows; + this.total = response.total; + this.loading = false; + }); + }, + /** 鏌ヨ鏍囩鍒楄〃 */ + gettabList() { + const queryParams = {}; + listtag().then((response) => { + console.log(response); + this.optionstag = response.rows; + }); + }, + // 鏌ヨ瀵煎叆灞曠ず鍒楄〃 + geterryList() { + this.loading = true; + listJob(this.queryParams).then((response) => { + this.jobList = 1; + this.total = 1; + this.loading = false; + }); + }, - created() {}, + // 绛涢�夎妭鐐� + filterNode(value, data) { + if (!value) return true; + return data.label.indexOf(value) !== -1; + }, + // 鑺傜偣鍗曞嚮浜嬩欢 + handleNodeClick(data) { + this.queryParams.deptId = data.id; + this.handleQuery(); + }, - methods: {}, + // 鍙栨秷鎸夐挳 + cancel() { + this.Labelchange = false; + this.reset(); + }, + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = { + name: "", + age: "", + sex: "", + tagList: [], + iccardno: "", + telcode: "", + iccardtype: "", + relativetelcode: "", + }; + // this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.dateRange = []; + this.resetForm("queryForm"); + this.$refs.tree.setCurrentKey(null); + this.handleQuery(); + }, + // 澶氶�夋閫変腑鏁版嵁 + handleSelectionChange(selection) { + this.ids = selection.map((item) => item.patid); + this.single = selection.length != 1; + this.multiple = !selection.length; + }, + + /** 鏂板鎸夐挳鎿嶄綔 */ + handleAdd() { + this.reset(); + this.Labelchange = true; + this.amendtag = false; + }, + /** 淇敼鎸夐挳鎿嶄綔 */ + handleUpdate(row) { + console.log(row); + const userIds = row.patid || this.ids; + particularpatient(userIds).then((response) => { + console.log(response); + this.form = response.data; + }); + this.amendtag = true; + this.Labelchange = true; + }, + + //淇敼/鏂板鎮h�� + submitForm() { + if (this.amendtag) { + alterpatient(this.form) + .then((response) => { + console.log(response); + }) + .then(() => { + this.getList(); + this.$modal.msgSuccess("淇敼鎴愬姛"); + }); + } else { + addpatient(this.form) + .then((response) => { + console.log(response); + }) + .then(() => { + this.getList(); + this.$modal.msgSuccess("娣诲姞鎴愬姛"); + }); + } + this.reset(); + // this.idds = ""; + this.Labelchange = false; + }, + + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + handleDelete(row) { + const userIds = row.userId || this.ids; + this.$modal + .confirm('鏄惁纭鍒犻櫎鐢ㄦ埛缂栧彿涓�"' + userIds + '"鐨勬暟鎹」锛�') + .then(function () { + return deletepatient(userIds); + }) + .then(() => { + this.getList(); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }) + .catch(() => {}); + }, + /** 瀵煎嚭鎸夐挳鎿嶄綔 */ + handleExport() { + this.download( + "smartor/patarchive/export", + { + ...this.queryParams, + }, + `user_${new Date().getTime()}.xlsx` + ); + }, + /** 瀵煎叆鎸夐挳鎿嶄綔 */ + handleImport() { + this.upload.title = "鐢ㄦ埛瀵煎叆"; + this.upload.open = true; + }, + /** 涓嬭浇妯℃澘鎿嶄綔 */ + importTemplate() { + this.download( + "system/user/importTemplate", + {}, + `user_template_${new Date().getTime()}.xlsx` + ); + }, + // 鏂囦欢涓婁紶涓鐞� + handleFileUploadProgress(event, file, fileList) { + this.upload.isUploading = true; + }, + // 鏂囦欢涓婁紶鎴愬姛澶勭悊 + handleFileSuccess(response, file, fileList) { + this.upload.open = false; + this.upload.isUploading = false; + this.$refs.upload.clearFiles(); + this.$alert( + "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + + response.msg + + "</div>", + "瀵煎叆缁撴灉", + { dangerouslyUseHTMLString: true } + ); + this.getList(); + }, + // 鎻愪氦涓婁紶鏂囦欢 + submitFileForm() { + // 涓婁紶 + if (this.dractive == 1) { + this.$refs.upload.submit(); + this.dractive++; + } else { + this.dractive++; + } + }, + submitclose() { + this.upload.open = false; + this.dractive = 1; + }, + }, }; </script> <style lang="scss" scoped> -.slide-fade-enter-active { - transition: all 1s ease; +.el-button--primary.is-plain { + color: #ffffff; + background: #409eff; + border-color: #4fabe9; } -.slide-fade-leave-active { - transition: all 2s cubic-bezier(1, 0.5, 0.8, 1); +.document { + width: 100px; + height: 50px; } -.slide-fade-enter, -.slide-fade-leave-to { - transform: translateX(40px); - opacity: 0; +.documentf { + display: flex; + justify-content: flex-end; +} +.download { + text-align: center; + .el-upload__tip { + font-size: 23px; + } + .el-upload__text { + font-size: 23px; + } +} +.uploading { + margin-top: 20px; + margin: 20px; + padding: 30px; + background: #ffffff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); +} +.drexamine { + display: flex; + align-items: center; + justify-content: center; + padding: 30px; + background: #daeaf5; + img { + width: 100px; + height: 100px; + } +} +.button-textsc { + color: #28cfe6; } </style> diff --git a/src/views/patient/medtechnician/index.vue b/src/views/patient/medtechnician/index.vue new file mode 100644 index 0000000..b0ca803 --- /dev/null +++ b/src/views/patient/medtechnician/index.vue @@ -0,0 +1,17 @@ +<template> + <div>鍖绘妧</div> +</template> + +<script> +export default { + data() { + return {}; + }, + + created() {}, + + methods: {}, +}; +</script> + +<style lang="scss" scoped></style> diff --git a/src/views/patient/patient/index.vue b/src/views/patient/patient/index.vue index 7a46484..6a53f9e 100644 --- a/src/views/patient/patient/index.vue +++ b/src/views/patient/patient/index.vue @@ -339,7 +339,7 @@ type="text" @click="Distributionservice(scope.row)" v-hasPermi="['system:user:edit']" - ><span class="button-textxg" + ><span class="button-textxg" ><i class="el-icon-menu"></i>鏈嶅姟</span ></el-button > @@ -569,17 +569,16 @@ <!-- 璺宠浆鏈嶅姟瀵硅瘽妗� --> <el-dialog title="閫夋嫨鏈嶅姟绫诲瀷" :visible.sync="serviceVisible"> <el-radio-group v-model="serviceradio"> - <el-radio :label="1">瀹f暀</el-radio> - <el-radio :label="2">闂嵎</el-radio> - <el-radio :label="3">闂ㄨ瘖闅忚</el-radio> - <el-radio :label="4">澶嶈瘖澶嶆煡</el-radio> + <el-radio :label="1">瀹f暀闅忚</el-radio> + <el-radio :label="2">闂ㄨ瘖鏈嶅姟</el-radio> + <el-radio :label="3">鍑洪櫌鏈嶅姟</el-radio> + <el-radio :label="4">澶嶈瘖鏈嶅姟</el-radio> <el-radio :label="5">浣撴閫氱煡</el-radio> + <el-radio :label="6">闂嵎鏈嶅姟</el-radio> </el-radio-group> <div slot="footer" class="dialog-footer"> <el-button @click="serviceVisible = false">鍙� 娑�</el-button> - <el-button type="primary" @click="serviceVisible = false" - >鍒涘缓鏈嶅姟</el-button - > + <el-button type="primary" @click="CreateService">鍒涘缓鏈嶅姟</el-button> </div> </el-dialog> </div> @@ -907,6 +906,13 @@ }) .catch(() => {}); }, + //鏈嶅姟璺宠浆 + CreateService() { + this.$router.push({ + path: "/followvisit/particty", + query: { type: this.serviceradio }, + }); + }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { this.download( @@ -1094,7 +1100,7 @@ .button-textsc { color: #28cfe6; } -.button-textxg{ +.button-textxg { color: #de7897; } </style> diff --git a/src/views/patient/patient/profile/index.vue b/src/views/patient/patient/profile/index.vue index 709759f..3475bfd 100644 --- a/src/views/patient/patient/profile/index.vue +++ b/src/views/patient/patient/profile/index.vue @@ -119,9 +119,7 @@ <span class="mulsz" slot="label" ><i class="el-icon-s-custom"></i> 鏈嶅姟璁板綍</span > - - 瀹氭椂浠诲姟琛ュ伩</el-tab-pane - > + </el-tab-pane> </el-tabs> <!-- 鍋ュ悍妗f妯″潡 --> @@ -278,7 +276,62 @@ </div> <!-- 鏈嶅姟璁板綍 --> - <div class="medical-record" v-else-if="activeName == 'serve'">sdaad</div> + <div + class="medical-recordc" + style="margin-top: 20px; font-size: 20px !important" + v-else-if="activeName == 'serve'" + > + <el-tabs type="border-card"> + <el-tab-pane label="棣栨闅忚"> + <div style="margin-top: 10px"> + 闅忚鐘舵�侊細宸茬粓姝�<span style="color: #2775b6" + >锛堢粓姝㈠師鍥狅細鎮h�呯棅鎰堝洖璁跨粨鏉燂紝缁堟鏃堕棿锛�2023-12-18 12:00锛�</span + > + </div> + <div style="margin-top: 10px"> + 闅忚鍙戦�佹椂闂达細<span style="color: #2775b6">2023-11-23 12:00</span> + </div> + <div style="margin-top: 10px"> + 闅忚瀹屾垚鏃堕棿锛�<span style="color: #2775b6">2023-12-18 12:00</span> + </div> + <div style="margin-top: 10px"> + 鐤肩棝绋嬪害锛�<span style="color: #2775b6">涓害</span> + </div> + <div + style=" + font-size: 22px; + padding-left: 5px; + margin: 15px 0; + border-left: 4px solid rgb(65, 161, 190); + " + > + 浜哄伐闅忚璁板綍 + </div> + <div style="margin-top: 10px"> + <el-row :gutter="20"> + <el-col :span="6" + >闅忚鏃ユ湡锛� + <span style="color: #2775b6">2023-11-22 11:22</span></el-col + > + <el-col :span="6" + >闅忚浜猴細 <span style="color: #2775b6">鍚村皬榫�</span></el-col + > + <el-col :span="6" + >鎮h�呴厤鍚堝害锛� <span style="color: #2775b6">楂�</span></el-col + > + </el-row> + </div> + <div style="margin-top: 10px"> + 闅忚缁撴灉锛� <span style="color: #2775b6">鎮h�呯棅鎰堬紝韬綋鍊嶆</span> + </div> + <div style="margin-top: 10px"> + 闅忚澶囨敞锛� <span style="color: #2775b6">鎻愰啋娉ㄦ剰楗鍋ュ悍</span> + </div> + </el-tab-pane> + <el-tab-pane label="浜屾闅忚">浜屾闅忚</el-tab-pane> + <el-tab-pane label="涓夋闅忚">涓夋闅忚</el-tab-pane> + </el-tabs> + </div> <!-- 鍋ュ悍鐩戞祴 --> <div class="medical-record" v-show="activeName == 'monitor'"> <!-- 琛�鍘嬪浘鏍� --> @@ -744,7 +797,7 @@ } } .el-tabs--border-card { - font-size: 25px; + // font-size: 25px; .mulsz { font-size: 25px; margin-top: 20px; @@ -761,6 +814,7 @@ margin-left: 100px; .detailed { width: 70%; + border-radius: 8px; padding: 30px; margin-bottom: 30px; background-color: #ddf0f8; @@ -792,9 +846,10 @@ margin-bottom: 25px; margin-left: 100px; .Table-screen { - width: 70%; + width: 88%; padding: 30px; margin-bottom: 30px; + border-radius: 8px; background-color: #ddf0f8; font-size: 20px !important; } diff --git a/src/views/patient/propaganda/particty.vue b/src/views/patient/propaganda/particty.vue index 4ac1600..7c26081 100644 --- a/src/views/patient/propaganda/particty.vue +++ b/src/views/patient/propaganda/particty.vue @@ -35,7 +35,7 @@ </div> <div class="jic-value"> <el-form ref="form" :model="form" label-width="105px"> - <el-form-item label="鍙戦�佹椂闂达細"> + <el-form-item label="鍙戦�佹椂闂达細" v-if="currenttype != 2"> <el-date-picker v-model="form.name" type="date" @@ -43,7 +43,7 @@ > </el-date-picker> </el-form-item> - <el-form-item label="鍙戦�佹椂闂存锛�"> + <el-form-item label="鍙戦�佹椂闂存锛�" v-if="currenttype != 2"> <el-checkbox-group v-model="checkList"> <el-checkbox label="涓婂崍锛�8:30-11:30锛�"></el-checkbox> <el-checkbox label="涓嬪崍锛�14:30-16:30锛�"></el-checkbox> @@ -91,14 +91,92 @@ v-show="showSearch" label-width="98px" > - <el-form-item label="瀹f暀涓婚"> + <el-form-item label="瀹f暀涓婚" v-if="currenttype == 1"> <el-input v-model="topqueryParams.name"></el-input> </el-form-item> - <el-form-item label="閫傜敤鐤剧梾"> + <el-form-item + label="闅忚鍚嶇О" + v-if="currenttype == 2 || currenttype == 3" + > + <el-input + v-model="topqueryParams.name" + ></el-input> </el-form-item + ><el-form-item + label="閫氱煡鍚嶇О" + v-if="currenttype == 4 || currenttype == 5" + > + <el-input + v-model="topqueryParams.name" + ></el-input> </el-form-item + ><el-form-item label="浣撴濂楅" v-if="currenttype == 5"> + <el-input v-model="topqueryParams.name"></el-input> + </el-form-item> + <el-form-item label="闂嵎涓婚" v-if="currenttype == 6"> + <el-input v-model="topqueryParams.name"></el-input> + </el-form-item> + <el-form-item label="閫傜敤鐤剧梾" v-if="currenttype != 5"> <el-input v-model="topqueryParams.name"></el-input> </el-form-item> - <el-form-item label="瀹f暀绫诲瀷" prop="status"> + <el-form-item + label="瀹f暀绫诲瀷" + prop="status" + v-if="currenttype == 1" + > + <el-select + v-model="topqueryParams.topic" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in taskoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item + label="閫氱煡绫诲瀷" + prop="status" + v-if="currenttype == 4 || currenttype == 5" + > + <el-select + v-model="topqueryParams.topic" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in taskoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item + label="闅忚绫诲瀷" + prop="status" + v-if="currenttype == 2 || currenttype == 3" + > + <el-select + v-model="topqueryParams.topic" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in taskoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item + label="闂嵎绫诲瀷" + prop="status" + v-if="currenttype == 6" + > <el-select v-model="topqueryParams.topic" placeholder="璇烽�夋嫨" diff --git a/src/views/shortmessage/healthinformation/index.vue b/src/views/shortmessage/healthinformation/index.vue index 2a29ca9..38815aa 100644 --- a/src/views/shortmessage/healthinformation/index.vue +++ b/src/views/shortmessage/healthinformation/index.vue @@ -1,17 +1,928 @@ <template> - <div>閫氱煡妯$増</div> + <div class="Questionnairemanagement"> + <!-- 宸︿晶鏍� --> + <div class="sidecolumn"> + <div class="sidecolumn-top"> + <div class="top-wj">閫氱煡绫诲瀷</div> + <div class="top-tj" @click="dialogFormVisible = true">+娣诲姞</div> + </div> + <div class="center-ss"> + <el-input + placeholder="璇疯緭鍏ュ唴瀹�" + v-model="sidecolumnval" + class="input-with-select" + size="medium " + > + <el-button + @click="sidecolumnss" + slot="append" + icon="el-icon-search" + ></el-button> + </el-input> + </div> + <div class="bottom-fl"> + <el-tabs tab-position="right"> + <el-tab-pane :label="`鍏ㄩ儴 (${numberlb})`"></el-tab-pane> + <el-tab-pane + class="tab-paness" + :key="item.title" + v-for="(item, index) in editableTabs" + > + <span slot="label"> + {{ + item.title + " (" + item.number + ")" + }}   <el-popover + placement="top-start" + width="100" + trigger="hover" + > + <div style="text-align: center"> + <el-button type="text" @click="popoveramend(item)" + >淇敼</el-button + ><el-button type="text" @click="deletefenlei(item)" + ><span style="color: rgb(173, 55, 55)" + >鍒犻櫎</span + ></el-button + > + </div> + <i slot="reference" class="el-icon-share"></i> </el-popover + ></span> + </el-tab-pane> + </el-tabs> + </div> + </div> + <!-- 鍙充晶鏁版嵁 --> + <div class="leftvlue"> + <div class="leftvlue-bg"> + <el-row :gutter="20"> + <!--鐢ㄦ埛鏁版嵁--> + <el-col :span="24" :xs="24"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="98px" + > + <el-form-item label="閫氱煡绫诲瀷" prop="userName"> + <el-select + v-model="queryParams.statustype" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="閫氱煡鏂瑰紡" prop="status"> + <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in optionss" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="閫氱煡鍐呭" prop="status"> + <el-select + v-model="optionvalue" + multiple + filterable + remote + reserve-keyword + placeholder="璇疯緭鍏ュ唴瀹瑰叧閿瘝" + :remote-method="remoteMethod" + :loading="loadingvalue" + > + <el-option + v-for="item in optionsvalue" + :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="handleQuery" + >鎼滅储</el-button + > + <el-button + icon="el-icon-refresh" + size="medium" + @click="resetQuery" + >閲嶇疆</el-button + > + </el-form-item> + </el-form> + <el-divider></el-divider> + <el-row :gutter="10" class="mb8"> + <el-col :span="1.5"> + <el-button + type="primary" + plain + icon="el-icon-plus" + size="medium" + @click="handleAdd" + v-hasPermi="['system:user:add']" + >鏂板</el-button + > + </el-col> + + <el-col :span="1.5"> + <el-button + type="danger" + plain + icon="el-icon-delete" + size="medium" + :disabled="multiple" + @click="handleDelete" + v-hasPermi="['system:user:remove']" + >鍒犻櫎</el-button + > + </el-col> + + <!-- <el-col :span="1.5"> </el-col> --> + </el-row> + <!-- <right-toolbar + :showSearch.sync="showSearch" + @queryTable="getList" + :columns="columns" + ></right-toolbar> --> + <el-table + v-loading="loading" + :data="userList" + border="true" + @selection-change="handleSelectionChange" + > + <el-table-column type="selection" width="50" align="center" /> + <el-table-column + label="搴忓彿" + align="center" + key="userId" + prop="userId" + /> + <el-table-column + label="閫氱煡鏂瑰紡" + align="center" + key="userName" + prop="userName" + :show-overflow-tooltip="true" + /> + <el-table-column + label="閫氱煡鍐呭" + align="center" + key="nickName" + prop="nickName" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鐗堟湰" + align="center" + key="nickName" + prop="nickName" + :show-overflow-tooltip="true" + /> + + <el-table-column + label="閫傜敤鐤剧梾" + align="center" + key="aphonenumber" + prop="aphonenumber" + width="120" + /><el-table-column + label="閫傜敤绉戝" + align="center" + key="bphonenumber" + prop="bphonenumber" + width="120" + /> + <el-table-column + label="鍙敤鐘舵��" + align="center" + key="cphonenumber" + prop="cphonenumber" + width="120" + /> + + <el-table-column + label="鎿嶄綔" + align="center" + width="300" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + size="medium" + type="text" + @click="goQRCode(scope.row)" + v-hasPermi="['system:user:edit']" + > + <span class="button-text" + ><i class="el-icon-edit"></i>浜岀淮鐮�</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="ViewQuestionnaire(scope.row)" + v-hasPermi="['system:user:edit']" + ><span class="button-textck" + ><i class="el-icon-edit"></i>鏌ョ湅</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="handleUpdate(scope.row)" + v-hasPermi="['system:user:edit']" + ><span class="button-textxg" + ><i class="el-icon-edit"></i>淇敼</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="handleDelete(scope.row)" + v-hasPermi="['system:user:remove']" + ><span class="button-textsc" + ><i class="el-icon-edit"></i>鍒犻櫎</span + ></el-button + > + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </el-col> + </el-row> + + <!-- 娣诲姞鎴栦慨鏀归�氱煡閰嶇疆瀵硅瘽妗� --> + <el-dialog + :title="title" + :visible.sync="open" + width="900px" + append-to-body + > + <el-form ref="form" :model="form" :rules="rules" label-width="100px"> + <el-row> + <el-col :span="12"> + <el-form-item label="濮撳悕" prop="nickName"> + <el-input + v-model="form.nickName" + placeholder="璇疯緭鍏ュ鍚�" + maxlength="30" + /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鎬у埆" prop="deptId"> + <el-select v-model="form.sex" placeholder="璇烽�夋嫨鎬у埆"> + <el-option + v-for="dict in dict.type.sys_user_sex" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="璇佷欢绫诲瀷" prop="phonenumber"> + <el-input + v-model="form.phonenumber" + placeholder="璇烽�夋嫨璇佷欢绫诲瀷" + maxlength="11" + /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="璇佷欢鍙�" prop="email"> + <el-input + v-model="form.email" + placeholder="璇疯緭鍏ヨ瘉浠跺彿" + maxlength="50" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="鏈汉鎵嬫満鍙�" prop="userName"> + <el-input + v-model="form.userName" + placeholder="璇疯緭鍏ユ墜鏈哄彿" + maxlength="30" + /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="浜插睘鎵嬫満鍙�" prop="password"> + <el-input + v-model="form.password" + placeholder="璇疯緭鍏ヤ翰灞炴墜鏈哄彿" + type="password" + maxlength="20" + show-password + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="鎮h�呮爣绛�"> + <el-cascader + :options="optionss" + :props="propss" + clearable + ></el-cascader> + </el-form-item> + </el-col> + </el-row> + + <el-row> + <el-col :span="24"> + <el-form-item label="澶囨敞"> + <el-input + v-model="form.remark" + 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> + </div> + <!-- 娣诲姞绫诲埆寮规 --> + <el-dialog + :title="amendtag ? '淇敼绫诲埆' : '鏂板绫诲埆'" + width="30%" + :visible.sync="dialogFormVisible" + > + <el-form :model="classifyform"> + <el-form-item + :label="amendtag ? '璇疯緭鍏ユ柊鐨勭被鍒悕绉�' : '璇疯緭鍏ョ被鍒悕绉�'" + > + <el-input + v-model="classifyform.categoryname" + autocomplete="off" + ></el-input> + </el-form-item> + </el-form> + <div slot="footer" class="dialog-footer"> + <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button> + </div> + </el-dialog> + <!-- 鍒犻櫎绫诲埆纭妗� --> + <el-dialog title="璀﹀憡" :visible.sync="deleteVisible" width="40%"> + <div style="font-size: 20px; color: rgb(247, 76, 76)"> + 鏄惁纭鍒犻櫎鍒嗙被锛歔<span>{{ deletefenl }}</span + >]? + </div> + <div style="font-size: 20px"> + 姝ゆ搷浣滀細灏嗚绫诲埆涓嬫墍鏈夋ā鍧楄浆绉昏嚦[鏈垎绫籡锛屾槸鍚︾户缁垹闄ゆ鍒嗙被锛� + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="deleteVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="deletefenlei">纭� 瀹�</el-button> + </span> + </el-dialog> + <!-- 浜岀淮鐮佸睍绀哄脊妗� --> + <el-dialog width="30%" :visible.sync="goQRCodeVisible"> + <div class="qrcode-dialo"> + <div class="qrcode-text"> + {{ namequestionnaire }}<span>{{ haoquestionnaire }}</span> + </div> + <div class="qrcode-img"></div> + </div> + </el-dialog> + </div> </template> <script> +import { + listUser, + getUser, + delUser, + addUser, + updateUser, +} from "@/api/system/user"; +import { getToken } from "@/utils/auth"; +import Treeselect from "@riophae/vue-treeselect"; +import "@riophae/vue-treeselect/dist/vue-treeselect.css"; export default { + name: "questionnaire", + dicts: ["sys_normal_disable", "sys_user_sex"], + components: { Treeselect }, data() { - return {}; + return { + topactiveName: "Local", //椤堕儴閫夋嫨 + // 閬僵灞� + loading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + namequestionnaire: "", + haoquestionnaire: "", + // 鐢ㄦ埛琛ㄦ牸鏁版嵁 + userList: [ + { + userid: 1, + userName: "涓夊彿閫氱煡", + nickName: "1.2.4", + aphonenumber: "鍏宠妭鐐庣棁", + bphonenumber: "寰堟", + cphonenumber: "2022-12-12 ", + }, + ], + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏃ユ湡鑼冨洿 + dateRange: [], + // 宀椾綅閫夐」 + postOptions: [], + // 瑙掕壊閫夐」 + roleOptions: [], + // 琛ㄥ崟鍙傛暟 + form: {}, + numberlb: 22, + numberlbs: 2, + sidecolumnform: {}, //娣诲姞绫诲埆琛ㄥ崟 + goQRCodeVisible: false, //浜岀淮鐮佸脊妗� + sidecolumnval: "", //绫诲埆鎼滅储 + propss: { multiple: true }, + idds: "", + amendtag: false, //鏄惁淇敼绫诲埆 + dialogFormVisible: false, //淇敼娣诲姞绫诲埆寮规 + deleteVisible: false, //鍒嗙被鍒犻櫎寮规 + deletefenl: "楂樿鍘�", //鍒犻櫎椤� + classifyform: { + categoryname: "", + }, //绫诲埆琛ㄥ崟 + optionss: [ + { + value: 1, + label: "鐭俊", + }, + { + value: 2, + label: "寰俊/閽夐拤", + }, + ], + options: [ + { + value: 1, + label: "鏂囧瓧", + }, + { + value: 2, + label: "璇煶", + }, + ], + optionsvalue: [], + optionvalue: [], + valuelist: [], + loadingvalue: false, + states: [ + "Alabama", + "Alaska", + "Arizona", + "Arkansas", + "California", + "Colorado", + "Connecticut", + "Delaware", + "Florida", + "Georgia", + "Hawaii", + "Idaho", + "Illinois", + "Indiana", + "Iowa", + "Kansas", + "Kentucky", + "Louisiana", + "Maine", + "Maryland", + ], + //绫诲埆鍒楄〃 + editableTabs: [ + { + title: "閫氱煡鍒嗙被涓�", + number: "1", + }, + { + title: "閫氱煡鍒嗙被浜�", + number: "2", + }, + { + title: "閫氱煡鍒嗙被涓�", + number: "2", + }, + { + title: "閫氱煡鍒嗙被鍥�", + number: "2", + }, + { + title: "閫氱煡鍒嗙被浜�", + number: "2", + }, + ], + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 10, + userName: undefined, + phonenumber: undefined, + status: undefined, + deptId: undefined, + IDnumber: undefined, + }, + // 鍒椾俊鎭� + columns: [ + { key: 0, label: `鐢ㄦ埛缂栧彿`, visible: true }, + { key: 1, label: `鐢ㄦ埛鍚嶇О`, visible: true }, + { key: 2, label: `鐢ㄦ埛鏄电О`, visible: true }, + { key: 3, label: `閮ㄩ棬`, visible: true }, + { key: 4, label: `鎵嬫満鍙风爜`, visible: true }, + { key: 5, label: `鐘舵�乣, visible: true }, + { key: 6, label: `鍒涘缓鏃堕棿`, visible: true }, + ], + // 琛ㄥ崟鏍¢獙 + rules: { + userName: [ + { required: true, message: "鐢ㄦ埛鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }, + { + min: 2, + max: 20, + message: "鐢ㄦ埛鍚嶇О闀垮害蹇呴』浠嬩簬 2 鍜� 20 涔嬮棿", + trigger: "blur", + }, + ], + nickName: [ + { required: true, message: "鐢ㄦ埛鏄电О涓嶈兘涓虹┖", trigger: "blur" }, + ], + password: [ + { required: true, message: "鐢ㄦ埛瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" }, + { + min: 5, + max: 20, + message: "鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿", + trigger: "blur", + }, + ], + email: [ + { + type: "email", + message: "璇疯緭鍏ユ纭殑閭鍦板潃", + trigger: ["blur", "change"], + }, + ], + phonenumber: [ + { + pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, + message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜", + trigger: "blur", + }, + ], + IDnumber: [ + { + 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", + }, + ], + }, + }; + }, + watch: {}, + created() { + this.getList(); + }, + mounted() { + this.valuelist = this.states.map((item) => { + return { value: `value:${item}`, label: `鏍囬:${item}` }; + }); }, - created() {}, + methods: { + /** 鏌ヨ鐢ㄦ埛鍒楄〃 */ + getList() { + // this.loading = true; + listUser().then((response) => { + console.log(response); + // this.userList = response.data; + // this.total = response.total; + // this.loading = false; + console.log(this.userList); + }); + // const { rows } = await listUser(); + // console.log(rows); + // this.list = rows; + }, + // 娣诲姞銆佷慨鏀圭被鍒� + submitsidecolumn() { + if (this.amendtag) { + this.classifyform.tagcategoryid = this.idds; + // toamendtagcategory(this.addDateRange(this.classifyform)).then( + // (response) => { + // console.log(response); + // this.gitclasify(); + // } + // ); + } else { + // addtagcategory(this.addDateRange(this.classifyform)).then( + // (response) => { + // console.log(response); + // this.gitclasify(); + // } + // ); + } + this.classifyform = { + categoryname: "", + }; + this.idds = ""; + this.dialogFormVisible = false; + }, + // 妯$硦鏌ヨ + remoteMethod(query) { + if (query !== "") { + this.loadingvalue = true; + setTimeout(() => { + this.loadingvalue = false; + this.optionsvalue = this.valuelist.filter((item) => { + return item.label.toLowerCase().indexOf(query.toLowerCase()) > -1; + }); + }, 200); + } else { + this.optionsvalue = []; + } + }, + //鍒犻櫎鍒嗙被 + deletefenlei(row) { + if (this.deleteVisible) { + // deletetagcategory(this.idds).then((response) => { + // console.log(response); + // this.gitclasify(); + // }); + this.deleteVisible = false; + this.idds = ""; + } else { + this.deleteVisible = true; + this.idds = row.tagcategoryid; + this.deletefenl = row.title; + } + }, + //鎼滅储绫诲埆 + sidecolumnss() {}, + // 鍒囨崲鍏变韩/鏈湴 + tophandleClick() {}, + // 鍙栨秷鎸夐挳 + cancel() { + this.open = false; + this.reset(); + }, + goQRCode(row) { + this.goQRCodeVisible = true; + this.namequestionnaire = row.userName; + this.haoquestionnaire = row.nickName; + }, + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = { + userId: undefined, + deptId: undefined, + userName: undefined, + nickName: undefined, + password: undefined, + phonenumber: undefined, + email: undefined, + sex: undefined, + status: "0", + remark: undefined, + postIds: [], + roleIds: [], + }; + this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.dateRange = []; + this.resetForm("queryForm"); + this.queryParams.deptId = undefined; + this.$refs.tree.setCurrentKey(null); + this.handleQuery(); + }, + // 澶氶�夋閫変腑鏁版嵁 + handleSelectionChange(selection) { + this.ids = selection.map((item) => item.userId); + this.single = selection.length != 1; + this.multiple = !selection.length; + }, + /** 鏂板鎸夐挳鎿嶄綔 */ + handleAdd() { + this.$router.push({ + path: "/knowledge/questionnaire/compilequer/", + }); + }, + /** 淇敼鎸夐挳鎿嶄綔 */ + handleUpdate(row) { + this.$router.push({ + path: "/knowledge/questionnaire/compilequer/", + query: { id: "1" }, + }); + }, + // 鏌ョ湅閫氱煡 + ViewQuestionnaire() { + this.$router.push({ + path: "/knowledge/questionnaire/examine/", + query: { id: "1" }, + }); + }, - methods: {}, + /** 鏇存柊/淇敼鎻愪氦鎸夐挳 */ + submitForm: function () { + this.$refs["form"].validate((valid) => { + if (valid) { + if (this.form.userId != undefined) { + updateUser(this.form).then((response) => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + this.open = false; + this.getList(); + }); + } else { + addUser(this.form).then((response) => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + this.open = false; + this.getList(); + }); + } + } + }); + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + handleDelete(row) { + const userIds = row.userId || this.ids; + this.$modal + .confirm('鏄惁纭鍒犻櫎鐢ㄦ埛缂栧彿涓�"' + userIds + '"鐨勬暟鎹」锛�') + .then(function () { + return delUser(userIds); + }) + .then(() => { + this.getList(); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }) + .catch(() => {}); + }, + }, }; </script> -<style lang="scss" scoped></style> +<style lang="scss" scoped> +.Questionnairemanagement { + display: flex; +} +.sidecolumn { + width: 300px; + min-height: 100vh; + text-align: center; + // display: flex; + margin-top: 20px; + margin: 20px; + padding: 30px; + background: #edf1f7; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .sidecolumn-top { + display: flex; + justify-content: space-between; + .top-wj { + font-size: 20px; + } + .top-tj { + font-size: 18px; + + color: rgb(0, 89, 255); + cursor: pointer; + } + } + .center-ss { + margin-top: 30px; + .input-with-select { + height: 40px !important; + } + } + .bottom-fl { + margin-top: 30px; + display: center !important; + } +} +.qrcode-dialo { + text-align: center; + // display: flex; + margin: 20px; + padding: 30px; + background: #edf1f7; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .qrcode-text { + font-size: 20px; + span { + margin-left: 20px; + } + } + .qrcode-img { + width: 300px; + height: 400px; + } +} +::v-deep.el-tabs--left, +.el-tabs--right { + overflow: hidden; + align-items: center; + display: flex; +} +::v-deep.el-input--medium .el-input__inner { + height: 40px !important; +} +::v-deep.el-tabs--right .el-tabs__active-bar.is-right { + height: 40px; + width: 5px; + left: 0; +} +::v-deep.el-tabs--right .el-tabs__item.is-right { + display: block; + font-size: 20px; +} +.leftvlue { + // display: flex; + // flex: 1; + width: 80%; + margin-top: 20px; + // margin: 20px; + padding: 30px; + background: #ffff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .mulsz { + font-size: 20px; + } +} +.button-text { + color: rgb(70, 204, 238); +} +.button-textck { + color: rgb(39, 167, 67); +} +.button-textxg { + color: rgb(35, 81, 233); +} +.button-textsc { + color: rgb(235, 23, 23); +} +</style> -- Gitblit v1.9.3