commit
This commit is contained in:
@@ -0,0 +1,363 @@
|
||||
const WORKFLOW_MESSAGE_FORM = {
|
||||
template: /*language=HTML*/ `
|
||||
<div>
|
||||
<el-form :model="formData" ref="formRef" :rules="formRules" label-width="120px">
|
||||
<el-form-item prop="title" label="标题">
|
||||
<el-input maxlength="255" placeholder="请输入标题" v-model="formData.title"></el-input>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item prop="url" label="链接地址">
|
||||
<el-input placeholder="请输入链接地址" v-model="formData.url"></el-input>
|
||||
</el-form-item>-->
|
||||
<el-form-item prop="wechatEnterprise" label="同步企业微信">
|
||||
<div style="color: grey; font-size: 13px">（温馨提醒：如选择是，将会在审核通过后同步发送到企业微信。）</div>
|
||||
<el-radio-group v-model="formData.wechatEnterprise" size="small">
|
||||
<el-radio border :label="true">是</el-radio>
|
||||
<el-radio border :label="false">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!--<el-form-item prop="needBack" label="是否需要反馈">
|
||||
<el-radio-group v-model="formData.needBack" size="small">
|
||||
<el-radio border :label="true">是</el-radio>
|
||||
<el-radio border :label="false">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>-->
|
||||
<el-form-item label="用户列表">
|
||||
<el-row class="mb10">
|
||||
<el-button icon="el-icon-search" @click="openSelect" size="small">选择用户</el-button>
|
||||
<el-button icon="el-icon-delete" @click="clearSelect" type="danger" size="small">清空用户</el-button>
|
||||
</el-row>
|
||||
<el-table :data="userTableData" style="width: 100%" size="mini" max-height="500">
|
||||
<el-table-column fixed prop="loginname" label="工号" width="150"></el-table-column>
|
||||
<el-table-column prop="username" label="姓名" width="120"></el-table-column>
|
||||
<el-table-column prop="sex" label="性别" width="50"></el-table-column>
|
||||
<el-table-column prop="userState" label="在职状态" width="120"></el-table-column>
|
||||
<el-table-column prop="personType" label="教职工类别" width="120"></el-table-column>
|
||||
<el-table-column prop="mobile" label="手机" width="120"></el-table-column>
|
||||
<el-table-column prop="unitname" label="所属单位" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="unionname" label="所属工会" show-overflow-tooltip></el-table-column>
|
||||
</el-table>
|
||||
<p style="color: var(--color-primary)">总计：{{ userTableData.length }}人</p>
|
||||
</el-form-item>
|
||||
<el-form-item prop="note" label="消息内容">
|
||||
<text-editor v-model="formData.note"></text-editor>
|
||||
</el-form-item>
|
||||
<el-form-item prop="files" label="消息附件">
|
||||
<file-upload :value.sync="formData.files" :upload_number="5" upload_result_category="array" complete_result></file-upload>
|
||||
</el-form-item>
|
||||
<el-row class="mt20" justify="end" type="flex">
|
||||
<el-button @click="back">取消</el-button>
|
||||
<el-button type="primary" @click="doSubmit" :loading="formLoading">提交审核</el-button>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-dialog title="选择用户" :visible.sync="selectDialogVisible" width="65%" append-to-body top="2%" class="select-dialog">
|
||||
<div class="btn-group tool-button" style="line-height: 50px">
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword" @keyup.enter.native="doSearch" style="width: 240px">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型" style="width: 80px">
|
||||
<el-option label="工号" value="u.loginname"></el-option>
|
||||
<el-option label="姓名" value="u.username"></el-option>
|
||||
<el-option label="手机" value="u.mobile"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
<el-select v-model="pageForm.sex" placeholder="性别" clearable>
|
||||
<el-option label="男" value="男"></el-option>
|
||||
<el-option label="女" value="女"></el-option>
|
||||
</el-select>
|
||||
<el-select v-if="showUnionSelect" v-model="pageForm.unionId" @change="flushUnits" @clear="flushUnits" placeholder="请选择所属工会" filterable clearable>
|
||||
<el-option v-for="item in unionList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-select v-if="showUnitSelect" v-model="pageForm.unitId" placeholder="请选择所属单位" filterable clearable>
|
||||
<el-option v-for="item in selectUnitList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-select v-if="showClubSelect" v-model="pageForm.clubId" placeholder="请选择所属协会" filterable clearable>
|
||||
<el-option v-for="item in clubList" :key="item.id" :label="item.clubName" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-select v-if="showRoleSelect" v-model="pageForm.roleId" placeholder="请选择角色" filterable clearable>
|
||||
<el-option v-for="item in roleList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-button icon="el-icon-search" @click="doSearch" type="primary"></el-button>
|
||||
</div>
|
||||
<div class="left-span-label mt20">人员列表</div>
|
||||
<el-table :data="tableData" v-loading="tableLoading" @selection-change="handleSelectionChange" row-key="id" ref="tableRef">
|
||||
<el-table-column type="selection" reserve-selection width="35"></el-table-column>
|
||||
<el-table-column fixed prop="loginname" label="工号" width="150"></el-table-column>
|
||||
<el-table-column prop="username" label="姓名" width="120"></el-table-column>
|
||||
<el-table-column prop="sex" label="性别" width="50"></el-table-column>
|
||||
<el-table-column prop="userState" label="在职状态" width="120"></el-table-column>
|
||||
<el-table-column prop="personType" label="教职工类别" width="120"></el-table-column>
|
||||
<el-table-column prop="mobile" label="手机" width="120"></el-table-column>
|
||||
<el-table-column prop="unitname" label="所属单位" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="unionname" label="所属工会" show-overflow-tooltip></el-table-column>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination @size-change="pageSizeChange" @current-change="pageNumberChange" :current-page="pageForm.pageNumber" :page-sizes="[10, 20, 30, 50]" :page-size="pageForm.pageSize" layout="total, sizes, prev, pager, next" :total="pageForm.totalCount"></el-pagination>
|
||||
</el-row>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="selectDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doSelect">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
`,
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
formData: {},
|
||||
taskId: null,
|
||||
userTableData: [],
|
||||
tableData: [],
|
||||
selectUsers: [],
|
||||
selectUnitList: [],
|
||||
unionList: [],
|
||||
unitList: [],
|
||||
clubList: [],
|
||||
roleList: [],
|
||||
selectDialogVisible: false,
|
||||
tableLoading: false,
|
||||
formLoading: false,
|
||||
pageForm: {
|
||||
searchName: "u.username",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
},
|
||||
formRules: {
|
||||
title: [{ required: true, message: "必填", trigger: ["blur", "change"] }],
|
||||
note: [{ required: true, message: "必填", trigger: ["blur", "change"] }],
|
||||
needBack: [{ required: true, message: "必填", trigger: ["blur", "change"] }],
|
||||
wechatEnterprise: [{ required: true, message: "必填", trigger: ["blur", "change"] }]
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
isSchoolMsgScope() {
|
||||
return this.$auth.hasPermission("dayofficework.message.workflow.school")
|
||||
},
|
||||
isUnionMsgScope() {
|
||||
return !this.isSchoolMsgScope && this.$auth.hasPermission("dayofficework.message.workflow.union")
|
||||
},
|
||||
isClubMsgScope() {
|
||||
return !this.isSchoolMsgScope && this.$auth.hasPermission("dayofficework.message.workflow.club")
|
||||
},
|
||||
showUnionSelect() {
|
||||
return this.isSchoolMsgScope
|
||||
},
|
||||
showUnitSelect() {
|
||||
return this.isSchoolMsgScope || this.isUnionMsgScope
|
||||
},
|
||||
showClubSelect() {
|
||||
return this.isSchoolMsgScope || this.isClubMsgScope
|
||||
},
|
||||
showRoleSelect() {
|
||||
return this.isSchoolMsgScope
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
initAdd() {
|
||||
this.formData = {
|
||||
id: "",
|
||||
needBack: false,
|
||||
wechatEnterprise: false
|
||||
}
|
||||
this.taskId = null
|
||||
this.userTableData = []
|
||||
this.selectUsers = []
|
||||
if (this.$refs.formRef) {
|
||||
this.$refs.formRef.resetFields()
|
||||
}
|
||||
if (this.$refs.tableRef) {
|
||||
this.$refs.tableRef.clearSelection()
|
||||
}
|
||||
},
|
||||
// 编辑撤回后的消息申请：row 为申请列表当前行，需包含 id 和 startTaskId；详情接口返回 message 与 receivers 用于回填表单。
|
||||
initEdit(row) {
|
||||
this.taskId = row.startTaskId || row.taskId
|
||||
this.$axios.post("/platform/dayofficework/workflowmessage/info", { id: row.id }).then((res) => {
|
||||
if (res.code === 0) {
|
||||
this.formData = res.data.message
|
||||
this.userTableData = res.data.receivers.map((receiver) => {
|
||||
return {
|
||||
id: receiver.userId,
|
||||
loginname: receiver.loginName,
|
||||
username: receiver.userName,
|
||||
sex: receiver.sex,
|
||||
mobile: receiver.mobile,
|
||||
userState: receiver.userState,
|
||||
personType: receiver.personType,
|
||||
unitname: receiver.unitName,
|
||||
unionname: receiver.unionName
|
||||
}
|
||||
})
|
||||
this.selectUsers = []
|
||||
if (this.$refs.formRef) {
|
||||
this.$refs.formRef.clearValidate()
|
||||
}
|
||||
if (this.$refs.tableRef) {
|
||||
this.$refs.tableRef.clearSelection()
|
||||
}
|
||||
} else {
|
||||
this.$message.warning(res.msg)
|
||||
}
|
||||
})
|
||||
},
|
||||
back() {
|
||||
this.$emit("back")
|
||||
},
|
||||
// 初始化表单选人基础数据：单位、工会、协会、角色用于选人弹窗筛选条件。
|
||||
initSelectData() {
|
||||
this.$businessTool.listUnit().then((data) => {
|
||||
this.unitList = data
|
||||
if (this.isSchoolMsgScope) {
|
||||
this.selectUnitList = data
|
||||
}
|
||||
})
|
||||
this.$businessTool.listUnion().then((data) => {
|
||||
this.unionList = data
|
||||
})
|
||||
this.$businessTool.listCLubByRole().then((data) => {
|
||||
this.clubList = data
|
||||
})
|
||||
this.$axios.post("/platform/dayofficework/workflowmessage/roleList").then((res) => {
|
||||
if (res.code === 0) {
|
||||
this.roleList = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
getCurrentUnionId() {
|
||||
return this.$store.state.user.union && this.$store.state.user.union.id ? this.$store.state.user.union.id : ""
|
||||
},
|
||||
applyMsgScope(resetUnitId) {
|
||||
if (!this.showRoleSelect) {
|
||||
this.$set(this.pageForm, "roleId", null)
|
||||
}
|
||||
if (!this.showUnitSelect) {
|
||||
this.$set(this.pageForm, "unitId", null)
|
||||
}
|
||||
if (!this.showClubSelect) {
|
||||
this.$set(this.pageForm, "clubId", null)
|
||||
}
|
||||
if (this.isUnionMsgScope) {
|
||||
const unionId = this.getCurrentUnionId()
|
||||
this.$set(this.pageForm, "unionId", unionId)
|
||||
if (resetUnitId) {
|
||||
this.$set(this.pageForm, "unitId", null)
|
||||
this.selectUnitList = []
|
||||
}
|
||||
if (unionId && (resetUnitId || this.selectUnitList.length === 0)) {
|
||||
this.$businessTool.listUnit(unionId).then((data) => {
|
||||
this.selectUnitList = data
|
||||
})
|
||||
}
|
||||
return
|
||||
}
|
||||
if (this.isSchoolMsgScope) {
|
||||
this.selectUnitList = this.unitList
|
||||
return
|
||||
}
|
||||
this.$set(this.pageForm, "unionId", null)
|
||||
this.selectUnitList = []
|
||||
},
|
||||
flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", null)
|
||||
this.selectUnitList = []
|
||||
if (this.pageForm.unionId) {
|
||||
this.$businessTool.listUnit(this.pageForm.unionId).then((data) => {
|
||||
this.selectUnitList = data
|
||||
})
|
||||
}
|
||||
this.doSearch()
|
||||
},
|
||||
openSelect() {
|
||||
this.applyMsgScope(true)
|
||||
this.selectDialogVisible = true
|
||||
this.pageData()
|
||||
},
|
||||
clearSelect() {
|
||||
this.userTableData = []
|
||||
if (this.$refs.tableRef) {
|
||||
this.$refs.tableRef.clearSelection()
|
||||
}
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.selectUsers = val
|
||||
},
|
||||
pageData() {
|
||||
this.applyMsgScope(false)
|
||||
this.tableLoading = true
|
||||
this.$axios.post("/platform/dayofficework/workflowmessage/userData", this.pageForm).then((res) => {
|
||||
if (res.code === 0) {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
} else {
|
||||
this.$message.warning(res.msg)
|
||||
}
|
||||
}).finally(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
doSelect() {
|
||||
const tableLoginNames = this.userTableData.map((v) => v.loginname)
|
||||
const selectUsers = this.selectUsers.length > 0 ? this.selectUsers : (this.$refs.tableRef && this.$refs.tableRef.selection ? this.$refs.tableRef.selection : [])
|
||||
if (selectUsers.length === 0) {
|
||||
this.$message.warning("请选择用户")
|
||||
return
|
||||
}
|
||||
selectUsers.forEach((o) => {
|
||||
if (!tableLoginNames.includes(o.loginname)) {
|
||||
this.userTableData.push(o)
|
||||
}
|
||||
})
|
||||
if (this.$refs.tableRef) {
|
||||
this.$refs.tableRef.clearSelection()
|
||||
}
|
||||
this.selectDialogVisible = false
|
||||
},
|
||||
doSubmit() {
|
||||
this.$refs.formRef.validate((valid) => {
|
||||
if (!valid) {
|
||||
return
|
||||
}
|
||||
const loginNames = this.userTableData.map((u) => u.loginname)
|
||||
if (loginNames.length === 0) {
|
||||
this.$message.warning("请选择用户")
|
||||
return
|
||||
}
|
||||
if (loginNames.length > 100) {
|
||||
this.$message.warning("单条消息最多发送100人，请分批次发送。")
|
||||
return
|
||||
}
|
||||
this.$confirm("您确定要提交消息发送申请吗？", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
this.formLoading = true
|
||||
const url = this.formData.id ? "/platform/dayofficework/workflowmessage/updateSubmit" : "/platform/dayofficework/workflowmessage/submit"
|
||||
const params = {
|
||||
message: JSON.stringify(this.formData),
|
||||
users: JSON.stringify(loginNames)
|
||||
}
|
||||
if (this.formData.id) {
|
||||
this.$set(params, "taskId", this.taskId)
|
||||
}
|
||||
this.$axios.post(url, params).then((res) => {
|
||||
if (res.code === 0) {
|
||||
this.$message.success(res.msg)
|
||||
this.$emit("success")
|
||||
this.back()
|
||||
} else {
|
||||
this.$message.error(res.msg)
|
||||
}
|
||||
}).finally(() => {
|
||||
this.formLoading = false
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.initSelectData()
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user