From 2f0ade35ec9107f94c153057b207e4f21e9a29b0 Mon Sep 17 00:00:00 2001 From: zhy <luhan1008611> Date: 星期三, 25 十月 2023 17:31:33 +0800 Subject: [PATCH] Merge branch 'master' of http://116.198.39.83:7111/r/xxjProject/low-consum-manage --- admin-web/src/views/stock/transfer/transferApplication/index.vue | 457 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 457 insertions(+), 0 deletions(-) diff --git a/admin-web/src/views/stock/transfer/transferApplication/index.vue b/admin-web/src/views/stock/transfer/transferApplication/index.vue new file mode 100644 index 0000000..77df32b --- /dev/null +++ b/admin-web/src/views/stock/transfer/transferApplication/index.vue @@ -0,0 +1,457 @@ +<template> + <div class="app-container"> + <el-container> + <el-container> + <el-card class="box-card" style="width: 100%" shadow="never"> + <!--鎼滅储鏉′欢--> + <div class="filter-container"> + <my-search ref="searchBar" :items="items" @search="fifterForm"></my-search> + </div> + <el-row style="margin-top: 15px"> + <el-col> + <!--鍒楄〃--> + <my-button name="鏂板" @click="addtable" site="form" /> + <div :style="{'overflow-y': 'auto', height:`${clientHeight - 320}px`}"> + <el-row class="card" + :gutter="5"> + <el-col v-for="(item, index) in proData" :key="index" class="cm-item"> + <el-card class="card-data"> + <div class="card-container"> + <div class="hed-one"> <span>璋冩嫧鍗曞彿锛歿{ item.order_no }}</span><span style="margin-left: 20px;"><el-button type="warning" plain size="mini">寰呮帴鏀�</el-button></span></div> + <div class="one-hed"> + <div class="box"><span class="span-two">鎺ュ彈鏈烘瀯锛�</span>{{ item.customer_name }}</div> + <div class="box"><span class="span-two">鐢宠浜猴細</span>{{ item.customer_name }}</div> + <div class="box"><span class="span-two">鐢宠璋冩嫧鏃堕棿锛�</span>{{ item.customer_name }}</div> + <div class="box"><span class="span-two">鎺ユ敹鏃堕棿锛�</span>{{ item.customer_name }}</div> + <div class="box"><span class="span-two">璋冩嫧鏃堕棿锛�</span>{{ item.customer_name }}</div> + <div class="box"><span class="span-two">鎺ュ彈浜猴細</span>{{ item.customer_name }}</div> + <div class="box"><span class="span-two">鎺ュ彈鏃堕棿锛�</span>{{ item.customer_name }}</div> + </div> + <div class="card-end"> + <div v-for="(just, index) in item.data" class="two-end"> + <div class="item"><span>{{ just.order_no }}锛�</span>{{ just.customer_name }}</div> + </div> + </div> + </div> + <div class="card-but"> + <div style="margin-top: 10px;"> + <my-button style="width: 120px;" name="鍒犻櫎" site="form" /> + <my-button style="width: 120px;" name="鏌ョ湅璇︽儏" site="form" /> + </div> + </div> + + </el-card> + </el-col> + </el-row> + </div> + <el-pagination + :small="false" + :current-page="1" + :page-sizes="[5, 10, 20, 50, 100, 200, 300, 400, 500]" + :page-size="10" + layout="total, sizes, prev, pager, next, jumper" + :total="0" + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + /> + </el-col> + </el-row> + <!--娣诲姞/缂栬緫寮圭獥--> + <el-dialog title="鏂板鍑哄簱" :close-on-click-modal="false" :visible.sync="adddialog" width="60%" > + <el-form ref="ruleForm" :model="formData" class="demo-ruleForm" label-width="100px"> + <el-row :gutter="24" class="headerHeight"> + <el-col :span="12"> + <el-form-item label="浠撳簱鍚嶇О" prop="name"> + <el-input v-model="formData.name" clearable maxlength="20" show-word-limit style="width: 100%"/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="浠撳簱鍚嶇О" prop="name"> + <el-input v-model="formData.name" clearable maxlength="20" show-word-limit style="width: 100%"/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="24" class="headerHeight"> + <el-col :span="24"> + <el-form-item label="鍑哄簱鎵嬬画" prop="name"> + 浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢 + </el-form-item> + </el-col> + </el-row> + <div style="position: relative;"> + <div style="background-color: #F9F9F9;width: 90%;"> + <el-row :gutter="24" class=""> + <el-col :span="12"> + <el-form-item label="浠撳簱鍚嶇О" prop="name"> + <el-input v-model="formData.name" clearable maxlength="20" show-word-limit style="width: 100%"/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="浠撳簱鍚嶇О" prop="name"> + <el-input v-model="formData.name" clearable maxlength="20" show-word-limit style="width: 100%"/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="24" class=""> + <el-col :span="12"> + <el-form-item label="浠撳簱鍚嶇О" prop="name"> + <el-input v-model="formData.name" clearable maxlength="20" show-word-limit style="width: 100%"/> + </el-form-item> + </el-col> + </el-row> + <el-table :data="formData.tableData" height="100%" :stripe="true"> + <el-table-column prop="projectName" label="瑙勬牸鍨嬪彿" align="center"> </el-table-column> + <el-table-column prop="time1" label="鍗曚綅" align="center"> </el-table-column> + <el-table-column prop="unit" label="鐜版湁搴撳瓨" align="center"> </el-table-column> + <el-table-column prop="time2" label="鍑哄簱鏁伴噺" align="center"> </el-table-column> + </el-table> + </div> + <div style="position: absolute;right: 0;top: 152px;"> + <my-button style="display: block;margin-left: 10px;margin-bottom: 5px;" name="绉婚櫎" site="form"/> + <my-button name="鏂板鐗╁搧" site="form"/> + </div> + </div> + </el-form> + <div slot="footer" align="center" class="dialog-footer"> + <my-button name="纭畾" site="form" /> + <my-button name="鍙栨秷" site="form" @click="adddialog = false"/> + </div> + </el-dialog> + </el-card> + </el-container> + </el-container> + <my-import + :import-setting="importSetting" + :dialog-show="importSetting.dialogShow" + :dialog-title="importSetting.dialogTitle" + /> + </div> +</template> + +<script> +import MyButton from "@/components/myButton/myButton"; +import SettingIplatform from '@/utils/settingIplatform'; +import myImport from '@/views/components/myImport' +import {getBaseUrl} from '@/utils/base'; + +export default { + name: "index", + components: {MyButton, myImport}, + data() { + return { + + adddialog: false, + formData:{ + tableData:[ + { + projectName:'555' + }, + { + projectName:'444' + } + ], + }, + // 鎼滅储妗� + items: [ + { + type: 'text', + dataIndex: 'name', + label: '鍑哄簱鍗曞彿', + placeholder: '璇疯緭鍏�', + defaultValue: '' + }, + { + type: 'text', + dataIndex: 'name', + label: '鐗╁搧鍚嶇О', + placeholder: '鍙ā绯婃悳绱�', + defaultValue: '' + }, + { + type: 'text', + dataIndex: 'name', + label: '鍒涘缓浜�', + placeholder: '璇疯緭鍏�', + defaultValue: '' + }, + { + type: 'date-picker', + dataIndex: 'val1', + label: '鍑哄簱鏃堕棿', + defaultValue: '' + }, + { + type: 'date-picker', + dataIndex: 'val2', + label: '鑷�', + defaultValue: '' + }, + // { + // type: 'select', + // dataIndex: 'status', + // label: '鐘舵��', + // placeholder: '璇烽�夋嫨', + // defaultValue: '1', + // options: [ + // { + // label: '鍚敤', + // value: '1' + // }, + // { + // label: '绂佺敤', + // value: '0' + // } + // ] + // } + ], + proData: [ + { + order_no:'55555', + customer_name:'閮戝窞甯傞偖鏀垮垎鍏徃', + data:[ + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'20浠�' + }, + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'666' + }, + ] + }, + { + order_no:'55555', + customer_name:'閮戝窞甯傞偖鏀垮垎鍏徃', + data:[ + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'666' + }, + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'666' + }, + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'666' + }, + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'666' + }, + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'閮戝窞甯傞偖鏀垮垎鍏徃' + }, + ] + }, + { + order_no:'55555', + customer_name:'閮戝窞甯傞偖鏀垮垎鍏徃', + data:[ + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'20浠�' + }, + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'666' + }, + ] + }, + { + order_no:'55555', + customer_name:'閮戝窞甯傞偖鏀垮垎鍏徃', + data:[ + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'20浠�' + }, + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'666' + }, + ] + + }, + { + order_no:'55555', + customer_name:'閮戝窞甯傞偖鏀垮垎鍏徃', + data:[ + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'20浠�' + }, + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'666' + }, + ] + + }, + { + order_no:'55555', + customer_name:'閮戝窞甯傞偖鏀垮垎鍏徃', + data:[ + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'20浠�' + }, + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'666' + }, + ] + + }, + { + order_no:'55555', + customer_name:'閮戝窞甯傞偖鏀垮垎鍏徃', + data:[ + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'20浠�' + }, + { + order_no:'鐭冲嫆鑺鑹茬⒊绮�', + customer_name:'666' + }, + ] + + } + ], + // 鏍戞暟鎹� + treeDataList: [], + // 鎼滅储鏉′欢 + filterFrom: { + tenantId: null, + userName: null, + userPhone: null, + status: 1 + }, + // 瀵煎叆 + importSetting: { + dialogTitle: '瀵煎叆', + dialogShow: false, + fileSettings: { + data: {}, + uploadUrl: getBaseUrl()+"/pc/fin/sys/tenant/import", // 涓婁紶鍦板潃 + accept: '.xls', // 鏍煎紡 + type: 'text', // 鍥炴樉褰㈠紡 + loading: false // 瀵煎叆鏁堟灉 + }, + /* 妯℃澘涓嬭浇 */ + templateSettings: { + templateName: '瀵煎叆妯℃澘.xls', // 鍚嶇О + templateUrl: SettingIplatform.apiBaseURL + '/pc/fin/sys/tenant/getImportTemplate' // 涓嬭浇鍦板潃 + }, + onSuccess: null + }, + editSetting: { + title: '', + id: '', + orgId: '', + show: false, + }, + } + }, + computed: { + clientHeight () { + return document.documentElement.clientHeight + }, + }, + created() { + }, + methods: { + handleSizeChange(){}, + handleCurrentChange(){}, + //瀵煎叆 + importOrg() { + this.importSetting.dialogShow = true + this.importSetting.onSuccess = (response, callBack) => { + if (response.code===1){ + this.$message.success(response.msg) + this.search(1) + }else{ + this.$message.warning(response.msg) + } + callBack() + } + }, + + addtable() { + this.adddialog = true + }, + // 鏌ヨtable鍒楄〃 + search(pageNum) { + if (pageNum != undefined) { + // this.$refs.myTable.search(pageNum) + } else { + // this.$refs.myTable.search() + } + }, + fifterForm(params) { + console.log(params,'555'); + this.filterFrom = Object.assign(this.filterFrom, params) + this.search(1) + } + } +} +</script> + +<style scoped> +.card { + display: flex; + flex-wrap: wrap; + margin: 0px !important; + .cm-item { + width: 100%; + } + .cm-item /deep/ .el-card__body { + padding: 10px; + } +} +.card-data{ + position: relative; + margin-top: 8px; + .card-container{ + display: inline-block; + width: 70%; + .hed-one{ + color: #2298EE; + font-size: 18px; + } + .one-hed{ + margin-top: 5px; + .box{ + display: inline-block; + margin-right: 20px; + margin-top: 10px; + } + } + .span-two{ + color: #83919e; + font-size: 14px; + } + .card-end{ + font-size: 14px; + color: #3d3d3d; + margin-top: 15px; + display: flex; + flex-wrap: wrap; + .two-end{ + width: calc(33.33% - 20px); + margin-bottom: 15px; + } + } + + } + .card-but{ + position: absolute; + right: 20px; + top: 40%; + } + +} + +</style> -- Gitblit v1.9.1