<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>