1.资金申请单增加搜索条件

2.删除财务模块发票管理

src/views/FinancialManagement/ExpenseManagement/ExpenseApplyFor.vue

@@ -5,10 +5,10 @@
       <el-form
         v-model="queryFrom"
         size="small"
-        label-width="95px"
+        label-width="120px"
         class="query-form"
       >
-        <el-form-item label="转账状态" label-width="95px" prop="transferFlag">
+        <el-form-item label="转账状态" prop="transferFlag">
           <el-select
             v-model="queryFrom.transferFlag"
             placeholder="请选择转账状态"
@@ -18,7 +18,7 @@
             <el-option label="未转账" value="1"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="申请人" label-width="95px" prop="applicant">
+        <el-form-item label="申请人" prop="applicant">
           <el-input
             v-model="queryFrom.applicant"
             placeholder="请输入申请人"
@@ -26,7 +26,7 @@
             clearable
           ></el-input>
         </el-form-item>
-        <el-form-item label="申请部门" label-width="95px" prop="applySector">
+        <el-form-item label="申请部门" prop="applySector">
           <el-input
             v-model="queryFrom.applySector"
             placeholder="请输入申请部门"
@@ -34,7 +34,7 @@
             clearable
           ></el-input>
         </el-form-item>
-        <el-form-item label="申请日期" label-width="95px" prop="applyTime">
+        <el-form-item label="申请日期" prop="applyTime">
           <el-date-picker
             v-model="queryFrom.applyTime"
             type="daterange"
@@ -45,6 +45,22 @@
           >
           </el-date-picker>
         </el-form-item>
+        <el-form-item label="单位" prop="company">
+          <el-input
+            v-model="queryFrom.company"
+            placeholder="请输入单位"
+            class="widths"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="收款单位信息" prop="collectionMessage">
+          <el-input
+            v-model="queryFrom.collectionMessage"
+            placeholder="请输入收款单位信息"
+            class="widths"
+            clearable
+          ></el-input>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" size="small" @click="queryStaffInfo"
             >查询</el-button
@@ -1076,6 +1092,7 @@ export default {
   display: flex;
   align-items: center;
   margin-top: 14px;
+  flex-wrap: wrap;
 }
 .td-title,
 .demo-tableForm >>> .el-form-item__label {

src/views/FinancialManagement/InvoiceAmount.vue

@@ -1,735 +0,0 @@
-<template>
-  <!--布局容器-->
-  <div class="container" style="width: 99%; margin-top: 0px">
-    <!-- 顶部查询 -->
-    <el-row class="top">
-      <el-form v-model="queryFrom" size="small" label-width="95px" class="form">
-        <el-form-item label="选择日期">
-          <el-date-picker
-            v-model="queryFrom.value1"
-            size="small"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="起开票日期"
-            end-placeholder="止开票日期"
-            value-format="yyyy-MM-dd"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="营业性质" label-width="95px" prop="qualityId">
-          <el-select
-            v-model="queryFrom.qualityId"
-            placeholder="请选择营业性质"
-            clearable
-          >
-            <el-option
-              v-for="item in natureBusinessList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="企业名称" label-width="95px" prop="invCompanyName">
-          <el-select
-            v-model="queryFrom.enterpriseId"
-            placeholder="请选择企业"
-            clearable
-            @change="changeEnterprise"
-          >
-            <el-option
-              v-for="item in enterpriseNameList"
-              :key="item.id"
-              :label="item.enterpriseName"
-              :value="item.id"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" size="small" @click="queryStaffInfo"
-            >查询</el-button
-          >
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <!-- 新增 -->
-    <el-button
-      class="operation"
-      type="primary"
-      plain
-      size="medium"
-      @click="addAmount"
-      >新增</el-button
-    >
-
-    <!-- 表格 -->
-    <kt-common-table
-      :operationWidth="operationWidth"
-      class="ktTable"
-      permsEdit="sys:agent:view"
-      ref="dataTable"
-      :data="pageResult"
-      :columns="columns"
-      :showBatchDelete="true"
-      :showOperation="true"
-      editButtonName="修改"
-      :button1Name="button1Name"
-      @handleButton1="handleTableDelete"
-      @findPage="findPage"
-      @handleEdit="handleTableEdit"
-      :isshowpagination="true"
-    ></kt-common-table>
-
-    <!-- 新增弹出框 -->
-    <el-dialog
-      class="dialog"
-      title="新增"
-      :close-on-click-modal="false"
-      :before-close="handleClose"
-      :visible.sync="dialogFormVisible"
-      width=" 770px"
-    >
-      <el-form
-        :model="addform"
-        :rules="rules"
-        ref="addform"
-        label-width="120px"
-        size="small"
-        class="frame"
-      >
-        <el-row>
-          <el-col :span="12">
-            <el-form-item
-              label="营业性质"
-              :label-width="formLabelWidth"
-              prop="qualityId"
-            >
-              <el-select
-                v-model="addform.qualityId"
-                placeholder="请选择营业性质"
-                @change="changeDept"
-              >
-                <el-option
-                  v-for="item in natureBusinessList"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item
-              label="所属地"
-              :label-width="formLabelWidth"
-              prop="areaName"
-            >
-              <el-input
-                v-model="addform.areaName"
-                autocomplete="off"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item
-              label="企业名称"
-              :label-width="formLabelWidth"
-              prop="enterpriseName"
-            >
-              <el-input
-                v-model="addform.enterpriseName"
-                autocomplete="off"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item
-              label="法人"
-              :label-width="formLabelWidth"
-              prop="legalPerson"
-            >
-              <el-input
-                v-model="addform.legalPerson"
-                autocomplete="off"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item
-              label="税率(%)"
-              :label-width="formLabelWidth"
-              prop="taxRate"
-            >
-              <el-input-number
-                v-model="addform.taxRate"
-                @change="handleChange"
-                :min="0"
-                :max="10"
-                label="描述文字"
-              ></el-input-number>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12"
-            ><el-form-item label="成立日期" prop="foundDate"
-              ><el-date-picker
-                v-model="addform.foundDate"
-                type="date"
-                placeholder="选择日期"
-                value-format="yyyy-MM-dd"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item
-              label="管理员"
-              :label-width="formLabelWidth"
-              prop="管理员"
-            >
-              <el-input v-model="addform.admin" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item
-              label="报税限额度(年)"
-              :label-width="formLabelWidth"
-              prop="taxLimit"
-            >
-              <el-input v-model="addform.taxLimit"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="resetForm('addform')" size="small">取 消</el-button>
-        <el-button type="primary" @click="submitForm('addform')" size="small"
-          >确 定</el-button
-        >
-      </div>
-    </el-dialog>
-    <!-- 修改弹出框 -->
-    <el-dialog
-      class="dialog"
-      title="编辑信息"
-      :close-on-click-modal="false"
-      :visible.sync="dialogForm"
-      width=" 770px"
-    >
-      <el-form
-        :model="editform"
-        :rules="rules"
-        ref="editform"
-        label-width="120px"
-        size="small"
-        class="frame"
-      >
-        <el-row>
-          <el-col :span="12">
-            <el-form-item
-              label="营业性质"
-              :label-width="formLabelWidth"
-              prop="qualityId"
-            >
-              <el-select
-                v-model="editform.qualityId"
-                placeholder="请选择营业性质"
-                @change="changeDept1"
-              >
-                <el-option
-                  v-for="item in natureBusinessList"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item
-              label="所属地"
-              :label-width="formLabelWidth"
-              prop="areaName"
-            >
-              <el-input
-                v-model="editform.areaName"
-                autocomplete="off"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item
-              label="企业名称"
-              :label-width="formLabelWidth"
-              prop="enterpriseName"
-            >
-              <el-input
-                v-model="editform.enterpriseName"
-                autocomplete="off"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item
-              label="法人"
-              :label-width="formLabelWidth"
-              prop="legalPerson"
-            >
-              <el-input
-                v-model="editform.legalPerson"
-                autocomplete="off"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item
-              label="税率(%)"
-              :label-width="formLabelWidth"
-              prop="taxRate"
-            >
-              <el-input-number
-                v-model="editform.taxRate"
-                @change="handleChange"
-                :min="0"
-                :max="10"
-                label="描述文字"
-              ></el-input-number>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12"
-            ><el-form-item label="成立日期" prop="foundDate"
-              ><el-date-picker
-                v-model="editform.foundDate"
-                type="date"
-                placeholder="选择日期"
-                value-format="yyyy-MM-dd"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item
-              label="管理员"
-              :label-width="formLabelWidth"
-              prop="管理员"
-            >
-              <el-input v-model="editform.admin" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item
-              label="报税限额度(年)"
-              :label-width="formLabelWidth"
-              prop="taxLimit"
-            >
-              <el-input v-model="editform.taxLimit"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="reset('editform')" size="small">取 消</el-button>
-        <el-button type="primary" @click="determine" size="small"
-          >确 定</el-button
-        >
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
-import KtButton from "@/views/Core/KtButton"; // 按钮权限组件
-import CommonUtil from "@/utils/comutil.js";
-
-export default {
-  name: "InvoiceInformation",
-  components: { KtCommonTable, KtButton },
-  created() {
-    this.business(); //营业性质
-    this.findEnterpriseNameList(); //获取企业下拉框数据
-  },
-  mounted() {},
-  data() {
-    return {
-      operationWidth: 300, //操作列宽度
-      queryFrom: {
-        value1: "",
-        qualityId: "",
-        enterpriseName: "",
-        enterpriseId: "",
-      },
-
-      button1Name: "删除",
-      pageResult: {},
-      pageRequest: {
-        //查询的默认条件
-        startInvoiceDate: "",
-        endInvoiceDate: "",
-        enterpriseId: "", //企业id
-        pageNum: 1,
-        pageSize: 10,
-        qualityId: "", //营业性质
-      },
-      columns: [
-        // 数据列
-        {
-          prop: "qualityName",
-          label: "营业性质",
-          minWidth: 80,
-          sortable: false,
-        },
-
-        { prop: "areaName", label: "所属地", minWidth: 150, sortable: false },
-        {
-          prop: "enterpriseName",
-          label: "企业名称",
-          minWidth: 160,
-          sortable: false,
-        },
-        {
-          prop: "legalPerson",
-          label: "法人",
-          minWidth: 80,
-          sortable: false,
-        },
-        {
-          prop: "taxRate",
-          label: "税率",
-          minWidth: 70,
-          sortable: false,
-        },
-        {
-          prop: "foundDate",
-          label: "成立日期",
-          minWidth: 140,
-          sortable: false,
-        },
-        {
-          prop: "taxLimit",
-          label: "总开票额",
-          minWidth: 80,
-          sortable: false,
-        },
-        {
-          prop: "invoicedMoney",
-          label: "已开票额",
-          minWidth: 80,
-          sortable: false,
-        },
-        {
-          prop: "notInvoicedMoney",
-          label: "未开票额",
-          minWidth: 80,
-          sortable: false,
-        },
-      ],
-      //查询信息
-      checked: false, //选项
-      dialogFormVisible: false, //新增弹出框
-      dialogForm: false, //编辑弹出框
-      formLabelWidth: "120px",
-      num: 1, //发票数
-      addform: {
-        qualityName: "", //营业性质
-        areaName: "", //所属地
-        enterpriseName: "", //企业名称
-        legalPerson: "", //法人
-        taxRate: 0, //税率
-        foundDate: "", //成立日期
-        taxLimit: "", //报税限额度（年）
-        admin: "", //管理员
-        qualityId: "", //营业性质ID
-        enterpriseId: "", //企业名称ID
-      },
-      editform: {
-        qualityName: "", //营业性质
-        areaName: "", //所属地
-        enterpriseName: "", //企业名称
-        legalPerson: "", //法人
-        taxRate: 0, //税率
-        foundDate: "", //成立日期
-        taxLimit: "", //报税限额度（年）
-        admin: "", //管理员
-        qualityId: "", //营业性质ID
-        enterpriseId: "", //企业名称ID
-      },
-      //下拉框数据字典
-      natureBusinessList: [], //营业性质
-      rules: {
-        legalPerson: [
-          { required: true, message: "请输入法人名称", trigger: "blur" },
-          { min: 2, max: 5, message: "长度在 2 到 6 个字符", trigger: "blur" },
-        ],
-        qualityId: [
-          { required: true, message: "请选择营业性质", trigger: "change" },
-        ],
-        areaName: [
-          { required: true, message: "请输入所属地", trigger: "blur" },
-        ],
-        enterpriseName: [
-          { required: true, message: "请输入企业名称", trigger: "blur" },
-        ],
-        foundDate: [
-          {
-            required: true,
-            message: "请选择成立日期",
-            trigger: "change",
-          },
-        ],
-      },
-      id: "",
-      enterpriseNameList: [], //下拉框企业名称集合
-    };
-  },
-  methods: {
-    //获取企业下拉框数据
-    findEnterpriseNameList() {
-      let params = {
-        pageNum: 1,
-        pageSize: 10,
-        startInvoiceDate: "",
-        endInvoiceDate: "",
-        enterpriseId: "", //企业id
-        qualityId: "", //营业性质
-      };
-      this.$api.dict.companyFindPage(params).then((res) => {
-        console.log(res);
-        // this.pageResult = res.data;
-        this.enterpriseNameList = res.data.content;
-      });
-    },
-    findPage(data) {
-      if (data && data.pageRequest) {
-        this.pageRequest.pageNum = data.pageRequest.pageNum;
-        this.pageRequest.pageSize = data.pageRequest.pageSize;
-      }
-      this.$api.dict
-        .companyFindPage(this.pageRequest)
-        .then((res) => {
-          this.pageResult = res.data;
-          // this.enterpriseNameList = res.data.content;
-        })
-        .then(data != null ? data.callback : "");
-    },
-    //营业性质下拉框
-    changeDept(value) {
-      this.natureBusinessList.forEach((item) => {
-        if (item.value == value) {
-          this.addform.qualityId = item.value;
-          this.addform.qualityName = item.label;
-        }
-      });
-    },
-    changeDept1(value) {
-      this.natureBusinessList.forEach((item) => {
-        if (item.value == value) {
-          this.editform.qualityName = item.label;
-        }
-      });
-    },
-    changeEnterprise(value) {},
-    //formatter---营业性质
-    natureBusinessFormatter(row) {
-      let nature_business = row.nature_business;
-      return CommonUtil.getDataName({
-        dataList: this.natureBusinessList,
-        value: "value",
-        label: "label",
-        data: nature_business,
-      });
-    },
-
-    //营业性质数据字典
-    business() {
-      let typeName = "nature_business";
-      this.$api.dict.findByLableName(typeName).then((res) => {
-        this.natureBusinessList = res.data;
-      });
-    },
-    // 查询
-    queryStaffInfo() {
-      if (
-        this.queryFrom.value1 == undefined ||
-        this.queryFrom.value1 == null ||
-        this.queryFrom.value1 == ""
-      ) {
-        (this.pageRequest.startInvoiceDate = ""),
-          (this.pageRequest.endInvoiceDate = "");
-      } else {
-        this.pageRequest.startInvoiceDate = this.queryFrom.value1[0];
-        this.pageRequest.endInvoiceDate = this.queryFrom.value1[1];
-      }
-      this.pageRequest.enterpriseId = this.queryFrom.enterpriseId; //企业名称id
-      this.pageRequest.qualityId = this.queryFrom.qualityId; //营业性质id
-      this.pageRequest.pageNum = 1;
-      this.findPage();
-    },
-    addAmount() {
-      this.dialogFormVisible = true;
-    },
-    handleClose() {
-      this.dialogFormVisible = false;
-      this.$refs.addform.resetFields();
-    },
-    handleTableDelete(index) {
-      // console.log("删除", index);
-      this.$message({ message: "暂不支持删除操作", type: "warning" });
-    },
-    //发票数
-    handleChange() {},
-    //新增取消重置
-    resetForm(addform) {
-      this.dialogFormVisible = false;
-      this.$refs[addform].resetFields();
-    },
-    //修改取消重置
-    reset(editform) {
-      this.dialogForm = false;
-      this.$refs[editform].resetFields();
-    },
-    //修改
-    handleTableEdit(index) {
-      console.log(index);
-      this.id = index.row.id;
-      let data = index.row;
-      this.editform = { ...data };
-      this.dialogForm = true;
-    },
-    //修改提交
-    determine() {
-      this.$refs["editform"].validate((valid) => {
-        if (valid) {
-          let params = {
-            admin: this.editform.admin,
-            areaName: this.editform.areaName,
-            enterpriseName: this.editform.enterpriseName,
-            foundDate: this.editform.foundDate,
-            legalPerson: this.editform.legalPerson,
-            qualityId: this.editform.qualityId,
-            qualityName: this.editform.qualityName,
-            taxLimit: this.editform.taxLimit,
-            taxRate: String(this.editform.taxRate),
-            id: this.id,
-          };
-          console.log(params);
-          this.$api.dict.companySave(params).then((res) => {
-            if (res.code == "200") {
-              this.$message({ message: "修改成功！", type: "success" });
-              this.dialogFormVisible = false;
-            } else {
-              this.$message({
-                message: `修改失败, ${res.msg}`,
-                type: "error",
-              });
-            }
-            this.findPage();
-            this.dialogForm = false;
-          });
-        } else {
-          return false;
-        }
-      });
-    },
-    //提交
-    submitForm(addform) {
-      let params = {
-        admin: this.addform.admin,
-        areaName: this.addform.areaName,
-        enterpriseName: this.addform.enterpriseName,
-        foundDate: this.addform.foundDate,
-        legalPerson: this.addform.legalPerson,
-        qualityId: this.addform.qualityId,
-        qualityName: this.addform.qualityName,
-        taxLimit: this.addform.taxLimit,
-        taxRate: String(this.addform.taxRate),
-      };
-      console.log(params);
-      this.$refs[addform].validate((valid) => {
-        if (valid) {
-          this.$api.dict.companySave(params).then((res) => {
-            if (res.code == 200) {
-              this.$message({
-                message: "添加成功",
-                type: "success",
-              });
-            } else {
-              this.$message({
-                message: `添加失败, ${res.msg}`,
-                type: "error",
-              });
-            }
-            this.dialogFormVisible = false;
-            this.findPage();
-          });
-        } else {
-          return false;
-        }
-      });
-    },
-  },
-};
-</script>
-
-<style scoped>
-.operation {
-  margin-left: 14px !important;
-  margin-top: 15px !important ;
-}
-.form {
-  display: flex;
-  margin-top: 14px;
-  align-items: center;
-  margin-left: -12px;
-  margin-bottom: 20px;
-}
-.el-pagination {
-  font-weight: normal;
-}
-.el-card__body {
-  padding: 12px !important;
-}
-.footer .footerdiv {
-  display: flex;
-  align-items: center;
-}
-.container .el-form-item {
-  margin-bottom: -14px !important;
-}
-.form .el-form-item__label {
-  font-size: 15px !important;
-  font-weight: 600 !important;
-}
-
-.ktTable {
-  margin-top: 20px;
-}
-.el-row {
-  margin-top: 18px;
-}
-.top {
-  margin-top: 0px;
-}
-.el-date-editor--daterange.el-input__inner {
-  width: 300px;
-}
-.frame .el-form-item .el-input {
-  width: 220px;
-}
-.frame .el-form-item .el-select {
-  width: 220px;
-}
-</style>

src/views/FinancialManagement/InvoiceInformation.vue

@@ -1,842 +0,0 @@
-<template>
-  <!--布局容器-->
-  <div class="container" style="width: 99%; margin-top: 0px">
-    <templateTable :formList="formList" :searchData.sync="queryFrom" :tableConfig="tableConfig" :btnGroup="btnGroup"
-      :data="pageResult" @getList="findPage" @handleSearchList="handleSearchList" :pagination="pageData">
-    </templateTable>
-    <!-- 新增弹出框 -->
-    <el-dialog :title="dialogTitle" class="dialog" :close-on-click-modal="false" :before-close="handleClose"
-      :visible.sync="dialogFormVisible" width="900px">
-      <el-form class="frame" :model="dataform" label-width="120px" size="small" :rules="rules" :disabled="isDisabled"
-        ref="dataform">
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="开票日期" prop="invoiceDate"><el-date-picker v-model="dataform.invoiceDate" type="date"
-                placeholder="选择日期" value-format="yyyy-MM-dd">
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开票员" prop="invoiceClerk">
-              <el-input v-model="dataform.invoiceClerk" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row type="flex" justify="center">
-          <el-col :span="12">
-            <el-form-item label="开票方" prop="invCompanyId">
-              <el-select v-model="dataform.invCompanyId" placeholder="请选择开票方" @change="invCompanyChange">
-                <el-option v-for="item in invCompanyNameList" :key="item.id" :label="item.enterpriseName"
-                  :value="item.id"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开票科目" prop="subjectsId">
-              <el-select v-model="dataform.subjectsId" placeholder="请选择开票科目" @change="changeDept">
-                <el-option v-for="item in subjectstList" :key="item.value" :label="item.label"
-                  :value="item.value"></el-option>
-              </el-select> </el-form-item></el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="对方单位名称" prop="peerCompanyName">
-              <el-input v-model="dataform.peerCompanyName" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="发票类型" prop="invoiceType">
-              <el-select v-model="dataform.invoiceType" placeholder="请选择发票类型" @change="invoiceChange">
-                <el-option v-for="item in incoiceList" :key="item.value" :label="item.label"
-                  :value="item.value"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="开票金额" prop="invoiceAmount">
-              <el-input v-model.trim="dataform.invoiceAmount" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="发票号码" prop="invoiceNum">
-              <el-input v-model="dataform.invoiceNum" autocomplete="off"></el-input> </el-form-item></el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="不含税收入" prop="taxExclusivePrice">
-              <el-input disabled v-model="dataform.taxExclusivePrice"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="发票数" prop="invoiceQuantity">
-              <el-input v-model.trim="dataform.invoiceQuantity"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="税额" prop="taxAmounts">
-              <el-input v-model="dataform.taxAmounts" disabled></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="税率(%)" prop="taxRate">
-              <el-input v-model="dataform.taxRate"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <!-- <el-form-item label="备注" prop="remark">
-          <el-input type="textarea" v-model="dataform.remark"></el-input>
-        </el-form-item> -->
-      </el-form>
-      <el-divider v-if="isDisabled"></el-divider>
-      <el-form v-if="isDisabled" class="frame" :model="dataCollection" label-width="120px" size="small"
-        :rules="rulesCollection" :disabled="isWholeDisabled" ref="dataCollection">
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="未进账金额" prop="notIncomeMoney"> <el-input disabled v-model="notIncomeMoney"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="未出账金额" prop="notOutMoney">
-              <el-input disabled v-model="notOutMoney"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="利润合计" prop="totalProfit"> <el-input disabled v-model="dataCollection.totalProfit"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="已提利润" prop="profitApplied">
-              <el-input v-model="dataCollection.profitApplied"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="利润点(%)" prop="profitPoint"> <el-input
-                v-model.trim="dataCollection.profitPoint"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="手续费" prop="procedureFee">
-              <el-input v-model.trim="dataCollection.procedureFee"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-button style="margin-left:30px" type="success" size="small" @click="addIncome()">添加进账</el-button>
-        <el-row v-for="(val, index) in dataCollection.incomeList" :key="index">
-          <el-col :span="10">
-            <el-form-item :label="'进账金额' + (index + 1)" :prop="'incomeList.' + index + '.incomeMoney'"
-              :rules="rulesCollection.incomeMoney"> <el-input v-model="val.incomeMoney"
-                @change="incomeMoneyFun(val.incomeMoney, index)" @input='provingChange($event, "incomeMoney")'></el-input>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="10">
-            <el-form-item :label="'进账日期' + (index + 1)" :prop="'incomeList.' + index + '.incomeDate'">
-              <el-date-picker type="date" size="small" v-model="val.incomeDate" placeholder="选择日期"
-                @input='provingChange($event, "incomeDate")' value-format="yyyy-MM-dd"></el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="4">
-            <el-button type="primary" size="small" @click="deleteIncome(index)">删除</el-button>
-          </el-col>
-          <el-col :span="10" style="margin-top:10px">
-            <el-form-item :label="'出账金额' + (index + 1)" :prop="'incomeList.' + index + '.outIncomeMoney'"> <el-input
-                v-model="val.outIncomeMoney" disabled @input='provingChange($event, "outIncomeMoney")'></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="10" style="margin-top:10px">
-            <el-form-item :label="'出账日期' + (index + 1)" :prop="'incomeList.' + index + '.outIncomeDate'">
-              <el-date-picker type="date" size="small" v-model="val.outIncomeDate" placeholder="选择日期"
-                @input='provingChange($event, "outIncomeDate")' value-format="yyyy-MM-dd"></el-date-picker>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="21">
-            <el-form-item label="备注" prop="remark"> <el-input type="textarea" v-model="dataCollection.remark"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="resetForm('dataform')" size="small">取 消</el-button>
-        <el-button v-if="dialogTitle!=='查看发票信息'" type="primary" @click="submitForm()" size="small">确 定</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-
-<script>
-import { limitNumber } from "../../utils/validate.js";
-import templateTable from '@/components/TemplateTable/index.vue'
-
-export default {
-  name: "InvoiceInformation",
-  components: { templateTable },
-  created() {
-    //获取所有下拉框数据
-    this.subjectsFn(); //开票科目
-    this.incoiceType(); //发票类型
-    this.EnterpriseName(); //开票方
-    this.findPage()
-
-  },
-  computed: {
-    notIncomeMoney: {
-      get: function () {
-        let a
-        if (this.dataCollection.incomeList[0].incomeMoney) {
-          a = 0
-          this.dataCollection.incomeList.forEach(val => {
-            a += Number(val.incomeMoney)
-          })
-          a = Number(this.dataform.invoiceAmount) - a
-        }
-        else {
-          a = this.dataform.invoiceAmount
-        }
-        return a
-      },
-      set: function (value) {
-        this.dataform.invoiceAmount = value
-      },
-    },
-    notOutMoney: {
-      get: function () {
-        let a
-        if (this.dataCollection.incomeList[0].outIncomeMoney) {
-          a = 0
-          this.dataCollection.incomeList.forEach(val => {
-            a += Number(val.outIncomeMoney)
-          })
-          a = Number(this.dataform.invoiceAmount) - a
-        }
-        else {
-          a = this.dataform.invoiceAmount
-        }
-        return a
-      },
-      set: function (value) {
-        this.dataform.invoiceAmount = value
-      },
-    },
-  },
-  watch: {
-    // 开票金额
-    'dataform.invoiceAmount'(newVal, oldVal) {
-      if (newVal && limitNumber(newVal)) {
-        if (this.dataform.taxRate) {
-          this.dataform.taxExclusivePrice = (Number(newVal) / (1 + Number(this.dataform.taxRate))).toFixed(2)
-          this.dataform.taxAmounts = (Number(newVal) / (1 + Number(this.dataform.taxRate)) * Number(this.dataform.taxRate)).toFixed(2)
-        }
-      }
-    },
-    // 税率
-    'dataform.taxRate'(newVal, oldVal) {
-      if (newVal && limitNumber(newVal)) {
-        if (this.dataform.invoiceAmount) {
-          this.dataform.taxExclusivePrice = (Number(this.dataform.invoiceAmount) / (1 + Number(newVal))).toFixed(2)
-          this.dataform.taxAmounts = (Number(this.dataform.invoiceAmount) / (1 + Number(newVal)) * Number(newVal)).toFixed(2)
-        }
-      }
-    },
-    // 利润点
-    'dataCollection.profitPoint'(newVal) {
-      if (newVal && limitNumber(newVal)) {
-        let valData = Number(newVal)
-        this.dataCollection.incomeList.forEach((val, index) => {
-          if (val.incomeMoney) {
-            this.dataCollection.incomeList[index].outIncomeMoney = ((1 - valData) * Number(val.incomeMoney)).toFixed(2)
-          }
-        })
-
-        if (this.dataCollection.procedureFee) {
-          this.dataCollection.totalProfit = (Number(this.dataform.invoiceAmount) * valData - Number(this.dataCollection.procedureFee)).toFixed(2)
-        }
-      }
-
-    },
-    // 手续费
-    'dataCollection.procedureFee'(newVal) {
-      if (newVal && limitNumber(newVal)) {
-        if (this.dataCollection.profitPoint) {
-          this.dataCollection.totalProfit = (Number(this.dataform.invoiceAmount) * Number(this.dataCollection.profitPoint) - Number(newVal)).toFixed(2)
-        }
-      }
-    },
-  },
-  data() {
-    const validateSz = (rule, value, callback) => {
-      if (!value && rule.field == "invoiceAmount") {
-        callback(new Error("请填写开票金额"));
-      }
-      if (!value && rule.field == "invoiceQuantity") {
-        callback(new Error("请填写发票数"));
-      }
-      if (value && !limitNumber(value)) {
-        callback(new Error("请输入整数或者保留两位小数！"));
-      }
-      callback()
-    };
-    const valiaDigit = (rule, value, callback) => {
-      if (value && !limitNumber(value)) {
-        callback(new Error("请输入整数或者保留两位小数！"));
-      }
-    }
-    return {
-      formList: [
-        {
-          label: "开票员",
-          prop: "invoiceClerk",
-          type: 'input'
-        },
-        {
-          label: "开票方",
-          prop: "invCompanyName",
-          type: 'input'
-        },
-        {
-          label: "对方单位名称",
-          prop: "peerCompanyName",
-          type: 'input'
-        },
-        {
-          label: "开票日期",
-          prop: "invoiceDate",
-          type: 'date'
-        },
-        {
-          label: "开票科目",
-          prop: "subjects",
-          type: "select",
-          options: this.subjectstList
-        },
-        {
-          label: "发票类型",
-          prop: "status",
-          type: "select",
-          options: JSON.parse(localStorage.getItem('user_statusoptions'))
-        },
-      ],
-      btnGroup: [{
-        name: '新增（外部合同开票）',
-        click: () => { return this.add() },
-      }, {
-        name: '新增（手续费开票）',
-        click: () => { return this.addTwo() },
-      },],
-      tableConfig: {
-        columns: [
-          // 数据列
-          { prop: "invoiceClerk", label: "开票员", type: 'text' },
-          {
-            prop: "subjects",
-            label: "开票科目", type: 'text',
-          },
-          { prop: "invCompanyName", label: "开票方", type: 'text', },
-
-          { prop: "peerCompanyName", label: "对方单位名称", type: 'text', },
-          { prop: "invoiceNum", label: "发票号码", type: 'text', },
-          {
-            prop: "invoiceDate",
-            label: "开票日期",
-            type: 'text',
-          },
-          {
-            prop: "taxExclusivePrice",
-            label: "不含税金额",
-            type: 'text',
-          },
-        ],
-        loading: true,
-        isPaginationShow: true,
-        isShowIndex: true,
-        operationWidth: '120',
-        optBtns: [
-          {
-            type: 'primary',
-            label: '添加回款',
-            type: 'text',
-            click: (row, index) => { return this.addCollection(row) },
-          },
-          {
-            type: 'primary',
-            label: '修改',
-            type: 'text',
-            click: (row, index) => { return this.handleTableEdit(row) },
-          },
-          {
-            type: 'primary',
-            label: '查看',
-            type: 'text',
-            click: (row, index) => { return this.handleTableDetail(row) },
-          },
-          {
-            type: 'primary',
-            label: '删除',
-            type: 'text',
-            click: (row, index) => { return this.handleTableDelete(row) },
-          }
-        ]
-      },
-      pageData: {
-        pageNum: 1,
-        pageSize: 10,
-        totalSize: 0
-      },
-      nvoicingCategory: '1',
-      isDisabled: false,
-      isWholeDisabled: false,
-      dialogTitle: '新增发票信息',
-      incomeList: [{
-        incomeDate: '',
-        incomeMoney: '',
-        outIncomeDate: '',
-        outIncomeMoney: ''
-      }],
-      pageResult: [], //表格数据
-      //顶部查询信息
-      queryFrom: {}, //查询信息
-      dialogFormVisible: false, //新增弹出框
-      dialogForm: false, //修改弹出框
-      form: {},
-      dataCollection: {
-        incomeList: [{
-          incomeDate: '',
-          incomeMoney: '',
-          outIncomeDate: '',
-          outIncomeMoney: ''
-        }],
-      },
-      //新增弹出框信息
-      dataform: {},
-      formLabelWidth: "120px",
-      subjectstList: [], //选择的开票科目
-      incoiceList: [], //选择的发票类型
-      approvalList: [], //字典状态数组
-      invCompanyNameList: [], //选择的开票方数组
-      rulesCollection: {
-        procedureFee: { required: false, trigger: "blur", validator: valiaDigit },
-        profitPoint: { required: false, trigger: "blur", validator: valiaDigit },
-        incomeMoney: { required: false, trigger: "change", validator: valiaDigit },
-      },
-      //表单验证
-      rules: {
-        invoiceClerk: [
-          { required: true, message: "请输入开票员", trigger: "blur" },
-        ],
-        // taxExclusivePrice: [
-        //   { required: true, message: "请输入不含金额税", trigger: "blur" },
-        // ],
-        invoiceNum: [
-          { required: true, message: "请输入开票号码", trigger: "blur" },
-        ],
-        subjectsId: [
-          { required: true, message: "请选择开票科目", trigger: "change" },
-        ],
-        invoiceType: [
-          { required: true, message: "请选择开票类型", trigger: "change" },
-        ],
-        invCompanyId: [
-          { required: true, message: "请选择开票方", trigger: "change" },
-        ],
-        peerCompanyName: [
-          { required: true, message: "请输入对方单位名称", trigger: "blur" },
-        ],
-        invoiceAmount: [{ required: true, trigger: "blur", validator: validateSz }],
-        invoiceDate: [
-          {
-            required: true,
-            message: "请选择开票日期",
-            trigger: "change",
-          },
-        ],
-        invoiceQuantity: [{ required: true, trigger: "blur", validator: validateSz }],
-        taxRate: [
-          { required: true, message: "请输入", trigger: "blur" },
-        ],
-      },
-      subjectsId: "", //科目ID
-      invCompanyId: "", //开票方ID
-      checkList: [], //选中的选项集合
-      id: "", //每一项选中的id信息
-    };
-  },
-  methods: {
-    handleSearchList(data) {
-      this.findPage(data)
-    },
-    // 输入进账金额触发方法
-    incomeMoneyFun(val, index) {
-      if (val && limitNumber(val) && this.dataCollection.profitPoint) {
-        this.dataCollection.incomeList[index].outIncomeMoney = ((1 - Number(this.dataCollection.profitPoint)) * Number(this.dataCollection.incomeList[index].incomeMoney)).toFixed(2)
-      }
-    },
-    //字典---
-    subjectsFn() {
-      let typeName = "subjects";
-      this.$api.dict.findByLableName(typeName).then((res) => {
-        this.subjectstList = res.data;
-      });
-    },
-    incoiceType() {
-      let typeName = "invoice_type";
-      this.$api.dict.findByLableName(typeName).then((res) => {
-        this.incoiceList = res.data;
-      });
-    },
-    //--数据字典 end --
-    // handleSearchList(data) {
-    //   this.findPage(data)
-    // },
-    findPage(data) {
-      this.tableConfig.loading = true;
-      this.$api.dict
-        .queryPage({ ...this.pageData, ...data })
-        .then((res) => {
-          this.tableConfig.loading = false;
-          this.pageResult = res.data.content;
-          this.pageData.pageNum = res.data.pageNum;
-          this.pageData.pageSize = res.data.pageSize;
-          this.pageData.totalSize = res.data.totalSize;
-
-        })
-    },
-    statusChange(e) {
-      //状态选择事件
-      // this.pageRequest.approvalStatus = e;
-      // this.findPage();
-    },
-    //开票公司下拉框
-    EnterpriseName() {
-      this.$api.dict.companyFindList().then((res) => {
-        this.invCompanyNameList = res.data;
-        if (this.invCompanyNameList.length > 0) {
-          this.invCompanyNameList = this.invCompanyNameList.filter(
-            (item) =>
-              item.enterpriseName != "" &&
-              item.enterpriseName != null &&
-              item.enterpriseName != undefined
-          );
-          this.dataform.invCompanyName = this.invCompanyNameList[0].id;
-        } else {
-          this.dataform.invCompanyName = "";
-        }
-      });
-    },
-    // 添加进账
-    addIncome() {
-      this.dataCollection.incomeList.push({
-        incomeDate: '',
-        incomeMoney: '',
-        outIncomeDate: '',
-        outIncomeMoney: ''
-      })
-
-    },
-    deleteIncome(index) {
-      this.$confirm('是否删除该数据?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        if (this.dataCollection.incomeList.length > 1) {
-          this.dataCollection.incomeList.splice(index, 1)
-          this.$message({
-            type: 'success',
-            message: '删除成功!'
-          });
-        }
-        else {
-          this.$message.warning('至少添加一条数据！')
-        }
-      })
-
-    },
-    //新增外部合同开票
-    add() {
-      if(this.$refs.dataform){
-        this.$refs.dataform.resetFields();
-      }
-      this.nvoicingCategory = '1'
-      this.dialogTitle = '新增发票信息'
-      this.dataform = {}
-      this.dialogFormVisible = true;
-      this.isDisabled = false
-    },
-    //新增手续费开票
-    addTwo() {
-      if(this.$refs.dataform){
-        this.$refs.dataform.resetFields();
-      }
-      this.nvoicingCategory = '2'
-      this.dialogTitle = '新增发票信息'
-      this.dataform = {
-        invoiceDate:'',
-        invCompanyId:'',
-        subjectsId:'',
-        invoiceType:''
-      }
-      this.dialogFormVisible = true;
-      this.isDisabled = false
-
-    },
-    handleClose() {
-      this.dialogFormVisible = false;
-    },
-
-    //取消
-    resetForm() {
-      this.dialogFormVisible = false;
-    },
-    provingChange(e, name) {
-      // this.$forceUpdate();  
-      this.$delete(this.dataCollection, name)
-      this.$set(this.dataCollection, name, e);
-    },
-    getInterface(jiekou) {
-      if (this.dialogTitle == '新增发票信息' ||this.dialogTitle == '修改发票信息') {
-        this.$refs["dataform"].validate((valid) => {
-          if (valid) {
-            Number(this.dataform.taxExclusivePrice)
-            Number(this.dataform.taxAmounts)
-            jiekou({ invoiceInfo: this.dataform }).then((res) => {
-              if (res.code == "200") {
-                this.$message({ message: "添加成功！", type: "success" });
-                this.dialogFormVisible = false;
-              } else {
-                this.$message({
-                  message: `添加失败，请重新添加, ${res.msg}`,
-                  type: "error",
-                });
-              }
-              this.findPage();
-            });
-          } else {
-            return false;
-          }
-        });
-      }
-      if (this.dialogTitle == "回款信息") {
-        let invoiceInfo = { ...this.dataform, ...this.dataCollection }
-        this.$api.dict.invoiceInfoSave({ invoiceInfo, invoiceInfoInOutList: this.dataCollection.incomeList }).then((res) => {
-          if (res.code == "200") {
-            this.$message({ message: "添加成功！", type: "success" });
-            this.dialogFormVisible = false;
-          } else {
-            this.$message({
-              message: `添加失败，请重新添加, ${res.msg}`,
-              type: "error",
-            });
-          }
-          this.findPage();
-        });
-      }
-    },
-    //新增提交
-    submitForm() {
-      this.dataCollection.notOutMoney = this.notOutMoney
-      this.dataCollection.notIncomeMoney = this.notIncomeMoney
-      this.dataCollection.incomeList.forEach(val => val.id = this.dataform.id)
-      if (this.nvoicingCategory == '1') {
-        this.getInterface(this.$api.dict.saveTypeOne)
-      }
-      else {
-        this.getInterface(this.$api.dict.saveTypeTwo)
-      }
-    },
-    //选择开票科目传参文字
-    changeDept(value) {
-      this.subjectstList.forEach((item) => {
-        if (item.value == value) {
-          this.subjectsId = item.value;
-          this.dataform.subjects = item.label;
-          this.form.subjects = item.label;
-        }
-      });
-    },
-    //发票类型
-    invoiceChange(value) {
-      this.incoiceList.forEach((item) => {
-        if (item.value == value) {
-          this.dataform.invoiceType = item.label;
-        }
-      });
-    },
-    invoiceChange1(value) {
-      this.incoiceList.forEach((item) => {
-        if (item.value == value) {
-          this.form.invoiceType = item.label;
-        }
-      });
-    },
-    //弹出框-开票方
-    invCompanyChange(value) {
-      this.invCompanyNameList.forEach((item) => {
-        if (item.id == value) {
-          this.invCompanyId = item.id;
-          this.dataform.invCompanyName = item.enterpriseName;
-          this.form.invCompanyName = item.enterpriseName;
-        }
-      });
-    },
-
-    //修改
-    handleTableEdit(row) {
-      if(this.$refs.dataform){
-        this.$refs.dataform.resetFields();
-      }
-      this.dialogTitle = '修改发票信息'
-      this.isDisabled = false
-      this.isWholeDisabled = false
-      this.dataform = { ...row };
-      this.dialogFormVisible = true;
-    },
-    // 查看
-    handleTableDetail(row) {
-      this.dialogTitle = '查看发票信息'
-      this.$api.dict.invDetails(row.id).then(res => {
-        if (res.code == 200) {
-          if (res.data.invoiceInfoInOutList.length == 0) {
-            res.data.invoiceInfoInOutList = [{
-              incomeDate: '',
-              incomeMoney: '',
-              outIncomeDate: '',
-              outIncomeMoney: ''
-            }]
-          }
-          this.dataform = res.data.invoiceInfo
-          this.dataCollection = res.data.invoiceInfo
-          this.dataCollection.incomeList = res.data.invoiceInfoInOutList
-          this.isDisabled = true
-          this.isWholeDisabled = true
-          this.dialogFormVisible = true;
-        }
-        else {
-          this.$message.error(res.msg);
-        }
-      })
-    },
-    //删除
-    handleTableDelete(row) {
-
-    },
-    // 添加回款
-    addCollection(row) {
-      this.$api.dict.invDetails(row.id).then(res => {
-        if (res.code == 200) {
-          if (Object.keys(res.data.invoiceInfoInOutList).length === 0) {
-            this.dataCollection = {
-              ...res.data.invoiceInfo, incomeList: [{
-                incomeDate: '',
-                incomeMoney: '',
-                outIncomeDate: '',
-                outIncomeMoney: ''
-              }]
-            }
-          }
-          else {
-            res.data.invoiceInfoInOutList.forEach(val => val.incomeMoney = val.incomeMoney + '')
-            this.dataCollection = { ...res.data.invoiceInfo, incomeList: res.data.invoiceInfoInOutList }
-          }
-          this.dataform = res.data.invoiceInfo
-          this.isDisabled = true
-          this.isWholeDisabled = false
-          this.dialogFormVisible = true;
-          this.dialogTitle = '回款信息'
-        }
-        else {
-          this.$message.error(res.msg);
-        }
-      })
-
-    }
-
-  },
-};
-</script>
-
-<style scoped>
-.el-input--suffix .el-input__inner {
-  padding-right: 60px !important;
-}
-
-.operation {
-  margin-left: 14px !important;
-  margin-top: 15px !important;
-}
-
-.dialog-footer {
-  margin-top: -20px !important;
-}
-
-.dialog .el-dialog__body {
-  padding: 30px 20px 5px !important;
-}
-
-.form {
-  display: flex;
-  margin-left: -12px !important;
-}
-
-.el-pagination {
-  font-weight: normal !important;
-}
-
-.footer {
-  z-index: 500;
-  position: fixed;
-  margin: 10px 0;
-  position: fixed;
-  bottom: -9px;
-  left: 210px;
-  right: 25px;
-  line-height: var(--footer-height);
-  color: #fff;
-}
-
-.el-card__body {
-  padding: 12px !important;
-}
-
-.footer .footerdiv {
-  display: flex !important;
-  align-items: center !important;
-}
-
-.frame .el-form-item {
-  margin-bottom: 7px !important;
-}
-
-.form .el-form-item__label {
-  font-size: 15px !important;
-  font-weight: 600 !important;
-}
-
-.el-row {
-  margin-top: 10px !important;
-}
-
-.el-textarea {
-  margin-top: 10px !important;
-}
-
-.frame .el-form-item .el-input {
-  width: 220px !important;
-}
-
-.frame .el-form-item .el-select {
-  width: 220px !important;
-}
-</style>