|
|
@@ -1,50 +1,75 @@
|
|
|
<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-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-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>
|
|
|
+ <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('/czc-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);
|
|
|
+ props: ['params'],
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ listData: []
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getDatali (item) {
|
|
|
+ this.$http
|
|
|
+ .postForm('/czc-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>
|
|
|
@@ -59,5 +84,6 @@ export default {
|
|
|
/deep/ .el-checkbox-group,
|
|
|
/deep/ .el-input {
|
|
|
margin-top: 15px;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
</style>
|
