From 09b701d290094291e877b2cfb601db7da267d6b9 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期三, 21 八月 2024 18:55:47 +0800 Subject: [PATCH] 测试完成 --- src/views/knowledge/education/index.vue | 190 +++++++++++++++++++++++++++++++---------------- 1 files changed, 124 insertions(+), 66 deletions(-) diff --git a/src/views/knowledge/education/index.vue b/src/views/knowledge/education/index.vue index 036f7e9..c70696b 100644 --- a/src/views/knowledge/education/index.vue +++ b/src/views/knowledge/education/index.vue @@ -39,6 +39,17 @@ > </el-button> </span> + <span v-if="data.id > 0"> + <el-button + type="text" + circle + size="mini" + @click="() => altertag(node, data)" + ><span class="button-textxg" + ><i class="el-icon-edit-outline"></i + ></span> + </el-button> + </span> </span> </el-tree> </div> @@ -57,72 +68,52 @@ v-show="showSearch" label-width="98px" > - <el-form-item label="瀹f暀鏍囬" prop="userName"> + <el-form-item label="閫氱煡鏍囬" prop="preachname"> <el-input - v-model="queryParams.userName" + v-model="queryParams.preachname" placeholder="璇疯緭鍏�" clearable style="width: 200px" @keyup.enter.native="handleQuery" /> </el-form-item> - <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.userNamevalue" - placeholder="璇疯緭鍏�" - clearable - style="width: 200px" - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="閫傜敤鏂瑰紡" prop="shape"> - <el-cascader - v-model="queryParams.shapevalue" - :options="optionss" - :props="propss" - clearable - ></el-cascader> - </el-form-item> - <el-form-item label="鍐呭褰㈠紡" prop="classify"> + <el-form-item label="閫傜敤闄㈠尯" prop="region"> <el-select - v-model="queryParams.classifyvalue" - placeholder="璇烽�夋嫨" + v-model="campus" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被" > <el-option - v-for="(item, index) in editabshape" + v-for="item in courtyardlist" :key="item.label" :label="item.label" - :value="item.value" + :value="item.label" > </el-option> </el-select> </el-form-item> + <el-form-item label="閫氱煡鍐呭" prop="userName"> + <el-input + v-model="queryParams.preachcontent" + placeholder="璇疯緭鍏�" + clearable + style="width: 200px" + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item label="鍙敤鐘舵��" prop="classify"> <el-select - v-model="queryParams.classifyvalue" + v-model="queryParams.isavailable" placeholder="璇烽�夋嫨" > <el-option - v-for="item in usable" + v-for="(item, index) in qyoptions" :key="item.value" - :label="item.value" - :value="item.label" + :label="item.label" + :value="item.value" > </el-option> </el-select> @@ -181,10 +172,18 @@ @selection-change="handleSelectionChange" > <el-table-column type="selection" width="50" align="center" /> - <el-table-column label="搴忓彿" align="center" key="id" prop="id" /> + <el-table-column + label="搴忓彿" + fixed + align="center" + key="id" + prop="id" + /> <el-table-column label="鏍囬" + fixed align="center" + width="150" key="preachname" prop="preachname" :show-overflow-tooltip="true" @@ -199,6 +198,7 @@ <el-table-column label="涓昏鍐呭" align="center" + width="260" key="preachcontent" prop="preachcontent" :show-overflow-tooltip="true" @@ -233,9 +233,14 @@ :show-overflow-tooltip="true" > <template slot-scope="scope"> - <span v-for="item in scope.row.labelInfo.split(',')" - >{{ item }}銆� - </span> + <div v-if="scope.row.labelInfo"> + <span v-for="item in scope.row.labelInfo.split(',')" + >{{ item }}銆� + </span> + </div> + <div v-else> + <span>鏃�</span> + </div> </template> </el-table-column> <el-table-column @@ -245,12 +250,17 @@ prop="suitway" width="120" > - <template slot-scope="scope"> - <span v-for="item in scope.row.suitway.split(',')" - >{{ item }}銆� - </span> + <template slot-scope="scope"> + <div v-if="scope.row.suitway"> + <span v-for="item in scope.row.suitway.split(',')" + >{{ item }}銆� + </span> + </div> + <div v-else> + <span>鏃�</span> + </div> </template> - </el-table-column> + </el-table-column> <el-table-column label="鍐呭褰㈠紡" align="center" @@ -286,12 +296,13 @@ <el-table-column label="鎿嶄綔" + fixed="right" align="center" width="300" class-name="small-padding fixed-width" > <template slot-scope="scope"> - <el-button + <!-- <el-button size="medium" type="text" @click="goQRCode(scope.row)" @@ -300,8 +311,8 @@ <span class="button-text" ><i class="el-icon-edit"></i>浜岀淮鐮�</span ></el-button - > - <el-button + > --> + <!-- <el-button size="medium" type="text" @click="Vieweducation(scope.row)" @@ -309,7 +320,7 @@ ><span class="button-textck" ><i class="el-icon-edit"></i>鏌ョ湅</span ></el-button - > + > --> <el-button size="medium" type="text" @@ -372,7 +383,7 @@ </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> - <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button> + <el-button @click="getDeptTree()">鍙� 娑�</el-button> <el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button> </div> </el-dialog> @@ -441,6 +452,7 @@ getheLibraryAssort, delheLibraryAssort, addheLibraryAssort, + editheLibraryAssort, addtargetillness, getlibrarylist, dellibraryinfo, @@ -483,9 +495,11 @@ inputVisible: false, illnessVisible: false, //鎸囨爣鐤剧梾寮规 deptOptions: [], + courtyardlist: [], optionsillness: [], illnesslistapi: [], illnesslist: [], + campus: [], defaultProps: { children: "heLibraryAssortList", label: "assortname", @@ -529,6 +543,7 @@ }, //绫诲埆琛ㄥ崟 optionss: [], mode: [], + qyoptions: [], languagelist: [], editabshape: [], usable: [], @@ -556,15 +571,19 @@ this.usable = store.getters.usable; this.precedencetype = store.getters.precedencetype; this.editabshape = store.getters.editabshape; + this.qyoptions = store.getters.usable; + this.courtyardlist = store.getters.courtyardlist; }, methods: { /** 鏌ヨ瀹f暀鍒楄〃 */ getList() { - // this.loading = true; + this.loading = true; getlibrarylist(this.queryParams).then((response) => { console.log(response); this.userList = response.rows; + this.total = response.total; + this.loading = false; }); listDept(this.queryParams).then((response) => { this.deptList = this.handleTree(response.data, "deptId"); @@ -589,6 +608,7 @@ /** 鎼滅储鎸夐挳鎿嶄綔 */ handleQuery() { this.queryParams.pageNum = 1; + this.queryParams.campus = this.campus.join(","); this.getList(); }, /** 閲嶇疆鎸夐挳鎿嶄綔 */ @@ -601,7 +621,7 @@ }, // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { - this.ids = selection.map((item) => item.userId); + this.ids = selection.map((item) => item.id); this.single = selection.length != 1; this.multiple = !selection.length; }, @@ -615,24 +635,24 @@ handleUpdate(row) { this.$router.push({ path: "/knowledge/education/compilequer/", - query: { id: "1" }, + query: { id: row.id }, }); }, // 鏌ョ湅瀹f暀 Vieweducation() { this.$router.push({ path: "/knowledge/education/examine/", - query: { id: "1" }, + query: { id: row.id }, }); }, /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { - const userIds = row.userId || this.ids; + const userIds = row.id || this.ids; this.$modal .confirm('鏄惁纭鍒犻櫎鐢ㄦ埛缂栧彿涓�"' + userIds + '"鐨勬暟鎹」锛�') .then(function () { - return delFollowupinfo(userIds); + return dellibraryinfo(userIds); }) .then(() => { this.getList(); @@ -652,12 +672,21 @@ getDeptTree() { getheLibraryAssort({}).then((res) => { this.deptOptions = res.rows; - console.log(res); + this.dialogFormVisible = false; }); }, // 娣诲姞绫诲埆鏍� submitsidecolumn() { + if (this.classifyform.id) { + editheLibraryAssort(this.classifyform).then((res) => { + this.getDeptTree(); + this.$modal.msgSuccess("淇敼鎴愬姛"); + this.classifyform = {}; + this.dialogFormVisible = false; + }); + return; + } let calssvalue = {}; if ( this.classifyform.pid && @@ -675,6 +704,7 @@ } else { return this.$modal.msgError("璇峰~鍐欏畬鏁翠俊鎭�"); } + this.classifyform.hetype = 1; addheLibraryAssort(this.classifyform).then((res) => { this.getDeptTree(); this.$modal.msgSuccess("鏂板鎴愬姛"); @@ -710,6 +740,16 @@ }) .catch(() => {}); } + }, + altertag(a, b) { + this.dialogFormVisible = true; + if (!b.pid) { + this.radio = "涓诲垎绫�"; + } else { + this.radio = "瀛愬垎绫�"; + } + this.classifyform = b; + this.dialogFormVisible = true; }, // 绛涢�夎妭鐐� @@ -809,7 +849,7 @@ margin-top: 20px; margin: 20px; padding: 30px; - background: #edf1f7; + background: #fff; 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); @@ -924,6 +964,24 @@ font-size: 20px; cursor: pointer; } +::v-deep .el-tree { + position: relative; + cursor: default; + border-radius: 5px; + background: #eff8fe; + color: #606266; + border: 1px solid #bbe1fa; + // 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); +} +::v-deep + .el-tree--highlight-current + .el-tree-node.is-current + > .el-tree-node__content { + background-color: #7799fb; + color: #fff; +} ::v-deep .el-button--mini.is-circle { padding: 7px; margin: 0; -- Gitblit v1.9.3