JIAL
/
JIALDemo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
JIALDemo/target/classes/backend/page/hearCase/add.html

637 lines
31 KiB
HTML
Raw Normal View History

案件列表页面初步调整
2023-12-02 13:27:37 +08:00
<!DOCTYPE html>
<html lang="en">
新建界面V1
2023-12-12 15:23:28 +08:00
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
<head>
新建界面V1
2023-12-12 15:23:28 +08:00
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 引入样式 -->
<link rel="stylesheet" href="../../plugins/element-ui/index.css" />
<link rel="stylesheet" href="../../styles/common.css" />
<link rel="stylesheet" href="../../styles/page.css" />
<link rel="stylesheet" href="../../styles/hearCaseAdd.css" />
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
</head>
新建界面V1
2023-12-12 15:23:28 +08:00
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
<body>
新建界面V1
2023-12-12 15:23:28 +08:00
<div class="addBrand-container" id="hearCase-add-app">
<div class="container">
个人主页制作完成
2023-12-24 13:39:07 +08:00
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" :inline="true" label-width="180px">
新建界面V1
2023-12-12 15:23:28 +08:00
<div>
<el-form-item label="案件号:" prop="caseNum">
<el-input v-model="ruleForm.caseNum" placeholder="请填写案件号" maxlength="20" />
</el-form-item>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<el-form-item label="案件类别:" prop="caseType" class="requiredField">
新建界面V1
2023-12-12 15:23:28 +08:00
<el-select v-model="ruleForm.caseType" placeholder="请选择案件类别">
<el-option v-for="item in caseTypeList" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
</div>
<div>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<el-form-item label="法院名称:" prop="court" class="requiredField">
新建界面V1
2023-12-12 15:23:28 +08:00
<el-input v-model="ruleForm.court" placeholder="请填写法院名称:" maxlength="20" />
</el-form-item>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<el-form-item label="案件状态:" prop="caseStatus" class="requiredField">
新建界面V1
2023-12-12 15:23:28 +08:00
<el-select v-model="ruleForm.caseStatusList" placeholder="请选择案件状态">
<el-option v-for="item in caseStatusList" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
</div>
<div>
<el-form-item label="法官姓名:" prop="judgeName">
<el-input v-model="ruleForm.judgeName" placeholder="请填写法官姓名:" maxlength="20" />
</el-form-item>
<el-form-item label="法官联系方式:" prop="judgePhone">
<el-input v-model="ruleForm.judgePhone" placeholder="请填写法官联系方式:" maxlength="20" />
</el-form-item>
</div>
<div>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<el-form-item label="原告信息:" class="requiredField">
新建界面V1
2023-12-12 15:23:28 +08:00
<el-form-item>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<div class="addTable" ref="plaintiffTable">
新建界面V1
2023-12-12 15:23:28 +08:00
<span v-if="plaintiffTable.length == 0" class="addBut" @click="openAddPlaintiff"> +
添加原告</span>
<div v-if="plaintiffTable.length != 0" class="content">
个人主页制作完成
2023-12-24 13:39:07 +08:00
<div class="addBut" style="margin-bottom: 20px" @click="openAddPlaintiff">+ 添加原告</div>
新建界面V1
2023-12-12 15:23:28 +08:00
<div class="table">
<el-table :data="plaintiffTable" style="width:100%">
个人主页制作完成
2023-12-24 13:39:07 +08:00
<el-table-column prop="unitName" label="单位名称" width="180" align="center"></el-table-column>
新建界面V1
2023-12-12 15:23:28 +08:00
<el-table-column prop="unitLocation" label="单位所在地" width="180"
个人主页制作完成
2023-12-24 13:39:07 +08:00
align="center">
</el-table-column>
新建界面V1
2023-12-12 15:23:28 +08:00
<el-table-column prop="licenseNum" label="证件号码" width="180" align="center">
</el-table-column>
<el-table-column prop="address" label="操作" width="180px" align="center">
<template slot-scope="scope">
<el-button type="text" size="small"
@click="delPlaintiffHandle(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</el-form-item>
</el-form-item>
</div>
<div>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<el-form-item label="被告信息:" class="requiredField">
新建界面V1
2023-12-12 15:23:28 +08:00
<el-form-item>
<div class="addTable">
个人主页制作完成
2023-12-24 13:39:07 +08:00
<span v-if="defendantTable.length == 0" class="addBut" @click="openAddDefendant">
+ 添加被告</span>
新建界面V1
2023-12-12 15:23:28 +08:00
<div v-if="defendantTable.length !== 0" class="content">
<div class="addBut" style="margin-bottom: 20px" @click="openAddDefendant">+ 添加被告
</div>
<div class="table">
<el-table :data="defendantTable" style="width:100%">
<el-table-column prop="unitName" label="单位名称" width="180" align="center">
</el-table-column>
<el-table-column prop="unitLocation" label="单位所在地" width="180"
align="center"></el-table-column>
<el-table-column prop="licenseNum" label="证件号码" width="180" align="center">
</el-table-column>
<el-table-column prop="address" label="操作" width="180px" align="center">
<template slot-scope="scope">
<el-button type="text" size="small"
@click="delDefendantHandle(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</el-form-item>
</el-form-item>
</div>
<div>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<el-form-item label="附件信息:" class="requiredField">
新建界面V1
2023-12-12 15:23:28 +08:00
<el-form-item>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<div class="addTable">
<span v-if="attachmentTable.length == 0" class="addBut" @click="openAddAttachment">
+ 添加附件</span>
<div v-if="attachmentTable.length !== 0" class="content">
<div class="addBut" style="margin-bottom: 20px" @click="openAddAttachment">+ 添加附件
新建界面V1
2023-12-12 15:23:28 +08:00
</div>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<div class="table">
<el-table :data="attachmentTable" style="width:100%">
<el-table-column prop="unitName" label="附件类型" width="180" align="center">
</el-table-column>
<el-table-column prop="unitLocation" label="附件" width="180" align="center">
</el-table-column>
<el-table-column prop="address" label="操作" width="180px" align="center">
<template slot-scope="scope">
<el-button type="text" size="small"
@click="delAttachmentHandle(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
新建界面V1
2023-12-12 15:23:28 +08:00
</div>
</div>
</div>
</el-form-item>
</el-form-item>
</div>
<div>
<el-form-item label="金额信息:">
<el-form-item>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<div class="addDynamicBox">
新建界面V1
2023-12-12 15:23:28 +08:00
<span v-if="amountInfo.length == 0" class="addBut" @click="addAmountInfo"> + 添加金额</span>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<div v-if="amountInfo.length != 0" class="dynamicBoxList">
新建界面V1
2023-12-12 15:23:28 +08:00
<div class="title">
<span>金额类型，并输入金额信息</span>
</div>
<div class="cont">
<div v-for="(item, index) in amountInfo" :key="index" class="items">
<div class="itTit">
<div class="selectInput">
<div>
<el-input v-model="item.name" type="text" style="width: 100%"
placeholder="选择金额类别" @focus="selectAmountType(true,index)"
@blur="outSelectAmountType(false,index)"
@input="inputAmountTypeHandle(index)" />
</div>
<div v-show="item.showOption" class="flavorSelect">
<span v-for="(it, ind) in amountTypeData" :key="ind"
class="items"
@click="checkAmountTypeOption(it,ind,index)">
{{ it.name}}</span>
<span v-if="amountTypeData == []" class="none">无数据</span>
</div>
</div>
</div>
<div style="display: flex">
<span>
<el-input v-model="amountNumber" placeholder="请填写金额数目"
style="width: 190px; padding-right: 10px" maxlength="20" />
</span>
<span>
<el-input style="width: 310px" v-model="amountDescription " placeholder="请填写金额备注" />
</span>
</div>
<span class="delFlavor delBut non" @click="delAmountInfo(index)">删除</span>
</div>
</div>
<div class="addBut" @click="addAmountInfo">
添加金额
</div>
</div>
</div>
</el-form-item>
</el-form-item>
</div>
<div class="subBox address">
<el-form-item>
<el-button @click="goBack()">
取消
</el-button>
<el-button
type="primary"
@click="submitForm('ruleForm', false)"
>
保存
</el-button>
<el-button
v-if="actionType == 'add'"
type="primary"
class="continue"
@click="submitForm('ruleForm', true)"
>
保存并继续添加
</el-button>
</el-form-item>
</div>
个人主页制作完成
2023-12-24 13:39:07 +08:00
<el-dialog ref="plaintiffDialog" :visible.sync="dialogVisiblePlaintiff"
:before-close="handleClosePlaintiff" title="添加原告信息">
<div>
<el-form-item label="原告类型:" prop="plaintiffDialog.type" >
<el-select v-model="plaintiffDialog.type" placeholder="请选择原告类型">
<el-option v-for="item in plaintiffDialog.typeList" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="单位名称:" prop="plaintiffDialog.unitName" >
<el-input v-model="plaintiffDialog.unitName" placeholder="请填写单位名称" maxlength="20" />
</el-form-item>
</div>
<div>
<el-form-item label="证件类型:" prop="plaintiffDialog.licenseType">
<el-select v-model="plaintiffDialog.licenseType" placeholder="请选择证件类别">
<el-option v-for="item in plaintiffDialog.licenseTypeList" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="证件号:" prop="plaintiffDialog.licenseNum">
<el-input v-model="plaintiffDialog.licenseNum" placeholder="请填写证件号" maxlength="30" />
</el-form-item>
</div>
<div>
<el-form-item label="单位所在地:" prop="plaintiffDialog.unitLocation">
<el-input v-model="plaintiffDialog.unitLocation" placeholder="请填写单位所在地" maxlength="30" />
</el-form-item>
<el-form-item label="联系电话:" prop="plaintiffDialog.phoneNum">
<el-input v-model="plaintiffDialog.phoneNum" placeholder="请填写联系电话" maxlength="30" />
</el-form-item>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClosePlaintiff">取消</el-button>
<el-button type="primary" @click="addPlaintiffTableList">确定</el-button>
</span>
</el-dialog>
<el-dialog ref="defendantDialog" class="addList" :visible.sync="dialogVisibleDefendant"
:before-close="handleCloseDefendant" title="添加被告信息">
<div>
<el-form-item label="被告类型:" prop="defendantDialog.type" >
<el-select v-model="defendantDialog.type" placeholder="请选择被告类型">
<el-option v-for="item in defendantDialog.typeList" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="单位名称:" prop="defendantDialog.unitName" >
<el-input v-model="defendantDialog.unitName" placeholder="请填写单位名称" maxlength="20" />
</el-form-item>
</div>
<div>
<el-form-item label="证件类型:" prop="defendantDialog.licenseType">
<el-select v-model="defendantDialog.licenseType" placeholder="请选择证件类别">
<el-option v-for="item in defendantDialog.licenseTypeList" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="证件号:" prop="defendantDialog.licenseNum">
<el-input v-model="defendantDialog.licenseNum" placeholder="请填写证件号" maxlength="30" />
</el-form-item>
</div>
<div>
<el-form-item label="单位所在地:" prop="defendantDialog.unitLocation">
<el-input v-model="defendantDialog.unitLocation" placeholder="请填写单位所在地" maxlength="30" />
</el-form-item>
<el-form-item label="联系电话:" prop="defendantDialog.phoneNum">
<el-input v-model="defendantDialog.phoneNum" placeholder="请填写联系电话" maxlength="30" />
</el-form-item>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleCloseDefendant">取消</el-button>
<el-button type="primary" @click="addDefendantTableList">确定</el-button>
</span>
</el-dialog>
<el-dialog ref="attachmentDialog" class="addList" :visible.sync="dialogVisibleAttachment"
:before-close="handleCloseAttachment" title="上传附件信息">
<div style="display: flex; flex-direction: row;">
<div style="flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;" >
<el-form-item label="附件类型:" prop="attachmentDialog.type" >
<el-select v-model="attachmentDialog.type" placeholder="请选择附件类型">
<el-option v-for="item in attachmentDialog.typeList" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
</div>
<div style="flex: 1; display: flex; justify-content: center; align-items: center; height: 300px;">
<el-upload
class="upload-demo"
drag
action="http://localhost:8080/file/upload"
:file-list="fileList"
:on-success="handleSuccess"
:before-upload="beforeAvatarUpload"
:limit="1">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<!--<div class="el-upload__tip" slot="tip">只能上传jpg/png/txt/pdf/excel文件，且不超过2MB</div>-->
</el-upload>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleCloseAttachment">取消</el-button>
<el-button type="primary" @click="addAttachmentTableList">确定</el-button>
</span>
</el-dialog>
新建界面V1
2023-12-12 15:23:28 +08:00
</el-form>
</div>
</div>
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="../../plugins/vue/vue.js"></script>
<!-- 引入组件库 -->
<script src="../../plugins/element-ui/index.js"></script>
<!-- 引入axios -->
<script src="../../plugins/axios/axios.min.js"></script>
<script src="../../js/request.js"></script>
<script src="../../js/validate.js"></script>
<script src="../../js/index.js"></script>
<script src="../../api/food.js"></script>
<script>
new Vue({
新建案件界面布局
2023-12-10 00:04:13 +08:00
el: '#hearCase-add-app',
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
data() {
新建界面V1
2023-12-12 15:23:28 +08:00
return {
caseTypeList: [
{ id: 1, name: "审理案件" },
{ id: 2, name: "执行案件" }
],
caseStatusList: [
{ id: 1, name: "等待开庭" },
{ id: 2, name: "已开庭，等待诉讼费" }
],
ruleForm: {
'caseNum': '',
caseType: '',
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
plaintiffDialog: {
typeList: [
{ id: 1, name: "法人" },
{ id: 2, name: "其他" }
],
type: '',
unitName: "",
licenseType: '',
licenseTypeList: [
{ id: 1, name: "统一社会信用代码证" },
{ id: 2, name: "其他" }
],
licenseNum: '',
unitLocation: '',
phoneNum: ''
},
defendantDialog: {
typeList: [
{ id: 1, name: "法人" },
{ id: 2, name: "其他" }
],
type: '',
unitName: "",
licenseType: '',
licenseTypeList: [
{ id: 1, name: "统一社会信用代码证" },
{ id: 2, name: "其他" }
],
licenseNum: '',
unitLocation: '',
phoneNum: ''
},
attachmentDialog: {
typeList: [
{ id: 1, name: "附件1" },
{ id: 2, name: "附件2" }
],
},
新建界面V1
2023-12-12 15:23:28 +08:00
plaintiffTable: [
{ unitName: '原告1公司', unitLocation: '地点1', licenseNum: '证件号1' },
{ unitName: '原告2公司', unitLocation: '地点2', licenseNum: '证件号2' },
// 可根据需要添加更多原告数据...
],
defendantTable: [
{ unitName: '被告1公司', unitLocation: '地点1', licenseNum: '证件号1' },
{ unitName: '被告2公司', unitLocation: '地点2', licenseNum: '证件号2' },
// 可根据需要添加更多被告数据...
],
个人主页制作完成
2023-12-24 13:39:07 +08:00
attachmentTable: [
新建界面V1
2023-12-12 15:23:28 +08:00
],
个人主页制作完成
2023-12-24 13:39:07 +08:00
fileList: [],
fileInfo:{
virtualPath: ""
},
新建界面V1
2023-12-12 15:23:28 +08:00
dialogVisiblePlaintiff: false, // 控制原告dialog显示/隐藏
dialogVisibleDefendant: false, // 控制被告dialog显示/隐藏
个人主页制作完成
2023-12-24 13:39:07 +08:00
dialogVisibleAttachment: false,
attachmentTypeList: [
{ id: 1, name: '附件1' },
{ id: 2, name: '附件2' },
{ id: 3, name: '附件3' },
新建界面V1
2023-12-12 15:23:28 +08:00
],
个人主页制作完成
2023-12-24 13:39:07 +08:00
attachmentType: '',
attachmentList: [],
新建界面V1
2023-12-12 15:23:28 +08:00
amountList: [], // 金额列表
amountTypeData: [ // 金额类型数据
{ id: 1, name: '金额类型1' },
{ id: 2, name: '金额类型2' },
{ id: 3, name: '金额类型3' },
// 可根据需要添加更多金额类型...
],
amountInfo: [], // 用于存储金额信息的数组
amountNumber: '', // 用于存储金额数目的变量
amountDescription: '', // 用于存储金额备注的变量
}
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
},
computed: {
新建界面V1
2023-12-12 15:23:28 +08:00
rules() {
return {
新建案件界面布局
2023-12-10 00:04:13 +08:00
新建界面V1
2023-12-12 15:23:28 +08:00
}
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
}
},
created() {
新建界面V1
2023-12-12 15:23:28 +08:00
this.id = requestUrlParam('id')
this.actionType = this.id ? 'edit' : 'add'
if (this.id) {
this.init()
}
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
},
mounted() {
新建案件界面布局
2023-12-10 00:04:13 +08:00
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
},
methods: {
新建界面V1
2023-12-12 15:23:28 +08:00
async init() {
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
addAttachment() {
新建界面V1
2023-12-12 15:23:28 +08:00
// 在这里执行添加附件的逻辑
个人主页制作完成
2023-12-24 13:39:07 +08:00
this.attachmentList.push({ 'name': '', 'value': [], showOption: false })
console.log('Add addAttachment Clicked!');
新建界面V1
2023-12-12 15:23:28 +08:00
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
deleteAttachment(index) {
this.attachmentList.splice(index, 1)
新建界面V1
2023-12-12 15:23:28 +08:00
},
openAddPlaintiff() {
this.dialogVisiblePlaintiff = true;
},
handleClosePlaintiff(done) {
// 处理关闭原告dialog的逻辑
this.dialogVisiblePlaintiff = false;
done(); // 关闭弹窗
},
handleCloseDefendant(done) {
// 处理关闭被告dialog的逻辑
this.dialogVisibleDefendant = false;
done(); // 关闭弹窗
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
handleCloseAttachment(done) {
this.dialogVisibleAttachment = false;
done();
},
新建界面V1
2023-12-12 15:23:28 +08:00
delPlaintiffHandle(index) {
// 处理删除原告的逻辑，可根据需求自行实现
this.plaintiffTable.splice(index, 1);
},
delDefendantHandle(index) {
// 处理删除原告的逻辑，可根据需求自行实现
this.defendantTable.splice(index, 1);
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
delAttachmentHandle(idnex) {
this.attachmentTable.splice(index, 1);
},
新建界面V1
2023-12-12 15:23:28 +08:00
openAddDefendant() {
// 初始化被告相关数据
this.dialogVisibleDefendant = true;
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
openAddAttachment() {
this.dialogVisibleAttachment = true;
新建界面V1
2023-12-12 15:23:28 +08:00
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
addDefendantTableList() {
this.defendantTable.push({ ...this.defendantDialog });
// 清空表单数据
this.defendantDialog = {
typeList: [
{ id: 1, name: "法人" },
{ id: 2, name: "其他" }
],
type: '',
unitName: "",
licenseType: '',
licenseTypeList: [
{ id: 1, name: "统一社会信用代码证" },
{ id: 2, name: "其他" }
],
licenseNum: '',
unitLocation: '',
phoneNum: ''
};
this.dialogVisibleDefendant = false
新建界面V1
2023-12-12 15:23:28 +08:00
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
addPlaintiffTableList() {
this.plaintiffTable.push({ ...this.plaintiffDialog });
// 清空表单数据
this.plaintiffDialog = {
typeList: [
{ id: 1, name: "法人" },
{ id: 2, name: "其他" }
],
type: '',
unitName: "",
licenseType: '',
licenseTypeList: [
{ id: 1, name: "统一社会信用代码证" },
{ id: 2, name: "其他" }
],
licenseNum: '',
unitLocation: '',
phoneNum: ''
};
this.dialogVisiblePlaintiff = false
新建界面V1
2023-12-12 15:23:28 +08:00
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
addAttachmentTableList() {
新建界面V1
2023-12-12 15:23:28 +08:00
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
beforeAvatarUpload(file) {
/*//alert(file.type)
const isJPG = file.type === 'image/jpeg';
const isPNG = file.type === 'image/png';
const isPDF = file.type === 'application/pdf';
const isXLSX = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
const isXLS = file.type === 'application/vnd.ms-excel'
if (!isJPG && !isPNG && !isPDF && isXLSX && isXLS) {
this.$message.error('上传文件格式只能是 JPG PNG TXT PDF XLS XLSX格式!');
}
新建界面V1
2023-12-12 15:23:28 +08:00
个人主页制作完成
2023-12-24 13:39:07 +08:00
return (isJPG || isPNG || isPDF || isXLSX || isXLS) ;*/
新建界面V1
2023-12-12 15:23:28 +08:00
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
handleSuccess(result) {
alert("上传成功")
console.log("存储路径:"+result.virtualPath)
console.log("文件名:"+result.fileName)
新建界面V1
2023-12-12 15:23:28 +08:00
个人主页制作完成
2023-12-24 13:39:07 +08:00
this.fileInfo.virtualPath=result.virtualPath
新建界面V1
2023-12-12 15:23:28 +08:00
},
个人主页制作完成
2023-12-24 13:39:07 +08:00
downFile(){
alert("开始下载")
//动态获取刚刚上传的文件的路径,所以必须先上传,再下载,当然你也可以把路径写死
//实际项目中,获取目标文件路径即可,这个不是重点
console.log(this.fileInfo.virtualPath)
var url = "http://localhost:8080/api/file/downloadFile?filePath="+this.fileInfo.virtualPath
//这里直接使用window.open 发起请求在新页面显示返回的内容,也可以使用axios,这样比较简单,效果类似
window.open(url)
新建界面V1
2023-12-12 15:23:28 +08:00
},
addAmount() {
this.amountList.push({ type: '', value: '', remarks: '', showOption: false });
},
delAmount(index) {
this.amountList.splice(index, 1);
},
selectAmount(st, index) {
const obj = { ...this.amountList[index] };
obj.showOption = st;
this.$set(this.amountList, index, obj);
},
outAmountSelect(st, index) {
setTimeout(() => {
const obj = { ...this.amountList[index] };
obj.showOption = st;
this.$set(this.amountList, index, obj);
}, 200);
},
amountInputHandle(index) {
// 处理金额输入框输入事件
},
checkAmountType(type, ind, index) {
this.selectAmount(false, index);
this.amountList[index].type = type.name;
},
addAmountInfo() {
// 添加金额信息的方法
this.amountInfo.push({
name: '',
showOption: false,
});
},
selectAmountType(show, index) {
// 显示金额类型选项的方法
this.$set(this.amountInfo, index, { ...this.amountInfo[index], showOption: show });
},
outSelectAmountType(show, index) {
// 隐藏金额类型选项的方法
this.$set(this.amountInfo, index, { ...this.amountInfo[index], showOption: show });
},
inputAmountTypeHandle(index) {
// 处理金额类型输入的方法
// 如果需要，可以基于输入实现逻辑
},
checkAmountTypeOption(option, ind, index) {
// 处理选择金额类型选项的方法
this.$set(this.amountInfo, index, { ...this.amountInfo[index], name: option.name, showOption: false });
},
delAmountInfo(index) {
// 删除金额信息的方法
this.amountInfo.splice(index, 1);
},
goBack() {
window.parent.menuHandle({
id: '3',
url: '/backend/page/food/list.html',
name: '案件管理'
}, false)
}
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
}
新建界面V1
2023-12-12 15:23:28 +08:00
})
</script>
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
</body>
新建界面V1
2023-12-12 15:23:28 +08:00
案件列表页面初步调整
2023-12-02 13:27:37 +08:00
</html>