|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <!-- 许可历史 -->
|
|
|
+ <!-- 诉讼历史 -->
|
|
|
<div class="height_100">
|
|
|
<el-container>
|
|
|
<el-header>
|
|
@@ -8,15 +8,27 @@
|
|
|
</div>
|
|
|
</el-header>
|
|
|
<el-main>
|
|
|
- <el-table :data="tableData" v-loading="loading" border style="width: 100%">
|
|
|
+ <el-table :data="tableData" v-loading="loading" border style="width: 100%" row-key="id" >
|
|
|
<el-table-column type="expand">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-form label-position="left" class="demo-table-expand" style="padding:0 30px">
|
|
|
- <el-form-item label="案件详情:">
|
|
|
- <span v-if="scope.row.vVisible">{{scope.row.caseDetails}}</span>
|
|
|
- <el-input type="textarea" v-else v-model="scope.row.caseDetails"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ <div class="details">
|
|
|
+ <div class="details_item">
|
|
|
+ <div>案件详情:</div>
|
|
|
+ <div>
|
|
|
+ <div v-if="scope.row.visible">
|
|
|
+ <el-button type="text" size="small" @click="cancel(scope.row)">取消</el-button>
|
|
|
+ <el-button type="text" size="small" @click="saveDetails(scope.row)">保存</el-button>
|
|
|
+ </div>
|
|
|
+ <el-button v-else type="text" size="small" @click="editDetails(scope.row)">编辑</el-button>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="details_item1">
|
|
|
+ <el-input type="textarea" v-if="scope.row.visible" v-model="scope.row.caseDetails_copy"></el-input>
|
|
|
+ <span v-else>{{scope.row.caseDetails}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="原告" prop="plaintiff" align="center">
|
|
@@ -54,13 +66,15 @@
|
|
|
<span>{{scope.row.remark}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="附件" prop="reportFiles" align="center">
|
|
|
+ <el-table-column label="附件" prop="systemFileList" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<span>
|
|
|
- <span v-if="scope.row.reportFiles">
|
|
|
- <div v-for="item in scope.row.reportFiles" style="margin:0;display:flex;justify-content:space-around;align-items:center;">
|
|
|
- <p style="margin:0;width:calc(100% - 40px);overflow: hidden;white-space: nowrap;text-overflow:ellipsis;cursor: pointer">{{item.name?item.name+'.'+item.suffix:item.fileName}}</p>
|
|
|
- <Menu :data="item" @delFile="delFile1(scope.row,item.id,scope.$index)"></Menu>
|
|
|
+ <span v-if="scope.row.systemFileList">
|
|
|
+ <div v-for="item in scope.row.systemFileList" :key="item.guid" class="fileList">
|
|
|
+ <myTooltip :content="item.originalName">
|
|
|
+ <div class="noWrap">{{ item.originalName }}</div>
|
|
|
+ </myTooltip>
|
|
|
+ <myMenu :data="item" @delFile="delFile(scope.row,item)"></myMenu>
|
|
|
</div>
|
|
|
</span>
|
|
|
<span v-else><i class="el-icon-minus"></i></span>
|
|
@@ -137,7 +151,7 @@ export default {
|
|
|
type:'text',
|
|
|
},
|
|
|
{
|
|
|
- field:'fileGuids',
|
|
|
+ field:'systemFileList',
|
|
|
label:'附件',
|
|
|
components:'myUpload',
|
|
|
type:'upload',
|
|
@@ -157,6 +171,28 @@ export default {
|
|
|
created() {},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
+ editDetails(row){
|
|
|
+ this.$set(row,'caseDetails_copy',row.caseDetails)
|
|
|
+ this.$set(row,'visible',true)
|
|
|
+ },
|
|
|
+ cancel(row){
|
|
|
+ this.$set(row,'caseDetails_copy',null)
|
|
|
+ this.$set(row,'visible',false)
|
|
|
+ },
|
|
|
+ saveDetails(row){
|
|
|
+ var form = JSON.parse(JSON.stringify(row))
|
|
|
+ form.caseDetails = row.caseDetails_copy
|
|
|
+ this.$api.addLitigationHistory(form).then(response=>{
|
|
|
+ if(response.code == 200){
|
|
|
+ this.$message.success('编辑成功')
|
|
|
+ this.$set(row,'caseDetails',row.caseDetails_copy)
|
|
|
+ this.$set(row,'visible',false)
|
|
|
+ }
|
|
|
+ }).catch(error=>{
|
|
|
+ this.$message.error('编辑失败')
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
getList(){
|
|
|
this.loading = true
|
|
|
this.$api.queryLitigationHistory(this.queryParams).then(response=>{
|
|
@@ -172,10 +208,7 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
add(){
|
|
|
-
|
|
|
- var form = {
|
|
|
-
|
|
|
- }
|
|
|
+ var form = {}
|
|
|
var title = '添加诉讼历史'
|
|
|
this.$refs.addMessage.open(this.field,form,title)
|
|
|
},
|
|
@@ -236,4 +269,20 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
}
|
|
|
+.details{
|
|
|
+ width: 100%;
|
|
|
+ padding:5px 20px;
|
|
|
+ .details_item{
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+.fileList{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
</style>
|