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 | 558 ++++++++++++++++++++++++++++--------------------------- 1 files changed, 288 insertions(+), 270 deletions(-) diff --git a/src/views/repositoryai/verbaltrick/index.vue b/src/views/repositoryai/verbaltrick/index.vue index ef7032a..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="璇疯緭鍏�" @@ -84,13 +99,47 @@ @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="閫傜敤鐤剧梾" prop="status"> - <el-cascader - v-model="queryParams.status" - :options="optionss" - :props="propss" + <el-form-item label="鍏宠仈鎸囨爣" prop="userName"> + <el-input + v-model="queryParams.userName" + placeholder="璇疯緭鍏�" clearable - ></el-cascader> + style="width: 200px" + @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 + 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 + v-for="item in qyoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item> <el-form-item> @@ -135,14 +184,7 @@ >鍒犻櫎</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" @@ -155,82 +197,124 @@ align="center" key="userId" prop="userId" - v-if="columns[0].visible" /> <el-table-column - label="璇濇湳鍚嶇О" + label="闂涓婚" align="center" key="userName" prop="userName" - v-if="columns[1].visible" :show-overflow-tooltip="true" + /> + <el-table-column + label="闂鏂囨湰" + align="center" + key="nickName" + prop="nickName" + width="200" + :show-overflow-tooltip="true" + /> + + <el-table-column + label="闂璇煶" + align="center" + key="aphonenumber" + prop="aphonenumber" + width="200" + /><el-table-column + label="鍏宠仈鎸囨爣" + align="center" + 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="鏍囩" + align="center" + key="taglist" + prop="taglist" + width="120" + /> + <el-table-column + label="璇█" + align="center" + key="indicator" + prop="indicator" + width="120" /> <el-table-column label="鐗堟湰" align="center" - key="nickName" - prop="nickName" - v-if="columns[2].visible" - :show-overflow-tooltip="true" - /> - - <el-table-column - label="閫傜敤鐤剧梾" - align="center" - key="aphonenumber" - prop="aphonenumber" - v-if="columns[4].visible" - width="120" - /><el-table-column - label="璇濇湳鎻忚堪" - align="center" - key="bphonenumber" - prop="bphonenumber" - v-if="columns[4].visible" + key="versions" + prop="versions" width="120" /> <el-table-column - label="鏈�杩戠紪杈�" + label="鍙敤" align="center" - key="cphonenumber" - prop="cphonenumber" - v-if="columns[4].visible" + 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" + active-value="0" + inactive-value="1" + @change="handleStatusChange(scope.row)" + ></el-switch> + </template> + </el-table-column> <el-table-column label="鎿嶄綔" align="center" - width="300" + width="250" class-name="small-padding fixed-width" > <template slot-scope="scope"> <el-button size="medium" type="text" - @click="goQRCode(scope.row)" + @click="compileUpdate(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 + ><span class="button-bji" + ><i class="el-icon-edit"></i>缂栬緫闂</span ></el-button > <el-button @@ -239,7 +323,16 @@ @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']" ><span class="button-textsc" - ><i class="el-icon-edit"></i>鍒犻櫎</span + ><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> @@ -255,109 +348,6 @@ /> </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> <!-- 娣诲姞绫诲埆寮规 --> @@ -367,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 ? '璇疯緭鍏ユ柊鐨勭被鍒悕绉�' : '璇疯緭鍏ョ被鍒悕绉�'" > @@ -394,15 +395,6 @@ <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> @@ -451,11 +443,12 @@ userList: [ { userid: 1, - userName: "涓夊彿璇濇湳", - nickName: "1.2.4", - aphonenumber: "鍏宠妭鐐庣棁", - bphonenumber: "寰堟", - cphonenumber: "2022-12-12 ", + userName: "琛�甯歌銆佸翱甯歌", + nickName: "璐", + aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10", + bphonenumber: "閫夋嫨", + cphonenumber: "鏅�氳瘽", + status: "0", }, ], // 寮瑰嚭灞傛爣棰� @@ -468,53 +461,59 @@ postOptions: [], // 瑙掕壊閫夐」 roleOptions: [], - // 琛ㄥ崟鍙傛暟 - form: {}, + // 娣诲姞銆佷慨鏀瑰弬鏁� + indexform: {}, numberlb: 22, numberlbs: 2, sidecolumnform: {}, //娣诲姞绫诲埆琛ㄥ崟 dialogFormVisible: false, //娣诲姞绫诲埆寮规 - goQRCodeVisible: false, //浜岀淮鐮佸脊妗� sidecolumnval: "", //绫诲埆鎼滅储 + indexopen: false, //寮规灞曠ず鍚� propss: { multiple: true }, - optionss: [ + languagelist: [ { value: 1, - label: "涓滃崡", + label: "鏅�氳瘽", }, { value: 2, - label: "瑗垮寳", + label: "绮よ", }, { value: 3, - label: "浠ㄤ花浠�", + label: "鑻辫", + }, + ], //璇█鍒楄〃 + qyoptions: [ + { + value: 1, + label: "鍙敤", }, { - value: 4, - label: "鍏椋掗", + value: 2, + label: "绂佺敤", }, ], //绫诲埆鍒楄〃 editableTabs: [ { - title: "璇濇湳鍒嗙被涓�", + title: "闂鍒嗙被涓�", number: "1", }, { - title: "璇濇湳鍒嗙被浜�", + title: "闂鍒嗙被浜�", number: "2", }, { - title: "璇濇湳鍒嗙被涓�", + title: "闂鍒嗙被涓�", number: "2", }, { - title: "璇濇湳鍒嗙被鍥�", + title: "闂鍒嗙被鍥�", number: "2", }, { - title: "璇濇湳鍒嗙被浜�", + title: "闂鍒嗙被浜�", number: "2", }, ], @@ -528,20 +527,10 @@ 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" }, + { required: true, message: "涓绘棬涓嶈兘涓虹┖", trigger: "blur" }, { min: 2, max: 20, @@ -639,20 +628,47 @@ this.deletefenl = row.title; } }, + compileUpdate(row) { + this.$router.push({ + path: "/knowledge/verbaltrick/particulars/", + query: { id: "1" }, + }); + }, + // 棰樼洰鐘舵�佷慨鏀� + handleStatusChange(row) { + let text = row.status === "0" ? "鍙敤" : "鍋滅敤"; + this.$modal + .confirm('纭瑕�"' + text + '""' + row.userName + '"鐢ㄦ埛鍚楋紵') + .then(function () { + return changeUserStatus(row.userId, row.status); + }) + .then(() => { + this.$modal.msgSuccess(text + "鎴愬姛"); + }) + .catch(function () { + 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() {}, - // 鍒囨崲鍏变韩/鏈湴 - tophandleClick() {}, + // 渚挎嵎鏍囩 + tsgnameto() {}, // 鍙栨秷鎸夐挳 cancel() { - this.open = false; + this.indexopen = false; this.reset(); }, - goQRCode(row) { - this.goQRCodeVisible = true; - this.namequestionnaire = row.userName; - this.haoquestionnaire = row.nickName; - }, + // 琛ㄥ崟閲嶇疆 reset() { this.form = { @@ -693,20 +709,7 @@ /** 鏂板鎸夐挳鎿嶄綔 */ 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/", + path: "/knowledge/verbaltrick/particulars/", query: { id: "1" }, }); }, @@ -724,13 +727,13 @@ if (this.form.userId != undefined) { updateUser(this.form).then((response) => { this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; + this.indexopen = false; this.getList(); }); } else { addUser(this.form).then((response) => { this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; + this.indexopen = false; this.getList(); }); } @@ -815,6 +818,21 @@ height: 400px; } } +.tsgname { + width: 90px; + margin-right: 10px; + text-align: center; + cursor: pointer; + height: 40px; + line-height: 40px; + background: #7799fa; + color: #ffff; + font-size: 18px; + border-radius: 5px; +} +.tsgname:hover { + background: #3366f5; +} ::v-deep.el-tabs--left, .el-tabs--right { overflow: hidden; @@ -851,7 +869,7 @@ .button-text { color: rgb(70, 204, 238); } -.button-textck { +.button-bji { color: rgb(39, 167, 67); } .button-textxg { -- Gitblit v1.9.3