This commit is contained in:
宋伟佳
2021-06-18 09:07:38 +08:00
3 changed files with 506 additions and 1529 deletions
@@ -23,90 +23,109 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="类型" prop="type" class="add-form-item form-item-disabled"> <el-form-item label="类型" prop="standInData" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.type"> <el-radio-group v-model="form.standInData">
<el-radio label="1">国内标准入库</el-radio> <el-radio label="0">国内标准入库</el-radio>
<el-radio label="2">海外标准入库</el-radio> <el-radio label="1">海外标准入库</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="标准类别" prop="types" class="add-form-item form-item-disabled"> <el-form-item label="标准类别" prop="standSort" class="add-form-item form-item-disabled">
<el-select v-model="form.types" placeholder="请选择标准类别"> <el-select v-model="form.standSort" placeholder="请选择标准类别">
<el-option label="GB" value="1"></el-option> <el-option
<el-option label="GB/T" value="2"></el-option> v-for="item in standSortOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select> </el-select>
</el-form-item> </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 <el-date-picker
v-model="form.year" v-model="form.standYear"
type="year" type="year"
placeholder="请选择标准年份"> placeholder="请选择标准年份">
</el-date-picker> </el-date-picker>
</el-form-item> </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 <el-input
v-model="form.CNname" v-model="form.standName"
placeholder="请输入标准中文名称" placeholder="请输入标准中文名称"
clearable clearable
></el-input> ></el-input>
</el-form-item> </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 <el-input
v-model="form.ENname" v-model="form.standEnName"
placeholder="请输入标准英文名称" placeholder="请输入标准英文名称"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="是否需要会签" prop="jointlySign" class="add-form-item form-item-disabled"> <el-form-item label="是否需要会签" prop="signFlag" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.jointlySign"> <el-radio-group v-model="form.signFlag">
<el-radio label="1"></el-radio> <el-radio label="1"></el-radio>
<el-radio label="2"></el-radio> <el-radio label="2"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <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 <el-input
v-model="form.number" v-model="form.standNumber"
placeholder="请输入标准编号" placeholder="请输入标准编号"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="标准性质" prop="nature" class="add-form-item form-item-disabled"> <el-form-item label="标准性质" prop="standNature" class="add-form-item form-item-disabled">
<el-select v-model="form.nature" placeholder="请选择标准性质"> <el-select v-model="form.standNature" placeholder="请选择标准性质">
<el-option label="GB" value="1"></el-option> <el-option
<el-option label="GB/T" value="2"></el-option> v-for="item in standNatureOptions"
<el-option label="GB/Z" value="3"></el-option> placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="文本状态" prop="TextTypes" class="add-form-item form-item-disabled"> <el-form-item label="文本状态" prop="textStatus" class="add-form-item form-item-disabled">
<el-select v-model="form.TextTypes" placeholder="请选择文本状态"> <el-select v-model="form.textStatus" placeholder="请选择文本状态">
<el-option label="现行有效" value="1"></el-option> <el-option
<el-option label="即将实施" value="2"></el-option> v-for="item in standStateOptions"
<el-option label="草案" value="3"></el-option> placeholder="请选择"
<el-option label="征求意见" value="4"></el-option> :key="item.value"
<el-option label="送审" value="5"></el-option> :value="item.value"
<el-option label="报批" value="6"></el-option> :label="item.label"
<el-option label="废止" value="7"></el-option> ></el-option>
<el-option label="被代替" value="8"></el-option>
</el-select> </el-select>
</el-form-item> </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 <el-date-picker
v-model="form.time" v-model="form.issueTime"
type="date" type="date"
placeholder="请选择标准发布日期"> placeholder="请选择标准发布日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="是否纳入认证清单" prop="detailedList" class="add-form-item form-item-disabled"> <el-form-item label="是否纳入认证清单" prop="isRelateAccess" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.detailedList"> <el-radio-group v-model="form.isRelateAccess">
<el-radio label="1"></el-radio> <el-radio label="1"></el-radio>
<el-radio label="2"></el-radio> <el-radio label="2"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </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 <el-input
v-model="form.system" v-model="form.gxhbq"
placeholder="请输入标准体系" placeholder="请输入标"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
@@ -119,46 +138,46 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="实施日期(标准文本)" 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 <el-date-picker
v-model="form.time1" v-model="form.ssrq"
type="date" type="date"
placeholder="请选择标准实施日期(标准文本)"> placeholder="请选择标准实施日期(标准文本)">
</el-date-picker> </el-date-picker>
</el-form-item> </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 <el-date-picker
v-model="form.time2" v-model="form.xcxssrq"
type="date" type="date"
placeholder="请选择新车型实施日期(标准文本"> placeholder="请选择新车型实施日期(标准文本">
</el-date-picker> </el-date-picker>
</el-form-item> </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 <el-date-picker
v-model="form.time3" v-model="form.zccssrq"
type="date" type="date"
placeholder="请选择在产车实施日期(标准文本)"> placeholder="请选择在产车实施日期(标准文本)">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="实施日期(国际)" 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 <el-date-picker
v-model="form.time4" v-model="form.ssrqgj"
type="date" type="date"
placeholder="请选择实施日期(国际)"> placeholder="请选择实施日期(国际)">
</el-date-picker> </el-date-picker>
</el-form-item> </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 <el-date-picker
v-model="form.time5" v-model="form.xcxssrqgj"
type="date" type="date"
placeholder="请选择新车型实施日期(国家)"> placeholder="请选择新车型实施日期(国家)">
</el-date-picker> </el-date-picker>
</el-form-item> </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 <el-date-picker
v-model="form.time6" v-model="form.zccssrqgj"
type="date" type="date"
placeholder="请选择在产车实施日期(国家)"> placeholder="请选择在产车实施日期(国家)">
</el-date-picker> </el-date-picker>
@@ -172,9 +191,9 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="修改单" prop="file1" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgd" class="add-form-item form-item-disabled">
<div v-if="form.file1"> <div v-if="form.xgd">
{{ form.file1 }} {{ form.xgd }}
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
@@ -185,9 +204,9 @@
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="发布稿" prop="file2" class="add-form-item form-item-disabled"> <el-form-item label="发布稿" prop="fbgbjbd" class="add-form-item form-item-disabled">
<div v-if="form.file2"> <div v-if="form.fbgbjbd">
{{ form.file2 }} {{ form.fbgbjbd }}
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
@@ -198,9 +217,9 @@
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="报批稿" prop="file3" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbd" class="add-form-item form-item-disabled">
<div v-if="form.file3"> <div v-if="form.zbjbd">
{{ form.file3 }} {{ form.zbjbd }}
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
@@ -211,9 +230,22 @@
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="送审稿" prop="file4" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpg" class="add-form-item form-item-disabled">
<div v-if="form.file4"> <div v-if="form.bpg">
{{ form.file4 }} {{ 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>
<div v-else> <div v-else>
<el-button <el-button
@@ -226,9 +258,9 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="征求意见稿" prop="file5" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwj" class="add-form-item form-item-disabled">
<div v-if="form.file5"> <div v-if="form.kwj">
{{ form.file5 }} {{ form.kwj }}
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
@@ -239,9 +271,9 @@
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="草案" prop="file6" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjg" class="add-form-item form-item-disabled">
<div v-if="form.file6"> <div v-if="form.zqyjg">
{{ form.file6 }} {{ form.zqyjg }}
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
@@ -252,9 +284,22 @@
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="解读文件" prop="file7" class="add-form-item form-item-disabled"> <el-form-item label="草案" prop="ca" class="add-form-item form-item-disabled">
<div v-if="form.file7"> <div v-if="form.ca">
{{ form.file7 }} {{ 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>
<div v-else> <div v-else>
<el-button <el-button
@@ -274,110 +319,155 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="归口管理部门" prop="AsDepartment" class="add-form-item form-item-disabled"> <el-form-item label="责任部门" prop="zrbm" class="add-form-item form-item-disabled">
<el-input <el-select v-model="form.zrbm" placeholder="请选择责任部门" multiple>
v-model="form.AsDepartment" <el-option
placeholder="请输入归口管理部门" v-for="item in zrbmOptions"
clearable placeholder="请选择"
></el-input> :key="item.value"
</el-form-item> :value="item.value"
<el-form-item label="起草单位" prop="DraftingUnit" class="add-form-item form-item-disabled"> :label="item.label"
<el-input ></el-option>
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-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="我司参与深度" prop="depth" class="add-form-item form-item-disabled"> <el-form-item label="适用车型" prop="cllx" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.depth"> <el-select v-model="form.cllx" placeholder="请选择适用车型" multiple>
<el-radio label="1">主持</el-radio> <el-option
<el-radio label="2">参与</el-radio> v-for="item in applyArcticOptions"
<el-radio label="3">N/A</el-radio> placeholder="请选择"
</el-radio-group> :key="item.value"
</el-form-item> :value="item.value"
<el-form-item label="责任部门" prop="Rdepartment" class="add-form-item form-item-disabled"> :label="item.label"
<el-select v-model="form.Rdepartment" placeholder="请选择责任部门" multiple> ></el-option>
<el-option label="责任部门1" value="1"></el-option>
<el-option label="责任部门2" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="关联模块--乘用车VPPS编码" prop="PassengerCarCode" class="add-form-item form-item-disabled"> <el-form-item label="能源类型" prop="nylx" class="add-form-item form-item-disabled">
<el-select v-model="form.PassengerCarCode" placeholder="请选择用车VPPS编码" multiple> <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编码1" value="1"></el-option>
<el-option label="乘用车VPPS编码2" value="2"></el-option> <el-option label="乘用车VPPS编码2" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="关联模块--卡车VPPS编码" prop="TruckCode" class="add-form-item form-item-disabled"> <el-form-item label="关联模块--卡车VPPS编码" prop="kccvppsbm" class="add-form-item form-item-disabled">
<el-select v-model="form.TruckCode" placeholder="请选择卡车VPPS编码" multiple> <el-select v-model="form.kccvppsbm" placeholder="请选择卡车VPPS编码" multiple>
<el-option label="卡车VPPS编码1" value="1"></el-option> <el-option label="卡车VPPS编码1" value="1"></el-option>
<el-option label="卡车VPPS编码2" value="2"></el-option> <el-option label="卡车VPPS编码2" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="模块结构单元变型号" prop="UnitModel" class="add-form-item form-item-disabled"> <el-form-item label="模块结构单元变型号" prop="dybxh" class="add-form-item form-item-disabled">
<el-select v-model="form.UnitModel" placeholder="请选择模块结构单元变型号" multiple> <el-select v-model="form.dybxh" placeholder="请选择模块结构单元变型号" multiple>
<el-option label="模块结构单元变型号1" value="1"></el-option> <el-option label="模块结构单元变型号1" value="1"></el-option>
<el-option label="模块结构单元变型号2" value="2"></el-option> <el-option label="模块结构单元变型号2" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </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>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="适用车型" prop="models" class="add-form-item form-item-disabled"> <el-form-item label="适用产品线" prop="sycpx" class="add-form-item form-item-disabled">
<el-select v-model="form.models" placeholder="请选择适用车型" multiple> <el-select v-model="form.sycpx" placeholder="请选择适用车型" multiple>
<el-option label="车型1" value="1"></el-option> <el-option
<el-option label="车型2" value="2"></el-option> v-for="item in sycpxOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="能源类型" prop="energy" class="add-form-item form-item-disabled"> <el-form-item label="适用认证" prop="syrz" class="add-form-item form-item-disabled">
<el-select v-model="form.energy" placeholder="请选择适用车型" multiple> <el-select v-model="form.syrz" placeholder="请选择适用认证" multiple>
<el-option label="能源1" value="1"></el-option> <el-option
<el-option label="能源2" value="2"></el-option> v-for="item in applyAuthOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="适用产品线" prop="ProductLine" class="add-form-item form-item-disabled"> <el-form-item label="责任工程师" prop="zrgcs" class="add-form-item form-item-disabled">
<el-select v-model="form.ProductLine" placeholder="请选择适用车型" multiple> <el-select v-model="form.zrgcs" placeholder="请选择责任工程师" multiple>
<el-option label="产品1" value="1"></el-option> <el-option
<el-option label="产品2" value="2"></el-option> v-for="item in zrgcsOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="适用认证" prop="authentication" class="add-form-item form-item-disabled"> <el-form-item label="关联模块--乘用车vpps中文名称" prop="cycvppscn" 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-input <el-input
v-model="form.PassengerCarName" v-model="form.cycvppscn"
disabled disabled
clearable clearable
></el-input> ></el-input>
</el-form-item> </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 <el-input
v-model="form.TruckName" v-model="form.kccvppscn"
disabled disabled
clearable clearable
></el-input> ></el-input>
</el-form-item> </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 <el-input
v-model="form.UnitName" v-model="form.dymc"
disabled disabled
clearable clearable
></el-input> ></el-input>
</el-form-item> </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-col>
</el-row> </el-row>
</div> </div>
@@ -387,59 +477,29 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="代替标准号" prop="Dnumber" class="add-form-item form-item-disabled"> <el-form-item label="代替标准号" prop="dtbjh" class="add-form-item form-item-disabled">
<el-input <el-input
v-model="form.Dnumber" v-model="form.dtbjh"
placeholder="请输入代替标准号" placeholder="请输入代替标准号"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="采标程度" prop="degree" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="采标程度" prop="cbcd" class="add-form-item form-item-disabled">
<el-select v-model="form.degree" placeholder="请选择采标程度"> <el-select v-model="form.cbcd" placeholder="请选择采标程度">
<el-option label="采标程度1" value="1"></el-option> <el-option label="采标程度1" value="1"></el-option>
<el-option label="采标程度2" value="2"></el-option> <el-option label="采标程度2" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </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 <el-input
v-model="form.Rprocesses" v-model="form.xglc"
placeholder="请输入相关流程" placeholder="请输入相关流程"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="参会记录" prop="AttendanceRecord" class="add-form-item form-item-disabled"> <el-form-item label="关联文件" prop="glwj" class="add-form-item form-item-disabled">
<el-input <div v-if="form.glwj">
v-model="form.AttendanceRecord" {{ form.glwj }}
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 }}
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
@@ -451,6 +511,36 @@
</div> </div>
</el-form-item> </el-form-item>
</el-col> </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> </el-row>
</div> </div>
</el-form> </el-form>
@@ -546,60 +636,76 @@
saveLoading: false, saveLoading: false,
form: { form: {
// 基础信息 // 基础信息
TextTypes: '', // 文本状态 textStatus: '', // 文本状态
year: '', // 标准年份 standYear: '', // 标准年份
type: '', // 标准类型 standInData: '0', // 标准类型
types: '', // 标准类别 standSort: '', // 标准类别
number: '', // 标准编号 standNumber: '', // 标准编号
nature: '', // 标准性质 standNature: '', // 标准性质
ENname: '', // 英文名称 standEnName: '', // 英文名称
CNname: '', // 中文名称 standName: '', // 中文名称
jointlySign: '', // 是否需要会签 signFlag: '', // 是否需要会签
time: '', // 发布时间 issueTime: '', // 发布时间
detailedList: '', // 是否纳入认证清单 isRelateAccess: '', // 是否纳入认证清单
system: '',// 标准体系 standSystem: '',// 标准体系
gxhbq: '', // 标签
// 实施日期 // 实施日期
time1: '', // 实施日期(标准文本) ssrq: '', // 实施日期(标准文本)
time2: '', // 新车型实施日期(标准文本) xcxssrq: '', // 新车型实施日期(标准文本)
time3: '', // 在产车实施日期(标准文本) zccssrq: '', // 在产车实施日期(标准文本)
time4: '', // 实施日期(国际) ssrqgj: '', // 实施日期(国际)
time5: '', // 新车型实施日期(国际) xcxssrqgj: '', // 新车型实施日期(国际)
time6: '', // 在产车实施日期(国际) zccssrqgj: '', // 在产车实施日期(国际)
// 文本信息 // 文本信息
file1: '', // 修改单 ca: '', // 草案
file2: '', // 发布稿 fbgbjbd: '', // 发布稿
file3: '', // 报批稿 xgd: '', // 修改单
file4: '', // 送审稿 bpg: '', // 报批稿
file5: '', // 征求意见稿 ssg: '', // 送审稿
file6: '', // 草案 zqyjg: '', // 征求意见稿
file7: '', // 解读文件 jdwj: '', // 解读文件
zbjbd: '', // 增补件
kwj: '', // 勘误件
// 适用范围 // 适用范围
AsDepartment: '', // 归口管理部门 txlb: '', // 体系类别
DraftingUnit: '', // 起草单位 gkdw: '', // 归口管理部门
Subscribers: '', // 我司署名人 fbjg: '', // 起草单位
depth: '', // 我司参与深度 wssmr: '', // 我司署名人
models: '', // 适用车型 cysd: '', // 我司参与深度
energy: '',// 能源类 cllx: '', // 适用车
ProductLine: '',// 适用产品线 nylx: '',// 能源类型
authentication: '', // 适用认证 sycpx: '',// 适用产品线
Rdepartment: '', // 责任部门 syrz: '', // 适用认证
Rengineer: '', // 责任工程师 zrbm: '', // 责任部门
PassengerCarCode: '', // 关联模块--乘用车VPPS编码 zrgcs: '', // 责任工程师
PassengerCarName: '', // 关联模块--乘用车vpps中文名称 cycvppsbm: '', // 关联模块--乘用车VPPS编码
TruckCode: '', // 关联模块--卡车VPPS编码 cycvppscn: '', // 关联模块--乘用车vpps中文名称
TruckName: '', // 关联模块--卡车vpps中文名称 kccvppsbm: '', // 关联模块--卡车VPPS编码
UnitModel: '', // 模块结构单元变型号 kccvppscn: '', // 关联模块--卡车vpps中文名称
UnitName: '', // 模块结构单元名称 dybxh: '', // 模块结构单元变型号
dymc: '', // 模块结构单元名称
// 关联信息 // 关联信息
Dnumber: '', // 代替标准号 dtbjh: '', // 代替标准号
Cnumber: '', // 采标编号 cbbh: '', // 采标编号
degree: '', // 采标程度 cbcd: '', // 采标程度
Rstandard: '', // 引用标准 yybj: '', // 引用标准
BRstandard: '', // 被引用标准 byybj: '', // 被引用标准
file8: '', // 关联文件 glwj: '', // 关联文件
Rprocesses: '', // 相关流程 xglc: '', // 相关流程
AttendanceRecord: '', // 参会记录 chjl: '', // 参会记录
}, // 标准信息 }, // 标准信息
standSortOptions: [], // 标准类别
standNatureOptions: [], // 标准性质
standStateOptions: [], // 文本状态
standSystemOptions: [], // 标准体系
applyArcticOptions: [], // 适用车型
categoryOptions: [], // 能源类型
applyAuthOptions: [], // 适用认证
cysdOptions: [], // 我司参与深度
sycpxOptions: [], // 适用产品线
zrbmOptions: [], // 责任部门
zrgcsOptions: [], // 责任工程师
txlbOptions: [], // 体系类别
data: [], // 标准列表数据 data: [], // 标准列表数据
ListForm: {}, // 新增数据 ListForm: {}, // 新增数据
user1: '', user1: '',
@@ -637,6 +743,22 @@
} }
}, },
mounted () { 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> </script>
@@ -3,17 +3,15 @@
<div class="stand-involve-project-detail"> <div class="stand-involve-project-detail">
<div class="search-area"> <div class="search-area">
<div class="left"> <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-form-item label="标准/政策号" class="search-item">
<el-input v-model="sarProject.standCode" <el-input v-model="sarProject.standNumber"
placeholder="标准/政策号查找" placeholder="标准/政策号查找"
@keyup.enter="searchStandAndLaws"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="标准/政策名称" class="search-item search-item-last"> <el-form-item label="标准/政策名称" class="search-item search-item-last">
<el-input v-model="sarProject.standName" <el-input v-model="sarProject.standName"
placeholder="标准/政策名称查找" placeholder="标准/政策名称查找"
@keyup.enter="searchStandAndLaws"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="" class="search-item btn-box"> <el-form-item label="" class="search-item btn-box">
@@ -37,8 +35,7 @@
:data="sarProjectListDatas" :data="sarProjectListDatas"
class="table" class="table"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}">
@selection-change="getSelectedDatas">
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
@@ -50,23 +47,21 @@
width="120" width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.standType === 'INLAND_STAND'">国内标准法规</div> <div v-if="scope.row.standType === 'INLAND'">国内标准法规</div>
<div v-if="scope.row.standType === 'FOREIGN_STAND'">海外标准法规</div> <div v-if="scope.row.standType === 'FOREIGN'">海外标准法规</div>
<div v-if="scope.row.standType === 'INLAND_LAWS'">国内政策</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 === 'FOREIGN_LAWS'">国内外政策</div>
<div v-if="scope.row.standType === 'BUSINESS_STAND'">企业标准</div> <div v-if="scope.row.standType === 'BUSINESS_STAND'">企业标准</div>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column-->
<!-- prop="country"-->
<!-- label="国家/地区"-->
<!-- >-->
<!-- </el-table-column>-->
<el-table-column <el-table-column
prop="standCode" prop="standNumber"
label="标准/政策号" label="标准/政策号"
width="180" 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>
<el-table-column <el-table-column
prop="standName" prop="standName"
@@ -79,16 +74,7 @@
width="50" width="50"
align="center"> align="center">
<template slot-scope="scope"> <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>
<!--<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>-->
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -137,7 +123,6 @@
</div> </div>
</div> </div>
<el-table <el-table
v-if="this.isExistItems === 0"
ref="multipleTable" ref="multipleTable"
:data="sarProStateListDatas" :data="sarProStateListDatas"
tooltip-effect="dark" tooltip-effect="dark"
@@ -145,8 +130,7 @@
border border
:height="sarProStateTableHeight" :height="sarProStateTableHeight"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}" fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}">
@selection-change="sarProductStateSelect">
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
@@ -240,181 +224,6 @@
@pageSizeChange="pageProStateSizeChange"></pagination> @pageSizeChange="pageProStateSizeChange"></pagination>
</div> </div>
</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> </el-drawer>
</div> </div>
</template> </template>
@@ -424,487 +233,90 @@ export default {
name: 'standInvolveProjectDetail', name: 'standInvolveProjectDetail',
data () { data () {
return { return {
// 条件查询 sarProject: {
sarProject: { standName: '', // 标准政策名称
// 国家地区 standNumber: '', // 标准/政策号
country: '', standApplicationType: 1
// 标准/政策号 }, // 条件查询
standCode: '', showSarProStateModal: false, // 查看drawer开关
// 标准政策名称 // table数据
standName: '' sarProjectListDatas: [],
}, // table高度
// table数据 tableHeight: null,
sarProjectListDatas: [], // 列表页loading
countryOptions: [], //国家选择下拉框数据 loading: false,
drawerCountryOptions: [], // 准入信息 国家下拉框 total: 0,
// table高度 page: 1,
tableHeight: null, pageSize: this.$store.getters.userInfo.configContent,
// 列表页loading sarProStateEO: {
loading: false, productName: ''
loading2: false, },
loading3: false, sarProStateTotal: 0,
// 外层列表页数据条数 sarProStateTotalPage: 1,
total: 0, sarProStatePageSize: this.$store.getters.userInfo.configContent,
page: 1, sarProStateListDatas: [], // 符合性项目列表数据
pageSize: this.$store.getters.userInfo.configContent, sarProStateTableHeight: null, // 符合性项目列表高度
// 导出时候用
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: '',
// 用于切换分页,01
isExistItems: '',
processList: [],
processListVisible: false
} }
}, },
methods: { methods: {
changeState (row) { searchStandAndLaws () {
console.log(row); this.page = 1
let routeUrl = this.$router.resolve({ this.queryStandAndLaws()
name: 'ComplianceDetails', }, // 查询
query: { pageChange (page) {
sarId: this.saveSarId, this.page = page
productId: row.productId, this.queryStandAndLaws()
sarType: row.standType, },
fromPage: 'product' pageSizeChange (pageSize) {
} this.pageSize = pageSize
}) this.$store.getters.userInfo.configContent = pageSize
window.open(routeUrl.href, '_blank') this.queryStandAndLaws()
}, },
/** queryStandAndLaws () {
* 查看项目符合性弹框里面的 this.sarProject.current = this.page
* 符合性状态列点击事件 this.sarProject.size = this.pageSize
*/ this.$http.get('sarStandardComplianceAssessResult/standard', this.sarProject, {
handleSarStateClick(row) { _this: this,
if (row.sarState === 8) { loading: 'loading',
return }, res => {
} this.sarProjectListDatas = res.data.records
// console.log(row) this.total = res.data.total
this.showSarProStateModal2 = true }, e=> {})
this.saveClickProductId = row.productId }, // 分页查询
this.queryItemsBySar() resetSelect () {
}, this.sarProject.country = ''
/** this.sarProject.standCode=''
* 查看项目 条款 弹框里面的 this.sarProject.standName = ''
* 符合性状态列点击事件2222 this.queryStandAndLaws()
*/ }, // 外层清空条件查询
handleItemClick(row) { handleProjectCompliance (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
this.showSarProStateModal = true this.showSarProStateModal = true
this.querySarProStateZero() this.querySarProStateZero()
} else{ }, // 查看项目符合性
this.$message.warning('当前标准已不存在') querySarProStateZero () {}, // 查询项目数据
} clearSearchProState () {
}, e => { this.sarProStateEO.productName = ''
})
},
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
this.querySarProStateZero() this.querySarProStateZero()
}, e => {}) }, // 清空条件查询
} else { clearSearchPro () {
const data = {} this.sarProStateEO.productName = ''
data.sarType = this.saveSarType this.showSarProStateModal = false
data.id = this.saveSarProductId }, // 关闭查看事件
data.sarItemState = this.editSarComEO.itemState pageProStateChange (page) {
this.$http.putData('lawss/sarProductSarState/updateState', data, { this.sarProStateTotalPage = page
_this: this this.querySarProStateZero()
}, res => { },
this.editSarComModal = false pageProStateSizeChange (pageSize) {
this.queryItemsBySar() this.sarProStatePageSize = pageSize
// const data = {} this.$store.getters.userInfo.configContent = pageSize
// data.sarType = this.saveSarType this.querySarProStateZero()
// 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()
}
}, },
mounted () { mounted () {
// 分页查询方法
this.queryStandAndLaws() this.queryStandAndLaws()
//从数据库中查询下拉框数据 this.tableHeight = $('.regulatory-repository').height() - 159
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 = () => { window.onresize = () => {
this.tableHeight = $('.regulatory-repository').height() - 53 - 50 - 56 this.tableHeight = $('.regulatory-repository').height() - 159
} }
} }
} }
@@ -3,17 +3,15 @@
<div class="technology-involve-project"> <div class="technology-involve-project">
<div class="search-area"> <div class="search-area">
<div class="left"> <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-form-item label="标准/政策号" class="search-item">
<el-input v-model="sarProject.standNumber" <el-input v-model="sarProject.standNumber"
placeholder="标准/政策号查找" placeholder="标准/政策号查找"
@keyup.enter="searchStandAndLaws"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="标准/政策名称" class="search-item search-item-last"> <el-form-item label="标准/政策名称" class="search-item search-item-last">
<el-input v-model="sarProject.standName" <el-input v-model="sarProject.standName"
placeholder="标准/政策名称查找" placeholder="标准/政策名称查找"
@keyup.enter="searchStandAndLaws"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="" class="search-item btn-box"> <el-form-item label="" class="search-item btn-box">
@@ -37,8 +35,7 @@
:data="sarProjectListDatas" :data="sarProjectListDatas"
class="table" class="table"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}">
@selection-change="getSelectedDatas">
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
@@ -50,8 +47,8 @@
width="120" width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.standType === 'INLAND_STAND'">国内标准法规</div> <div v-if="scope.row.standType === 'INLAND'">国内标准法规</div>
<div v-if="scope.row.standType === 'FOREIGN_STAND'">海外标准法规</div> <div v-if="scope.row.standType === 'FOREIGN'">海外标准法规</div>
<div v-if="scope.row.standType === 'INLAND_LAWS'">国内政策</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 === 'FOREIGN_LAWS'">国内外政策</div>
<div v-if="scope.row.standType === 'BUSINESS_STAND'">企业标准</div> <div v-if="scope.row.standType === 'BUSINESS_STAND'">企业标准</div>
@@ -62,6 +59,9 @@
label="标准/政策号" label="标准/政策号"
width="180" 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>
<el-table-column <el-table-column
prop="standName" prop="standName"
@@ -74,7 +74,7 @@
width="50" width="50"
align="center"> align="center">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -130,8 +130,7 @@
border border
:height="sarProStateTableHeight" :height="sarProStateTableHeight"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}" fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}">
@selection-change="sarProductStateSelect">
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
@@ -140,6 +139,7 @@
<el-table-column <el-table-column
prop="productName" prop="productName"
label="标准编号"> label="标准编号">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="carModel" prop="carModel"
@@ -189,185 +189,6 @@
@pageChange="pageProStateChange" @pageChange="pageProStateChange"
@pageSizeChange="pageProStateSizeChange"></pagination> @pageSizeChange="pageProStateSizeChange"></pagination>
</div> </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> </div>
</el-drawer> </el-drawer>
</div> </div>
@@ -378,470 +199,92 @@ export default {
name: "technologyInvolveProject", name: "technologyInvolveProject",
data () { data () {
return { return {
SarProStateType: '', SarProStateType: '', // 国内外
// 条件查询
sarProject: { sarProject: {
standName: '', // 标准政策名称 standName: '', // 标准政策名称
standNumber: '', // 标准/政策号 standNumber: '', // 标准/政策号
standApplicationType: 2 standApplicationType: 2
}, }, // 条件查询
// table数据 sarProjectListDatas: [], // table数据
sarProjectListDatas: [],
countryOptions: [], //国家选择下拉框数据 countryOptions: [], //国家选择下拉框数据
drawerCountryOptions: [], // 准入信息 国家下拉框 tableHeight: null, // table高度
// table高度
tableHeight: null,
// 列表页loading
loading: false, loading: false,
loading2: false,
loading3: false,
// 外层列表页数据条数
total: 0, total: 0,
page: 1, page: 1,
pageSize: this.$store.getters.userInfo.configContent, 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, showSarProStateModal: false,
showSarProStateModal2: false,
sarProStateEO: { sarProStateEO: {
standId: '',
standType: '',
productCode: '',
productName: ''
},
sarProStateEO2: {
standId: '',
standType: '',
productCode: '',
productName: '' productName: ''
}, },
sarProStateTotal: 0, sarProStateTotal: 0,
sarProStateTotalPage: 1, sarProStateTotalPage: 1,
sarProStatePageSize: this.$store.getters.userInfo.configContent, sarProStatePageSize: this.$store.getters.userInfo.configContent,
sarProStateTotal2: 0, sarProStateListDatas: [], // 符合性项目列表数据
sarProStateTotalPage2: 1,
sarProStatePageSize2: this.$store.getters.userInfo.configContent,
saveClickProductId: '',
saveSarProductId: '',
// 符合性查看弹窗的打开
showSarItemModal: false,
// 符合性项目列表数据
sarProStateListDatas: [],
// 符合性项目列表数据2
sarProStateListDatas2: [],
// 符合性项目列表高度
sarProStateTableHeight: null, sarProStateTableHeight: null,
editSarComEO: {
id: '',
sarState: ''
},
editSarComEODefault: {
id: '',
sarState: ''
},
editSarComEO2: {
id: '',
itemState: ''
},
editSarComEODefault2: {
id: '',
itemState: ''
},
// 编辑弹窗打开
editSarComModal: false,
// 选中一行查看符合性弹窗的标准号,
standNum: '',
// 用于切换分页,01
isExistItems: '',
processList: [],
processListVisible: false
} }
}, },
methods: { methods: {
changeState (row) { searchStandAndLaws () {
console.log('0000') this.page = 1
console.log(row.productId) this.queryStandAndLaws()
console.log(row) }, // 查询
console.log(row.sarState) pageChange (page) {
let routeUrl = this.$router.resolve({ this.page = page
name: 'ComplianceDetails', this.queryStandAndLaws()
query: { },
sarId: row.productId, pageSizeChange (pageSize) {
// sarId: row.id, this.pageSize = pageSize
sarType: row.sarState this.$store.getters.userInfo.configContent = pageSize
} this.queryStandAndLaws()
}) },
window.open(routeUrl.href, '_blank') queryStandAndLaws () {
}, this.sarProject.current = this.page
/** this.sarProject.size = this.pageSize
* 查看项目符合性弹框里面的 this.$http.get('sarStandardComplianceAssessResult/standard', this.sarProject, {
* 符合性状态列点击事件 _this: this,
*/ loading: 'loading',
handleSarStateClick(row) { }, res => {
if (row.sarState === 8) { this.sarProjectListDatas = res.data.records
return this.total = res.data.total
} }, e=> {})
// console.log(row) }, // 分页查询
this.showSarProStateModal2 = true resetSelect () {
this.saveClickProductId = row.productId this.sarProject.country = ''
this.queryItemsBySar() this.sarProject.standCode=''
}, this.sarProject.standName = ''
/** this.queryStandAndLaws()
* 查看项目 条款 弹框里面的 }, // 外层清空条件查询
* 符合性状态列点击事件 handleProjectCompliance (row) {
*/ this.showSarProStateModal = true
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
this.querySarProStateZero() this.querySarProStateZero()
}, e => {}) }, // 查看项目符合性
} else { querySarProStateZero () {}, // 查询项目数据
const data = {} clearSearchProState () {
data.sarType = this.saveSarType this.sarProStateEO.productName = ''
data.id = this.saveSarProductId this.querySarProStateZero()
data.sarItemState = this.editSarComEO.itemState }, // 清空条件查询
this.$http.putData('lawss/sarProductSarState/updateState', data, { clearSearchPro () {
_this: this this.sarProStateEO.productName = ''
}, res => { this.showSarProStateModal = false
this.editSarComModal = false }, // 关闭查看事件
this.queryItemsBySar() pageProStateChange (page) {
// const data = {} this.sarProStateTotalPage = page
// data.sarType = this.saveSarType this.querySarProStateZero()
// data.itemState = this.editSarComEO.itemState },
// data.id = this.saveSarProductId pageProStateSizeChange (pageSize) {
// this.$http.putData('lawss/sarInconformItem/updateItem', data, { this.sarProStatePageSize = pageSize
// _this: this this.$store.getters.userInfo.configContent = pageSize
// }, res => { this.querySarProStateZero()
// 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()
}
}, },
mounted () { mounted () {
// 分页查询方法 this.queryStandAndLaws()
this.queryStandAndLaws() this.tableHeight = $('.regulatory-repository').height() - 159
//从数据库中查询下拉框数据 this.sarProStateTableHeight = $('body').height() - 152
this.$http.get('sys/dictype/getDicTypeListCode', '',{ window.onresize = () => {
_this:this this.tableHeight = $('.regulatory-repository').height() - 159
},res =>{ this.sarProStateTableHeight = $('body').height() - 152
this.countryOptions = res.data.COUNTRY //国家 }
}, e => {
})
this.tableHeight = $('.regulatory-repository').height() - 53 - 50 - 56
window.onresize = () => {
this.tableHeight = $('.regulatory-repository').height() - 53 - 50 - 56
}
} }
} }
</script> </script>