recorddo 页面调整
This commit is contained in:
parent
b37c4d308e
commit
47670068db
|
|
@ -260,7 +260,7 @@
|
||||||
@pagination="getList"
|
@pagination="getList"
|
||||||
/>
|
/>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-drawer title="记录" :visible.sync="drawer" :with-header="false">
|
<el-drawer title="记录" :visible.sync="drawer" :with-header="false" size="40%">
|
||||||
<recorddo
|
<recorddo
|
||||||
ref="recorddo"
|
ref="recorddo"
|
||||||
:data="data"
|
:data="data"
|
||||||
|
|
|
||||||
|
|
@ -1,84 +1,58 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<div class="ma">上报记录</div>
|
<div class="ma">上报记录</div>
|
||||||
<div class="ma">
|
<el-form label-width="100px" label-position="left">
|
||||||
<span class="term">材料内容</span>
|
<el-form-item label="材料内容">
|
||||||
<span class="desc">{{ record.content_name }}</span>
|
{{ record.content_name }}
|
||||||
</div>
|
</el-form-item>
|
||||||
<div class="ma" v-if="record.content_desc">
|
<el-form-item label="材料详情" v-if="record.content_desc">
|
||||||
<span class="term">材料详情</span>
|
{{ record.content_desc }}
|
||||||
<span class="desc">{{ record.content_desc }}</span>
|
</el-form-item>
|
||||||
</div>
|
<el-form-item label="上报状态">
|
||||||
<div class="ma">
|
{{ record.state }}
|
||||||
<span class="term">上报状态</span>
|
<el-tag v-if="record.is_self" style="margin-left: 2px" effect="plain">主动上报</el-tag>
|
||||||
<span class="desc">{{ record.state }}</span>
|
</el-form-item>
|
||||||
<el-tag v-if="record.is_self" style="margin-left:2px">主动上报</el-tag>
|
<el-form-item label="所属任务" v-if="record.task_">
|
||||||
</div>
|
{{ record.task_.name }}/{{ record.task_.end_date }}
|
||||||
<div class="ma" v-if="record.task_">
|
</el-form-item>
|
||||||
<span class="term">所属任务</span>
|
<el-form-item label="报送要求/备注" v-if="record.task_">
|
||||||
<span class="desc">{{ record.task_.name }}</span>
|
<span v-if="data.action != 'update'">{{
|
||||||
</div>
|
record.note
|
||||||
<div class="ma" v-if="record.task_">
|
}}</span>
|
||||||
<span class="term">任务过期</span>
|
<el-input v-model="record.note" placeholder="" type="textarea" v-else>
|
||||||
<span class="desc">{{ record.task_.end_date }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="ma" v-if="record.task_">
|
|
||||||
<span class="term">报送要求/备注</span>
|
|
||||||
<span class="desc" v-if = "data.action != 'update'">{{ record.note }}</span>
|
|
||||||
<el-input
|
|
||||||
v-model="record.note"
|
|
||||||
placeholder=""
|
|
||||||
type="textarea"
|
|
||||||
v-else
|
|
||||||
>
|
|
||||||
</el-input>
|
</el-input>
|
||||||
</div>
|
</el-form-item>
|
||||||
<div class="ma">
|
<el-form-item label="执行组织">
|
||||||
<span class="term">执行组织</span>
|
{{ record.belong_dept_.name }}
|
||||||
<span class="desc">{{ record.belong_dept_.name }}</span>
|
</el-form-item>
|
||||||
</div>
|
<el-form-item label="上报人" v-if="record.up_user_">
|
||||||
<div class="ma" v-if="record.up_user_">
|
{{ record.up_user_.name }}/{{ record.up_date }}
|
||||||
<span class="term">上报人</span>
|
</el-form-item>
|
||||||
<span class="desc">{{ record.up_user_.name }}/{{ record.up_date }}</span>
|
<el-form-item label="上报说明">
|
||||||
</div>
|
<span v-if="data.action != 'up'">{{ record.noteb }}</span>
|
||||||
<div class="ma">
|
<el-input v-model="record.noteb" placeholder="" type="textarea" v-else :rows="1">
|
||||||
<span class="term">上报说明</span>
|
|
||||||
<span class="desc" v-if = "data.action != 'up'">{{ record.noteb }}</span>
|
|
||||||
<el-input
|
|
||||||
v-model="record.noteb"
|
|
||||||
placeholder=""
|
|
||||||
type="textarea"
|
|
||||||
v-else
|
|
||||||
>
|
|
||||||
</el-input>
|
</el-input>
|
||||||
</div>
|
</el-form-item>
|
||||||
<div class="ma">
|
<el-form-item label="是否适用">
|
||||||
<span class="term">是否适用</span>
|
|
||||||
<el-switch
|
<el-switch
|
||||||
v-model="record.is_yes"
|
v-model="record.is_yes"
|
||||||
:disabled="data.action == 'view'"
|
:disabled="data.action != 'up'"
|
||||||
|
@change="yeschange"
|
||||||
|
inactive-color="red"
|
||||||
></el-switch>
|
></el-switch>
|
||||||
</div>
|
</el-form-item>
|
||||||
<div class="ma" >
|
<el-form-item label="修改意见" v-if="record.opinion || data.action=='reject'">
|
||||||
<span class="term">修改意见</span>
|
<span v-if="data.action != 'reject'">{{record.opinion}}</span>
|
||||||
<span class="desc" v-if = "data.action != 'reject'">{{ record.opinion }}</span>
|
|
||||||
<el-input
|
<el-input
|
||||||
v-model="record.opinion"
|
v-model="record.opinion"
|
||||||
placeholder=""
|
placeholder=""
|
||||||
type="textarea"
|
type="textarea"
|
||||||
v-else
|
v-else
|
||||||
>
|
/>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</div>
|
<el-form-item label="文件列表">
|
||||||
<div class="ma">
|
|
||||||
<span class="term">已上传文件</span>
|
|
||||||
</div>
|
|
||||||
<div v-for="(item, index) in fileList" v-bind:key="item.id" style="margin-top:2px">
|
|
||||||
<i class="el-icon-delete" @click="deleteFile(index)" style="color:red" v-if="data.action=='up'"></i>
|
|
||||||
<el-link :href="item.path" target="_blank" type="primary">{{ item.name }}</el-link>
|
|
||||||
</div>
|
|
||||||
<div class="ma" v-if="data.action == 'up'" style="margin-top: 2px">
|
|
||||||
<el-upload
|
<el-upload
|
||||||
|
v-if="data.action == 'up' && record.is_yes"
|
||||||
ref="upload"
|
ref="upload"
|
||||||
:action="upUrl"
|
:action="upUrl"
|
||||||
:before-upload="beforeUpload"
|
:before-upload="beforeUpload"
|
||||||
|
|
@ -88,13 +62,27 @@
|
||||||
accept="image/*,.ppt,.pdf,.doc,.docx,.xls,.xlsx"
|
accept="image/*,.ppt,.pdf,.doc,.docx,.xls,.xlsx"
|
||||||
>
|
>
|
||||||
<el-button size="small" type="primary">上传文件</el-button>
|
<el-button size="small" type="primary">上传文件</el-button>
|
||||||
<template #tip>
|
<span class="el-upload__tip">
|
||||||
<div class="el-upload__tip">
|
|
||||||
可上传pdf,word,ppt,excel,图片文件,大小不超过50M
|
可上传pdf,word,ppt,excel,图片文件,大小不超过50M
|
||||||
</div>
|
</span>
|
||||||
</template>
|
|
||||||
</el-upload>
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
<div
|
||||||
|
v-for="(item, index) in fileList"
|
||||||
|
v-bind:key="item.id"
|
||||||
|
style="margin-top: 2px"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="el-icon-delete"
|
||||||
|
@click="deleteFile(index)"
|
||||||
|
style="color: red"
|
||||||
|
v-if="data.action == 'up'"
|
||||||
|
></i>
|
||||||
|
<el-link :href="item.path" target="_blank" type="primary">{{
|
||||||
|
item.name
|
||||||
|
}}</el-link>
|
||||||
</div>
|
</div>
|
||||||
|
</el-form>
|
||||||
<el-divider></el-divider>
|
<el-divider></el-divider>
|
||||||
<div style="text-align: right">
|
<div style="text-align: right">
|
||||||
<el-button
|
<el-button
|
||||||
|
|
@ -116,8 +104,12 @@
|
||||||
<style>
|
<style>
|
||||||
.ma {
|
.ma {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
.term {
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
/* .term {
|
||||||
color: rgba(0, 0, 0, 0.85);
|
color: rgba(0, 0, 0, 0.85);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|
@ -126,7 +118,7 @@
|
||||||
color: rgba(0, 0, 0, 0.65);
|
color: rgba(0, 0, 0, 0.65);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
} */
|
||||||
.litem {
|
.litem {
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -140,7 +132,7 @@ import {
|
||||||
upRecord,
|
upRecord,
|
||||||
rejectRecord,
|
rejectRecord,
|
||||||
confirmRecord,
|
confirmRecord,
|
||||||
deleteRecord
|
deleteRecord,
|
||||||
} from "@/api/record";
|
} from "@/api/record";
|
||||||
export default {
|
export default {
|
||||||
name: "recorddo",
|
name: "recorddo",
|
||||||
|
|
@ -178,7 +170,7 @@ export default {
|
||||||
name: res.data.name,
|
name: res.data.name,
|
||||||
path: res.data.path,
|
path: res.data.path,
|
||||||
});
|
});
|
||||||
this.handleRemove(file)
|
this.handleRemove(file);
|
||||||
},
|
},
|
||||||
handleRemove(file) {
|
handleRemove(file) {
|
||||||
// 实现删除文件
|
// 实现删除文件
|
||||||
|
|
@ -196,9 +188,16 @@ export default {
|
||||||
return isLt2M;
|
return isLt2M;
|
||||||
},
|
},
|
||||||
deleteFile(index) {
|
deleteFile(index) {
|
||||||
this.$confirm('确定删除该文件, 是否继续?', {type:'error'}).then(() => {
|
this.$confirm("确定删除该文件, 是否继续?", { type: "error" })
|
||||||
this.fileList.splice(index, 1)
|
.then(() => {
|
||||||
}).catch(e=>{})
|
this.fileList.splice(index, 1);
|
||||||
|
})
|
||||||
|
.catch((e) => {});
|
||||||
|
},
|
||||||
|
yeschange(val) {
|
||||||
|
if (!val) {
|
||||||
|
this.fileList = [];
|
||||||
|
}
|
||||||
},
|
},
|
||||||
confirm() {
|
confirm() {
|
||||||
if (this.data.action == "update") {
|
if (this.data.action == "update") {
|
||||||
|
|
@ -246,7 +245,6 @@ export default {
|
||||||
console.error(err);
|
console.error(err);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue