归档位置

This commit is contained in:
shenyanpei
2022-01-22 20:58:47 +08:00
parent 4f39f1f7e3
commit 223c42141f
6 changed files with 512 additions and 102 deletions
@@ -160,19 +160,31 @@
clearable
></el-input>
</el-form-item>
<!--<el-form-item label="归档位置">
<el-form-item v-if="verifySarStandard" label="归档位置" class="add-form-item form-item-disabled">
<el-input
style="display: none"
v-model="form.treeListId"
placeholder="请"
readonly
></el-input>
<el-input
v-model="form.treeListName"
placeholder="请输入标准英文名称"
readonly
></el-input>
</el-form-item>-->
<el-tooltip effect="dark" :content=form.treeListName placement="top-start">
<el-input
v-model="form.treeListName"
clearable
placeholder="选择归档位置"
@click.native="choiceTree('treeListName', '归档位置', form.treeListName)">
</el-input>
</el-tooltip>
<tree-select-stand
:key="key"
:multiple=true
:lazy=false
:checkStrictly=true
:modalShowFlag="modalShowTree"
:drawerTitle="drawerTitle"
width="800"
:data="treeListOptions"
:defaultProps="defaultProps" :checkedKeys="treeCheckedKeys"
:nodeKey="nodeKey" @popoverHide="treeHide" @popoverHideCancel="treeHideCancel"></tree-select-stand>
</el-form-item>
</el-col>
</el-row>
</div>
@@ -566,33 +578,6 @@
v-model="form['nylx']"
></custom-select-array>
</template>
<!-- <el-form-item label="适用车型" prop="cllx" class="add-form-item form-item-disabled">-->
<!-- <custom-select-array-->
<!-- :key="applyArcticOptions.value"-->
<!-- :config="applyArcticOptions.label"-->
<!-- v-model="applyArcticOptions"-->
<!-- ></custom-select-array>-->
<!-- <el-select :popper-append-to-body="false" v-model="form.cllx" placeholder="请选择适用车型" multiple>-->
<!-- <el-option-->
<!-- v-for="item in applyArcticOptions"-->
<!-- placeholder="请选择"-->
<!-- :key="item.value"-->
<!-- :value="item.value"-->
<!-- :label="item.label"-->
<!-- ></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="能源类型" prop="nylx" class="add-form-item form-item-disabled">-->
<!-- <el-select :popper-append-to-body="false" 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-input v-model="form.cycvppsbm" placeholder="选择乘用车VPPS编码" clearable @click.native="choiceZRR2('cycvppsbm', '乘用车VPPS', form.cycvppsbm)"></el-input>
<tree-select-new
@@ -920,27 +905,27 @@
>{{ '手动查找' }}
</el-button>
</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-button-->
<!-- type="primary"-->
<!-- class="common-button-primary"-->
<!-- size="mini"-->
<!-- style="position:absolute;top: 10px;right: 0;"-->
<!-- @click="selectLaws('byybj'),config.attrName = '被引用标准'"-->
<!-- >{{'手动查找'}}</el-button>-->
<!-- </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-form-item label="被引用标准" prop="byybj" class="add-form-item form-item-disabled">
<el-input
v-model="form.byybj"
placeholder="请输入被引用标准"
clearable
></el-input>
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="position:absolute;top: 10px;right: 0;"
@click="selectLaws('byybj'),config.attrName = '被引用标准'"
>{{'手动查找'}}</el-button>
</el-form-item>
<el-form-item v-if="form.standInData === '0'" label="参会记录" prop="chjl" class="add-form-item form-item-disabled">
<el-input
v-model="form.chjl"
placeholder="请输入参会记录"
clearable
></el-input>
</el-form-item>-->
</el-col>
</el-row>
</div>
@@ -1179,38 +1164,6 @@
@checkedRole="checkedRole"
:nodeList="nodeList"
></Role-tree>
<!-- <el-drawer
:title="drawerTitle"
:visible.sync="modalShowFlag"
:wrapperClosable="false"
size="800px">
<el-input
style="width:70%;padding: 10px"
placeholder="请输入姓名"
v-model="filterText">
</el-input>
<el-tree
:filter-node-method="filterNode"
v-if="modalShowFlag"
node-key="id"
style="height: 100%; overflow: auto;"
class="filter-tree"
:data="treeData"
:props="defaultUserProps"
:default-checked-keys="nodeList"
highlight-current
check-strictly
@check="drawerCheck"
default-expand-all
:expand-on-click-node="false"
show-checkbox
ref="tree">
</el-tree>
<div id="roleFormButton" class="demo-drawer-footer">
<el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo">确定</el-button>
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancelUserInfo">取消</el-button>
</div>
</el-drawer>-->
<!-- 选择标准的弹框 -->
<el-drawer
ref="standard"
@@ -1380,17 +1333,19 @@ import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle'
import CustomSelectArray from '@/components/CustomFormComponents/SelectArray'
import {saveTaskFirst, queryTaskFirst, getBusStandFileByAttId, taskDel, processBack} from "api/process";
import {saveTaskFirst, queryTaskFirst, getBusStandFileByAttId, taskDel} from "api/process";
import TreeSelect from '@/components/treeSelect/treeSelect.vue';
import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
import TreeSelectModule from "@/components/treeSelect/treeSelectModule.vue";
import CustomDatePickGroup from '@/components/CustomFormComponents/DatePickerGroup'
import CusTomDataPickerGroup
from "@/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup";
import TreeSelectStand from "@/components/treeSelect/treeSelectStand";
export default {
name: "bzrkStep1",
components: {
TreeSelectStand,
CusTomDataPickerGroup,
CustomDatePickGroup,
TreeSelectModule,
@@ -1529,6 +1484,7 @@ export default {
modalShowFlag3: false, // drawer开关
modalShowFlag4: false, // drawer开关
modalShowRoleFlag5: false,
modalShowTree: false, // 归档位置drawer开关
url: '',
urlChild: '',
drawerTitle: '', //drawer标题
@@ -1540,6 +1496,10 @@ export default {
defaultCheckedKeys1: [],
defaultCheckedKeys2: [],
defaultCheckedKeys3: [],
// 归档位置所选
treeCheckedKeys: [],
fileUrl: 'api/att/attFile/upload',
fileMadel: false,
fileType: '',
@@ -1560,6 +1520,9 @@ export default {
isRelateAccess: '', // 是否纳入认证清单
standSystem: '',// 标准体系
standSystemName: '',// 标准体系名称
treeListId: '', // 归档位置Id
treeListName: '', // 归档位置名称
gxhbq: '', // 标签
// 实施日期
ssrq: '', // 实施日期(标准文本)
@@ -1682,6 +1645,8 @@ export default {
busVppsChildOptions: [], // 车系体系架构子集合
modelOptions: [], // 模块体系架构
modelChildOptions: [], // 模块体系架构子集合
treeListOptions: [],//归档位置数据储存
applyArcticOptions: {
attrName: '适用车型',
options: []
@@ -1738,7 +1703,6 @@ export default {
},
'form' : {
handler: function () {
console.log(this.form.standInData)
if(this.form.standInData === '1') {
this.rules.standYear[0].required = false;
this.rules.standName[0].required = false
@@ -1897,7 +1861,6 @@ export default {
// 标准来源改变事件
standInChange(val) {
this.verifySarStandard = false
/** val === '1' (国外) val === '0'( 国内 )*/
// 国内英文名称不必填 国外必填 ,标准性质国内不体现
if (val === '1') {
@@ -2071,6 +2034,7 @@ export default {
this.defaultCheckedKeys1 = [this.form.cycvppsbm]
this.defaultCheckedKeys2 = [this.form.kccvppsbm]
this.defaultCheckedKeys3 = [this.form.dybxh]
this.treeCheckedKeys = this.form.treeListId.split(',')
this.form.standType = this.form.standInData === "0" ? 'INLAND' : 'FOREIGN'
this.form.standYear = this.form.standYear ? parseInt(this.form.standYear) : ''
if (this.form.country !== undefined && this.form.country !== null && this.form.country !== '') {
@@ -2189,10 +2153,9 @@ export default {
const bringData = res.data
bringData.signFlag = this.form.signFlag && this.form.signFlag != '' ? this.form.signFlag : '0'
bringData.standInData = this.form.standInData && this.form.standInData != '' ? this.form.standInData : '0'
const json = Object.assign(bringData, bringData.attrInfoCaseMap);
this.form = JSON.parse(JSON.stringify(json))
console.log(this.form)
this.getListTree(bringData)
this.form.qcdw = JSON.parse(JSON.stringify(json)).qcdw && JSON.parse(JSON.stringify(json)).qcdw !== '[]' ? JSON.parse(JSON.stringify(json)).qcdw : ''
this.form.wssmr = JSON.parse(JSON.stringify(json)).wssmr && JSON.parse(JSON.stringify(json)).wssmr !== '[]' ? JSON.parse(JSON.stringify(json)).wssmr : ''
this.form.zrgcs = JSON.parse(JSON.stringify(json)).zrgcs && JSON.parse(JSON.stringify(json)).zrgcs !== '[]' ? JSON.parse(JSON.stringify(json)).zrgcs : ''
@@ -2211,9 +2174,6 @@ export default {
this.key3++
this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
this.form.standYear = bringData.standYear ? parseInt(bringData.standYear) : ''
// this.form.ssrq = this.form.ssrq ? this.$moment(this.form.ssrq).format("YYYY-MM-DD") : null
// this.form.zccssrq = this.form.zccssrq ? this.$moment(this.form.zccssrq).format("YYYY-MM-DD") : null
// this.form.xcxssrq = this.form.xcxssrq ? this.$moment(this.form.xcxssrq).format("YYYY-MM-DD") : null
this.form.prcNum = this.prcNum
this.form.prcName = this.prcName
this.form['id'] = bringData.id
@@ -2229,7 +2189,6 @@ export default {
this.initializeFileList(p, this.form[p]);
}
}
console.log("res", res);
})
} else if (this.standardCheckedList.length > 1) {
@@ -2307,6 +2266,34 @@ export default {
}, e => {
})
},
/** 归档位置树结构查询 */
getListTree(bringData) {
this.$http.get('sarResource/ts-resource/getListStand', {
sorDivide: bringData.standInData === '0' ? 'INLAND_STAND' : 'FOREIGN_STAND',
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.ok) {
this.treeListOptions = res.data
this.$http.get('sarStandardsInfo/sar-standards-info/getStandMenuId', {
standId: bringData.id,
}, {}, reson => {
if (reson.ok) {
let treeList = ''
reson.data.forEach(item=>{
this.treeCheckedKeys.push(item.menuId)
if (item.menuId.length > 0) {
treeList += ','
}
treeList = item.menuName
this.treeListName = treeList
})
}
})
this.form.treeListId = this.treeCheckedKeys.join(',')
}
})
},
handleStandardPageChange(page) {
this.standardSearchForm.page = page
this.handleSearchStandard()
@@ -2464,6 +2451,13 @@ export default {
this.urlChild = "sarModelTree/childByList"
this.key3++
},
choiceTree(type, title, id) {
this.drawerTitle = title
this.getListTree(this.form)
this.modalShowTree = true
this.key++
},
getTree() {
this.$http.get('SarInstitution/institution/institutionAndUser', {}, {}, res => {
@@ -2925,6 +2919,23 @@ export default {
popoverHideCancel() {
this.modalShowFlag1 = false
},
treeHide(checkedIds, checkedData) {
if (checkedData) {
if (checkedData.length > 0 && checkedData.length != 0) {
this.form.treeListName = checkedData.map(item => item.menuName).join(",")
this.form.treeListId = checkedData.map(item => item.id).join(",")
} else {
this.form.treeListName = checkedData.menuName
this.form.treeListId = checkedData.id
}
this.modalShowTree = false
}
},
treeHideCancel() {
this.modalShowTree = false
},
popoverHideBusVs(checkedIds, checkedData, isShow, isLoadChild, topId) {
if (checkedData && checkedData.length != 0) {
if (checkedData.length > 0 && checkedData.length != 0) {
@@ -143,6 +143,20 @@
clearable
></el-input>
</el-form-item>
<el-form-item label="归档位置" class="add-form-item form-item-disabled">
<el-input
style="display: none"
v-model="form.treeListId"
></el-input>
<el-tooltip effect="dark" :content=form.treeListName placement="top-start">
<el-input
v-model="form.treeListName"
clearable
placeholder="选择归档位置"
readonly>
</el-input>
</el-tooltip>
</el-form-item>
</el-col>
</el-row>
</div>
@@ -142,6 +142,20 @@
clearable
></el-input>
</el-form-item>
<el-form-item label="归档位置" class="add-form-item form-item-disabled">
<el-input
style="display: none"
v-model="form.treeListId"
></el-input>
<el-tooltip effect="dark" :content=form.treeListName placement="top-start">
<el-input
v-model="form.treeListName"
clearable
placeholder="选择归档位置"
readonly>
</el-input>
</el-tooltip>
</el-form-item>
</el-col>
</el-row>
</div>
@@ -158,7 +172,6 @@
:disabled="true"
></custom-date-pick-group>
<custom-date-pick-group
:labelWidth="210"
:key="'zccssrq'"
:config="{attrName:'在产车实施日期(标准文本)',attrField:'zccssrq'}"
v-model="form.zccssrq"
@@ -185,7 +198,6 @@
</el-col>
<el-col :span="12">
<custom-date-pick-group
:labelWidth="210"
:key="'zccssrq'"
:config="{attrName:'新车型实施日期(标准文本)',attrField:'zccssrq'}"
v-model="form.xcxssrq"
@@ -147,6 +147,31 @@
clearable
></el-input>
</el-form-item>
<el-form-item label="归档位置" class="add-form-item form-item-disabled">
<el-input
style="display: none"
v-model="form.treeListId"
></el-input>
<el-tooltip effect="dark" :content=form.treeListName placement="top-start">
<el-input
v-model="form.treeListName"
clearable
placeholder="选择归档位置"
@click.native="choiceTree('treeListName', '归档位置', form.treeListName)">
</el-input>
</el-tooltip>
<tree-select-stand
:key="key"
:multiple=true
:lazy=false
:checkStrictly=true
:modalShowFlag="modalShowTree"
:drawerTitle="drawerTitle"
width="800"
:data="treeListOptions"
:defaultProps="defaultProps" :checkedKeys="treeCheckedKeys"
:nodeKey="nodeKey" @popoverHide="treeHide" @popoverHideCancel="treeHideCancel"></tree-select-stand>
</el-form-item>
</el-col>
</el-row>
</div>
@@ -1452,10 +1477,11 @@ import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
import TreeSelectModule from "@/components/treeSelect/treeSelectModule.vue";
import CusTomDataPickerGroup
from "@/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup";
import TreeSelectStand from "@/components/treeSelect/treeSelectStand";
export default {
name: "bzrkStep4",
components: {
TreeSelectStand,
CusTomDataPickerGroup,
TreeSelectModule,
ProcessHeader,
@@ -1520,10 +1546,13 @@ export default {
defaultCheckedKeys1: [],
defaultCheckedKeys2: [],
defaultCheckedKeys3: [],
treeCheckedKeys: [],
treeListOptions: [],
modalShowFlag1: false, // drawer开关
modalShowFlag2: false, // drawer开关
modalShowFlag3: false, // drawer开关
modalShowFlag4: false, // drawer开关
modalShowTree: false, // 归档位置drawer开关
url: '',
urlChild: '',
drawerTitle: '', //drawer标题
@@ -1610,6 +1639,8 @@ export default {
standSystem: '',// 标准体系
standSystemName: '',// 标准体系
gxhbq: '', // 标签
treeListName: '',
treeListId: '',
// 实施日期
ssrq: '', // 实施日期(标准文本)
xcxssrq: '', // 新车型实施日期(标准文本)
@@ -1884,6 +1915,12 @@ export default {
this.key3++
},
choiceTree(type, title, id) {
this.drawerTitle = title
this.getListTree(this.form)
this.modalShowTree = true
this.key++
},
busVsFunc() {
this.$http.get('sarVppsTree/list', '', {
_this: this
@@ -2370,6 +2407,22 @@ export default {
popoverHideCancel() {
this.modalShowFlag1 = false
},
treeHide(checkedIds, checkedData) {
if (checkedData) {
if (checkedData.length > 0 && checkedData.length != 0) {
this.form.treeListName = checkedData.map(item => item.menuName).join(",")
this.form.treeListId = checkedData.map(item => item.id).join(",")
} else {
this.form.treeListName = checkedData.menuName
this.form.treeListId = checkedData.id
}
this.modalShowTree = false
}
},
treeHideCancel() {
this.modalShowTree = false
},
popoverHideBusVs(checkedIds, checkedData, isShow, isLoadChild, topId) {
if (checkedData && checkedData.length != 0) {
if (checkedData.length > 0 && checkedData.length != 0) {
@@ -2462,6 +2515,7 @@ export default {
this.defaultCheckedKeys1 = [this.form.cycvppsbm];
this.defaultCheckedKeys2 = [this.form.kccvppsbm];
this.defaultCheckedKeys3 = [this.form.dybxh];
this.treeCheckedKeys = this.form.treeListId.split(',')
this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
this.form.standYear = this.form.standYear ? parseInt(this.form.standYear) : ''
this.form.prcNum = this.prcNum
@@ -2538,6 +2592,17 @@ export default {
}, e => {
})
},
/** 归档位置树结构查询 */
getListTree(bringData) {
this.$http.get('sarResource/ts-resource/getListStand', {
sorDivide: bringData.standInData === '0' ? 'INLAND_STAND' : 'FOREIGN_STAND',
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.ok) {
this.treeListOptions = res.data
}
})
},
closeDrawer() {
this.ListModel = false
},