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

commit

Browse Source
This commit is contained in:
zhutianqi
2021-06-17 17:56:17 +08:00
parent 6cca408d4a
commit b7d3dc84d3
3 changed files with 506 additions and 1529 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/creatProcess/bzrk/step1.vue
+348 -226
View File
@@ -23,90 +23,109 @@
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="类型" prop="type" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.type">
<el-radio label="1">国内标准入库</el-radio>
<el-radio label="2">海外标准入库</el-radio>
<el-form-item label="类型" prop="standInData" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.standInData">
<el-radio label="0">国内标准入库</el-radio>
<el-radio label="1">海外标准入库</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="标准类别" prop="types" class="add-form-item form-item-disabled">
<el-select v-model="form.types" placeholder="请选择标准类别">
<el-option label="GB" value="1"></el-option>
<el-option label="GB/T" value="2"></el-option>
<el-form-item label="标准类别" prop="standSort" class="add-form-item form-item-disabled">
<el-select v-model="form.standSort" placeholder="请选择标准类别">
<el-option
v-for="item in standSortOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准年份" prop="year" class="add-form-item form-item-disabled">
<el-form-item label="标准年份" prop="standYear" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.year"
v-model="form.standYear"
type="year"
placeholder="请选择标准年份">
</el-date-picker>
</el-form-item>
<el-form-item label="标准中文名称" prop="CNname" class="add-form-item form-item-disabled">
<el-form-item label="标准中文名称" prop="standName" class="add-form-item form-item-disabled">
<el-input
v-model="form.CNname"
v-model="form.standName"
placeholder="请输入标准中文名称"
clearable
></el-input>
</el-form-item>
<el-form-item label="标准英文名称" prop="ENname" class="add-form-item form-item-disabled">
<el-form-item label="标准英文名称" prop="standEnName" class="add-form-item form-item-disabled">
<el-input
v-model="form.ENname"
v-model="form.standEnName"
placeholder="请输入标准英文名称"
clearable
></el-input>
</el-form-item>
<el-form-item label="是否需要会签" prop="jointlySign" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.jointlySign">
<el-form-item label="是否需要会签" prop="signFlag" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.signFlag">
<el-radio label="1">是</el-radio>
<el-radio label="2">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标准编号" prop="number" class="add-form-item form-item-disabled">
<el-form-item label="标准编号" prop="standNumber" class="add-form-item form-item-disabled">
<el-input
v-model="form.number"
v-model="form.standNumber"
placeholder="请输入标准编号"
clearable
></el-input>
</el-form-item>
<el-form-item label="标准性质" prop="nature" class="add-form-item form-item-disabled">
<el-select v-model="form.nature" placeholder="请选择标准性质">
<el-option label="GB" value="1"></el-option>
<el-option label="GB/T" value="2"></el-option>
<el-option label="GB/Z" value="3"></el-option>
<el-form-item label="标准性质" prop="standNature" class="add-form-item form-item-disabled">
<el-select v-model="form.standNature" placeholder="请选择标准性质">
<el-option
v-for="item in standNatureOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="文本状态" prop="TextTypes" class="add-form-item form-item-disabled">
<el-select v-model="form.TextTypes" placeholder="请选择文本状态">
<el-option label="现行有效" value="1"></el-option>
<el-option label="即将实施" value="2"></el-option>
<el-option label="草案" value="3"></el-option>
<el-option label="征求意见" value="4"></el-option>
<el-option label="送审" value="5"></el-option>
<el-option label="报批" value="6"></el-option>
<el-option label="废止" value="7"></el-option>
<el-option label="被代替" value="8"></el-option>
<el-form-item label="文本状态" prop="textStatus" class="add-form-item form-item-disabled">
<el-select v-model="form.textStatus" placeholder="请选择文本状态">
<el-option
v-for="item in standStateOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准发布日期" prop="time" class="add-form-item form-item-disabled">
<el-form-item label="标准发布日期" prop="issueTime" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time"
v-model="form.issueTime"
type="date"
placeholder="请选择标准发布日期">
</el-date-picker>
</el-form-item>
<el-form-item label="是否纳入认证清单" prop="detailedList" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.detailedList">
<el-form-item 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 label="标准体系" prop="system" class="add-form-item form-item-disabled">
<el-form-item v-if="form.standInData === '0'" label="标准体系" prop="standSystem" class="add-form-item form-item-disabled">
<el-select v-model="form.standSystem" placeholder="请选择标准体系">
<el-option
v-for="item in standSystemOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item v-if="form.standInData === '1'" label="标签" prop="gxhbq" class="add-form-item form-item-disabled">
<el-input
v-model="form.system"
placeholder="请输入标准体系"
v-model="form.gxhbq"
placeholder="请输入标签"
clearable
></el-input>
</el-form-item>
@@ -119,46 +138,46 @@
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="实施日期(标准文本)" prop="time1" class="add-form-item form-item-disabled">
<el-form-item label="实施日期(标准文本)" prop="ssrq" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time1"
v-model="form.ssrq"
type="date"
placeholder="请选择标准实施日期(标准文本)">
</el-date-picker>
</el-form-item>
<el-form-item label="新车型实施日期(标准文本)" prop="time2" class="add-form-item form-item-disabled">
<el-form-item label="新车型实施日期(标准文本)" prop="xcxssrq" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time2"
v-model="form.xcxssrq"
type="date"
placeholder="请选择新车型实施日期(标准文本">
</el-date-picker>
</el-form-item>
<el-form-item label="在产车实施日期(标准文本)" prop="time3" class="add-form-item form-item-disabled">
<el-form-item label="在产车实施日期(标准文本)" prop="zccssrq" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time3"
v-model="form.zccssrq"
type="date"
placeholder="请选择在产车实施日期(标准文本)">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="实施日期(国际)" prop="time4" class="add-form-item form-item-disabled">
<el-form-item label="实施日期(国际)" prop="ssrqgj" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time4"
v-model="form.ssrqgj"
type="date"
placeholder="请选择实施日期(国际)">
</el-date-picker>
</el-form-item>
<el-form-item label="新车型实施日期(国际)" prop="time5" class="add-form-item form-item-disabled">
<el-form-item label="新车型实施日期(国际)" prop="xcxssrqgj" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time5"
v-model="form.xcxssrqgj"
type="date"
placeholder="请选择新车型实施日期(国家)">
</el-date-picker>
</el-form-item>
<el-form-item label="在产车实施日期(国际)" prop="time6" class="add-form-item form-item-disabled">
<el-form-item label="在产车实施日期(国际)" prop="zccssrqgj" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time6"
v-model="form.zccssrqgj"
type="date"
placeholder="请选择在产车实施日期(国家)">
</el-date-picker>
@@ -172,9 +191,9 @@
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="修改单" prop="file1" class="add-form-item form-item-disabled">
<div v-if="form.file1">
{{ form.file1 }}
<el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgd" class="add-form-item form-item-disabled">
<div v-if="form.xgd">
{{ form.xgd }}
</div>
<div v-else>
<el-button
@@ -185,9 +204,9 @@
</el-button>
</div>
</el-form-item>
<el-form-item label="发布稿" prop="file2" class="add-form-item form-item-disabled">
<div v-if="form.file2">
{{ form.file2 }}
<el-form-item label="发布稿" prop="fbgbjbd" class="add-form-item form-item-disabled">
<div v-if="form.fbgbjbd">
{{ form.fbgbjbd }}
</div>
<div v-else>
<el-button
@@ -198,9 +217,9 @@
</el-button>
</div>
</el-form-item>
<el-form-item label="报批稿" prop="file3" class="add-form-item form-item-disabled">
<div v-if="form.file3">
{{ form.file3 }}
<el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbd" class="add-form-item form-item-disabled">
<div v-if="form.zbjbd">
{{ form.zbjbd }}
</div>
<div v-else>
<el-button
@@ -211,9 +230,22 @@
</el-button>
</div>
</el-form-item>
<el-form-item label="送审稿" prop="file4" class="add-form-item form-item-disabled">
<div v-if="form.file4">
{{ form.file4 }}
<el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpg" class="add-form-item form-item-disabled">
<div v-if="form.bpg">
{{ form.bpg }}
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini">
点击上传
</el-button>
</div>
</el-form-item>
<el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssg" class="add-form-item form-item-disabled">
<div v-if="form.ssg">
{{ form.ssg }}
</div>
<div v-else>
<el-button
@@ -226,9 +258,9 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="征求意见稿" prop="file5" class="add-form-item form-item-disabled">
<div v-if="form.file5">
{{ form.file5 }}
<el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwj" class="add-form-item form-item-disabled">
<div v-if="form.kwj">
{{ form.kwj }}
</div>
<div v-else>
<el-button
@@ -239,9 +271,9 @@
</el-button>
</div>
</el-form-item>
<el-form-item label="草案" prop="file6" class="add-form-item form-item-disabled">
<div v-if="form.file6">
{{ form.file6 }}
<el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjg" class="add-form-item form-item-disabled">
<div v-if="form.zqyjg">
{{ form.zqyjg }}
</div>
<div v-else>
<el-button
@@ -252,9 +284,22 @@
</el-button>
</div>
</el-form-item>
<el-form-item label="解读文件" prop="file7" class="add-form-item form-item-disabled">
<div v-if="form.file7">
{{ form.file7 }}
<el-form-item label="草案" prop="ca" class="add-form-item form-item-disabled">
<div v-if="form.ca">
{{ form.ca }}
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini">
点击上传
</el-button>
</div>
</el-form-item>
<el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwj" class="add-form-item form-item-disabled">
<div v-if="form.jdwj">
{{ form.jdwj }}
</div>
<div v-else>
<el-button
@@ -274,110 +319,155 @@
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="归口管理部门" prop="AsDepartment" class="add-form-item form-item-disabled">
<el-input
v-model="form.AsDepartment"
placeholder="请输入归口管理部门"
clearable
></el-input>
</el-form-item>
<el-form-item label="起草单位" prop="DraftingUnit" class="add-form-item form-item-disabled">
<el-input
v-model="form.DraftingUnit"
placeholder="请选择起草单位"
clearable
></el-input>
</el-form-item>
<el-form-item label="我司署名人" prop="Subscribers" class="add-form-item form-item-disabled">
<el-select v-model="form.Subscribers" placeholder="请选择我司署名人" multiple>
<el-option label="署名人1" value="1"></el-option>
<el-option label="署名人2" value="2"></el-option>
<el-form-item label="责任部门" prop="zrbm" class="add-form-item form-item-disabled">
<el-select v-model="form.zrbm" placeholder="请选择责任部门" multiple>
<el-option
v-for="item in zrbmOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="我司参与深度" prop="depth" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.depth">
<el-radio label="1">主持</el-radio>
<el-radio label="2">参与</el-radio>
<el-radio label="3">N/A</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="责任部门" prop="Rdepartment" class="add-form-item form-item-disabled">
<el-select v-model="form.Rdepartment" placeholder="请选择责任部门" multiple>
<el-option label="责任部门1" value="1"></el-option>
<el-option label="责任部门2" value="2"></el-option>
<el-form-item label="适用车型" prop="cllx" class="add-form-item form-item-disabled">
<el-select v-model="form.cllx" placeholder="请选择适用车型" multiple>
<el-option
v-for="item in applyArcticOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="关联模块--乘用车VPPS编码" prop="PassengerCarCode" class="add-form-item form-item-disabled">
<el-select v-model="form.PassengerCarCode" placeholder="请选择乘用车VPPS编码" multiple>
<el-form-item label="能源类型" prop="nylx" class="add-form-item form-item-disabled">
<el-select v-model="form.nylx" placeholder="请选择适用车型" multiple>
<el-option
v-for="item in categoryOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="关联模块--乘用车VPPS编码" prop="cycvppsbm" class="add-form-item form-item-disabled">
<el-select v-model="form.cycvppsbm" placeholder="请选择乘用车VPPS编码" multiple>
<el-option label="乘用车VPPS编码1" value="1"></el-option>
<el-option label="乘用车VPPS编码2" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="关联模块--卡车VPPS编码" prop="TruckCode" class="add-form-item form-item-disabled">
<el-select v-model="form.TruckCode" placeholder="请选择卡车VPPS编码" multiple>
<el-form-item label="关联模块--卡车VPPS编码" prop="kccvppsbm" class="add-form-item form-item-disabled">
<el-select v-model="form.kccvppsbm" placeholder="请选择卡车VPPS编码" multiple>
<el-option label="卡车VPPS编码1" value="1"></el-option>
<el-option label="卡车VPPS编码2" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="模块结构单元变型号" prop="UnitModel" class="add-form-item form-item-disabled">
<el-select v-model="form.UnitModel" placeholder="请选择模块结构单元变型号" multiple>
<el-form-item label="模块结构单元变型号" prop="dybxh" class="add-form-item form-item-disabled">
<el-select v-model="form.dybxh" placeholder="请选择模块结构单元变型号" multiple>
<el-option label="模块结构单元变型号1" value="1"></el-option>
<el-option label="模块结构单元变型号2" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item v-if="form.standInData === '0'" label="归口管理部门" prop="gkdw" class="add-form-item form-item-disabled">
<el-input
v-model="form.gkdw"
placeholder="请输入归口管理部门"
clearable
></el-input>
</el-form-item>
<el-form-item v-if="form.standInData === '0'" label="起草单位" prop="fbjg" class="add-form-item form-item-disabled">
<el-input
v-model="form.fbjg"
placeholder="请选择起草单位"
clearable
></el-input>
</el-form-item>
<el-form-item v-if="form.standInData === '1'" label="体系类别" prop="txlb" class="add-form-item form-item-disabled">
<el-select v-model="form.txlb" placeholder="请选择体系类别" multiple>
<el-option
v-for="item in txlbOptions"
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="models" class="add-form-item form-item-disabled">
<el-select v-model="form.models" placeholder="请选择适用车型" multiple>
<el-option label="车型1" value="1"></el-option>
<el-option label="车型2" value="2"></el-option>
<el-form-item label="适用产品线" prop="sycpx" class="add-form-item form-item-disabled">
<el-select v-model="form.sycpx" placeholder="请选择适用车型" multiple>
<el-option
v-for="item in sycpxOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="能源类型" prop="energy" class="add-form-item form-item-disabled">
<el-select v-model="form.energy" placeholder="请选择适用车型" multiple>
<el-option label="能源1" value="1"></el-option>
<el-option label="能源2" value="2"></el-option>
<el-form-item label="适用认证" prop="syrz" class="add-form-item form-item-disabled">
<el-select v-model="form.syrz" placeholder="请选择适用认证" multiple>
<el-option
v-for="item in applyAuthOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="适用产品线" prop="ProductLine" class="add-form-item form-item-disabled">
<el-select v-model="form.ProductLine" placeholder="请选择适用车型" multiple>
<el-option label="产品1" value="1"></el-option>
<el-option label="产品2" value="2"></el-option>
<el-form-item label="责任工程师" prop="zrgcs" class="add-form-item form-item-disabled">
<el-select v-model="form.zrgcs" placeholder="请选择责任工程师" multiple>
<el-option
v-for="item in zrgcsOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="适用认证" prop="authentication" class="add-form-item form-item-disabled">
<el-select v-model="form.authentication" placeholder="请选择适用认证" multiple>
<el-option label="适用认证1" value="1"></el-option>
<el-option label="适用认证2" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="责任工程师" prop="Rengineer" class="add-form-item form-item-disabled">
<el-select v-model="form.Rengineer" placeholder="请选择责任工程师" multiple>
<el-option label="责任工程师1" value="1"></el-option>
<el-option label="责任工程师2" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="关联模块--乘用车vpps中文名称" prop="PassengerCarName" class="add-form-item form-item-disabled">
<el-form-item label="关联模块--乘用车vpps中文名称" prop="cycvppscn" class="add-form-item form-item-disabled">
<el-input
v-model="form.PassengerCarName"
v-model="form.cycvppscn"
disabled
clearable
></el-input>
</el-form-item>
<el-form-item label="关联模块--卡车vpps中文名称" prop="TruckName" class="add-form-item form-item-disabled">
<el-form-item label="关联模块--卡车vpps中文名称" prop="kccvppscn" class="add-form-item form-item-disabled">
<el-input
v-model="form.TruckName"
v-model="form.kccvppscn"
disabled
clearable
></el-input>
</el-form-item>
<el-form-item label="模块结构单元名称" prop="UnitName" class="add-form-item form-item-disabled">
<el-form-item label="模块结构单元名称" prop="dymc" class="add-form-item form-item-disabled">
<el-input
v-model="form.UnitName"
v-model="form.dymc"
disabled
clearable
></el-input>
</el-form-item>
<el-form-item v-if="form.standInData === '0'" label="我司署名人" prop="wssmr" class="add-form-item form-item-disabled">
<el-select v-model="form.wssmr" placeholder="请选择我司署名人" multiple>
<el-option label="署名人1" value="1"></el-option>
<el-option label="署名人2" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item v-if="form.standInData === '0'" label="我司参与深度" prop="cysd" class="add-form-item form-item-disabled">
<el-select v-model="form.cysd" placeholder="请选择我司参与深度">
<el-option
v-for="item in cysdOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
@@ -387,59 +477,29 @@
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="代替标准号" prop="Dnumber" class="add-form-item form-item-disabled">
<el-form-item label="代替标准号" prop="dtbjh" class="add-form-item form-item-disabled">
<el-input
v-model="form.Dnumber"
v-model="form.dtbjh"
placeholder="请输入代替标准号"
clearable
></el-input>
</el-form-item>
<el-form-item label="采标程度" prop="degree" class="add-form-item form-item-disabled">
<el-select v-model="form.degree" placeholder="请选择采标程度">
<el-form-item v-if="form.standInData === '0'" label="采标程度" prop="cbcd" class="add-form-item form-item-disabled">
<el-select v-model="form.cbcd" placeholder="请选择采标程度">
<el-option label="采标程度1" value="1"></el-option>
<el-option label="采标程度2" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="相关流程" prop="Rprocesses" class="add-form-item form-item-disabled">
<el-form-item label="相关流程" prop="xglc" class="add-form-item form-item-disabled">
<el-input
v-model="form.Rprocesses"
v-model="form.xglc"
placeholder="请输入相关流程"
clearable
></el-input>
</el-form-item>
<el-form-item label="参会记录" prop="AttendanceRecord" class="add-form-item form-item-disabled">
<el-input
v-model="form.AttendanceRecord"
placeholder="请输入参会记录"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="采标编号" prop="Cnumber" class="add-form-item form-item-disabled">
<el-input
v-model="form.Cnumber"
placeholder="请输入采标编号"
clearable
></el-input>
</el-form-item>
<el-form-item label="引用标准" prop="Rstandard" class="add-form-item form-item-disabled">
<el-input
v-model="form.Rstandard"
placeholder="请输入引用标准"
clearable
></el-input>
</el-form-item>
<el-form-item label="被引用标准" prop="BRstandard" class="add-form-item form-item-disabled">
<el-input
v-model="form.BRstandard"
placeholder="请输入被引用标准"
clearable
></el-input>
</el-form-item>
<el-form-item label="关联文件" prop="file8" class="add-form-item form-item-disabled">
<div v-if="form.file8">
{{ form.file8 }}
<el-form-item label="关联文件" prop="glwj" class="add-form-item form-item-disabled">
<div v-if="form.glwj">
{{ form.glwj }}
</div>
<div v-else>
<el-button
@@ -451,6 +511,36 @@
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="引用标准" prop="yybj" class="add-form-item form-item-disabled">
<el-input
v-model="form.yybj"
placeholder="请输入引用标准"
clearable
></el-input>
</el-form-item>
<el-form-item v-if="form.standInData === '0'" label="采标编号" prop="cbbh" class="add-form-item form-item-disabled">
<el-input
v-model="form.cbbh"
placeholder="请输入采标编号"
clearable
></el-input>
</el-form-item>
<el-form-item label="被引用标准" prop="byybj" class="add-form-item form-item-disabled">
<el-input
v-model="form.byybj"
placeholder="请输入被引用标准"
clearable
></el-input>
</el-form-item>
<el-form-item v-if="form.standInData === '0'" label="参会记录" prop="chjl" class="add-form-item form-item-disabled">
<el-input
v-model="form.chjl"
placeholder="请输入参会记录"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
@@ -546,60 +636,76 @@
saveLoading: false,
form: {
// 基础信息
TextTypes: '', // 文本状态
year: '', // 标准年份
type: '', // 标准类型
types: '', // 标准类别
number: '', // 标准编号
nature: '', // 标准性质
ENname: '', // 英文名称
CNname: '', // 中文名称
jointlySign: '', // 是否需要会签
time: '', // 发布时间
detailedList: '', // 是否纳入认证清单
system: '',// 标准体系
textStatus: '', // 文本状态
standYear: '', // 标准年份
standInData: '0', // 标准类型
standSort: '', // 标准类别
standNumber: '', // 标准编号
standNature: '', // 标准性质
standEnName: '', // 英文名称
standName: '', // 中文名称
signFlag: '', // 是否需要会签
issueTime: '', // 发布时间
isRelateAccess: '', // 是否纳入认证清单
standSystem: '',// 标准体系
gxhbq: '', // 标签
// 实施日期
time1: '', // 实施日期(标准文本)
time2: '', // 新车型实施日期(标准文本)
time3: '', // 在产车实施日期(标准文本)
time4: '', // 实施日期(国际)
time5: '', // 新车型实施日期(国际)
time6: '', // 在产车实施日期(国际)
ssrq: '', // 实施日期(标准文本)
xcxssrq: '', // 新车型实施日期(标准文本)
zccssrq: '', // 在产车实施日期(标准文本)
ssrqgj: '', // 实施日期(国际)
xcxssrqgj: '', // 新车型实施日期(国际)
zccssrqgj: '', // 在产车实施日期(国际)
// 文本信息
file1: '', // 修改单
file2: '', // 发布稿
file3: '', // 报批稿
file4: '', // 送审稿
file5: '', // 征求意见稿
file6: '', // 草案
file7: '', // 解读文件
ca: '', // 草案
fbgbjbd: '', // 发布稿
xgd: '', // 修改单
bpg: '', // 报批稿
ssg: '', // 送审稿
zqyjg: '', // 征求意见稿
jdwj: '', // 解读文件
zbjbd: '', // 增补件
kwj: '', // 勘误件
// 适用范围
AsDepartment: '', // 归口管理部门
DraftingUnit: '', // 起草单位
Subscribers: '', // 我司署名人
depth: '', // 我司参与深度
models: '', // 适用车型
energy: '',// 能源类型
ProductLine: '',// 适用产品线
authentication: '', // 适用认证
Rdepartment: '', // 责任部门
Rengineer: '', // 责任工程师
PassengerCarCode: '', // 关联模块--乘用车VPPS编码
PassengerCarName: '', // 关联模块--乘用车vpps中文名称
TruckCode: '', // 关联模块--卡车VPPS编码
TruckName: '', // 关联模块--卡车vpps中文名称
UnitModel: '', // 模块结构单元变型号
UnitName: '', // 模块结构单元名称
txlb: '', // 体系类别
gkdw: '', // 归口管理部门
fbjg: '', // 起草单位
wssmr: '', // 我司署名人
cysd: '', // 我司参与深度
cllx: '', // 适用车型
nylx: '',// 能源类型
sycpx: '',// 适用产品线
syrz: '', // 适用认证
zrbm: '', // 责任部门
zrgcs: '', // 责任工程师
cycvppsbm: '', // 关联模块--乘用车VPPS编码
cycvppscn: '', // 关联模块--乘用车vpps中文名称
kccvppsbm: '', // 关联模块--卡车VPPS编码
kccvppscn: '', // 关联模块--卡车vpps中文名称
dybxh: '', // 模块结构单元变型号
dymc: '', // 模块结构单元名称
// 关联信息
Dnumber: '', // 代替标准号
Cnumber: '', // 采标编号
degree: '', // 采标程度
Rstandard: '', // 引用标准
BRstandard: '', // 被引用标准
file8: '', // 关联文件
Rprocesses: '', // 相关流程
AttendanceRecord: '', // 参会记录
dtbjh: '', // 代替标准号
cbbh: '', // 采标编号
cbcd: '', // 采标程度
yybj: '', // 引用标准
byybj: '', // 被引用标准
glwj: '', // 关联文件
xglc: '', // 相关流程
chjl: '', // 参会记录
}, // 标准信息
standSortOptions: [], // 标准类别
standNatureOptions: [], // 标准性质
standStateOptions: [], // 文本状态
standSystemOptions: [], // 标准体系
applyArcticOptions: [], // 适用车型
categoryOptions: [], // 能源类型
applyAuthOptions: [], // 适用认证
cysdOptions: [], // 我司参与深度
sycpxOptions: [], // 适用产品线
zrbmOptions: [], // 责任部门
zrgcsOptions: [], // 责任工程师
txlbOptions: [], // 体系类别
data: [], // 标准列表数据
ListForm: {}, // 新增数据
user1: '',
@@ -637,6 +743,22 @@
}
},
mounted () {
this.$http.get('sys/dictype/getDicTypeListCode', '', {
_this: this
}, res => {
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.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
this.txlbOptions = res.data.TXLBCLASS // 体系类别
})
}
}
</script>
src/pages/regulatoryRepository/localProductsOrProjectLibrary/pages/standInvolveProjectDetail.vue
+85 -673
View File
@@ -3,17 +3,15 @@
<div class="stand-involve-project-detail">
<div class="search-area">
<div class="left">
<el-form ref="sarProject" :model="sarProject" inline @keyup.enter.native="searchStandAndLaws">
<el-form ref="sarProject" :model="sarProject" inline>
<el-form-item label="标准/政策号" class="search-item">
<el-input v-model="sarProject.standCode"
<el-input v-model="sarProject.standNumber"
placeholder="标准/政策号查找"
@keyup.enter="searchStandAndLaws"
clearable></el-input>
</el-form-item>
<el-form-item label="标准/政策名称" class="search-item search-item-last">
<el-input v-model="sarProject.standName"
placeholder="标准/政策名称查找"
@keyup.enter="searchStandAndLaws"
clearable></el-input>
</el-form-item>
<el-form-item label="" class="search-item btn-box">
@@ -37,8 +35,7 @@
:data="sarProjectListDatas"
class="table"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="getSelectedDatas">
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
@@ -50,23 +47,21 @@
width="120"
>
<template slot-scope="scope">
<div v-if="scope.row.standType === 'INLAND_STAND'">国内标准法规</div>
<div v-if="scope.row.standType === 'FOREIGN_STAND'">海外标准法规</div>
<div v-if="scope.row.standType === 'INLAND'">国内标准法规</div>
<div v-if="scope.row.standType === 'FOREIGN'">海外标准法规</div>
<div v-if="scope.row.standType === 'INLAND_LAWS'">国内政策</div>
<div v-if="scope.row.standType === 'FOREIGN_LAWS'">国内外政策</div>
<div v-if="scope.row.standType === 'BUSINESS_STAND'">企业标准</div>
</template>
</el-table-column>
<!-- <el-table-column-->
<!-- prop="country"-->
<!-- label="国家/地区"-->
<!-- >-->
<!-- </el-table-column>-->
<el-table-column
prop="standCode"
prop="standNumber"
label="标准/政策号"
width="180"
>
<template slot-scope="scope">
<div><span>{{ scope.row.standSort }} {{ scope.row.standNumber }}</span> <span v-if="scope.row.standYear">-{{ scope.row.standYear }}</span></div>
</template>
</el-table-column>
<el-table-column
prop="standName"
@@ -79,16 +74,7 @@
width="50"
align="center">
<template slot-scope="scope">
<i class="el-icon-view btn-i" v-btn-permission="'WWVT239CTACWUGHMMQVY'" @click="handleProjectCompliance(scope.row)"></i>
<!--<div @click.stop style="display: inline-block">-->
<!-- <el-dropdown trigger="click" @command="handleCommand">-->
<!-- <i class="iconfont">&#xe61e;</i>-->
<!-- <el-dropdown-menu slot="dropdown">-->
<!-- <el-dropdown-item :command="[scope.row, '查看项目符合性']">查看项目符合性</el-dropdown-item>-->
<!-- &lt;!&ndash; <el-dropdown-item :command="[scope.row, '流程']">流程</el-dropdown-item>&ndash;&gt;-->
<!-- </el-dropdown-menu>-->
<!-- </el-dropdown>-->
<!--</div>-->
<i class="el-icon-view btn-i" @click="handleProjectCompliance(scope.row)"></i>
</template>
</el-table-column>
</el-table>
@@ -137,7 +123,6 @@
</div>
</div>
<el-table
v-if="this.isExistItems === 0"
ref="multipleTable"
:data="sarProStateListDatas"
tooltip-effect="dark"
@@ -145,8 +130,7 @@
border
:height="sarProStateTableHeight"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}"
@selection-change="sarProductStateSelect">
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
@@ -240,181 +224,6 @@
@pageSizeChange="pageProStateSizeChange"></pagination>
</div>
</div>
<!-- 编辑符合性-->
<el-dialog title="编辑符合性" width="400px" :append-to-body="true" :visible.sync="editSarComModal" :before-close="handleClose">
<el-form ref="editSarComEO" :model="editSarComEO" class="label-input-form" style="height: 200px">
<el-input v-model="editSarComEO.id" v-show="false"></el-input>
<el-form-item v-if="this.isExistItems === 0" label="符合性" prop="sarState" class="laws-info-item">
<search-select v-model="editSarComEO.sarState" :options="conformStateOptions1" />
</el-form-item>
<el-form-item v-if="this.isExistItems === 1" label="符合性" prop="sarState" class="laws-info-item">
<search-select v-model="editSarComEO.itemState" :options="conformStateOptions" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button class="common-button-primary" icon="el-icon-check" type="primary" @click="updateSarState">确 定</el-button>
<!-- <el-button v-if="this.isExistItems === 1" class="common-button-primary" icon="el-icon-check" type="primary" @click="updateSarState">确 定</el-button>-->
<el-button class="common-button-default" icon="el-icon-close" @click="handleClose">取 消</el-button>
</div>
</el-dialog>
<loading :loading="loading2">数据处理中</loading>
</el-drawer>
<!-- 查看符合标准性弹窗2-->
<el-drawer
title="标准涉及项目符合性"
:visible.sync="showSarProStateModal2"
:wrapperClosable="false"
size="800px"
:before-close="clearSearchPro2"
class="not-footer-drawer"
>
<div class="demo-drawer-content">
<div class="el-drawer-form">
<div class="search-area">
<div class="left">
<el-form :inline="true" :model="sarProStateEO2" class="label-input-form">
<el-form-item label="项目名称" class="search-item search-item-last">
<el-input
v-model="sarProStateEO2.productName"
placeholder="根据项目名称查找"
:maxlength="100"
clearable></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="queryItemsBySar"></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
@click="clearSearchProState2"></el-button>
</el-form-item>
</el-form>
</div>
<div class="right">
</div>
</div>
<el-table
ref="multipleTable2"
:data="sarProStateListDatas2"
tooltip-effect="dark"
style="width: 100%"
border
:height="sarProStateTableHeight"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}"
@selection-change="sarProductStateSelect2">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<!-- <el-table-column-->
<!-- prop="accessType"-->
<!-- label="清单类型">-->
<!-- <template slot-scope="scope">-->
<!-- <div v-if="scope.row.accessType === 'first'">研发合规法规清单</div>-->
<!-- <div v-if="scope.row.accessType === 'second'">认证合规法规清单</div>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column
prop="productName"
label="项目名称">
</el-table-column>
<el-table-column
prop="carModel"
label="公告车型号">
</el-table-column>
<el-table-column
prop="itemName"
label="条目名称">
</el-table-column>
<el-table-column
prop="sarState"
label="符合性状态">
<template slot-scope="scope">
<div class="table-jump" @click="handleItemClick(scope.row)">
<div v-if="scope.row.sarState === 1">待验证</div>
<div v-if="scope.row.sarState === 2">符合</div>
<div v-if="scope.row.sarState === 3">不符合</div>
<div v-if="scope.row.sarState === 4">部分符合</div>
<div v-if="scope.row.sarState === 5">不涉及</div>
<div v-if="scope.row.sarState === 6">评估中</div>
<div v-if="scope.row.sarState === 7">整改中</div>
<div v-if="scope.row.sarState === 8">未评估</div>
</div>
</template>
</el-table-column>
<!-- <el-table-column label="操作" align="center" width="50" fixed="right">-->
<!-- <template slot-scope="scope">-->
<!-- <div @click.stop style="display: inline-block">-->
<!-- <el-dropdown trigger="click" @command="handleCommandInside">-->
<!-- <i class="iconfont">&#xe61e;</i>-->
<!-- <el-dropdown-menu slot="dropdown">-->
<!-- <el-dropdown-item :command="[scope.row, '编辑']">编辑</el-dropdown-item>-->
<!-- &lt;!&ndash; <el-dropdown-item :command="[scope.row, '查看']">查看</el-dropdown-item>&ndash;&gt;-->
<!-- </el-dropdown-menu>-->
<!-- </el-dropdown>-->
<!-- </div>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table>
<pagination
:page="sarProStateTotalPage2"
:total="sarProStateTotal2"
@pageChange="pageProStateChange2"
@pageSizeChange="pageProStateSizeChange2"></pagination>
</div>
<!-- <div class="demo-drawer-footer">-->
<!-- <el-button class="common-button-primary" icon="el-icon-check" type="primary" @click="saveCopyInfor" :loading="isSubmit">提交</el-button>-->
<!-- <el-button class="common-button-default" icon="el-icon-close" @click="resetForm">取消</el-button>-->
<!-- </div>-->
</div>
<loading :loading="loading3">数据处理中</loading>
</el-drawer>
<!-- 查看符合标准性弹窗 流程-->
<el-drawer
title="相关流程"
:visible.sync="processListVisible"
:wrapperClosable="false"
size="800px"
class="not-footer-drawer"
>
<div class="demo-drawer-content">
<div class="el-drawer-form">
<el-table
ref="processList"
:data="processList"
tooltip-effect="dark"
style="width: 100%"
border
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}"
>
<el-table-column
prop="processNumber"
label="流程编号">
<template slot-scope="scope">
<div class="table-jump" @click="handleProcessClick(scope.row)">
{{ scope.row.processNumber }}
</div>
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-drawer>
</div>
</template>
@@ -424,487 +233,90 @@ export default {
name: 'standInvolveProjectDetail',
data () {
return {
// 条件查询
sarProject: {
// 国家地区
country: '',
// 标准/政策号
standCode: '',
// 标准政策名称
standName: ''
},
// table数据
sarProjectListDatas: [],
countryOptions: [], //国家选择下拉框数据
drawerCountryOptions: [], // 准入信息 国家下拉框
// table高度
tableHeight: null,
// 列表页loading
loading: false,
loading2: false,
loading3: false,
// 外层列表页数据条数
total: 0,
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
// 导出时候用
SarExportSearchEo: {},
// 项目符合性数据
saveSarId: '',
saveSarType: '',
exportShowName: '',
sarItem: {
standId: '',
standType: '',
productCode: '',
productName: ''
},
sarItem2: {
standId: '',
standType: '',
productCode: '',
productName: ''
},
// 新增、编辑 准入信息字段
sarAccessEO: {
country: '',
},
// 模态框内容
sarItemTotal: 0,
itemsPage: 1,
itemsPageSize: this.$store.getters.userInfo.configContent,
sarItemListDatas: [],
conformStateOptions: [
{label: '待验证', value: 1},
{label: '符合', value: 2},
{label: '不符合', value: 3},
// {label: '部分符合', value: 4},
{label: '不涉及', value: 5}
// {label: '评估中', value: 6},
// {label: '整改中', value: 7},
// {label: '未评估', value: 8}
],
conformStateOptions1: [
{label: '待验证', value: 1},
{label: '符合', value: 2},
{label: '不符合', value: 3},
// {label: '部分符合', value: 4},
{label: '不涉及', value: 5}
// {label: '评估中', value: 6},
// {label: '整改中', value: 7},
// {label: '未评估', value: 8}
],
// 查看标准在项目中符合性数据
showSarProStateModal: false,
showSarProStateModal2: false,
sarProStateEO: {
standId: '',
standType: '',
productCode: '',
productName: ''
},
sarProStateEO2: {
standId: '',
standType: '',
productCode: '',
productName: ''
},
sarProStateTotal: 0,
sarProStateTotalPage: 1,
sarProStatePageSize: this.$store.getters.userInfo.configContent,
sarProStateTotal2: 0,
sarProStateTotalPage2: 1,
sarProStatePageSize2: this.$store.getters.userInfo.configContent,
saveClickProductId: '',
saveSarProductId: '',
// 符合性查看弹窗的打开
showSarItemModal: false,
// 符合性项目列表数据
sarProStateListDatas: [],
// 符合性项目列表数据2
sarProStateListDatas2: [],
// 符合性项目列表高度
sarProStateTableHeight: null,
editSarComEO: {
id: '',
sarState: ''
},
editSarComEODefault: {
id: '',
sarState: ''
},
editSarComEO2: {
id: '',
itemState: ''
},
editSarComEODefault2: {
id: '',
itemState: ''
},
// 编辑弹窗打开
editSarComModal: false,
// 选中一行查看符合性弹窗的标准号，
standNum: '',
// 用于切换分页，0，1
isExistItems: '',
processList: [],
processListVisible: false
sarProject: {
standName: '', // 标准政策名称
standNumber: '', // 标准/政策号
standApplicationType: 1
}, // 条件查询
showSarProStateModal: false, // 查看drawer开关
// table数据
sarProjectListDatas: [],
// table高度
tableHeight: null,
// 列表页loading
loading: false,
total: 0,
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
sarProStateEO: {
productName: ''
},
sarProStateTotal: 0,
sarProStateTotalPage: 1,
sarProStatePageSize: this.$store.getters.userInfo.configContent,
sarProStateListDatas: [], // 符合性项目列表数据
sarProStateTableHeight: null, // 符合性项目列表高度
}
},
methods: {
changeState (row) {
console.log(row);
let routeUrl = this.$router.resolve({
name: 'ComplianceDetails',
query: {
sarId: this.saveSarId,
productId: row.productId,
sarType: row.standType,
fromPage: 'product'
}
})
window.open(routeUrl.href, '_blank')
},
/**
* 查看项目符合性弹框里面的
* 符合性状态列点击事件
*/
handleSarStateClick(row) {
if (row.sarState === 8) {
return
}
// console.log(row)
this.showSarProStateModal2 = true
this.saveClickProductId = row.productId
this.queryItemsBySar()
},
/**
* 查看项目 条款 弹框里面的
* 符合性状态列点击事件2222
*/
handleItemClick(row) {
const processList = row.process ? row.process.split(',') : []
console.log(processList)
this.processList = processList.map(item => {
return {
processNumber: item
}
})
this.processListVisible = true
},
/**
* 查看项目 条款 流程编号弹框里面的
* 流程编号点击事件
*/
handleProcessClick(row) {
const processNumber = row.processNumber
this.$store.commit('setDetailMap', this.$route.path)
this.$router.push({
name: 'ProcessDetail',
query: {
prcNum: processNumber
}
})
},
// 返回
back () {
this.$router.push(this.$store.state.detailMap)
this.$store.commit('setDetailMap', '')
},
// 列表操作栏 ...
handleCommand (command) {
switch (command[1]) {
case '查看项目符合性':
this.handleProjectCompliance(command[0])
break
}
},
// 符合性项目列表操作
handleCommandInside (command) {
switch (command[1]) {
case '编辑':
this.handleEdit(command[0])
break
// case '查看':
// this.handleProjectCompliance(command[0])
// break
}
},
searchStandAndLaws () {
this.page = 1
this.queryStandAndLaws()
},
// 分页查询
queryStandAndLaws () {
this.sarProject.page = this.page
this.sarProject.pageSize = this.pageSize
this.SarExportSearchEo = this.sarProject
this.$http.get('lawss/sarProductStand/queryStandAndLawsByPage', this.sarProject, {
_this: this,
loading: 'loading',
}, res => {
console.log(res.data.list)
console.log(res.data.count)
this.sarProjectListDatas = res.data.list
this.total = res.data.count
}, e => {
})
},
// 分页查询条目符合性
queryItemsBySar () {
this.sarItem2.page = this.itemsPage
this.sarItem2.pageSize = this.itemsPageSize
this.sarItem2.standId = this.saveSarId
this.sarItem2.standType = this.saveSarType
this.sarItem2.productId = this.saveClickProductId
this.$http.get('lawss/sarProductSarState/page', this.sarItem2, {
_this: this,
loading: 'loading3'
}, res => {
// this.sarItemListDatas = res.data.list
// this.sarItemTotal = res.data.count
this.sarProStateListDatas2 = res.data.list
this.sarProStateTotal2 = res.data.count
}, e => {
})
},
// 外层清空条件查询
resetSelect () {
this.sarProject.country = ''
this.sarProject.standCode=''
this.sarProject.standName = ''
this.queryStandAndLaws()
},
// 查看项目符合性
handleProjectCompliance (row) {
this.saveSarId = row.standId
this.saveSarType = row.standType
this.exportShowName = row.standName
this.sarItem.productCode = ''
this.sarItem.productName = ''
this.row = row
this.$http.get('lawss/sarProductStand/isPermission', {standId: this.saveSarId}, {
_this: this,
loading: 'loading3'
}, res => {
if (res.ok){
// 现阶段方案
this.isExistItems = 0
searchStandAndLaws () {
this.page = 1
this.queryStandAndLaws()
}, // 查询
pageChange (page) {
this.page = page
this.queryStandAndLaws()
},
pageSizeChange (pageSize) {
this.pageSize = pageSize
this.$store.getters.userInfo.configContent = pageSize
this.queryStandAndLaws()
},
queryStandAndLaws () {
this.sarProject.current = this.page
this.sarProject.size = this.pageSize
this.$http.get('sarStandardComplianceAssessResult/standard', this.sarProject, {
_this: this,
loading: 'loading',
}, res => {
this.sarProjectListDatas = res.data.records
this.total = res.data.total
}, e=> {})
}, // 分页查询
resetSelect () {
this.sarProject.country = ''
this.sarProject.standCode=''
this.sarProject.standName = ''
this.queryStandAndLaws()
}, // 外层清空条件查询
handleProjectCompliance (row) {
this.showSarProStateModal = true
this.querySarProStateZero()
} else{
this.$message.warning('当前标准已不存在')
}
}, e => {
})
},
handleProjectPreview (row) {
this.saveClickProductId = row.productId
this.saveSarProductId = row.id
this.queryItemsBySar()
this.showSarItemModal = true
},
// 如果isExistItems === 0查看标准在项目中符合性列表
querySarProStateZero () {
// let queryUrl = ''
this.sarProStateEO.page = this.sarProStatePage
this.sarProStateEO.pageSize = this.sarProStatePageSize
this.sarProStateEO.standId = this.saveSarId
this.sarProStateEO.standType = this.saveSarType
this.$http.get('lawss/sarProductStand/queryInvolveProByPage', this.sarProStateEO, {
_this: this,
loading: 'loading2'
}, res => {
this.sarProStateListDatas = res.data.list
this.sarProStateTotal = res.data.count
}, e => {
})
},
// 如果isExistItems === 1 查看标准在项目中符合性列表
querySarProStateFirst () {
// let queryUrl = ''
this.sarProStateEO2.page = this.sarProStatePage2
this.sarProStateEO2.pageSize = this.sarProStatePageSize2
// this.sarProStateEO.standId = this.saveSarId
// this.sarProStateEO.standType = this.saveSarType
this.sarProStateEO2.standNum = this.standNum
this.$http.get('lawss/sarInconformItem/queryInvolveItems', this.sarProStateEO2, {
_this: this,
loading: 'loading'
}, res => {
this.sarProStateListDatas2 = res.data.list
this.sarProStateTotal2 = res.data.count
}, e => {
})
},
// 列表多选
sarProductStateSelect (val) {
console.log(val)
},
// 列表多选
sarProductStateSelect2 (val) {
console.log(val)
},
// 清空条件查询
clearSearchProState () {
this.sarProStateEO.productCode = ''
this.sarProStateEO.productName = ''
if (this.isExistItems === 0) {
this.querySarProStateZero()
} else {
this.querySarProStateFirst()
}
},
// 清空条件查询
clearSearchProState2 () {
this.sarProStateEO2.productCode = ''
this.sarProStateEO2.productName = ''
this.querySarProStateFirst()
},
// 清空查询
clearSearchPro () {
this.sarProStateEO.productCode = ''
this.sarProStateEO.productName = ''
this.showSarProStateModal = false
},
// 清空查询
clearSearchPro2 () {
this.sarProStateEO2.productCode = ''
this.sarProStateEO2.productName = ''
this.showSarProStateModal2 = false
},
// 项目符合性分页
pageProStateChange (page) {
this.sarProStatePage = page
this.querySarProStateZero()
},
pageProStateSizeChange (pageSize) {
this.sarProStatePageSize = pageSize
this.querySarProStateZero()
},
// 项目符合性分页
pageProStateChange2 (page) {
this.sarProStatePage2 = page
this.querySarProStateFirst()
},
pageProStateSizeChange2 (pageSize) {
this.sarProStatePageSize2 = pageSize
this.querySarProStateFirst()
},
// 编辑符合性弹窗打开
handleEdit (row) {
this.saveSarProductId = row.id
this.editSarComEO.sarState = row.sarState
this.editSarComModal = true
},
// 编辑符合性弹窗关闭
handleClose () {
if (this.isExistItems === 0) {
this.editSarComEO = {...this.editSarComEODefault}
} else {
this.editSarComEO2 = {...this.editSarComEODefault2}
}
this.$refs['editSarComEO'].clearValidate()
this.editSarComModal = false
},
// 符合性弹窗修改保存
updateSarState () {
if (this.isExistItems === 0) {
const data = {}
data.sarType = this.saveSarType
data.id = this.saveSarProductId
data.sarItemState = this.editSarComEO.sarState
this.$http.putData('lawss/sarProductSarState/updateSarState', data, {
_this: this
}, res => {
this.editSarComModal = false
}, // 查看项目符合性
querySarProStateZero () {}, // 查询项目数据
clearSearchProState () {
this.sarProStateEO.productName = ''
this.querySarProStateZero()
}, e => {})
} else {
const data = {}
data.sarType = this.saveSarType
data.id = this.saveSarProductId
data.sarItemState = this.editSarComEO.itemState
this.$http.putData('lawss/sarProductSarState/updateState', data, {
_this: this
}, res => {
this.editSarComModal = false
this.queryItemsBySar()
// const data = {}
// data.sarType = this.saveSarType
// data.itemState = this.editSarComEO.itemState
// data.id = this.saveSarProductId
// this.$http.putData('lawss/sarInconformItem/updateItem', data, {
// _this: this
// }, res => {
// this.editSarComModal = false
// this.querySarProStateFirst()
}, e => {})
}
},
// 导出多选， table列表多选
getSelectedDatas (selection) {
this.saveSelectedDatas = selection
},
// 点击导出按钮
showExportModal (type) {
// 区别是选择导出还是全部导出
this.saveExportType = type
if (type === 'apart') {
if (this.saveSelectedDatas != null && this.saveSelectedDatas.length > 0) {
this.exportName = ''
this.exportModelFlag = true
} else {
this.$message.error('请选择要导出的数据')
}
} else {
this.exportName = ''
this.exportModelFlag = true
}
},
// 确认导出
exportSarProduct () {
if (this.exportName === '' || this.exportName === null || this.exportName === 'null') {
this.exportName = '标准涉及项目'
}
let jsonData = ''
if (this.saveExportType === 'apart') {
jsonData = JSON.stringify(this.saveSelectedDatas)
} else if (this.saveExportType === 'all') {
let exportEOStr = JSON.stringify(this.SarExportSearchEo)
jsonData = exportEOStr.replace(/""/g, null)
}
window.location.href = '/api/lawss/sarProductLaws/exportSarProduct?jsonData=' + jsonData + '&exportType=' + this.saveExportType + '&exportName=' + this.exportName
this.saveSelectedDatas = []
this.exportModelFlag = false
this.queryStandAndLaws()
},
// 外层分页方法
pageChange (page) {
this.page = page
this.queryStandAndLaws()
},
pageSizeChange (pageSize) {
this.pageSize = pageSize
this.queryStandAndLaws()
}
}, // 清空条件查询
clearSearchPro () {
this.sarProStateEO.productName = ''
this.showSarProStateModal = false
}, // 关闭查看事件
pageProStateChange (page) {
this.sarProStateTotalPage = page
this.querySarProStateZero()
},
pageProStateSizeChange (pageSize) {
this.sarProStatePageSize = pageSize
this.$store.getters.userInfo.configContent = pageSize
this.querySarProStateZero()
},
},
mounted () {
// 分页查询方法
this.queryStandAndLaws()
//从数据库中查询下拉框数据
this.$http.get('sys/dictype/getDicTypeListCode', '',{
_this:this
},res =>{
this.countryOptions = res.data.COUNTRY //国家
}, e => {
})
this.tableHeight = $('.regulatory-repository').height() - 53 - 50 - 56
this.tableHeight = $('.regulatory-repository').height() - 159
window.onresize = () => {
this.tableHeight = $('.regulatory-repository').height() - 53 - 50 - 56
this.tableHeight = $('.regulatory-repository').height() - 159
}
}
}
src/pages/regulatoryRepository/localProductsOrProjectLibrary/pages/technologyInvolveProject.vue
+73 -630
View File
@@ -3,17 +3,15 @@
<div class="technology-involve-project">
<div class="search-area">
<div class="left">
<el-form ref="sarProject" :model="sarProject" inline @keyup.enter.native="searchStandAndLaws">
<el-form ref="sarProject" :model="sarProject" inline>
<el-form-item label="标准/政策号" class="search-item">
<el-input v-model="sarProject.standNumber"
placeholder="标准/政策号查找"
@keyup.enter="searchStandAndLaws"
clearable></el-input>
</el-form-item>
<el-form-item label="标准/政策名称" class="search-item search-item-last">
<el-input v-model="sarProject.standName"
placeholder="标准/政策名称查找"
@keyup.enter="searchStandAndLaws"
clearable></el-input>
</el-form-item>
<el-form-item label="" class="search-item btn-box">
@@ -37,8 +35,7 @@
:data="sarProjectListDatas"
class="table"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="getSelectedDatas">
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
@@ -50,8 +47,8 @@
width="120"
>
<template slot-scope="scope">
<div v-if="scope.row.standType === 'INLAND_STAND'">国内标准法规</div>
<div v-if="scope.row.standType === 'FOREIGN_STAND'">海外标准法规</div>
<div v-if="scope.row.standType === 'INLAND'">国内标准法规</div>
<div v-if="scope.row.standType === 'FOREIGN'">海外标准法规</div>
<div v-if="scope.row.standType === 'INLAND_LAWS'">国内政策</div>
<div v-if="scope.row.standType === 'FOREIGN_LAWS'">国内外政策</div>
<div v-if="scope.row.standType === 'BUSINESS_STAND'">企业标准</div>
@@ -62,6 +59,9 @@
label="标准/政策号"
width="180"
>
<template slot-scope="scope">
<div><span>{{ scope.row.standSort }} {{ scope.row.standNumber }}</span> <span v-if="scope.row.standYear">-{{ scope.row.standYear }}</span></div>
</template>
</el-table-column>
<el-table-column
prop="standName"
@@ -74,7 +74,7 @@
width="50"
align="center">
<template slot-scope="scope">
<i class="el-icon-view btn-i" v-btn-permission="'WWVT239CTACWUGHMMQVY'" @click="handleProjectCompliance(scope.row)"></i>
<i class="el-icon-view btn-i" @click="handleProjectCompliance(scope.row)"></i>
</template>
</el-table-column>
</el-table>
@@ -130,8 +130,7 @@
border
:height="sarProStateTableHeight"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}"
@selection-change="sarProductStateSelect">
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
@@ -140,6 +139,7 @@
<el-table-column
prop="productName"
label="标准编号">
</el-table-column>
<el-table-column
prop="carModel"
@@ -189,185 +189,6 @@
@pageChange="pageProStateChange"
@pageSizeChange="pageProStateSizeChange"></pagination>
</div>
<!-- <div class="demo-drawer-footer">-->
<!-- <el-button class="common-button-primary" icon="el-icon-check" type="primary" @click="saveCopyInfor" :loading="isSubmit">提交</el-button>-->
<!-- <el-button class="common-button-default" icon="el-icon-close" @click="resetForm">取消</el-button>-->
<!-- </div>-->
</div>
<!-- 编辑符合性-->
<el-dialog title="编辑符合性" width="400px" :append-to-body="true" :visible.sync="editSarComModal" :before-close="handleClose">
<el-form ref="editSarComEO" :model="editSarComEO" class="label-input-form" style="height: 200px">
<el-input v-model="editSarComEO.id" v-show="false"></el-input>
<el-form-item v-if="this.isExistItems === 0" label="符合性" prop="sarState" class="laws-info-item">
<search-select v-model="editSarComEO.sarState" :options="conformStateOptions1" />
</el-form-item>
<el-form-item v-if="this.isExistItems === 1" label="符合性" prop="sarState" class="laws-info-item">
<search-select v-model="editSarComEO.itemState" :options="conformStateOptions" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button class="common-button-primary" icon="el-icon-check" type="primary" @click="updateSarState">确 定</el-button>
<!-- <el-button v-if="this.isExistItems === 1" class="common-button-primary" icon="el-icon-check" type="primary" @click="updateSarState">确 定</el-button>-->
<el-button class="common-button-default" icon="el-icon-close" @click="handleClose">取 消</el-button>
</div>
</el-dialog>
<loading :loading="loading2">数据处理中</loading>
</el-drawer>
<!-- 查看符合标准性弹窗2-->
<el-drawer
title="标准涉及项目符合性"
:visible.sync="showSarProStateModal2"
:wrapperClosable="false"
size="800px"
:before-close="clearSearchPro2"
class="not-footer-drawer"
>
<div class="demo-drawer-content">
<div class="el-drawer-form">
<div class="search-area">
<div class="left">
<el-form :inline="true" :model="sarProStateEO2" class="label-input-form">
<el-form-item label="项目名称" class="search-item search-item-last">
<el-input
v-model="sarProStateEO2.productName"
placeholder="根据项目名称查找"
:maxlength="100"
clearable></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="queryItemsBySar"></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
@click="clearSearchProState2"></el-button>
</el-form-item>
</el-form>
</div>
<div class="right">
</div>
</div>
<el-table
ref="multipleTable2"
:data="sarProStateListDatas2"
tooltip-effect="dark"
style="width: 100%"
border
:height="sarProStateTableHeight"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}"
@selection-change="sarProductStateSelect2">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<!-- <el-table-column-->
<!-- prop="accessType"-->
<!-- label="清单类型">-->
<!-- <template slot-scope="scope">-->
<!-- <div v-if="scope.row.accessType === 'first'">研发合规法规清单</div>-->
<!-- <div v-if="scope.row.accessType === 'second'">认证合规法规清单</div>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column
prop="productName"
label="项目名称">
</el-table-column>
<el-table-column
prop="carModel"
label="公告车型号">
</el-table-column>
<el-table-column
prop="itemName"
label="条目名称">
</el-table-column>
<el-table-column
prop="sarState"
label="符合性状态">
<template slot-scope="scope">
<div class="table-jump" @click="handleItemClick(scope.row)">
<div v-if="scope.row.sarState === 1">待验证</div>
<div v-if="scope.row.sarState === 2">符合</div>
<div v-if="scope.row.sarState === 3">不符合</div>
<div v-if="scope.row.sarState === 4">部分符合</div>
<div v-if="scope.row.sarState === 5">不涉及</div>
<div v-if="scope.row.sarState === 6">评估中</div>
<div v-if="scope.row.sarState === 7">整改中</div>
<div v-if="scope.row.sarState === 8">未评估</div>
</div>
</template>
</el-table-column>
<!-- <el-table-column label="操作" align="center" width="50" fixed="right">-->
<!-- <template slot-scope="scope">-->
<!-- <div @click.stop style="display: inline-block">-->
<!-- <el-dropdown trigger="click" @command="handleCommandInside">-->
<!-- <i class="iconfont">&#xe61e;</i>-->
<!-- <el-dropdown-menu slot="dropdown">-->
<!-- <el-dropdown-item :command="[scope.row, '编辑']">编辑</el-dropdown-item>-->
<!-- &lt;!&ndash; <el-dropdown-item :command="[scope.row, '查看']">查看</el-dropdown-item>&ndash;&gt;-->
<!-- </el-dropdown-menu>-->
<!-- </el-dropdown>-->
<!-- </div>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table>
<pagination
:page="sarProStateTotalPage2"
:total="sarProStateTotal2"
@pageChange="pageProStateChange2"
@pageSizeChange="pageProStateSizeChange2"></pagination>
</div>
<!-- <div class="demo-drawer-footer">-->
<!-- <el-button class="common-button-primary" icon="el-icon-check" type="primary" @click="saveCopyInfor" :loading="isSubmit">提交</el-button>-->
<!-- <el-button class="common-button-default" icon="el-icon-close" @click="resetForm">取消</el-button>-->
<!-- </div>-->
</div>
<loading :loading="loading3">数据处理中</loading>
</el-drawer>
<!-- 查看符合标准性弹窗 流程-->
<el-drawer
title="相关流程"
:visible.sync="processListVisible"
:wrapperClosable="false"
size="800px"
class="not-footer-drawer"
>
<div class="demo-drawer-content">
<div class="el-drawer-form">
<el-table
ref="processList"
:data="processList"
tooltip-effect="dark"
style="width: 100%"
border
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}"
>
<el-table-column
prop="processNumber"
label="流程编号">
<template slot-scope="scope">
<div class="table-jump" @click="handleProcessClick(scope.row)">
{{ scope.row.processNumber }}
</div>
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-drawer>
</div>
@@ -378,470 +199,92 @@ export default {
name: "technologyInvolveProject",
data () {
return {
SarProStateType: '',
// 条件查询
SarProStateType: '', // 国内外
sarProject: {
standName: '', // 标准政策名称
standNumber: '', // 标准/政策号
standApplicationType: 2
},
// table数据
sarProjectListDatas: [],
}, // 条件查询
sarProjectListDatas: [], // table数据
countryOptions: [], //国家选择下拉框数据
drawerCountryOptions: [], // 准入信息 国家下拉框
// table高度
tableHeight: null,
// 列表页loading
tableHeight: null, // table高度
loading: false,
loading2: false,
loading3: false,
// 外层列表页数据条数
total: 0,
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
// 导出时候用
SarExportSearchEo: {},
// 项目符合性数据
saveSarId: '',
saveSarType: '',
exportShowName: '',
sarItem: {
standId: '',
standType: '',
productCode: '',
productName: ''
},
sarItem2: {
standId: '',
standType: '',
productCode: '',
productName: ''
},
// 新增、编辑 准入信息字段
sarAccessEO: {
country: '',
},
// 模态框内容
sarItemTotal: 0,
itemsPage: 1,
itemsPageSize: this.$store.getters.userInfo.configContent,
sarItemListDatas: [],
conformStateOptions: [
{label: '待验证', value: 1},
{label: '符合', value: 2},
{label: '不符合', value: 3},
// {label: '部分符合', value: 4},
{label: '不涉及', value: 5}
// {label: '评估中', value: 6},
// {label: '整改中', value: 7},
// {label: '未评估', value: 8}
],
conformStateOptions1: [
{label: '待验证', value: 1},
{label: '符合', value: 2},
{label: '不符合', value: 3},
// {label: '部分符合', value: 4},
{label: '不涉及', value: 5}
// {label: '评估中', value: 6},
// {label: '整改中', value: 7},
// {label: '未评估', value: 8}
],
// 查看标准在项目中符合性数据
showSarProStateModal: false,
showSarProStateModal2: false,
sarProStateEO: {
standId: '',
standType: '',
productCode: '',
productName: ''
},
sarProStateEO2: {
standId: '',
standType: '',
productCode: '',
productName: ''
},
sarProStateTotal: 0,
sarProStateTotalPage: 1,
sarProStatePageSize: this.$store.getters.userInfo.configContent,
sarProStateTotal2: 0,
sarProStateTotalPage2: 1,
sarProStatePageSize2: this.$store.getters.userInfo.configContent,
saveClickProductId: '',
saveSarProductId: '',
// 符合性查看弹窗的打开
showSarItemModal: false,
// 符合性项目列表数据
sarProStateListDatas: [],
// 符合性项目列表数据2
sarProStateListDatas2: [],
// 符合性项目列表高度
sarProStateListDatas: [], // 符合性项目列表数据
sarProStateTableHeight: null,
editSarComEO: {
id: '',
sarState: ''
},
editSarComEODefault: {
id: '',
sarState: ''
},
editSarComEO2: {
id: '',
itemState: ''
},
editSarComEODefault2: {
id: '',
itemState: ''
},
// 编辑弹窗打开
editSarComModal: false,
// 选中一行查看符合性弹窗的标准号，
standNum: '',
// 用于切换分页，0，1
isExistItems: '',
processList: [],
processListVisible: false
}
},
methods: {
changeState (row) {
console.log('0000')
console.log(row.productId)
console.log(row)
console.log(row.sarState)
let routeUrl = this.$router.resolve({
name: 'ComplianceDetails',
query: {
sarId: row.productId,
// sarId: row.id,
sarType: row.sarState
}
})
window.open(routeUrl.href, '_blank')
},
/**
* 查看项目符合性弹框里面的
* 符合性状态列点击事件
*/
handleSarStateClick(row) {
if (row.sarState === 8) {
return
}
// console.log(row)
this.showSarProStateModal2 = true
this.saveClickProductId = row.productId
this.queryItemsBySar()
},
/**
* 查看项目 条款 弹框里面的
* 符合性状态列点击事件
*/
handleItemClick(row) {
const processList = row.process ? row.process.split(',') : []
console.log(processList)
this.processList = processList.map(item => {
return {
processNumber: item
}
})
this.processListVisible = true
},
/**
* 查看项目 条款 流程编号弹框里面的
* 流程编号点击事件
*/
handleProcessClick(row) {
const processNumber = row.processNumber
this.$store.commit('setDetailMap', this.$route.path)
this.$router.push({
name: 'ProcessDetail',
query: {
prcNum: processNumber
}
})
},
// 返回
back () {
this.$router.push(this.$store.state.detailMap)
this.$store.commit('setDetailMap', '')
},
// 列表操作栏 ...
handleCommand (command) {
switch (command[1]) {
case '查看项目符合性':
this.handleProjectCompliance(command[0])
break
}
},
// 符合性项目列表操作
handleCommandInside (command) {
switch (command[1]) {
case '编辑':
this.handleEdit(command[0])
break
// case '查看':
// this.handleProjectCompliance(command[0])
// break
}
},
searchStandAndLaws () {
this.page = 1
this.queryStandAndLaws()
},
// 分页查询
queryStandAndLaws () {
this.sarProject.current = this.page
this.sarProject.size = this.pageSize
this.$http.get('sarStandardComplianceAssessResult/standard', this.sarProject, {
_this: this,
loading: 'loading',
}, res => {
this.sarProjectListDatas = res.data.records
this.total = res.data.total
}, e=> {})
},
// 分页查询条目符合性
queryItemsBySar () {
this.sarItem2.page = this.itemsPage
this.sarItem2.pageSize = this.itemsPageSize
this.sarItem2.standId = this.saveSarId
this.sarItem2.standType = this.saveSarType
this.sarItem2.productId = this.saveClickProductId
this.$http.get('lawss/sarProductSarState/page', this.sarItem2, {
_this: this,
loading: 'loading3'
}, res => {
// this.sarItemListDatas = res.data.list
// this.sarItemTotal = res.data.count
this.sarProStateListDatas2 = res.data.list
this.sarProStateTotal2 = res.data.count
}, e => {
})
},
// 外层清空条件查询
resetSelect () {
this.sarProject.country = ''
this.sarProject.standCode=''
this.sarProject.standName = ''
this.queryStandAndLaws()
},
// 查看项目符合性
handleProjectCompliance (row) {
this.saveSarId = row.standId
this.saveSarType = row.standType
this.exportShowName = row.standName
this.sarItem.productCode = ''
this.sarItem.productName = ''
this.row = row
this.SarProStateType = row.standType
this.showSarProStateModal = true
},
handleProjectPreview (row) {
this.saveClickProductId = row.productId
this.saveSarProductId = row.id
this.queryItemsBySar()
this.showSarItemModal = true
},
// 如果isExistItems === 0查看标准在项目中符合性列表
querySarProStateZero () {
// let queryUrl = ''
this.sarProStateEO.page = this.sarProStatePage
this.sarProStateEO.pageSize = this.sarProStatePageSize
this.sarProStateEO.standId = this.saveSarId
this.sarProStateEO.standType = this.saveSarType
this.$http.get('lawss/sarProductStand/queryInvolveProByPage', this.sarProStateEO, {
_this: this,
loading: 'loading2'
}, res => {
this.sarProStateListDatas = res.data.list
this.sarProStateTotal = res.data.count
}, e => {
})
},
// 如果isExistItems === 1 查看标准在项目中符合性列表
querySarProStateFirst () {
// let queryUrl = ''
this.sarProStateEO2.page = this.sarProStatePage2
this.sarProStateEO2.pageSize = this.sarProStatePageSize2
// this.sarProStateEO.standId = this.saveSarId
// this.sarProStateEO.standType = this.saveSarType
this.sarProStateEO2.standNum = this.standNum
this.$http.get('lawss/sarInconformItem/queryInvolveItems', this.sarProStateEO2, {
_this: this,
loading: 'loading'
}, res => {
this.sarProStateListDatas2 = res.data.list
this.sarProStateTotal2 = res.data.count
}, e => {
})
},
// 列表多选
sarProductStateSelect (val) {
console.log(val)
},
// 列表多选
sarProductStateSelect2 (val) {
console.log(val)
},
// 清空条件查询
clearSearchProState () {
this.sarProStateEO.productCode = ''
this.sarProStateEO.productName = ''
if (this.isExistItems === 0) {
this.querySarProStateZero()
} else {
this.querySarProStateFirst()
}
},
// 清空条件查询
clearSearchProState2 () {
this.sarProStateEO2.productCode = ''
this.sarProStateEO2.productName = ''
this.querySarProStateFirst()
},
// 清空查询
clearSearchPro () {
this.sarProStateEO.productCode = ''
this.sarProStateEO.productName = ''
this.showSarProStateModal = false
},
// 清空查询
clearSearchPro2 () {
this.sarProStateEO2.productCode = ''
this.sarProStateEO2.productName = ''
this.showSarProStateModal2 = false
},
// 项目符合性分页
pageProStateChange (page) {
this.sarProStatePage = page
this.querySarProStateZero()
},
pageProStateSizeChange (pageSize) {
this.sarProStatePageSize = pageSize
this.querySarProStateZero()
},
// 项目符合性分页
pageProStateChange2 (page) {
this.sarProStatePage2 = page
this.querySarProStateFirst()
},
pageProStateSizeChange2 (pageSize) {
this.sarProStatePageSize2 = pageSize
this.querySarProStateFirst()
},
// 编辑符合性弹窗打开
handleEdit (row) {
this.saveSarProductId = row.id
this.editSarComEO.sarState = row.sarState
this.editSarComModal = true
},
// 编辑符合性弹窗关闭
handleClose () {
if (this.isExistItems === 0) {
this.editSarComEO = {...this.editSarComEODefault}
} else {
this.editSarComEO2 = {...this.editSarComEODefault2}
}
this.$refs['editSarComEO'].clearValidate()
this.editSarComModal = false
},
// 符合性弹窗修改保存
updateSarState () {
if (this.isExistItems === 0) {
const data = {}
data.sarType = this.saveSarType
data.id = this.saveSarProductId
data.sarItemState = this.editSarComEO.sarState
this.$http.putData('lawss/sarProductSarState/updateSarState', data, {
_this: this
}, res => {
this.editSarComModal = false
searchStandAndLaws () {
this.page = 1
this.queryStandAndLaws()
}, // 查询
pageChange (page) {
this.page = page
this.queryStandAndLaws()
},
pageSizeChange (pageSize) {
this.pageSize = pageSize
this.$store.getters.userInfo.configContent = pageSize
this.queryStandAndLaws()
},
queryStandAndLaws () {
this.sarProject.current = this.page
this.sarProject.size = this.pageSize
this.$http.get('sarStandardComplianceAssessResult/standard', this.sarProject, {
_this: this,
loading: 'loading',
}, res => {
this.sarProjectListDatas = res.data.records
this.total = res.data.total
}, e=> {})
}, // 分页查询
resetSelect () {
this.sarProject.country = ''
this.sarProject.standCode=''
this.sarProject.standName = ''
this.queryStandAndLaws()
}, // 外层清空条件查询
handleProjectCompliance (row) {
this.showSarProStateModal = true
this.querySarProStateZero()
}, e => {})
} else {
const data = {}
data.sarType = this.saveSarType
data.id = this.saveSarProductId
data.sarItemState = this.editSarComEO.itemState
this.$http.putData('lawss/sarProductSarState/updateState', data, {
_this: this
}, res => {
this.editSarComModal = false
this.queryItemsBySar()
// const data = {}
// data.sarType = this.saveSarType
// data.itemState = this.editSarComEO.itemState
// data.id = this.saveSarProductId
// this.$http.putData('lawss/sarInconformItem/updateItem', data, {
// _this: this
// }, res => {
// this.editSarComModal = false
// this.querySarProStateFirst()
}, e => {})
}
},
// 导出多选， table列表多选
getSelectedDatas (selection) {
this.saveSelectedDatas = selection
},
// 点击导出按钮
showExportModal (type) {
// 区别是选择导出还是全部导出
this.saveExportType = type
if (type === 'apart') {
if (this.saveSelectedDatas != null && this.saveSelectedDatas.length > 0) {
this.exportName = ''
this.exportModelFlag = true
} else {
this.$message.error('请选择要导出的数据')
}
} else {
this.exportName = ''
this.exportModelFlag = true
}
},
// 确认导出
exportSarProduct () {
if (this.exportName === '' || this.exportName === null || this.exportName === 'null') {
this.exportName = '标准涉及项目'
}
let jsonData = ''
if (this.saveExportType === 'apart') {
jsonData = JSON.stringify(this.saveSelectedDatas)
} else if (this.saveExportType === 'all') {
let exportEOStr = JSON.stringify(this.SarExportSearchEo)
jsonData = exportEOStr.replace(/""/g, null)
}
window.location.href = '/api/lawss/sarProductLaws/exportSarProduct?jsonData=' + jsonData + '&exportType=' + this.saveExportType + '&exportName=' + this.exportName
this.saveSelectedDatas = []
this.exportModelFlag = false
this.queryStandAndLaws()
},
// 外层分页方法
pageChange (page) {
this.page = page
this.queryStandAndLaws()
},
pageSizeChange (pageSize) {
this.pageSize = pageSize
this.queryStandAndLaws()
}
}, // 查看项目符合性
querySarProStateZero () {}, // 查询项目数据
clearSearchProState () {
this.sarProStateEO.productName = ''
this.querySarProStateZero()
}, // 清空条件查询
clearSearchPro () {
this.sarProStateEO.productName = ''
this.showSarProStateModal = false
}, // 关闭查看事件
pageProStateChange (page) {
this.sarProStateTotalPage = page
this.querySarProStateZero()
},
pageProStateSizeChange (pageSize) {
this.sarProStatePageSize = pageSize
this.$store.getters.userInfo.configContent = pageSize
this.querySarProStateZero()
},
},
mounted () {
// 分页查询方法
this.queryStandAndLaws()
//从数据库中查询下拉框数据
this.$http.get('sys/dictype/getDicTypeListCode', '',{
_this:this
},res =>{
this.countryOptions = res.data.COUNTRY //国家
}, e => {
})
this.tableHeight = $('.regulatory-repository').height() - 53 - 50 - 56
window.onresize = () => {
this.tableHeight = $('.regulatory-repository').height() - 53 - 50 - 56
}
this.queryStandAndLaws()
this.tableHeight = $('.regulatory-repository').height() - 159
this.sarProStateTableHeight = $('body').height() - 152
window.onresize = () => {
this.tableHeight = $('.regulatory-repository').height() - 159
this.sarProStateTableHeight = $('body').height() - 152
}
}
}
</script>