From dc3d15dfe0c4a4a85bc5b4df7959b84a02beb064 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期一, 11 十二月 2023 10:48:04 +0800 Subject: [PATCH] 随访题库完成 --- src/views/repositoryai/verbaltrick/index.vue | 420 +++++++++++++++++++++++++---------------------------------- 1 files changed, 176 insertions(+), 244 deletions(-) diff --git a/src/views/repositoryai/verbaltrick/index.vue b/src/views/repositoryai/verbaltrick/index.vue index a90343c..6cbcb07 100644 --- a/src/views/repositoryai/verbaltrick/index.vue +++ b/src/views/repositoryai/verbaltrick/index.vue @@ -3,7 +3,7 @@ <!-- 宸︿晶鏍� --> <div class="sidecolumn"> <div class="sidecolumn-top"> - <div class="top-wj">璇濇湳绫诲瀷</div> + <div class="top-wj">闂绫诲瀷</div> <div class="top-tj" @click="dialogFormVisible = true">+娣诲姞</div> </div> <div class="center-ss"> @@ -21,48 +21,52 @@ </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> + <el-menu + default-active="3" + class="el-menu-vertical-demo" + @open="handleOpen" + @close="handleClose" + @select="handleSelect" + > + <el-submenu index="1"> + <template slot="title"> + <i class="el-icon-location"></i> + <span>鍒嗙被涓�</span> + </template> + + <el-menu-item index="1-1">閫夐」1</el-menu-item> + <el-menu-item index="1-2">閫夐」2</el-menu-item> + <el-menu-item index="1-3">閫夐」3</el-menu-item> + <el-menu-item index="1-4">閫夐」3</el-menu-item> + </el-submenu> + <el-submenu index="2"> + <template slot="title"> + <i class="el-icon-menu"></i> + <span>鍒嗙被浜�</span> + </template> + <el-menu-item index="2-1">閫夐」1</el-menu-item> + <el-menu-item index="2-2">閫夐」2</el-menu-item> + <el-menu-item index="2-3">閫夐」3</el-menu-item> + </el-submenu> + <el-submenu index="3"> + <template slot="title"> + <i class="el-icon-document"></i> + <span>鍒嗙被涓�</span> + </template> + <el-menu-item index="2-1">閫夐」1</el-menu-item> + </el-submenu> + <el-submenu index="4"> + <template slot="title"> + <i class="el-icon-setting"></i> + <span>鍒嗙被鍥�</span> + </template> + <el-menu-item index="2-1">閫夐」1</el-menu-item> + </el-submenu> + </el-menu> </div> </div> <!-- 鍙充晶鏁版嵁 --> <div class="leftvlue"> - <div class="leftvlue-top"> - <el-tabs v-model="topactiveName" @tab-click="tophandleClick"> - <el-tab-pane name="Local"> - <span class="mulsz" slot="label">鏅�氳瘽鏈簱 </span> - </el-tab-pane> - <el-tab-pane name="sharing"> - <span class="mulsz" slot="label">鐗瑰畾璇濇湳搴� </span> - </el-tab-pane> - </el-tabs> - </div> <div class="leftvlue-bg"> <el-row :gutter="20"> <!--鐢ㄦ埛鏁版嵁--> @@ -75,7 +79,18 @@ v-show="showSearch" label-width="98px" > - <el-form-item label="璇濇湳涓绘棬" prop="userName"> + <el-form-item label="鍙敤闄㈠尯" prop="status"> + <el-select v-model="queryParams.courtyard" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in languagelist" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="闂涓婚" prop="userName"> <el-input v-model="queryParams.userName" placeholder="璇疯緭鍏�" @@ -93,6 +108,17 @@ @keyup.enter.native="handleQuery" /> </el-form-item> + <el-form-item label="閫傜敤鏂瑰紡" prop="status"> + <el-select v-model="queryParams.applyway" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in languagelist" + :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 @@ -104,7 +130,7 @@ </el-option> </el-select> </el-form-item> - <el-form-item label="鏄惁鍚敤" prop="status"> + <el-form-item label="鏄惁鍙敤" prop="status"> <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> <el-option v-for="item in qyoptions" @@ -158,8 +184,6 @@ >鍒犻櫎</el-button > </el-col> - - <!-- <el-col :span="1.5"> </el-col> --> </el-row> <el-table v-loading="loading" @@ -175,7 +199,7 @@ prop="userId" /> <el-table-column - label="涓绘棬" + label="闂涓婚" align="center" key="userName" prop="userName" @@ -186,7 +210,7 @@ align="center" key="nickName" prop="nickName" - width="400" + width="200" :show-overflow-tooltip="true" /> @@ -195,19 +219,47 @@ align="center" key="aphonenumber" prop="aphonenumber" - width="400" + width="200" /><el-table-column label="鍏宠仈鎸囨爣" align="center" - key="bphonenumber" - prop="bphonenumber" + key="bphonenumbers" + prop="bphonenumbers" + width="120" + /> + /><el-table-column + label="姝e父鍊艰寖鍥�" + align="center" + key="scope" + prop="scope" + width="120" + /> + /><el-table-column + label="闂鎻忚堪" + align="center" + key="describe" + prop="describe" + width="120" + /> + /><el-table-column + label="閫傜敤鏂瑰紡" + align="center" + key="application" + prop="application" + width="120" + /> + /><el-table-column + label="閫傜敤鐤剧梾" + align="center" + key="Applicable" + prop="Applicable" width="120" /> <el-table-column - label="鎸囨爣閫夐」" + label="鏍囩" align="center" - key="bphonenumber" - prop="bphonenumber" + key="taglist" + prop="taglist" width="120" /> <el-table-column @@ -217,7 +269,28 @@ prop="indicator" width="120" /> - <el-table-column label="鏄惁鍚敤" align="center" key="status"> + <el-table-column + label="鐗堟湰" + align="center" + key="versions" + prop="versions" + width="120" + /> + <el-table-column + label="鍙敤" + align="center" + key="usable" + prop="usable" + width="120" + /> + <el-table-column + label="鏈�杩戜慨鏀�" + align="center" + key="Recentrevision" + prop="Recentrevision" + width="120" + /> + <el-table-column label="鏄惁鍙敤" align="center" key="status"> <template slot-scope="scope"> <el-switch v-model="scope.row.status" @@ -231,26 +304,17 @@ <el-table-column label="鎿嶄綔" align="center" - width="200" + width="250" 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-textxg" - ><i class="el-icon-edit-outline"></i>淇敼</span - ></el-button - > - <el-button - size="medium" - type="text" - @click="handleUpdate(scope.row)" + @click="compileUpdate(scope.row)" v-hasPermi="['system:user:edit']" ><span class="button-bji" - ><i class="el-icon-edit"></i>缂栬緫璇濇湳</span + ><i class="el-icon-edit"></i>缂栬緫闂</span ></el-button > <el-button @@ -260,6 +324,15 @@ v-hasPermi="['system:user:remove']" ><span class="button-textsc" ><i class="el-icon-delete-solid"></i>鍒犻櫎</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="handleDelete(scope.row)" + v-hasPermi="['system:user:remove']" + ><span class="button-text" + ><i class="el-icon-view"></i>棰勮</span ></el-button > </template> @@ -275,167 +348,6 @@ /> </el-col> </el-row> - - <!-- 娣诲姞鎴栦慨鏀硅瘽鏈厤缃璇濇 --> - <el-dialog - :title="title" - :visible.sync="indexopen" - width="900px" - append-to-body - > - <el-form - ref="form" - :model="indexform" - :rules="rules" - label-width="100px" - > - <el-row> - <el-col :span="24"> - <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-row> - <el-row> - <el-col :span="24"> - <el-form-item label="璇濇湳涓绘棬" prop="nickName"> - <el-input - v-model="indexform.nickName" - placeholder="璇疯緭鍏ヨ瘽鏈富鏃�" - maxlength="80" - /> - </el-form-item> </el-col - ></el-row> - <el-row> - <el-col :span="24"> - <div - style="display: flex; margin-left: 100px; margin-bottom: 10px" - > - <div class="tsgname" @click="tsgnameto()">鍖婚櫌鍚嶇О</div> - <div class="tsgname" @click="tsgnameto()">鍖婚櫌鐢佃瘽</div> - <div class="tsgname" @click="tsgnameto()">鍖婚櫌濮撳悕</div> - <div class="tsgname" @click="tsgnameto()">闅忚濮撳悕</div> - <div class="tsgname" @click="tsgnameto()">闅忚鐢佃瘽</div> - <div class="tsgname" @click="tsgnameto()">鎬у埆</div> - <div class="tsgname" @click="tsgnameto()">骞撮緞</div> - <div class="tsgname" @click="tsgnameto()">鍦板潃</div> - </div> - </el-col></el-row - > - <el-row> - <el-col :span="24"> - <el-form-item label="璇濇湳鏂囨湰" prop="verbaltricktext"> - <el-input v-model="indexform.userName" maxlength="30" /> - </el-form-item> </el-col - ></el-row> - <el-row> - <el-col :span="24"> - <el-form-item label="璇濇湳璇煶" prop="verbaltrickyy"> - <el-input v-model="indexform.userName" maxlength="30" /> - </el-form-item> </el-col - ></el-row> - <el-row> - <el-col :span="24"> - <el-form-item label="鏃犲尮閰嶆枃鏈�" prop="matchtext"> - <el-input v-model="indexform.userName" maxlength="30" /> - </el-form-item> </el-col - ></el-row> - <el-row> - <el-col :span="24"> - <el-form-item label="鏃犲尮閰嶈闊�" prop="matchyy"> - <el-input v-model="indexform.userName" maxlength="30" /> - </el-form-item> </el-col - ></el-row> - <el-row> - <el-col :span="24"> - <el-form-item label="鏃犲0鏂囨湰" prop="silenttext"> - <el-input v-model="indexform.userName" maxlength="30" /> - </el-form-item> </el-col - ></el-row> - <el-row> - <el-col :span="24"> - <el-form-item label="鏃犲0璇煶" prop="silentyy"> - <el-input v-model="indexform.userName" maxlength="30" /> - </el-form-item> </el-col - ></el-row> - <el-row> - <el-col :span="24"> - <el-form-item label="閫氱敤搴撴枃鏈�" prop="librarytext"> - <el-input v-model="indexform.userName" maxlength="30" /> - </el-form-item> </el-col - ></el-row> - <el-row> - <el-col :span="24"> - <el-form-item label="閫氱敤搴撹闊�" prop="libraryy"> - <el-input v-model="indexform.userName" maxlength="30" /> - </el-form-item> </el-col - ></el-row> - <el-row> - <el-col :span="24"> - <el-form-item label="鍚笉娓呮枃鏈�" prop="vaguetext"> - <el-input v-model="indexform.userName" maxlength="30" /> - </el-form-item> </el-col - ></el-row> - <el-row> - <el-col :span="24"> - <el-form-item label="鍚笉娓呰闊�" prop="vagueyy"> - <el-input v-model="indexform.userName" maxlength="30" /> - </el-form-item> </el-col - ></el-row> - - <el-row> - <el-col :span="24"> - <el-form-item label="璇濇湳瑙勫垯" prop="email"> - <el-input - v-model="indexform.remark" - type="textarea" - placeholder="璇疯緭鍏ュ唴瀹�" - ></el-input> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :span="24"> - <el-form-item label="鏄惁鍚敤"> - <el-radio-group v-model="indexform.qystatus"> - <el-radio - v-for="item in qyoptions" - :key="item.value" - :label="item.value" - >{{ item.label }}</el-radio - > - </el-radio-group> - </el-form-item> - </el-col> - </el-row> - - <el-row> - <el-col :span="24"> - <el-form-item label="澶囨敞"> - <el-input - v-model="indexform.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> <!-- 娣诲姞绫诲埆寮规 --> @@ -445,6 +357,17 @@ :visible.sync="dialogFormVisible" > <el-form :model="classifyform"> + <el-form-item label="璇烽�夋嫨闂嵎澶х被"> + <el-select v-model="classifyform.broadheading" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in editableTabs" + :key="item.title" + :label="item.title" + :value="item.title" + > + </el-option> + </el-select> + </el-form-item> <el-form-item :label="amendtag ? '璇疯緭鍏ユ柊鐨勭被鍒悕绉�' : '璇疯緭鍏ョ被鍒悕绉�'" > @@ -564,33 +487,33 @@ qyoptions: [ { value: 1, - label: "鍚敤", + label: "鍙敤", }, { value: 2, - label: "鍏抽棴", + label: "绂佺敤", }, ], //绫诲埆鍒楄〃 editableTabs: [ { - title: "璇濇湳鍒嗙被涓�", + title: "闂鍒嗙被涓�", number: "1", }, { - title: "璇濇湳鍒嗙被浜�", + title: "闂鍒嗙被浜�", number: "2", }, { - title: "璇濇湳鍒嗙被涓�", + title: "闂鍒嗙被涓�", number: "2", }, { - title: "璇濇湳鍒嗙被鍥�", + title: "闂鍒嗙被鍥�", number: "2", }, { - title: "璇濇湳鍒嗙被浜�", + title: "闂鍒嗙被浜�", number: "2", }, ], @@ -705,9 +628,15 @@ this.deletefenl = row.title; } }, + compileUpdate(row) { + this.$router.push({ + path: "/knowledge/verbaltrick/particulars/", + query: { id: "1" }, + }); + }, // 棰樼洰鐘舵�佷慨鏀� handleStatusChange(row) { - let text = row.status === "0" ? "鍚敤" : "鍋滅敤"; + let text = row.status === "0" ? "鍙敤" : "鍋滅敤"; this.$modal .confirm('纭瑕�"' + text + '""' + row.userName + '"鐢ㄦ埛鍚楋紵') .then(function () { @@ -720,12 +649,20 @@ row.status = row.status === "0" ? "1" : "0"; }); }, + // 渚ц竟-------------- + handleOpen(key, keyPath) { + console.log(key, keyPath); + }, + handleClose(key, keyPath) { + console.log(key, keyPath); + }, + handleSelect(key, keyPath) { + console.log(key, keyPath); + }, //鎼滅储绫诲埆 sidecolumnss() {}, // 渚挎嵎鏍囩 tsgnameto() {}, - // 鍒囨崲鍏变韩/鏈湴 - tophandleClick() {}, // 鍙栨秷鎸夐挳 cancel() { this.indexopen = false; @@ -771,15 +708,10 @@ }, /** 鏂板鎸夐挳鎿嶄綔 */ handleAdd() { - this.reset(); - this.title = "鏂板璇濇湳"; - this.indexopen = true; - }, - /** 淇敼鎸夐挳鎿嶄綔 */ - handleUpdate(row) { - this.reset(); - this.title = "淇敼璇濇湳"; - this.indexopen = true; + this.$router.push({ + path: "/knowledge/verbaltrick/particulars/", + query: { id: "1" }, + }); }, // 淇敼鍒嗙被寮规 popoveramend(tagcategoryid) { -- Gitblit v1.9.3