Bläddra i källkod

Merge branch 'hhl' of SH-Arbitrate/Arbitrate-Frontend into dev

hhlxayunmei 2 år sedan
förälder
incheckning
3d38d82004

+ 10
- 0
src/api/caseAccess/caseEntry.js Visa fil

@@ -0,0 +1,10 @@
1
+import request from '@/utils/request'
2
+
3
+// 查询在线用户列表
4
+export function list(query) {
5
+  return request({
6
+    url: '/monitor/online/list',
7
+    method: 'get',
8
+    params: query
9
+  })
10
+}

+ 284
- 0
src/views/caseAccessAll/batchFiling.vue Visa fil

@@ -0,0 +1,284 @@
1
+<template>
2
+  <div class="app-container">
3
+    <el-form
4
+      :model="queryParams"
5
+      ref="queryForm"
6
+      size="small"
7
+      :inline="true"
8
+      label-width="68px"
9
+    >
10
+      <el-form-item label="案件编号" prop="caseNumber">
11
+        <el-input
12
+          v-model="queryParams.caseNumber"
13
+          placeholder="请输入案件编号"
14
+          clearable
15
+          @keyup.enter.native="handleQuery"
16
+        />
17
+      </el-form-item>
18
+      <el-form-item label="申请人" prop="applicant">
19
+        <el-input
20
+          v-model="queryParams.applicant"
21
+          placeholder="请输入申请人"
22
+          clearable
23
+          @keyup.enter.native="handleQuery"
24
+        />
25
+      </el-form-item>
26
+      <el-form-item>
27
+        <el-button
28
+          type="primary"
29
+          icon="el-icon-search"
30
+          size="mini"
31
+          @click="handleQuery"
32
+          >搜索</el-button
33
+        >
34
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
35
+          >重置</el-button
36
+        >
37
+      </el-form-item>
38
+    </el-form>
39
+    <el-row :gutter="10" class="mb8">
40
+      <el-col :span="1.5">
41
+        <el-button
42
+          type="primary"
43
+          plain
44
+          icon="el-icon-plus"
45
+          size="mini"
46
+          @click="batchFiling"
47
+          v-hasPermi="['monitor:job:add']"
48
+          >批量立案</el-button
49
+        >
50
+      </el-col>
51
+    </el-row>
52
+    <el-table
53
+      v-loading="loading"
54
+      :data="list.slice((pageNum - 1) * pageSize, pageNum * pageSize)"
55
+      style="width: 100%"
56
+    >
57
+      <el-table-column label="序号" type="index" align="center">
58
+        <template slot-scope="scope">
59
+          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
60
+        </template>
61
+      </el-table-column>
62
+      <el-table-column
63
+        label="案件编号"
64
+        align="center"
65
+        prop="caseNumber"
66
+        :show-overflow-tooltip="true"
67
+      />
68
+      <el-table-column
69
+        label="申请人"
70
+        align="center"
71
+        prop="applicant"
72
+        :show-overflow-tooltip="true"
73
+      />
74
+      <el-table-column label="案件标的" align="center" prop="matterofCase" />
75
+      <el-table-column
76
+        label="立案日期"
77
+        align="center"
78
+        prop="filingDate"
79
+        :show-overflow-tooltip="true"
80
+      />
81
+      <el-table-column label="仲裁方式" align="center" prop="ArbitrateMethod" />
82
+      <el-table-column label="案件状态" align="center" prop="caseStatus" />
83
+      <el-table-column
84
+        label="操作"
85
+        align="center"
86
+        class-name="small-padding fixed-width"
87
+      >
88
+        <template slot-scope="scope">
89
+          <el-button
90
+            size="mini"
91
+            type="text"
92
+            icon="el-icon-edit"
93
+            @click="editRow(scope.row)"
94
+            v-hasPermi="['monitor:online:forceLogout']"
95
+            >修改</el-button
96
+          >
97
+          <el-button
98
+            size="mini"
99
+            type="text"
100
+            icon="el-icon-zoom-in"
101
+            @click="detailRow(scope.row)"
102
+            v-hasPermi="['monitor:online:forceLogout']"
103
+            >详情</el-button
104
+          >
105
+        </template>
106
+      </el-table-column>
107
+    </el-table>
108
+    <pagination
109
+      v-show="total > 0"
110
+      :total="total"
111
+      :page.sync="pageNum"
112
+      :limit.sync="pageSize"
113
+    />
114
+
115
+    <!-- 立案申请弹框 -->
116
+    <el-dialog
117
+      :title="dialogtitle"
118
+      :visible.sync="openapply"
119
+      width="800px"
120
+      append-to-body
121
+    >
122
+      <el-form ref="form" :model="form" :rules="rules" label-width="150px">
123
+        <el-row>
124
+          <el-col :span="16">
125
+            <el-form-item label="申请人姓名:" prop="applyName">
126
+              <el-input v-model="form.jobName" placeholder="请输入姓名" />
127
+            </el-form-item>
128
+          </el-col>
129
+          <el-col :span="8">
130
+            <el-button type="primary" @click="downloadTemplate">下载模板</el-button>
131
+          </el-col>
132
+          <!-- <el-col :span="12">
133
+            <el-form-item label="立案申请书:" prop="applybook"> </el-form-item>
134
+          </el-col>
135
+          <el-col :span="12"> </el-col> -->
136
+        </el-row>
137
+        <el-row>
138
+          <el-form-item :span="24" label="批量立案信息上传:" prop="upload">
139
+            <el-upload
140
+              class="upload-demo"
141
+              action="https://jsonplaceholder.typicode.com/posts/"
142
+              :on-preview="handlePreview"
143
+              :on-remove="handleRemove"
144
+              :before-remove="beforeRemove"
145
+              multiple
146
+              :limit="3"
147
+              :on-exceed="handleExceed"
148
+              :file-list="fileList"
149
+            >
150
+              <el-button size="small" type="primary">点击上传</el-button>
151
+              <div slot="tip" class="el-upload__tip">
152
+                只能上传文件,且不超过500kb
153
+              </div>
154
+            </el-upload>
155
+          </el-form-item>
156
+        </el-row>
157
+      </el-form>
158
+      <div slot="footer" class="dialog-footer">
159
+        <el-button type="primary" @click="submitForm">确 定</el-button>
160
+        <el-button @click="cancel">取 消</el-button>
161
+      </div>
162
+    </el-dialog>
163
+  </div>
164
+</template>
165
+
166
+<script>
167
+import { list } from "@/api/caseAccess/caseEntry";
168
+export default {
169
+  name: "caseEntry",
170
+  data() {
171
+    return {
172
+      // 遮罩层
173
+      loading: true,
174
+      // 总条数
175
+      total: 0,
176
+      // 表格数据
177
+      list: [],
178
+      pageNum: 1,
179
+      pageSize: 10,
180
+      // 查询参数
181
+      queryParams: {
182
+        caseNumber: undefined,
183
+        applicant: undefined,
184
+      },
185
+      dialogtitle: "", //弹框标题
186
+      openapply: false, //申请弹框控制
187
+      form: {}, // 表单参数
188
+      // 表单校验
189
+      rules: {
190
+        jobName: [
191
+          { required: true, message: "任务名称不能为空", trigger: "blur" },
192
+        ],
193
+        invokeTarget: [
194
+          {
195
+            required: true,
196
+            message: "调用目标字符串不能为空",
197
+            trigger: "blur",
198
+          },
199
+        ],
200
+        cronExpression: [
201
+          {
202
+            required: true,
203
+            message: "cron执行表达式不能为空",
204
+            trigger: "blur",
205
+          },
206
+        ],
207
+      },
208
+      starttime: "", //开始时间
209
+      endtime: "", //结束时间
210
+      fileList: [
211
+        // {
212
+        //   name: "food.jpeg",
213
+        //   url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
214
+        // },
215
+        // {
216
+        //   name: "food2.jpeg",
217
+        //   url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
218
+        // },
219
+      ],
220
+    };
221
+  },
222
+  created() {
223
+    this.getList();
224
+  },
225
+  methods: {
226
+    /** 查询登录日志列表 */
227
+    getList() {
228
+      this.loading = true;
229
+      list(this.queryParams).then((response) => {
230
+        this.list = response.rows;
231
+        this.total = response.total;
232
+        this.loading = false;
233
+      });
234
+    },
235
+    /** 搜索按钮操作 */
236
+    handleQuery() {
237
+      this.pageNum = 1;
238
+      this.getList();
239
+    },
240
+    /** 重置按钮操作 */
241
+    resetQuery() {
242
+      this.resetForm("queryForm");
243
+      this.handleQuery();
244
+    },
245
+    // 立案申请
246
+    batchFiling() {
247
+      this.openapply = true;
248
+      this.dialogtitle = "批量立案";
249
+    },
250
+    // 提交立案申请
251
+    submitForm() {},
252
+    // 取消
253
+    cancel() {
254
+      this.openapply = false;
255
+    },
256
+    // 修改
257
+    editRow() {},
258
+    // 详情
259
+    detailRow() {},
260
+    // 下载模板
261
+    downloadTemplate() {
262
+        console.log('下载模板');
263
+    },
264
+    handleRemove(file, fileList) {
265
+      console.log(file, fileList);
266
+    },
267
+    handlePreview(file) {
268
+      console.log(file);
269
+    },
270
+    handleExceed(files, fileList) {
271
+      this.$message.warning(
272
+        `当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${
273
+          files.length + fileList.length
274
+        } 个文件`
275
+      );
276
+    },
277
+    beforeRemove(file, fileList) {
278
+      return this.$confirm(`确定移除 ${file.name}?`);
279
+    },
280
+  },
281
+};
282
+</script>
283
+
284
+<style lang="scss" scoped></style>

+ 0
- 15
src/views/caseAccessAll/caseAccess.vue Visa fil

@@ -1,15 +0,0 @@
1
-<template>
2
-    <div>
3
-        案件接入
4
-    </div>
5
-</template>
6
-
7
-<script>
8
-    export default {
9
-        
10
-    }
11
-</script>
12
-
13
-<style lang="scss" scoped>
14
-
15
-</style>

+ 489
- 0
src/views/caseAccessAll/caseEntry.vue Visa fil

@@ -0,0 +1,489 @@
1
+<template>
2
+  <div class="app-container">
3
+    <el-form
4
+      :model="queryParams"
5
+      ref="queryForm"
6
+      size="small"
7
+      :inline="true"
8
+      label-width="68px"
9
+    >
10
+      <el-form-item label="案件编号" prop="caseNumber">
11
+        <el-input
12
+          v-model="queryParams.caseNumber"
13
+          placeholder="请输入案件编号"
14
+          clearable
15
+          @keyup.enter.native="handleQuery"
16
+        />
17
+      </el-form-item>
18
+      <el-form-item label="申请人" prop="applicant">
19
+        <el-input
20
+          v-model="queryParams.applicant"
21
+          placeholder="请输入申请人"
22
+          clearable
23
+          @keyup.enter.native="handleQuery"
24
+        />
25
+      </el-form-item>
26
+      <el-form-item>
27
+        <el-button
28
+          type="primary"
29
+          icon="el-icon-search"
30
+          size="mini"
31
+          @click="handleQuery"
32
+          >搜索</el-button
33
+        >
34
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
35
+          >重置</el-button
36
+        >
37
+      </el-form-item>
38
+    </el-form>
39
+    <el-row :gutter="10" class="mb8">
40
+      <el-col :span="1.5">
41
+        <el-button
42
+          type="primary"
43
+          plain
44
+          icon="el-icon-plus"
45
+          size="mini"
46
+          @click="filingApplication"
47
+          v-hasPermi="['monitor:job:add']"
48
+          >立案申请</el-button
49
+        >
50
+      </el-col>
51
+    </el-row>
52
+    <el-table
53
+      v-loading="loading"
54
+      :data="list.slice((pageNum - 1) * pageSize, pageNum * pageSize)"
55
+      style="width: 100%"
56
+    >
57
+      <el-table-column label="序号" type="index" align="center">
58
+        <template slot-scope="scope">
59
+          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
60
+        </template>
61
+      </el-table-column>
62
+      <el-table-column
63
+        label="案件编号"
64
+        align="center"
65
+        prop="caseNumber"
66
+        :show-overflow-tooltip="true"
67
+      />
68
+      <el-table-column
69
+        label="申请人"
70
+        align="center"
71
+        prop="applicant"
72
+        :show-overflow-tooltip="true"
73
+      />
74
+      <el-table-column label="案件标的" align="center" prop="matterofCase" />
75
+      <el-table-column
76
+        label="立案日期"
77
+        align="center"
78
+        prop="filingDate"
79
+        :show-overflow-tooltip="true"
80
+      />
81
+      <el-table-column label="仲裁方式" align="center" prop="ArbitrateMethod" />
82
+      <el-table-column label="案件状态" align="center" prop="caseStatus" />
83
+      <el-table-column
84
+        label="操作"
85
+        align="center"
86
+        class-name="small-padding fixed-width"
87
+      >
88
+        <template slot-scope="scope">
89
+          <el-button
90
+            size="mini"
91
+            type="text"
92
+            icon="el-icon-edit"
93
+            @click="editRow(scope.row)"
94
+            v-hasPermi="['monitor:online:forceLogout']"
95
+            >修改</el-button
96
+          >
97
+          <el-button
98
+            size="mini"
99
+            type="text"
100
+            icon="el-icon-zoom-in"
101
+            @click="detailRow(scope.row)"
102
+            v-hasPermi="['monitor:online:forceLogout']"
103
+            >详情</el-button
104
+          >
105
+        </template>
106
+      </el-table-column>
107
+    </el-table>
108
+    <pagination
109
+      v-show="total > 0"
110
+      :total="total"
111
+      :page.sync="pageNum"
112
+      :limit.sync="pageSize"
113
+    />
114
+
115
+    <!-- 立案申请弹框 -->
116
+    <el-dialog
117
+      :title="dialogtitle"
118
+      :visible.sync="openapply"
119
+      width="1000px"
120
+      append-to-body
121
+    >
122
+      <el-form ref="form" :model="form" :rules="rules" label-width="150px">
123
+        <p>案件信息:</p>
124
+        <hr />
125
+        <el-row>
126
+          <el-col :span="12">
127
+            <el-form-item label="案件编号:" prop="caseNumber">
128
+              <el-input
129
+                v-model="form.caseNumber"
130
+                placeholder="请输入案件编号"
131
+              />
132
+            </el-form-item>
133
+          </el-col>
134
+          <el-col :span="12">
135
+            <el-form-item label="案件标的:" prop="matterofCase">
136
+              <el-input
137
+                v-model="form.matterofCase"
138
+                placeholder="请输入案件标的"
139
+              />
140
+            </el-form-item>
141
+          </el-col>
142
+          <el-col :span="12">
143
+            <el-form-item label="借款开始日期:" prop="startTime">
144
+              <el-date-picker
145
+                v-model="starttime"
146
+                type="date"
147
+                placeholder="开始日期"
148
+              >
149
+              </el-date-picker>
150
+            </el-form-item>
151
+          </el-col>
152
+          <el-col :span="12">
153
+            <el-form-item label="借款开始日期:" prop="endTime">
154
+              <el-date-picker
155
+                v-model="endtime"
156
+                type="date"
157
+                placeholder="结束日期"
158
+              >
159
+              </el-date-picker>
160
+            </el-form-item>
161
+          </el-col>
162
+          <el-col :span="12">
163
+            <el-form-item label="申请人姓名:" prop="applyname">
164
+              <el-input v-model="form.jobGroup" placeholder="请输入姓名" />
165
+            </el-form-item>
166
+          </el-col>
167
+          <!-- <el-col :span="24">
168
+            <el-form-item label="立案申请书:" prop="applybook">
169
+              <el-upload
170
+                class="upload-demo"
171
+                action="https://jsonplaceholder.typicode.com/posts/"
172
+                :on-preview="handlePreview"
173
+                :on-remove="handleRemove"
174
+                :before-remove="beforeRemove"
175
+                multiple
176
+                :limit="3"
177
+                :on-exceed="handleExceed"
178
+                :file-list="fileList"
179
+              >
180
+                <el-button size="small" type="primary">点击上传</el-button>
181
+                <div slot="tip" class="el-upload__tip">
182
+                  只能上传jpg/png文件,且不超过500kb
183
+                </div>
184
+              </el-upload>
185
+            </el-form-item>
186
+          </el-col> -->
187
+          <el-col :span="12">
188
+            <el-form-item label="合同编号:" prop="contractnum">
189
+              <el-input v-model="form.contractnum" placeholder="请输入" />
190
+            </el-form-item>
191
+          </el-col>
192
+          <el-col :span="12">
193
+            <el-form-item label="申请人主张欠本金:" prop="principal">
194
+              <el-input v-model="form.principal" placeholder="请输入" />
195
+            </el-form-item>
196
+          </el-col>
197
+          <el-col :span="12">
198
+            <el-form-item label="申请人主张欠利息:" prop="interest">
199
+              <el-input v-model="form.interest" placeholder="请输入" />
200
+            </el-form-item>
201
+          </el-col>
202
+          <!-- <el-col :span="12">
203
+            <el-form-item label="还款方式:" prop="repayment">
204
+              <el-input v-model="form.repayment" placeholder="请输入" />
205
+            </el-form-item>
206
+          </el-col> -->
207
+          <el-col :span="12">
208
+            <el-form-item label="逾期天数:" prop="Overduedays">
209
+              <el-input v-model="form.Overduedays" placeholder="请输入" />
210
+            </el-form-item>
211
+          </el-col>
212
+          <el-col :span="12">
213
+            <el-form-item label="申请人主张违约金:" prop="Penalty">
214
+              <el-input v-model="form.Penalty" placeholder="请输入" />
215
+            </el-form-item>
216
+          </el-col>
217
+          <el-col :span="12">
218
+            <el-form-item
219
+              label="申请人案件证据资料上传:"
220
+              prop="applicantEvidence"
221
+            >
222
+              <el-upload
223
+                class="upload-demo"
224
+                action="https://jsonplaceholder.typicode.com/posts/"
225
+                :on-preview="handlePreview"
226
+                :on-remove="handleRemove"
227
+                :before-remove="beforeRemove"
228
+                multiple
229
+                :limit="3"
230
+                :on-exceed="handleExceed"
231
+                :file-list="fileList"
232
+              >
233
+                <el-button size="small" type="primary">点击上传</el-button>
234
+                <div slot="tip" class="el-upload__tip">
235
+                  只能上传jpg/png文件,且不超过500kb
236
+                </div>
237
+              </el-upload>
238
+            </el-form-item>
239
+          </el-col>
240
+          <!-- 仅详情展示 -->
241
+          <el-col :span="12">
242
+            <el-form-item
243
+              label="被申请人案件证据资料上传:"
244
+              prop="respondentEvidence"
245
+            >
246
+              <el-upload
247
+                class="upload-demo"
248
+                action="https://jsonplaceholder.typicode.com/posts/"
249
+                :on-preview="handlePreview"
250
+                :on-remove="handleRemove"
251
+                :before-remove="beforeRemove"
252
+                multiple
253
+                :limit="3"
254
+                :on-exceed="handleExceed"
255
+                :file-list="fileList"
256
+              >
257
+                <el-button size="small" type="primary">点击上传</el-button>
258
+                <div slot="tip" class="el-upload__tip">
259
+                  只能上传jpg/png文件,且不超过500kb
260
+                </div>
261
+              </el-upload>
262
+            </el-form-item>
263
+          </el-col>
264
+          <!-- <el-col :span="12">
265
+            <el-form-item label="缴费通知单:" prop="PaymentNotice">
266
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
267
+            </el-form-item>
268
+          </el-col> -->
269
+        </el-row>
270
+      </el-form>
271
+      <el-form ref="form2" :model="form2" :rules="rules" label-width="150px">
272
+        <p>主体信息:</p>
273
+        <hr />
274
+        <el-row>
275
+          <el-col :span="12">
276
+            <el-form-item label="主体身份类型:" prop="PaymentNotice">
277
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
278
+            </el-form-item>
279
+          </el-col>
280
+          <el-col :span="12">
281
+            <el-form-item label="申请人:" prop="PaymentNotice">
282
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
283
+            </el-form-item>
284
+          </el-col>
285
+          <el-col :span="12">
286
+            <el-form-item label="身份证号:" prop="PaymentNotice">
287
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
288
+            </el-form-item>
289
+          </el-col>
290
+          <el-col :span="12">
291
+            <el-form-item label="联系电话:" prop="PaymentNotice">
292
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
293
+            </el-form-item>
294
+          </el-col>
295
+          <el-col :span="12">
296
+            <el-form-item label="单位地址:" prop="PaymentNotice">
297
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
298
+            </el-form-item>
299
+          </el-col>
300
+          <el-col :span="12">
301
+            <el-form-item label="单位电话:" prop="PaymentNotice">
302
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
303
+            </el-form-item>
304
+          </el-col>
305
+          <el-col :span="12">
306
+            <el-form-item label="联系地址:" prop="PaymentNotice">
307
+              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
308
+            </el-form-item>
309
+          </el-col>
310
+        </el-row>
311
+        <p>代理人信息:</p>
312
+        <el-row>
313
+          <el-col :span="12">
314
+            <el-form-item label="姓名:" prop="name">
315
+              <el-input v-model="form.name" placeholder="请输入" />
316
+            </el-form-item>
317
+          </el-col>
318
+          <el-col :span="12">
319
+            <el-form-item label="身份证号:" prop="name">
320
+              <el-input v-model="form.name" placeholder="请输入" />
321
+            </el-form-item>
322
+          </el-col>
323
+          <el-col :span="12">
324
+            <el-form-item label="联系电话:" prop="name">
325
+              <el-input v-model="form.name" placeholder="请输入" />
326
+            </el-form-item>
327
+          </el-col>
328
+          <el-col :span="12">
329
+            <el-form-item label="联系地址:" prop="name">
330
+              <el-input v-model="form.name" placeholder="请输入" />
331
+            </el-form-item>
332
+          </el-col>
333
+        </el-row>
334
+        <el-button @click="generateForm()">新增主体信息</el-button>
335
+
336
+        <div id="formContainer"></div>
337
+      </el-form>
338
+      <div slot="footer" class="dialog-footer">
339
+        <el-button type="primary" @click="submitForm">确 定</el-button>
340
+        <el-button @click="cancel">取 消</el-button>
341
+      </div>
342
+    </el-dialog>
343
+  </div>
344
+</template>
345
+
346
+<script>
347
+import { list } from "@/api/caseAccess/caseEntry";
348
+export default {
349
+  name: "caseEntry",
350
+  data() {
351
+    return {
352
+      // 遮罩层
353
+      loading: true,
354
+      // 总条数
355
+      total: 0,
356
+      // 表格数据
357
+      list: [],
358
+      pageNum: 1,
359
+      pageSize: 10,
360
+      // 查询参数
361
+      queryParams: {
362
+        caseNumber: undefined,
363
+        applicant: undefined,
364
+      },
365
+      dialogtitle: "", //弹框标题
366
+      openapply: false, //申请弹框控制
367
+      form: {}, // 表单参数
368
+      form2: {}, //主体信息
369
+      // 表单校验
370
+      rules: {
371
+        caseNumber: [
372
+          { required: true, message: "案件编号不能为空", trigger: "blur" },
373
+        ],
374
+        invokeTarget: [
375
+          {
376
+            required: true,
377
+            message: "调用目标字符串不能为空",
378
+            trigger: "blur",
379
+          },
380
+        ],
381
+        cronExpression: [
382
+          {
383
+            required: true,
384
+            message: "cron执行表达式不能为空",
385
+            trigger: "blur",
386
+          },
387
+        ],
388
+      },
389
+      starttime: "", //开始时间
390
+      endtime: "", //结束时间
391
+      fileList: [],
392
+      paymentArr: [],
393
+    };
394
+  },
395
+  created() {
396
+    this.getList();
397
+  },
398
+  methods: {
399
+    generateForm() {
400
+      // var formContainer = document.getElementById("formContainer");
401
+      // var form = document.createElement("form2");
402
+      // form.setAttribute("method", "post");
403
+      // form.setAttribute("action", "#");
404
+
405
+      // var inputField = document.createElement("input");
406
+      // inputField.setAttribute("type", "text");
407
+      // inputField.setAttribute("name", "username");
408
+      // inputField.setAttribute("placeholder", "用户名");
409
+
410
+      // var passwordField = document.createElement("input");
411
+      // passwordField.setAttribute("type", "password");
412
+      // passwordField.setAttribute("name", "password");
413
+      // passwordField.setAttribute("placeholder", "密码");
414
+
415
+      // var submitButton = document.createElement("input");
416
+      // submitButton.setAttribute("type", "submit");
417
+      // submitButton.setAttribute("value", "提交");
418
+
419
+      // form.appendChild(inputField);
420
+      // form.appendChild(passwordField);
421
+      // form.appendChild(submitButton);
422
+
423
+      // formContainer.appendChild(form);
424
+    },
425
+    /** 查询登录日志列表 */
426
+    getList() {
427
+      this.loading = true;
428
+      list(this.queryParams).then((response) => {
429
+        this.list = response.rows;
430
+        this.total = response.total;
431
+        this.loading = false;
432
+      });
433
+    },
434
+    /** 搜索按钮操作 */
435
+    handleQuery() {
436
+      this.pageNum = 1;
437
+      this.getList();
438
+    },
439
+    /** 重置按钮操作 */
440
+    resetQuery() {
441
+      this.resetForm("queryForm");
442
+      this.handleQuery();
443
+    },
444
+    // 立案申请
445
+    filingApplication() {
446
+      this.openapply = true;
447
+      this.dialogtitle = "立案申请";
448
+    },
449
+    // 提交立案申请
450
+    submitForm() {},
451
+    // 取消
452
+    cancel() {
453
+      this.openapply = false;
454
+    },
455
+    // 修改
456
+    editRow() {},
457
+    // 详情
458
+    detailRow() {},
459
+    handleRemove(file, fileList) {
460
+      console.log(file, fileList);
461
+    },
462
+    handlePreview(file) {
463
+      console.log(file);
464
+    },
465
+    handleExceed(files, fileList) {
466
+      this.$message.warning(
467
+        `当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${
468
+          files.length + fileList.length
469
+        } 个文件`
470
+      );
471
+    },
472
+    beforeRemove(file, fileList) {
473
+      return this.$confirm(`确定移除 ${file.name}?`);
474
+    },
475
+
476
+
477
+  },
478
+};
479
+</script>
480
+
481
+<style lang="scss" scoped>
482
+::v-deep .el-dialog__body {
483
+  height: 700px !important;
484
+  overflow: auto !important;
485
+}
486
+#formContainer{
487
+
488
+}
489
+</style>

+ 7
- 2
vue.config.js Visa fil

@@ -11,6 +11,9 @@ const name = process.env.VUE_APP_TITLE || '智慧仲裁管理系统' // 网页
11 11
 
12 12
 const port = process.env.port || process.env.npm_config_port || 80 // 端口
13 13
 
14
+const API = 'http://121.40.189.20:9001'  //测试
15
+// const API = 'http://192.168.3.77:8080' //Q
16
+
14 17
 // vue.config.js 配置说明
15 18
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
16 19
 // 这里只列一部分,具体配置参考文档
@@ -33,9 +36,11 @@ module.exports = {
33 36
     port: port,
34 37
     open: true,
35 38
     proxy: {
36
-      // detail: https://cli.vuejs.org/config/#devserver-proxy
39
+      // detail: https://cli.vuejs.org/config/#devserver-proxy 
37 40
       [process.env.VUE_APP_BASE_API]: {
38
-        target: `http://192.168.3.77:8080`,
41
+        // target: `http://192.168.3.77:8080`,
42
+        // target: `http://121.40.189.20:9001`,
43
+        target: API,
39 44
         changeOrigin: true,
40 45
         pathRewrite: {
41 46
           ['^' + process.env.VUE_APP_BASE_API]: ''