From 310f3a717b5dd4055874e154540327f3a1f77425 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 8 Sep 2023 09:08:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=88=E4=BB=B6=E5=BD=95=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/caseAccess/caseEntry.js         |  10 +
 src/views/caseAccessAll/batchFiling.vue | 284 ++++++++++++++
 src/views/caseAccessAll/caseAccess.vue  |  15 -
 src/views/caseAccessAll/caseEntry.vue   | 489 ++++++++++++++++++++++++
 vue.config.js                           |   9 +-
 5 files changed, 790 insertions(+), 17 deletions(-)
 create mode 100644 src/api/caseAccess/caseEntry.js
 create mode 100644 src/views/caseAccessAll/batchFiling.vue
 delete mode 100644 src/views/caseAccessAll/caseAccess.vue
 create mode 100644 src/views/caseAccessAll/caseEntry.vue

diff --git a/src/api/caseAccess/caseEntry.js b/src/api/caseAccess/caseEntry.js
new file mode 100644
index 0000000..b77e920
--- /dev/null
+++ b/src/api/caseAccess/caseEntry.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 查询在线用户列表
+export function list(query) {
+  return request({
+    url: '/monitor/online/list',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/src/views/caseAccessAll/batchFiling.vue b/src/views/caseAccessAll/batchFiling.vue
new file mode 100644
index 0000000..86e6c63
--- /dev/null
+++ b/src/views/caseAccessAll/batchFiling.vue
@@ -0,0 +1,284 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      label-width="68px"
+    >
+      <el-form-item label="案件编号" prop="caseNumber">
+        <el-input
+          v-model="queryParams.caseNumber"
+          placeholder="请输入案件编号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="申请人" prop="applicant">
+        <el-input
+          v-model="queryParams.applicant"
+          placeholder="请输入申请人"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="batchFiling"
+          v-hasPermi="['monitor:job:add']"
+          >批量立案</el-button
+        >
+      </el-col>
+    </el-row>
+    <el-table
+      v-loading="loading"
+      :data="list.slice((pageNum - 1) * pageSize, pageNum * pageSize)"
+      style="width: 100%"
+    >
+      <el-table-column label="序号" type="index" align="center">
+        <template slot-scope="scope">
+          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="案件编号"
+        align="center"
+        prop="caseNumber"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="申请人"
+        align="center"
+        prop="applicant"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column label="案件标的" align="center" prop="matterofCase" />
+      <el-table-column
+        label="立案日期"
+        align="center"
+        prop="filingDate"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column label="仲裁方式" align="center" prop="ArbitrateMethod" />
+      <el-table-column label="案件状态" align="center" prop="caseStatus" />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="editRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-zoom-in"
+            @click="detailRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >详情</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="pageNum"
+      :limit.sync="pageSize"
+    />
+
+    <!-- 立案申请弹框 -->
+    <el-dialog
+      :title="dialogtitle"
+      :visible.sync="openapply"
+      width="800px"
+      append-to-body
+    >
+      <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+        <el-row>
+          <el-col :span="16">
+            <el-form-item label="申请人姓名：" prop="applyName">
+              <el-input v-model="form.jobName" placeholder="请输入姓名" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-button type="primary" @click="downloadTemplate">下载模板</el-button>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="立案申请书：" prop="applybook"> </el-form-item>
+          </el-col>
+          <el-col :span="12"> </el-col> -->
+        </el-row>
+        <el-row>
+          <el-form-item :span="24" label="批量立案信息上传：" prop="upload">
+            <el-upload
+              class="upload-demo"
+              action="https://jsonplaceholder.typicode.com/posts/"
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              multiple
+              :limit="3"
+              :on-exceed="handleExceed"
+              :file-list="fileList"
+            >
+              <el-button size="small" type="primary">点击上传</el-button>
+              <div slot="tip" class="el-upload__tip">
+                只能上传文件，且不超过500kb
+              </div>
+            </el-upload>
+          </el-form-item>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { list } from "@/api/caseAccess/caseEntry";
+export default {
+  name: "caseEntry",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      list: [],
+      pageNum: 1,
+      pageSize: 10,
+      // 查询参数
+      queryParams: {
+        caseNumber: undefined,
+        applicant: undefined,
+      },
+      dialogtitle: "", //弹框标题
+      openapply: false, //申请弹框控制
+      form: {}, // 表单参数
+      // 表单校验
+      rules: {
+        jobName: [
+          { required: true, message: "任务名称不能为空", trigger: "blur" },
+        ],
+        invokeTarget: [
+          {
+            required: true,
+            message: "调用目标字符串不能为空",
+            trigger: "blur",
+          },
+        ],
+        cronExpression: [
+          {
+            required: true,
+            message: "cron执行表达式不能为空",
+            trigger: "blur",
+          },
+        ],
+      },
+      starttime: "", //开始时间
+      endtime: "", //结束时间
+      fileList: [
+        // {
+        //   name: "food.jpeg",
+        //   url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
+        // },
+        // {
+        //   name: "food2.jpeg",
+        //   url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
+        // },
+      ],
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询登录日志列表 */
+    getList() {
+      this.loading = true;
+      list(this.queryParams).then((response) => {
+        this.list = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 立案申请
+    batchFiling() {
+      this.openapply = true;
+      this.dialogtitle = "批量立案";
+    },
+    // 提交立案申请
+    submitForm() {},
+    // 取消
+    cancel() {
+      this.openapply = false;
+    },
+    // 修改
+    editRow() {},
+    // 详情
+    detailRow() {},
+    // 下载模板
+    downloadTemplate() {
+        console.log('下载模板');
+    },
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePreview(file) {
+      console.log(file);
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(
+        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+          files.length + fileList.length
+        } 个文件`
+      );
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/caseAccessAll/caseAccess.vue b/src/views/caseAccessAll/caseAccess.vue
deleted file mode 100644
index 3aa3739..0000000
--- a/src/views/caseAccessAll/caseAccess.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-    <div>
-        案件接入
-    </div>
-</template>
-
-<script>
-    export default {
-        
-    }
-</script>
-
-<style lang="scss" scoped>
-
-</style>
\ No newline at end of file
diff --git a/src/views/caseAccessAll/caseEntry.vue b/src/views/caseAccessAll/caseEntry.vue
new file mode 100644
index 0000000..68e2221
--- /dev/null
+++ b/src/views/caseAccessAll/caseEntry.vue
@@ -0,0 +1,489 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      label-width="68px"
+    >
+      <el-form-item label="案件编号" prop="caseNumber">
+        <el-input
+          v-model="queryParams.caseNumber"
+          placeholder="请输入案件编号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="申请人" prop="applicant">
+        <el-input
+          v-model="queryParams.applicant"
+          placeholder="请输入申请人"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="filingApplication"
+          v-hasPermi="['monitor:job:add']"
+          >立案申请</el-button
+        >
+      </el-col>
+    </el-row>
+    <el-table
+      v-loading="loading"
+      :data="list.slice((pageNum - 1) * pageSize, pageNum * pageSize)"
+      style="width: 100%"
+    >
+      <el-table-column label="序号" type="index" align="center">
+        <template slot-scope="scope">
+          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="案件编号"
+        align="center"
+        prop="caseNumber"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="申请人"
+        align="center"
+        prop="applicant"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column label="案件标的" align="center" prop="matterofCase" />
+      <el-table-column
+        label="立案日期"
+        align="center"
+        prop="filingDate"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column label="仲裁方式" align="center" prop="ArbitrateMethod" />
+      <el-table-column label="案件状态" align="center" prop="caseStatus" />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="editRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-zoom-in"
+            @click="detailRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >详情</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="pageNum"
+      :limit.sync="pageSize"
+    />
+
+    <!-- 立案申请弹框 -->
+    <el-dialog
+      :title="dialogtitle"
+      :visible.sync="openapply"
+      width="1000px"
+      append-to-body
+    >
+      <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+        <p>案件信息：</p>
+        <hr />
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="案件编号：" prop="caseNumber">
+              <el-input
+                v-model="form.caseNumber"
+                placeholder="请输入案件编号"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="案件标的：" prop="matterofCase">
+              <el-input
+                v-model="form.matterofCase"
+                placeholder="请输入案件标的"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="借款开始日期：" prop="startTime">
+              <el-date-picker
+                v-model="starttime"
+                type="date"
+                placeholder="开始日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="借款开始日期：" prop="endTime">
+              <el-date-picker
+                v-model="endtime"
+                type="date"
+                placeholder="结束日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请人姓名：" prop="applyname">
+              <el-input v-model="form.jobGroup" placeholder="请输入姓名" />
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="24">
+            <el-form-item label="立案申请书：" prop="applybook">
+              <el-upload
+                class="upload-demo"
+                action="https://jsonplaceholder.typicode.com/posts/"
+                :on-preview="handlePreview"
+                :on-remove="handleRemove"
+                :before-remove="beforeRemove"
+                multiple
+                :limit="3"
+                :on-exceed="handleExceed"
+                :file-list="fileList"
+              >
+                <el-button size="small" type="primary">点击上传</el-button>
+                <div slot="tip" class="el-upload__tip">
+                  只能上传jpg/png文件，且不超过500kb
+                </div>
+              </el-upload>
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="合同编号：" prop="contractnum">
+              <el-input v-model="form.contractnum" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请人主张欠本金：" prop="principal">
+              <el-input v-model="form.principal" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请人主张欠利息：" prop="interest">
+              <el-input v-model="form.interest" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="还款方式：" prop="repayment">
+              <el-input v-model="form.repayment" placeholder="请输入" />
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="逾期天数：" prop="Overduedays">
+              <el-input v-model="form.Overduedays" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请人主张违约金：" prop="Penalty">
+              <el-input v-model="form.Penalty" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="申请人案件证据资料上传："
+              prop="applicantEvidence"
+            >
+              <el-upload
+                class="upload-demo"
+                action="https://jsonplaceholder.typicode.com/posts/"
+                :on-preview="handlePreview"
+                :on-remove="handleRemove"
+                :before-remove="beforeRemove"
+                multiple
+                :limit="3"
+                :on-exceed="handleExceed"
+                :file-list="fileList"
+              >
+                <el-button size="small" type="primary">点击上传</el-button>
+                <div slot="tip" class="el-upload__tip">
+                  只能上传jpg/png文件，且不超过500kb
+                </div>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+          <!-- 仅详情展示 -->
+          <el-col :span="12">
+            <el-form-item
+              label="被申请人案件证据资料上传："
+              prop="respondentEvidence"
+            >
+              <el-upload
+                class="upload-demo"
+                action="https://jsonplaceholder.typicode.com/posts/"
+                :on-preview="handlePreview"
+                :on-remove="handleRemove"
+                :before-remove="beforeRemove"
+                multiple
+                :limit="3"
+                :on-exceed="handleExceed"
+                :file-list="fileList"
+              >
+                <el-button size="small" type="primary">点击上传</el-button>
+                <div slot="tip" class="el-upload__tip">
+                  只能上传jpg/png文件，且不超过500kb
+                </div>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="缴费通知单：" prop="PaymentNotice">
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
+            </el-form-item>
+          </el-col> -->
+        </el-row>
+      </el-form>
+      <el-form ref="form2" :model="form2" :rules="rules" label-width="150px">
+        <p>主体信息：</p>
+        <hr />
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="主体身份类型：" prop="PaymentNotice">
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请人：" prop="PaymentNotice">
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="身份证号：" prop="PaymentNotice">
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系电话：" prop="PaymentNotice">
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="单位地址：" prop="PaymentNotice">
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="单位电话：" prop="PaymentNotice">
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系地址：" prop="PaymentNotice">
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <p>代理人信息：</p>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="姓名：" prop="name">
+              <el-input v-model="form.name" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="身份证号：" prop="name">
+              <el-input v-model="form.name" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系电话：" prop="name">
+              <el-input v-model="form.name" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系地址：" prop="name">
+              <el-input v-model="form.name" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-button @click="generateForm()">新增主体信息</el-button>
+
+        <div id="formContainer"></div>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { list } from "@/api/caseAccess/caseEntry";
+export default {
+  name: "caseEntry",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      list: [],
+      pageNum: 1,
+      pageSize: 10,
+      // 查询参数
+      queryParams: {
+        caseNumber: undefined,
+        applicant: undefined,
+      },
+      dialogtitle: "", //弹框标题
+      openapply: false, //申请弹框控制
+      form: {}, // 表单参数
+      form2: {}, //主体信息
+      // 表单校验
+      rules: {
+        caseNumber: [
+          { required: true, message: "案件编号不能为空", trigger: "blur" },
+        ],
+        invokeTarget: [
+          {
+            required: true,
+            message: "调用目标字符串不能为空",
+            trigger: "blur",
+          },
+        ],
+        cronExpression: [
+          {
+            required: true,
+            message: "cron执行表达式不能为空",
+            trigger: "blur",
+          },
+        ],
+      },
+      starttime: "", //开始时间
+      endtime: "", //结束时间
+      fileList: [],
+      paymentArr: [],
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    generateForm() {
+      // var formContainer = document.getElementById("formContainer");
+      // var form = document.createElement("form2");
+      // form.setAttribute("method", "post");
+      // form.setAttribute("action", "#");
+
+      // var inputField = document.createElement("input");
+      // inputField.setAttribute("type", "text");
+      // inputField.setAttribute("name", "username");
+      // inputField.setAttribute("placeholder", "用户名");
+
+      // var passwordField = document.createElement("input");
+      // passwordField.setAttribute("type", "password");
+      // passwordField.setAttribute("name", "password");
+      // passwordField.setAttribute("placeholder", "密码");
+
+      // var submitButton = document.createElement("input");
+      // submitButton.setAttribute("type", "submit");
+      // submitButton.setAttribute("value", "提交");
+
+      // form.appendChild(inputField);
+      // form.appendChild(passwordField);
+      // form.appendChild(submitButton);
+
+      // formContainer.appendChild(form);
+    },
+    /** 查询登录日志列表 */
+    getList() {
+      this.loading = true;
+      list(this.queryParams).then((response) => {
+        this.list = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 立案申请
+    filingApplication() {
+      this.openapply = true;
+      this.dialogtitle = "立案申请";
+    },
+    // 提交立案申请
+    submitForm() {},
+    // 取消
+    cancel() {
+      this.openapply = false;
+    },
+    // 修改
+    editRow() {},
+    // 详情
+    detailRow() {},
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePreview(file) {
+      console.log(file);
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(
+        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+          files.length + fileList.length
+        } 个文件`
+      );
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+
+
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  height: 700px !important;
+  overflow: auto !important;
+}
+#formContainer{
+
+}
+</style>
diff --git a/vue.config.js b/vue.config.js
index 6a11fe6..d1d3369 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -11,6 +11,9 @@ const name = process.env.VUE_APP_TITLE || '智慧仲裁管理系统' // 网页
 
 const port = process.env.port || process.env.npm_config_port || 80 // 端口
 
+const API = 'http://121.40.189.20:9001'  //测试
+// const API = 'http://192.168.3.77:8080' //Q
+
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
 // 这里只列一部分，具体配置参考文档
@@ -33,9 +36,11 @@ module.exports = {
     port: port,
     open: true,
     proxy: {
-      // detail: https://cli.vuejs.org/config/#devserver-proxy
+      // detail: https://cli.vuejs.org/config/#devserver-proxy 
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://192.168.3.77:8080`,
+        // target: `http://192.168.3.77:8080`,
+        // target: `http://121.40.189.20:9001`,
+        target: API,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''