From 1d8992d7af77eff8c0d123df02c408bff139b339 Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期一, 02 十二月 2024 14:40:39 +0800 Subject: [PATCH] 12.2 --- src/views/pages/gerenbangong/settings/approval/index.vue | 185 ++++++ src/views/pages/gerenbangong/settings/password/index.vue | 102 +++ src/views/pages/gerenbangong/addressBook/personage/index.vue | 214 +++++++ src/views/pages/gerenbangong/addressBook/publics/index.vue | 224 ++++++++ /dev/null | 6 src/views/pages/gerenbangong/vote/index.vue | 178 ++++++ src/views/pages/gerenbangong/addressBook/share/index.vue | 214 +++++++ src/views/pages/gerenbangong/settings/mailSettings/index.vue | 122 ++++ src/views/pages/gerenbangong/message/index.vue | 173 ++++++ src/views/pages/gerenbangong/schedule/index.vue | 20 src/views/pages/gerenbangong/settings/reminder/index.vue | 60 ++ src/views/pages/gerenbangong/workLog/index.vue | 173 ++++++ 12 files changed, 1,665 insertions(+), 6 deletions(-) diff --git a/src/views/pages/gerenbangong/addressBook/personage/index.vue b/src/views/pages/gerenbangong/addressBook/personage/index.vue new file mode 100644 index 0000000..d8ae6ff --- /dev/null +++ b/src/views/pages/gerenbangong/addressBook/personage/index.vue @@ -0,0 +1,214 @@ +<template> + <div class="app-container"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + > + <el-form-item label="鏌ヨ" prop="zjhm"> + <el-input + v-model="queryParams.zjhm" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鏌ヨ</el-button + > + <el-button + type="primary" + icon="el-icon-plus" + size="mini" + @click="addPlan" + >娣诲姞</el-button + > + <el-button type="primary" icon="el-icon-delete" size="mini" @click="del" + >鍒犻櫎</el-button + > + <el-button type="primary" icon="el-icon-download" size="mini" + >瀵煎嚭</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="loading" :data="senHistoryList" border> + <el-table-column type="selection" width="55"> </el-table-column> + <el-table-column + label="濮撳悕" + align="center" + prop="name" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鎬у埆" + align="center" + prop="sex" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍗曚綅鍚嶇О" + align="center" + prop="unitName" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍗曚綅鐢佃瘽" + align="center" + prop="dwPhone" + :show-overflow-tooltip="true" + /> + <el-table-column + label="瀹跺涵鐢佃瘽" + align="center" + prop="jtPhone" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鎵嬫満" + align="center" + prop="Phone" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鐢靛瓙閭欢" + align="center" + prop="email" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鏄惁鍏变韩" + align="center" + prop="share" + :show-overflow-tooltip="true" + /> + </el-table> + + <!-- <div class="pag"> + <div class="pag1"> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </div> + </div> --> + <div class="block"> + <pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page.sync="currentPage3" + :page-size="1" + layout="prev, pager, next, jumper" + :total="15" + > + </pagination> + </div> + </div> + </template> + + <script> + import Tinymce from "@/components/Tinymce.vue"; + export default { + components: { + Tinymce, + }, + data() { + return { + senHistoryList: [ + { + name: "鏉庢��", + sex: "濂�", + unitName: "", + dwPhone: "", + jtPhone: "", + phone: "", + email: "", + share: "鍚�", + }, + ], + // 閬僵灞� + loading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 15, + name: "", + phone: "", + }, + // 琛ㄥ崟鍙傛暟 + form: {}, + // 琛ㄥ崟鏍¢獙 + rules: {}, + dialog: false, + }; + }, + + methods: { + addPlan() { + this.dialog = true; + }, + closeDialog() { + this.dialog = false; + }, + /** 鏌ヨ瀹f暀瀵瑰簲鏍囩鍒楄〃 */ + getList() { + this.loading = false; + }, + handleAdd() {}, + // 鍙栨秷鎸夐挳 + cancel() { + this.open = false; + this.reset(); + }, + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = {}; + this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.resetForm("queryForm"); + this.handleQuery(); + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + del() { + console.log("鍒犻櫎"); + }, + /** 鎻愪氦鎸夐挳鎿嶄綔 */ + submitForm() { + console.log("琛ㄥ崟鎻愪氦"); + this.closeDialog(); // 鎻愪氦鍚庡叧闂脊妗� + }, + }, + }; + </script> + + <style scoped lang="scss"> + </style> \ No newline at end of file diff --git a/src/views/pages/gerenbangong/addressBook/publics/index.vue b/src/views/pages/gerenbangong/addressBook/publics/index.vue new file mode 100644 index 0000000..a3ecd2a --- /dev/null +++ b/src/views/pages/gerenbangong/addressBook/publics/index.vue @@ -0,0 +1,224 @@ +<template> + <div class="app-container"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + > + <el-form-item label="鏌ヨ" prop="zjhm"> + <el-input + v-model="queryParams.zjhm" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鏌ヨ</el-button + > + <el-button + type="primary" + icon="el-icon-plus" + size="mini" + @click="addPlan" + >娣诲姞</el-button + > + <el-button type="primary" icon="el-icon-delete" size="mini" @click="del" + >鍒犻櫎</el-button + > + <el-button type="primary" icon="el-icon-download" size="mini" + >瀵煎嚭</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="loading" :data="senHistoryList" border> + <el-table-column type="selection" width="55"> </el-table-column> + <el-table-column + label="濮撳悕" + align="center" + prop="name" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鎬у埆" + align="center" + prop="sex" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍗曚綅鍚嶇О" + align="center" + prop="unitName" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍗曚綅鐢佃瘽" + align="center" + prop="dwPhone" + :show-overflow-tooltip="true" + /> + <el-table-column + label="瀹跺涵鐢佃瘽" + align="center" + prop="jtPhone" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鎵嬫満" + align="center" + prop="Phone" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鐢靛瓙閭欢" + align="center" + prop="email" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鏄惁鍏变韩" + align="center" + prop="share" + :show-overflow-tooltip="true" + /> + </el-table> + + <!-- <div class="pag"> + <div class="pag1"> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </div> + </div> --> + <div class="block"> + <pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page.sync="currentPage3" + :page-size="1" + layout="prev, pager, next, jumper" + :total="15" + > + </pagination> + </div> + </div> +</template> + + <script> +import Tinymce from "@/components/Tinymce.vue"; +export default { + components: { + Tinymce, + }, + data() { + return { + senHistoryList: [ + { + name: "鍒橀櫌闀�", + sex: "鐢�", + unitName: "", + dwPhone: "", + jtPhone: "", + phone: "", + email: "", + share: "鍚�", + }, + { + name: "鍒橀櫌闀�", + sex: "鐢�", + unitName: "", + dwPhone: "", + jtPhone: "", + phone: "", + email: "", + share: "鍚�", + }, + ], + // 閬僵灞� + loading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 15, + name: "", + phone: "", + }, + // 琛ㄥ崟鍙傛暟 + form: {}, + // 琛ㄥ崟鏍¢獙 + rules: {}, + dialog: false, + }; + }, + + methods: { + addPlan() { + this.dialog = true; + }, + closeDialog() { + this.dialog = false; + }, + /** 鏌ヨ瀹f暀瀵瑰簲鏍囩鍒楄〃 */ + getList() { + this.loading = false; + }, + handleAdd() {}, + // 鍙栨秷鎸夐挳 + cancel() { + this.open = false; + this.reset(); + }, + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = {}; + this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.resetForm("queryForm"); + this.handleQuery(); + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + del() { + console.log("鍒犻櫎"); + }, + /** 鎻愪氦鎸夐挳鎿嶄綔 */ + submitForm() { + console.log("琛ㄥ崟鎻愪氦"); + this.closeDialog(); // 鎻愪氦鍚庡叧闂脊妗� + }, + }, +}; +</script> + + <style scoped lang="scss"> +</style> \ No newline at end of file diff --git a/src/views/pages/gerenbangong/addressBook/share/index.vue b/src/views/pages/gerenbangong/addressBook/share/index.vue new file mode 100644 index 0000000..45dc304 --- /dev/null +++ b/src/views/pages/gerenbangong/addressBook/share/index.vue @@ -0,0 +1,214 @@ +<template> + <div class="app-container"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + > + <el-form-item label="鏌ヨ" prop="zjhm"> + <el-input + v-model="queryParams.zjhm" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鏌ヨ</el-button + > + <el-button + type="primary" + icon="el-icon-plus" + size="mini" + @click="addPlan" + >娣诲姞</el-button + > + <el-button type="primary" icon="el-icon-delete" size="mini" @click="del" + >鍒犻櫎</el-button + > + <el-button type="primary" icon="el-icon-download" size="mini" + >瀵煎嚭</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="loading" :data="senHistoryList" border> + <el-table-column type="selection" width="55"> </el-table-column> + <el-table-column + label="濮撳悕" + align="center" + prop="name" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鎬у埆" + align="center" + prop="sex" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍗曚綅鍚嶇О" + align="center" + prop="unitName" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍗曚綅鐢佃瘽" + align="center" + prop="dwPhone" + :show-overflow-tooltip="true" + /> + <el-table-column + label="瀹跺涵鐢佃瘽" + align="center" + prop="jtPhone" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鎵嬫満" + align="center" + prop="Phone" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鐢靛瓙閭欢" + align="center" + prop="email" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鏄惁鍏变韩" + align="center" + prop="share" + :show-overflow-tooltip="true" + /> + </el-table> + + <!-- <div class="pag"> + <div class="pag1"> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </div> + </div> --> + <div class="block"> + <pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page.sync="currentPage3" + :page-size="1" + layout="prev, pager, next, jumper" + :total="15" + > + </pagination> + </div> + </div> + </template> + + <script> + import Tinymce from "@/components/Tinymce.vue"; + export default { + components: { + Tinymce, + }, + data() { + return { + senHistoryList: [ + { + name: "鐜嬫��", + sex: "鐢�", + unitName: "", + dwPhone: "", + jtPhone: "", + phone: "", + email: "", + share: "鍚�", + }, + ], + // 閬僵灞� + loading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 15, + name: "", + phone: "", + }, + // 琛ㄥ崟鍙傛暟 + form: {}, + // 琛ㄥ崟鏍¢獙 + rules: {}, + dialog: false, + }; + }, + + methods: { + addPlan() { + this.dialog = true; + }, + closeDialog() { + this.dialog = false; + }, + /** 鏌ヨ瀹f暀瀵瑰簲鏍囩鍒楄〃 */ + getList() { + this.loading = false; + }, + handleAdd() {}, + // 鍙栨秷鎸夐挳 + cancel() { + this.open = false; + this.reset(); + }, + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = {}; + this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.resetForm("queryForm"); + this.handleQuery(); + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + del() { + console.log("鍒犻櫎"); + }, + /** 鎻愪氦鎸夐挳鎿嶄綔 */ + submitForm() { + console.log("琛ㄥ崟鎻愪氦"); + this.closeDialog(); // 鎻愪氦鍚庡叧闂脊妗� + }, + }, + }; + </script> + + <style scoped lang="scss"> + </style> \ No newline at end of file diff --git a/src/views/pages/gerenbangong/gongzuorizhi.vue b/src/views/pages/gerenbangong/gongzuorizhi.vue deleted file mode 100644 index a24b6e7..0000000 --- a/src/views/pages/gerenbangong/gongzuorizhi.vue +++ /dev/null @@ -1,6 +0,0 @@ -<template> - <div>宸ヤ綔鏃ュ織</div> -</template> -<style scoped lang="scss"> - -</style> diff --git a/src/views/pages/gerenbangong/message/index.vue b/src/views/pages/gerenbangong/message/index.vue new file mode 100644 index 0000000..34a3065 --- /dev/null +++ b/src/views/pages/gerenbangong/message/index.vue @@ -0,0 +1,173 @@ +<template> + <div class="app-container"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + > + <el-form-item label="鏌ヨ" prop="zjhm"> + <el-input + v-model="queryParams.zjhm" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鏌ヨ</el-button + > + <el-button + type="primary" + icon="el-icon-plus" + size="mini" + @click="addPlan" + >娣诲姞</el-button + > + <el-button type="primary" icon="el-icon-delete" size="mini" @click="del" + >鍒犻櫎</el-button + > + <el-button type="primary" icon="el-icon-download" size="mini" + >瀵煎嚭</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="loading" :data="senHistoryList" border> + <!-- <el-table-column type="selection" width="55"> </el-table-column> + <el-table-column + label="鎶曠エ涓婚" + align="center" + prop="theme" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍙戝竷浜�" + align="center" + prop="name" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍙戝竷鏃堕棿" + align="center" + prop="time" + :show-overflow-tooltip="true" + /> --> + </el-table> + + <!-- <div class="pag"> + <div class="pag1"> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </div> + </div> --> + <div class="block"> + <pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page.sync="currentPage3" + :page-size="1" + layout="prev, pager, next, jumper" + :total="15" + > + </pagination> + </div> + </div> +</template> + + <script> +import Tinymce from "@/components/Tinymce.vue"; +export default { + components: { + Tinymce, + }, + data() { + return { + senHistoryList: [], + // 閬僵灞� + loading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 15, + name: "", + phone: "", + }, + // 琛ㄥ崟鍙傛暟 + form: {}, + // 琛ㄥ崟鏍¢獙 + rules: {}, + dialog: false, + }; + }, + + methods: { + addPlan() { + this.dialog = true; + }, + closeDialog() { + this.dialog = false; + }, + /** 鏌ヨ瀹f暀瀵瑰簲鏍囩鍒楄〃 */ + getList() { + this.loading = false; + }, + handleAdd() {}, + // 鍙栨秷鎸夐挳 + cancel() { + this.open = false; + this.reset(); + }, + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = {}; + this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.resetForm("queryForm"); + this.handleQuery(); + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + del() { + console.log("鍒犻櫎"); + }, + /** 鎻愪氦鎸夐挳鎿嶄綔 */ + submitForm() { + console.log("琛ㄥ崟鎻愪氦"); + this.closeDialog(); // 鎻愪氦鍚庡叧闂脊妗� + }, + }, +}; +</script> + + <style scoped lang="scss"> +</style> \ No newline at end of file diff --git a/src/views/pages/gerenbangong/schedule/index.vue b/src/views/pages/gerenbangong/schedule/index.vue new file mode 100644 index 0000000..b5124c2 --- /dev/null +++ b/src/views/pages/gerenbangong/schedule/index.vue @@ -0,0 +1,20 @@ +<template> + <div class="container"> + <el-calendar v-model="value"> + </el-calendar> + </div> +</template> + + +<script> +export default { + data() { + return { + value: new Date(), + }; + }, +}; +</script> + +<style scoped> +</style> \ No newline at end of file diff --git a/src/views/pages/gerenbangong/settings/approval/index.vue b/src/views/pages/gerenbangong/settings/approval/index.vue new file mode 100644 index 0000000..5638151 --- /dev/null +++ b/src/views/pages/gerenbangong/settings/approval/index.vue @@ -0,0 +1,185 @@ +<template> + <div class="container"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + > + <el-form-item label="鏌ヨ" prop="zjhm"> + <el-input + v-model="queryParams.zjhm" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鏌ヨ</el-button + > + <el-button + type="primary" + icon="el-icon-plus" + size="mini" + @click="addPlan" + >娣诲姞</el-button + > + <el-button type="primary" icon="el-icon-delete" size="mini" @click="del" + >鍒犻櫎</el-button + > + <el-button type="primary" icon="el-icon-download" size="mini" + >瀵煎嚭</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="loading" :data="senHistoryList" border> + <!-- <el-table-column type="selection" width="55"> </el-table-column> + <el-table-column + label="淇℃伅涓婚1" + align="center" + prop="theme1" + :show-overflow-tooltip="true" + /> + <el-table-column + label="淇℃伅涓婚" + align="center" + prop="theme" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鏀堕槄閮ㄩ棬" + align="center" + prop="section" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍙戝竷浜�" + align="center" + prop="name" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍙戝竷鏃堕棿" + align="center" + prop="time" + :show-overflow-tooltip="true" + /> --> + </el-table> + + <!-- <div class="pag"> + <div class="pag1"> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </div> + </div> --> + <div class="block"> + <pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page.sync="currentPage3" + :page-size="1" + layout="prev, pager, next, jumper" + :total="15" + > + </pagination> + </div> + </div> +</template> + + <script> +import Tinymce from "@/components/Tinymce.vue"; +export default { + components: { + Tinymce, + }, + data() { + return { + senHistoryList: [], + // 閬僵灞� + loading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 15, + name: "", + phone: "", + }, + // 琛ㄥ崟鍙傛暟 + form: {}, + // 琛ㄥ崟鏍¢獙 + rules: {}, + dialog: false, + }; + }, + + methods: { + addPlan() { + this.dialog = true; + }, + closeDialog() { + this.dialog = false; + }, + /** 鏌ヨ瀹f暀瀵瑰簲鏍囩鍒楄〃 */ + getList() { + this.loading = false; + }, + handleAdd() {}, + // 鍙栨秷鎸夐挳 + cancel() { + this.open = false; + this.reset(); + }, + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = {}; + this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.resetForm("queryForm"); + this.handleQuery(); + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + del() { + console.log("鍒犻櫎"); + }, + /** 鎻愪氦鎸夐挳鎿嶄綔 */ + submitForm() { + console.log("琛ㄥ崟鎻愪氦"); + this.closeDialog(); // 鎻愪氦鍚庡叧闂脊妗� + }, + }, +}; +</script> + + <style scoped lang="scss"> +</style> \ No newline at end of file diff --git a/src/views/pages/gerenbangong/settings/mailSettings/index.vue b/src/views/pages/gerenbangong/settings/mailSettings/index.vue new file mode 100644 index 0000000..f0243bf --- /dev/null +++ b/src/views/pages/gerenbangong/settings/mailSettings/index.vue @@ -0,0 +1,122 @@ +<template> + <div class="container"> + <el-form> + <el-form-item label="閭鍦板潃锛�" label-width="120px"> + <el-input autocomplete="off" class="input"></el-input> + </el-form-item> + <el-form-item label="POP3鐧诲綍鍚嶏細" label-width="120px"> + <el-input autocomplete="off" class="input"></el-input> + </el-form-item> + <el-form-item label="POP3瀵嗙爜锛�" prop="pass" label-width="120px"> + <el-input + type="password" + v-model="ruleForm.pass" + autocomplete="off" + ></el-input> + </el-form-item> + <el-form-item label="POP3鏈嶅姟鍣細" prop="checkPass" label-width="120px"> + <el-input + type="password" + v-model="ruleForm.checkPass" + autocomplete="off" + ></el-input> + </el-form-item> + <el-form-item label="POP3绔彛锛�" label-width="120px"> + <el-input autocomplete="off" class="input"></el-input> + </el-form-item> + <el-form-item label="SMIP鐧诲綍鍚嶏細" label-width="120px"> + <el-input autocomplete="off" class="input"></el-input> + </el-form-item> + <el-form-item label="SMIP瀵嗙爜锛�" prop="pass" label-width="120px"> + <el-input + type="password" + v-model="ruleForm.pass" + autocomplete="off" + ></el-input> + </el-form-item> + <el-form-item label="SMIP鏈嶅姟鍣細" label-width="120px"> + <el-input autocomplete="off" class="input"></el-input> + </el-form-item> + </el-form> + </div> + </template> + + <script> +export default { + data() { + var checkAge = (rule, value, callback) => { + if (!value) { + return callback(new Error("骞撮緞涓嶈兘涓虹┖")); + } + setTimeout(() => { + if (!Number.isInteger(value)) { + callback(new Error("璇疯緭鍏ユ暟瀛楀��")); + } else { + if (value < 18) { + callback(new Error("蹇呴』骞存弧18宀�")); + } else { + callback(); + } + } + }, 1000); + }; + var validatePass = (rule, value, callback) => { + if (value === "") { + callback(new Error("璇疯緭鍏ュ瘑鐮�")); + } else { + if (this.ruleForm.checkPass !== "") { + this.$refs.ruleForm.validateField("checkPass"); + } + callback(); + } + }; + var validatePass2 = (rule, value, callback) => { + if (value === "") { + callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�")); + } else if (value !== this.ruleForm.pass) { + callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!")); + } else { + callback(); + } + }; + return { + ruleForm: { + pass: "", + checkPass: "", + age: "", + }, + rules: { + pass: [{ validator: validatePass, trigger: "blur" }], + checkPass: [{ validator: validatePass2, trigger: "blur" }], + age: [{ validator: checkAge, trigger: "blur" }], + }, + }; + }, + methods: { + submitForm(formName) { + this.$refs[formName].validate((valid) => { + if (valid) { + alert("submit!"); + } else { + console.log("error submit!!"); + return false; + } + }); + }, + resetForm(formName) { + this.$refs[formName].resetFields(); + }, + }, +}; +</script> + + +<style scoped> +/* 璁╁鍣ㄥ瀭鐩存按骞冲眳涓� */ +.container { + display: flex; + justify-content: center; + padding: 20px; + width: 100vh; +} +</style> \ No newline at end of file diff --git a/src/views/pages/gerenbangong/settings/password/index.vue b/src/views/pages/gerenbangong/settings/password/index.vue new file mode 100644 index 0000000..47794dc --- /dev/null +++ b/src/views/pages/gerenbangong/settings/password/index.vue @@ -0,0 +1,102 @@ +<template> + <div class="container"> + <el-form> + <el-form-item label="鐢ㄦ埛鍚嶏細" label-width="100px"> + <!-- <el-input autocomplete="off" class="input"></el-input> --> + <span>绠$悊鍛�</span> + </el-form-item> + <el-form-item label="鐢ㄦ埛瀵嗙爜锛�" prop="pass" label-width="100px"> + <el-input + type="password" + v-model="ruleForm.pass" + autocomplete="off" + ></el-input> + </el-form-item> + <el-form-item label="閲嶅瀵嗙爜锛�" prop="checkPass" label-width="100px"> + <el-input + type="password" + v-model="ruleForm.checkPass" + autocomplete="off" + ></el-input> + </el-form-item> + </el-form> + </div> +</template> + +<script> +export default { + data() { + var checkAge = (rule, value, callback) => { + if (!value) { + return callback(new Error("骞撮緞涓嶈兘涓虹┖")); + } + setTimeout(() => { + if (!Number.isInteger(value)) { + callback(new Error("璇疯緭鍏ユ暟瀛楀��")); + } else { + if (value < 18) { + callback(new Error("蹇呴』骞存弧18宀�")); + } else { + callback(); + } + } + }, 1000); + }; + var validatePass = (rule, value, callback) => { + if (value === "") { + callback(new Error("璇疯緭鍏ュ瘑鐮�")); + } else { + if (this.ruleForm.checkPass !== "") { + this.$refs.ruleForm.validateField("checkPass"); + } + callback(); + } + }; + var validatePass2 = (rule, value, callback) => { + if (value === "") { + callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�")); + } else if (value !== this.ruleForm.pass) { + callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!")); + } else { + callback(); + } + }; + return { + ruleForm: { + pass: "", + checkPass: "", + age: "", + }, + rules: { + pass: [{ validator: validatePass, trigger: "blur" }], + checkPass: [{ validator: validatePass2, trigger: "blur" }], + age: [{ validator: checkAge, trigger: "blur" }], + }, + }; + }, + methods: { + submitForm(formName) { + this.$refs[formName].validate((valid) => { + if (valid) { + alert("submit!"); + } else { + console.log("error submit!!"); + return false; + } + }); + }, + resetForm(formName) { + this.$refs[formName].resetFields(); + }, + }, +}; +</script> + + <style scoped> +/* 璁╁鍣ㄥ瀭鐩存按骞冲眳涓� */ +.container { + display: flex; + justify-content: center; + padding: 20px; +} +</style> \ No newline at end of file diff --git a/src/views/pages/gerenbangong/settings/reminder/index.vue b/src/views/pages/gerenbangong/settings/reminder/index.vue new file mode 100644 index 0000000..ad89a18 --- /dev/null +++ b/src/views/pages/gerenbangong/settings/reminder/index.vue @@ -0,0 +1,60 @@ +<template> + <div class="container"> + <el-form size="small" class="form"> + <el-form-item label="鎻愰啋闂撮殧鏃堕棿" label-width="120px"> + <el-select v-model="value" clearable placeholder="璇烽�夋嫨"> + <el-option + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + /> + </el-select> + </el-form-item> + + <el-form-item label="鏄惁杩涜鎻愰啋" label-width="120px"> + <el-select v-model="value1" clearable placeholder="璇烽�夋嫨"> + <el-option + v-for="item in options1" + :key="item.value" + :label="item.label" + :value="item.value" + /> + </el-select> + </el-form-item> + </el-form> + </div> + </template> + + <script> + export default { + data() { + return { + value: '', + value1: '', + options: [ + { label: '5鍒嗛挓', value: 'five' }, + { label: '10鍒嗛挓', value: 'ten' }, + { label: '30鍒嗛挓', value: 'three' }, + { label: '60鍒嗛挓', value: 'six' }, + { label: '90鍒嗛挓', value: 'nine' }, + { label: '120鍒嗛挓', value: 'one' }, + ], + options1: [ + { label: '鏄�', value: 'yes' }, + { label: '鍚�', value: 'no' }, + ], + }; + }, + }; + </script> + + <style scoped> + /* 璁╁鍣ㄥ瀭鐩存按骞冲眳涓� */ + .container { + display: flex; + justify-content: center; + padding: 20px; + } + + </style> \ No newline at end of file diff --git a/src/views/pages/gerenbangong/vote/index.vue b/src/views/pages/gerenbangong/vote/index.vue new file mode 100644 index 0000000..fefcbb5 --- /dev/null +++ b/src/views/pages/gerenbangong/vote/index.vue @@ -0,0 +1,178 @@ +<template> + <div class="app-container"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + > + <el-form-item label="鏌ヨ" prop="zjhm"> + <el-input + v-model="queryParams.zjhm" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鏌ヨ</el-button + > + <el-button + type="primary" + icon="el-icon-plus" + size="mini" + @click="addPlan" + >娣诲姞</el-button + > + <el-button type="primary" icon="el-icon-delete" size="mini" @click="del" + >鍒犻櫎</el-button + > + <el-button type="primary" icon="el-icon-download" size="mini" + >瀵煎嚭</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="loading" :data="senHistoryList" border> + <el-table-column type="selection" width="55"> </el-table-column> + <el-table-column + label="鎶曠エ涓婚" + align="center" + prop="theme" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍙戝竷浜�" + align="center" + prop="name" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍙戝竷鏃堕棿" + align="center" + prop="time" + :show-overflow-tooltip="true" + /> + </el-table> + + <!-- <div class="pag"> + <div class="pag1"> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </div> + </div> --> + <div class="block"> + <pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page.sync="currentPage3" + :page-size="1" + layout="prev, pager, next, jumper" + :total="15"> + </pagination> + </div> + </div> + </template> + + <script> + import Tinymce from "@/components/Tinymce.vue"; + export default { + components: { + Tinymce, + }, + data() { + return { + senHistoryList: [ + { + theme: "鍏充簬鏃╀笂涓婄彮鏃堕棿璋冩暣鐨勬剰瑙侊紝璇峰ぇ瀹舵姇绁紒", + name: "绠$悊鍛�", + time: "2024-07-21", + } + ], + // 閬僵灞� + loading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 15, + name: "", + phone: "", + }, + // 琛ㄥ崟鍙傛暟 + form: {}, + // 琛ㄥ崟鏍¢獙 + rules: {}, + dialog: false, + }; + }, + + methods: { + addPlan() { + this.dialog = true; + }, + closeDialog() { + this.dialog = false; + }, + /** 鏌ヨ瀹f暀瀵瑰簲鏍囩鍒楄〃 */ + getList() { + this.loading = false; + }, + handleAdd() {}, + // 鍙栨秷鎸夐挳 + cancel() { + this.open = false; + this.reset(); + }, + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = {}; + this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.resetForm("queryForm"); + this.handleQuery(); + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + del() { + console.log("鍒犻櫎"); + }, + /** 鎻愪氦鎸夐挳鎿嶄綔 */ + submitForm() { + console.log("琛ㄥ崟鎻愪氦"); + this.closeDialog(); // 鎻愪氦鍚庡叧闂脊妗� + }, + }, + }; + </script> + + <style scoped lang="scss"> + </style> \ No newline at end of file diff --git a/src/views/pages/gerenbangong/workLog/index.vue b/src/views/pages/gerenbangong/workLog/index.vue new file mode 100644 index 0000000..a736c7d --- /dev/null +++ b/src/views/pages/gerenbangong/workLog/index.vue @@ -0,0 +1,173 @@ +<template> + <div class="app-container"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + > + <el-form-item label="鏌ヨ" prop="zjhm"> + <el-input + v-model="queryParams.zjhm" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鏌ヨ</el-button + > + <el-button + type="primary" + icon="el-icon-plus" + size="mini" + @click="addPlan" + >娣诲姞</el-button + > + <el-button type="primary" icon="el-icon-delete" size="mini" @click="del" + >鍒犻櫎</el-button + > + <el-button type="primary" icon="el-icon-download" size="mini" + >瀵煎嚭</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="loading" :data="senHistoryList" border> + <!-- <el-table-column type="selection" width="55"> </el-table-column> + <el-table-column + label="鎶曠エ涓婚" + align="center" + prop="theme" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍙戝竷浜�" + align="center" + prop="name" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍙戝竷鏃堕棿" + align="center" + prop="time" + :show-overflow-tooltip="true" + /> --> + </el-table> + + <!-- <div class="pag"> + <div class="pag1"> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </div> + </div> --> + <div class="block"> + <pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page.sync="currentPage3" + :page-size="1" + layout="prev, pager, next, jumper" + :total="15" + > + </pagination> + </div> + </div> + </template> + + <script> + import Tinymce from "@/components/Tinymce.vue"; + export default { + components: { + Tinymce, + }, + data() { + return { + senHistoryList: [], + // 閬僵灞� + loading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 15, + name: "", + phone: "", + }, + // 琛ㄥ崟鍙傛暟 + form: {}, + // 琛ㄥ崟鏍¢獙 + rules: {}, + dialog: false, + }; + }, + + methods: { + addPlan() { + this.dialog = true; + }, + closeDialog() { + this.dialog = false; + }, + /** 鏌ヨ瀹f暀瀵瑰簲鏍囩鍒楄〃 */ + getList() { + this.loading = false; + }, + handleAdd() {}, + // 鍙栨秷鎸夐挳 + cancel() { + this.open = false; + this.reset(); + }, + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = {}; + this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.resetForm("queryForm"); + this.handleQuery(); + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + del() { + console.log("鍒犻櫎"); + }, + /** 鎻愪氦鎸夐挳鎿嶄綔 */ + submitForm() { + console.log("琛ㄥ崟鎻愪氦"); + this.closeDialog(); // 鎻愪氦鍚庡叧闂脊妗� + }, + }, + }; + </script> + + <style scoped lang="scss"> + </style> \ No newline at end of file -- Gitblit v1.8.0