FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 格式化

Browse Source
This commit is contained in:
zyn
2024-01-31 14:32:36 +08:00
parent 9862b51571
commit f3fc33c208
3 changed files with 1597 additions and 1473 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/creatProcess/policyConsultation/components/addModel.vue
+109 -68
View File
@@ -1,13 +1,13 @@
<template> <template>
<div> <div>
<el-drawer <el-drawer
ref="standard"
:title="modalshowtitle" :title="modalshowtitle"
:visible.sync="modalshowflag" :visible.sync="modalshowflag"
:wrapperClosable="false" :wrapperClosable="false"
size="800px" size="800px"
@close="resetForm"
ref="standard"
append-to-body append-to-body
@close="resetForm"
> >
<!-- 新增样式 --> <!-- 新增样式 -->
<div class="demo-drawer-content"> <div class="demo-drawer-content">
@@ -18,87 +18,127 @@
class="label-input-form" class="label-input-form"
> >
<el-form-item label="章节编号" prop="chapterNumber" label-width="150px" class="add-form-item"> <el-form-item label="章节编号" prop="chapterNumber" label-width="150px" class="add-form-item">
<el-input v-model.trim="sarStandardsInfoEO.chapterNumber" <el-input
v-model.trim="sarStandardsInfoEO.chapterNumber"
placeholder="请输入章节编号" placeholder="请输入章节编号"
clearable></el-input> clearable
/>
</el-form-item> </el-form-item>
<el-form-item label="章节条目" prop="chapterEntries" label-width="150px" class="add-form-item"> <el-form-item label="章节条目" prop="chapterEntries" label-width="150px" class="add-form-item">
<el-input v-model.trim="sarStandardsInfoEO.chapterEntries" <el-input
v-model.trim="sarStandardsInfoEO.chapterEntries"
placeholder="请输入章节条目" placeholder="请输入章节条目"
clearable></el-input> clearable
/>
</el-form-item> </el-form-item>
<el-form-item label="修改前" prop="modifyBefore" label-width="150px" class="add-form-item"> <el-form-item label="修改前" prop="modifyBefore" label-width="150px" class="add-form-item">
<el-input v-model.trim="sarStandardsInfoEO.modifyBefore" <el-input
v-model.trim="sarStandardsInfoEO.modifyBefore"
placeholder="请输入修改前" placeholder="请输入修改前"
clearable></el-input> clearable
/>
</el-form-item> </el-form-item>
<el-form-item label="修改后" prop="modifyAfter" label-width="150px" class="add-form-item"> <el-form-item label="修改后" prop="modifyAfter" label-width="150px" class="add-form-item">
<el-input v-model.trim="sarStandardsInfoEO.modifyAfter" <el-input
v-model.trim="sarStandardsInfoEO.modifyAfter"
placeholder="请输入修改后" placeholder="请输入修改后"
clearable></el-input> clearable
/>
</el-form-item> </el-form-item>
<el-form-item label="修改理由" prop="modifyReason" label-width="150px" class="add-form-item"> <el-form-item label="修改理由" prop="modifyReason" label-width="150px" class="add-form-item">
<el-input v-model.trim="sarStandardsInfoEO.modifyReason" <el-input
v-model.trim="sarStandardsInfoEO.modifyReason"
placeholder="请输入修改理由" placeholder="请输入修改理由"
clearable></el-input> clearable
/>
</el-form-item> </el-form-item>
<el-form-item label="原因" prop="cause" label-width="150px" class="add-form-item"> <el-form-item label="原因" prop="cause" label-width="150px" class="add-form-item">
<el-input v-model.trim="sarStandardsInfoEO.cause"
placeholder="请输入原因"
clearable></el-input>
</el-form-item>
<el-form-item label="附件"
label-width="150px"
class="add-form-item">
<el-input <el-input
v-model.trim="sarStandardsInfoEO.cause"
placeholder="请输入原因"
clearable
/>
</el-form-item>
<el-form-item
label="附件"
label-width="150px"
class="add-form-item"
>
<el-input
v-model="sarStandardsInfoEO.annexFileId"
disabled disabled
style="display: none;" style="display: none;"
v-model="sarStandardsInfoEO.annexFileId"
clearable clearable
></el-input> />
<div v-if="sarStandardsInfoEO.annexFileList && sarStandardsInfoEO.annexFileList.length > 0"> <div v-if="sarStandardsInfoEO.annexFileList && sarStandardsInfoEO.annexFileList.length > 0">
<div v-for="(item, index) in sarStandardsInfoEO.annexFileList" :key="index" <div
style="margin-right: 5px;padding-left: 10px"> v-for="(item, index) in sarStandardsInfoEO.annexFileList"
:key="index"
style="margin-right: 5px;padding-left: 10px"
>
<div class="fileClass"> <div class="fileClass">
<span @click="handlePreview(item)">{{ item.name }}</span> <span @click="handlePreview(item)">{{ item.name }}</span>
<el-button size="small" <el-button
@click="clickButtonToUpload(item)" size="small"
icon="el-icon-download" icon="el-icon-download"
style="height: 32px; margin-left: 5px;" style="height: 32px; margin-left: 5px;"
></el-button> @click="clickButtonToUpload(item)"
/>
</div> </div>
</div> </div>
</div> </div>
<div> <div>
<el-button type="primary" <el-button
type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"
@click="fileUpload('annexFileList','annexFileId','.zip,.docx,.doc,.xls,.xlsx',200)" @click="fileUpload('annexFileList','annexFileId','.zip,.docx,.doc,.xls,.xlsx',200)"
size="mini"> >
点击上传 点击上传
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="处理意见" <el-form-item
v-if="isHandlingSuggestion" v-if="isHandlingSuggestion"
prop="handlingOpinions" label-width="150px" class="add-form-item"> label="处理意见"
<el-input v-model.trim="sarStandardsInfoEO.handlingOpinions" prop="handlingOpinions"
label-width="150px"
class="add-form-item"
>
<el-input
v-model.trim="sarStandardsInfoEO.handlingOpinions"
placeholder="请输入处理意见" placeholder="请输入处理意见"
clearable></el-input> clearable
/>
</el-form-item> </el-form-item>
<el-form-item label="处理原因" prop="handlingCause" <el-form-item
v-if="isHandlingSuggestion" v-if="isHandlingSuggestion"
label-width="150px" class="add-form-item"> label="处理原因"
<el-input v-model.trim="sarStandardsInfoEO.handlingCause" prop="handlingCause"
label-width="150px"
class="add-form-item"
>
<el-input
v-model.trim="sarStandardsInfoEO.handlingCause"
placeholder="请输入处理原因" placeholder="请输入处理原因"
clearable></el-input> clearable
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="demo-drawer-footer"> <div class="demo-drawer-footer">
<el-button size="mini" class="common-button-primary" icon="el-icon-check" type="primary" <el-button
@click="saveOrUpdateStands" :loading="isSubmit">提交 size="mini"
class="common-button-primary"
icon="el-icon-check"
type="primary"
:loading="isSubmit"
@click="saveOrUpdateStands"
>
提交
</el-button> </el-button>
<el-button size="mini" class="common-button-default" icon="el-icon-close" @click="resetForm">取消 <el-button size="mini" class="common-button-default" icon="el-icon-close" @click="resetForm">
取消
</el-button> </el-button>
</div> </div>
</el-drawer> </el-drawer>
@@ -106,15 +146,16 @@
ref="processFileRef" ref="processFileRef"
:accept="accept" :accept="accept"
:fileMax_M="fileMax_M" :fileMax_M="fileMax_M"
@uploadSuccess="uploadSuccess"/> @uploadSuccess="uploadSuccess"
/>
</div> </div>
</template> </template>
<script> <script>
import processFile from "../../../components/processFile"; import processFile from '../../../components/processFile';
export default { export default {
name: "addModel", name: 'AddModel',
components: { components: {
processFile processFile
}, },
@@ -127,66 +168,66 @@
sarStandardsInfoRules: { sarStandardsInfoRules: {
chapterNumber: [ chapterNumber: [
{ {
type: "string", type: 'string',
max: 200, max: 200,
message: "章节编号不能超过200个字符", message: '章节编号不能超过200个字符',
trigger: "blur" trigger: 'blur'
} }
], ],
chapterEntries: [ chapterEntries: [
{ {
type: "string", type: 'string',
max: 200, max: 200,
message: "章节条目不能超过200个字符", message: '章节条目不能超过200个字符',
trigger: "blur" trigger: 'blur'
} }
], ],
modifyBefore: [ modifyBefore: [
{ {
type: "string", type: 'string',
max: 200, max: 200,
message: "修改前不能超过200个字符", message: '修改前不能超过200个字符',
trigger: "blur" trigger: 'blur'
} }
], ],
modifyAfter: [ modifyAfter: [
{ {
type: "string", type: 'string',
max: 200, max: 200,
message: "修改后不能超过200个字符", message: '修改后不能超过200个字符',
trigger: "blur" trigger: 'blur'
} }
], ],
modifyReason: [ modifyReason: [
{ {
type: "string", type: 'string',
max: 200, max: 200,
message: "修改理由不能超过200个字符", message: '修改理由不能超过200个字符',
trigger: "blur" trigger: 'blur'
} }
], ],
handlingOpinions: [ handlingOpinions: [
{ {
type: "string", type: 'string',
max: 200, max: 200,
message: "处理意见不能超过200个字符", message: '处理意见不能超过200个字符',
trigger: "blur" trigger: 'blur'
} }
], ],
handlingCause: [ handlingCause: [
{ {
type: "string", type: 'string',
max: 200, max: 200,
message: "处理原因不能超过200个字符", message: '处理原因不能超过200个字符',
trigger: "blur" trigger: 'blur'
} }
], ],
cause: [ cause: [
{ {
type: "string", type: 'string',
max: 200, max: 200,
message: "原因不能超过200个字符", message: '原因不能超过200个字符',
trigger: "blur" trigger: 'blur'
} }
], ],
}, },
@@ -209,7 +250,7 @@
methods: { methods: {
handlePreview (file) { handlePreview (file) {
let attId = "" let attId = ''
if (file && file.id) { if (file && file.id) {
attId = file.id attId = file.id
} else { } else {
@@ -259,7 +300,7 @@
this.$message.warning('请至少填写一条数据，不能都为空') this.$message.warning('请至少填写一条数据，不能都为空')
return return
} }
let timestamp = new Date().getTime(); const timestamp = new Date().getTime();
if (!this.sarStandardsInfoEO.dataId && !this.sarStandardsInfoEO.id) { if (!this.sarStandardsInfoEO.dataId && !this.sarStandardsInfoEO.id) {
this.sarStandardsInfoEO.dataId = timestamp this.sarStandardsInfoEO.dataId = timestamp
} }
src/pages/processCenter/pages/creatProcess/policyConsultation/components/solicitationList.vue
+69 -57
View File
@@ -5,107 +5,115 @@
</ProcessTitle> </ProcessTitle>
<div class="action-bar"> <div class="action-bar">
<el-button <el-button
v-if="isNodeDisplay"
type="primary" type="primary"
class="common-button-primary add-button" class="common-button-primary add-button"
@click="addModel" @click="addModel"
v-if="isNodeDisplay" >
><i class="el-icon-plus"></i>新增 <i class="el-icon-plus" />新增
</el-button> </el-button>
<el-button <el-button
v-if="isNodeDisplay"
class="common-button-primary add-button" class="common-button-primary add-button"
@click="batchDeleteModel" @click="batchDeleteModel"
v-if="isNodeDisplay" >
><i class="iconfont">&#xe61b;</i>批量删除 <i class="iconfont">&#xe61b;</i>批量删除
</el-button> </el-button>
<el-button <el-button
type="primary"
v-if="isGenerateSummary" v-if="isGenerateSummary"
type="primary"
class="common-button-primary add-button" class="common-button-primary add-button"
@click="generateSummary" @click="generateSummary"
>生成汇总单 >
生成汇总单
</el-button> </el-button>
<el-button <el-button
type="primary"
v-if="isGenerateSummary" v-if="isGenerateSummary"
type="primary"
class="common-button-primary add-button" class="common-button-primary add-button"
@click="generateReportComments" @click="generateReportComments"
>生成上报意见 >
生成上报意见
</el-button> </el-button>
<el-button <el-button
type="primary"
v-if="isExport" v-if="isExport"
type="primary"
class="common-button-primary add-button" class="common-button-primary add-button"
@click="exportModel" @click="exportModel"
>导出 >
导出
</el-button> </el-button>
</div> </div>
<el-table <el-table
height="500"
ref="selection" ref="selection"
height="500"
:data="histortData" :data="histortData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%;margin-bottom: 20px" style="width: 100%;margin-bottom: 20px"
border border
row-key="id" row-key="id"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
@selection-change="selectChange" @selection-change="selectChange"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"> >
<el-table-column <el-table-column
v-if="showSelection"
type="selection" type="selection"
width="55" width="55"
v-if="showSelection" align="center"
align="center"> />
</el-table-column>
<el-table-column <el-table-column
type="index" type="index"
label="序号" label="序号"
width="80" width="80"
align="center" align="center"
> />
</el-table-column>
<el-table-column <el-table-column
prop="chapterNumber" prop="chapterNumber"
label="章节编号" label="章节编号"
show-overflow-tooltip show-overflow-tooltip
align="center" align="center"
> />
</el-table-column>
<el-table-column <el-table-column
prop="chapterEntries" prop="chapterEntries"
label="章节条目" label="章节条目"
show-overflow-tooltip show-overflow-tooltip
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
prop="modifyBefore" prop="modifyBefore"
label="修改前" label="修改前"
show-overflow-tooltip show-overflow-tooltip
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
prop="modifyAfter" prop="modifyAfter"
label="修改后" label="修改后"
show-overflow-tooltip show-overflow-tooltip
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
prop="modifyReason" prop="modifyReason"
label="修改理由" label="修改理由"
show-overflow-tooltip show-overflow-tooltip
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
prop="cause" prop="cause"
label="原因" label="原因"
show-overflow-tooltip show-overflow-tooltip
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
prop="completeFlag" prop="completeFlag"
label="附件" label="附件"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.annexFileId" @click="fileClick(scope.row.annexFileList)" <a
class="textClass">查看文件</a> v-if="scope.row.annexFileId"
class="textClass"
@click="fileClick(scope.row.annexFileList)"
>查看文件</a>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
</el-table-column> </el-table-column>
@@ -115,50 +123,55 @@
prop="createUserName" prop="createUserName"
label="责任人" label="责任人"
show-overflow-tooltip show-overflow-tooltip
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
v-if="isCompleteFlag" v-if="isCompleteFlag"
prop="createUserDeptName" prop="createUserDeptName"
label="提出部门" label="提出部门"
show-overflow-tooltip show-overflow-tooltip
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
v-if="isCompleteFlag" v-if="isCompleteFlag"
prop="createUserName" prop="createUserName"
label="提出人" label="提出人"
show-overflow-tooltip show-overflow-tooltip
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
v-if="isCompleteFlag" v-if="isCompleteFlag"
prop="handlingOpinions" prop="handlingOpinions"
label="处理意见" label="处理意见"
show-overflow-tooltip show-overflow-tooltip
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
v-if="isCompleteFlag"
prop="handlingCause" prop="handlingCause"
label="处理原因" label="处理原因"
v-if="isCompleteFlag"
show-overflow-tooltip show-overflow-tooltip
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
v-if="isOperate"
label="操作" label="操作"
width="70" width="70"
v-if="isOperate" align="center"
align="center"> >
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, scope.$index, '编辑']">编辑 <el-dropdown-item :command="[scope.row, scope.$index, '编辑']">
编辑
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item v-if="taskKey != 'PolicySolicitOpinionProcessKey12'" <el-dropdown-item
:command="[scope.row, scope.$index,'删除']">删除 v-if="taskKey != 'PolicySolicitOpinionProcessKey12'"
:command="[scope.row, scope.$index,'删除']"
>
删除
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
@@ -173,12 +186,12 @@
</template> </template>
<script> <script>
import ProcessTitle from "../../../components/ProcessTitle"; import ProcessTitle from '../../../components/ProcessTitle';
import fileViewModel from "./fileViewModel"; import fileViewModel from './fileViewModel';
import addModel from "./addModel"; import addModel from './addModel';
export default { export default {
name: "solicitationList", name: 'SolicitationList',
components: { components: {
ProcessTitle, ProcessTitle,
addModel, addModel,
@@ -271,7 +284,7 @@
}, },
methods: { methods: {
getData () { getData () {
let query = { const query = {
taskDefinitionKey: this.$route.query.taskDefinitionKey, taskDefinitionKey: this.$route.query.taskDefinitionKey,
prcId: this.$route.query.prcId prcId: this.$route.query.prcId
} }
@@ -334,16 +347,15 @@
} else { } else {
this.$message.warning('请选择至少一条数据') this.$message.warning('请选择至少一条数据')
} }
}, },
handleCommand (command) { handleCommand (command) {
switch (command[2]) { switch (command[2]) {
case "编辑": case '编辑':
this.addOrEdit = 'edit' this.addOrEdit = 'edit'
this.editNum = command[1] this.editNum = command[1]
this.$refs.addModelRef.edit(command[0]) this.$refs.addModelRef.edit(command[0])
break; break;
case "删除": case '删除':
this.deleteSarAccess(command[1], command[0]); this.deleteSarAccess(command[1], command[0]);
break; break;
} }
src/pages/processCenter/pages/creatProcess/policyConsultation/index.vue
+199 -128
View File
@@ -6,14 +6,24 @@
</ProcessHeader> </ProcessHeader>
<div class="headerTabs"> <div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div> <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" v-if="showPersonnel" :class="active === '2' ? 'active' : ''" <div
@click="handleTabs('2')">人员信息 v-if="showPersonnel"
class="headerTabsItem"
:class="active === '2' ? 'active' : ''"
@click="handleTabs('2')"
>
人员信息
</div> </div>
<div class="headerTabsItem" v-if="showApprovalHistory" <div
:class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史 v-if="showApprovalHistory"
class="headerTabsItem"
:class="active === '3' ? 'active' : ''"
@click="handleTabs('3')"
>
审批历史
</div> </div>
</div> </div>
<div class="content" v-show="active === '1'"> <div v-show="active === '1'" class="content">
<div style="flex: auto; overflow: auto;"> <div style="flex: auto; overflow: auto;">
<el-form <el-form
ref="zczqyjForm" ref="zczqyjForm"
@@ -28,69 +38,89 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="政策文号" <el-form-item
label="政策文号"
:prop="!disabledXX ? 'lawsNo':''" :prop="!disabledXX ? 'lawsNo':''"
class="add-form-item form-item-disabled"> class="add-form-item form-item-disabled"
<el-input :disabled="true" >
class="formInput" <el-input
v-model="dataForm.lawsNo" v-model="dataForm.lawsNo"
:disabled="true"
class="formInput"
placeholder="请输入政策文号" placeholder="请输入政策文号"
clearable clearable
/> />
<div v-if="!disabledXX" class="addButton" style="padding-left: 10px"> <div v-if="!disabledXX" class="addButton" style="padding-left: 10px">
<el-button :disabled="disabledXX" size="small" type="primary" <el-button
@click="handleSearchStandard">选择征求意见政策 :disabled="disabledXX"
size="small"
type="primary"
@click="handleSearchStandard"
>
选择征求意见政策
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="政策名称" <el-form-item
label="政策名称"
:prop="!disabledXX ? 'lawsName':''" :prop="!disabledXX ? 'lawsName':''"
class="add-form-item form-item-disabled"> class="add-form-item form-item-disabled"
<el-input :disabled="true" >
<el-input
v-model="dataForm.lawsName" v-model="dataForm.lawsName"
:disabled="true"
placeholder="请输入政策名称" placeholder="请输入政策名称"
clearable clearable
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="截止时间" <el-form-item
label="截止时间"
:prop="!disabledXX ? 'endTime':''" :prop="!disabledXX ? 'endTime':''"
class="add-form-item form-item-disabled"> class="add-form-item form-item-disabled"
<el-date-picker :disabled="disabledXX" >
<el-date-picker
v-model="dataForm.endTime" v-model="dataForm.endTime"
:disabled="disabledXX"
type="date" type="date"
style="width: 100%" style="width: 100%"
placeholder="请选择截止时间"> placeholder="请选择截止时间"
</el-date-picker> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="责任单位截止时间" <el-form-item
label="责任单位截止时间"
:prop="!disabledXX ? 'responsibleUnitDeadline':''" :prop="!disabledXX ? 'responsibleUnitDeadline':''"
class="add-form-item form-item-disabled"> class="add-form-item form-item-disabled"
<el-date-picker :disabled="disabledXX" >
<el-date-picker
v-model="dataForm.responsibleUnitDeadline" v-model="dataForm.responsibleUnitDeadline"
:disabled="disabledXX"
type="date" type="date"
style="width: 100%" style="width: 100%"
placeholder="请选择责任单位截止时间"> placeholder="请选择责任单位截止时间"
</el-date-picker> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="政策征求意见周期" <el-form-item
label="政策征求意见周期"
:prop="!disabledXX ? 'cycleTime':''" :prop="!disabledXX ? 'cycleTime':''"
class="add-form-item form-item-disabled"> class="add-form-item form-item-disabled"
<el-date-picker :disabled="disabledXX" >
<el-date-picker
v-model="dataForm.cycleTime" v-model="dataForm.cycleTime"
:disabled="disabledXX"
type="daterange" type="daterange"
range-separator="—" range-separator="—"
align="right" align="right"
@@ -98,38 +128,46 @@
style="width: 100%" style="width: 100%"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期"> end-placeholder="结束日期"
</el-date-picker> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="模板" <el-form-item
class="add-form-item form-item-disabled"> label="模板"
class="add-form-item form-item-disabled"
>
<el-input <el-input
v-model="dataForm.templateFileId"
disabled disabled
style="display: none;" style="display: none;"
v-model="dataForm.templateFileId"
clearable clearable
></el-input> />
<div v-if="dataForm.templateFileList && dataForm.templateFileList.length > 0"> <div v-if="dataForm.templateFileList && dataForm.templateFileList.length > 0">
<div v-for="(item, index) in dataForm.templateFileList" :key="index" <div
style="margin-right: 5px;padding-left: 10px"> v-for="(item, index) in dataForm.templateFileList"
:key="index"
style="margin-right: 5px;padding-left: 10px"
>
<div class="fileClass"> <div class="fileClass">
<span @click="handlePreview(item)">{{ item.name }}</span> <span @click="handlePreview(item)">{{ item.name }}</span>
<el-button size="small" <el-button
@click="clickButtonToUpload(item)" size="small"
icon="el-icon-download" icon="el-icon-download"
style="height: 32px; margin-left: 5px;" style="height: 32px; margin-left: 5px;"
></el-button> @click="clickButtonToUpload(item)"
/>
</div> </div>
</div> </div>
</div> </div>
<div> <div>
<el-button v-if="!disabledXX" <el-button
v-if="!disabledXX"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"
@click="fileUpload('templateFileList','templateFileId','.zip,.docx,.doc,.xls,.xlsx',200)" @click="fileUpload('templateFileList','templateFileId','.zip,.docx,.doc,.xls,.xlsx',200)"
size="mini"> >
点击上传 点击上传
</el-button> </el-button>
</div> </div>
@@ -137,91 +175,123 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" v-if="taskKey == 'PolicySolicitOpinionProcessKey7' && !this.$route.query.operate"> <el-row v-if="taskKey == 'PolicySolicitOpinionProcessKey7' && !this.$route.query.operate" :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="责任人" prop="zrrUserNames" <el-form-item
class="add-form-item form-item-disabled"> label="责任人"
<el-input @click.native="selectOperation('责任人',dataForm.zrrUserIds,false)" prop="zrrUserNames"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.zrrUserNames" v-model="dataForm.zrrUserNames"
readonly readonly
placeholder="请选择责任人" placeholder="请选择责任人"
clearable clearable
></el-input> @click.native="selectOperation('责任人',dataForm.zrrUserIds,false)"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" v-if="taskKey == 'PolicySolicitOpinionProcessKey9' && !this.$route.query.operate"> <el-row v-if="taskKey == 'PolicySolicitOpinionProcessKey9' && !this.$route.query.operate" :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="内部评审" prop="internalReviewFlag" <el-form-item
class="add-form-item form-item-disabled"> label="内部评审"
<el-select v-model="dataForm.internalReviewFlag" prop="internalReviewFlag"
class="add-form-item form-item-disabled"
>
<el-select
v-model="dataForm.internalReviewFlag"
placeholder="请选择内部评审"
clearable
@change="internalReviewFlagChange" @change="internalReviewFlagChange"
placeholder="请选择内部评审" clearable> >
<el-option :value="'0'" <el-option
label="是">是 :value="'0'"
label="是"
>
是
</el-option> </el-option>
<el-option :value="'1'" <el-option
label="否">否 :value="'1'"
label="否"
>
否
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="本单位审批人" prop="zrdwUserName" <el-form-item
v-if="dataForm.internalReviewFlag == '0'" v-if="dataForm.internalReviewFlag == '0'"
class="add-form-item form-item-disabled"> label="本单位审批人"
<el-input @click.native="selectOperation('审批人',dataForm.zrdwUserId,true)" prop="zrdwUserName"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.zrdwUserName" v-model="dataForm.zrdwUserName"
readonly readonly
placeholder="请选择本单位审批人" placeholder="请选择本单位审批人"
clearable clearable
></el-input> @click.native="selectOperation('审批人',dataForm.zrdwUserId,true)"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" v-if="taskKey == 'PolicySolicitOpinionProcessKey12' && !this.$route.query.operate"> <el-row v-if="taskKey == 'PolicySolicitOpinionProcessKey12' && !this.$route.query.operate" :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="会签人" prop="hqrUserNames" <el-form-item
class="add-form-item form-item-disabled"> label="会签人"
<el-input @click.native="selectOperation('会签人',dataForm.hqrUserIds,false)" prop="hqrUserNames"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.hqrUserNames" v-model="dataForm.hqrUserNames"
readonly readonly
placeholder="请选择会签人" placeholder="请选择会签人"
clearable clearable
></el-input> @click.native="selectOperation('会签人',dataForm.hqrUserIds,false)"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" v-if="taskKey == 'PolicySolicitOpinionProcessKey16' && !this.$route.query.operate"> <el-row v-if="taskKey == 'PolicySolicitOpinionProcessKey16' && !this.$route.query.operate" :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="抄送人" prop="csr2UserNames" <el-form-item
class="add-form-item form-item-disabled"> label="抄送人"
<el-input @click.native="selectOperation('抄送人',dataForm.csr2UserIds,false)" prop="csr2UserNames"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.csr2UserNames" v-model="dataForm.csr2UserNames"
readonly readonly
placeholder="请选择抄送人" placeholder="请选择抄送人"
clearable clearable
></el-input> @click.native="selectOperation('抄送人',dataForm.csr2UserIds,false)"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-form> </el-form>
<solicitationList v-if="showSolicitation" ref="solicitationListRef" /> <solicitationList v-if="showSolicitation" ref="solicitationListRef" />
<ReceiptDescription v-if="showCommentText" title="意见填写" v-model="commentText"></ReceiptDescription> <ReceiptDescription v-if="showCommentText" v-model="commentText" title="意见填写" />
</div> </div>
</div> </div>
<div class="content" v-show="showPersonnel && active === '2'"> <div v-show="showPersonnel && active === '2'" class="content">
<personnelInformation ref="personnelInformationRef" /> <personnelInformation ref="personnelInformationRef" />
</div> </div>
<div class="content" v-if="showApprovalHistory && active === '3'" <div
style="padding-top: 20px"> v-if="showApprovalHistory && active === '3'"
class="content"
style="padding-top: 20px"
>
<ApprovalHistory /> <ApprovalHistory />
</div> </div>
<ProcessFooter :show-submit="showSubmit" <ProcessFooter
:show-submit="showSubmit"
:show-save="showSave" :show-save="showSave"
:submitLoading="isSubmit" :submitLoading="isSubmit"
:rejectLoading="isReject" :rejectLoading="isReject"
@@ -232,36 +302,38 @@
@transfer="handleTransfer" @transfer="handleTransfer"
@submit="handleSubmit" @submit="handleSubmit"
@reject="handleReject" @reject="handleReject"
> />
</ProcessFooter>
<Role-tree <Role-tree
:check-box="checkBox" :check-box="checkBox"
:is-title="title" :is-title="title"
:is-visible.sync="drawerModal" :is-visible.sync="drawerModal"
:nodeList="nodeList" :nodeList="nodeList"
@checkedRole="checkedRole" @checkedRole="checkedRole"
></Role-tree> />
<policySolicitingOpinions ref="policySolicitingOpinionsRef" <policySolicitingOpinions
@policySolicitingOpinionsForm="policySolicitingOpinionsForm"/> ref="policySolicitingOpinionsRef"
@policySolicitingOpinionsForm="policySolicitingOpinionsForm"
/>
<processFile <processFile
ref="processFileRef" ref="processFileRef"
:accept="accept" :accept="accept"
:fileMax_M="fileMax_M" :fileMax_M="fileMax_M"
@uploadSuccess="uploadSuccess"/> @uploadSuccess="uploadSuccess"
/>
<loading :loading="dataLoading">正在加载数据</loading> <loading :loading="dataLoading">正在加载数据</loading>
</div> </div>
</template> </template>
<script> <script>
import ProcessHeader from "../../components/ProcessHeader"; import ProcessHeader from '../../components/ProcessHeader';
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from '../../components/ProcessTitle';
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from '../../components/ProcessFooter';
import approvalHistory from "./components/approvalHistory";//审批历史 import approvalHistory from './components/approvalHistory';// 审批历史
import ApprovalHistory from "@/components/hzwlComponents/ApprovalHistory"; import ApprovalHistory from '@/components/hzwlComponents/ApprovalHistory';
import personnelInformation from "./components/personnelInformation";//人员信息 import personnelInformation from './components/personnelInformation';// 人员信息
import solicitationList from "./components/solicitationList";//征求意见列表 import solicitationList from './components/solicitationList';// 征求意见列表
import policySolicitingOpinions from "./components/policySolicitingOpinions"; import policySolicitingOpinions from './components/policySolicitingOpinions';
import processFile from "../../components/processFile"; import processFile from '../../components/processFile';
import { import {
queryTaskFirst, queryTaskFirst,
saveTaskFirst, saveTaskFirst,
@@ -269,12 +341,12 @@
changeAssigneeNew, changeAssigneeNew,
inboundLiaisonDetail, inboundLiaisonDetail,
saveTaskForPub saveTaskForPub
} from "api/process"; } from 'api/process';
import axios from "axios"; import axios from 'axios';
import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription"; import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription';
export default { export default {
name: "index", name: 'Index',
components: { components: {
ReceiptDescription, ReceiptDescription,
ProcessHeader, ProcessHeader,
@@ -477,7 +549,7 @@
}, },
methods: { methods: {
handlePreview (file) { handlePreview (file) {
let attId = "" let attId = ''
if (file && file.id) { if (file && file.id) {
attId = file.id attId = file.id
} else { } else {
@@ -525,41 +597,41 @@
if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1') { if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1') {
this.draftSaving() this.draftSaving()
} else if (this.taskKey == 'PolicySolicitOpinionProcessKey3') { } else if (this.taskKey == 'PolicySolicitOpinionProcessKey3') {
let _formData = new FormData(); const _formData = new FormData();
_formData.append("taskIds", this.$route.query.taskIds); _formData.append('taskIds', this.$route.query.taskIds);
let data = Object.assign(this.dataForm, this.$refs.personnelInformationRef.roleForm); const data = Object.assign(this.dataForm, this.$refs.personnelInformationRef.roleForm);
_formData.append("json", JSON.stringify({ _formData.append('json', JSON.stringify({
form: data, form: data,
commentText: this.commentText, commentText: this.commentText,
currentUserId: this.$store.getters.userInfo.userId currentUserId: this.$store.getters.userInfo.userId
})); }));
saveTaskForPub(_formData).then(res => { saveTaskForPub(_formData).then(res => {
this.closeButtonLoading() this.closeButtonLoading()
this.$message.success("保存成功"); this.$message.success('保存成功');
}).catch(e => { }).catch(e => {
this.closeButtonLoading() this.closeButtonLoading()
}); });
} else if (this.taskKey == 'PolicySolicitOpinionProcessKey7') { } else if (this.taskKey == 'PolicySolicitOpinionProcessKey7') {
let _formData = new FormData(); const _formData = new FormData();
_formData.append("taskIds", this.$route.query.taskIds); _formData.append('taskIds', this.$route.query.taskIds);
_formData.append("json", JSON.stringify({ _formData.append('json', JSON.stringify({
form: this.dataForm, form: this.dataForm,
commentText: this.commentText, commentText: this.commentText,
currentUserId: this.$store.getters.userInfo.userId currentUserId: this.$store.getters.userInfo.userId
})); }));
saveTaskForPub(_formData).then(res => { saveTaskForPub(_formData).then(res => {
this.closeButtonLoading() this.closeButtonLoading()
this.$message.success("保存成功"); this.$message.success('保存成功');
}).catch(e => { }).catch(e => {
this.closeButtonLoading() this.closeButtonLoading()
}); });
} else if (this.taskKey == 'PolicySolicitOpinionProcessKey8' || } else if (this.taskKey == 'PolicySolicitOpinionProcessKey8' ||
this.taskKey == 'PolicySolicitOpinionProcessKey9' || this.taskKey == 'PolicySolicitOpinionProcessKey9' ||
this.taskKey == 'PolicySolicitOpinionProcessKey12') { this.taskKey == 'PolicySolicitOpinionProcessKey12') {
let _formData = new FormData(); const _formData = new FormData();
this.$refs.solicitationListRef.save((row, ids) => { this.$refs.solicitationListRef.save((row, ids) => {
_formData.append("taskIds", this.$route.query.taskIds); _formData.append('taskIds', this.$route.query.taskIds);
_formData.append("json", JSON.stringify({ _formData.append('json', JSON.stringify({
form: this.dataForm, form: this.dataForm,
commentText: this.commentText, commentText: this.commentText,
policySolicitOpinionEOList: row, policySolicitOpinionEOList: row,
@@ -568,7 +640,7 @@
})); }));
saveTaskForPub(_formData).then(res => { saveTaskForPub(_formData).then(res => {
this.closeButtonLoading() this.closeButtonLoading()
this.$message.success("保存成功"); this.$message.success('保存成功');
this.$refs.solicitationListRef.getData() this.$refs.solicitationListRef.getData()
}).catch(e => { }).catch(e => {
this.closeButtonLoading() this.closeButtonLoading()
@@ -578,21 +650,21 @@
}, },
// 草稿保存 // 草稿保存
draftSaving () { draftSaving () {
let _formData = new FormData(); const _formData = new FormData();
let json = this.dataForm const json = this.dataForm
json.commentText = this.commentText json.commentText = this.commentText
_formData.append('id', this.bpnId || '') _formData.append('id', this.bpnId || '')
_formData.append("createUser", this.$store.getters.userInfo.userId); _formData.append('createUser', this.$store.getters.userInfo.userId);
_formData.append("createUserName", this.$store.getters.userInfo.userName); _formData.append('createUserName', this.$store.getters.userInfo.userName);
_formData.append("prcType", "33"); _formData.append('prcType', '33');
_formData.append("json", JSON.stringify({ _formData.append('json', JSON.stringify({
form: json, form: json,
roleForm: this.$refs.personnelInformationRef.roleForm, roleForm: this.$refs.personnelInformationRef.roleForm,
commentText: this.commentText commentText: this.commentText
})); }));
saveTaskFirst(_formData).then(res => { saveTaskFirst(_formData).then(res => {
this.closeButtonLoading() this.closeButtonLoading()
this.$message.success("保存成功"); this.$message.success('保存成功');
this.bpnId = res.result this.bpnId = res.result
}).catch(e => { }).catch(e => {
this.saveLoading = false; this.saveLoading = false;
@@ -616,7 +688,7 @@
const json = Object.assign(this.dataForm); const json = Object.assign(this.dataForm);
json.commentText = this.commentText json.commentText = this.commentText
json.approvalFlag = 0 json.approvalFlag = 0
let query = { const query = {
form: json, form: json,
commentText: this.commentText commentText: this.commentText
} }
@@ -627,7 +699,7 @@
const json = Object.assign(this.dataForm, row); const json = Object.assign(this.dataForm, row);
json.commentText = this.commentText json.commentText = this.commentText
json.approvalFlag = 0 json.approvalFlag = 0
let query = { const query = {
form: json, form: json,
commentText: this.commentText commentText: this.commentText
} }
@@ -641,7 +713,7 @@
const json = Object.assign(this.dataForm); const json = Object.assign(this.dataForm);
json.commentText = this.commentText json.commentText = this.commentText
json.approvalFlag = 0 json.approvalFlag = 0
let query = { const query = {
form: json, form: json,
policySolicitOpinionEOList: row, policySolicitOpinionEOList: row,
removeIds: ids, removeIds: ids,
@@ -662,7 +734,7 @@
const json = Object.assign(this.dataForm); const json = Object.assign(this.dataForm);
json.commentText = this.commentText json.commentText = this.commentText
json.approvalFlag = 0 json.approvalFlag = 0
let query = { const query = {
form: json, form: json,
policySolicitOpinionEOList: row, policySolicitOpinionEOList: row,
removeIds: ids, removeIds: ids,
@@ -701,7 +773,7 @@
const json = Object.assign(this.dataForm); const json = Object.assign(this.dataForm);
json.commentText = this.commentText json.commentText = this.commentText
json.approvalFlag = 1 json.approvalFlag = 1
let query = { const query = {
form: json, form: json,
policySolicitOpinionEOList: row, policySolicitOpinionEOList: row,
removeIds: ids, removeIds: ids,
@@ -713,7 +785,7 @@
const json = Object.assign(this.dataForm); const json = Object.assign(this.dataForm);
json.commentText = this.commentText json.commentText = this.commentText
json.approvalFlag = 1 json.approvalFlag = 1
let query = { const query = {
form: json, form: json,
commentText: this.commentText commentText: this.commentText
} }
@@ -724,7 +796,7 @@
startProcessRollBack (roleForm) { startProcessRollBack (roleForm) {
const json = Object.assign(this.dataForm, roleForm); const json = Object.assign(this.dataForm, roleForm);
json.commentText = this.commentText json.commentText = this.commentText
let query = { const query = {
form: json, form: json,
commentText: this.commentText commentText: this.commentText
} }
@@ -754,14 +826,14 @@
if (this.bpnId) { if (this.bpnId) {
this.taskDel() this.taskDel()
} }
this.$router.push("/processCenter"); this.$router.push('/processCenter');
} }
this.closeButtonLoading() this.closeButtonLoading()
}) })
}, },
// 删除草稿 // 删除草稿
taskDel () { taskDel () {
let taskId = { const taskId = {
id: this.bpnId id: this.bpnId
} }
taskDel(taskId).then(res => { taskDel(taskId).then(res => {
@@ -776,8 +848,8 @@
this.drawerModal = true this.drawerModal = true
}, },
checkedRole (data) { checkedRole (data) {
let ids = [] const ids = []
let names = [] const names = []
if (data && data.length > 0) { if (data && data.length > 0) {
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
ids.push(data[i].id) ids.push(data[i].id)
@@ -836,7 +908,7 @@
this.title = title this.title = title
this.checkBox = isTrue this.checkBox = isTrue
this.selectType = title this.selectType = title
let ids = id && id.length > 0 ? id.split(',') : [] const ids = id && id.length > 0 ? id.split(',') : []
this.nodeList = ids this.nodeList = ids
this.drawerModal = true this.drawerModal = true
}, },
@@ -874,7 +946,7 @@
queryTaskFirst({ queryTaskFirst({
bpnId: this.bpnId bpnId: this.bpnId
}).then(res => { }).then(res => {
let mes = JSON.parse(res.mes); const mes = JSON.parse(res.mes);
this.dataForm = mes.form this.dataForm = mes.form
this.$refs.personnelInformationRef.getData(mes.roleForm) this.$refs.personnelInformationRef.getData(mes.roleForm)
this.commentText = mes.commentText this.commentText = mes.commentText
@@ -897,7 +969,6 @@
width: 30%; width: 30%;
} }
position: relative; position: relative;
height: 100%; height: 100%;