|
@@ -9,13 +9,13 @@
|
|
|
:class="{FloorTypeSelect:item.InputMode == 'D1'||item.Unit}">
|
|
|
|
|
|
<el-input
|
|
|
- v-model="form[item.Path]"
|
|
|
+ v-model.trim="form[item.Path]"
|
|
|
v-if="item.InfoPointCode == 'BIMLocation' || item.InfoPointCode =='ModelID'"
|
|
|
disabled/>
|
|
|
|
|
|
<!--二维码相关-->
|
|
|
<span v-else-if="item.InfoPointCode == 'DefaultQRCode' ">
|
|
|
- <el-input v-if="!form[item.Path]" v-model="form[item.Path]" disabled/>
|
|
|
+ <el-input v-if="!form[item.Path]" v-model.trim="form[item.Path]" disabled/>
|
|
|
<el-popover v-else placement="right" width="210" trigger="click">
|
|
|
<div style="overflow:hidden;">
|
|
|
<img
|
|
@@ -28,7 +28,7 @@
|
|
|
</span>
|
|
|
|
|
|
<span v-else-if="item.InfoPointCode == 'QRCodePic' ">
|
|
|
- <el-input v-if="!form[item.Path]" v-model="form[item.Path]" disabled/>
|
|
|
+ <el-input v-if="!form[item.Path]" v-model.trim="form[item.Path]" disabled/>
|
|
|
<el-popover v-else placement="right" width="210" trigger="click">
|
|
|
<div style="overflow:hidden;">
|
|
|
<img
|
|
@@ -42,14 +42,17 @@
|
|
|
|
|
|
<!--/二维码相关-->
|
|
|
<span v-else-if="item.InputMode == 'B1'">
|
|
|
- <el-input v-model="form[item.Path]" :placeholder="(item.InputMode === 'B1' && item.Path==='FloorLocalID') ? '填写示例:F1、B1?':'' "/>
|
|
|
- <div v-if="item.InputMode === 'B1' && item.Path==='FloorLocalID' && isShowTitle" style="color: gray;font-size: 12px" >
|
|
|
+ <el-input v-model.trim="form[item.Path]"
|
|
|
+ :placeholder="(item.InputMode === 'B1' && item.Path==='FloorLocalID') ? '填写示例:F1、B1?':'' "/>
|
|
|
+ <div v-if="item.InputMode === 'B1' && item.Path==='FloorLocalID' && isShowTitle"
|
|
|
+ style="color: gray;font-size: 12px">
|
|
|
用于楼层平面图切换
|
|
|
</div>
|
|
|
</span>
|
|
|
|
|
|
- <el-input v-model="form[item.Path]" v-else-if="item.InputMode == 'A1'||item.InputMode == 'A2'" type="number">
|
|
|
- <template slot="append" v-if="item.Unit">{{item.Unit}}</template>
|
|
|
+ <el-input v-model.trim="form[item.Path]" v-else-if="item.InputMode == 'A1'||item.InputMode == 'A2'"
|
|
|
+ type="number">
|
|
|
+ <template slot="append" v-if="item.Unit">{{ item.Unit }}</template>
|
|
|
</el-input>
|
|
|
|
|
|
<el-select v-model="form[item.Path]" placeholder="请选择" v-else-if="item.InputMode == 'D1'">
|
|
@@ -57,20 +60,22 @@
|
|
|
</el-select>
|
|
|
|
|
|
<el-cascader
|
|
|
- v-else-if="item.InputMode == 'D1L'"
|
|
|
- placeholder="请选择"
|
|
|
- :options="item.options"
|
|
|
- v-model="form[item.Path]"
|
|
|
- :props="item.props"
|
|
|
- filterable
|
|
|
- :show-all-levels="false"
|
|
|
- clearable
|
|
|
- style="width: 200px"/>
|
|
|
+ v-else-if="item.InputMode == 'D1L'"
|
|
|
+ placeholder="请选择"
|
|
|
+ :options="item.options"
|
|
|
+ v-model="form[item.Path]"
|
|
|
+ :props="item.props"
|
|
|
+ filterable
|
|
|
+ :show-all-levels="false"
|
|
|
+ clearable
|
|
|
+ style="width: 200px"/>
|
|
|
|
|
|
- <el-input v-else-if="item.InputMode == 'L'||item.InputMode == 'L1'||item.InputMode == 'L2'||item.InputMode == 'M'" v-model="form[item.Path]">
|
|
|
- <template slot="append" v-if="item.Unit">{{item.Unit}}</template>
|
|
|
+ <el-input
|
|
|
+ v-else-if="item.InputMode == 'L'||item.InputMode == 'L1'||item.InputMode == 'L2'||item.InputMode == 'M'"
|
|
|
+ v-model.trim="form[item.Path]">
|
|
|
+ <template slot="append" v-if="item.Unit">{{ item.Unit }}</template>
|
|
|
</el-input>
|
|
|
- <el-input v-model="form[item.Path]" v-else disabled title="暂不支持"></el-input>
|
|
|
+ <el-input v-model.trim="form[item.Path]" v-else disabled title="暂不支持"></el-input>
|
|
|
<!-- <div>{{item.InputMode}}{{item.InfoPointCode}}</div>-->
|
|
|
</el-form-item>
|
|
|
</div>
|
|
@@ -78,99 +83,99 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
- import {getDataDictionary} from "@/api/scan/request";
|
|
|
+import {getDataDictionary} from "@/api/scan/request";
|
|
|
|
|
|
- export default {
|
|
|
- props: {
|
|
|
- type: {
|
|
|
- default: 'Floor'
|
|
|
+export default {
|
|
|
+ props: {
|
|
|
+ type: {
|
|
|
+ default: 'Floor'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ let validateId = (rule, value, callback) => {
|
|
|
+ if (!value) {
|
|
|
+ this.isShowTitle = false
|
|
|
+ return callback(new Error('请输入楼层本地编码'));
|
|
|
+ } else {
|
|
|
+ this.isShowTitle = true
|
|
|
+ callback()
|
|
|
}
|
|
|
- },
|
|
|
- data() {
|
|
|
- let validateId = (rule, value, callback) => {
|
|
|
- if (!value) {
|
|
|
- this.isShowTitle = false
|
|
|
- return callback(new Error('请输入楼层本地编码'));
|
|
|
- } else {
|
|
|
- this.isShowTitle = true
|
|
|
- callback()
|
|
|
- }
|
|
|
+ }
|
|
|
+ // }
|
|
|
+ return {
|
|
|
+ form: {},
|
|
|
+ isShowTitle: true,
|
|
|
+ InforsList: [],
|
|
|
+ all: true, // 默认显示全部
|
|
|
+ rules: {
|
|
|
+ "FloorLocalID": [
|
|
|
+ {validator: validateId, trigger: 'blur', "required": true}
|
|
|
+ ],
|
|
|
+ "FloorLocalName": [
|
|
|
+ {"required": true, "message": "请输入楼层本地名称", "trigger": "blur"}
|
|
|
+ ],
|
|
|
+ "FloorSequenceID": [
|
|
|
+ {"required": true, "message": "请输入楼层顺序号", "trigger": "blur"}
|
|
|
+ ]
|
|
|
}
|
|
|
- // }
|
|
|
- return {
|
|
|
- form: {},
|
|
|
- isShowTitle: true,
|
|
|
- InforsList: [],
|
|
|
- all: true, // 默认显示全部
|
|
|
- rules: {
|
|
|
- "FloorLocalID": [
|
|
|
- {validator: validateId, trigger: 'blur', "required": true}
|
|
|
- ],
|
|
|
- "FloorLocalName": [
|
|
|
- {"required": true, "message": "请输入楼层本地名称", "trigger": "blur"}
|
|
|
- ],
|
|
|
- "FloorSequenceID": [
|
|
|
- {"required": true, "message": "请输入楼层顺序号", "trigger": "blur"}
|
|
|
- ]
|
|
|
- }
|
|
|
- };
|
|
|
- },
|
|
|
+ };
|
|
|
+ },
|
|
|
|
|
|
- created() {
|
|
|
- this.getInforsPoint()
|
|
|
- }
|
|
|
- ,
|
|
|
- methods: {
|
|
|
+ created() {
|
|
|
+ this.getInforsPoint()
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ methods: {
|
|
|
|
|
|
- getInforsPoint() {
|
|
|
- let params = {
|
|
|
- data: {
|
|
|
- Orders: "sort asc,InfoPointCode asc",
|
|
|
- PageNumber: 1,
|
|
|
- PageSize: 1000
|
|
|
- },
|
|
|
- type: this.type
|
|
|
- };
|
|
|
- getDataDictionary(params, res => {
|
|
|
- let arr = res.Content.map(item => {
|
|
|
- if ((item.InputMode === 'D1' || item.InputMode === 'D2' || item.InputMode === 'E2' || item.InputMode === 'D1L') && item.DataSource) {
|
|
|
- item.options = JSON.parse(item.DataSource)
|
|
|
- if (item.options[0] && item.options[0].Content) {
|
|
|
- item.props = {
|
|
|
- value: 'Code',
|
|
|
- label: 'Name',
|
|
|
- children: 'Content',
|
|
|
- checkStrictly: true
|
|
|
- }
|
|
|
+ getInforsPoint() {
|
|
|
+ let params = {
|
|
|
+ data: {
|
|
|
+ Orders: "sort asc,InfoPointCode asc",
|
|
|
+ PageNumber: 1,
|
|
|
+ PageSize: 1000
|
|
|
+ },
|
|
|
+ type: this.type
|
|
|
+ };
|
|
|
+ getDataDictionary(params, res => {
|
|
|
+ let arr = res.Content.map(item => {
|
|
|
+ if ((item.InputMode === 'D1' || item.InputMode === 'D2' || item.InputMode === 'E2' || item.InputMode === 'D1L') && item.DataSource) {
|
|
|
+ item.options = JSON.parse(item.DataSource)
|
|
|
+ if (item.options[0] && item.options[0].Content) {
|
|
|
+ item.props = {
|
|
|
+ value: 'Code',
|
|
|
+ label: 'Name',
|
|
|
+ children: 'Content',
|
|
|
+ checkStrictly: true
|
|
|
}
|
|
|
}
|
|
|
- switch (item.InfoPointCode) { //过滤掉待删除的
|
|
|
- case 'FloorIdentity':
|
|
|
- case 'RelatedSchedule':
|
|
|
- case 'OutPeopleFlow':
|
|
|
- case 'InPeopleFlow':
|
|
|
- case 'ExsitPeopleNum':
|
|
|
- break;
|
|
|
- default:
|
|
|
- return item
|
|
|
- }
|
|
|
- })
|
|
|
- //手动删除掉数据字典中不存在的字段,等待后台同步
|
|
|
- this.InforsList = arr.filter(t => t && t.InfoPointCode != 'FloorQRCode')
|
|
|
- })
|
|
|
- },
|
|
|
- submitForm(call) {
|
|
|
- this.$refs.ruleForm.validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- call()
|
|
|
- } else {
|
|
|
- return false;
|
|
|
}
|
|
|
- });
|
|
|
- },
|
|
|
+ switch (item.InfoPointCode) { //过滤掉待删除的
|
|
|
+ case 'FloorIdentity':
|
|
|
+ case 'RelatedSchedule':
|
|
|
+ case 'OutPeopleFlow':
|
|
|
+ case 'InPeopleFlow':
|
|
|
+ case 'ExsitPeopleNum':
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ return item
|
|
|
+ }
|
|
|
+ })
|
|
|
+ //手动删除掉数据字典中不存在的字段,等待后台同步
|
|
|
+ this.InforsList = arr.filter(t => t && t.InfoPointCode != 'FloorQRCode')
|
|
|
+ })
|
|
|
+ },
|
|
|
+ submitForm(call) {
|
|
|
+ this.$refs.ruleForm.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ call()
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
|
|
|
- }
|
|
|
- };
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
#inforsPoint {
|