稅務申請

<template>

? <div>

? ? <el-form :inline="false" :model="form" ref="riskform" class="condition" label-width="95px">

? ? ? <el-row :gutter="0">

? ? ? ? <el-col :span="6">

? ? ? ? ? <el-form-item label="稅務組織" required>

? ? ? ? ? ? <tax-org :getOrgParams="getOrgParams" @select="handleSelect" ref="taxOrg"></tax-org>

? ? ? ? ? </el-form-item>

? ? ? ? </el-col>

? ? ? ? <el-col :span="8">

? ? ? ? ? <el-form-item label="展示期間">

? ? ? ? ? ? <el-col :span="6">

? ? ? ? ? ? ? <el-select v-model="form.dataType" size="small" placeholder="請選擇">

? ? ? ? ? ? ? ? <el-option label="月" value="M"></el-option>

? ? ? ? ? ? ? ? <el-option label="季" value="Q"></el-option>

? ? ? ? ? ? ? </el-select>

? ? ? ? ? ? </el-col>

? ? ? ? ? ? <el-col :span="8">

? ? ? ? ? ? ? <!-- 月份 -->

? ? ? ? ? ? ? <template v-if="this.form.dataType ==='M'">

? ? ? ? ? ? ? ? <i-date

? ? ? ? ? ? ? ? ? type="month"

? ? ? ? ? ? ? ? ? v-model="form.region"

? ? ? ? ? ? ? ? ? placeholder="請選擇"

? ? ? ? ? ? ? ? ? :editable="false"

? ? ? ? ? ? ? ? ? size="small"

? ? ? ? ? ? ? ? ? :clearable="false"

? ? ? ? ? ? ? ? ? class="date-common"

? ? ? ? ? ? ? ? ? format="yyyyMM"

? ? ? ? ? ? ? ? ></i-date>

? ? ? ? ? ? ? </template>

? ? ? ? ? ? ? <!-- 季度 -->

? ? ? ? ? ? ? <template v-else-if="this.form.dataType ==='Q'">

? ? ? ? ? ? ? ? <i-date

? ? ? ? ? ? ? ? ? type="quarter"

? ? ? ? ? ? ? ? ? v-model="form.region"

? ? ? ? ? ? ? ? ? placeholder="請選擇"

? ? ? ? ? ? ? ? ? :editable="false"

? ? ? ? ? ? ? ? ? size="small"

? ? ? ? ? ? ? ? ? :clearable="false"

? ? ? ? ? ? ? ? ? :picker-options="pickerOptionsStartQH"

? ? ? ? ? ? ? ? ? class="date-common"

? ? ? ? ? ? ? ? ></i-date>

? ? ? ? ? ? ? </template>

? ? ? ? ? ? </el-col>

? ? ? ? ? </el-form-item>

? ? ? ? </el-col>

? ? ? ? <el-col :span="5">

? ? ? ? ? <el-form-item label="狀態(tài)">

? ? ? ? ? ? <el-select v-model="form.status" size="small" placeholder="請選擇">

? ? ? ? ? ? ? <el-option

? ? ? ? ? ? ? ? :label="item.itemName"

? ? ? ? ? ? ? ? v-for="item in applyStatusOption"

? ? ? ? ? ? ? ? :key="item.itemCode"

? ? ? ? ? ? ? ? :value="item.itemCode"

? ? ? ? ? ? ? ></el-option>

? ? ? ? ? ? </el-select>

? ? ? ? ? </el-form-item>

? ? ? ? </el-col>

? ? ? ? <el-col :span="5">

? ? ? ? ? <el-form-item>

? ? ? ? ? ? <el-button type="primary" size="small" @click="searchListData">查詢</el-button>

? ? ? ? ? ? <el-button size="small" @click="resetForm()">重置</el-button>

? ? ? ? ? </el-form-item>

? ? ? ? </el-col>

? ? ? </el-row>

? ? ? <!-- <el-row :gutter="0">

? ? ? ? <el-col :span="24" class="opreate">

? ? ? ? ? <el-form-item style="margin-left: 66%;">

? ? ? ? ? ? <el-button size="small" @click="resetForm()">重置</el-button>

? ? ? ? ? ? <el-button type="primary" size="small" @click="searchListData">查詢</el-button>

? ? ? ? ? </el-form-item>

? ? ? ? </el-col>

? ? ? </el-row>-->

? ? </el-form>

? ? <div class="tool">

? ? ? <div

? ? ? ? class="btn_add"

? ? ? ? v-bind:class="{ notclick: !this.disjunctor}"

? ? ? ? style="width:120px"

? ? ? ? @click="newAddApply"

? ? ? >

? ? ? ? <i></i>

? ? ? ? <span>新增申請</span>

? ? ? ? <b></b>

? ? ? </div>

? ? ? <div style="width:20px">

? ? ? ? <i></i>

? ? ? ? <b></b>

? ? ? </div>

? ? ? <div class="btn_xiazai" @click="downModel" style="width:80px">

? ? ? ? <i></i>

? ? ? ? <span>下載模板</span>

? ? ? ? <b></b>

? ? ? </div>

? ? </div>

? ? <div class="table-area">

? ? ? <itax-table

? ? ? ? :data="listData"

? ? ? ? class="my-table"

? ? ? ? height="0"

? ? ? ? border

? ? ? ? highlight-current-row

? ? ? ? @row-click="detailListData"

? ? ? ? style="width: 100%;min-height:340px;height:100%"

? ? ? >

? ? ? ? <itax-table-column label="序號" align="center" type="index" min-width="35">

? ? ? ? ? <template scope="scope">{{(scope.$index+1)+(currentPage-1)*pageSize }}</template>

? ? ? ? </itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="applyNum"

? ? ? ? ? header-align="center"

? ? ? ? ? label="申請?zhí)?

? ? ? ? ? align="center"

? ? ? ? ? min-width="60"

? ? ? ? ></itax-table-column>

? ? ? ? <itax-table-column prop="orgName" align="center" label="稅務組織" min-width="60"></itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="dataType"

? ? ? ? ? header-align="center"

? ? ? ? ? label="數(shù)據(jù)類別"

? ? ? ? ? align="center"

? ? ? ? ? min-width="50"

? ? ? ? ? :formatter="formatDataType"

? ? ? ? ></itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="region"

? ? ? ? ? header-align="center"

? ? ? ? ? label="所屬期間"

? ? ? ? ? align="center"

? ? ? ? ? min-width="50"

? ? ? ? >

? ? ? ? ? <template scope="scope">

? ? ? ? ? ? <span>{{scope.row.region.slice(0,4)}}{{scope.row.region.slice(5)}}</span>

? ? ? ? ? </template>

? ? ? ? </itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="fileName"

? ? ? ? ? header-align="center"

? ? ? ? ? label="附件"

? ? ? ? ? align="center"

? ? ? ? ? min-width="60"

? ? ? ? >

? ? ? ? ? <template scope="scope">

? ? ? ? ? ? <itax-tag

? ? ? ? ? ? ? class="tag"

? ? ? ? ? ? ? v-for="tag in scope.row.attachList"

? ? ? ? ? ? ? :key="tag.attachName"

? ? ? ? ? ? ? type="primary"

? ? ? ? ? ? ? @click="download(tag)"

? ? ? ? ? ? >

? ? ? ? ? ? ? {{tag.attachName}}

? ? ? ? ? ? ? <span title="下載" class="dl-sp" @click.stop="download(tag)"></span>

? ? ? ? ? ? </itax-tag>

? ? ? ? ? </template>

? ? ? ? </itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="status"

? ? ? ? ? header-align="center"

? ? ? ? ? label="狀態(tài)"

? ? ? ? ? align="center"

? ? ? ? ? min-width="60"

? ? ? ? ? :formatter="formatStatus"

? ? ? ? ></itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="updatedBy"

? ? ? ? ? header-align="center"

? ? ? ? ? label="操作人員"

? ? ? ? ? align="center"

? ? ? ? ? min-width="50"

? ? ? ? ></itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="updatedDate"

? ? ? ? ? header-align="center"

? ? ? ? ? label="操作時間"

? ? ? ? ? align="center"

? ? ? ? ? min-width="80"

? ? ? ? ></itax-table-column>

? ? ? ? <itax-table-column header-align="center" label="操作" align="left" min-width="150">

? ? ? ? ? <template scope="scope">

? ? ? ? ? ? <el-button

? ? ? ? ? ? ? size="mini"

? ? ? ? ? ? ? type="primary"

? ? ? ? ? ? ? @click="AmendData(scope.row)"

? ? ? ? ? ? ? :disabled="scope.row.status !== 'UNCOMMITTED'"

? ? ? ? ? ? ? v-if="scope.row.status !== 'APPROVEING'||scope.row.status !== 'APPPASS'||scope.row.status !== 'UNAPPPASS'"

? ? ? ? ? ? >修改</el-button>

? ? ? ? ? ? <el-button

? ? ? ? ? ? ? size="mini"

? ? ? ? ? ? ? type="primary"

? ? ? ? ? ? ? @click.stop="submitData(scope.row)"

? ? ? ? ? ? ? :disabled="scope.row.status !== 'UNCOMMITTED'"

? ? ? ? ? ? >提交</el-button>

? ? ? ? ? ? <el-button

? ? ? ? ? ? ? size="mini"

? ? ? ? ? ? ? type="primary"

? ? ? ? ? ? ? @click.stop="checkOutData(scope.row)"

? ? ? ? ? ? ? :disabled="scope.row.status !== 'APPROVEING'"

? ? ? ? ? ? >撤回</el-button>

? ? ? ? ? ? <el-button

? ? ? ? ? ? ? size="mini"

? ? ? ? ? ? ? type="primary"

? ? ? ? ? ? ? @click.stop="deleteData(scope.row)"

? ? ? ? ? ? ? :disabled="scope.row.status !== 'UNCOMMITTED'"

? ? ? ? ? ? >刪除</el-button>

? ? ? ? ? ? <a

? ? ? ? ? ? ? @click.stop="approvalDetailWay(scope.row)"

? ? ? ? ? ? ? v-if="scope.row.status === 'APPROVEING'||scope.row.status === 'APPPASS'||scope.row.status === 'UNAPPPASS'"

? ? ? ? ? ? >

? ? ? ? ? ? ? <u style="color:#ff7000; cursor:pointer">審批詳情</u>

? ? ? ? ? ? </a>

? ? ? ? ? </template>

? ? ? ? </itax-table-column>

? ? ? </itax-table>

? ? ? <div class="page">

? ? ? ? <el-pagination

? ? ? ? ? class="fr"

? ? ? ? ? v-show="pageData.total>10"

? ? ? ? ? @size-change="handleSizeChange"

? ? ? ? ? @current-change="handleCurrentChange"

? ? ? ? ? :current-page="currentPage"

? ? ? ? ? :page-sizes="pageArr"

? ? ? ? ? :page-size="pageSize"

? ? ? ? ? layout="total, sizes, prev, pager, next ,jumper"

? ? ? ? ? :total="pageData.total"

? ? ? ? ></el-pagination>

? ? ? </div>

? ? </div>

? ? <div class="table-title">

? ? ? <span>數(shù)據(jù)詳情</span>

? ? ? <span>指標單元:元</span>

? ? </div>

? ? <div class="table-area">

? ? ? <itax-table

? ? ? ? :data="detailList"

? ? ? ? class="my-table"

? ? ? ? height="0"

? ? ? ? border

? ? ? ? highlight-current-row

? ? ? ? style="width: 100%;min-height:340px"

? ? ? >

? ? ? ? <itax-table-column label="序號" align="center" type="index" min-width="35">

? ? ? ? ? <template scope="scope">{{(scope.$index+1)+(detailCurrentPage-1)*detailPageSize }}</template>

? ? ? ? </itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="target"

? ? ? ? ? header-align="center"

? ? ? ? ? label="指標名稱"

? ? ? ? ? align="center"

? ? ? ? ? min-width="60"

? ? ? ? ></itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="dataType"

? ? ? ? ? header-align="center"

? ? ? ? ? label="所屬期間"

? ? ? ? ? align="center"

? ? ? ? ? min-width="90"

? ? ? ? ></itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="partyAmount"

? ? ? ? ? header-align="center"

? ? ? ? ? label="當期數(shù)"

? ? ? ? ? align="center"

? ? ? ? ? min-width="90"

? ? ? ? ></itax-table-column>

? ? ? ? <itax-table-column

? ? ? ? ? prop="yearSum"

? ? ? ? ? header-align="center"

? ? ? ? ? label="年累計"

? ? ? ? ? align="center"

? ? ? ? ? min-width="90"

? ? ? ? ></itax-table-column>

? ? ? </itax-table>

? ? ? <div class="page">

? ? ? ? <el-pagination

? ? ? ? ? class="fr"

? ? ? ? ? v-show="detailPageData.total>10"

? ? ? ? ? @size-change="detailHandleSizeChange"

? ? ? ? ? @current-change="detailHandleCurrentChange"

? ? ? ? ? :current-page="detailCurrentPage"

? ? ? ? ? :page-sizes="detailPageArr"

? ? ? ? ? :page-size="detailPageSize"

? ? ? ? ? layout="total, sizes, prev, pager, next,jumper"

? ? ? ? ? :total="detailPageData.total"

? ? ? ? ></el-pagination>

? ? ? </div>

? ? ? <!-- 新增申請 -->

? ? ? <el-dialog title="新增申請" :visible.sync="dialogFormVisible" custom-class="apply-box">

? ? ? ? <el-form :model="addAmendForm" ref="ruleForm">

? ? ? ? ? <el-form-item label="申請?zhí)? prop="applyNum" required :label-width="formLabelWidth">

? ? ? ? ? ? <el-input

? ? ? ? ? ? ? v-model="addAmendForm.applyNum"

? ? ? ? ? ? ? autocomplete="off"

? ? ? ? ? ? ? class="common-sty"

? ? ? ? ? ? ? :disabled="true"

? ? ? ? ? ? ></el-input>

? ? ? ? ? </el-form-item>

? ? ? ? ? <el-form-item label="稅務組織" prop="orgId" required :label-width="formLabelWidth">

? ? ? ? ? ? <tax-org

? ? ? ? ? ? ? :getOrgParams="getOrgParams"

? ? ? ? ? ? ? @select="handleSelect"

? ? ? ? ? ? ? size="medium"

? ? ? ? ? ? ? class="common-sty"

? ? ? ? ? ? ></tax-org>

? ? ? ? ? </el-form-item>

? ? ? ? ? <el-form-item label="數(shù)據(jù)類別" required :label-width="formLabelWidth">

? ? ? ? ? ? <el-radio-group v-model="addAmendForm.dataType" @change="typeToggle">

? ? ? ? ? ? ? <el-radio label="CURRENT" :disabled="this.currentIsAllow">當期</el-radio>

? ? ? ? ? ? ? <el-radio label="HISTORY" :disabled="this.historyIsAllow">歷史</el-radio>

? ? ? ? ? ? </el-radio-group>

? ? ? ? ? </el-form-item>

? ? ? ? ? <el-form-item label="所屬期間" required :label-width="formLabelWidth">

? ? ? ? ? ? <el-input

? ? ? ? ? ? ? v-model="addAmendForm.region"

? ? ? ? ? ? ? autocomplete="off"

? ? ? ? ? ? ? class="common-sty"

? ? ? ? ? ? ? :disabled="true"

? ? ? ? ? ? ></el-input>

? ? ? ? ? </el-form-item>

? ? ? ? ? <el-form-item label="附件" prop="fileName" required :label-width="formLabelWidth">

? ? ? ? ? ? <el-col :span="13">

? ? ? ? ? ? ? <!-- <el-input v-model="addAmendForm.fileName" autocomplete="off" id="filename-box"></el-input> -->

? ? ? ? ? ? ? <div id="filename-box">

? ? ? ? ? ? ? ? <itax-tag

? ? ? ? ? ? ? ? ? class="tag"

? ? ? ? ? ? ? ? ? v-for="tag in this.addAmendForm.attachList"

? ? ? ? ? ? ? ? ? :key="tag.attachName"

? ? ? ? ? ? ? ? ? type="primary"

? ? ? ? ? ? ? ? ? @click="download(tag)"

? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? {{tag.attachName}}

? ? ? ? ? ? ? ? ? <span title="下載" class="dl-sp" @click.stop="download(tag)"></span>

? ? ? ? ? ? ? ? </itax-tag>

? ? ? ? ? ? ? </div>

? ? ? ? ? ? </el-col>

? ? ? ? ? ? <el-col :span="11">

? ? ? ? ? ? ? <el-button @click.prevent="uploadFile" class="upload-btn" type="primary">上傳</el-button>

? ? ? ? ? ? ? <input type="file" style="width:0px;height:0px;" class="file-scan">

? ? ? ? ? ? ? <el-button type="primary" @click="downModel">下載模板</el-button>

? ? ? ? ? ? </el-col>

? ? ? ? ? </el-form-item>

? ? ? ? ? <el-form-item label="狀態(tài)" prop="status" :label-width="formLabelWidth">

? ? ? ? ? ? <el-input

? ? ? ? ? ? ? v-model="addAmendForm.status"

? ? ? ? ? ? ? autocomplete="off"

? ? ? ? ? ? ? class="common-sty"

? ? ? ? ? ? ? :disabled="true"

? ? ? ? ? ? ></el-input>

? ? ? ? ? </el-form-item>

? ? ? ? </el-form>

? ? ? ? <div slot="footer" class="dialog-footer" style="text-align: center">

? ? ? ? ? <el-button type="primary" @click="addPreserve('save')">保存</el-button>

? ? ? ? ? <el-button type="primary" @click="addPreserve('saveAndSubmit')">保存并提交</el-button>

? ? ? ? ? <el-button @click="dialogFormVisible = false">取 消</el-button>

? ? ? ? </div>

? ? ? </el-dialog>

? ? ? <!-- 修改申請 -->

? ? ? <el-dialog title="修改申請" :visible.sync="amenddialogFormVisible" custom-class="apply-box">

? ? ? ? <el-form :model="addAmendForm" :rules="rules" ref="ruleForm">

? ? ? ? ? <el-form-item label="申請?zhí)? prop="applyNum" required :label-width="formLabelWidth">

? ? ? ? ? ? <el-input

? ? ? ? ? ? ? v-model="addAmendForm.applyNum"

? ? ? ? ? ? ? autocomplete="off"

? ? ? ? ? ? ? class="common-sty"

? ? ? ? ? ? ? :disabled="true"

? ? ? ? ? ? ></el-input>

? ? ? ? ? </el-form-item>

? ? ? ? ? <el-form-item label="稅務組織" prop="orgId" required :label-width="formLabelWidth">

? ? ? ? ? ? <tax-org

? ? ? ? ? ? ? :getOrgParams="getOrgParams"

? ? ? ? ? ? ? @select="handleSelect"

? ? ? ? ? ? ? size="medium"

? ? ? ? ? ? ? class="common-sty"

? ? ? ? ? ? ></tax-org>

? ? ? ? ? </el-form-item>

? ? ? ? ? <el-form-item label="數(shù)據(jù)類別" required :label-width="formLabelWidth">

? ? ? ? ? ? <el-radio-group v-model="addAmendForm.dataType" @change="typeToggle">

? ? ? ? ? ? ? <el-radio label="CURRENT" :disabled="this.currentIsAllow">當期</el-radio>

? ? ? ? ? ? ? <el-radio label="HISTORY" :disabled="this.historyIsAllow">歷史</el-radio>

? ? ? ? ? ? </el-radio-group>

? ? ? ? ? </el-form-item>

? ? ? ? ? <el-form-item label="所屬期間" required :label-width="formLabelWidth">

? ? ? ? ? ? <el-input

? ? ? ? ? ? ? v-model="addAmendForm.region"

? ? ? ? ? ? ? autocomplete="off"

? ? ? ? ? ? ? class="common-sty"

? ? ? ? ? ? ? :disabled="true"

? ? ? ? ? ? ></el-input>

? ? ? ? ? </el-form-item>

? ? ? ? ? <el-form-item label="附件" prop="fileName" required :label-width="formLabelWidth">

? ? ? ? ? ? <el-col :span="13">

? ? ? ? ? ? ? <!-- <el-input v-model="addAmendForm.fileName" autocomplete="off" id="filename-box"></el-input> -->

? ? ? ? ? ? ? <div id="filename-box">

? ? ? ? ? ? ? ? <itax-tag

? ? ? ? ? ? ? ? ? class="tag"

? ? ? ? ? ? ? ? ? v-for="tag in this.addAmendForm.attachList"

? ? ? ? ? ? ? ? ? :key="tag.attachName"

? ? ? ? ? ? ? ? ? type="primary"

? ? ? ? ? ? ? ? ? @click="download(tag)"

? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? {{tag.attachName}}

? ? ? ? ? ? ? ? ? <span title="下載" class="dl-sp" @click.stop="download(tag)"></span>

? ? ? ? ? ? ? ? </itax-tag>

? ? ? ? ? ? ? </div>

? ? ? ? ? ? </el-col>

? ? ? ? ? ? <el-col :span="11">

? ? ? ? ? ? ? <el-button

? ? ? ? ? ? ? ? @click.prevent="uploadFile"

? ? ? ? ? ? ? ? class="upload-btn"

? ? ? ? ? ? ? ? type="primary"

? ? ? ? ? ? ? ? size="smaill"

? ? ? ? ? ? ? >上傳</el-button>

? ? ? ? ? ? ? <input type="file" style="width:0px;height:0px;" class="file-scan">

? ? ? ? ? ? ? <el-button type="primary" @click="downModel">下載模板</el-button>

? ? ? ? ? ? </el-col>

? ? ? ? ? </el-form-item>

? ? ? ? ? <el-form-item label="狀態(tài)" prop="status" required :label-width="formLabelWidth">

? ? ? ? ? ? <el-input

? ? ? ? ? ? ? v-model="addAmendForm.status"

? ? ? ? ? ? ? autocomplete="off"

? ? ? ? ? ? ? class="common-sty"

? ? ? ? ? ? ? :disabled="true"

? ? ? ? ? ? ></el-input>

? ? ? ? ? </el-form-item>

? ? ? ? </el-form>

? ? ? ? <div slot="footer" class="dialog-footer" style="text-align: center">

? ? ? ? ? <el-button type="primary" @click="alterPreserve('save')">保存</el-button>

? ? ? ? ? <el-button type="primary" @click="alterPreserve('saveAndsSubmit')">保存并提交</el-button>

? ? ? ? ? <el-button @click="amenddialogFormVisible = false">取 消</el-button>

? ? ? ? </div>

? ? ? </el-dialog>

? ? ? <!-- 確認刪除對話框 -->

? ? ? <el-dialog

? ? ? ? title="提示"

? ? ? ? :visible.sync="deleteDialogVisible"

? ? ? ? width="30%"

? ? ? ? custom-class="delete-box"

? ? ? ? center

? ? ? >

? ? ? ? <div class="el-message-box__status el-icon-warning icon-box">

? ? ? ? ? <span class="confim-info">確認刪除此條導入申請嗎涕滋?</span>

? ? ? ? </div>

? ? ? ? <span slot="footer" class="dialog-footer">

? ? ? ? ? <el-button type="primary" @click.prevent="confirmDelete">確 定</el-button>

? ? ? ? ? <el-button @click="deleteDialogVisible = false">取 消</el-button>

? ? ? ? </span>

? ? ? </el-dialog>

? ? ? <web-uploader

? ? ? ? :upLoadFileUrl="uploadUrl"

? ? ? ? @attachAdds="attachAdds"

? ? ? ? :isMultiple="true"

? ? ? ? :correlation="false"

? ? ? ? v-if="isShowUpload"

? ? ? ? :modelClose="modelClose"

? ? ? />

? ? </div>

? </div>

</template>

<script>

import mock from "../mock/index2.js";

import {

? addData,

? delData,

? alterData,

? listData,

? disjunctor,

? recordSubmit,

? approvalDetail,

? dataDetail,

? applyDetail,

? templeName,

? getDict

} from "./tax-apply.js";

import taxOrg from "@/income-pro/common/taxorg/index";

import IDate from "../../common/date-picker/src/picker/date-picker";

// import orgSelect from "@/income-pro/common/orgSelect/index.vue";

import webUploader from "@/income-pro/common/web-uploader/index.vue";

import mixin from "@/income-pro/common/web-uploader/data.vue"; //混合導入公共的下載方法冕广。

export default {

? mixins: [mixin],

? components: { taxOrg, webUploader, IDate },

? data() {

? ? return {

? ? ? pickerOptionsStartM: {

? ? ? ? // disabledDate: date => {

? ? ? ? //? if (!date.getMonth) debugger;

? ? ? ? //? return typeof date === "number" || date.getMonth();

? ? ? ? // }

? ? ? },

? ? ? pickerOptionsStartQH: {},

? ? ? getOrgParams: {

? ? ? ? permissionType: "MENU",

? ? ? ? keyWord: "",

? ? ? ? permissionCode: "MU-INS-TASK-MAG",

? ? ? ? scope: "SELF",

? ? ? ? orgTypes: "",

? ? ? ? containVirtualFlag: ""

? ? ? },

? ? ? form: {

? ? ? ? orgId: "",

? ? ? ? dataType: "M",

? ? ? ? region: "",

? ? ? ? status: ""

? ? ? },

? ? ? addAmendForm: {

? ? ? ? applyNum: "",

? ? ? ? orgId: "",

? ? ? ? dataType: "CURRENT",

? ? ? ? region: "",

? ? ? ? attachList: [],

? ? ? ? fileName: "",

? ? ? ? status: ""

? ? ? },

? ? ? disjunctor: false, //默認申請開關的狀態(tài)為關閉。

? ? ? currentIsAllow: true, //當期類型是否允許。

? ? ? historyIsAllow: true, //歷史類型是否允許。

? ? ? templeName: "", //下載的模板名于樟。

? ? ? applyStatusOption: [],

? ? ? rules: {

? ? ? ? orgId: [{ required: true, message: "請輸入組織名稱", trigger: "blur" }],

? ? ? ? riskkind: [

? ? ? ? ? { required: true, message: "請選擇風險分類", trigger: "change" }

? ? ? ? ]

? ? ? },

? ? ? listData: [],

? ? ? detailList: [],

? ? ? taskInfo: [],

? ? ? orgId: "",

? ? ? orgType: "",

? ? ? rowId: "",

? ? ? isShowUpload: false,

? ? ? pageArr: [10, 20, 40, 100],

? ? ? defaultPageSize: 0,

? ? ? currentPage: 1,

? ? ? pageSize: 20,

? ? ? pageData: {},

? ? ? detailPageArr: [10, 20, 40, 100], //詳細分頁的數(shù)據(jù)

? ? ? detailDefaultPageSize: 0,

? ? ? detailCurrentPage: 1,

? ? ? detailPageSize: 10,

? ? ? detailPageData: {},

? ? ? dialogFormVisible: false,

? ? ? amenddialogFormVisible: false,

? ? ? deleteDialogVisible: false, //刪除對話

? ? ? formLabelWidth: "80px"

? ? };

? },

? computed: {

? ? uploadUrl() {

? ? ? return serverIpAddress + "/zuul/itax-core-base/uploadIobs";

? ? }

? },

? methods: {

? ? //下載模板

? ? async downModel() {

? ? ? console.log("下載模板洽故!");

? ? ? let params = {

? ? ? ? orgId: this.orgId

? ? ? };

? ? ? try {

? ? ? ? const data = await templeName(params);

? ? ? ? if (data.responseCode === "0") {

? ? ? ? ? let temName = data.result.name; //因為異步了蠢棱,而下載需要在獲取名字后竟贯,所有需要把下載的數(shù)據(jù)寫在回調中答捕。達到同步的效果。

? ? ? ? ? let url =

? ? ? ? ? ? (process.env.NODE_ENV !== "development" ? "/itax" : "") +

? ? ? ? ? ? "/static/template/稅負數(shù)據(jù)_導入模板_" +

? ? ? ? ? ? temName +

? ? ? ? ? ? ".xlsx";

? ? ? ? ? var _a = document.createElement("a");

? ? ? ? ? _a.href = url;

? ? ? ? ? $("body").append(_a);

? ? ? ? ? _a.click();

? ? ? ? ? $(_a).remove();

? ? ? ? }

? ? ? } catch (err) {

? ? ? ? console.log(err);

? ? ? }

? ? },

? ? //數(shù)據(jù)詳情

? ? async detailListData(row) {

? ? ? console.log(row);

? ? ? this.rowId = row.id;

? ? ? let params = {

? ? ? ? id: this.rowId,

? ? ? ? currentPage: this.detailCurrentPage,

? ? ? ? pageSize: this.detailPageSize

? ? ? };

? ? ? try {

? ? ? ? const data = await dataDetail(params);

? ? ? ? if (data.responseCode === "0") {

? ? ? ? ? this.detailList = data.result;

? ? ? ? ? this.detailPageData = data.page;

? ? ? ? }

? ? ? } catch (err) {

? ? ? ? console.log(err);

? ? ? }

? ? },

? ? //分頁查詢數(shù)據(jù)詳情

? ? async pageDetailList() {

? ? ? let params = {

? ? ? ? id: this.rowId,

? ? ? ? currentPage: this.detailCurrentPage,

? ? ? ? pageSize: this.detailPageSize

? ? ? };

? ? ? try {

? ? ? ? const data = await dataDetail(params);

? ? ? ? if (data.responseCode === "0") {

? ? ? ? ? this.detailList = data.result;

? ? ? ? ? this.detailPageData = data.page;

? ? ? ? }

? ? ? } catch (err) {

? ? ? ? console.log(err);

? ? ? }

? ? },

? ? //獲取申請開關的狀態(tài)屑那。

? ? async getDisjunctorStatus() {

? ? ? let params = {

? ? ? ? orgId: this.orgId,

? ? ? ? region: this.form.region

? ? ? };

? ? ? try {

? ? ? ? const data = await disjunctor(params);

? ? ? ? if (data.responseCode === "0") {

? ? ? ? ? if (data.result.disjunctor === "off") {

? ? ? ? ? ? this.disjunctor = false;

? ? ? ? ? } else {

? ? ? ? ? ? this.disjunctor = true;

? ? ? ? ? ? let allowType = data.result.dataType;

? ? ? ? ? ? if (allowType.includes("CURRENT")) {

? ? ? ? ? ? ? this.currentIsAllow = false;

? ? ? ? ? ? } else {

? ? ? ? ? ? ? this.currentIsAllow = true; //不包含噪珊,開啟禁用。

? ? ? ? ? ? }

? ? ? ? ? ? if (allowType.includes("HISTORY")) {

? ? ? ? ? ? ? this.historyIsAllow = false;

? ? ? ? ? ? } else {

? ? ? ? ? ? ? this.historyIsAllow = true; //不包含齐莲,開啟禁用。

? ? ? ? ? ? }

? ? ? ? ? ? // debugger;

? ? ? ? ? }

? ? ? ? }

? ? ? } catch (err) {

? ? ? ? console.log(err);

? ? ? }

? ? },

? ? //新增保存或保存并提交按鈕

? ? async addPreserve(val) {

? ? ? if (typeof this.orgId !== "number") {

? ? ? ? this.notify("請選擇被稅務組織名稱磷箕!", "warning");

? ? ? ? return;

? ? ? }

? ? ? if (

? ? ? ? this.addAmendForm.attachList.length == 0

? ? ? ) {

? ? ? ? this.notify("請選擇上傳附件选酗!", "warning");

? ? ? ? return;

? ? ? }

? ? ? if (val == "save") { //這里應該用一個局域變量嗎?

? ? ? ? this.addAmendForm.status = 'UNCOMMITTED'

? ? ? } else {

? ? ? ? this.addAmendForm.status = 'APPROVEING'

? ? ? }

? ? ? let params = {

? ? ? ? applyNum: this.addAmendForm.applyNum,

? ? ? ? orgId: this.orgId,

? ? ? ? dataType: this.addAmendForm.dataType,

? ? ? ? region:

? ? ? ? ? this.addAmendForm.region.slice(0, 4) +

? ? ? ? ? "-" +

? ? ? ? ? this.addAmendForm.region.slice(4),

? ? ? ? attachList: this.addAmendForm.attachList,

? ? ? ? status: this.addAmendForm.status,

? ? ? ? operation: val

? ? ? };

? ? ? try {

? ? ? ? const data = await addData(params);

? ? ? ? if (data.responseCode === "0") {

? ? ? ? ? this.dialogFormVisible = false;

? ? ? ? ? this.notify("保存成功岳枷!", "success");

? ? ? ? ? if (val == "save") {

? ? ? ? ? ? this.getListData();

? ? ? ? ? } else {

? ? ? ? ? ? let params = {

? ? ? ? ? ? ? id: this.addAmendForm.applyNum, //這是是申請?zhí)杋d芒填。

? ? ? ? ? ? ? operation: val,

? ? ? ? ? ? ? orgId: this.orgId,

? ? ? ? ? ? ? orgType: this.orgType,

? ? ? ? ? ? ? permissionCode: "FN_ANALYSIS_TAXDATA_SUB",

? ? ? ? ? ? ? scope: "self"

? ? ? ? ? ? };

? ? ? ? ? ? this.$router.push({

? ? ? ? ? ? ? path: "/intelligent-analysis/tax-eoa",

? ? ? ? ? ? ? query: params

? ? ? ? ? ? });

? ? ? ? ? }

? ? ? ? ? // this.getListData();

? ? ? ? }

? ? ? } catch (err) {

? ? ? ? console.log(err);

? ? ? }

? ? },

? ? //刪除申請

? ? deleteData(row) {

? ? ? this.deleteDialogVisible = true;

? ? ? this.rowId = row.id;

? ? },

? ? //刪除對話框的確認按鈕

? ? async confirmDelete() {

? ? ? let params = { id: this.rowId };

? ? ? try {

? ? ? ? const data = await delData(params);

? ? ? ? if (data.responseCode === "0") {

? ? ? ? ? this.deleteDialogVisible = false;

? ? ? ? ? this.notify("操作成功!", "success");

? ? ? ? ? this.getListData();

? ? ? ? }

? ? ? } catch (err) {

? ? ? ? console.log(err);

? ? ? }

? ? },

? ? //修改申請

? ? AmendData(row) {

? ? ? console.log(row);

? ? ? this.amenddialogFormVisible = true;

? ? ? this.addAmendForm.applyNum = row.applyNum;

? ? ? this.orgId = row.orgId;

? ? ? this.addAmendForm.dataType = row.dataType;

? ? ? this.addAmendForm.region = row.region.slice(0, 4) + row.region.slice(5);

? ? ? this.addAmendForm.attachList = row.attachList;

? ? ? this.rowId = row.id;

? ? ? this.addAmendForm.status = "";

? ? ? debugger

? ? },

? ? //修改申請的保存或保存并提交按鈕

? ? async alterPreserve(val) {

? ? ? if (typeof this.orgId !== "number") {

? ? ? ? this.notify("請選擇被稅務組織名稱空繁!", "warning");

? ? ? ? return;

? ? ? }

? ? ? if (

? ? ? ? this.addAmendForm.attachList == []

? ? ? ) {

? ? ? ? this.notify("請選擇上傳附件殿衰!", "warning");

? ? ? ? return;

? ? ? }

? ? ? if (val == "save") {

? ? ? ? this.addAmendForm.status = 'UNCOMMITTED'

? ? ? } else {

? ? ? ? this.addAmendForm.status = 'APPROVEING'

? ? ? }

? ? ? let params = {

? ? ? ? id: this.rowId,

? ? ? ? applyNum: this.addAmendForm.applyNum,

? ? ? ? orgId: this.orgId,

? ? ? ? dataType: this.addAmendForm.dataType,

? ? ? ? region:

? ? ? ? ? this.addAmendForm.region.slice(0, 4) +

? ? ? ? ? "-" +

? ? ? ? ? this.addAmendForm.region.slice(4),

? ? ? ? attachList: this.addAmendForm.attachList,

? ? ? ? status: this.addAmendForm.status,

? ? ? ? operation: val

? ? ? };

? ? ? try {

? ? ? ? const data = await alterData(params);

? ? ? ? if (data.responseCode === "0") {

? ? ? ? ? this.amenddialogFormVisible = false;

? ? ? ? ? this.notify("保存成功!", "success");

? ? ? ? ? if (val == "save") {

? ? ? ? ? ? this.getListData();

? ? ? ? ? } else {

? ? ? ? ? ? //如點擊的是保存并提交按鈕需要發(fā)送eoa盛泡。

? ? ? ? ? ? let params = {

? ? ? ? ? ? ? id: this.addAmendForm.applyNum, //這是是申請?zhí)杋d闷祥。

? ? ? ? ? ? ? operation: val,

? ? ? ? ? ? ? orgId: this.orgId,

? ? ? ? ? ? ? orgType: this.orgType,

? ? ? ? ? ? ? permissionCode: "FN_ANALYSIS_TAXDATA_SUB",

? ? ? ? ? ? ? scope: "self"

? ? ? ? ? ? };

? ? ? ? ? ? this.$router.push({

? ? ? ? ? ? ? path: "/intelligent-analysis/tax-eoa",

? ? ? ? ? ? ? query: params

? ? ? ? ? ? });

? ? ? ? ? }

? ? ? ? ? // this.getListData();

? ? ? ? }

? ? ? } catch (err) {

? ? ? ? console.log(err);

? ? ? }

? ? },

? ? //提交

? ? submitData(row) {

? ? ? let params = {

? ? ? ? id: row.applyNum, //這是是申請?zhí)杋d。

? ? ? ? operation: "submit", //這里到時候再看看!

? ? ? ? orgId: row.orgId,

? ? ? ? orgType: this.orgType,

? ? ? ? permissionCode: "FN_ANALYSIS_TAXDATA_SUB",

? ? ? ? scope: "self"

? ? ? };

? ? ? this.$router.push({

? ? ? ? path: "/intelligent-analysis/tax-eoa",

? ? ? ? query: params

? ? ? });

? ? },

? ? //撤回

? ? async checkOutData(row) {

? ? ? let params = {

? ? ? ? id: row.applyNum, //這是是申請?zhí)杋d傲诵。

? ? ? ? operation: "cancle", //

? ? ? ? orgId: row.orgId,

? ? ? ? orgType: this.orgType,

? ? ? ? permissionCode: "FN_ANALYSIS_TAXDATA_REM",

? ? ? ? scope: "self"

? ? ? };

? ? ? this.$router.push({

? ? ? ? path: "/intelligent-analysis/tax-eoa",

? ? ? ? query: params

? ? ? });

? ? },

? ? //審批詳情

? ? async approvalDetailWay(row) {

? ? ? console.log("審批詳情凯砍。");

? ? ? let params = { eoaRequestId: '' };

? ? ? try {

? ? ? ? const data = await approvalDetail(params);

? ? ? ? if (data.responseCode === "0") {

? ? ? ? ? this.notify("操作成功!", "success");

? ? ? ? }

? ? ? } catch (err) {

? ? ? ? console.log(err);

? ? ? }

? ? },

? ? typeToggle() {

? ? ? switch (this.addAmendForm.dataType) {

? ? ? ? case "CURRENT":

? ? ? ? ? this.orgId !== 291295

? ? ? ? ? ? ? (this.addAmendForm.region = this.getPreMonth())

? ? ? ? ? ? : (this.addAmendForm.region = this.getPreQuarter()); //待改判斷條件拴竹。

? ? ? ? ? break;

? ? ? ? case "HISTORY":

? ? ? ? ? this.addAmendForm.region = "201906";

? ? ? ? ? break;

? ? ? }

? ? },

? ? modelClose() {

? ? ? this.isShowUpload = false;

? ? },

? ? attachAdds(value) {

? ? ? let arr = [];

? ? ? var finalArrBe = this.addAmendForm.attachList;

? ? ? var str = JSON.stringify(finalArrBe);

? ? ? for (let i in value) {

? ? ? ? var obj = {

? ? ? ? ? attachName: value[i].attachName,

? ? ? ? ? attachCode: value[i].attachCode,

? ? ? ? ? attachId: value[i].attachId

? ? ? ? };

? ? ? ? var flag = str.indexOf(obj.attachCode) === -1; //判斷是否已經存在這個文件悟衩。不存在可以添加。

? ? ? ? if (flag) {

? ? ? ? ? arr = arr.concat(obj);

? ? ? ? }

? ? ? }

? ? ? this.addAmendForm.attachList = arr; //由于只允許上傳一個文件栓拜,所有直接賦值座泳。

? ? ? // this.addAmendForm.fileName = value[value.length - 1].attachName; //把最后的一個文件名賦值到附件框中。

? ? },

? ? handleSelect(node) {

? ? ? // if (node.permissions) {

? ? ? //? this.powerInfo = JSON.parse(JSON.stringify(node.permissions));

? ? ? // }

? ? ? this.orgId = node.orgId;

? ? ? this.orgType = node.orgType; //獲取組織類型幕与。

? ? ? this.addAmendForm.orgId = node.orgId;

? ? ? this.getListData();

? ? ? this.getDisjunctorStatus(); //修改開關的方法挑势。

? ? ? // this.getTemName()

? ? },

? ? //獲取上一個月 不帶橫桿

? ? getPreMonth() {

? ? ? let year = new Date().format("yyyy");

? ? ? let month = new Date().getMonth() + 1;

? ? ? if (month == 1) {

? ? ? ? month = 12;

? ? ? ? year = year - 1;

? ? ? } else if (2 <= month <= 10) {

? ? ? ? month = month - 1; //上一個月

? ? ? ? month = "0" + month; //月份填補成2位。

? ? ? } else {

? ? ? ? month = month - 1; //上一個月

? ? ? }

? ? ? return year + "" + month;

? ? ? debugger;

? ? },

? ? //獲取上一個月 帶橫桿

? ? getPreMonthH() {

? ? ? let year = new Date().format("yyyy");

? ? ? let month = new Date().getMonth() + 1;

? ? ? if (month == 1) {

? ? ? ? month = 12;

? ? ? ? year = year - 1;

? ? ? } else if (2 <= month <= 10) {

? ? ? ? month = month - 1; //上一個月

? ? ? ? month = "0" + month; //月份填補成2位啦鸣。

? ? ? } else {

? ? ? ? month = month - 1; //上一個月

? ? ? }

? ? ? return year + "-" + month;

? ? },

? ? //獲取上一個季度

? ? getPreQuarter() {

? ? ? let year = new Date().format("yyyy");

? ? ? let month = new Date().getMonth() + 1;

? ? ? let quarter = "";

? ? ? if (month >= 1 && month <= 3) {

? ? ? ? year = year - 1;

? ? ? ? quarter = "Q4";

? ? ? } else if (month >= 4 && month <= 6) {

? ? ? ? quarter = "Q1";

? ? ? } else if (month >= 7 && month <= 9) {

? ? ? ? quarter = "Q2";

? ? ? } else {

? ? ? ? quarter = "Q3";

? ? ? }

? ? ? return year + "" + quarter;

? ? },

? ? searchListData() {

? ? ? if (typeof this.orgId !== "number") {

? ? ? ? this.notify("請選擇被稅務組織名稱薛耻!", "warning");

? ? ? ? return;

? ? ? }

? ? ? this.getListData();

? ? },

? ? downAttach(row) {

? ? ? console.log("下載附件!");

? ? },

? ? handleSizeChange(val) {

? ? ? this.pageSize = val;

? ? ? this.getListData();

? ? },

? ? handleCurrentChange(val) {

? ? ? this.currentPage = val;

? ? ? this.getListData();

? ? },

? ? detailHandleSizeChange(val) {

? ? ? this.detailPageSize = val;

? ? ? this.pageDetailList();

? ? },

? ? detailHandleCurrentChange(val) {

? ? ? this.detailCurrentPage = val;

? ? ? this.pageDetailList();

? ? },

? ? amendSubmitForm(formName) {

? ? ? this.$refs[formName].validate(valid => {

? ? ? ? if (valid) {

? ? ? ? ? alert("submit!");

? ? ? ? ? this.amenddialogFormVisible = false;

? ? ? ? } else {

? ? ? ? ? console.log("error submit!!");

? ? ? ? ? return false;

? ? ? ? }

? ? ? });

? ? },

? ? resetForm() {

? ? ? console.log("重置表單赏陵!");

? ? ? this.$refs.taxOrg.clearInfo();

? ? ? this.form = {

? ? ? ? dataType: "M",

? ? ? ? region: "",

? ? ? ? status: ""

? ? ? };

? ? },

? ? //查詢稅負申請記錄饼齿。

? ? async getListData() {

? ? ? if (/^\d{4}-\d{2}$/.test(this.form.region)) {

? ? ? ? this.form.region = this.form.region;

? ? ? } else if (this.form.region == "") {

? ? ? ? this.form.region = "";

? ? ? } else {

? ? ? ? this.form.region = this.form.region.format("yyyy-MM");

? ? ? }

? ? ? let params = {

? ? ? ? orgId: this.orgId,

? ? ? ? region: this.form.region,

? ? ? ? status: this.form.status,

? ? ? ? currentPage: this.currentPage,

? ? ? ? pageSize: this.pageSize

? ? ? };

? ? ? try {

? ? ? ? const data = await listData(params);

? ? ? ? if (data.result) {

? ? ? ? ? this.listData = data.result;

? ? ? ? ? this.pageData = data.page;

? ? ? ? }

? ? ? } catch (err) {

? ? ? ? console.log(err);

? ? ? }

? ? },

? ? /* 獲取申請狀態(tài)方法 */

? ? async getApplyStatus() {

? ? ? let params = {

? ? ? ? dictCode: "APPLY_ITEM_STATUS"

? ? ? };

? ? ? const data = await getDict(params);

? ? ? if (data.responseCode === "0") {

? ? ? ? this.applyStatusOption = data.result;

? ? ? }

? ? },

? ? newAddApply() {

? ? ? this.dialogFormVisible = true;

? ? ? // this.$refs.taxOrg.clearInfo();

? ? ? this.addAmendForm.applyNum = new Date().format("yyyyMMddhhmmss");

? ? ? let period = this.orgId !== 291295

? ? ? ? ? ? (period = this.getPreMonth())

? ? ? ? ? : (period = this.getPreQuarter()); //只有平安銀行才有季度饲漾。;

? ? ? this.addAmendForm.region = period;

? ? ? this.addAmendForm.attachList = []; //置空附件。

? ? ? this.addAmendForm.status = "";

? ? },

? ? uploadFile() {

? ? ? console.log("luoyong!!!");

? ? ? // let eleNav = document.getElementsByClassName("file-scan")[0];

? ? ? // eleNav.click();

? ? ? this.isShowUpload = true;

? ? },

? ? // fileScan() {

? ? //? console.log("scan!!!");

? ? //? let filePath = document.getElementsByClassName("file-scan")[0].value;

? ? //? let arr = filePath.split("\\");

? ? //? let fileName = arr[arr.length - 1];

? ? //? console.log(fileName);

? ? //? // document.getElementsByClassName('filename-box')[0].value ="reerer";

? ? //? this.addAmendForm.fileName = fileName;

? ? // },

? ? notify(msg, type) {

? ? ? var that = this;

? ? ? that.$message({

? ? ? ? duration: 2000,

? ? ? ? showClose: true,

? ? ? ? message: msg,

? ? ? ? type: type

? ? ? });

? ? },

? ? formatDataType: function(row, column) {

? ? ? switch (row.dataType) {

? ? ? ? case "CURRENT":

? ? ? ? ? return "當期";

? ? ? ? ? break;

? ? ? ? case "HISTORY":

? ? ? ? ? return "歷史";

? ? ? ? ? break;

? ? ? ? default:

? ? ? ? ? break;

? ? ? }

? ? },

? ? formatStatus: function(row, column) {

? ? ? switch (row.status) {

? ? ? ? case "UNCOMMITTED":

? ? ? ? ? return "未提交審批";

? ? ? ? ? break;

? ? ? ? case "APPROVEING":

? ? ? ? ? return "審批中";

? ? ? ? ? break;

? ? ? ? case "APPPASS":

? ? ? ? ? return "審批通過";

? ? ? ? ? break;

? ? ? ? case "UNAPPPASS":

? ? ? ? ? return "審批不通過";

? ? ? ? ? break;

? ? ? ? default:

? ? ? ? ? break;

? ? ? }

? ? }

? },

? created() {

? ? // this.getDisjunctorStatus();

? ? this.form.region = this.getPreMonthH();

? ? this.getApplyStatus();

? }

};

</script>

<style lang='less'>

.condition {

? margin-top: 15px;

}

.common-sty {

? width: 58%;

}

.tool {

? width: 600px;

? height: 30px;

? margin-left: 20px;

? margin-bottom: 10px;

? display: flex;

? flex-direction: row;

? align-items: center;

? // .apply-button{

? //? display: inline-block;

? //? font-size: 14px;

? // }

}

.table-title {

? margin-top: 55px;

? // border: #ff7000 solid 1px;

? height: 30px;

? display: flex;

? flex-direction: row;

? align-items: center;

? span:first-child {

? ? height: 20px;

? ? font-size: 16px;

? ? color: #ff7000;

? ? font-weight: bold;

? ? margin-left: 10px;

? }

? span:last-child {

? ? height: 20px;

? ? font-size: 14px;

? ? line-height: 20px;

? ? color: #ff7000;

? ? font-weight: bold;

? ? margin-left: 80%;

? }

}

.upload-btn {

? margin-left: 23px;

}

.notclick {

? pointer-events: none;

}

//新增申請自定義類改變寬度缕溉。

.apply-box {

? width: 530px;

}

.delete-box {

? width: 420px;

? height: 174px;

? .el-dialog__footer {

? ? text-align: center;

? ? box-sizing: border-box;

? ? padding: 50px 20px 15px;

? }

}

.icon-box {

? display: flex;

? flex-direction: row;

? align-items: center;

? .confim-info {

? ? height: 20px;

? ? line-height: 20px;

? ? margin-left: 20px;

? ? font-size: 14px;

? ? color: #66666f;

? ? // border: 1px solid red;

? }

}

#filename-box {

? width: 238px;

? height: 38px;

? border: #e5dcd1 solid 1px;

? border-radius: 5px;

}

#filename-box:hover {

? border: #bbb solid 1px;

}

</style>

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末考传,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子证鸥,更是在濱河造成了極大的恐慌僚楞,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件枉层,死亡現(xiàn)場離奇詭異泉褐,居然都是意外死亡,警方通過查閱死者的電腦和手機鸟蜡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門膜赃,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人揉忘,你說我怎么就攤上這事跳座。” “怎么了泣矛?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵疲眷,是天一觀的道長。 經常有香客問我您朽,道長狂丝,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任哗总,我火速辦了婚禮美侦,結果婚禮上,老公的妹妹穿的比我還像新娘魂奥。我一直安慰自己菠剩,他們只是感情好,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布耻煤。 她就那樣靜靜地躺著具壮,像睡著了一般。 火紅的嫁衣襯著肌膚如雪哈蝇。 梳的紋絲不亂的頭發(fā)上棺妓,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天,我揣著相機與錄音炮赦,去河邊找鬼怜跑。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的性芬。 我是一名探鬼主播峡眶,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼植锉!你這毒婦竟也來了辫樱?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤俊庇,失蹤者是張志新(化名)和其女友劉穎狮暑,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體辉饱,經...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡搬男,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了彭沼。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缔逛。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖溜腐,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情瓜喇,我是刑警寧澤挺益,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站乘寒,受9級特大地震影響望众,放射性物質發(fā)生泄漏。R本人自食惡果不足惜伞辛,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一烂翰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蚤氏,春花似錦甘耿、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至于游,卻和暖如春毁葱,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背贰剥。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工倾剿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蚌成。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓前痘,卻偏偏與公主長得像凛捏,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子际度,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內容