style: 格式化

This commit is contained in:
zyn
2024-01-31 13:54:28 +08:00
parent 9862b51571
commit 1d1c07a4fa
@@ -6,14 +6,24 @@
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" v-if="showPersonnel" :class="active === '2' ? 'active' : ''"
@click="handleTabs('2')">人员信息
<div
v-if="showPersonnel"
class="headerTabsItem"
:class="active === '2' ? 'active' : ''"
@click="handleTabs('2')"
>
人员信息
</div>
<div class="headerTabsItem" v-if="showApprovalHistory"
:class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史
<div
v-if="showApprovalHistory"
class="headerTabsItem"
:class="active === '3' ? 'active' : ''"
@click="handleTabs('3')"
>
审批历史
</div>
</div>
<div class="content" v-show="active === '1'">
<div v-show="active === '1'" class="content">
<div style="flex: auto; overflow: auto;">
<el-form
ref="zczqyjForm"
@@ -28,69 +38,89 @@
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="政策文号"
<el-form-item
label="政策文号"
:prop="!disabledXX ? 'lawsNo':''"
class="add-form-item form-item-disabled">
<el-input :disabled="true"
class="formInput"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.lawsNo"
:disabled="true"
class="formInput"
placeholder="请输入政策文号"
clearable
/>
<div v-if="!disabledXX" class="addButton" style="padding-left: 10px">
<el-button :disabled="disabledXX" size="small" type="primary"
@click="handleSearchStandard">选择征求意见政策
<el-button
:disabled="disabledXX"
size="small"
type="primary"
@click="handleSearchStandard"
>
选择征求意见政策
</el-button>
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="政策名称"
<el-form-item
label="政策名称"
:prop="!disabledXX ? 'lawsName':''"
class="add-form-item form-item-disabled">
<el-input :disabled="true"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.lawsName"
:disabled="true"
placeholder="请输入政策名称"
clearable
></el-input>
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="截止时间"
<el-form-item
label="截止时间"
:prop="!disabledXX ? 'endTime':''"
class="add-form-item form-item-disabled">
<el-date-picker :disabled="disabledXX"
class="add-form-item form-item-disabled"
>
<el-date-picker
v-model="dataForm.endTime"
:disabled="disabledXX"
type="date"
style="width: 100%"
placeholder="请选择截止时间">
</el-date-picker>
placeholder="请选择截止时间"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="责任单位截止时间"
<el-form-item
label="责任单位截止时间"
:prop="!disabledXX ? 'responsibleUnitDeadline':''"
class="add-form-item form-item-disabled">
<el-date-picker :disabled="disabledXX"
class="add-form-item form-item-disabled"
>
<el-date-picker
v-model="dataForm.responsibleUnitDeadline"
:disabled="disabledXX"
type="date"
style="width: 100%"
placeholder="请选择责任单位截止时间">
</el-date-picker>
placeholder="请选择责任单位截止时间"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="政策征求意见周期"
<el-form-item
label="政策征求意见周期"
:prop="!disabledXX ? 'cycleTime':''"
class="add-form-item form-item-disabled">
<el-date-picker :disabled="disabledXX"
class="add-form-item form-item-disabled"
>
<el-date-picker
v-model="dataForm.cycleTime"
:disabled="disabledXX"
type="daterange"
range-separator="—"
align="right"
@@ -98,38 +128,46 @@
style="width: 100%"
value-format="yyyy-MM-dd"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
end-placeholder="结束日期"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="模板"
class="add-form-item form-item-disabled">
<el-form-item
label="模板"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.templateFileId"
disabled
style="display: none;"
v-model="dataForm.templateFileId"
clearable
></el-input>
/>
<div v-if="dataForm.templateFileList && dataForm.templateFileList.length > 0">
<div v-for="(item, index) in dataForm.templateFileList" :key="index"
style="margin-right: 5px;padding-left: 10px">
<div
v-for="(item, index) in dataForm.templateFileList"
:key="index"
style="margin-right: 5px;padding-left: 10px"
>
<div class="fileClass">
<span @click="handlePreview(item)">{{ item.name }}</span>
<el-button size="small"
@click="clickButtonToUpload(item)"
<el-button
size="small"
icon="el-icon-download"
style="height: 32px; margin-left: 5px;"
></el-button>
@click="clickButtonToUpload(item)"
/>
</div>
</div>
</div>
<div>
<el-button v-if="!disabledXX"
<el-button
v-if="!disabledXX"
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('templateFileList','templateFileId','.zip,.docx,.doc,.xls,.xlsx',200)"
size="mini">
>
点击上传
</el-button>
</div>
@@ -137,91 +175,123 @@
</el-col>
</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-form-item label="责任人" prop="zrrUserNames"
class="add-form-item form-item-disabled">
<el-input @click.native="selectOperation('责任人',dataForm.zrrUserIds,false)"
<el-form-item
label="责任人"
prop="zrrUserNames"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.zrrUserNames"
readonly
placeholder="请选择责任人"
clearable
></el-input>
@click.native="selectOperation('责任人',dataForm.zrrUserIds,false)"
/>
</el-form-item>
</el-col>
</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-form-item label="内部评审" prop="internalReviewFlag"
class="add-form-item form-item-disabled">
<el-select v-model="dataForm.internalReviewFlag"
<el-form-item
label="内部评审"
prop="internalReviewFlag"
class="add-form-item form-item-disabled"
>
<el-select
v-model="dataForm.internalReviewFlag"
placeholder="请选择内部评审"
clearable
@change="internalReviewFlagChange"
placeholder="请选择内部评审" clearable>
<el-option :value="'0'"
label="是">是
>
<el-option
:value="'0'"
label="是"
>
是
</el-option>
<el-option :value="'1'"
label="否">否
<el-option
:value="'1'"
label="否"
>
否
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="本单位审批人" prop="zrdwUserName"
<el-form-item
v-if="dataForm.internalReviewFlag == '0'"
class="add-form-item form-item-disabled">
<el-input @click.native="selectOperation('审批人',dataForm.zrdwUserId,true)"
label="本单位审批人"
prop="zrdwUserName"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.zrdwUserName"
readonly
placeholder="请选择本单位审批人"
clearable
></el-input>
@click.native="selectOperation('审批人',dataForm.zrdwUserId,true)"
/>
</el-form-item>
</el-col>
</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-form-item label="会签人" prop="hqrUserNames"
class="add-form-item form-item-disabled">
<el-input @click.native="selectOperation('会签人',dataForm.hqrUserIds,false)"
<el-form-item
label="会签人"
prop="hqrUserNames"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.hqrUserNames"
readonly
placeholder="请选择会签人"
clearable
></el-input>
@click.native="selectOperation('会签人',dataForm.hqrUserIds,false)"
/>
</el-form-item>
</el-col>
</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-form-item label="抄送人" prop="csr2UserNames"
class="add-form-item form-item-disabled">
<el-input @click.native="selectOperation('抄送人',dataForm.csr2UserIds,false)"
<el-form-item
label="抄送人"
prop="csr2UserNames"
class="add-form-item form-item-disabled"
>
<el-input
v-model="dataForm.csr2UserNames"
readonly
placeholder="请选择抄送人"
clearable
></el-input>
@click.native="selectOperation('抄送人',dataForm.csr2UserIds,false)"
/>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
<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 class="content" v-show="showPersonnel && active === '2'">
<div v-show="showPersonnel && active === '2'" class="content">
<personnelInformation ref="personnelInformationRef" />
</div>
<div class="content" v-if="showApprovalHistory && active === '3'"
style="padding-top: 20px">
<div
v-if="showApprovalHistory && active === '3'"
class="content"
style="padding-top: 20px"
>
<ApprovalHistory />
</div>
<ProcessFooter :show-submit="showSubmit"
<ProcessFooter
:show-submit="showSubmit"
:show-save="showSave"
:submitLoading="isSubmit"
:rejectLoading="isReject"
@@ -232,36 +302,38 @@
@transfer="handleTransfer"
@submit="handleSubmit"
@reject="handleReject"
>
</ProcessFooter>
/>
<Role-tree
:check-box="checkBox"
:is-title="title"
:is-visible.sync="drawerModal"
:nodeList="nodeList"
@checkedRole="checkedRole"
></Role-tree>
<policySolicitingOpinions ref="policySolicitingOpinionsRef"
@policySolicitingOpinionsForm="policySolicitingOpinionsForm"/>
/>
<policySolicitingOpinions
ref="policySolicitingOpinionsRef"
@policySolicitingOpinionsForm="policySolicitingOpinionsForm"
/>
<processFile
ref="processFileRef"
:accept="accept"
:fileMax_M="fileMax_M"
@uploadSuccess="uploadSuccess"/>
@uploadSuccess="uploadSuccess"
/>
<loading :loading="dataLoading">正在加载数据</loading>
</div>
</template>
<script>
import ProcessHeader from "../../components/ProcessHeader";
import ProcessTitle from "../../components/ProcessTitle";
import ProcessFooter from "../../components/ProcessFooter";
import approvalHistory from "./components/approvalHistory";//审批历史
import ApprovalHistory from "@/components/hzwlComponents/ApprovalHistory";
import personnelInformation from "./components/personnelInformation";//人员信息
import solicitationList from "./components/solicitationList";//征求意见列表
import policySolicitingOpinions from "./components/policySolicitingOpinions";
import processFile from "../../components/processFile";
import ProcessHeader from '../../components/ProcessHeader';
import ProcessTitle from '../../components/ProcessTitle';
import ProcessFooter from '../../components/ProcessFooter';
import approvalHistory from './components/approvalHistory';// 审批历史
import ApprovalHistory from '@/components/hzwlComponents/ApprovalHistory';
import personnelInformation from './components/personnelInformation';// 人员信息
import solicitationList from './components/solicitationList';// 征求意见列表
import policySolicitingOpinions from './components/policySolicitingOpinions';
import processFile from '../../components/processFile';
import {
queryTaskFirst,
saveTaskFirst,
@@ -269,12 +341,12 @@
changeAssigneeNew,
inboundLiaisonDetail,
saveTaskForPub
} from "api/process";
import axios from "axios";
import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
} from 'api/process';
import axios from 'axios';
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription';
export default {
name: "index",
name: 'Index',
components: {
ReceiptDescription,
ProcessHeader,
@@ -477,7 +549,7 @@
},
methods: {
handlePreview (file) {
let attId = ""
let attId = ''
if (file && file.id) {
attId = file.id
} else {
@@ -525,41 +597,41 @@
if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1') {
this.draftSaving()
} else if (this.taskKey == 'PolicySolicitOpinionProcessKey3') {
let _formData = new FormData();
_formData.append("taskIds", this.$route.query.taskIds);
let data = Object.assign(this.dataForm, this.$refs.personnelInformationRef.roleForm);
_formData.append("json", JSON.stringify({
const _formData = new FormData();
_formData.append('taskIds', this.$route.query.taskIds);
const data = Object.assign(this.dataForm, this.$refs.personnelInformationRef.roleForm);
_formData.append('json', JSON.stringify({
form: data,
commentText: this.commentText,
currentUserId: this.$store.getters.userInfo.userId
}));
saveTaskForPub(_formData).then(res => {
this.closeButtonLoading()
this.$message.success("保存成功");
this.$message.success('保存成功');
}).catch(e => {
this.closeButtonLoading()
});
} else if (this.taskKey == 'PolicySolicitOpinionProcessKey7') {
let _formData = new FormData();
_formData.append("taskIds", this.$route.query.taskIds);
_formData.append("json", JSON.stringify({
const _formData = new FormData();
_formData.append('taskIds', this.$route.query.taskIds);
_formData.append('json', JSON.stringify({
form: this.dataForm,
commentText: this.commentText,
currentUserId: this.$store.getters.userInfo.userId
}));
saveTaskForPub(_formData).then(res => {
this.closeButtonLoading()
this.$message.success("保存成功");
this.$message.success('保存成功');
}).catch(e => {
this.closeButtonLoading()
});
} else if (this.taskKey == 'PolicySolicitOpinionProcessKey8' ||
this.taskKey == 'PolicySolicitOpinionProcessKey9' ||
this.taskKey == 'PolicySolicitOpinionProcessKey12') {
let _formData = new FormData();
const _formData = new FormData();
this.$refs.solicitationListRef.save((row, ids) => {
_formData.append("taskIds", this.$route.query.taskIds);
_formData.append("json", JSON.stringify({
_formData.append('taskIds', this.$route.query.taskIds);
_formData.append('json', JSON.stringify({
form: this.dataForm,
commentText: this.commentText,
policySolicitOpinionEOList: row,
@@ -568,7 +640,7 @@
}));
saveTaskForPub(_formData).then(res => {
this.closeButtonLoading()
this.$message.success("保存成功");
this.$message.success('保存成功');
this.$refs.solicitationListRef.getData()
}).catch(e => {
this.closeButtonLoading()
@@ -578,21 +650,21 @@
},
// 草稿保存
draftSaving () {
let _formData = new FormData();
let json = this.dataForm
const _formData = new FormData();
const json = this.dataForm
json.commentText = this.commentText
_formData.append('id', this.bpnId || '')
_formData.append("createUser", this.$store.getters.userInfo.userId);
_formData.append("createUserName", this.$store.getters.userInfo.userName);
_formData.append("prcType", "33");
_formData.append("json", JSON.stringify({
_formData.append('createUser', this.$store.getters.userInfo.userId);
_formData.append('createUserName', this.$store.getters.userInfo.userName);
_formData.append('prcType', '33');
_formData.append('json', JSON.stringify({
form: json,
roleForm: this.$refs.personnelInformationRef.roleForm,
commentText: this.commentText
}));
saveTaskFirst(_formData).then(res => {
this.closeButtonLoading()
this.$message.success("保存成功");
this.$message.success('保存成功');
this.bpnId = res.result
}).catch(e => {
this.saveLoading = false;
@@ -616,7 +688,7 @@
const json = Object.assign(this.dataForm);
json.commentText = this.commentText
json.approvalFlag = 0
let query = {
const query = {
form: json,
commentText: this.commentText
}
@@ -627,7 +699,7 @@
const json = Object.assign(this.dataForm, row);
json.commentText = this.commentText
json.approvalFlag = 0
let query = {
const query = {
form: json,
commentText: this.commentText
}
@@ -641,7 +713,7 @@
const json = Object.assign(this.dataForm);
json.commentText = this.commentText
json.approvalFlag = 0
let query = {
const query = {
form: json,
policySolicitOpinionEOList: row,
removeIds: ids,
@@ -662,7 +734,7 @@
const json = Object.assign(this.dataForm);
json.commentText = this.commentText
json.approvalFlag = 0
let query = {
const query = {
form: json,
policySolicitOpinionEOList: row,
removeIds: ids,
@@ -701,7 +773,7 @@
const json = Object.assign(this.dataForm);
json.commentText = this.commentText
json.approvalFlag = 1
let query = {
const query = {
form: json,
policySolicitOpinionEOList: row,
removeIds: ids,
@@ -713,7 +785,7 @@
const json = Object.assign(this.dataForm);
json.commentText = this.commentText
json.approvalFlag = 1
let query = {
const query = {
form: json,
commentText: this.commentText
}
@@ -724,7 +796,7 @@
startProcessRollBack (roleForm) {
const json = Object.assign(this.dataForm, roleForm);
json.commentText = this.commentText
let query = {
const query = {
form: json,
commentText: this.commentText
}
@@ -754,14 +826,14 @@
if (this.bpnId) {
this.taskDel()
}
this.$router.push("/processCenter");
this.$router.push('/processCenter');
}
this.closeButtonLoading()
})
},
// 删除草稿
taskDel () {
let taskId = {
const taskId = {
id: this.bpnId
}
taskDel(taskId).then(res => {
@@ -776,8 +848,8 @@
this.drawerModal = true
},
checkedRole (data) {
let ids = []
let names = []
const ids = []
const names = []
if (data && data.length > 0) {
for (let i = 0; i < data.length; i++) {
ids.push(data[i].id)
@@ -836,7 +908,7 @@
this.title = title
this.checkBox = isTrue
this.selectType = title
let ids = id && id.length > 0 ? id.split(',') : []
const ids = id && id.length > 0 ? id.split(',') : []
this.nodeList = ids
this.drawerModal = true
},
@@ -874,7 +946,7 @@
queryTaskFirst({
bpnId: this.bpnId
}).then(res => {
let mes = JSON.parse(res.mes);
const mes = JSON.parse(res.mes);
this.dataForm = mes.form
this.$refs.personnelInformationRef.getData(mes.roleForm)
this.commentText = mes.commentText
@@ -897,7 +969,6 @@
width: 30%;
}
position: relative;
height: 100%;