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

将国内海外编辑页面改为树形选择

Browse Source
This commit is contained in:
shenyanpei
2021-10-21 11:30:35 +08:00
parent 9fbe5c0e1c
commit 142953fe50
4 changed files with 769 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/index.js
+2
View File
@@ -22,6 +22,7 @@ import GenerationNumber from './generationNumber' // 生成企标编号组件
import RoleUserTree from './roleUserTree' // 根据部门和角色查询人员 import RoleUserTree from './roleUserTree' // 根据部门和角色查询人员
import DeptRoleTree from './deptRoleTree' // 根据部门查询角色 import DeptRoleTree from './deptRoleTree' // 根据部门查询角色
import RoleTree from './roleTree' // 查询所有机构及人员 import RoleTree from './roleTree' // 查询所有机构及人员
import MechanismTree from './mechanismTree'
import SQTree from './SQTree' import SQTree from './SQTree'
import OrgTable from './OrgTable' import OrgTable from './OrgTable'
import MySelect from './mySelect' import MySelect from './mySelect'
@@ -49,6 +50,7 @@ const install = function (Vue) {
Vue.component('SQTree', SQTree) Vue.component('SQTree', SQTree)
Vue.component('OrgTable', OrgTable) Vue.component('OrgTable', OrgTable)
Vue.component('RoleTree', RoleTree) Vue.component('RoleTree', RoleTree)
Vue.component('MechanismTree', MechanismTree)
Vue.component('MySelect', MySelect) Vue.component('MySelect', MySelect)
} }
src/components/mechanismTree/index.vue
+256
View File
@@ -0,0 +1,256 @@
<template>
<div class="roleTree">
<el-drawer
:title="isTitle"
:visible.sync="isVisible2"
:wrapperClosable="false"
@close="handleTreeDrawerCancel"
size="400px">
<el-form
ref="attributeEO"
class="label-input-form"
:inline="true"
>
<el-form-item class="form-item-disabled" style="margin: 10px;">
<el-input
v-model="filterText"
placeholder="请输入部门"
></el-input>
</el-form-item>
</el-form>
<div class="demo-drawer-content">
<el-tree
class="filter-tree tree-line"
:data="treeData"
:props="defaultProps"
:current-node-key="nodeKeyId"
node-key="id"
:filter-node-method="filterNode"
highlight-current
:auto-expand-parent="true"
show-checkbox
ref="tree"
:load="loadNode"
@check="drawerCheck"
:expand-on-click-node="false"
@node-click="handleNodeClick">
<span class="custom-tree-node" slot-scope="{ node, data }">
<span :class="node.disabled ? 'is-show' : 'is-leaf-none'"></span>
<span> {{ node.label }} </span>
</span>
</el-tree>
</div>
<div id="roleFormButton" class="demo-drawer-footer">
<el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo">
确定
</el-button>
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="handleTreeDrawerCancel">取消
</el-button>
</div>
<loading style="z-index: 2099;" :loading="treeLoading">导入中...</loading>
</el-drawer>
</div>
</template>
<script>
export default {
name: "MechanismTree",
props: {
checkBox: { // 单选/多选
type: Boolean,
default: false,
},
isTitle: { // 标题
type: String
},
isVisible: { // drawer开关
type: Boolean,
default: false,
},
nodeList: { // 回显
type: Array,
default: () => {
return []
}
}
},
data() {
return {
roleList: [],
nodeKeyId: '',
isVisible2: false,
filterText: '',
defaultProps: {
children: 'children',
label: 'name',
isLeaf: (data, node) => {
if (!node.disabled) {
return true
}
}
},
treeData1: [],
treeData: [],
open1: true,
treeLoading: false,
roleRow: {}
}
},
methods: {
treeClass() {
},
handleTreeDrawerCancel() {
this.filterText = ''
this.isVisible2 = false
},
saveUserInfo() {
this.isVisible2 = false
this.$emit('checkedRole', this.roleList)
},
loadNode(node, resolve) {
if (node.level === 0) {
return resolve(this.treeData);
}
},
drawerCheck(data) {
if (this.checkBox) {
// 单选判断
var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
if (getlist.length == 1) {
this.roleRow = getlist[0]
} else {
this.$refs.tree.setCheckedKeys([data.id]);
this.roleRow = this.$refs.tree.getCheckedNodes()[0]
}
this.roleList = [this.roleRow]
} else {
this.roleList = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes())
}
},
getTree() {
this.$http.get('SarInstitution/institution', {}, {
_this: this,
loading: 'treeLoading'
}, res => {
this.treeData = res.data
console.log(this.treeData);
this.nodeKeyId = this.treeData[0].id
this.id = res.data[0].id
}, e => {
console.log(e);
})
},
handleNodeClick(data) {
this.id = data.id
},
filterNode(value, data) {
if (!value) return true;
return data.name.indexOf(value) !== -1;
},
},
watch: {
isVisible(val) {
this.isVisible2 = val
},
isVisible2(val) {
this.$emit('update:isVisible', val)
},
filterText(val) {
this.$refs.tree.filter(val);
},
},
mounted() {
this.getTree()
}
}
</script>
<style lang="less" scoped>
/deep/ .el-tree-node__content {
padding-left: 0px !important;
}
/deep/ .is-leaf {
background-image: none;
background-size: 100% 100%;
}
/deep/ .is-leaf-none {
position: relative;
display: inline-block;
width: 15px;
height: 15px;
background: url('~@/assets/images/shangqi/img/personnel.png');
background-size: 100% 100%;
}
/deep/ .is-show {
position: relative;
display: inline-block;
width: 15px;
height: 15px;
background: url('~@/assets/images/shangqi/img/mechanism.png');
background-size: 100% 100%;
}
/deep/ .tree-line {
min-height: calc(100vh - 170px);
.el-tree-node {
position: relative;
padding-left: 0px; // 缩进量
line-height: 30px;
}
.el-tree-node__children {
padding-left: 16px; // 缩进量
}
// 竖线
.el-tree-node::before {
content: "";
height: 100%;
width: 1px;
position: absolute;
left: -3px;
top: -26px;
border-left: 1px dashed #858990e0;
}
// 当前层最后一个节点的竖线高度固定
.el-tree-node:last-child::before {
height: 38px; // 可以自己调节到合适数值
}
// 横线
.el-tree-node::after {
content: "";
width: 11px;
height: 20px;
position: absolute;
left: -3px;
top: 12px;
border-width: 1px;
border-top: 1px dashed #858990e0;
}
// 去掉最顶层的虚线，放最下面样式才不会被上面的覆盖了
& > .el-tree-node::after {
border-top: none;
}
& > .el-tree-node::before {
border-left: none;
}
// 展开关闭的icon
.el-tree-node__expand-icon {
font-size: 16px;
// 叶子节点（无子节点）
&.is-leaf {
color: transparent;
// display: none; // 也可以去掉
}
}
}
</style>
src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue
+344 -245
View File
@@ -262,7 +262,9 @@
<!-- </el-tooltip>--> <!-- </el-tooltip>-->
<!-- </template>--> <!-- </template>-->
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ textStatusMap[scope.row.textStatus] }}</span> <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
textStatusMap[scope.row.textStatus]
}}</span>
<span v-else>{{ textStatusMap[scope.row.textStatus] }}</span> <span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
</template> </template>
</el-table-column> </el-table-column>
@@ -272,7 +274,7 @@
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item v-btn-permission="'cac1eb379eb8e3b987cbb2e4599adb50'" <el-dropdown-item v-btn-permission="''"
v-if="scope.row.collectBtn" v-if="scope.row.collectBtn"
:command="[scope.row, '收藏']" :command="[scope.row, '收藏']"
> >
@@ -334,31 +336,31 @@
:rules="sarStandardsInfoRules" :rules="sarStandardsInfoRules"
class="label-input-form" class="label-input-form"
> >
<!-- <el-form-item--> <!-- <el-form-item
<!-- prop="isRelateAccess"--> prop="isRelateAccess"
<!-- label-width="150px"--> label-width="150px"
<!-- class="add-form-item"--> class="add-form-item"
<!-- title="A类必填项多，仅A类可纳入法规清单。"--> title="A类必填项多，仅A类可纳入法规清单。"
<!-- >--> >
<!-- <template slot="label">重要度<i class="el-icon-warning-outline"></i></template>--> <template slot="label">重要度<i class="el-icon-warning-outline"></i></template>
<!-- <el-select v-model="sarStandardsInfoEO.isRelateAccess" @change="isRegulationsChange">--> <el-select v-model="sarStandardsInfoEO.isRelateAccess" @change="isRegulationsChange">
<!-- <el-option value="1" label="A" key="1"></el-option>--> <el-option value="1" label="A" key="1"></el-option>
<!-- <el-option value="0" label="B" key="0"></el-option>--> <el-option value="0" label="B" key="0"></el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!-- <el-form-item label="适用区域" prop="country" label-width="150px" class="add-form-item form-item-disabled">--> <el-form-item label="适用区域" prop="country" label-width="150px" class="add-form-item form-item-disabled">
<!-- <el-select v-model="sarStandardsInfoEO.country" disabled >--> <el-select v-model="sarStandardsInfoEO.country" disabled >
<!-- <el-option v-for="opt in countryOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label }}</el-option>--> <el-option v-for="opt in countryOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label }}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!-- <el-form-item label="文本说明" prop="synopsis" label-width="150px" class="add-form-item">--> <el-form-item label="文本说明" prop="synopsis" label-width="150px" class="add-form-item">
<!-- <el-input--> <el-input
<!-- type="text"--> type="text"
<!-- v-model="sarStandardsInfoEO.synopsis"--> v-model="sarStandardsInfoEO.synopsis"
<!-- placeholder="请输入"--> placeholder="请输入"
<!-- clearable--> clearable
<!-- ></el-input>--> ></el-input>
<!-- </el-form-item>--> </el-form-item>-->
<!-- 动态数据--> <!-- 动态数据-->
<template v-for="(displayLocation, index) in dynamicFormField"> <template v-for="(displayLocation, index) in dynamicFormField">
<el-col :span="24" :key="index"> <el-col :span="24" :key="index">
@@ -628,7 +630,41 @@
</template> </template>
</template> </template>
<template v-else-if="field.attrType === 'SEL_OPTS' && field.attrField !== 'ZRLX'"> <template v-else-if="field.attrType === 'SEL_OPTS' && field.attrField !== 'ZRLX'">
<template> <template v-if="field.attrField === 'ZRBM'">
<el-form-item
prop="ZRBM"
label-width="150px"
class="add-form-item"
>
<template slot="label">责任部门</template>
<el-input
:key="field.attrField"
:config="field"
clearable
v-model="sarStandardsInfoEO['ZRBM']"
:disabled="formdisableflag" placeholder="选择责任部门"
@click.native="choiceZRBM('ZRBMId', '责任部门', sarStandardsInfoEO.ZRBMId)">
</el-input>
</el-form-item>
</template>
<template v-else-if="field.attrField === 'ZRGCS'">
<el-form-item
prop="ZRGCSUser"
label-width="150px"
class="add-form-item"
>
<template slot="label">责任工程师</template>
<el-input
:key="field.attrField"
:config="field"
clearable
v-model="sarStandardsInfoEO['ZRGCS']"
:disabled="formdisableflag" placeholder="选择责任工程师"
@click.native="choiceRole('ZRGCSUserId', '责任工程师', sarStandardsInfoEO.ZRGCSUserId)">
</el-input>
</el-form-item>
</template>
<template v-else>
<custom-select-array <custom-select-array
:key="field.attrField" :key="field.attrField"
:config="field" :config="field"
@@ -1083,7 +1119,7 @@
:url="url" :url="url"
:urlChild="urlChild" :urlChild="urlChild"
:defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys1" :defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys1"
:nodeKey="nodeKeyCode" @popoverHide="popoverHideBusVs" @popoverHideCancel="popoverHideBusVsCancel"></tree-select-new> :nodeKey="nodeKeyCode" @popoverHide="popoverHideBusVs" @popoverHideCancel="popoverHideBusVsCancel"></tree-select-new>
<tree-select-new <tree-select-new
width="500" width="500"
:lazy=true :lazy=true
@@ -1094,7 +1130,7 @@
:url="url" :url="url"
:urlChild="urlChild" :urlChild="urlChild"
:defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys2" :defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys2"
:nodeKey="nodeKeyCode" @popoverHide="popoverHideCarVs" @popoverHideCancel="popoverHideCarVsCancel()" ></tree-select-new> :nodeKey="nodeKeyCode" @popoverHide="popoverHideCarVs" @popoverHideCancel="popoverHideCarVsCancel()"></tree-select-new>
<tree-select-new <tree-select-new
width="500" width="500"
:lazy=true :lazy=true
@@ -1120,212 +1156,212 @@
</el-button> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- <table-tools-bar v-model="isAdvancedSearch" @search="getDomesticStandardTableBtn(sarStandardsSearch)"--> <!-- <table-tools-bar v-model="isAdvancedSearch" @search="getDomesticStandardTableBtn(sarStandardsSearch)"
<!-- @reset="clearAllSearch('sarStandardsSearch')" >--> @reset="clearAllSearch('sarStandardsSearch')" >
<!-- <div slot="content">--> <div slot="content">
<!-- <el-form :model="sarStandardsSearch" :inline="true" class="label-input-form table-lattice" style="display: flex;flex-wrap: wrap">--> <el-form :model="sarStandardsSearch" :inline="true" class="label-input-form table-lattice" style="display: flex;flex-wrap: wrap">
<!--&lt;!&ndash; 标准号&ndash;&gt;--> &lt;!&ndash; 标准号&ndash;&gt;
<!-- <el-form-item :label="$t('m.standardNo')" class="serch-form-item">--> <el-form-item :label="$t('m.standardNo')" class="serch-form-item">
<!-- <el-input v-model="sarStandardsSearch.standNumber" :placeholder="$t('m.lookUpByStandardNumber')" clearable :maxlength="100"--> <el-input v-model="sarStandardsSearch.standNumber" :placeholder="$t('m.lookUpByStandardNumber')" clearable :maxlength="100"
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 标准名称&ndash;&gt;--> &lt;!&ndash; 标准名称&ndash;&gt;
<!-- <el-form-item :label="$t('m.standName')" class="serch-form-item">--> <el-form-item :label="$t('m.standName')" class="serch-form-item">
<!-- <el-input v-model="sarStandardsSearch.standName" :placeholder="$t('m.searchByStandardName')" clearable :maxlength="500"--> <el-input v-model="sarStandardsSearch.standName" :placeholder="$t('m.searchByStandardName')" clearable :maxlength="500"
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 标准英文名称&ndash;&gt;--> &lt;!&ndash; 标准英文名称&ndash;&gt;
<!-- <el-form-item :label="$t('m.standardEnglishName')" class="serch-form-item">--> <el-form-item :label="$t('m.standardEnglishName')" class="serch-form-item">
<!-- <el-input v-model="sarStandardsSearch.standEnName" :placeholder="$t('m.searchAccordingToStandardEnglishName')" clearable :maxlength="500"--> <el-input v-model="sarStandardsSearch.standEnName" :placeholder="$t('m.searchAccordingToStandardEnglishName')" clearable :maxlength="500"
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 标准类别&ndash;&gt;--> &lt;!&ndash; 标准类别&ndash;&gt;
<!-- <el-form-item :label="$t('m.standardCategory')" class="serch-form-item">--> <el-form-item :label="$t('m.standardCategory')" class="serch-form-item">
<!-- <search-select--> <search-select
<!-- v-model="sarStandardsSearch.standSort"--> v-model="sarStandardsSearch.standSort"
<!-- :placeholder="$t('m.standardCategoryTips')"--> :placeholder="$t('m.standardCategoryTips')"
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"
<!-- :options="standSortOptions"--> :options="standSortOptions"
<!-- clearable/>--> clearable/>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 文本状态&ndash;&gt;--> &lt;!&ndash; 文本状态&ndash;&gt;
<!-- <el-form-item :label="$t('m.standStateShow')" class="serch-form-item">--> <el-form-item :label="$t('m.standStateShow')" class="serch-form-item">
<!-- <el-select v-model="sarStandardsSearch.textStatus" :placeholder="$t('m.lookupByStandardStatus')" clearable--> <el-select v-model="sarStandardsSearch.textStatus" :placeholder="$t('m.lookupByStandardStatus')" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in standStateOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>--> <el-option v-for="opt in standStateOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 代替标准号&ndash;&gt;--> &lt;!&ndash; 代替标准号&ndash;&gt;
<!-- <el-form-item :label="$t('m.substituteStandardNumber')" class="serch-form-item">--> <el-form-item :label="$t('m.substituteStandardNumber')" class="serch-form-item">
<!-- <el-input v-model="sarStandardsSearch.dtbjh" :placeholder="$t('m.lookUpByAlternativeCriteria')" clearable :maxlength="100"--> <el-input v-model="sarStandardsSearch.dtbjh" :placeholder="$t('m.lookUpByAlternativeCriteria')" clearable :maxlength="100"
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 标准年份&ndash;&gt;--> &lt;!&ndash; 标准年份&ndash;&gt;
<!-- <el-form-item :label="$t('m.standardYear')" class="serch-form-item">--> <el-form-item :label="$t('m.standardYear')" class="serch-form-item">
<!-- <el-date-picker--> <el-date-picker
<!-- v-model="sarStandardsSearch.standYear"--> v-model="sarStandardsSearch.standYear"
<!-- type="date"--> type="date"
<!-- placeholder="根据标准年份查找">--> placeholder="根据标准年份查找">
<!-- </el-date-picker>--> </el-date-picker>
<!-- </el-form-item>--> </el-form-item>
<!-- &lt;!&ndash; 标准发布日期&ndash;&gt;--> &lt;!&ndash; 标准发布日期&ndash;&gt;
<!-- <el-form-item label="标准发布日期" class="serch-form-item">--> <el-form-item label="标准发布日期" class="serch-form-item">
<!-- <el-date-picker--> <el-date-picker
<!-- v-model="sarStandardsSearch.issueTime"--> v-model="sarStandardsSearch.issueTime"
<!-- type="date"--> type="date"
<!-- placeholder="根据标准发布日期查找">--> placeholder="根据标准发布日期查找">
<!-- </el-date-picker>--> </el-date-picker>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 标准性质&ndash;&gt;--> &lt;!&ndash; 标准性质&ndash;&gt;
<!-- <el-form-item :label="$t('m.standNatureShow')" class="serch-form-item">--> <el-form-item :label="$t('m.standNatureShow')" class="serch-form-item">
<!-- <el-select v-model="sarStandardsSearch.standNature" placeholder="请选择标准性质" clearable--> <el-select v-model="sarStandardsSearch.standNature" placeholder="请选择标准性质" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in standNatureOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>--> <el-option v-for="opt in standNatureOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 是否纳入标准清单&ndash;&gt;--> &lt;!&ndash; 是否纳入标准清单&ndash;&gt;
<!-- <el-form-item title="是否纳入标准清单" label="是否纳入标准清单">--> <el-form-item title="是否纳入标准清单" label="是否纳入标准清单">
<!-- <el-select v-model="sarStandardsSearch.isRelateAccess" class="advanced-one" placeholder="根据是否纳入标准清单查找">--> <el-select v-model="sarStandardsSearch.isRelateAccess" class="advanced-one" placeholder="根据是否纳入标准清单查找">
<!-- <el-option value="yes" label="是"></el-option>--> <el-option value="yes" label="是"></el-option>
<!-- <el-option value="no" label="否"></el-option>--> <el-option value="no" label="否"></el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 实施日期&ndash;&gt;--> &lt;!&ndash; 实施日期&ndash;&gt;
<!-- <el-form-item label="实施日期">--> <el-form-item label="实施日期">
<!-- <el-date-picker--> <el-date-picker
<!-- v-model="sarStandardsSearch.putTime"--> v-model="sarStandardsSearch.putTime"
<!-- type="date"--> type="date"
<!-- placeholder="根据实施日期查找">--> placeholder="根据实施日期查找">
<!-- </el-date-picker>--> </el-date-picker>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 新车型实施日期&ndash;&gt;--> &lt;!&ndash; 新车型实施日期&ndash;&gt;
<!-- <el-form-item title="新车型实施日期" label="新车型实施日期">--> <el-form-item title="新车型实施日期" label="新车型实施日期">
<!-- <el-date-picker--> <el-date-picker
<!-- v-model="sarStandardsSearch.XCXTime"--> v-model="sarStandardsSearch.XCXTime"
<!-- type="date"--> type="date"
<!-- placeholder="根据新车型实施日期查找">--> placeholder="根据新车型实施日期查找">
<!-- </el-date-picker>--> </el-date-picker>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 在产车实施日期&ndash;&gt;--> &lt;!&ndash; 在产车实施日期&ndash;&gt;
<!-- <el-form-item title="在产车实施日期" label="在产车实施日期">--> <el-form-item title="在产车实施日期" label="在产车实施日期">
<!-- <el-date-picker--> <el-date-picker
<!-- v-model="sarStandardsSearch.ZCCTime"--> v-model="sarStandardsSearch.ZCCTime"
<!-- type="date"--> type="date"
<!-- placeholder="根据在产车实施日期查找">--> placeholder="根据在产车实施日期查找">
<!-- </el-date-picker>--> </el-date-picker>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 归口管理部门&ndash;&gt;--> &lt;!&ndash; 归口管理部门&ndash;&gt;
<!-- <el-form-item label="归口管理部门">--> <el-form-item label="归口管理部门">
<!-- <el-input v-model="sarStandardsSearch.nameShow" clearable placeholder="根据归口管理部门查找"--> <el-input v-model="sarStandardsSearch.nameShow" clearable placeholder="根据归口管理部门查找"
<!-- @keyup.enter.native="btnSearch"></el-input>--> @keyup.enter.native="btnSearch"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 起草单位&ndash;&gt;--> &lt;!&ndash; 起草单位&ndash;&gt;
<!-- <el-form-item label="起草单位">--> <el-form-item label="起草单位">
<!-- <el-select v-model="sarStandardsSearch.qcdw" placeholder="根据起草单位查找" clearable--> <el-select v-model="sarStandardsSearch.qcdw" placeholder="根据起草单位查找" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in qcdwOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>--> <el-option v-for="opt in qcdwOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 我司参与深度&ndash;&gt;--> &lt;!&ndash; 我司参与深度&ndash;&gt;
<!-- <el-form-item label="我司参与深度">--> <el-form-item label="我司参与深度">
<!-- <el-select v-model="sarStandardsSearch.nameShow" placeholder="请选择我司参与深度" clearable--> <el-select v-model="sarStandardsSearch.nameShow" placeholder="请选择我司参与深度" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in cysdOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>--> <el-option v-for="opt in cysdOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 能源类型&ndash;&gt;--> &lt;!&ndash; 能源类型&ndash;&gt;
<!-- <el-form-item label="能源类型">--> <el-form-item label="能源类型">
<!-- <el-select v-model="sarStandardsSearch.energyKind" placeholder="请选择能源类型" clearable--> <el-select v-model="sarStandardsSearch.energyKind" placeholder="请选择能源类型" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in nylxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>--> <el-option v-for="opt in nylxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 适用车型&ndash;&gt;--> &lt;!&ndash; 适用车型&ndash;&gt;
<!-- <el-form-item :label="$t('m.applicableModels')" class="serch-form-item">--> <el-form-item :label="$t('m.applicableModels')" class="serch-form-item">
<!-- <el-select v-model="sarStandardsSearch.applyArctic" :placeholder="$t('m.searchAccordingToThApplicableModel')" clearable--> <el-select v-model="sarStandardsSearch.applyArctic" :placeholder="$t('m.searchAccordingToThApplicableModel')" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>--> <el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 适用产品线（新增字段）&ndash;&gt;--> &lt;!&ndash; 适用产品线（新增字段）&ndash;&gt;
<!-- <el-form-item :label="$t('m.applicableProductLine')" class="serch-form-item">--> <el-form-item :label="$t('m.applicableProductLine')" class="serch-form-item">
<!-- <el-select v-model="sarStandardsSearch.sycpx" :placeholder="$t('m.searchByApplicableProductLine')" clearable--> <el-select v-model="sarStandardsSearch.sycpx" :placeholder="$t('m.searchByApplicableProductLine')" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in sycpxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>--> <el-option v-for="opt in sycpxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 适用认证&ndash;&gt;--> &lt;!&ndash; 适用认证&ndash;&gt;
<!-- <el-form-item label="适用认证">--> <el-form-item label="适用认证">
<!-- <el-select v-model="sarStandardsSearch.syzr" placeholder="根据适用认证查找" clearable--> <el-select v-model="sarStandardsSearch.syzr" placeholder="根据适用认证查找" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in syzrOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>--> <el-option v-for="opt in syzrOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 责任部门&ndash;&gt;--> &lt;!&ndash; 责任部门&ndash;&gt;
<!-- <el-form-item label="责任部门">--> <el-form-item label="责任部门">
<!-- <el-select v-model="sarStandardsSearch.zrbm" placeholder="根据责任部门查找" clearable--> <el-select v-model="sarStandardsSearch.zrbm" placeholder="根据责任部门查找" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in zrbmOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>--> <el-option v-for="opt in zrbmOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 责任工程师&ndash;&gt;--> &lt;!&ndash; 责任工程师&ndash;&gt;
<!-- <el-form-item label="责任工程师">--> <el-form-item label="责任工程师">
<!-- <el-select v-model="sarStandardsSearch.dutyEngineer" placeholder="根据责任工程师查找" clearable--> <el-select v-model="sarStandardsSearch.dutyEngineer" placeholder="根据责任工程师查找" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in zrgcsOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>--> <el-option v-for="opt in zrgcsOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 关联模块-VPPS编码&ndash;&gt;--> &lt;!&ndash; 关联模块-VPPS编码&ndash;&gt;
<!-- <el-form-item title="关联模块-VPPS编码" label="关联模块-VPPS编码" prop="standNumber">--> <el-form-item title="关联模块-VPPS编码" label="关联模块-VPPS编码" prop="standNumber">
<!-- <el-input v-model="sarStandardsSearch.svpps" clearable--> <el-input v-model="sarStandardsSearch.svpps" clearable
<!-- placeholder="根据关联模块-VPPS编码查找"--> placeholder="根据关联模块-VPPS编码查找"
<!-- @keyup.enter.native="btnSearch"></el-input>--> @keyup.enter.native="btnSearch"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 代替标准号&ndash;&gt;--> &lt;!&ndash; 代替标准号&ndash;&gt;
<!-- <el-form-item label="代替标准号">--> <el-form-item label="代替标准号">
<!-- <el-input v-model="sarStandardsSearch.replaceStandNum" clearable placeholder="根据代替标准号查找"--> <el-input v-model="sarStandardsSearch.replaceStandNum" clearable placeholder="根据代替标准号查找"
<!-- @keyup.enter.native="btnSearch"></el-input>--> @keyup.enter.native="btnSearch"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 关联模块-中文名称&ndash;&gt;--> &lt;!&ndash; 关联模块-中文名称&ndash;&gt;
<!-- <el-form-item title="关联模块-中文名称" label="关联模块-中文名称" prop="standNumber">--> <el-form-item title="关联模块-中文名称" label="关联模块-中文名称" prop="standNumber">
<!-- <el-input v-model="sarStandardsSearch.standNumber" clearable--> <el-input v-model="sarStandardsSearch.standNumber" clearable
<!-- placeholder="根据关联模块-中文名称"--> placeholder="根据关联模块-中文名称"
<!-- @keyup.enter.native="btnSearch"></el-input>--> @keyup.enter.native="btnSearch"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 采标编号&ndash;&gt;--> &lt;!&ndash; 采标编号&ndash;&gt;
<!-- <el-form-item label="采标编号" prop="nameShow">--> <el-form-item label="采标编号" prop="nameShow">
<!-- <el-input v-model="sarStandardsSearch.nameShow" clearable placeholder="根据采标编号查找"--> <el-input v-model="sarStandardsSearch.nameShow" clearable placeholder="根据采标编号查找"
<!-- @keyup.enter.native="btnSearch"></el-input>--> @keyup.enter.native="btnSearch"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 采标程度&ndash;&gt;--> &lt;!&ndash; 采标程度&ndash;&gt;
<!-- <el-form-item label="采标程度" prop="standNumber">--> <el-form-item label="采标程度" prop="standNumber">
<!-- <el-input v-model="sarStandardsSearch.standNumber" clearable--> <el-input v-model="sarStandardsSearch.standNumber" clearable
<!-- placeholder="根据采标程度查找"--> placeholder="根据采标程度查找"
<!-- @keyup.enter.native="btnSearch"></el-input>--> @keyup.enter.native="btnSearch"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 引用标准&ndash;&gt;--> &lt;!&ndash; 引用标准&ndash;&gt;
<!-- <el-form-item label="引用标准">--> <el-form-item label="引用标准">
<!-- <el-input v-model="sarStandardsSearch.citeStand" clearable placeholder="根据引用标准查找"--> <el-input v-model="sarStandardsSearch.citeStand" clearable placeholder="根据引用标准查找"
<!-- @keyup.enter.native="btnSearch"></el-input>--> @keyup.enter.native="btnSearch"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 被引用标准&ndash;&gt;--> &lt;!&ndash; 被引用标准&ndash;&gt;
<!-- <el-form-item label="被引用标准">--> <el-form-item label="被引用标准">
<!-- <el-input v-model="sarStandardsSearch.citedStand" clearable--> <el-input v-model="sarStandardsSearch.citedStand" clearable
<!-- placeholder="根据被引用标准查找"--> placeholder="根据被引用标准查找"
<!-- @keyup.enter.native="btnSearch"></el-input>--> @keyup.enter.native="btnSearch"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!--&lt;!&ndash; 关联模块（新增字段）&ndash;&gt;--> &lt;!&ndash; 关联模块（新增字段）&ndash;&gt;
<!-- <el-form-item :label="$t('m.associatedModule')" class="serch-form-item">--> <el-form-item :label="$t('m.associatedModule')" class="serch-form-item">
<!-- <el-select v-model="sarStandardsSearch.cycvppsbm" :placeholder="$t('m.SearchByAssociatedModule')" clearable--> <el-select v-model="sarStandardsSearch.cycvppsbm" :placeholder="$t('m.SearchByAssociatedModule')" clearable
<!-- @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">--> @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
<!-- <el-option v-for="opt in standNatureOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}--> <el-option v-for="opt in standNatureOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}
<!-- </el-option>--> </el-option>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!-- </el-form>--> </el-form>
<!-- </div>--> </div>
<!-- </table-tools-bar>--> </table-tools-bar>-->
<!-- 高级筛选--> <!-- 高级筛选-->
<el-drawer <el-drawer
title="高级搜索" title="高级搜索"
@@ -1627,6 +1663,18 @@
@confirm="isTreeOk" @confirm="isTreeOk"
></org-table> ></org-table>
<loading style="z-index: 2099;" :loading="importLoading">导入中...</loading> <loading style="z-index: 2099;" :loading="importLoading">导入中...</loading>
<Role-tree
is-title="选择人员信息"
:is-visible.sync="modalshowflagRole"
:nodeList="nodeList"
@checkedRole="drawerCheck"
/>
<Mechanism-tree
is-title="选择部门信息"
:is-visible.sync="modalshowflagZRBM"
:nodeList="nodeListZRBM"
@checkedRole="drawerCheckZRBM"
/>
</div> </div>
</template> </template>
@@ -1646,6 +1694,7 @@ import CustomEopDatePick from '@/components/CustomFormComponents/DatePickerWithT
import CustomDatePickWithText, {formatText} from '@/components/CustomFormComponents/DatePickerGroupWithText' import CustomDatePickWithText, {formatText} from '@/components/CustomFormComponents/DatePickerGroupWithText'
import CustomSVPPS from '@/components/CustomFormComponents/SVPPS' import CustomSVPPS from '@/components/CustomFormComponents/SVPPS'
import CustomRoleTree from '@/components/CustomFormComponents/roleTree' import CustomRoleTree from '@/components/CustomFormComponents/roleTree'
import MechanismTree from '@/components/mechanismTree'
import CustomDatePickWithText2 from '@/components/CustomFormComponents/DatePickerWithText2' import CustomDatePickWithText2 from '@/components/CustomFormComponents/DatePickerWithText2'
import {interfaceUrl} from '@/sysConfig' import {interfaceUrl} from '@/sysConfig'
import TreeSelect from '@/components/treeSelect/treeSelect.vue'; import TreeSelect from '@/components/treeSelect/treeSelect.vue';
@@ -1671,10 +1720,15 @@ export default {
CustomRoleTree, CustomRoleTree,
CustomDatePickWithText2, CustomDatePickWithText2,
TreeSelect, TreeSelect,
MechanismTree,
TreeSelectNew TreeSelectNew
}, },
data() { data() {
return { return {
nodeList: [],
nodeListZRBM: [],
modalshowflagRole: false,
modalshowflagZRBM: false,
filterText: '', // 国内法规过滤 filterText: '', // 国内法规过滤
props: { props: {
label: 'menuName', label: 'menuName',
@@ -1960,6 +2014,8 @@ export default {
}, // 标准新增过程中用到的对象 }, // 标准新增过程中用到的对象
standClass: [], // 标准类别 standClass: [], // 标准类别
sarStandardsInfoEO: { sarStandardsInfoEO: {
ZRGCSUser: '',
ZRGCSUserId: '',
regionShow: '亚洲', regionShow: '亚洲',
region: '2T8PFTSYE7', region: '2T8PFTSYE7',
issueUnit: '', // 发布部门 issueUnit: '', // 发布部门
@@ -2406,11 +2462,11 @@ export default {
this.modalShowFlag1 = false this.modalShowFlag1 = false
this.$forceUpdate() this.$forceUpdate()
}, },
popoverHideCancel(){ popoverHideCancel() {
this.modalShowFlag1 = false this.modalShowFlag1 = false
}, },
popoverHideBusVs(checkedIds, checkedData, isShow, isLoadChild, topId) { popoverHideBusVs(checkedIds, checkedData, isShow, isLoadChild, topId) {
if (checkedData && checkedData.length != 0) { if (checkedData && checkedData.length != 0) {
if (checkedData.length > 0) { if (checkedData.length > 0) {
this.sarStandardsInfoEO.CYCVPPSBM = checkedData.map(item => item.code).join(",") this.sarStandardsInfoEO.CYCVPPSBM = checkedData.map(item => item.code).join(",")
this.sarStandardsInfoEO.CYCVPPSCN = checkedData.map(item => item.chineseName).join(",") this.sarStandardsInfoEO.CYCVPPSCN = checkedData.map(item => item.chineseName).join(",")
@@ -2423,11 +2479,11 @@ export default {
this.$forceUpdate() this.$forceUpdate()
}, },
popoverHideBusVsCancel(){ popoverHideBusVsCancel() {
this.modalShowFlag2 = false this.modalShowFlag2 = false
}, },
popoverHideCarVs(checkedIds, checkedData, isShow, isLoadChild, topId) { popoverHideCarVs(checkedIds, checkedData, isShow, isLoadChild, topId) {
if (checkedData && checkedData.length != 0) { if (checkedData && checkedData.length != 0) {
if (checkedData.length > 0) { if (checkedData.length > 0) {
this.sarStandardsInfoEO.KCCVPPSBM = checkedData.map(item => item.code).join(",") this.sarStandardsInfoEO.KCCVPPSBM = checkedData.map(item => item.code).join(",")
this.sarStandardsInfoEO.KCCVPPSCN = checkedData.map(item => item.chineseName).join(",") this.sarStandardsInfoEO.KCCVPPSCN = checkedData.map(item => item.chineseName).join(",")
@@ -2440,11 +2496,11 @@ export default {
this.$forceUpdate() this.$forceUpdate()
}, },
popoverHideCarVsCancel(){ popoverHideCarVsCancel() {
this.modalShowFlag3 = false this.modalShowFlag3 = false
}, },
popoverHideModel(checkedIds, checkedData, isShow, isLoadChild, topId) { popoverHideModel(checkedIds, checkedData, isShow, isLoadChild, topId) {
if (checkedData && checkedData.length != 0) { if (checkedData && checkedData.length != 0) {
if (checkedData.length > 0) { if (checkedData.length > 0) {
this.sarStandardsInfoEO.DYBXH = checkedData.map(item => item.model).join(",") this.sarStandardsInfoEO.DYBXH = checkedData.map(item => item.model).join(",")
this.sarStandardsInfoEO.DYMC = checkedData.map(item => item.name).join(",") this.sarStandardsInfoEO.DYMC = checkedData.map(item => item.name).join(",")
@@ -2456,7 +2512,7 @@ export default {
} }
this.$forceUpdate() this.$forceUpdate()
}, },
popoverHideModelCancel(){ popoverHideModelCancel() {
this.modalShowFlag4 = false this.modalShowFlag4 = false
}, },
busVsFunc() { busVsFunc() {
@@ -3539,6 +3595,7 @@ export default {
this.validateStandNumber(this.sarStandardsInfoEO).then((flag) => { this.validateStandNumber(this.sarStandardsInfoEO).then((flag) => {
if (flag) { if (flag) {
// 时间格式修改 // 时间格式修改
this.ZRGCS = this.sarStandardsInfoEO.ZRGCSUserId
let nowstandinfo = JSON.parse(JSON.stringify(this.sarStandardsInfoEO)) let nowstandinfo = JSON.parse(JSON.stringify(this.sarStandardsInfoEO))
if (nowstandinfo.putTime != null && nowstandinfo.putTime !== '') { if (nowstandinfo.putTime != null && nowstandinfo.putTime !== '') {
nowstandinfo.putTime = this.$dateFormat(this.sarStandardsInfoEO.putTime, 'yyyy-MM-dd hh:mm:ss') nowstandinfo.putTime = this.$dateFormat(this.sarStandardsInfoEO.putTime, 'yyyy-MM-dd hh:mm:ss')
@@ -4891,7 +4948,49 @@ export default {
data.forEach(item => { data.forEach(item => {
this.$set(this.textStatusMap, item.value, item.label) this.$set(this.textStatusMap, item.value, item.label)
}) })
} },
choiceRole(type, title, id) {
this.nodeList = []
this.nodeList.push(id)
this.drawerTitle = title
this.modalshowflagRole = true
},
drawerCheck(data) {
let idList = ''
let nameList = ''
data.forEach(item => {
if (nameList.length > 0) {
nameList += ','
idList += ','
}
idList += item.id
nameList += item.name
})
this.sarStandardsInfoEO.ZRGCSUserId = idList;
this.sarStandardsInfoEO['ZRGCS'] = nameList;
},
choiceZRBM(type, title, id) {
this.nodeListZRBM = []
this.nodeListZRBM.push(id)
this.drawerTitle = title
this.modalshowflagZRBM = true
},
drawerCheckZRBM(data) {
let idList = ''
let nameList = ''
data.forEach(item => {
if (item.hasChild === '0' && item.children === null) {
if (nameList.length > 0) {
nameList += ','
idList += ','
}
idList += item.id
nameList += item.name
}
})
this.sarStandardsInfoEO.ZRBMId = idList;
this.sarStandardsInfoEO['ZRBM'] = nameList;
},
}, },
computed: { computed: {
// 是否拥有拖拽权限 // 是否拥有拖拽权限
@@ -5015,7 +5114,7 @@ export default {
background: url('~@/assets/images/shangqi/img/tree.png'); background: url('~@/assets/images/shangqi/img/tree.png');
background-size: 100% 100%; background-size: 100% 100%;
} }
#domesticStandardDatabase{ #domesticStandardDatabase{
height: 100%; height: 100%;
.content { .content {
height: calc(~'100% - 105px - 56px') height: calc(~'100% - 105px - 56px')
src/pages/regulatoryRepository/foreignStandardsAndRegulations/index.vue
+167 -40
View File
@@ -136,12 +136,12 @@
title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项" title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
v-btn-permission="'8871ed1be74cf65851659514880bb50a'"><i class="iconfont">&#xe6e9;</i>导出 v-btn-permission="'8871ed1be74cf65851659514880bb50a'"><i class="iconfont">&#xe6e9;</i>导出
</el-button> </el-button>
<!-- <el-button class="common-button-default delete-button" <!-- <el-button class="common-button-default delete-button"
:loading="delLoading" :loading="delLoading"
size="mini" size="mini"
@click="deleteStand(2)" @click="deleteStand(2)"
v-btn-permission="'4d01342db0f56f01bfceaee7b46904f4'"><i class="iconfont">&#xe61b;</i>批量删除 v-btn-permission="'4d01342db0f56f01bfceaee7b46904f4'"><i class="iconfont">&#xe61b;</i>批量删除
</el-button>--> </el-button>-->
<el-button class="common-button-default" <el-button class="common-button-default"
size="mini" @click="configurationStandard" size="mini" @click="configurationStandard"
v-btn-permission="'590049684c0af005c6b3d1f0ebcf897e'"><i class="iconfont">&#xe669;</i>配置标准 v-btn-permission="'590049684c0af005c6b3d1f0ebcf897e'"><i class="iconfont">&#xe669;</i>配置标准
@@ -151,11 +151,11 @@
@click="deleteStandFromKind(2)" @click="deleteStandFromKind(2)"
v-btn-permission="'29bf24bbd156c06f136cc89b1c7b2bb0'"><i class="iconfont">&#xe611;</i>移除标准 v-btn-permission="'29bf24bbd156c06f136cc89b1c7b2bb0'"><i class="iconfont">&#xe611;</i>移除标准
</el-button> </el-button>
<!--&lt;!&ndash; <el-button class="common-button-default" <!--&lt;!&ndash; <el-button class="common-button-default"
size="mini" :loading="searching" size="mini" :loading="searching"
@click="uploadImportModal(1)" @click="uploadImportModal(1)"
v-btn-permission="'4mFaJU3fTS'"><i class="iconfont">&#xe825;</i>模板下载&ndash;&gt; v-btn-permission="'4mFaJU3fTS'"><i class="iconfont">&#xe825;</i>模板下载&ndash;&gt;
</el-button>--> </el-button>-->
</div> </div>
<div class="content"> <div class="content">
<div class="table-wrap"> <div class="table-wrap">
@@ -191,7 +191,9 @@
<a v-else-if="scope.row.standYear" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{ <a v-else-if="scope.row.standYear" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standSortShow scope.row.standSortShow
}} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a> }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }} <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
scope.row.standSortShow
}}
{{ scope.row.standNumber }}</a> {{ scope.row.standNumber }}</a>
</template> </template>
</el-table-column> </el-table-column>
@@ -201,9 +203,15 @@
label="标准名称" label="标准名称"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a> <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{
<a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a> scope.row.standName
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a> }}</a>
<a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{
scope.row.standName
}}</a>
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
scope.row.standName
}}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -213,13 +221,13 @@
label="发布日期"> label="发布日期">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C"> <div v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">
{{ formatIssueDate(scope.row.issueTime) }} {{ formatIssueDate(scope.row.issueTime) }}
</div> </div>
<div v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF"> <div v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">
{{ formatIssueDate(scope.row.issueTime) }} {{ formatIssueDate(scope.row.issueTime) }}
</div> </div>
<div v-else style="color: #333333"> <div v-else style="color: #333333">
{{ formatIssueDate(scope.row.issueTime) }} {{ formatIssueDate(scope.row.issueTime) }}
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@@ -230,9 +238,13 @@
label="实施日期"> label="实施日期">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- {{ formatIssueDate(scope.row.putTime) }}--> <!-- {{ formatIssueDate(scope.row.putTime) }}-->
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0,10) : '-' }}</span> <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0,10) : '-' }}</span> scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-'
<span v-else style="color: #333333">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0,10) : '-' }}</span> }}</span>
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-'
}}</span>
<span v-else style="color: #333333">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>
</template> </template>
</el-table-column> </el-table-column>
@@ -242,9 +254,15 @@
width="150px" width="150px"
label="新车型实施日期"> label="新车型实施日期">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0,10) : '-' }}</span> <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0,10) : '-' }}</span> scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
<span v-else style="color: #333333">{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0,10) : '-' }}</span> }}</span>
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
}}</span>
<span v-else style="color: #333333">{{
scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -253,9 +271,15 @@
width="150px" width="150px"
label="在产车实施日期"> label="在产车实施日期">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0,10) : '-' }}</span> <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0,10) : '-' }}</span> scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
<span v-else style="color: #333333">{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0,10) : '-' }}</span> }}</span>
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
}}</span>
<span v-else style="color: #333333">{{
scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -269,12 +293,16 @@
<!-- </el-tooltip>--> <!-- </el-tooltip>-->
<!-- </template>--> <!-- </template>-->
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ textStatusMap[scope.row.textStatus] }}</span> <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{ textStatusMap[scope.row.textStatus] }}</span> textStatusMap[scope.row.textStatus]
}}</span>
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
textStatusMap[scope.row.textStatus]
}}</span>
<span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span> <span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="50" > <el-table-column label="操作" align="center" width="50">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div @click.stop style="display: inline-block">
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
@@ -983,12 +1011,48 @@
></custom-select> ></custom-select>
</template> </template>
<template v-else-if="field.attrType === 'SEL_OPTS' && field.attrField !== 'ZRLX'"> <template v-else-if="field.attrType === 'SEL_OPTS' && field.attrField !== 'ZRLX'">
<custom-select-array <template v-if="field.attrField === 'ZRBM'">
:key="field.attrField" <el-form-item
:config="field" prop="ZRBM"
v-model="sarStandardsInfoEO[field.attrField]" label-width="150px"
:disabled="formdisableflag" class="add-form-item"
></custom-select-array> >
<template slot="label">责任部门</template>
<el-input
:key="field.attrField"
:config="field"
clearable
v-model="sarStandardsInfoEO['ZRBM']"
:disabled="formdisableflag" placeholder="选择责任部门"
@click.native="choiceZRBM('ZRBMId', '责任部门', sarStandardsInfoEO.ZRBMId)">
</el-input>
</el-form-item>
</template>
<template v-else-if="field.attrField === 'ZRGCS'">
<el-form-item
prop="ZRGCSUser"
label-width="150px"
class="add-form-item"
>
<template slot="label">责任工程师</template>
<el-input
:key="field.attrField"
:config="field"
clearable
v-model="sarStandardsInfoEO['ZRGCS']"
:disabled="formdisableflag" placeholder="选择责任工程师"
@click.native="choiceRole('ZRGCSUserId', '责任工程师', sarStandardsInfoEO.ZRGCSUserId)">
</el-input>
</el-form-item>
</template>
<template v-else>
<custom-select-array
:key="field.attrField"
:config="field"
v-model="sarStandardsInfoEO[field.attrField]"
:disabled="formdisableflag"
></custom-select-array>
</template>
</template> </template>
</template> </template>
</template> </template>
@@ -1434,7 +1498,7 @@
:url="url" :url="url"
:urlChild="urlChild" :urlChild="urlChild"
:defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys2" :defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys2"
:nodeKey="nodeKeyCode" @popoverHide="popoverHideCarVs" @popoverHideCancel="popoverHideCarVsCancel"></tree-select-new> :nodeKey="nodeKeyCode" @popoverHide="popoverHideCarVs" @popoverHideCancel="popoverHideCarVsCancel"></tree-select-new>
<tree-select-new <tree-select-new
width="500" width="500"
:lazy=true :lazy=true
@@ -1473,6 +1537,18 @@
@confirm="isTreeOk" @confirm="isTreeOk"
></org-table> ></org-table>
<loading style="z-index: 2099;" :loading="exportLoading">导入中...</loading> <loading style="z-index: 2099;" :loading="exportLoading">导入中...</loading>
<Role-tree
is-title="选择人员信息"
:is-visible.sync="modalshowflagRole"
:nodeList="nodeList"
@checkedRole="drawerCheck"
/>
<Mechanism-tree
is-title="选择部门信息"
:is-visible.sync="modalshowflagZRBM"
:nodeList="nodeListZRBM"
@checkedRole="drawerCheckZRBM"
/>
</div> </div>
</template> </template>
@@ -1492,6 +1568,7 @@ import CustomEopDatePick from '@/components/CustomFormComponents/DatePickerWithT
import CustomDatePickWithText, {formatText} from '@/components/CustomFormComponents/DatePickerGroupWithText' import CustomDatePickWithText, {formatText} from '@/components/CustomFormComponents/DatePickerGroupWithText'
import CustomSVPPS from '@/components/CustomFormComponents/SVPPS' import CustomSVPPS from '@/components/CustomFormComponents/SVPPS'
import CustomRoleTree from '@/components/CustomFormComponents/roleTree' import CustomRoleTree from '@/components/CustomFormComponents/roleTree'
import MechanismTree from '@/components/mechanismTree'
import CustomDatePickWithText2 from '@/components/CustomFormComponents/DatePickerWithText2' import CustomDatePickWithText2 from '@/components/CustomFormComponents/DatePickerWithText2'
import {interfaceUrl} from "@/sysConfig"; import {interfaceUrl} from "@/sysConfig";
import TreeSelect from '@/components/treeSelect/treeSelect.vue'; import TreeSelect from '@/components/treeSelect/treeSelect.vue';
@@ -1515,12 +1592,19 @@ export default {
CustomDatePickWithText, CustomDatePickWithText,
CustomSVPPS, CustomSVPPS,
CustomRoleTree, CustomRoleTree,
MechanismTree,
CustomDatePickWithText2, CustomDatePickWithText2,
TreeSelect, TreeSelect,
TreeSelectNew TreeSelectNew
}, },
data() { data() {
return { return {
// 人员树形和部门树形参数
nodeList: [],
nodeListZRBM: [],
modalshowflagRole: false,
modalshowflagZRBM: false,
textStatusMap: {}, // 文本状态id与name对应 textStatusMap: {}, // 文本状态id与name对应
treeList: [], treeList: [],
props: { props: {
@@ -2235,7 +2319,7 @@ export default {
this.modalShowFlag2 = false this.modalShowFlag2 = false
this.$forceUpdate() this.$forceUpdate()
}, },
popoverHideBusVsCancel(){ popoverHideBusVsCancel() {
this.modalShowFlag2 = false this.modalShowFlag2 = false
}, },
popoverHideCarVs(checkedIds, checkedData, isShow, isLoadChild, topId) { popoverHideCarVs(checkedIds, checkedData, isShow, isLoadChild, topId) {
@@ -2250,7 +2334,7 @@ export default {
} }
this.modalShowFlag3 = false this.modalShowFlag3 = false
this.$forceUpdate() this.$forceUpdate()
},popoverHideCarVsCancel(){ }, popoverHideCarVsCancel() {
this.modalShowFlag3 = false this.modalShowFlag3 = false
}, },
popoverHideModel(checkedIds, checkedData, isShow, isLoadChild, topId) { popoverHideModel(checkedIds, checkedData, isShow, isLoadChild, topId) {
@@ -2265,7 +2349,7 @@ export default {
} }
this.modalShowFlag4 = false this.modalShowFlag4 = false
this.$forceUpdate() this.$forceUpdate()
},popoverHideModelCancel(){ }, popoverHideModelCancel() {
this.modalShowFlag4 = false this.modalShowFlag4 = false
}, },
// 将文本状态的id与name对应 // 将文本状态的id与name对应
@@ -4566,7 +4650,49 @@ export default {
break break
} }
} }
} },
choiceRole(type, title, id) {
this.nodeList = []
this.nodeList.push(id)
this.drawerTitle = title
this.modalshowflagRole = true
},
drawerCheck(data) {
let idList = ''
let nameList = ''
data.forEach(item => {
if (nameList.length > 0) {
nameList += ','
idList += ','
}
idList += item.id
nameList += item.name
})
this.sarStandardsInfoEO.ZRGCSUserId = idList;
this.sarStandardsInfoEO['ZRGCS'] = nameList;
},
choiceZRBM(type, title, id) {
this.nodeListZRBM = []
this.nodeListZRBM.push(id)
this.drawerTitle = title
this.modalshowflagZRBM = true
},
drawerCheckZRBM(data) {
let idList = ''
let nameList = ''
data.forEach(item => {
if (item.hasChild === '0' && item.children === null) {
if (nameList.length > 0) {
nameList += ','
idList += ','
}
idList += item.id
nameList += item.name
}
})
this.sarStandardsInfoEO.ZRBMId = idList;
this.sarStandardsInfoEO['ZRBM'] = nameList;
},
}, },
computed: { computed: {
// 是否拥有拖拽权限 // 是否拥有拖拽权限
@@ -4779,6 +4905,7 @@ export default {
.el-card { .el-card {
min-width: min-content; min-width: min-content;
} }
height: 95%; height: 95%;
width: calc(~'100% - 15px'); width: calc(~'100% - 15px');
position: absolute; position: absolute;