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/procure/purchaseOrder/index.vue | 457 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 457 insertions(+), 0 deletions(-)
diff --git a/admin-web/src/views/stock/procure/purchaseOrder/index.vue b/admin-web/src/views/stock/procure/purchaseOrder/index.vue
new file mode 100644
index 0000000..e5f7a65
--- /dev/null
+++ b/admin-web/src/views/stock/procure/purchaseOrder/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>
+ <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>
+ <my-button style="width: 120px;" name="缂栬緫" site="form" />
+ <my-button style="width: 120px;" name="鍏ュ簱" site="form" />
+ </div>
+ <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:'666',
+ data:[
+ {
+ order_no:'鐭冲嫆鑺鑹茬⒊绮�',
+ customer_name:'20浠�'
+ },
+ {
+ order_no:'鐭冲嫆鑺鑹茬⒊绮�',
+ customer_name:'666'
+ },
+ ]
+ },
+ {
+ order_no:'55555',
+ customer_name:'666',
+ 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:'666'
+ },
+ ]
+ },
+ {
+ order_no:'55555',
+ customer_name:'666',
+ data:[
+ {
+ order_no:'鐭冲嫆鑺鑹茬⒊绮�',
+ customer_name:'20浠�'
+ },
+ {
+ order_no:'鐭冲嫆鑺鑹茬⒊绮�',
+ customer_name:'666'
+ },
+ ]
+ },
+ {
+ order_no:'55555',
+ customer_name:'666',
+ data:[
+ {
+ order_no:'鐭冲嫆鑺鑹茬⒊绮�',
+ customer_name:'20浠�'
+ },
+ {
+ order_no:'鐭冲嫆鑺鑹茬⒊绮�',
+ customer_name:'666'
+ },
+ ]
+
+ },
+ {
+ order_no:'55555',
+ customer_name:'666',
+ data:[
+ {
+ order_no:'鐭冲嫆鑺鑹茬⒊绮�',
+ customer_name:'20浠�'
+ },
+ {
+ order_no:'鐭冲嫆鑺鑹茬⒊绮�',
+ customer_name:'666'
+ },
+ ]
+
+ },
+ {
+ order_no:'55555',
+ customer_name:'666',
+ data:[
+ {
+ order_no:'鐭冲嫆鑺鑹茬⒊绮�',
+ customer_name:'20浠�'
+ },
+ {
+ order_no:'鐭冲嫆鑺鑹茬⒊绮�',
+ customer_name:'666'
+ },
+ ]
+
+ },
+ {
+ order_no:'55555',
+ customer_name:'666',
+ 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: 15px;
+ .box{
+ display: inline-block;
+ margin-right: 20px;
+ }
+ }
+ .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