Files
foton-laws-system-front/src/pages/processCenter/pages/creatProcess/zcrk/step3.vue
T
2021-12-30 16:44:40 +08:00

2486 lines
122 KiB
Vue

<template><div class="bzrkStep1">
<!-- 标准入库流程-->
<ProcessHeader toggle>
<template slot="proName">政策入库流程</template>
<template slot="proNode">重新发起流程</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
</div>
<div class="content">
<el-form
ref="form"
:model="form"
:rules="rules"
class="label-input-form"
label-width="210px"
>
<div style="flex: auto; overflow: auto;" v-show="active === '1'">
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="政策分类" prop="lawsType" class="add-form-item form-item-disabled">
<el-select v-model="form.lawsType" filterable clearable>
<el-option
v-for="item in lawsTypeOptions"
placeholder="请选择政策分类"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="中文名称" prop="lawsName" class="add-form-item form-item-disabled">
<el-input
v-model="form.lawsName"
placeholder="请输入中文名称"
clearable
></el-input>
</el-form-item>
<el-form-item label="文本状态" prop="lawsTextState" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.lawsTextState" placeholder="请选择文本状态">
<el-option
v-for="item in lawsTextStateOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="发文日期" prop="issueTime" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.issueTime"
type="date"
placeholder="请选择发文日期"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="征集意见周期" prop="commentCycleDate" class="add-form-item form-item-disabled">
<el-date-picker
v-model="commentCycleDate"
type="datetimerange"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="适用区域" prop="lawsSyqy" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.lawsSyqy" multiple placeholder="请选择适用区域">
<el-option
v-for="item in lawsSyqyOptions"
placeholder="请选择适用区域"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="政策文号" prop="lawsNo" class="add-form-item form-item-disabled">
<el-input
v-model.number="form.lawsNo"
placeholder="请输入政策文号"
clearable
></el-input>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="信息简报" prop="lawsBulletin" class="add-form-item form-item-disabled">
<el-input
v-model.number="form.lawsBulletin"
placeholder="请输入信息简报"
clearable
></el-input>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="备注" prop="lawsRemark" class="add-form-item form-item-disabled">
<el-input
v-model.number="form.lawsRemark"
placeholder="请输入备注"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<!-- <el-form-item label="国家/地区" prop="country" class="add-form-item form-item-disabled">-->
<!-- <el-select :popper-append-to-body="false" v-model="form.country" multiple placeholder="国家/地区">-->
<!-- <el-option-->
<!-- v-for="item in countryOptions"-->
<!-- placeholder="请选择"-->
<!-- :key="item.value"-->
<!-- :value="item.value"-->
<!-- :label="item.label"-->
<!-- ></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="政策编号" prop="lawsNumber" class="add-form-item form-item-disabled">
<el-input
v-model="form.lawsNumber"
placeholder="请输入政策编号"
clearable
></el-input>
</el-form-item>
<el-form-item label="英文名称" prop="lawsEnName" class="add-form-item form-item-disabled">
<el-input
v-model="form.lawsEnName"
placeholder="请输入英文名称"
clearable
></el-input>
</el-form-item>
<el-form-item class="add-form-item form-item-disabled" style="margin-left: -210px">
<el-button
type="primary"
:loading="loadSarStandard"
@click="handleSearchStandard">
根据编号、名称、文本状态查询
</el-button>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="发文单位" prop="issueCompany" class="add-form-item form-item-disabled">
<el-input
v-model="form.issueCompany"
placeholder="请输入发文单位"
clearable
></el-input>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="是否纳入认证清单" prop="isRelateAccess" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.isRelateAccess">
<el-radio label="1">是</el-radio>
<el-radio label="2">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="年度" prop="lawsYear" class="add-form-item form-item-disabled">
<el-select v-model="form.lawsYear" filterable clearable>
<el-option
v-for="item in lawsYearOptions"
placeholder="请选择年度"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="适用车型" prop="lawsSyqy" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.lawsSyqy" multiple placeholder="请选择适用车型">
<el-option
v-for="item in lawsSyqyOptions"
placeholder="请选择适用车型"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="福田转发通知文号" prop="lawsNotisyncNum" class="add-form-item form-item-disabled">
<el-input
v-model="form.lawsNotisyncNum"
placeholder="请输入福田转发通知文号"
clearable
></el-input>
</el-form-item>
<el-form-item v-show="verifySarStandard" label="标签" prop="lawsLabel" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.lawsLabel" multiple placeholder="请选择标签">
<el-option
v-for="item in lawsLabelOptions"
placeholder="请选择标签"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<ProcessTitle v-show="verifySarStandard">
<template slot="title">实施日期</template>
</ProcessTitle>
<div class="prc-content-border" v-show="verifySarStandard" >
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="实施日期(标准文本)" prop="SSRQLAWS" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.SSRQLAWS"
type="date"
placeholder="请选择标准实施日期(标准文本)"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item label="在产车实施日期(标准文本)" prop="ZCXSSRQLAWS" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.ZCXSSRQLAWS"
type="date"
placeholder="请选择在产车实施日期(标准文本)"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="新车型实施日期(标准文本)" prop="XCXSSRQLAWS" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.XCXSSRQLAWS"
type="date"
placeholder="请选择新车型实施日期(标准文本"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="实施日期(国际)" prop="ssrqgj" class="add-form-item form-item-disabled">-->
<!-- <el-date-picker-->
<!-- v-model="form.ssrqgj"-->
<!-- type="date"-->
<!-- placeholder="请选择实施日期(国际)"-->
<!-- value-format="yyyy-MM-dd">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="新车型实施日期(国际)" prop="xcxssrqgj" class="add-form-item form-item-disabled">-->
<!-- <el-date-picker-->
<!-- v-model="form.xcxssrqgj"-->
<!-- type="date"-->
<!-- placeholder="请选择新车型实施日期(国家)"-->
<!-- value-format="yyyy-MM-dd">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="在产车实施日期(国际)" prop="zccssrqgj" class="add-form-item form-item-disabled">-->
<!-- <el-date-picker-->
<!-- v-model="form.zccssrqgj"-->
<!-- type="date"-->
<!-- placeholder="请选择在产车实施日期(国家)"-->
<!-- value-format="yyyy-MM-dd">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
</el-col>
</el-row>
</div>
<ProcessTitle v-show="verifySarStandard">
<template slot="title">文本信息</template>
</ProcessTitle>
<div class="prc-content-border" v-show="verifySarStandard">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="政策文本" prop="ZCWBLAWSName" class="add-form-item form-item-disabled">
<el-input
disabled
style="display: none;"
v-model="form.ZCWBLAWSName"
clearable
></el-input>
<div v-if="ZCWBLAWSFileList.length>0">
<!-- {{ form.fbgbjbdName }}-->
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('ZCWBLAWS')">
<i class="el-icon-upload el-icon--right"></i>
查看已上传的文件
</el-button>
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('ZCWBLAWS')">
<i class="el-icon-upload el-icon--right"></i>
点击上传
</el-button>
</div>
</el-form-item>
<el-form-item label="解读文件" prop="JDWJLAWSName" class="add-form-item form-item-disabled">
<el-input
disabled
style="display: none;"
v-model="form.JDWJLAWSName"
clearable
></el-input>
<div v-if="JDWJLAWSFileList.length>0">
<!-- {{ form.caName }}-->
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('JDWJLAWS')">
<i class="el-icon-upload el-icon--right"></i>
查看已上传的文件
</el-button>
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('JDWJLAWS')">
<i class="el-icon-upload el-icon--right"></i>
点击上传
</el-button>
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="过程文本" prop="GCWBLAWSName" class="add-form-item form-item-disabled">
<el-input
disabled
style="display: none;"
v-model="form.GCWBLAWSName"
clearable
></el-input>
<div v-if="GCWBLAWSFileList.length>0">
<!-- {{ form.ssgName }}-->
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('GCWBLAWS')">
<i class="el-icon-upload el-icon--right"></i>
查看已上传的文件
</el-button>
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('GCWBLAWS')">
<i class="el-icon-upload el-icon--right"></i>
点击上传
</el-button>
</div>
</el-form-item>
</el-col>
</el-row>
</div>
<ProcessTitle v-show="verifySarStandard">
<template slot="title">适用范围</template>
</ProcessTitle>
<div class="prc-content-border" v-show="verifySarStandard">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="发布机构" prop="FBJGLAWS" class="add-form-item form-item-disabled">
<el-input
v-model="form.FBJGLAWS"
clearable
></el-input>
</el-form-item>
<el-form-item label="投稿人" prop="TGRLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.TGRLAWS" placeholder="请选择责任部门" multiple>
<el-option
v-for="item in TGRLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="能源类型" prop="NYLXLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.NYLXLAWS" placeholder="请选择能源类型" multiple>
<el-option
v-for="item in NYLXLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="责任部门" prop="ZRBMLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.ZRBMLAWS" placeholder="请选择责任部门" multiple>
<el-option
v-for="item in ZRBMLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="我司参与深度" prop="CYSDLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.CYSDLAWS" placeholder="请选择我司参与深度">
<el-option
v-for="item in CYSDLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="投稿单位" prop="TGDWLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.TGDWLAWS" placeholder="请选择投稿单位" multiple>
<el-option
v-for="item in TGDWLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="适用认证" prop="YYRZLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.YYRZLAWS" placeholder="请选择适用认证" multiple>
<el-option
v-for="item in YYRZLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="责任工程师" prop="ZRGCSLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.ZRGCSLAWS" placeholder="请选择责任工程师" multiple>
<el-option
v-for="item in ZRGCSLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<ProcessTitle v-show="verifySarStandard">
<template slot="title">关联信息</template>
</ProcessTitle>
<div class="prc-content-border" v-show="verifySarStandard">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="代替文件号" prop="DTWJHLAWS" class="add-form-item form-item-disabled">
<el-input
v-model="form.DTWJHLAWS"
placeholder="请输入代替标准号"
clearable
></el-input>
<!-- <el-button-->
<!-- type="primary"-->
<!-- class="common-button-primary"-->
<!-- size="mini"-->
<!-- style="position:absolute;top: 10px;right: 0;"-->
<!-- @click="selectLaws('dtbjh'),config.attrName = '代替标准号'"-->
<!-- >{{'手动查找'}}</el-button>-->
</el-form-item>
<el-form-item label="引用标准&政策" prop="YYBZZCLAWS" class="add-form-item form-item-disabled">
<el-input
v-model="form.YYBZZCLAWS"
placeholder="请输入引用标准&政策"
clearable
></el-input>
</el-form-item>
<!-- <el-form-item label="相关流程" prop="xglc" class="add-form-item form-item-disabled">-->
<!-- <el-input-->
<!-- v-model="form.xglc"-->
<!-- placeholder="请输入相关流程"-->
<!-- clearable-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
</el-col>
<el-col :span="12">
<el-form-item label="被代替文件号" prop="BDTWJHLAWS" class="add-form-item form-item-disabled">
<el-input
v-model="form.BDTWJHLAWS"
placeholder="请输入被代替文件号"
clearable
></el-input>
<!-- <el-button-->
<!-- type="primary"-->
<!-- class="common-button-primary"-->
<!-- size="mini"-->
<!-- style="position:absolute;top: 10px;right: 0;"-->
<!-- @click="selectLaws('bfbdtbzh'),config.attrName = '部分代替标准号'"-->
<!-- >{{'手动查找'}}</el-button>-->
</el-form-item>
<el-form-item label="关联文件" prop="GLWJLAWSName" class="add-form-item form-item-disabled">
<el-input
disabled
style="display: none;"
v-model="form.GLWJLAWSName"
clearable
></el-input>
<div v-if="GLWJLAWSFileList.length>0">
<el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('GLWJLAWS')">
<i class="el-icon-upload el-icon--right"></i>
查看已上传文件
</el-button>
<!-- {{ form.glwjName }}-->
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('GLWJLAWS')">
<i class="el-icon-upload el-icon--right"></i>
点击上传
</el-button>
</div>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<div class="block" style="padding-top: 20px;" v-show="active === '3'">
<div class="flow-list">
<el-table
height="100%"
ref="selection"
:data="detailData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:no-data-text="listNoDataText"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
prop="name"
label="任务步骤"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{scope.row.commentText}}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? '已完成' : '未完成'}}</span>
</template>
</el-table-column>
</el-table>
<loading :loading="loading">流程列表加载中</loading>
</div>
</div>
</el-form>
<el-collapse v-show="verifySarStandard" v-model="activeName" accordion>
<el-collapse-item title="回执说明" name="1">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<!-- 保存||提交-->
<ProcessFooter
v-show="verifySarStandard"
show-save
show-submit
:submitLoading="isSubmit"
:saveLoading="saveLoading"
@save="handleSave"
@submit="handleSubmit"
>
</ProcessFooter>
<el-dialog width='400px' :visible.sync="fileMadel" title="上传文件">
<el-upload
multiple
drag
:file-list="fileList"
:action="fileUrl"
ref="importfile"
name="file"
accept=".pdf, .PDF, .ppt, .PPT, .pptx,.PPTX, .doc, .DOC, .docx, .DOCX, .xls, .xlsx"
:before-upload="beginImportFile"
:on-success="importFileSuccess"
:on-remove="removeOneFile"
:show-file-list="true"
>
<div style="padding: 20px 0">
<i class="el-icon-upload" style="color: #3399ff"></i>
<p>点击或拖拽上传文件</p>
</div>
</el-upload>
</el-dialog>
<el-dialog
:title="config.attrName"
:visible.sync="replaceLawsNumModel"
width="875px"
:close-on-click-modal="false"
@close="replaceLawsNumModelCancel"
:append-to-body="true"
>
<div class="search-area">
<div class="left">
<el-form :modal="replaceLawsNumForm" :inline="true" class="label-input-form" @keyup.enter.native="getReplaceLawsNumRowFirst">
<el-form-item label="标准来源" class="search-item" v-if="dataSource">
<el-select
:popper-append-to-body="false"
v-model="replaceLawsNumForm.standType"
placeholder="请选择标准来源"
@change="dataSourceChange">
<el-option value="INLAND" label="国内标准库"></el-option>
<el-option value="FOREIGN" label="国外标准库"></el-option>
</el-select>
</el-form-item>
<el-form-item label="编号/名称" class="search-item">
<el-input
v-model="replaceLawsNumForm.standNumber"
placeholder="根据编号/名称查找"
clearable
:maxlength="100"></el-input>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
icon="el-icon-search"
type="primary"
class="common-button-primary"
round
@click="getReplaceLawsNumRowFirst">
</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
class="common-button-default"
icon="el-icon-refresh-left"
round
type="default"
@click="getResetLawsNumRow"></el-button>
</el-form-item>
</el-form>
</div>
</div>
<el-table
ref="selections"
:data="replaceLawsNumRow"
tooltip-effect="dark"
style="width: 100%;overflow-y: auto;overflow-x: hidden;"
border
:height="300"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="selectReplaceStandNumRowChange">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
label="标准编号">
<template slot-scope="scope">
<a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
<a v-else class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber }}</a>
</template>
</el-table-column>
<el-table-column
prop="standName"
label="标准名称">
</el-table-column>
<el-table-column
prop="issueTime"
label="发布日期"
width="130">
<template slot-scope="scope">{{ scope.row.issueTime ? $moment(scope.row.issueTime).format('YYYY-MM-DD') : '' }}</template>
</el-table-column>
<el-table-column
prop="textStatus"
label="文本状态"
width="130">
<template slot-scope="scope">
<span>{{ textStatusMap[scope.row.textStatus] }}</span>
</template>
</el-table-column>
</el-table>
<loading :loading="replaceLoading">{{$t('m.dataAcquisition')}}</loading>
<!--分页-->
<pagination
style="position: relative;"
:page="replacePage"
:total="replaceTotal"
@pageChange="pageChangeReplace"
@pageSizeChange="pageSizeChangeReplace"></pagination>
<div slot="footer" class="demo-drawer-footer">
<el-button class="common-button-default" round icon="el-icon-close" @click="replaceLawsNumModel = false">取消</el-button>
<el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="replaceLawsNumModelBt">提交</el-button>
</div>
</el-dialog>
<Role-tree
is-title="选择责任部门对接人"
:is-visible.sync="modalShowRoleFlag"
@checkedRole="checkedRole2"
:nodeList="nodeList2"
></Role-tree>
<Role-tree
check-box
:is-title="drawerTitle"
:is-visible.sync="modalShowFlag"
@checkedRole="checkedRole"
:nodeList="nodeList"
></Role-tree>
<!-- <el-drawer-->
<!-- :title="drawerTitle"-->
<!-- :visible.sync="modalShowFlag"-->
<!-- :wrapperClosable="false"-->
<!-- size="800px">-->
<!-- <el-input-->
<!-- style="width:70%;padding: 10px"-->
<!-- placeholder="请输入姓名"-->
<!-- v-model="filterText">-->
<!-- </el-input>-->
<!-- <el-tree-->
<!-- :filter-node-method="filterNode"-->
<!-- v-if="modalShowFlag"-->
<!-- node-key="id"-->
<!-- style="height: 100%; overflow: auto;"-->
<!-- class="filter-tree"-->
<!-- :data="treeData"-->
<!-- :props="defaultUserProps"-->
<!-- :default-checked-keys="nodeList"-->
<!-- highlight-current-->
<!-- check-strictly-->
<!-- @check="drawerCheck"-->
<!-- default-expand-all-->
<!-- :expand-on-click-node="false"-->
<!-- show-checkbox-->
<!-- ref="tree">-->
<!-- </el-tree>-->
<!-- <div id="roleFormButton" class="demo-drawer-footer">-->
<!-- <el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo">确定</el-button>-->
<!-- <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancelUserInfo">取消</el-button>-->
<!-- </div>-->
<!-- </el-drawer>-->
<!-- 选择标准的弹框 -->
<el-drawer
ref="standard"
title="查询结果"
size="1300px"
:visible.sync="standardDrawer"
direction="rtl"
:before-close="handleReviseDrawerClose">
<div class="standard-content">
<div class="content">
<div class="standard-table-search">
<el-form :model="standardSearchForm" inline class="label-input-form search-area">
<el-form-item label="政策编号" style="margin-right:-20px" prop="lawsNumber" class="search-item" >
<el-input
v-model="standardSearchForm.lawsNumber"
clearable placeholder="根据编号查找"
:maxlength="100"
@keyup.enter.native="handleSearchStandard"/>
</el-form-item>
<el-form-item label="中文名称" style="margin-right:-20px" prop="lawsName" class="search-item" >
<el-input
v-model="standardSearchForm.lawsName"
placeholder="请输入中文名称"
clearable
:maxlength="100"></el-input>
</el-form-item>
<el-form-item label="英文名称" style="margin-right:-20px" prop="lawsEnName" class="search-item" >
<el-input
v-model="standardSearchForm.lawsEnName"
placeholder="请输入英文名称"
clearable
:maxlength="100"></el-input>
</el-form-item>
<el-formItem label="文本状态" prop="lawsTextState" class="search-item">
<el-select v-model="standardSearchForm.lawsTextState" filterable clearable>
<el-option
v-for="item in lawsTextStateOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-formItem>
<el-form-item>
<el-button
icon="el-icon-search"
type="primary"
class="common-button-primary"
@click="handleSearchStandard"
round>
</el-button>
<el-button
class="common-button-default"
icon="el-icon-refresh-left"
@click="handleResetSearch"
round></el-button>
</el-form-item>
</el-form>
</div>
<div class="standard-table-wrap">
<el-table
ref="reviseDrawerTable"
:data="tableData.standardData"
tooltip-effect="dark"
style="width: 100%;"
:height="tableHeight.standardTableHeight"
border
class="drag-table"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
@selection-change="standSelectChange">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
label="序号"
width="80"
align="center"
></el-table-column>
<el-table-column
label="政策编号"
align="center"
>
<template slot-scope="scope">
<a @click="handlePreview(scope.row)">{{ scope.row.lawsNumber }}</a>
</template>
</el-table-column>
<el-table-column
prop="lawsName"
label="中文名称"
align="center">
</el-table-column>
<el-table-column
prop="lawsEnName"
label="英文名称"
align="center">
</el-table-column>
<el-table-column
prop="textStatus"
label="文本状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.standStatusShow }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="80">
<template slot-scope="scope">
<el-button
class="opera-btn"
size="mini"
type="primary"
@click="handlePreview(scope.row)">查看
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
:page="standardSearchForm.page"
:total="standardSearchForm.total"
@pageChange="handleStandardPageChange"
@pageSizeChange="handleStandardPageSizeChange"></pagination>
<loading :loading="loadSarStandard">数据获取中</loading>
</div>
</div>
<div class="demo-drawer-footer">
<el-button
round
class="common-button-primary"
icon="el-icon-check"
type="primary"
@click="handleProcessStandardNext(1)">新增</el-button>
<el-button
round
class="common-button-primary"
icon="el-icon-check"
type="primary"
@click="handleProcessStandardNext(2)">带入</el-button>
<el-button
round
class="common-button-default"
icon="el-icon-close"
@click="handleProcessStandardNext(3)">取消</el-button>
</div>
</el-drawer>
</div>
</template>
<script>
import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle'
import {inboundLiaisonDetail,saveTaskFirst, queryTaskFirst} from "api/process";
import TreeSelect from '@/components/treeSelect/treeSelect.vue';
import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
export default {
name: "zcrkStep3",
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle,
TreeSelect,
TreeSelectNew
},
data () {
const validateQcdw = (rule, value, callback) => {
if(this.form.standInData === '0'){
if (value === null || value.length === 0) {
callback(new Error('请选择起草单位!'))
} else {
callback()
}
}
callback()
};
const validateCysd = (rule, value, callback) => {
if(this.form.standInData === '0'){
if (value === '') {
callback(new Error('请选择我司参与深度!'))
} else {
callback()
}
}
callback()
};
return {
pickerOptions: {
shortcuts: [{
text: '最近一周',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近一个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近三个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit('pick', [start, end]);
}
}]
},
loading: false,
userId:this.$store.getters.userInfo.userId,
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
bpnId: this.$route.query.bpnId,
prcNum: this.$route.query.prcNum,
prcName: this.$route.query.prcName,
ZCWBLAWSFileId: '',
GCWBLAWSFileId: '',
JDWJLAWSFileId: '',
GLWJLAWSFileId:'',
detailData: [],
fileList: [],
caFileList: [],
FBGBJBDFileList: [],
xgdFileList: [],
ZCWBLAWSFileList: [],
GCWBLAWSFileList: [],
JDWJLAWSFileList: [],
GLWJLAWSFileList: [],
ssgFileList: [],
zqyjgFileList: [],
jdwjFileList: [],
zbjbdFileList: [],
kwjFileList: [],
glwjFileList: [],
filterText:'',
textStatusMap: {}, // 文本状态id与name对应
standardDrawer: false,
loadSarStandard: false,
verifySarStandard: true,
standardSearchForm: {
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
total: 0,
standType: 'INLAND',
standSort: '',
standName: '',
standEnName: '',
standNumber: ''
},
tableData: {
// 标准表格数据
standardData: [],
// 任务分解单数据
taskTableData: []
},
tableHeight: {
standardTableHeight: null
},
selectedList: [],
standardCheckedList: [],
activeName:'1',
roleRow: {},
commentText: '', // 意见
title: '', // 新增编辑抽屉标题
config: {
attrName : '',
},
dataSource: false,
replaceLawsNumModel: false,
replaceLawType: '',
sarBussionessLawsEO: {
replaceLawsNum: ''
},
// 代替标准号
replaceLawsNumForm: {
lawsNumber:'',
numberName:'',
lawsTextState:'',
dataSource: '',
standNumber: '', // 标准编号
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
total: 0,
standType: 'INLAND',
quoteIdList: '',
validFlag: '0',
menuId: 'nomenu'
},
replaceLawsNumRow: [], // 代替政策号 数组内容
replaceTotal: 0,
selectedListRep: [],
replaceLoading: true,
replacePage: 1,
ListModel: false, // 新增编辑抽屉开关
active: '1', // 默认显示
isSubmit: false,
saveLoading: false,
defaultProps: {
children: 'children',
label: 'menuName'
},
defaultCodeProps: {
children: 'children',
label: 'code'
},
defaultModelProps: {
children: 'children',
label: 'model'
},
nodeList: [],
nodeList2: [],
type: '',
defaultUserProps: {
children: 'children',
label: 'name'
},
key:1,
key1:2,
key2:3,
key3:4,
treeData: [], // 人员数据
modalShowFlag: false, // drawer开关
modalShowRoleFlag: false, // drawer开关
modalShowFlag1: false, // drawer开关
modalShowFlag2: false, // drawer开关
modalShowFlag3: false, // drawer开关
modalShowFlag4: false, // drawer开关
url:'',
urlChild:'',
drawerTitle: '', //drawer标题
showCheckBox: true, // 树形控件是否展示多选框
nodeKey: 'id',
defaultCheckedKeys: [],
nodeKeyCode: 'code',
nodeKeyModel: 'model',
defaultCheckedKeys1: [],
defaultCheckedKeys2: [],
defaultCheckedKeys3: [],
fileUrl: 'api/att/attFile/upload',
fileMadel: false,
fileType: '',
countryArr:'',
commentCycleDate:'',
form: {
// 基础信息
country:[],
textStatus: '', // 文本状态
standYear: '', // 标准年份
standInData: '0', // 标准类型
standSort: '', // 标准类别
standNumber: '', // 标准编号
standNature: '', // 标准性质
standEnName: '', // 英文名称
standName: '', // 中文名称
signFlag: '1', // 是否需要会签
standSystem: '',// 标准体系
standSystemName: '',// 标准体系名称
gxhbq: '', // 标签
// 实施日期
ssrq: '', // 实施日期(标准文本)
xcxssrq: '', // 新车型实施日期(标准文本)
zccssrq: '', // 在产车实施日期(标准文本)
ssrqgj: '', // 实施日期(国际)
xcxssrqgj: '', // 新车型实施日期(国际)
zccssrqgj: '', // 在产车实施日期(国际)
// 文本信息
ca: '', // 草案
FBGBJBD: '', // 发布稿
xgd: '', // 修改单
bpg: '', // 报批稿
ssg: '', // 送审稿
zqyjg: '', // 征求意见稿
jdwj: '', // 解读文件
zbjbd: '', // 增补件
kwj: '', // 勘 误件
caName: '', // 草案
fbgbjbdName: '', // 发布稿
xgdName: '', // 修改单
bpgName: '', // 报批稿
ssgName: '', // 送审稿
zqyjgName: '', // 征求意见稿
jdwjName: '', // 解读文件
zbjbdName: '', // 增补件
kwjName: '', // 勘误件
glwjName: '', // 关联文件
// 适用范围
txlb: '', // 体系类别
gkdw: '', // 归口管理部门
qcdw: [], // 起草单位
wssmr: [], // 我司署名人
cysd: '', // 我司参与深度
cllx: [], // 适用车型
nylx: [],// 能源类型
sycpx: [],// 适用产品线
syrz: [], // 适用认证
zrbm: [], // 责任部门
zrgcs: [], // 责任工程师
cycvppsbm: '', // 关联模块--乘用车VPPS编码
cycvppscn: '', // 关联模块--乘用车vpps中文名称
kccvppsbm: '', // 关联模块--卡车VPPS编码
kccvppscn: '', // 关联模块--卡车vpps中文名称
dybxh: '', // 模块结构单元变型号
dymc: '', // 模块结构单元名称
// 关联信息
dtbjh: '', // 代替标准号
cbbh: '', // 采标编号
cbcd: '', // 采标程度
yybj: '', // 引用标准
bfbdtbzh: '', // 部分代替标准号
byybj: '', // 被引用标准
glwj: '', // 关联文件
xglc: '', // 相关流程
chjl: '', // 参会记录
// 基础信息
lawsType: '',
lawsNumber: '',
lawsName: '',
lawsEnName: '',
lawsNo: '',
issueTime: '',
issueCompany: '',
commentCycleStart: '',
commentCycleEnd: '',
lawsTextState: '',
lawsSyqy: '',
lawsSycx: '',
isRelateAccess: '',
lawsYear: '',
lawsNotisyncNum: '',
lawsBulletin: '',
lawsLabel: '',
lawsRemark: '',
// 实施日期
SSRQLAWS:'',
XCXSSRQLAWS:'',
ZCXSSRQLAWS:'',
// 文本信息
ZCWBLAWS:'',
GCWBLAWS:'',
JDWJLAWS:'',
ZCWBLAWSName:'',
GCWBLAWSName:'',
JDWJLAWSName:'',
FBGBUSS:'',
BZSMBUSS:'',
LSBBBUSS:'',
QTWJBUSS:'',
// 适用范围
FBJGLAWS: '',
CYSDLAWS: '',
TGRLAWS: '',
TGDWLAWS: '',
NYLXLAWS: '',
YYRZLAWS: '',
ZRBMLAWS: '',
ZRGCSLAWS: '',
// 关联信息
DTQBBHBUSS:'',
BDTQBBHBUSS:'',
XGJLBUSS:'',
GLWJBUSS:'',
XCSJBUSS:'',
DTWJHLAWS: '',
BDTWJHLAWS: '',
YYBZZCLAWS: '',
XGLC: '',
CHJLLAWS: '',
GLWJLAWS: '',
GLWJLAWSName: '',
}, // 标准信息
roleForm:{
zrUserId: '',
zrUserName: '',
jlUserId: '',
jlUserName: '',
applyUpdUserId: this.$store.getters.userInfo.userId,
applyUpdUserName: this.$store.getters.userInfo.userName,
prcCreateUser: this.$store.getters.userInfo.userId,
prcCreateUserName: this.$store.getters.userInfo.userName,
},
roleRules:{
zrUserName: [
{ required: true, message: '请选择会签责任人', trigger: 'blur' },
],
jlUserName: [
{ required: true, message: '选择标准法规业务经理', trigger: 'blur' },
],
},
rules:{
lawsType: [
{required: true, message: '政策分类不能为空', trigger: 'change'}
],
lawsNumber: [
{required: true, type: 'string', message: '政策编号不能为空', trigger: 'change'},
{type: 'string', max: 100, message: '政策编号不能超过100个字符', trigger: 'change'}
],
lawsName: [
{required: true, message: '中文名称不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '中文名称不能超过500个字符', trigger: 'change'},
{validator: this.verify.checkSpecialCharacterOftags, trigger: 'change'}
],
lawsEnName: [
{required: false, message: '英文名称不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '英文名称不能超过500个字符', trigger: 'change'},
{validator: this.verify.valiateEnName, trigger: 'change'}
],
lawsNo: [
{required: true, type: 'string', message: '政策文号不能为空', trigger: 'change'},
{type: 'string', max: 100, message: '政策文号不能超过100个字符', trigger: 'change'}
],
issueCompany: [
{required: true, type: 'string', message: '发文单位不能为空', trigger: 'change'},
{type: 'string', max: 100, message: '发文单位不能超过100个字符', trigger: 'change'}
],
lawsTextState: [
{required: true, message: '文本状态不能为空', trigger: 'change'}
],
isRelateAccess: [
{required: true, message: '是否纳入认证清单不能为空', trigger: 'change'}
],
lawsYear: [
{required: true, message: '年度不能为空', trigger: 'change'}
],
lawsNotisyncNum: [
{type: 'string', max: 500, message: '福田转发通知文号不能超过500个字符', trigger: 'change'}
],
lawsRemark: [
{type: 'string', max: 500, message: '备注不能超过500个字符', trigger: 'change'}
],
FBJGLAWS: [
{required: true, type: 'string', message: '发布机构不能为空', trigger: 'change'},
{type: 'string', max: 100, message: '发布机构不能超过100个字符', trigger: 'change'}
],
CYSDLAWS: [
{required: true, type: 'string', message: '我司参与深度不能为空', trigger: 'change'}
],
standSort: [
{ required: true, message: '请选择标准类别', trigger: 'change' }
],
standNumber: [
{ required: true, message: '请输入标准编号', trigger: 'blur' },
{ min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' }
],
standYear: [
{ required: true, message: '请输入标准年份'},
{ type: 'number', message: '年标准年份必须为数字值'}
],
standName: [
{ required: true, message: '请输入标准中文名称', trigger: 'blur' },
{ min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' }
],
standEnName: [
{ required: true, message: '请输入标准英文名称', trigger: 'blur' },
{ min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' }
],
standNature: [
{ required: true, message: '请选择标准性质', trigger: 'change' }
],
textStatus: [
{ required: true, message: '请选择文本状态', trigger: 'change' }
]
,
issueTime: [
{ required: true, message: '请选择标准发布日期', trigger: 'change' }
],
qcdw: [
{ required: true, message: '请选择起草单位', validator: validateQcdw, trigger: 'change' }
],
cysd: [
{ required: true, message: '请选择我司参与深度', validator: validateCysd, trigger: 'change' }
],
},
zrUserIds: [], // 选择多个会签责任人
userType:'', // 选择用户ID判断
countryOptions:[],//国家地区
standSortOptions: [], // 标准类别
standNatureOptions: [], // 标准性质
standStateOptions: [], // 文本状态
standSystemOptions: [], // 标准体系
busVppsOptions: [], // 车系体系架构
busVppsChildOptions: [], // 车系体系架构子集合
modelOptions: [], // 模块体系架构
modelChildOptions: [], // 模块体系架构子集合
applyArcticOptions: [], // 适用车型
gkglbmOptions: [], // 归口管理部门
categoryOptions: [], // 能源类型
applyAuthOptions: [], // 适用认证
cysdOptions: [], // 我司参与深度
cbcdOptions: [], // 采标程度
wssmrOptions: [], // 我司署名人
sycpxOptions: [], // 适用产品线
zrbmOptions: [], // 责任部门
zrgcsOptions: [], // 责任工程师
qcdwOption: [], // 起草单位
txlbOptions: [], // 体系类别
lawsTypeOptions: [],
lawsTextStateOptions: [],
lawsSyqyOptions: [],
lawsSycxOptions: [],
lawsYearOptions: [],
lawsLabelOptions: [],
CYSDLAWSOptions: [],
TGRLAWSOptions: [],
TGDWLAWSOptions: [],
NYLXLAWSOptions: [],
YYRZLAWSOptions: [],
ZRBMLAWSOptions: [],
ZRGCSLAWSOptions: [],
data: [], // 标准列表数据
ListForm: {}, // 新增数据
}
},
watch:{
'form.country': {
handler (val) {
if (val !== '' && val !== null && typeof (val) !== 'undefined') {
if (val instanceof Array) {
this.countryArr = val.join(",");
} else {
this.countryArr = val
}
} else if (val === '') {
this.countryArr = []
}
}
},
filterText(val) {
this.$refs.tree.filter(val);
},
},
computed: {
listNoDataText () {
return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
},
},
methods: {
/**
* @description: 动态表单读取
*/
getFormFieldList (item) {
this.$nextTick(() => {
this.form = JSON.parse(JSON.stringify(item))
this.form.prcNum = this.prcNum
this.form.prcName = this.prcName
this.form['id'] = item.id
})
},
getData() {
if(this.taskIds && this.pId){
return new Promise((resolve, reject) => {
inboundLiaisonDetail({
taskIds: this.taskIds,
pId: this.pId
}).then(res => {
if (res) {
const processForm = JSON.parse(res.mesg)
const dateArr = []
if(processForm.commentCycleStart && processForm.commentCycleEnd){
dateArr[0] = processForm.commentCycleStart
dateArr[1] = processForm.commentCycleEnd
this.commentCycleDate = dateArr
}
this.getFormFieldList(processForm)
this.ZCWBLAWSFileList=this.assemble(processForm.ZCWBLAWS,processForm.ZCWBLAWSName);
this.GCWBLAWSFileList=this.assemble(processForm.GCWBLAWS,processForm.GCWBLAWSName);
this.JDWJLAWSFileList=this.assemble(processForm.JDWJLAWS,processForm.JDWJLAWSName);
this.GLWJLAWSFileList=this.assemble(processForm.GLWJLAWS,processForm.GLWJLAWSName);
}
}).catch(e => {
})
})
}
},
processTable () {
this.$nextTick(() => {
Promise.all([this.getTaskId()]).then((value) => {
if(value[0] &&value.length > 0){
let mes = JSON.parse(value[0].mes)
mes.form.date = new Date(this.$moment(mes.form.date).format('YYYY-MM-DD'))
this.form = mes.form
this.taskIds = mes.taskIds;
this.pId = mes.pId;
this.userId = mes.userId;
this.prcNum = mes.prcNum;
this.prcName = mes.prcName;
this.roleForm = mes.roleForm
this.commentText = mes.commentText
}
this.loading = true
this.$http.get('lawss/activiti/get_list_by_instance', {
prcNum: this.prcNum,
sortWord: this.shunxu ? this.paixu : '',
shunxu: this.shunxu
}, {
loading: 'loading',
_this: this
}, res => {
this.detailData = res
this.loading = false
}, e => {})
})
})
},
// choiceZRRS () {
// if (this.userType === 'zrUserId') {
// this.roleForm.zrUserId = this.zrUserIds.map(item => item.id).join(",")
// this.roleForm.zrUserName = this.zrUserIds.map(item => item.name).join(",")
// }
// this.modalshowflag2 = true
// },
checkedRole2 (data) {
let idList = ''
let nameList = ''
data.forEach( item => {
if (nameList.length > 0) {
nameList += ','
idList += ','
}
idList += item.id
nameList += item.name
})
this.roleForm.zrUserId=idList;
this.roleForm.zrUserName=nameList;
},
checkedRole (data) {
if (this.userType === 'jlUserId') {
this.roleForm.jlUserId = data[0].id
this.roleForm.jlUserName = data[0].name
}
},
// z责任人会签姓名搜索
filterNode(value, data) {
if (!value) return true;
return data.name.indexOf(value) !== -1;
},
getTaskId () {
if(this.bpnId){
return new Promise((resolve, reject) => {
queryTaskFirst({
bpnId: this.bpnId
}).then(res => {
this.verifySarStandard = this.$route.query.verifySarStandard
resolve(res || [])
}, e => {
reject(e)
})
})
}
},
// 将文本状态的id与name对应
setMap(data){
data.forEach(item => {
this.$set(this.textStatusMap, item.value, item.label)
})
},
clearFormData(data){
this.form = {
// 基础信息
standInData: data.standInData ? data.standInData : '0', // 标准类型
standSort: data.standSort ? data.standSort : '', // 标准类别
standNumber: data.standNumber ? data.standNumber : '', // 标准编号
standNature: data.standNature ? data.standNature : '', // 标准性质
standEnName: data.standEnName ? data.standEnName : '', // 英文名称
standName: data.standName ? data.standName : '', // 中文名称
signFlag: data.signFlag ? data.signFlag : '1', // 是否需要会签
// 基础信息
lawsType: '',
lawsNumber: data.lawsNumber,
lawsName: data.lawsName,
lawsEnName: data.lawsEnName,
lawsNo: '',
issueTime: '',
issueCompany: '',
commentCycleStart: '',
commentCycleEnd: '',
lawsTextState: data.lawsTextState,
lawsSyqy: '',
lawsSycx: '',
isRelateAccess: '',
lawsYear: '',
lawsNotisyncNum: '',
lawsBulletin: '',
lawsLabel: '',
lawsRemark: '',
// 实施日期
SSRQLAWS:'',
XCXSSRQLAWS:'',
ZCXSSRQLAWS:'',
// 文本信息
ZCWBLAWS:'',
GCWBLAWS:'',
JDWJLAWS:'',
ZCWBLAWSName:'',
GCWBLAWSName:'',
JDWJLAWSName:'',
FBGBUSS:'',
BZSMBUSS:'',
LSBBBUSS:'',
QTWJBUSS:'',
// 适用范围
FBJGLAWS: '',
CYSDLAWS: '',
TGRLAWS: '',
TGDWLAWS: '',
NYLXLAWS: '',
YYRZLAWS: '',
ZRBMLAWS: '',
ZRGCSLAWS: '',
// 关联信息
DTQBBHBUSS:'',
BDTQBBHBUSS:'',
XGJLBUSS:'',
GLWJBUSS:'',
XCSJBUSS:'',
DTWJHLAWS: '',
BDTWJHLAWS: '',
YYBZZCLAWS: '',
XGLC: '',
CHJLLAWS: '',
GLWJLAWS: '',
GLWJLAWSName: '',
} // 标准信息
},
handleProcessStandardNext(status) {
switch (status) {
// 新增
case 1:
this.selectedList = []
this.standardCheckedList = []
this.standardDrawer = false
this.verifySarStandard = true
this.clearFormData(this.form)
break
// 带入
case 2:
if (this.standardCheckedList.length === 1) {
this.$http.get('lawss/sarLawsInfo/getStandInfoUpdateById', {id: this.standardCheckedList[0].id}, {
_this: this
}, res => {
if(res && res.data){
const bringData = res.data
const json = Object.assign(bringData, bringData.attrInfoMap);
this.form = JSON.parse(JSON.stringify(json))
this.form.TGRLAWS = JSON.parse(JSON.stringify(json)).TGRLAWS && JSON.parse(JSON.stringify(json)).TGRLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).TGRLAWS.split(',') : []
this.form.TGDWLAWS = JSON.parse(JSON.stringify(json)).TGDWLAWS && JSON.parse(JSON.stringify(json)).TGDWLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).TGDWLAWS.split(',') : []
this.form.NYLXLAWS = JSON.parse(JSON.stringify(json)).NYLXLAWS && JSON.parse(JSON.stringify(json)).NYLXLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).NYLXLAWS.split(',') : []
this.form.YYRZLAWS = JSON.parse(JSON.stringify(json)).YYRZLAWS && JSON.parse(JSON.stringify(json)).YYRZLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).YYRZLAWS.split(',') : []
this.form.ZRBMLAWS = JSON.parse(JSON.stringify(json)).ZRBMLAWS && JSON.parse(JSON.stringify(json)).ZRBMLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).ZRBMLAWS.split(',') : []
this.form.ZRGCSLAWS = JSON.parse(JSON.stringify(json)).ZRGCSLAWS && JSON.parse(JSON.stringify(json)).ZRGCSLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).ZRGCSLAWS.split(',') : []
this.form.prcNum = this.prcNum
this.form.prcName = this.prcName
this.form['id'] = bringData.id
this.standardDrawer = false
this.verifySarStandard = true
this.busVsFunc()
this.modelFunc()
this.$forceUpdate()
}
// 遍历对象初始化文件信息
for(const p in this.form) {
if (typeof (this.form[p ]) != "function") {
this.initializeFileList(p,this.form[p]);
}
}
console.log("res",res);
})
} else if (this.standardCheckedList.length > 1) {
this.$message.warning('最多可以带入一条政策信息')
} else {
this.$message.warning('请选择要带入的政策信息')
}
break
// 取消
case 3:
this.selectedList = []
this.standardCheckedList = []
this.standardDrawer = false
break
}
},
initializeFileList(property ,value){
switch (property){
case 'xgd':
this.getFileList(value,this.xgdFileList);
break;
case 'fbgbjbd':
this.getFileList(value,this.FBGBJBDFileList);
break;
case 'ssg':
this.getFileList(value,this.ssgFileList);
break;
case 'ca':
this.getFileList(value,this.caFileList);
break;
case 'zbjbd':
this.getFileList(value,this.zbjbdFileList);
break;
case 'kwj':
this.getFileList(value,this.kwjFileList);
break;
case 'jdwj':
this.getFileList(value,this.jdwjFileList);
break;
case 'bpg':
this.getFileList(value,this.bpgFileList);
break;
case 'zqyjg':
this.getFileList(value,this.zqyjgFileList);
break;
case 'glwj':
this.getFileList(value,this.glwjFileList);
break;
default: ;
}
},getFileList(fileIds,defaultFileList){
// 对象为引用传递
this.$http.get('att/attFile/getMultiFileInfos', {
fileIds: fileIds
}, {
_this: this
}, res => {
let fileList = res.data
if (fileList != null && fileList.length > 0) {
for (let i = 0; i < fileList.length; i++) {
let obj = {name: '', response: {}}
obj.name = fileList[i].oldFileName
obj.response.data = fileList[i]
//根据以‘,’分割的id查询到的文件信息,放入对应的文件list中
defaultFileList.push(obj)
console.log("defaultFileList",defaultFileList);
}
}
}, e => {
})
},
handleStandardPageChange (page) {
this.standardSearchForm.page = page
this.handleSearchStandard()
},
handleStandardPageSizeChange (pageSize) {
this.standardSearchForm.pageSize = pageSize
this.handleSearchStandard()
},
standSelectChange (data) {
this.selectedList = []
for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id)
}
this.standardCheckedList = data
},
handleResetSearch() {
this.standardSearchForm.standType = 'INLAND'
this.standardSearchForm.standNumber = ''
this.standardSearchForm.standSort = ''
this.standardSearchForm.standName = ''
this.standardSearchForm.standEnName = ''
setTimeout(() => {
this.handleSearchStandard()
}, 100)
},
/**
* 关闭修订 Drawer 的监听
* @param done
*/
handleReviseDrawerClose (done) {
done()
},
getDomesticStandardTable () {
this.loadSarStandard = true
this.$http.get('lawss/sarLawsInfo/page', this.standardSearchForm, {}, res => {
this.loadSarStandard = false
if (res.ok) {
this.tableData.standardData = res.data.list
this.standardSearchForm.total = res.data.count
}
}, e => {
this.loadSarStandard = false
})
},
handleSearchStandard () {
if (this.form.standType === '') {
this.$message.warning('请选择标准来源')
} else {
this.standardDrawer = true
this.$nextTick(() => {
// 动态设置表格高度
this.tableHeight.standardTableHeight = $('.standard-table-wrap').height()
window.onresize = () => {
this.tableHeight.standardTableHeight = $('.standard-table-wrap').height()
}
})
this.getDomesticStandardTable()
}
},
saveUserInfo () {
this.filterText = ''
if (this.userType === 'zrUserId') {
this.roleForm.zrUserId = this.zrUserIds.map(item => item.id).join(",")
this.roleForm.zrUserName = this.zrUserIds.map(item => item.name).join(",")
} else if (this.userType === 'jlUserId') {
this.roleForm.jlUserId = this.roleRow.id
this.roleForm.jlUserName = this.roleRow.name
}
this.modalShowFlag = false
},
cancelUserInfo () {
this.filterText = ''
this.modalShowFlag = false
},
drawerCheck (data) {
if(this.userType === 'zrUserId'){
if(this.zrUserIds.length > 0){
const list = this.zrUserIds.filter ( item => item.id === data.id);
if(list.length === 0){
this.zrUserIds.push(data)
}else {
this.zrUserIds.forEach((item,index) => {
if(item.id === data.id){
this.zrUserIds.splice(index,1)
}
})
}
}else {
this.zrUserIds.push(data)
}
}else {
var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
if(getlist.length == 1) {
this.roleRow = getlist[0]
}else {
this.$refs.tree.setCheckedKeys([data.id]);
this.roleRow = this.$refs.tree.getCheckedNodes()[0]
}
}
},
choiceZRR (type, title, id) {
this.nodeList = []
this.nodeList.push(id)
this.userType = type
this.drawerTitle = title
this.modalShowFlag = true
},
choiceZRRS (type, title, id) {
this.nodeList = []
this.nodeList.push(id)
this.userType = type
this.drawerTitle = title
this.modalShowRoleFlag = true
},
choiceZRR1 (type, title, id) {
this.drawerTitle = title
this.modalShowFlag1 = true
this.key++
},
choiceZRR2 (type, title, id) {
this.drawerTitle = title
this.modalShowFlag2 = true
this.url = ''
this.urlChild = ''
this.url="sarVppsTree/list"
this.urlChild="sarVppsTree/childByList"
this.key1++
},
choiceZRR3 (type, title, id) {
this.drawerTitle = title
this.modalShowFlag3 = true
this.url = ''
this.urlChild = ''
this.url="sarVppsTree/list"
this.urlChild="sarVppsTree/childByList"
this.key2++
},
choiceZRR4 (type, title, id) {
this.drawerTitle = title
this.modalShowFlag4 = true
this.url = ''
this.urlChild = ''
this.url="sarModelTree/list"
this.urlChild="sarModelTree/childByList"
this.key3++
},
getTree () {
this.$http.get('SarInstitution/institution/institutionAndUser', {}, {}, res=> {
this.treeData = res.data
})
},
// 代替政策号 请求数据
getReplaceLawsNumRowFirst () {
if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
} else {
this.quoteIdList1 = []
this.replaceLawsNumForm.quoteIdList = ''
}
this.replaceLawsNumForm.page = 1
this.replacePage = 1
this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage', this.replaceLawsNumForm, {
_this: this,
loading: 'replaceLoading'
}, res => {
this.replaceLawsNumRow = res.data.list
this.replaceTotal = res.data.count
if (this.selectedListRep.length !== 0) {
this.selectedListRep.map((list) => {
this.replaceLawsNumRow.map((item) => {
if (list.id === item.id) {
item._checked = true
}
})
})
}
}, e => {
})
},
dataSourceChange (val) {
},
handleChange (event) {
// const value = event.target.value
const value = event
this.$emit('input', value)
if (value.length==1000){
return this.$message({
message: '相关标准不能输入超过1000个字符',
type: 'warning'
});
}
},
// 代替政策编号-取消
replaceLawsNumModelCancel () {
// this.replaceLawsNumModel = false
this.$refs.selections.clearSelection()
},
// 代替政策号 table选择事件
selectReplaceStandNumRowChange (row) {
this.selectedListRep = row
},
// 代替政策分页
pageChangeReplace (page) {
this.replacePage = page
this.replaceLawsNumForm.page = page
this.getReplaceLawsNumRow()
},
pageSizeChangeReplace (pageSize) {
// this.replaceRows = pageSize
this.replaceLawsNumForm.pageSize = pageSize
this.getReplaceLawsNumRow()
},
// 代替政策编号确定
replaceLawsNumModelBt () {
let textArr = []
if (typeof this.value === 'string') {
if (this.value) {
textArr = this.value.split(',')
}
}
if (this.selectedListRep.length === 0) {
return this.$message({
message: '请先选择数据',
type: 'warning'
})
}
if (this.selectedListRep.length + textArr.length > 20) {
return this.$message({
message: '标准最多选择20项',
type: 'warning'
})
}
this.selectedListRep.map((item) => {
let texts = ''
if (item.standYear != null && item.standYear !== '') {
texts = item.standSort !== null ? item.standSort + ' ' + item.standNumber + '-' + item.standYear : item.standNumber + '-' + item.standYear
} else {
texts = item.standSort !== null ? item.standSort + ' ' + item.standNumber : item.standNumber
}
textArr.push(texts)
textArr = [...new Set(textArr)]
this.replaceLawsNumModel = false
})
// this.SarLawsInfoEO.replaceLawsNum = textArr.join(',')
// 解决 标准入库流程--圈住的字段,先手动输入,然后再手动查找,点提交就会把手动输入的标准号覆盖
if(this.replaceLawType === 'dtbjh'){
this.form.dtbjh = this.form.dtbjh ? this.form.dtbjh + ',' + textArr.join(',') : textArr.join(',')
}else if(this.replaceLawType === 'yybj'){
this.form.yybj = this.form.yybj ? this.form.yybj + ',' +textArr.join(',') : textArr.join(',')
}else if(this.replaceLawType === 'cbbh'){
this.form.cbbh = this.form.cbbh ? this.form.cbbh + ',' +textArr.join(',') : textArr.join(',')
}else if(this.replaceLawType === 'bfbdtbzh'){
this.form.bfbdtbzh = this.form.bfbdtbzh ? this.form.bfbdtbzh + ',' +textArr.join(',') : textArr.join(',')
}else {
this.form.byybj = this.form.byybj ? this.form.byybj + ',' +textArr.join(',') : textArr.join(',')
}
// this.$emit('input', textArr.join(','))
this.$refs.selections.clearSelection()
},
// 点击查看
handlePreview (item) {
let routeUrl = this.$router.resolve({
name: 'OtherLawsStandDetails',
params: {
id: item.id,
pageType: 'LAWS_STAND'
}
})
window.open(routeUrl.href, '_blank')
},
getResetLawsNumRow () {
this.replaceLawsNumForm = {
standNumber: '', // 标准编号
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
total: 0,
standType: 'INLAND',
quoteIdList: '',
validFlag: '0'
}
this.getReplaceLawsNumRow()
},
selectLaws (type) {
// if (this.standNumFlag === 1) {
// this.$refs.selections.selectAll(false)
// }
// this.sarBussionessLawsEO.replaceLawsNum = ''
this.replaceLawsNumModel = true
this.replaceLawType = ''
this.replaceLawType = type
this.getReplaceLawsNumRow()
},
// 代替政策号 请求数据
getReplaceLawsNumRow () {
if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
} else {
this.quoteIdList1 = []
this.replaceLawsNumForm.quoteIdList = ''
}
this.replaceLawsNumForm.standType = this.form.standInData === '1' ? 'FOREIGN' : 'INLAND'
this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage', this.replaceLawsNumForm, {
_this: this,
loading: 'replaceLoading'
}, res => {
this.replaceLawsNumRow = res.data.list
this.replaceTotal = res.data.count
if (this.selectedListRep.length !== 0) {
this.selectedListRep.map((list) => {
this.replaceLawsNumRow.map((item) => {
if (list.id === item.id) {
item._checked = true
}
})
})
}
}, e => {
})
},
beginImportFile (file) {
var filename = file.name
var index1 = filename.lastIndexOf('.')
var index2 = filename.length
var fileSuffix = filename.substring(index1, index2)
// const fileSuffix = file.name.split('.')[1] // 后缀名
// 判断上传文件格式
if (fileSuffix === '.pdf' || fileSuffix === '.PDF' || fileSuffix === '.ppt'|| fileSuffix === '.PPT' || fileSuffix === '.pptx'|| fileSuffix === '.PPTX'|| fileSuffix === '.doc' || fileSuffix === '.DOC' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
return true
} else {
this.spinShow = false
this.$message.error('文件' + file.name + '格式不正确,请上传PDF/PPT/PPTX/DOC/DOCX或XLS文件')
return false
}
// 判断文件上传大小
// eslint-disable-next-line no-unreachable
if (file.size / 1024 / 1024 <= 200) {
return true
} else {
this.$message.error('文件' + file.name + '大小不超过200M')
return false
}
return true
},
// 导入标准数据成功后执行
importFileSuccess (response, file,fileList) {
// 上传成功后判断是否是两条数据是的话替换掉旧数据
// if (fileList.length > 1) {
// this.fileList = fileList.splice(0, 1)
// }
if (response.ok) {
switch (this.fileType){
case 'ZCWBLAWS':
this.ZCWBLAWSFileList = fileList
break;
case 'GCWBLAWS' :
this.GCWBLAWSFileList = fileList
break;
case 'JDWJLAWS':
this.JDWJLAWSFileList = fileList
break;
case 'GLWJLAWS':
this.GLWJLAWSFileList = fileList
break;
default : ;
}
this.$message({
showClose: true,
message: response.message,
type: 'success'
})
}
},
fileUpload (type) {
this.fileType = '';
// this.fileMadel = true;//此句应在最后执行,否则会有先显示没变换的的文件列表,在显示变换了的文件列表
this.fileType = type;
switch (this.fileType){
case 'ZCWBLAWS':
this.fileList=this.ZCWBLAWSFileList
break;
case 'GCWBLAWS' :
this.fileList=this.GCWBLAWSFileList
break;
case 'JDWJLAWS':
this.fileList=this.JDWJLAWSFileList
break;
case 'GLWJLAWS':
this.fileList=this.GLWJLAWSFileList
break;
default : ;
}
this.fileMadel = true;
},
removeOneFile(file, fileList) {
switch (this.fileType){
case 'ZCWBLAWS':
this.ZCWBLAWSFileList = fileList
break;
case 'GCWBLAWS' :
this.GCWBLAWSFileList = fileList
break;
case 'JDWJLAWS':
this.JDWJLAWSFileList = fileList
break;
case 'GLWJLAWS':
this.GLWJLAWSFileList = fileList
break;
default : ;
}
},
popoverHide (checkedIds, checkedData,isShow,isLoadChild,topId) {
if(checkedData) {
if(checkedData.length > 0 && checkedData.length != 0){
this.form.standSystem = checkedData.map(item => item.menuName).join(",")
}else {
this.form.standSystem = checkedData.menuName
}
this.modalShowFlag1 = false
}
},
popoverHideCancel(){
this.modalShowFlag1 = false
},
popoverHideBusVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
if(checkedData && checkedData.length != 0) {
if(checkedData.length > 0 && checkedData.length != 0){
this.form.cycvppsbm = checkedData.map(item => item.code).join(",")
this.form.cycvppscn = checkedData.map(item => item.chineseName).join(",")
}else {
this.form.cycvppsbm = checkedData.code
this.form.cycvppscn = checkedData.chineseName
}
this.modalShowFlag2 = false
}
},
popoverHideBusVsCancel(){
this.modalShowFlag2 = false
},
popoverHideCarVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
if(checkedData && checkedData.length != 0) {
if(checkedData.length > 0){
this.form.kccvppsbm = checkedData.map(item => item.code).join(",")
this.form.kccvppscn = checkedData.map(item => item.chineseName).join(",")
}else {
this.form.kccvppsbm = checkedData.code
this.form.kccvppscn = checkedData.chineseName
}
this.modalShowFlag3 = false
}
},
popoverHideCarVsCancel(){
this.modalShowFlag3 = false
},
popoverHideModel (checkedIds, checkedData,isShow,isLoadChild,topId) {
if(checkedData && checkedData.length != 0) {
if(checkedData.length > 0){
this.form.dybxh = checkedData.map(item => item.model).join(",")
this.form.dymc = checkedData.map(item => item.name).join(",")
}else {
this.form.dybxh = checkedData.model
this.form.dymc = checkedData.name
}
this.modalShowFlag4 = false
}
},
popoverHideModelCancel(){
this.modalShowFlag4 = false
},
closeDrawer() {
this.ListModel = false
},
OkDrawer() {
this.ListModel = false
var item = {
remarks: '123'
}
this.data.push(item)
},
addList() {
this.title = '新增标准'
this.ListModel = true
},
handleTabs(name) {
this.active = name
},
//保存
handleSave() {
this.form.country=this.countryArr;
// if(item.country !== undefined && item.country !== null){
// this.sarStandardsInfoEO.country = item.country.split(",");
// }
this.saveLoading = true
let _formData = new FormData()
// _formData.append('id', this.bpnId)
_formData.append('createUser', this.$store.getters.userInfo.userId)
_formData.append('createUserName', this.$store.getters.userInfo.uName)
_formData.append('prcType', 'laws1')
_formData.append('prcName', '政策入库流程')
_formData.append('json', JSON.stringify({
// prcForm: this.prcForm,
// sarAccessInfoList: this.sarAccessInfoList,
// sarAccessInfoListADMIN: this.sarAccessInfoListADMIN,
// bzqdForm: this.bzqdForm,
// listInfo: this.listInfo,
// id: this.id
userId:this.userId,
taskIds: this.taskIds,
pId: this.pId,
prcNum: this.prcNum,
prcName: this.prcName,
taskInfo: '申请人重新发起',
form: this.form,
roleForm: this.roleForm,
commentText: this.commentText
}))
saveTaskFirst(_formData).then(res => {
this.saveLoading = false
this.$message.success('保存成功')
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
// this.bpnId = res.result
}).catch(e => {
this.saveLoading = false
})
},
fileInfoHandle(){
//拼接文件名和id 提交到流程Activity
this.form.ZCWBLAWS=this.ZCWBLAWSFileList.map(item => item.response.data.id).join(",")
this.form.ZCWBLAWSName=this.ZCWBLAWSFileList.map(item => item.name).join(",")
this.form.GCWBLAWS=this.GCWBLAWSFileList.map(item => item.response.data.id).join(",")
this.form.GCWBLAWSName=this.GCWBLAWSFileList.map(item => item.name).join(",")
this.form.JDWJLAWS=this.JDWJLAWSFileList.map(item => item.response.data.id).join(",")
this.form.JDWJLAWSName=this.JDWJLAWSFileList.map(item => item.name).join(",")
this.form.GLWJLAWS=this.GLWJLAWSFileList.map(item => item.response.data.id).join(",")
this.form.GLWJLAWSName=this.GLWJLAWSFileList.map(item => item.name).join(",")
},
handleSubmit() {
// this.form.country=this.countryArr;
this.$refs['form'].validate((valid) => {
if (valid) {
this.fileInfoHandle()
this.isSubmit = true
this.form.country=this.countryArr;
var json = Object.assign(this.form, this.roleForm)
json.zrUserId = this.form.zrUserId
json.jlUserId = this.form.jlUserId
json.commentText = this.commentText
json.applyUpdUserId = this.form.applyUpdUserId
json.prcCreateUser = this.form.prcCreateUser
json.prcCreateUserName = this.form.prcCreateUserName
this.$http.post('lawss/activiti/completeTask', {
taskIds: this.taskIds,
userId : this.userId,
json: JSON.stringify(json)
}, {
_this: this
}, res => {
if (res.success) {
this.$message.success(res.message)
this.isSubmit = false
// 流程提交之后,应该流转至待办任务页面
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
}
})
} else {
this.$message.warning('请检查基础信息表单是否填写完整')
}
})
},
busVsFunc(){
this.$http.get('sarVppsTree/list', '', {
_this: this
}, res => {
this.busVppsOptions = []
this.busVppsOptions = res.data
})
},
busVsChildFunc(id){
this.$http.get('sarVppsTree/childByList', {id:id}, {
_this: this
}, res => {
this.busVppsChildOptions = []
this.busVppsChildOptions = res.data
})
},
modelFunc(){
this.$http.get('sarModelTree/list', '', {
_this: this
}, res => {
this.modelOptions = []
this.modelOptions = res.data
})
},
},
mounted () {
this.getData()
this.processTable()
this.getTree()
this.$http.get('sys/dictype/getDicTypeListCode', '', {
_this: this
}, res => {
this.countryOptions=res.data.COUNTRY//国家地区
this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
this.standNatureOptions = res.data.SARPROPERTY // 标准性质
this.standStateOptions = res.data.WBZTCLASS // 文本状态
this.standSystemOptions = res.data.BZTXCLASS // 标准体系
this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
this.categoryOptions = res.data.NYLXCLASS // 能源类型
this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
this.cysdOptions = res.data.WSCYSD // 我司参与深度
this.wssmrOptions = res.data.WSSMR // 我司署名人
this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
this.qcdwOption = res.data.QCDW // 体系类别
this.gkglbmOptions = res.data.GKGLBM // 归口管理部门
this.cbcdOptions = res.data.DEGREESTANDARD // 采标程度
this.txlbOptions = res.data.TXLBCLASS // 体系类别
this.lawsTypeOptions = res.data.lawsType
this.lawsTextStateOptions = res.data.lawsTextState
this.lawsSyqyOptions = res.data.lawsSyqy
this.lawsSycxOptions = res.data.lawsSycx
this.lawsYearOptions = res.data.lawsYear
this.lawsLabelOptions = res.data.lawsLabel
this.CYSDLAWSOptions = res.data.CYSDLAWS
this.TGRLAWSOptions = res.data.TGRLAWS
this.TGDWLAWSOptions = res.data.TGDWLAWS
this.NYLXLAWSOptions = res.data.NYLXLAWS
this.YYRZLAWSOptions = res.data.YYRZLAWS
this.ZRBMLAWSOptions = res.data.ZRBMLAWS
this.ZRGCSLAWSOptions = res.data.ZRGCSLAWS
this.setMap(this.standStateOptions)
})
this.busVsFunc()
this.modelFunc()
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.bzrkStep1 {
/deep/.el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
position: relative;
height: 100%;
.headerTabs {
height: 52px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
}
.standard-content {
height: 100%;
padding: 10px 0 0;
.content {
height: 100%;
display: flex;
flex-direction: column;
padding: 0 10px;
.standard-table-wrap {
flex: auto;
overflow-y: auto;
}
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
}
</style>