| | |
| | | ></el-tree> |
| | | </div> |
| | | </div> |
| | | <div class="box-right" v-if="list == '' ? false : true"> |
| | | <div class="box-right" v-if="lists == '' ? false : true"> |
| | | <div class="btns"> |
| | | <el-button type="primary" class="btn" @click="open(0)" |
| | | >添加</el-button |
| | |
| | | >暂存</el-button |
| | | > |
| | | </div> |
| | | <div v-for="(item, i) in lists" :key="i"> |
| | | <div v-for="(item, i) in lists" :key="i" style="padding:0 0 20px 0"> |
| | | <div class="title"> |
| | | A级要素:<span>{{ item.elementAName }}</span> |
| | | </div> |
| | |
| | | <el-col :span="6" :offset="1" |
| | | ><p><span>B级要素:</span>{{ item.elementBName }}</p></el-col |
| | | > |
| | | <el-col :span="6" :offset="4" |
| | | <!-- <el-col :span="6" :offset="4" |
| | | ><p><span>得分:</span>50</p></el-col |
| | | > |
| | | > --> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22" :offset="1"> |
| | |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | align="center" |
| | | label="扣分" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | prop="remark" |
| | | align="center" |
| | | label="扣分备注" |
| | | > |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-dialog title="添加" :visible.sync="dialogVisible" :close-on-click-modal="false" width="30%"> |
| | | <el-form ref="form" :model="form" label-width="100px"> |
| | | <el-form-item label="自查清单名称"> |
| | | <el-dialog :title="id" :visible.sync="dialogVisible" :close-on-click-modal="false" width="30%"> |
| | | <el-form ref="form" :rules="rules" :model="form" label-width="110px"> |
| | | <el-form-item label="自查清单名称" prop="inspectionName"> |
| | | <el-input v-model="form.inspectionName"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="检查人名称"> |
| | | <el-form-item label="检查人名称" prop="inspector"> |
| | | <el-select |
| | | v-model="form.inspector" |
| | | style="width: 100%" |
| | |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="时间"> |
| | | <el-form-item label="时间" prop="inspectionTime"> |
| | | <el-col :span="11"> |
| | | <el-date-picker |
| | | type="date" |
| | | format="yyyy 年 MM 月 dd 日" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="开始时间" |
| | | v-model="form.inspectionTime" |
| | | style="width: 100%" |
| | |
| | | class="dialog-footer" |
| | | > |
| | | <el-button type="primary" class="btn" @click="addC">确 定</el-button> |
| | | <el-button @click="dialogVisible = false">取 消</el-button> |
| | | <el-button @click="closeDialog">取 消</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | label: "label", |
| | | }, |
| | | itemId: "", |
| | | parent: [], |
| | | rules: { |
| | | inspectionName: [{required: true, message: '自查清单名称不能为空', trigger: 'blur'}], |
| | | inspector: [{required: true, message: '检查人名称为空', trigger: 'blur'}], |
| | | inspectionTime: [{required: true, message: '检查时间不能为空', trigger: 'blur'}], |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | safetySelfInspectionInfo({ id: id }).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.form = res.data.result; |
| | | console.log(res.data.result); |
| | | this.list = res.data.result; |
| | | var trees = []; |
| | | for (var i = 0; i < this.list.itemList.length; i++) { |
| | |
| | | cser.push(capB) |
| | | } |
| | | arr[i].id=cser |
| | | console.log('tag', capB) |
| | | arr[i].child = this.checkSameData(arr[i].child); |
| | | } |
| | | this.lists = arr; |
| | | console.log(this.lists); |
| | | } |
| | | }); |
| | | }, |
| | |
| | | } |
| | | } else if (this.id == "编辑") { |
| | | this.list = res.data.result; |
| | | if(this.list.length!=0){ |
| | | var capA = { elementAName: "", id: [], child: [] }; |
| | | var atte = []; |
| | | capA.elementAName = this.list[0].elementAName; |
| | |
| | | ); |
| | | this.lists.splice(i, 1); |
| | | } |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | |
| | | this.dialogVisible = true; |
| | | this.form.status = type; |
| | | var arr = []; |
| | | console.log("数据", this.lists); |
| | | for (var i = 0; i < this.lists.length; i++) { |
| | | this.lists[i].id; |
| | | for (var j = 0; j < this.lists[i].id.length; j++) { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | closeDialog(){ |
| | | this.dialogVisible = false |
| | | console.log(123,this.form) |
| | | }, |
| | | addC() { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | if (this.id == "添加") { |
| | | safetySelfInspectionAdd(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | |
| | | path:"/checklistself" |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | btnsQX() { |
| | | this.show = true; |
| | |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | </style> |
| | | </style> |