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/utils/request.js | 2 src/views/pages/workManage/xietongReport.vue | 13 + /dev/null | 227 -------------------- src/views/pages/workManage/components/tanchukuang.vue | 62 +++++ src/views/pages/workManage/myPlan.vue | 139 ++++++++++++ src/views/pages/workManage/xietongPlan.vue | 160 ++++++++++++++ public/index.html | 1 src/views/pages/shenpiliucheng/newJob.vue | 15 + 8 files changed, 385 insertions(+), 234 deletions(-) diff --git a/public/index.html b/public/index.html index 925455c..fdc5253 100644 --- a/public/index.html +++ b/public/index.html @@ -1,5 +1,6 @@ <!DOCTYPE html> <html> + <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> diff --git a/src/345.html b/src/345.html deleted file mode 100644 index 5e288f9..0000000 --- a/src/345.html +++ /dev/null @@ -1,227 +0,0 @@ -<!DOCTYPE html> -<html lang="zh-CN"> -<head> - <meta charset="UTF-8"> - <title>椋炴満澶ф垬</title> - <style> - * { - margin: 0; - padding: 100px; - } - #gameContainer { - width: 400px; - height: 600px; - background: #000033; - position: relative; - overflow: hidden; - margin: 20px auto; - } - #plane { - width: 50px; - height: 50px; - position: absolute; - bottom: 50px; - left: 175px; - } - .bullet { - width: 10px; - height: 20px; - position: absolute; - z-index: 10; - } - .enemy { - width: 40px; - height: 40px; - position: absolute; - } - #score { - position: absolute; - top: 10px; - left: 10px; - color: white; - font-size: 20px; - z-index: 100; - font-family: Arial, "Microsoft YaHei", sans-serif; - } - #instructions { - text-align: center; - margin: 10px; - font-family: Arial, "Microsoft YaHei", sans-serif; - } - </style> -</head> -<body> -<div id="instructions"> - 鏂瑰悜閿Щ鍔紝鎸変綇绌烘牸閿繛缁彂灏勪笁鍙戝瓙寮� -</div> -<div id="gameContainer"> - <div id="score">寰楀垎: <span id="scoreValue">0</span></div> - <img id="plane" src="https://img2.baidu.com/it/u=1823371455,1101740774&fm=253&fmt=auto&app=138&f=PNG?w=620&h=500" alt="椋炴満"> -</div> - -<script> - const plane = document.getElementById('plane'); - const gameContainer = document.getElementById('gameContainer'); - const scoreElement = document.getElementById('scoreValue'); - let planeLeft = 175; - let planeTop = 500; - let score = 0; - const horizontalSpeed = 2.5; - const verticalSpeed = 3.5; - const bullets = []; - const enemies = []; - const keys = {}; - let isSpacePressed = false; - let lastShotTime = 0; - const shootCooldown = 150; - - document.addEventListener('keydown', (e) => { - keys[e.key] = true; - if(e.key === ' ') { - isSpacePressed = true; - e.preventDefault(); - } - }); - - document.addEventListener('keyup', (e) => { - keys[e.key] = false; - if(e.key === ' ') { - isSpacePressed = false; - } - }); - - // 鍒涘缓瀛愬脊缁� - function createBullets() { - // 瀛愬脊闂磋窛 - const spacing = 15; - - // 鍒涘缓涓夊彂瀛愬脊 - for(let i = -1; i <= 1; i++) { - const bullet = document.createElement('img'); - bullet.src = 'https://img2.baidu.com/it/u=3553824147,3819274177&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=889'; - bullet.className = 'bullet'; - - // 璁$畻瀛愬脊浣嶇疆锛屼腑闂村瓙寮瑰湪椋炴満姝d笂鏂癸紝涓や晶瀛愬脊鐣ュ井鍋忕Щ - const bulletLeft = planeLeft + plane.offsetWidth/2 - 5 + (i * spacing); - bullet.style.left = bulletLeft + 'px'; - bullet.style.top = (planeTop - 20) + 'px'; - - gameContainer.appendChild(bullet); - - // 涓轰袱渚у瓙寮规坊鍔犳í鍚戣繍鍔� - const horizontalSpeed = i * 0.5; // 瀛愬脊妯悜鎵╂暎閫熷害 - - bullets.push({ - element: bullet, - top: planeTop - 20, - left: bulletLeft, - horizontalSpeed: horizontalSpeed // 鏂板妯悜閫熷害灞炴�� - }); - } - } - - function createEnemy() { - const enemy = document.createElement('img'); - enemy.src = 'https://img1.baidu.com/it/u=2997483622,3440362546&fm=253&fmt=auto&app=138&f=PNG?w=400&h=492'; - enemy.className = 'enemy'; - enemy.style.left = Math.random() * (gameContainer.offsetWidth - 40) + 'px'; - enemy.style.top = '-40px'; - gameContainer.appendChild(enemy); - enemies.push({ - element: enemy, - top: -40 - }); - } - - function isColliding(rect1, rect2) { - return !(rect1.right < rect2.left || - rect1.left > rect2.right || - rect1.bottom < rect2.top || - rect1.top > rect2.bottom); - } - - function gameLoop() { - const currentTime = Date.now(); - - if (isSpacePressed && currentTime - lastShotTime >= shootCooldown) { - createBullets(); - lastShotTime = currentTime; - } - - if(keys['ArrowLeft'] && planeLeft > 0) { - planeLeft -= horizontalSpeed; - } - if(keys['ArrowRight'] && planeLeft < gameContainer.offsetWidth - plane.offsetWidth) { - planeLeft += horizontalSpeed; - } - if(keys['ArrowUp'] && planeTop > 0) { - planeTop -= verticalSpeed; - } - if(keys['ArrowDown'] && planeTop < gameContainer.offsetHeight - plane.offsetHeight) { - planeTop += verticalSpeed; - } - - plane.style.left = planeLeft + 'px'; - plane.style.top = planeTop + 'px'; - - // 鏇存柊瀛愬脊浣嶇疆 - for(let i = bullets.length - 1; i >= 0; i--) { - const bullet = bullets[i]; - bullet.top -= 8; // 鍨傜洿绉诲姩閫熷害 - bullet.left += bullet.horizontalSpeed; // 娣诲姞妯悜绉诲姩 - - // 鏇存柊瀛愬脊浣嶇疆 - bullet.element.style.top = bullet.top + 'px'; - bullet.element.style.left = bullet.left + 'px'; - - // 绉婚櫎瓒呭嚭杈圭晫鐨勫瓙寮� - if(bullet.top <= -20 || bullet.left < -10 || bullet.left > gameContainer.offsetWidth) { - bullet.element.remove(); - bullets.splice(i, 1); - continue; - } - - // 瀛愬脊纰版挒妫�娴� - for(let j = enemies.length - 1; j >= 0; j--) { - const enemy = enemies[j]; - if(isColliding(bullet.element.getBoundingClientRect(), - enemy.element.getBoundingClientRect())) { - bullet.element.remove(); - bullets.splice(i, 1); - enemy.element.remove(); - enemies.splice(j, 1); - score += 100; - scoreElement.textContent = score; - break; - } - } - } - - // 鏁屾満绉诲姩 - for(let i = enemies.length - 1; i >= 0; i--) { - const enemy = enemies[i]; - enemy.top += 2; - enemy.element.style.top = enemy.top + 'px'; - - if(enemy.top >= gameContainer.offsetHeight) { - enemy.element.remove(); - enemies.splice(i, 1); - continue; - } - - if(isColliding(enemy.element.getBoundingClientRect(), - plane.getBoundingClientRect())) { - alert('娓告垙缁撴潫锛乗n鏈�缁堝緱鍒嗭細' + score); - location.reload(); - return; - } - } - - requestAnimationFrame(gameLoop); - } - - setInterval(createEnemy, 1500); - gameLoop(); -</script> -</body> -</html> diff --git a/src/utils/request.js b/src/utils/request.js index ffb0d21..80bf10b 100644 --- a/src/utils/request.js +++ b/src/utils/request.js @@ -17,7 +17,7 @@ // axios涓姹傞厤缃湁baseURL閫夐」锛岃〃绀鸿姹俇RL鍏叡閮ㄥ垎 baseURL: process.env.VUE_APP_BASE_API, // 瓒呮椂 - timeout: 10000 + timeout: 30000 }) // request鎷︽埅鍣� diff --git a/src/views/pages/shenpiliucheng/newJob.vue b/src/views/pages/shenpiliucheng/newJob.vue new file mode 100644 index 0000000..8c4e2b4 --- /dev/null +++ b/src/views/pages/shenpiliucheng/newJob.vue @@ -0,0 +1,15 @@ +<template> + <div> + 鏂板缓宸ヤ綔 + </div> +</template> + +<script> +export default { + +} +</script> + +<style> + +</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 new file mode 100644 index 0000000..aaecb8e --- /dev/null +++ b/src/views/pages/workManage/components/tanchukuang.vue @@ -0,0 +1,62 @@ +<template> + <div> + <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> + <div slot="footer" class="dialog-footer"> + <el-button @click="$emit('update:dialogFormVisible', false)" + >鍙� 娑�</el-button + > + <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> + </div> + </el-dialog> + </div> +</template> + + <script> +export default { + data(){ + return { + form: {} + } + }, + props: { + dialogFormVisible: { + type: Boolean, + default: false, + }, + }, + computed: { + dialogFormVisibleProxy: { + get() { + return this.dialogFormVisible; + }, + set(value) { + this.$emit("update:dialogFormVisible", value); + }, + }, + }, + methods: { + submitForm() { + // 澶勭悊琛ㄥ崟鎻愪氦閫昏緫 + // ... + this.$emit("update:dialogFormVisible", false); // 鎻愪氦鍚庡叧闂璇濇 + }, + }, +}; +</script> +<style scoped lang="scss"> +.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 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> diff --git a/src/views/pages/workManage/xietongPlan.vue b/src/views/pages/workManage/xietongPlan.vue new file mode 100644 index 0000000..f189452 --- /dev/null +++ b/src/views/pages/workManage/xietongPlan.vue @@ -0,0 +1,160 @@ +<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="outDate"> + <el-date-picker v-model="queryParams.outDate" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡"></el-date-picker> + </el-form-item> --> + <el-form-item label="鎼滅储" prop="zjhm"> + <el-input v-model="queryParams.zjhm" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" clearable @keyup.enter.native="handleQuery"/> + </el-form-item> + <!-- <el-form-item label="涓荤鍖荤敓" prop="dhlx"> + <el-input v-model="queryParams.dhlx" placeholder="璇疯緭鍏ヤ富绠″尰鐢�" clearable @keyup.enter.native="handleQuery"/> + </el-form-item> + <el-form-item label="鍙嶉绉戝" prop="name"> + <el-input v-model="queryParams.name" placeholder="璇疯緭鍏ュ弽棣堢瀹�" clearable @keyup.enter.native="handleQuery"/> + </el-form-item> + <el-form-item label="澶勭悊绉戝" prop="name"> + <el-input v-model="queryParams.name" placeholder="璇疯緭鍏ュ鐞嗙瀹�" clearable @keyup.enter.native="handleQuery"/> + </el-form-item> + <el-form-item label="涓荤绉戝" prop="name"> + <el-input v-model="queryParams.name" placeholder="璇疯緭鍏ヤ富绠$瀹�" clearable @keyup.enter.native="handleQuery"/> + </el-form-item> + <el-form-item label="钀藉疄绉戝" prop="mobile"> + <el-input v-model="queryParams.mobile" 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="dhlx" :show-overflow-tooltip="true"/> + <el-table-column label="鍙嶉绉戝" align="center" prop="zjhm" :show-overflow-tooltip="true"/> + <el-table-column label="浣忛櫌鍙�" align="center" prop="bjhm" :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-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> +export default { + name: "Tags", + 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: {}, + }; + }, + created() { + this.getList(); + }, + methods: { + addPlan() { + + }, + /** 鏌ヨ瀹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> diff --git a/src/views/pages/workManage/xietongReport.vue b/src/views/pages/workManage/xietongReport.vue new file mode 100644 index 0000000..d240376 --- /dev/null +++ b/src/views/pages/workManage/xietongReport.vue @@ -0,0 +1,13 @@ +<template> + <div>鍗忓悓姹囨姤</div> +</template> + +<script> +export default { + +} +</script> + +<style> + +</style> \ No newline at end of file -- Gitblit v1.8.0