From 4e32f1188e9d0cafd3511994d2d13617ca6e08f9 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期五, 15 十二月 2023 11:15:00 +0800 Subject: [PATCH] 完成 --- src/views/repositoryai/templateku/index.vue | 567 +++++++++++++------------------------------------------- 1 files changed, 136 insertions(+), 431 deletions(-) diff --git a/src/views/repositoryai/templateku/index.vue b/src/views/repositoryai/templateku/index.vue index 5c733eb..038a4a4 100644 --- a/src/views/repositoryai/templateku/index.vue +++ b/src/views/repositoryai/templateku/index.vue @@ -6,7 +6,7 @@ <div class="top-wj">妯$増绫诲瀷</div> <div class="top-tj" @click="dialogFormVisible = true">+娣诲姞</div> </div> - <div class="center-ss"> + <div class="center-ss"> <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="sidecolumnval" @@ -21,7 +21,7 @@ </el-input> </div> <div class="bottom-fl"> - <el-tabs tab-position="right"> + <!-- <el-tabs tab-position="right"> <el-tab-pane :label="`鍏ㄩ儴 (${numberlb})`"></el-tab-pane> <el-tab-pane class="tab-paness" @@ -48,21 +48,53 @@ <i slot="reference" class="el-icon-share"></i> </el-popover ></span> </el-tab-pane> - </el-tabs> + </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="topactiveName == 'Local' ? 'leftvlue' : 'leftvlues'"> - <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 +107,7 @@ v-show="showSearch" label-width="98px" > - <el-form-item label="妯$増鍚嶇О" prop="userName"> + <el-form-item label="妯$増鏍囬" prop="userName"> <el-input v-model="queryParams.userName" placeholder="璇疯緭鍏�" @@ -84,7 +116,7 @@ @keyup.enter.native="handleQuery" /> </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 languagelist" @@ -95,7 +127,29 @@ </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" + :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" @@ -174,42 +228,68 @@ :show-overflow-tooltip="true" /> <el-table-column - label="闈欓粯鏃堕棿" + label="涓昏鍐呭" align="center" key="nickName" prop="nickName" - width="400" + width="300" :show-overflow-tooltip="true" /> <el-table-column - label="鏃犲0閲嶅娆℃暟" + label="閫傜敤鐤剧梾" align="center" key="aphonenumber" prop="aphonenumber" width="400" /><el-table-column - label="鏃犲0鍖归厤閲嶅娆℃暟" + label="閫傜敤绉戝" align="center" key="bphonenumber" prop="bphonenumber" width="120" /> <el-table-column - label="閫氱敤搴�" + label="鏍囩" align="center" - key="bphonenumbear" - prop="bphonenumbear" + 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="瀹f暀鏂瑰紡" + align="center" + key="way" + prop="way" width="120" /> <el-table-column - label="璇█" + label="璧勬枡褰㈠紡" align="center" - key="indicator" - prop="indicator" + key="formal" + prop="formal" 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="Recentrevision" + prop="Recentrevision" + width="120" + /> + <el-table-column label="鍙敤鐘舵��" align="center" key="status"> <template slot-scope="scope"> <el-switch v-model="scope.row.status" @@ -227,20 +307,13 @@ class-name="small-padding fixed-width" > <template slot-scope="scope"> - <el-button - size="medium" - type="text" - @click="handleUpdate(scope.row)" - ><span class="button-textxg" - ><i class="el-icon-edit-outline"></i>淇敼</span - ></el-button - > + <el-button size="medium" type="text" @click="compileUpdate(scope.row)" ><span class="button-bji" - ><i class="el-icon-edit"></i>缂栬緫璇濇湳</span + ><i class="el-icon-edit"></i>缂栬緫</span ></el-button > <el-button @@ -255,109 +328,17 @@ <el-button size="medium" type="text" - @click="handleDelete(scope.row)" + @click="preview(scope.row)" v-hasPermi="['system:user:remove']" ><span class=".button-xiazai" - ><i class="el-icon-s-management"></i>澶嶅埗妯$増</span + ><i class="el-icon-s-management"></i>棰勮</span ></el-button > </template> </el-table-column> </el-table> <!-- 閫氱敤妯$増 --> - <el-table - v-else - 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" - width="400" - :show-overflow-tooltip="true" - /> - <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="200" - class-name="small-padding fixed-width" - > - <template slot-scope="scope"> - <el-button - size="medium" - type="text" - @click="handleUpdate(scope.row)" - ><span class="button-textxg" - ><i class="el-icon-edit-outline"></i>淇敼</span - ></el-button - > - <el-button - size="medium" - type="text" - @click="compileUpdate(scope.row)" - ><span class="button-bji" - ><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-delete-solid"></i>鍒犻櫎</span - ></el-button - > - <el-button - size="medium" - type="text" - @click="downloadfn(scope.row)" - v-hasPermi="['system:user:remove']" - ><span class="button-xiazai" - ><i class="el-icon-download"></i>涓嬭浇</span - ></el-button - > - <el-button - size="medium" - type="text" - @click="copyfn(scope.row)" - v-hasPermi="['system:user:remove']" - ><span class=".button-xiazai" - ><i class="el-icon-s-management"></i>澶嶅埗妯$増</span - ></el-button - > - </template> - </el-table-column> - </el-table> <!-- 搴曢儴鍒嗛〉 --> <pagination v-show="total > 0" @@ -369,249 +350,6 @@ </el-col> </el-row> - <!-- 娣诲姞鎴栦慨鏀规爣鍑嗘ā鐗堝璇濇 --> - <el-dialog - v-if="topactiveName == 'Local'" - :title="title" - :visible.sync="indexopen" - width="900px" - append-to-body - > - <el-form - ref="form" - :model="indexform" - :rules="rules" - label-width="110px" - > - <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"> - <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="鏃犲0閲嶅娆℃暟" 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="閫氱敤搴�" 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="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="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="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="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="鎾姤鏂瑰紡"> - <el-radio-group v-model="indexform.qystatus"> - <el-radio - v-for="item in qyoptionbo" - :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-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> - <!-- 娣诲姞鎴栦慨鏀归�氱敤妯$増瀵硅瘽妗� --> - <el-dialog - :title="title" - :visible.sync="indexopenty" - 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"> - <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> <!-- 娣诲姞绫诲埆寮规 --> @@ -723,25 +461,25 @@ languagelist: [ { value: 1, - label: "鏅�氳瘽", + label: "鐭俊", }, { value: 2, - label: "绮よ", + label: "鐢佃瘽", }, { value: 3, - label: "鑻辫", + label: "灏忕▼搴�", }, ], //璇█鍒楄〃 qyoptions: [ { value: 1, - label: "鍚敤", + label: "鍙敤", }, { value: 2, - label: "鍏抽棴", + label: "鍋滅敤", }, ], // 鎾姤鏂瑰紡 @@ -767,14 +505,6 @@ }, { title: "妯$増鍒嗙被涓�", - number: "2", - }, - { - title: "妯$増鍒嗙被鍥�", - number: "2", - }, - { - title: "妯$増鍒嗙被浜�", number: "2", }, ], @@ -895,17 +625,16 @@ downloadfn() {}, // 璺宠浆缂栬緫璇濇湳椤甸潰 compileUpdate(row) { - if (this.topactiveName == "Local") { - this.$router.push({ - path: "/knowledge/templateku/configurat/", - query: { id: "1" }, - }); - } else { - this.$router.push({ - path: "/knowledge/templateku/particulars/", - query: { id: "1" }, - }); - } + this.$router.push({ + path: "/knowledge/templateku/configurat/", + query: { id: "1" }, + }); + + // this.$router.push({ + // path: "/knowledge/templateku/particulars/", + // query: { id: "1" }, + // }); + }, // 棰樼洰鐘舵�佷慨鏀� handleStatusChange(row) { @@ -921,6 +650,16 @@ .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() {}, @@ -982,45 +721,11 @@ this.indexopenty = true; } }, - /** 淇敼鎸夐挳鎿嶄綔 */ - handleUpdate(row) { - this.reset(); - this.title = "淇敼妯$増"; - if (this.topactiveName == "Local") { - this.indexopen = true; - } else { - this.indexopenty = true; - } - }, // 淇敼鍒嗙被寮规 popoveramend(tagcategoryid) { this.idds = tagcategoryid; this.amendtag = true; this.dialogFormVisible = true; - }, - - /** 鏇存柊/淇敼鎻愪氦鎸夐挳 */ - submitForm: function () { - this.$refs["form"].validate((valid) => { - if (valid) { - if (this.form.userId != undefined) { - updateUser(this.form).then((response) => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.indexopen = false; - this.indexopenty = false; - this.getList(); - }); - } else { - addUser(this.form).then((response) => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.indexopen = false; - this.indexopenty = false; - - this.getList(); - }); - } - } - }); }, /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { -- Gitblit v1.9.3