From bd2bc4939fd755c111607237408d7b3a2aad4ab5 Mon Sep 17 00:00:00 2001 From: wwl <xchao828@163.com> Date: 星期三, 13 十一月 2024 17:54:48 +0800 Subject: [PATCH] 审批流程 --- src/views/pages/workManage/components/tanchukuang.vue | 3 src/views/pages/workManage/myPlan.vue | 2 src/views/pages/shenpiliucheng/myJob.vue | 180 ++++++++++++++++++++++++++++++ src/views/pages/shenpiliucheng/items/item.vue | 15 ++ src/views/pages/shenpiliucheng/item.vue | 15 ++ src/views/pages/shenpiliucheng/newJob.vue | 96 ++++++++++++++- 6 files changed, 302 insertions(+), 9 deletions(-) diff --git a/src/views/pages/shenpiliucheng/item.vue b/src/views/pages/shenpiliucheng/item.vue new file mode 100644 index 0000000..37211e4 --- /dev/null +++ b/src/views/pages/shenpiliucheng/item.vue @@ -0,0 +1,15 @@ +<template> + <div> + item + </div> +</template> + +<script> +export default { + +} +</script> + +<style> + +</style> \ No newline at end of file diff --git a/src/views/pages/shenpiliucheng/items/item.vue b/src/views/pages/shenpiliucheng/items/item.vue new file mode 100644 index 0000000..37211e4 --- /dev/null +++ b/src/views/pages/shenpiliucheng/items/item.vue @@ -0,0 +1,15 @@ +<template> + <div> + item + </div> +</template> + +<script> +export default { + +} +</script> + +<style> + +</style> \ No newline at end of file diff --git a/src/views/pages/shenpiliucheng/myJob.vue b/src/views/pages/shenpiliucheng/myJob.vue new file mode 100644 index 0000000..12f68dc --- /dev/null +++ b/src/views/pages/shenpiliucheng/myJob.vue @@ -0,0 +1,180 @@ +<template> + <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="danger" + 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 type="selection"> + <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" + prop="jdsj" + :show-overflow-tooltip="true" + /> + <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" + prop="jdsj" + :show-overflow-tooltip="true" + /> + <el-table-column + label="褰撳墠鐘舵��" + align="center" + prop="jdsj" + :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> + </template> + + <script> + export default { + name: "Tags", + + 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; + } + + .pag1 { + width: 30%; + } + </style> + \ No newline at end of file diff --git a/src/views/pages/shenpiliucheng/newJob.vue b/src/views/pages/shenpiliucheng/newJob.vue index 8c4e2b4..b6c563e 100644 --- a/src/views/pages/shenpiliucheng/newJob.vue +++ b/src/views/pages/shenpiliucheng/newJob.vue @@ -1,15 +1,97 @@ <template> - <div> - 鏂板缓宸ヤ綔 + <div class="mainbox" :style="{ height: viewportHeight + 'px' }"> + <el-tabs + type="border-card" + :style="{ height: viewportHeight + 'px' }" + tab-position="left" + > + <el-tab-pane label="鏂板缓宸ヤ綔"> + <div class="box"> + <div class="title">鍏枃</div> + <el-row :gutter="12"> + <el-col :span="8"> + <el-card shadow="hover">鍙戞枃鐧昏</el-card> + </el-col> + <el-col :span="8"> + <el-card shadow="hover">鏀舵枃鐧昏</el-card> + </el-col> + </el-row> + </div> + <div class="box"> + <div class="title">琛屾斂</div> + <el-row :gutter="12"> + <el-col :span="8"> + <el-card shadow="hover">閲囪喘鐢宠鍗�</el-card> + </el-col> + <el-col :span="8"> + <el-card shadow="hover">璐圭敤鎶ラ攢鍗�</el-card> + </el-col> + <el-col :span="8"> + <el-card shadow="hover">浼氳鐢宠鍗�</el-card> + </el-col> + <el-col :span="8"> + <el-card shadow="hover">鍔炲叕鐢ㄥ搧鐢宠鍗�</el-card> + </el-col> + </el-row> + </div> + <div class="box"> + <div class="title">浜轰簨</div> + <el-row :gutter="12"> + <el-col :span="8"> + <el-card shadow="hover">鍛樺伐璇峰亣鍗�</el-card> + </el-col> + <el-col :span="8"> + <el-card shadow="hover">绂昏亴鐢宠鍗�</el-card> + </el-col> + </el-row> + </div> + <div class="box"> + <div class="title">鍏朵粬</div> + <el-row :gutter="12"> + <el-col :span="8"> + <el-card shadow="hover">璇峰亣鐢宠琛�</el-card> + </el-col> + <el-col :span="8"> + <el-card shadow="hover">宸ヤ綔鏃ュ織</el-card> + </el-col> + <el-col :span="8"> + <el-card shadow="hover">璧勬簮鐢宠鍗�</el-card> + </el-col> + <el-col :span="8"> + <el-card shadow="hover">杞﹁締鐢宠鍗�</el-card> + </el-col> + </el-row> + </div> + </el-tab-pane> + </el-tabs> </div> </template> <script> export default { - -} + data() { + return { + viewportHeight: window.innerHeight, + }; + }, + methods: { + goToItemPage() { + this.$router.push("/shenpiliucheng/item"); + }, + }, +}; </script> - -<style> - +<style scoped > +.box { + margin-bottom: 20px; +} +.box .title { + margin-bottom: 20px; + font-size: 24px; + font-weight: 700; + } +.box /deep/ .el-col { + margin-bottom: 20px; + cursor: pointer; + } </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 c7f18aa..4fb1bca 100644 --- a/src/views/pages/workManage/components/tanchukuang.vue +++ b/src/views/pages/workManage/components/tanchukuang.vue @@ -10,7 +10,7 @@ <el-input autocomplete="off" class="input"></el-input> </el-form-item> <el-form-item label="涓婁紶闄勪欢" label-width="100px"> - <FileUpload></FileUpload> + <FileUpload v-model="form.file"></FileUpload> </el-form-item> </el-form> <Tinymce class="setTinymce" :height="200" v-model="value"></Tinymce> @@ -33,6 +33,7 @@ data() { return { form: {}, + value: '' }; }, diff --git a/src/views/pages/workManage/myPlan.vue b/src/views/pages/workManage/myPlan.vue index 9f57ec0..0c293bb 100644 --- a/src/views/pages/workManage/myPlan.vue +++ b/src/views/pages/workManage/myPlan.vue @@ -103,7 +103,7 @@ }, data() { return { - value: "", + dialogFormVisible: false, senHistoryList: [], // 閬僵灞� -- Gitblit v1.8.0