是小王呀\24601
10 months ago
5 changed files with 248 additions and 82 deletions
@ -1,69 +0,0 @@ |
|||
<template> |
|||
<!-- 确认模板 --> |
|||
<div class=''> |
|||
<el-dialog title="模板确认" :visible.sync="showTemplate" width="50%" :close-on-click-modal="false"> |
|||
<div id="luckysheet"></div> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="handleCancel">取 消</el-button> |
|||
<el-button type="primary" @click="handleConfirm">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import options from "@/utils/luckysheetConfig.js"; |
|||
|
|||
export default { |
|||
data() { |
|||
return {}; |
|||
}, |
|||
created() { }, |
|||
methods: { |
|||
handleCancel(){ |
|||
this.$emit('handelHideTemplate') |
|||
}, |
|||
handleConfirm(){ |
|||
this.$emit('saveLuckysheetJson',this.exportJson) |
|||
} |
|||
}, |
|||
mounted() { |
|||
console.log(this.fileUrl, 'fileUrl==='); |
|||
this.urlToFile('http://localhost:9001/epmet-work-pc/test1.xlsx',this.fileName) |
|||
this.$nextTick(() => { |
|||
window.luckysheet.destroy(); |
|||
options.title = '模板确认' |
|||
window.luckysheet.create({ |
|||
...options, |
|||
hook: { |
|||
cellEditBefore: this.handleCellEditBefore, |
|||
}, |
|||
}); |
|||
}) |
|||
|
|||
}, |
|||
props: { |
|||
showTemplate: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
fileUrl: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
fileName: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
}, |
|||
components: {}, |
|||
computed: {}, |
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
#luckysheet { |
|||
height: 500px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,208 @@ |
|||
<template> |
|||
<div style="position:relative;"> |
|||
<el-form v-if="showType=='adjust'" ref="form" label-position="left" :model="formData" label-width="150px" |
|||
style="margin-left: 3%; margin-top: 10px;"> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item label="选择接受人员"> |
|||
<el-cascader class="u-item-width-normal" size="small" ref="myCascader" v-model="cascaderAgencyId" |
|||
@change="handleChangeAgency" :options="orgOptions" :props="orgOptionProps" |
|||
:show-all-levels="false" clearable></el-cascader> |
|||
<el-select v-model.trim="formData.receiverIds" placeholder="请选择" size="small" clearable |
|||
class="cell-width-1" collapse-tags style="margin-left: 10px;" |
|||
@change="changeTag" c> |
|||
<el-option v-for="item in workPersonnelList" :key="item.value" :label="item.name" |
|||
:value="item.staffId"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item :label="`已选（${selfTag.length}）人`"> |
|||
<div> |
|||
<el-tag v-for="tag in selfTag" :key="tag.staffId" closable @close="removeTag(tag)" |
|||
style="margin-right: 10px;"> |
|||
<span> {{ tag.name }}</span> |
|||
</el-tag> |
|||
</div> |
|||
|
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-table v-if="showType=='info'" :data="tableData" border class="m-table-item" style="width: 80%;" :height="maxTableHeight" > |
|||
<el-table-column label="序号" fixed="left" type="index" align="center" width="80" /> |
|||
<el-table-column prop="renwu" align="center" :show-overflow-tooltip="true" label="第一接收人"> |
|||
</el-table-column> |
|||
<el-table-column prop="renwu" align="center" :show-overflow-tooltip="true" label="转派给"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-form v-if="showType=='edit'" ref="formData " label-position="left" :model="formData" label-width="150px" |
|||
style="margin-left: 3%; margin-top: 10px;"> |
|||
<el-row> |
|||
<el-form-item prop="taskTitle" label="任务主题"> |
|||
<el-input v-model="formData.taskTitle" placeholder="请输入内容" clearable class="cell-width-1"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="任务要求" prop="taskIntroduction" style="display: block"> |
|||
<el-input class="cell-width-2" type="textarea" maxlength="500" show-word-limit :rows="5" |
|||
placeholder="请输入事件内容，不超过500字" v-model.trim="formData.taskIntroduction"></el-input> |
|||
</el-form-item> |
|||
|
|||
</el-row> |
|||
</el-form> |
|||
<span v-if="showType=='adjust'||showType=='edit'" slot="footer" class="dialog-footer" style="margin-left: 40%;"> |
|||
<el-button @click="handleCancel">取 消</el-button> |
|||
<el-button type="primary" @click="handleConfirm">确 定</el-button> |
|||
</span> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import options from "@/utils/luckysheetConfig.js"; |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
tableData:[], |
|||
formData:{ |
|||
taskTitle: '',//任务主题 |
|||
taskType: '1',//任务类型 |
|||
taskPeriod: 'once',//任务周期 |
|||
completeLimitDay: '',//完成时限 一次性时传日期，周期性时传天数 |
|||
completeLimitHour: '',//完成时限 周期或者一次性都传小时 |
|||
receiverIds: '',//分发人员 |
|||
moduleUrl: '',//上传模板 |
|||
taskIntroduction: '',//任务要求 |
|||
wordBookId:''//工作簿id |
|||
}, |
|||
workPersonnelList: [], |
|||
cascaderAgencyId:"", |
|||
orgOptions: [], |
|||
orgOptionProps: { |
|||
multiple: false, |
|||
value: 'agencyId', |
|||
label: 'agencyName', |
|||
children: 'subAgencyList', |
|||
checkStrictly: true |
|||
}, |
|||
selfTag: [], |
|||
sarr:[], |
|||
agencyId: '', |
|||
agencylevel: '', |
|||
showType:"", |
|||
}; |
|||
}, |
|||
created() { }, |
|||
methods: { |
|||
getLastItem(list, vals, key) { |
|||
let LIST = list || []; |
|||
for (let item of LIST) { |
|||
for (let i of vals) { |
|||
if (item[key] === i) { |
|||
this.sarr.push(item); |
|||
} else { |
|||
this.getLastItem(item.subAgencyList, vals, key); |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
removeTag(val) { |
|||
this.selfTag = this.selfTag.filter(item => item.staffId!=val.staffId); |
|||
}, |
|||
changeTag(val) { |
|||
let obj = this.workPersonnelList.find(item => item.staffId === val); |
|||
obj.agencyId = this.agencyId |
|||
if (obj) { |
|||
let exists = this.selfTag.some(tag => tag.agencyId === obj.agencyId); |
|||
this.selfTag.push(obj); |
|||
|
|||
} else { |
|||
console.error('未找到对应的人员信息'); |
|||
} |
|||
}, |
|||
getStafflist() { |
|||
let parms = { |
|||
orgId: this.agencyId, |
|||
orgType: 'agency', |
|||
pageNo: 1, |
|||
pageSize: 100, |
|||
}; |
|||
this.$http.post("data/aggregator/org/stafflist", parms).then((resp) => { |
|||
this.workPersonnelList = resp.data.data.staffList; |
|||
}); |
|||
}, |
|||
async handleChangeAgency(val) { |
|||
this.sarr = [] |
|||
this.getLastItem( |
|||
this.orgOptions, |
|||
val, |
|||
"agencyId" |
|||
); |
|||
this.agencylevel = this.sarr[this.sarr.length - 1].level; |
|||
this.agencyId = this.sarr[this.sarr.length - 1].agencyId; |
|||
this.formData.receiverIds = '' |
|||
this.getStafflist() |
|||
}, |
|||
getOrgTreeList() { |
|||
this.$http |
|||
.post('/gov/org/customeragency/agencygridtree', {}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
this.orgOptions = [] |
|||
this.orgOptions.push(res.data) |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
handleCancel(){ |
|||
this.$emit('handelPersonel') |
|||
}, |
|||
handleConfirm(){ |
|||
this.$http |
|||
.post('/gov/org/customeragency/agencygridtree', {}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
this.$message.success("调整成功") |
|||
return this.$emit('handelPersonel') |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
return this.$success.error("调整成功") |
|||
|
|||
} |
|||
}, |
|||
mounted() { |
|||
console.log(this.showType,"sdlfkl;sdf"); |
|||
this.getOrgTreeList() |
|||
}, |
|||
props: { |
|||
acceptingId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
showType:{ |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
components: {}, |
|||
computed: { |
|||
|
|||
}, |
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
.dialog-footer{ |
|||
|
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue