From e758b0a9e0d8024dd83756945530d3efff77e17e Mon Sep 17 00:00:00 2001
From: lkk <364857242@qq.com>
Date: 星期三, 13 十一月 2024 13:34:39 +0800
Subject: [PATCH] 2024 11.13
---
src/views/pages/gerenbangong/mail/writeEmail/index.vue | 169 +++++++
src/views/pages/gerenbangong/mail/sent/index.vue | 150 ++++++
src/views/pages/workManage/components/tanchukuang.vue | 34
src/views/pages/workManage/myPlan.vue | 70 ++
src/views/pages/gerenbangong/mail/drafts/index.vue | 150 ++++++
src/views/pages/gerenbangong/mail/removed/index.vue | 150 ++++++
src/views/pages/gerenbangong/unit/index.vue | 199 +++++++++
src/views/pages/workManage/myReport.vue | 213 +++++++++
src/views/pages/gerenbangong/mail/receiveEmail/index.vue | 157 +++++++
9 files changed, 1,258 insertions(+), 34 deletions(-)
diff --git a/src/views/pages/gerenbangong/mail/drafts/index.vue b/src/views/pages/gerenbangong/mail/drafts/index.vue
new file mode 100644
index 0000000..71e0106
--- /dev/null
+++ b/src/views/pages/gerenbangong/mail/drafts/index.vue
@@ -0,0 +1,150 @@
+<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-s-promotion"
+ 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>
+
+ <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>
+ </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;
+ },
+ /** 鏌ヨ瀹ｆ暀瀵瑰簲鏍囩鍒楄〃 */
+ 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/mail/receiveEmail/index.vue b/src/views/pages/gerenbangong/mail/receiveEmail/index.vue
new file mode 100644
index 0000000..6e69b09
--- /dev/null
+++ b/src/views/pages/gerenbangong/mail/receiveEmail/index.vue
@@ -0,0 +1,157 @@
+<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 label="鍙戦�佷汉" prop="zjhm">
+ <el-input
+ v-model="queryParams.zjhm"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <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>
+
+ <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>
+</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;
+ },
+ /** 鏌ヨ瀹ｆ暀瀵瑰簲鏍囩鍒楄〃 */
+ 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/mail/removed/index.vue b/src/views/pages/gerenbangong/mail/removed/index.vue
new file mode 100644
index 0000000..2456c8b
--- /dev/null
+++ b/src/views/pages/gerenbangong/mail/removed/index.vue
@@ -0,0 +1,150 @@
+<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-refresh"
+ 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>
+
+ <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>
+ </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;
+ },
+ /** 鏌ヨ瀹ｆ暀瀵瑰簲鏍囩鍒楄〃 */
+ 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/mail/sent/index.vue b/src/views/pages/gerenbangong/mail/sent/index.vue
new file mode 100644
index 0000000..c5179cb
--- /dev/null
+++ b/src/views/pages/gerenbangong/mail/sent/index.vue
@@ -0,0 +1,150 @@
+<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 label="鎺ュ彈浜�" prop="zjhm">
+ <el-input
+ v-model="queryParams.zjhm"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <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-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>
+
+ <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>
+ </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;
+ },
+ /** 鏌ヨ瀹ｆ暀瀵瑰簲鏍囩鍒楄〃 */
+ 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/mail/writeEmail/index.vue b/src/views/pages/gerenbangong/mail/writeEmail/index.vue
new file mode 100644
index 0000000..bd31534
--- /dev/null
+++ b/src/views/pages/gerenbangong/mail/writeEmail/index.vue
@@ -0,0 +1,169 @@
+<template>
+ <div class="app-container">
+ <!-- 琛ㄥ崟鍐呭 -->
+ <el-form>
+ <el-form-item label="閭欢涓婚:">
+ <el-input autocomplete="off" v-model="input" class="input"></el-input>
+ </el-form-item>
+ <el-form-item label="鎺ユ敹浜�:">
+ <el-input
+ style="margin-left: 15px"
+ v-model="name"
+ autocomplete="off"
+ class="input"
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="涓婁紶闄勪欢:">
+ <!-- <FileUpload></FileUpload> -->
+ <el-upload
+ action="https://jsonplaceholder.typicode.com/posts/"
+ list-type="text"
+ :on-preview="handlePreview"
+ :on-remove="handleRemove"
+ >
+ <el-button size="small" type="primary">閫夋嫨鏂囦欢</el-button>
+ <span style="margin-left: 10px" slot="tip" class="el-upload__tip"
+ >浠呮敮鎸� jpg/png 鏂囦欢</span
+ >
+ </el-upload>
+ </el-form-item>
+ <el-form-item label="閭欢鍐呭:" class="centered-item">
+ <Tinymce class="setTinymce" :height="200" v-model="value"></Tinymce>
+ </el-form-item>
+ </el-form>
+
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="100px"
+ style="margin-left: 42%"
+ >
+ <el-form-item>
+ <el-button
+ type="primary"
+ icon="el-icon-check"
+ size="mini"
+ @click="submit"
+ >鎻愪氦</el-button
+ >
+ <el-button
+ type="primary"
+ icon="el-icon-edit"
+ size="mini"
+ @click="addPlan"
+ >鑽夌</el-button
+ >
+ <el-button type="primary" icon="el-icon-refresh-left" size="mini"
+ >杩斿洖</el-button
+ >
+ </el-form-item>
+ </el-form>
+ </div>
+</template>
+
+ <script>
+import Tinymce from "@/components/Tinymce.vue";
+export default {
+ components: {
+ Tinymce,
+ },
+ data() {
+ return {
+ input: "",
+ name:'',
+ senHistoryList: [],
+ // 閬僵灞�
+ loading: false,
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鏄剧ず鎼滅储鏉′欢
+ showSearch: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ name: "",
+ phone: "",
+ },
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ // 琛ㄥ崟鏍￠獙
+ rules: {},
+ dialog: false,
+ };
+ },
+
+ methods: {
+ addPlan() {
+ this.dialog = true;
+ },
+ closeDialog() {
+ this.dialog = false;
+ },
+ /** 鏌ヨ瀹ｆ暀瀵瑰簲鏍囩鍒楄〃 */
+ 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("鍒犻櫎");
+ },
+ /** 鎻愪氦鎸夐挳鎿嶄綔 */
+ submit() {
+ console.log("琛ㄥ崟鎻愪氦");
+ this.closeDialog(); // 鎻愪氦鍚庡叧闂脊妗�
+ },
+ },
+};
+</script>
+
+ <style scoped lang="scss">
+.app-container {
+ padding: 20px;
+ border-radius: 8px;
+ // max-width: 700px;
+ width: 90%;
+ margin: 0 auto;
+}
+.input {
+ width: 250px;
+}
+.centered-item {
+ display: flex;
+ align-items: center; /* 浣垮唴瀹瑰瀭鐩村眳涓� */
+}
+</style>
\ No newline at end of file
diff --git a/src/views/pages/gerenbangong/unit/index.vue b/src/views/pages/gerenbangong/unit/index.vue
new file mode 100644
index 0000000..042d116
--- /dev/null
+++ b/src/views/pages/gerenbangong/unit/index.vue
@@ -0,0 +1,199 @@
+<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="淇℃伅涓婚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: [
+ {
+ theme1: "7鏈堜唤鏈�鏂板崼鍋ュ涓村埌瑙嗗療宸ヤ綔姹囨姤",
+ theme: "7鏈堜唤鏈�鏂板崼鍋ュ涓村埌瑙嗗療宸ヤ綔姹囨姤",
+ section: "鎵�鏈夐儴闂�",
+ name: "绠＄悊鍛�",
+ time: "2024-07-21",
+ },
+ {
+ theme1: "杞欢绯荤粺鍐呮剰瑙佹敹闆嗗姙娉�",
+ theme: "杞欢绯荤粺鍐呮剰瑙佹敹闆嗗姙娉�",
+ section: "鎵�鏈夐儴闂�",
+ name: "admin",
+ 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;
+ },
+ /** 鏌ヨ瀹ｆ暀瀵瑰簲鏍囩鍒楄〃 */
+ 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/workManage/components/tanchukuang.vue b/src/views/pages/workManage/components/tanchukuang.vue
index 96e3a4f..c7f18aa 100644
--- a/src/views/pages/workManage/components/tanchukuang.vue
+++ b/src/views/pages/workManage/components/tanchukuang.vue
@@ -3,16 +3,17 @@
<el-dialog title="鏀惰揣鍦板潃" :visible.sync="dialogFormVisibleProxy">
<!-- 琛ㄥ崟鍐呭 -->
<el-form>
- <el-form-item label="璁″垝涓婚" label-width="100px">
- <el-input autocomplete="off" class="input"></el-input>
- </el-form-item>
- <el-form-item label="鍏佽鏌ョ湅浜�" label-width="100px">
- <el-input autocomplete="off" class="input"></el-input>
- </el-form-item>
- <el-form-item label="涓婁紶闄勪欢" label-width="100px">
- <FileUpload></FileUpload>
- </el-form-item>
- </el-form>
+ <el-form-item label="璁″垝涓婚" label-width="100px">
+ <el-input autocomplete="off" class="input"></el-input>
+ </el-form-item>
+ <el-form-item label="鍏佽鏌ョ湅浜�" label-width="100px">
+ <el-input autocomplete="off" class="input"></el-input>
+ </el-form-item>
+ <el-form-item label="涓婁紶闄勪欢" label-width="100px">
+ <FileUpload></FileUpload>
+ </el-form-item>
+ </el-form>
+ <Tinymce class="setTinymce" :height="200" v-model="value"></Tinymce>
<div slot="footer" class="dialog-footer">
<el-button @click="$emit('update:dialogFormVisible', false)"
>鍙� 娑�</el-button
@@ -24,12 +25,15 @@
</template>
<script>
-
+import Tinymce from "@/components/Tinymce.vue";
export default {
- data(){
+ components: {
+ Tinymce,
+ },
+ data() {
return {
- form: {}
- }
+ form: {},
+ };
},
props: {
@@ -58,7 +62,7 @@
};
</script>
<style scoped lang="scss">
-.input{
+.input {
width: 250px;
}
</style>
\ No newline at end of file
diff --git a/src/views/pages/workManage/myPlan.vue b/src/views/pages/workManage/myPlan.vue
index d25ea07..9f57ec0 100644
--- a/src/views/pages/workManage/myPlan.vue
+++ b/src/views/pages/workManage/myPlan.vue
@@ -1,22 +1,62 @@
<template>
<div class="app-container">
- <Tinymce class="setTinymce" :height="200" v-model="value"></Tinymce>
<!-- 鏂板寮瑰嚭妗� -->
- <tanchukuang :dialogFormVisible.sync=dialogFormVisible></tanchukuang>
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+ <tanchukuang :dialogFormVisible.sync="dialogFormVisible"></tanchukuang>
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="100px"
+ >
<el-form-item label="鎼滅储" prop="zjhm">
- <el-input v-model="queryParams.zjhm" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" clearable @keyup.enter.native="handleQuery"/>
+ <el-input
+ v-model="queryParams.zjhm"
+ placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�"
+ 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-search" size="mini" @click="addPlan">娣诲姞</el-button>
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="handleQuery"
+ >鏌ヨ</el-button
+ >
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="addPlan"
+ >娣诲姞</el-button
+ >
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+ >閲嶇疆</el-button
+ >
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="senHistoryList" border>
- <el-table-column label="澶囨敞" align="center" prop="jdsj" :show-overflow-tooltip="true"/>
- <el-table-column label="鍙嶉娓犻亾" align="center" prop="jdsj" :show-overflow-tooltip="true"/>
- <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" width="80">
+ <el-table-column
+ label="澶囨敞"
+ align="center"
+ prop="jdsj"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鍙嶉娓犻亾"
+ align="center"
+ prop="jdsj"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ class-name="small-padding fixed-width"
+ width="80"
+ >
<template slot-scope="scope">
<el-button
size="mini"
@@ -53,17 +93,17 @@
</template>
<script>
- import Tinymce from "@/components/Tinymce.vue";
-import tanchukuang from './components/tanchukuang.vue';
+import Tinymce from "@/components/Tinymce.vue";
+import tanchukuang from "./components/tanchukuang.vue";
export default {
name: "Tags",
components: {
tanchukuang,
- Tinymce
+ Tinymce,
},
data() {
return {
- value: '',
+ value: "",
dialogFormVisible: false,
senHistoryList: [],
// 閬僵灞�
@@ -100,7 +140,7 @@
},
methods: {
addPlan() {
- this.dialogFormVisible = true
+ this.dialogFormVisible = true;
},
/** 鏌ヨ瀹ｆ暀瀵瑰簲鏍囩鍒楄〃 */
getList() {
diff --git a/src/views/pages/workManage/myReport.vue b/src/views/pages/workManage/myReport.vue
index 94e3909..67cac57 100644
--- a/src/views/pages/workManage/myReport.vue
+++ b/src/views/pages/workManage/myReport.vue
@@ -1,13 +1,218 @@
<template>
- <div>鎴戠殑姹囨姤</div>
+ <div class="app-container">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="100px"
+ >
+ <el-form-item label="鎼滅储" prop="zjhm">
+ <el-input
+ v-model="queryParams.zjhm"
+ placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�"
+ 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-edit"
+ size="mini"
+ >淇敼</el-button
+ >
+ <el-button
+ type="primary"
+ icon="el-icon-delete"
+ size="mini"
+ @click="del"
+ >鍒犻櫎</el-button
+ >
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+ >閲嶇疆</el-button
+ >
+ </el-form-item>
+ </el-form>
+ <el-table v-loading="loading" :data="senHistoryList" border>
+ <el-table-column
+ label="澶囨敞"
+ align="center"
+ prop="jdsj"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鍙嶉娓犻亾"
+ align="center"
+ prop="jdsj"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ class-name="small-padding fixed-width"
+ width="80"
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['web:tags:edit']"
+ title="淇敼"
+ ></el-button>
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['web:tags:remove']"
+ title="鍒犻櫎"
+ ></el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <el-dialog title="鎴戠殑姹囨姤" :visible.sync="dialog">
+ <!-- 琛ㄥ崟鍐呭 -->
+ <el-form>
+ <el-form-item label="姹囨姤涓婚" label-width="100px">
+ <el-input autocomplete="off" class="input"></el-input>
+ </el-form-item>
+ <el-form-item label="鍏佽鏌ョ湅浜�" label-width="100px">
+ <el-input autocomplete="off" class="input"></el-input>
+ </el-form-item>
+ <el-form-item label="涓婁紶闄勪欢" label-width="100px">
+ <FileUpload></FileUpload>
+ </el-form-item>
+ <el-form-item label="姹囨姤鍐呭" label-width="100px">
+ <Tinymce class="setTinymce" :height="200" v-model="value"></Tinymce>
+ </el-form-item>
+ </el-form>
+
+ <div slot="footer" class="dialog-footer">
+ <el-button @click="closeDialog">鍙� 娑�</el-button>
+ <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
+ </div>
+ </el-dialog>
+
+ <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>
</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: 10,
+ name: "",
+ phone: "",
+ },
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ // 琛ㄥ崟鏍￠獙
+ rules: {},
+ dialog: false,
+ };
+ },
-}
+ methods: {
+ addPlan() {
+ this.dialog = true;
+ },
+ closeDialog() {
+ this.dialog = false;
+ },
+ /** 鏌ヨ瀹ｆ暀瀵瑰簲鏍囩鍒楄〃 */
+ 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>
-
+<style scoped lang="scss">
+.input {
+ width: 250px;
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0