From ad70f145e8bea957b41043b4a1e37ce37cc5ed1e Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期二, 16 一月 2024 18:39:24 +0800 Subject: [PATCH] 指标完成 --- src/views/shortmessage/healthinformation/index.vue | 446 ++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 290 insertions(+), 156 deletions(-) diff --git a/src/views/shortmessage/healthinformation/index.vue b/src/views/shortmessage/healthinformation/index.vue index 38815aa..586e8b2 100644 --- a/src/views/shortmessage/healthinformation/index.vue +++ b/src/views/shortmessage/healthinformation/index.vue @@ -65,11 +65,30 @@ v-show="showSearch" label-width="98px" > - <el-form-item label="閫氱煡绫诲瀷" prop="userName"> - <el-select - v-model="queryParams.statustype" - placeholder="璇烽�夋嫨" + <el-form-item label="閫傜敤绉戝" prop="region"> + <el-cascader + v-model="queryParams.administrative" + :options="deptList" + :props="props" + :show-all-levels="false" + clearable > + <template slot-scope="{ node, data }"> + <span>{{ data.deptName }}</span> + <span v-if="!node.isLeaf"> + ({{ data.children.length }}) + </span> + </template> + </el-cascader> + </el-form-item> + <el-form-item label="閫氱煡鏍囬" prop="userName"> + <el-input + v-model="queryParams.title" + placeholder="璇疯緭鍏ュ唴瀹�" + ></el-input> + </el-form-item> + <el-form-item label="鍐呭褰㈠紡" prop="userName"> + <el-select v-model="queryParams.shape" placeholder="璇烽�夋嫨"> <el-option v-for="item in options" :key="item.value" @@ -79,8 +98,19 @@ </el-option> </el-select> </el-form-item> - <el-form-item label="閫氱煡鏂瑰紡" prop="status"> - <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> + <el-form-item label="閫傜敤鏂瑰紡" prop="status"> + <el-select v-model="queryParams.way" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in optionsfs" + :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.usable" placeholder="璇烽�夋嫨"> <el-option v-for="item in optionss" :key="item.value" @@ -156,11 +186,7 @@ <!-- <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" @@ -170,12 +196,14 @@ <el-table-column type="selection" width="50" align="center" /> <el-table-column label="搴忓彿" + fixed align="center" key="userId" prop="userId" /> <el-table-column - label="閫氱煡鏂瑰紡" + label="閫氱煡鏍囬" + fixed align="center" key="userName" prop="userName" @@ -184,8 +212,9 @@ <el-table-column label="閫氱煡鍐呭" align="center" - key="nickName" - prop="nickName" + width="150" + key="informvalue" + prop="informvalue" :show-overflow-tooltip="true" /> <el-table-column @@ -210,7 +239,28 @@ width="120" /> <el-table-column + label="鍐呭褰㈠紡" + align="center" + key="shape" + prop="shape" + width="120" + /> + <el-table-column + label="鍙戦�佹柟寮�" + align="center" + key="bphonenumber" + prop="bphonenumber" + width="120" + /> + <el-table-column label="鍙敤鐘舵��" + align="center" + key="usable" + prop="usable" + width="120" + /> + <el-table-column + label="鏈�杩戜慨鏀�" align="center" key="cphonenumber" prop="cphonenumber" @@ -219,21 +269,12 @@ <el-table-column label="鎿嶄綔" + fixed="right" 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" @@ -274,130 +315,174 @@ /> </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" + :title="title" + :visible.sync="indexopen" + width="900px" + append-to-body > - <el-form :model="classifyform"> - <el-form-item - :label="amendtag ? '璇疯緭鍏ユ柊鐨勭被鍒悕绉�' : '璇疯緭鍏ョ被鍒悕绉�'" - > - <el-input - v-model="classifyform.categoryname" - autocomplete="off" - ></el-input> + <el-form ref="form" :model="indexform" :rules="rules" label-width="100px"> + <el-row> + <el-col :span="12"> + <el-form-item label="閫氱煡鏍囬" prop="deptId"> + <el-input + v-model="indexform.name" + placeholder="璇疯緭鍏�" + maxlength="40" + /> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鐗堟湰鍙�" prop="deptId"> + <el-input + v-model="indexform.versions" + placeholder="璇疯緭鍏�" + maxlength="40" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="璇█" prop="deptId"> + <el-select v-model="indexform.language" placeholder="璇烽�夋嫨璇█"> + <el-option + v-for="index in languagelist" + :key="index.value" + :label="index.label" + :value="index.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鏄惁鍙敤" prop="deptId"> + <el-select v-model="indexform.useofstateky" placeholder="璇烽�夋嫨"> + <el-option + v-for="index in optionss" + :key="index.value" + :label="index.label" + :value="index.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <el-form-item label="閫氱煡鍐呭" prop="nickName"> + <el-input + type="textarea" + v-model="indexform.nickName" + placeholder="璇疯緭鍏ラ�氱煡鍐呭" + maxlength="80" + /> + </el-form-item> </el-col + ></el-row> + <el-form-item label="閫氱煡鍙橀噺" prop="name"> + <el-row v-for="item in variablelist"> + <el-col :span="4"> + <el-input v-model="item.variable"></el-input> + </el-col> + <el-col :span="8" :offset="1"> + <el-input v-model="item.value"></el-input> + </el-col> + <el-col :span="4" :offset="1"> + <el-button + type="success" + icon="el-icon-plus" + circle + @click="addvariable(item)" + ></el-button> + <el-button + type="danger" + icon="el-icon-delete" + circle + @click="delvariable(item)" + ></el-button> + </el-col> + </el-row> </el-form-item> + + <el-row> + <el-col :span="12"> + <el-form-item label="閫傜敤鐤剧梾" prop="userName"> + <el-select + v-model="indexform.useofstate" + multiple + placeholder="璇烽�夋嫨(澶氶��)" + > + <el-option + v-for="index in optionks" + :key="index.value" + :label="index.label" + :value="index.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="閫傜敤绉戝" prop="region"> + <el-cascader + v-model="indexform.administrative" + :options="deptList" + :props="props" + :show-all-levels="false" + clearable + > + <template slot-scope="{ node, data }"> + <span>{{ data.deptName }}</span> + <span v-if="!node.isLeaf"> + ({{ data.children.length }}) + </span> + </template> + </el-cascader> + </el-form-item> + </el-col> + </el-row> + + <el-row> + <el-col :span="12"> + <el-form-item label="閫傜敤鏂瑰紡" prop="email"> + <el-select + v-model="indexform.useofstatefs" + multiple + placeholder="璇烽�夋嫨(澶氶��)" + > + <el-option + v-for="index in optionsfs" + :key="index.value" + :label="index.label" + :value="index.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鍐呭褰㈠紡" prop="email"> + <el-select + v-model="indexform.useofstatexs" + multiple + placeholder="璇烽�夋嫨(澶氶��)" + > + <el-option + v-for="index in options" + :key="index.value" + :label="index.label" + :value="index.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> </el-form> + <div slot="footer" class="dialog-footer"> - <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button> - <el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button> + <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> + <el-button @click="cancel">鍙� 娑�</el-button> </div> </el-dialog> <!-- 鍒犻櫎绫诲埆纭妗� --> @@ -434,6 +519,7 @@ addUser, updateUser, } from "@/api/system/user"; +import { listDept } from "@/api/system/dept"; import { getToken } from "@/utils/auth"; import Treeselect from "@riophae/vue-treeselect"; import "@riophae/vue-treeselect/dist/vue-treeselect.css"; @@ -456,17 +542,30 @@ showSearch: true, // 鎬绘潯鏁� total: 0, + indexopen: false, //寮规灞曠ず鍚� + // 娣诲姞銆佷慨鏀瑰弬鏁� + indexform: {}, namequestionnaire: "", haoquestionnaire: "", + variablelist: [ + { + variable: "paitent", + value: "琛ㄧず鎮h�呯殑鏍囪瘑", + }, + ], // 鐢ㄦ埛琛ㄦ牸鏁版嵁 userList: [ { userid: 1, userName: "涓夊彿閫氱煡", + informvalue: "杩欎釜閫氱煡寰堥噸瑕佸晩寰堥噸瑕�", nickName: "1.2.4", aphonenumber: "鍏宠妭鐐庣棁", - bphonenumber: "寰堟", + bphonenumber: "楠ㄧ", + shape: "鏂囧瓧銆佸浘鐗�", + transmitmode: "閽夐拤銆佸井淇�", cphonenumber: "2022-12-12 ", + usable: "鍙敤", }, ], // 寮瑰嚭灞傛爣棰� @@ -498,11 +597,31 @@ optionss: [ { value: 1, + label: "鍙敤", + }, + { + value: 2, + label: "绂佺敤", + }, + ], + optionsfs: [ + { + value: 1, label: "鐭俊", }, { value: 2, label: "寰俊/閽夐拤", + }, + ], + optionks: [ + { + value: 1, + label: "蹇冨唴绉�", + }, + { + value: 2, + label: "鑳稿绉�", }, ], options: [ @@ -630,6 +749,8 @@ }, ], }, + deptList: [], + props: { multiple: true, value: "deptId", label: "deptName" }, }; }, watch: {}, @@ -656,6 +777,9 @@ // const { rows } = await listUser(); // console.log(rows); // this.list = rows; + listDept(this.queryParams).then((response) => { + this.deptList = this.handleTree(response.data, "deptId"); + }); }, // 娣诲姞銆佷慨鏀圭被鍒� submitsidecolumn() { @@ -693,6 +817,22 @@ }, 200); } else { this.optionsvalue = []; + } + }, + // 鏂板鍙橀噺 + addvariable() { + this.variablelist.push({ + variable: "", + value: "", + }); + }, + // 鍒犻櫎鍙橀噺 + delvariable(item) { + const index = this.variablelist.indexOf(item); + if (index !== -1) { + this.variablelist.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱� + } else { + console.log("鏈壘鍒拌瀵硅薄"); } }, //鍒犻櫎鍒嗙被 @@ -763,24 +903,18 @@ }, /** 鏂板鎸夐挳鎿嶄綔 */ handleAdd() { - this.$router.push({ - path: "/knowledge/questionnaire/compilequer/", - }); + this.reset(); + this.title = "鏂板閫氱煡"; + this.indexopen = true; }, /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { - this.$router.push({ - path: "/knowledge/questionnaire/compilequer/", - query: { id: "1" }, - }); + this.reset(); + this.title = "閫氱煡璇︽儏"; + this.indexopen = true; }, - // 鏌ョ湅閫氱煡 - ViewQuestionnaire() { - this.$router.push({ - path: "/knowledge/questionnaire/examine/", - query: { id: "1" }, - }); - }, + // 鏌ョ湅 + ViewQuestionnaire() {}, /** 鏇存柊/淇敼鎻愪氦鎸夐挳 */ submitForm: function () { -- Gitblit v1.9.3