From 3d882c554b726b745b29ebf0bb28f6920af69d09 Mon Sep 17 00:00:00 2001 From: wwl <xchao828@163.com> Date: 星期二, 12 十一月 2024 08:52:43 +0800 Subject: [PATCH] jihua --- src/views/pages/workManage/myPlan.vue | 139 ++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 133 insertions(+), 6 deletions(-) diff --git a/src/views/pages/workManage/myPlan.vue b/src/views/pages/workManage/myPlan.vue index 438e776..7c02554 100644 --- a/src/views/pages/workManage/myPlan.vue +++ b/src/views/pages/workManage/myPlan.vue @@ -1,13 +1,140 @@ <template> - <div>鎴戠殑璁″垝</div> + <div class="app-container"> + + <!-- 鏂板寮瑰嚭妗� --> + <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-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-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> + + <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 tanchukuang from './components/tanchukuang.vue'; export default { - -} + name: "Tags", + components: { + tanchukuang + }, + data() { + return { + dialogFormVisible: false, + senHistoryList: [], + // 閬僵灞� + loading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 10, + name: "", + phone: "", + }, + // 琛ㄥ崟鍙傛暟 + form: {}, + // 琛ㄥ崟鏍¢獙 + rules: {}, + }; + }, + created() { + this.getList(); + }, + methods: { + addPlan() { + this.dialogFormVisible = true + }, + /** 鏌ヨ瀹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(); + }, + }, +}; </script> +<style scoped > +.pag { + width: 100%; + display: flex; + justify-content: center; +} -<style> - -</style> \ No newline at end of file +.pag1 { + width: 30%; +} +</style> -- Gitblit v1.8.0