新增巡检标准

operationSupport/src/views/facilityInspections/InspectionStandards.vue

@@ -0,0 +1,182 @@
+<template>
+    <div class="content">
+        <community-tree @organId="currentOrganId"></community-tree>
+        <div class="content-right">
+            <div class="search">
+                <el-input placeholder="巡检项内容" class="search-input" clearable v-model="mixins_query.cotent"></el-input>
+                <el-cascader
+                    v-model="typeId"
+                    :props="defaultProps"
+                    placeholder="设备设施类型"
+                    :options="productOptions"
+                    @change="deviceArrToggle"
+                ></el-cascader>
+                <el-button type="primary" placeholder="状态" class="search-btn" @click="mixins_search" icon="el-icon-search"
+                    >查询
+                </el-button>
+
+                <div class="search-icon">
+                    <el-dropdown type="primary" @command="addCommand">
+                        <span class="iconfont">&#xe641;</span>
+                        <el-dropdown-menu slot="dropdown" hide-on-click="false" class="device-search-dropdown">
+                            <el-dropdown-item command="add">单个添加</el-dropdown-item>
+                            <el-dropdown-item command="batchAdd">
+                                <div class="upload_div">
+                                    <xk-upload class="upload_class" @callback="mixins_search" :params="{ importType: 'INSEPTION_OPTION' }">
+                                        <span class="upload_text" slot="content">批量添加</span>
+                                    </xk-upload>
+                                </div>
+                            </el-dropdown-item>
+                            <el-dropdown-item command="template">下载模板</el-dropdown-item>
+                        </el-dropdown-menu>
+                    </el-dropdown>
+                </div>
+            </div>
+            <zz-table
+                :cols="cols"
+                :settings="{ showIndex: true, stripe: true }"
+                :loading="mixins_onQuery"
+                :data="mixins_list"
+                :pageset="mixins_pageset"
+                @page-change="pageChange"
+            >
+                <template slot-scope="scope" slot="opt">
+                    <div class="opt">
+                        <el-tooltip effect="light" placement="bottom" content="修改">
+                            <i class="zoniot_font zoniot-icon-bianji" @click="addOrEdit('edit', scope.row)"></i>
+                        </el-tooltip>
+                        <el-tooltip effect="light" placement="bottom" content="删除">
+                            <i class="zoniot_font zoniot-icon-shanchu redText" @click="deleteOne(scope.row.id)"></i>
+                        </el-tooltip>
+                    </div>
+                </template>
+            </zz-table>
+        </div>
+    </div>
+</template>
+<script>
+import communityTree from './communityTree.vue';
+import list from '@utils/list.js';
+export default {
+    mixins: [list],
+    components: {
+        communityTree
+    },
+    data() {
+        return {
+            currentId: '',
+            productOptions: [],
+            cols: [
+                {
+                    label: '设备设施类型',
+                    prop: 'typeName'
+                },
+                {
+                    label: '巡检项内容',
+                    prop: 'cotent'
+                },
+                {
+                    label: '类型',
+                    prop: 'type',
+                    format(val) {
+                        let value = '-';
+                        let selctArr = ['单选', '多选', '输入框'];
+                        if (!!val) {
+                            return selctArr[Number(val) - 1];
+                        } else {
+                            return value;
+                        }
+                    }
+                },
+                {
+                    label: '选项',
+                    prop: 'value'
+                },
+                {
+                    label: '操作',
+                    prop: 'id',
+                    slot: 'opt',
+                    width: 130
+                }
+            ],
+            defaultProps: {
+                value: 'id', // 唯一标识
+                label: 'label', // 标签显示
+                children: 'children'
+            },
+            mixins_post: 'post'
+        };
+    },
+    created() {
+        this.getProductOptions();
+        this.mixins_dataUrl = '/sc-community/inspectionOption/page';
+        this.mixins_query = {
+            communityId: ''
+        };
+        this.mixins_search();
+    },
+    methods: {
+        currentOrganId(data) {
+            this.mixins_query.communityId = data.id || '';
+            this.mixins_search();
+        },
+        addCommand(command) {
+            if (command === 'add') {
+                this.addOrEdit('add');
+            }
+            if (command === 'template') {
+                this.__exportExcel('/sc-community/excel/download/template', { importType: 'INSEPTION_OPTION' });
+                return;
+            }
+        },
+        addOrEdit(todo, row) {
+            new Promise((resolve) => {
+                let rows,
+                    title = '编辑巡检项';
+                if ('add' == todo) {
+                    title = '添加巡检项';
+                } else {
+                    rows = JSON.parse(JSON.stringify(row));
+                }
+                this.$store.dispatch('openModal', {
+                    url: '/facilityInspections/popups/addStandard.vue',
+                    title: title,
+                    width: '500px',
+                    height: '400px',
+                    props: {
+                        data: rows,
+                        communityId: this.mixins_query.communityId,
+                        deviceArr: this.productOptions,
+                        todo: todo,
+                        callback: resolve
+                    }
+                });
+            }).then(() => {
+                this.mixins_search();
+            });
+        },
+        deleteOne(id) {
+            this.$msgBox(`刪除巡检标准`, '删除后将无法恢复，请问是否继续?')
+                .then(() => {
+                    this.$http.get('/sc-community/inspectionOption/delete?id=' + id).then(({ msg, status, data }) => {
+                        if (status == 0) {
+                            this.$message.success(msg);
+                            this.mixins_search();
+                        } else {
+                            this.$message.error(msg);
+                        }
+                    });
+                })
+                .catch(() => {});
+        },
+        deviceArrToggle(va) {
+            this.mixins_query.typeId = _.last(va);
+        },
+        getProductOptions() {
+            this.$http.postForm('/sc-community/devicetype/getTypeTree', { name: '' }).then((data) => {
+                this.productOptions = data;
+            });
+        }
+    }
+};
+</script>

operationSupport/src/views/facilityInspections/communityTree.vue

@@ -0,0 +1,88 @@
+<template>
+  <div class="organ-tree">
+    <el-input
+      v-model="filterText"
+      placeholder="请输入关键字"
+      suffix-icon="el-icon-search"
+    ></el-input>
+    <div class="tree-style-box no-scrollbar">
+      <el-tree
+        class="tree-style"
+        :data="organList"
+        ref="tree"
+        node-key="id"
+        :highlight-current="true"
+        :props="defaultProps"
+        :expand-on-click-node="false"
+        @node-click="treeClick"
+        default-expand-all
+        :filter-node-method="filterNode"
+      >
+      </el-tree>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'organTree',
+  data () {
+    return {
+      filterText: '',
+      organList: [],
+      defaultProps: {
+        label: 'communityName'
+      }
+    };
+  },
+  watch: {
+    filterText (val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  methods: {
+    getOrgTreeList () {
+      this.$http.get('/sc-community/assets/community/list').then(({ status, data, msg }) => {
+        if (status === 0 && data) {
+          this.organList = data;
+          this.$nextTick().then(() => {
+            const firstNode = document.querySelector('.el-tree-node');
+            firstNode.click();
+          });
+        }
+      });
+    },
+
+    filterNode (value, data) {
+      if (!value) return true;
+      return data.communityName.indexOf(value) !== -1;
+    },
+    treeClick (e) {
+      this.$emit('organId', e);
+    }
+  },
+  created () {
+    this.getOrgTreeList();
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.organ-tree {
+    width: 260px;
+    background: #ffffff;
+    padding: 20px;
+    box-sizing: border-box;
+    float: left;
+    height: 100%;
+    overflow: auto;
+    &::before {
+        clear: both;
+    }
+    .tree-style-box {
+        margin-top: 20px;
+        max-height: calc(100vh - 200px);
+        overflow: scroll;
+    }
+}
+</style>

operationSupport/src/views/facilityInspections/inspectionsRecordsStatistics.vue

@@ -0,0 +1,233 @@
+<template>
+    <div class="main">
+        <div class="search">
+            <el-input placeholder="巡检设备编号/名称" class="search-input" clearable v-model="mixins_query.no"></el-input>
+            <el-select v-model="mixins_query.communityId" placeholder="请选择所属社区">
+                <el-option v-for="(item, index) in communityArr" :key="index" :label="item.communityName" :value="item.id"></el-option>
+            </el-select>
+            <el-cascader
+                v-model="typeValueW"
+                :props="defaultProps"
+                ref="typeValue"
+                placeholder="请选择"
+                :options="productOptions"
+                @change="deviceArrToggle"
+            ></el-cascader>
+            <el-date-picker
+                v-model="times"
+                value-format="yyyy-MM-dd"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                @change="effectiveDateToggle"
+            ></el-date-picker>
+            <el-button type="primary" class="search-btn" @click="mixins_search" icon="el-icon-search">查询 </el-button>
+            <div class="search-icon">
+                <el-tooltip class="item" effect="light" placement="bottom" content="导出">
+                    <i class="zoniot_font zoniot-icon-daochu2" @click="exportExcel()"></i>
+                </el-tooltip>
+            </div>
+        </div>
+        <div class="zz-table">
+            <el-table :data="mixins_list" stripe>
+                <el-table-column type="index" label="No."> </el-table-column>
+                <el-table-column prop="communityName" label="所属社区"> </el-table-column>
+                <el-table-column label="设备设施类型">
+                    <template slot-scope="scope">
+                        {{ scope.row.typeValue || '--' }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="no" label="设备编号"> </el-table-column>
+                <el-table-column prop="name" label="设备名称"> </el-table-column>
+                <el-table-column prop="address" label="地址"> </el-table-column>
+                <el-table-column prop="checkTime" label="巡检时间"> </el-table-column>
+                <el-table-column prop="result" label="巡检结果"> </el-table-column>
+                <el-table-column label="图片/视频">
+                    <template slot-scope="scope">
+                        <div v-if="!!scope.row.picturePath">
+                            <div class="imgVdio" v-for="item in scope.row.picturePath.split(',')" :key="item">
+                                <video v-if="typeVideo(item)" :src="item" @click="lookVideos(item)"></video>
+                                <el-image class="imgs" v-else :src="item" :preview-src-list="[item]"></el-image>
+                            </div>
+                        </div>
+                    </template>
+                </el-table-column>
+
+                <el-table-column :label="item" v-for="(item, index) in headArr" :key="index">
+                    <template slot-scope="scope">
+                        {{ scope.row.options[item] || '--' }}
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="foot">
+                <el-pagination
+                    class="pagination"
+                    background
+                    @size-change="pageSize"
+                    @current-change="pageChange"
+                    :current-page="mixins_pageset.currentPage"
+                    :page-sizes="mixins_pageset.pageSizes || [15, 30, 60, 120]"
+                    :page-size="mixins_pageset.pageSize || 15"
+                    :total="mixins_pageset.total || 0"
+                    layout="total, sizes, prev, pager, next, jumper"
+                >
+                </el-pagination>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import list from '@utils/list.js';
+export default {
+    mixins: [list],
+    name: 'workOrdersRecords',
+    data() {
+        return {
+            communityArr: [],
+            productOptions: [],
+            typeValueW: [],
+            defaultProps: {
+                value: 'id', // 唯一标识
+                label: 'label', // 标签显示
+                children: 'children'
+            },
+            mixins_query: {
+                communityId: '',
+                type: '',
+                typeId: '',
+                no: ''
+            },
+            times: [],
+            headArr: [],
+            mixins_post: 'post'
+        };
+    },
+    created() {
+        let p1 = new Promise((resolve) => {
+            this.getorgTree(resolve);
+        });
+        let p2 = new Promise((resolve) => {
+            this.getProductOptions(resolve);
+        });
+        this.getTable(p1, p2);
+    },
+    mounted() {},
+    methods: {
+        typeVideo(str) {
+            let type = str.slice(str.lastIndexOf('.') + 1, str.length);
+            let videoType = ['mp4'];
+            return videoType.includes(type);
+        },
+        lookVideos(src) {
+            new Promise((resolve) => {
+                this.$store.dispatch('addPopup', {
+                    url: '/lookVideo.vue',
+                    width: '600px',
+                    height: '500px',
+                    props: {
+                        src: src,
+                        callback: resolve
+                    },
+                    showConfirmButton: true,
+                    showCancelButton: true,
+                    hideStar: true,
+                    title: '查看视频'
+                });
+            }).then(() => {
+                this.mixins_search();
+            });
+        },
+        exportExcel() {
+            this.__exportExcel('/sc-community/inspectionRecord/getInspectionOptionExcel',this.mixins_query);
+        },
+        pageChange(obj) {
+            this.mixins_pageset.pageNum = obj;
+            this.getList();
+        },
+        pageSize(obj) {
+            this.mixins_pageset.pageSize = obj;
+            this.getList();
+        },
+        getTable(p1, p2) {
+            Promise.all([p1, p2])
+                .then((results) => {
+                    new Promise((resolve) => {
+                        this.getHetailHead(resolve);
+                    }).then((res) => {
+                        this.mixins_dataUrl = '/sc-community/inspectionRecord/statisticsDetail';
+                        this.mixins_search();
+                    });
+                })
+                .catch((e) => {});
+        },
+        effectiveDateToggle(va) {
+            let arr = va;
+            if (!arr) {
+                arr = ['', ''];
+            }
+            this.mixins_query.startTime = arr[0] + ' 00:00:00';
+            this.mixins_query.endTime = arr[1] + ' 23:59:59';
+        },
+        getHetailHead(resolve) {
+            this.$http
+                .post('/sc-community/inspectionRecord/getstatisticsDetailHead', this.mixins_query)
+                .then(({ status, data, msg }) => {
+                    if (status == 0) {
+                        this.headArr = data;
+                        resolve && resolve(true);
+                    }
+                })
+                .catch((err) => {});
+        },
+        getorgTree(resolve) {
+            this.$http
+                .get('/sc-community/assets/community/list')
+                .then((data) => {
+                    this.communityArr = data.data;
+                    this.mixins_query.communityId = data.data[0].id;
+                    this.$store.commit('setAreaSelect', data.data);
+                    resolve && resolve(true);
+                })
+                .catch(function () {});
+        },
+        getProductOptions(resolve) {
+            this.$http.postForm('/sc-community/devicetype/getTypeTree', { name: '' }).then((data) => {
+                this.productOptions = data;
+                if (data.length !== 0) {
+                    if (!!data[0].children && !!data[0].children[0].children) {
+                        this.mixins_query.type = data[0].children[0].children[0].type;
+                        this.mixins_query.typeId = data[0].children[0].children[0].id;
+                        this.typeValueW = [null, null, data[0].children[0].children[0].id];
+                    }
+                }
+                resolve && resolve(true);
+            });
+        },
+        deviceArrToggle(e) {
+            this.mixins_query.typeId = e[e.length - 1];
+            if (!!this.mixins_query.typeId) {
+                this.mixins_query.type = this.$refs.typeValue.getCheckedNodes()[0].data.type;
+            }
+            this.getTable();
+        }
+    }
+};
+</script>
+<style scoped lang='scss'>
+.imgVdio {
+    display: inline-block;
+    margin-right: 10px;
+    .imgs,
+    video {
+        width: 64px;
+        cursor: pointer;
+    }
+}
+
+/deep/ .el-table--striped .el-table__body tr.el-table__row--striped td,
+/deep/ .el-table__row--striped {
+    background: #f8fcff;
+}
+</style>

operationSupport/src/views/facilityInspections/popups/addStandard.vue

@@ -0,0 +1,229 @@
+<template>
+    <el-form ref="ruleForm" :model="formData" label-width="120px" :rules="formRules">
+        <el-form-item label="设备设施类型" prop="typeId">
+            <el-cascader
+                v-model="typeValueW"
+                :props="defaultProps"
+                ref="typeValue"
+                placeholder="请选择"
+                :options="deviceArr"
+                @change="deviceArrToggle"
+            ></el-cascader>
+        </el-form-item>
+        <el-form-item label="巡检项内容" prop="cotent">
+            <el-input
+                v-trim
+                v-model.trim="formData.cotent"
+                type="textarea"
+                resize="none"
+                rows="3"
+                placeholder="请输入巡检项内容"
+                maxlength="200"
+                show-word-limit="200"
+            ></el-input>
+        </el-form-item>
+        <el-form-item label="类型" prop="type">
+            <el-select class="width65" v-model="formData.type" clearable>
+                <el-option label="单选项" value="1"></el-option>
+                <el-option label="多选项" value="2"></el-option>
+                <el-option label="输入框" value="3"></el-option>
+            </el-select>
+        </el-form-item>
+        <template v-if="formData.type == 1 || formData.type == 2">
+            <el-form-item
+                :label="item.name"
+                :prop="'value' + index"
+                :rules="valueRules(item.value)"
+                v-for="(item, index) in listType"
+                :key="index"
+            >
+                <div class="flex">
+                    <el-input placeholder="请输入选择项" v-trim v-model.trim="item.value"></el-input>
+                    <div class="buttonIcon">
+                        <div class="sunm" v-if="index == listType.length - 1" @click="addListType(1)">
+                            <i class="zoniot_font zoniot-icon-tianjia1"></i>
+                        </div>
+                        <div class="sunm" v-if="listType.length != 1">
+                            <i class="zoniot_font zoniot-icon-shanjian" @click="addListType(-1, index)"></i>
+                        </div>
+                    </div>
+                </div>
+            </el-form-item>
+        </template>
+    </el-form>
+</template>
+<script >
+export default {
+    props: ['params'],
+    data() {
+        let _this = this;
+        return {
+            formData: {
+                communityId: '',
+                cotent: '',
+                type: '',
+                typeId: '',
+                typeCategory: '',
+                value: ''
+            },
+            formRules: {
+                typeId: [this.$valid.selectRequired('设备设施类型')],
+                type: [this.$valid.selectRequired('类型')],
+                cotent: [this.$valid.inputRequired('巡检项内容')]
+            },
+            deviceArr: [],
+            typeValueW: [],
+            listType: [{ value: '', name: '选项' }],
+            defaultProps: {
+                value: 'id', // 唯一标识
+                label: 'label', // 标签显示
+                children: 'children'
+            }
+        };
+    },
+    methods: {
+        valueRules(val) {
+            return {
+                required: true,
+                message: `选项不能为空`,
+                trigger: 'blur',
+                validator(rule, value, cb) {
+                    if (!val) {
+                        cb(new Error());
+                    } else {
+                        cb();
+                    }
+                }
+            };
+        },
+        submit() {
+            this.$refs.ruleForm.validate((valid) => {
+                if (valid) {
+                    let newR = [];
+                    this.listType.map((item) => {
+                        newR.push(item.value);
+                    });
+                    let initData = JSON.parse(JSON.stringify(this.formData));
+                    initData.value = newR.join();
+                    var loading = this.$loading();
+                    let url = '/sc-community/inspectionOption/add';
+
+                    if (this.params.todo === 'edit') {
+                        url = '/sc-community/inspectionOption/update';
+                    }
+                    this.$http
+                        .post(url, initData)
+                        .then(({ status, msg }) => {
+                            if (status == 0) {
+                                this.$message.success(msg);
+                                this.params.callback();
+                                this.$emit('close');
+                            } else {
+                                this.$message.error(msg);
+                            }
+                            loading.close();
+                        })
+                        .catch(() => {
+                            loading.close();
+                        });
+                }
+            });
+        },
+        deviceArrToggle(e) {
+            this.formData.typeId = e[e.length - 1];
+            if (!!this.formData.typeId) {
+                this.formData.typeCategory = this.$refs.typeValue.getCheckedNodes()[0].data.type;
+            }
+        },
+        addListType(sun, index) {
+            if (sun > 0) {
+                this.listType.push({ value: '', name: '' });
+            } else {
+                this.listType.splice(index, 1);
+                this.listType.map((item, inx) => {
+                    if (inx == 0) {
+                        item.name = '选项';
+                    }
+                });
+            }
+        },
+        getDetails(id) {
+            this.$http.get('/sc-community/inspectionOption/find/' + id).then(({ data, msg }) => {
+                const { communityId, cotent, type, typeId, typeCategory, value, id } = data;
+                this.formData = {
+                    communityId: communityId,
+                    cotent: cotent,
+                    type: type,
+                    typeId: typeId,
+                    typeCategory: typeCategory,
+                    id: id,
+                    value: value
+                };
+                this.typeValueW = this.fiterDvid(typeId);
+                let newArr = [];
+                value.split(',').map((item, index) => {
+                    if (index == 0) {
+                        newArr.push({ value: item, name: '选项' });
+                    } else {
+                        newArr.push({ value: item, name: '' });
+                    }
+                });
+                this.listType = newArr;
+            });
+        },
+        fiterDvid(id) {
+            let arr = [];
+            this.deviceArr.map((item) => {
+                if (item.children == null) {
+                    if (item.id == id) {
+                        arr = [id+''];
+                    }
+                } else {
+                    item.children.map((items) => {
+                        if (items.children == null) {
+                            if (items.id == id) {
+                                arr = [null, id+''];
+                            }
+                        } else {
+                            items.children.map((itemss) => {
+                                if (itemss.id == id) {
+                                    arr = [null, null, id+''];
+                                }
+                            });
+                        }
+                    });
+                }
+            });
+            return arr;
+        }
+    },
+    created() {
+        this.deviceArr = this.params.deviceArr;
+        if (this.params.todo == 'add') {
+            this.formData.communityId = this.params.communityId;
+        } else {
+            this.getDetails(this.params.data.id);
+        }
+    }
+};
+</script>
+<style scoped  lang='scss' scoped>
+/deep/ .el-date-editor .el-range-separator {
+    padding: 0;
+}
+.flex {
+    display: flex;
+}
+.sunm {
+    width: 15px;
+    text-align: center;
+    display: inline-block;
+    cursor: pointer;
+    margin-left: 10px;
+}
+.buttonIcon {
+    width: 50px;
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+</style>

operationSupport/src/views/facilityInspections/popups/details.vue

@@ -44,7 +44,7 @@
                 </template>
                 <template slot-scope="scope" slot="opt">
                     <div class="opt">
-                        <el-tooltip effect="light" placement="bottom" content="详情">
+                        <el-tooltip effect="light" placement="bottom" content="详情" v-if="!!scope.row.id">
                             <i class="zoniot_font zoniot-icon-xiangqing" @click="lookDetails(scope.row)"></i>
                         </el-tooltip>
                     </div>
@@ -124,6 +124,11 @@ export default {
                     label: '图片/视频',
                     prop: 'picturePath',
                     slot: 'picturePath'
+                },
+                {
+                    label: '操作',
+                    prop: 'opt',
+                    slot: 'opt'
                 }
             ],
             thisItem: {},
@@ -132,6 +137,25 @@ export default {
     },
 
     methods: {
+        lookDetails(row) {
+            new Promise((resolve) => {
+                this.$store.dispatch('addPopup', {
+                    url: '/facilityInspections/popups/itemDetails.vue',
+                    width: '500px',
+                    height: '500px',
+                    props: {
+                        data: row,
+                        callback: resolve
+                    },
+                    showConfirmButton: true,
+                    showCancelButton: true,
+                    hideStar: true,
+                    title: '巡检项详情'
+                });
+            }).then(() => {
+                this.mixins_search();
+            });
+        },
         getDatali(id) {
             this.mixins_dataUrl = '/sc-community/inspectionRecord/findDetail';
             this.mixins_query = {

operationSupport/src/views/facilityInspections/popups/itemDetails.vue

@@ -0,0 +1,63 @@
+<template>
+    <el-form label-position="top">
+        <div class="formContent-item_title" v-for="(item, index) in listData" :key="index">
+            {{ item.cotent }}
+            <template>
+                <el-radio-group v-model="item.chooseValue" v-if="item.type == 1">
+                    <el-radio :label="its" v-for="(its, inx) in item.value.split(',')" :key="inx" disabled></el-radio>
+                </el-radio-group>
+
+                <el-checkbox-group v-model="item.selectArr" v-else-if="item.type == 2">
+                    <el-checkbox :label="its" name="type" v-for="(its, inx) in item.value.split(',')" :key="inx" disabled></el-checkbox>
+                </el-checkbox-group>
+
+                <el-input v-model="item.chooseValue" v-else-if="item.type == 3" disabled></el-input>
+            </template>
+        </div>
+    </el-form>
+</template>
+<script>
+export default {
+    props: ['params'],
+    data() {
+        return {
+            listData: []
+        };
+    },
+    methods: {
+        getDatali(item) {
+            this.$http
+                .postForm('/sc-community/inspectionRecord/findInspectionDetail', { detailId: item.id })
+                .then(({ status, data, msg }) => {
+                    if (status == 0) {
+                        data.map((item) => {
+                            if (item.type == 2) {
+                                item.selectArr = item.chooseValue.split(',');
+                            }
+                        });
+                        this.listData = data;
+                    }
+                })
+                .catch((err) => {});
+        }
+    },
+    mounted() {},
+    created() {
+        this.getDatali(this.params.data);
+    }
+};
+</script>
+<style lang="scss" scoped>
+/deep/ .el-form-item__label {
+    &::before {
+        display: inline-block;
+        content: '丨';
+        color: #0be5f0;
+    }
+}
+/deep/ .el-radio-group,
+/deep/ .el-checkbox-group,
+/deep/ .el-input {
+    margin-top: 15px;
+}
+</style>