From d2bc6e096f0806b78ea92d4b90a21d3627d406c7 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 08 三月 2024 18:28:42 +0800
Subject: [PATCH] mrshi
---
company/src/components/business/OperaTaxesWindow.vue | 408 +++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 332 insertions(+), 76 deletions(-)
diff --git a/company/src/components/business/OperaTaxesWindow.vue b/company/src/components/business/OperaTaxesWindow.vue
index e3d809c..eee0fe5 100644
--- a/company/src/components/business/OperaTaxesWindow.vue
+++ b/company/src/components/business/OperaTaxesWindow.vue
@@ -1,7 +1,7 @@
<template>
<GlobalWindow
:title="title"
- width="50%"
+ width="60%"
submitText="杩斿洖淇敼"
:visible.sync="visible"
:confirm-working="isWorking"
@@ -9,49 +9,55 @@
>
<div class="info">
<div class="info_label">
- <span>浼佷笟璇︽儏锛堝凡鐢宠锛�</span>
+ <span v-if="model.status === 0">浼佷笟璇︽儏锛堝緟澶勭悊锛�</span>
+ <span v-if="model.status === 1">浼佷笟璇︽儏锛堝凡寮�绁級</span>
+ <span v-if="model.status === 2">浼佷笟璇︽儏锛堝钩鍙版挙鍥烇級</span>
+ <span v-if="model.status === 3">浼佷笟璇︽儏锛堝凡鍐茬孩锛�</span>
</div>
<div class="info_list">
<div class="info_list_item">
<div class="info_list_item_label">寮�绁ㄥ悕绉帮細</div>
- <div class="info_list_item_val">瀹夊窘鏍煎姏浜哄姏璧勬簮鏈夐檺鍏徃</div>
+ <div class="info_list_item_val">{{ model.companyName}}</div>
</div>
<div class="info_list_item">
<div class="info_list_item_label">绾崇◣浜鸿瘑鍒彿锛�</div>
- <div class="info_list_item_val">913418210000000000</div>
+ <div class="info_list_item_val">{{ model.taxCode }}</div>
</div>
<div class="info_list_item">
<div class="info_list_item_label">寮�鎴疯锛�</div>
- <div class="info_list_item_val">瀹夊窘鍐滄潙鍟嗕笟閾惰鑲′唤鏈夐檺鍏徃鍚堣偉鏀</div>
+ <div class="info_list_item_val">{{ model.taxBank }}</div>
</div>
<div class="info_list_item">
<div class="info_list_item_label">璐﹀彿锛�</div>
<div class="info_list_item_val">
- 20010355666666600000000
+ {{ model.taxAccount }}
</div>
</div>
<div class="info_list_item" style="width: 100%;">
<div class="info_list_item_label">鍦板潃銆佺數璇濓細</div>
- <div class="info_list_item_val">瀹夊窘鐪佸悎鑲ュ競缁忔祹鎶�鏈紑鍙戝尯鑾茶姳璺互涓溿�佺煶闂ㄨ矾浠ュ崡鑾茶姳璺�1锛� 0551-63450845</div>
+ <div class="info_list_item_val">{{ model.taxAddr }}</div>
</div>
<div class="info_list_item" style="width: 100%;">
<div class="info_list_item_label">鎺ユ敹鏂瑰紡锛�</div>
- <div class="info_list_item_val">鐢靛瓙鍙戠エ</div>
+ <div v-if="model.type === 0" class="info_list_item_val">鐢靛瓙鍙戠エ</div>
+ <div v-if="model.type === 1" class="info_list_item_val">绾歌川鍙戠エ</div>
</div>
<div class="info_list_item" style="width: 100%;">
<div class="info_list_item_label">鎺ユ敹鍦板潃锛�</div>
- <div class="info_list_item_val">111122223333@qq.com</div>
+ <div class="info_list_item_val">{{ model.addr }}</div>
</div>
- <div class="info_list_item" style="width: 100%;">
- <div class="info_list_item_label">寮�绁ㄩ噾棰濓細</div>
- <div class="info_list_item_val" style="color:rgba(249, 86, 1, 0.996078431372549);">2000.00</div>
- </div>
+<!-- <div class="info_list_item" style="width: 100%;">-->
+<!-- <div class="info_list_item_label">寮�绁ㄩ噾棰濓細</div>-->
+<!-- <div class="info_list_item_val" style="color:rgba(249, 86, 1, 0.996078431372549);">{{ model.price }}</div>-->
+<!-- </div>-->
</div>
+<!-- show-summary-->
+<!-- :summary-method="getSummaries1"-->
<el-table
+ v-if="model.applyType ==0"
:data="tableData"
border
- show-summary
- :summary-method="getSummaries"
+
style="width: 100%; margin-bottom: 20px;">
<el-table-column
label="搴忓彿"
@@ -63,84 +69,296 @@
</el-table-column>
<el-table-column
align="center"
- prop="code"
+ prop="solutionName"
label="淇濋櫓鏂规">
</el-table-column>
<el-table-column
align="center"
- prop="code"
+ prop="applyCode"
label="淇濆崟鍙�">
</el-table-column>
+<!-- <el-table-column-->
+<!-- align="center"-->
+<!-- prop="fee"-->
+<!-- label="閲戦">-->
+<!-- <template slot-scope="{row}">-->
+<!-- <span style="color:rgba(249, 86, 1, 0.996078431372549);">{{row.fee}}</span>-->
+<!-- </template>-->
+<!-- </el-table-column>-->
+ </el-table>
+<!-- show-summary-->
+<!-- :summary-method="getSummaries"-->
+ <el-table
+ v-if="model.applyType ==1"
+ :data="tableData1"
+ border
+
+ style="width: 100%; margin-bottom: 20px;">
+ <el-table-column
+ label="淇濆崟"
+ align="center"
+ width="80">
+ <template slot-scope="scope">
+ <span>{{scope.$index + 1}}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="solutionName"
+ label="淇濋櫓鏂规">
+ </el-table-column>
+ <el-table-column
+ v-if="model.applyType == 1"
+ align="center"
+ prop="applyCode"
+ label="淇濆崟鍙�">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ label="鎵瑰崟鍙�">
+ <template slot-scope="{row}">
+ <span>{{row.changApplyCode ? row.changApplyCode : '-'}}</span>
+ </template>
+ </el-table-column>
+<!-- <el-table-column-->
+<!-- align="center"-->
+<!-- prop="fee"-->
+<!-- label="閲戦">-->
+<!-- <template slot-scope="{row}">-->
+<!-- <span style="color:rgba(249, 86, 1, 0.996078431372549);">{{row.fee}}</span>-->
+<!-- </template>-->
+<!-- </el-table-column>-->
+ </el-table>
+<!-- show-summary-->
+<!-- :summary-method="getSummaries"-->
+ <el-table
+ v-if="model.applyType == 1"
+ :data="tableData2"
+ border
+
+ style="width: 100%; margin-bottom: 20px;">
+ <el-table-column
+ label="鍐茬孩鍗�"
+ align="center"
+ width="80">
+ <template slot-scope="scope">
+ <span>{{scope.$index + 1}}</span>
+ </template>
+ </el-table-column>
<el-table-column
align="center"
- prop="code"
+ prop="solutionName"
+ label="淇濋櫓鏂规">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="taxDoneCode"
+ label="鍙戠エ鍙�">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="taxCreateDate"
label="鐢宠寮�绁ㄦ椂闂�">
</el-table-column>
- <el-table-column
- align="center"
- prop="code"
- label="閲戦">
- </el-table-column>
+<!-- <el-table-column-->
+<!-- align="center"-->
+<!-- prop="fee"-->
+<!-- label="鍙戠エ閲戦">-->
+<!-- <template slot-scope="{row}">-->
+<!-- <span style="color:rgba(249, 86, 1, 0.996078431372549);">{{row.fee}}</span>-->
+<!-- </template>-->
+<!-- </el-table-column>-->
</el-table>
</div>
+ <span style="font-size: 14px;" v-if="model.status === 2">閫�鍥炲師鍥狅細{{model.cancelInfo}} 寮�绁ㄥ憳-{{model.cancelUserId}} {{model.cancelUserName}}</span>
+ <el-dialog
+ title="涓婁紶鍙戠エ"
+ :visible.sync="visible1"
+ width="500px"
+ style="margin-top: 150px"
+ :show-close="false"
+ append-to-body
+ :close-on-click-modal="false"
+ center>
+ <div class="form">
+ <div class="form_item">
+ <div class="form_item_val">
+ <el-form :model="form" ref="form" :rules="rules" style="width: 100%;">
+ <el-form-item label="濉啓閫�鍥炶鏄庯細":inline="true" prop="backInfo">
+ <el-input v-model="form.backInfo" type="textarea" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="visible1 = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="backDo()">鎻� 浜�</el-button>
+ </span>
+ </el-dialog>
+ <template v-slot:footer>
+ <el-button v-if="userInfo.type !== 1 && model.status ==0 && !visible1" type="danger" @click="visible1 = true">閫�鍥炵敵璇�</el-button>
+ <el-button @click="visible = false">鍙栨秷</el-button>
+ </template>
</GlobalWindow>
</template>
<script>
- import BaseOpera from '@/components/base/BaseOpera'
- import GlobalWindow from '@/components/common/GlobalWindow'
- export default {
- name: 'OperaCompanyWindow',
- extends: BaseOpera,
- components: { GlobalWindow },
- data () {
- return {
- // 琛ㄥ崟鏁版嵁
- form: {
- id: null
- },
- // 楠岃瘉瑙勫垯
- rules: {},
- tableData:[]
- }
- },
- created () {
- this.config({
- api: '/business/taxes',
- 'field.id': 'id'
- })
- },
- methods: {
- getSummaries(param) {
- const { columns, data } = param;
- const sums = [];
- columns.forEach((column, index) => {
- if (index === 0) {
- sums[index] = '鍚堣';
- return;
- } else {
- if (index == 9||index==10||index==11||index==12) {
- const values = data.map(item => Number(item[column.property]));
- if (!values.every(value => isNaN(value))) {
- sums[index] = values.reduce((prev, curr) => {
- const value = Number(curr);
- if (!isNaN(value)) {
- return prev + curr;
- } else {
- return prev;
- }
- }, 0);
- }
- }
- }
- });
- return sums;
- }
- }
+import BaseOpera from '@/components/base/BaseOpera'
+import GlobalWindow from '@/components/common/GlobalWindow'
+import { getDetail,backApply } from '@/api/business/taxes'
+import { mapState } from 'vuex'
+export default {
+ name: 'OperaCompanyWindow',
+ extends: BaseOpera,
+ components: { GlobalWindow },
+ data () {
+ return {
+ // 琛ㄥ崟鏁版嵁
+ model: {},
+ visible1:false,
+ form: {
+ id: null,
+ backInfo:''
+ },
+ rules: {
+ backInfo: [
+ { required: true, message: '璇疯緭鍏ラ��鍥炶鏄�' }
+ ],
+ },
+ tableData: [],
+ tableData1: [],
+ tableData2: []
}
+ },
+ computed: {
+ ...mapState(['userInfo'])
+ },
+ created () {
+ this.config({
+ api: '/business/taxes',
+ 'field.id': 'id'
+ })
+ },
+ methods: {
+ open (title, target) {
+ this.title = title
+ this.visible = true
+ this.visible1 = false
+ this.form.backInfo=''
+ this.model = {}
+ this.tableData = []
+ this.tableData1 = []
+ this.tableData2 = []
+ this.model = target
+ this.form.id = target.id
+ this.getDetails()
+ },
+ backDo(){
+ this.$refs.form.validate((valid) => {
+ if (!valid) {
+ return
+ }
+ this.isWorking = true
+ backApply(this.form)
+ .then(response => {
+ this.visible1 = false
+ this.getDetails()
+ this.$emit('success')
+ }).catch(err => {
+ this.$tip.apiFailed(err)
+ }).finally(() => {
+ this.isWorking = false
+ })
+ })
+ },
+ getDetails () {
+ getDetail(this.model.id).then(res => {
+ this.model = res
+ if (res.applyType == 0) {
+ this.tableData=(res.applyList)
+ } else {
+ console.log(res.applyList)
+ console.log(res.delTaxList)
+ this.tableData1=(res.applyList)
+ this.tableData2=(res.delTaxList)
+ }
+ }).catch(err => {
+ })
+ },
+ getSummaries1 (param) {
+ const { columns, data } = param
+ const sums = []
+ columns.forEach((column, index) => {
+ if (index === 0) {
+ sums[index] = '鍚堣'
+ } else {
+ if (index == 3) {
+ const values = data.map(item => Number(item[column.property]))
+ if (!values.every(value => isNaN(value))) {
+ sums[index] = values.reduce((prev, curr) => {
+ const value = Number(curr)
+ if (!isNaN(value)) {
+ return prev + curr
+ } else {
+ return prev
+ }
+ }, 0)
+ }
+ }
+ }
+ })
+ return sums
+ },
+ getSummaries (param) {
+ const { columns, data } = param
+ const sums = []
+ columns.forEach((column, index) => {
+ if (index === 0) {
+ sums[index] = '鍚堣'
+ } else {
+ if (index == 4) {
+ const values = data.map(item => Number(item[column.property]))
+ if (!values.every(value => isNaN(value))) {
+ sums[index] = values.reduce((prev, curr) => {
+ const value = Number(curr)
+ if (!isNaN(value)) {
+ return prev + curr
+ } else {
+ return prev
+ }
+ }, 0)
+ }
+ }
+ }
+ })
+ return sums
+ }
+ }
+}
</script>
<style lang="scss" scoped>
+ ::v-deep .el-table__footer-wrapper tbody td {
+ cursor: pointer;
+ text-align: center;
+ &:nth-child(5) {
+ color:rgba(249, 86, 1, 0.996078431372549);
+ }
+ }
+ /* ::v-deep .el-table__header-wrapper th:first-child .cell{
+ color:rgba(249, 86, 1, 0.996078431372549) !important
+ }
+ ::v-deep table:first-of-type th:first-child .cell{
+ //color:rgba(249, 86, 1, 0.996078431372549) !important
+ }
+ ::v-deep .el-table--border th:first-child .cell {
+ &:nth-child(2) {
+ color:rgba(249, 86, 1, 0.996078431372549);
+ }
+ }*/
+
+
.info {
width: 100%;
.info_label {
@@ -150,7 +368,7 @@
justify-content: space-between;
margin-bottom: 20px;
span {
- font-size: 18px;
+ font-size: 14px;
font-weight: 500;
color: #000000;
}
@@ -158,15 +376,16 @@
.info_list {
width: 100%;
display: flex;
- align-items: center;
+ align-items: left;
flex-wrap: wrap;
.info_list_item {
width: 50%;
display: flex;
align-items: start;
+ font-size: 14px;
margin-bottom: 20px;
.info_list_item_label {
- width: 150px;
+ width: 100px;
flex-shrink: 0;
}
.info_list_item_val {
@@ -188,4 +407,41 @@
}
}
}
+
+ .form {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ .form_item {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ margin-bottom: 20px;
+ &:last-child {
+ margin-bottom: 0 !important;
+ }
+ .form_item_label {
+ width: 100px;
+ flex-shrink: 0;
+ font-size: 14px;
+ color: black;
+ }
+ .form_item_val {
+ flex: 1;
+ min-height: 35px;
+ display: flex;
+ align-items: center;
+ input {
+ width: 100%;
+ height: 100%;
+ font-size: 14px;
+ color: black;
+ padding: 5px 10px;
+ outline: none;
+ box-sizing: border-box;
+ border: 1px solid #ececec;
+ }
+ }
+ }
+ }
</style>
--
Gitblit v1.9.3