| | |
| | | <template> |
| | | <div> |
| | | <div class="box-right"> |
| | | <div class="title">A级要素:<span>A级要素2</span></div> |
| | | <div v-for="(item,index) in 2" :key="index"> |
| | | <div v-for="(item, index) in lists" :key="index"> |
| | | <div class="title"> |
| | | A级要素:<span>{{ item.elementAName }}</span> |
| | | </div> |
| | | <div v-for="(item, index) in item.child" :key="index"> |
| | | <el-row class="titles"> |
| | | <el-col :span="6"><p><span>B级要素:</span>法律、法规和标准的识别和获取</p></el-col> |
| | | <el-col :span="6"><p><span>得分:</span>50</p></el-col> |
| | | <el-col :span="6" |
| | | ><p><span>B级要素:</span>{{ item.elementBName }}</p></el-col |
| | | > |
| | | <el-col :span="6" |
| | | ><p><span>得分:</span>50</p></el-col |
| | | > |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-table |
| | | border |
| | | :data="tableData" |
| | | > |
| | | <el-table border :data="item.child"> |
| | | <el-table-column |
| | | prop="date" |
| | | prop="standardizationRequirements" |
| | | align="center" |
| | | label="标准化要求" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | prop="enterpriseStandard" |
| | | align="center" |
| | | label="企业达标标准" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | prop="reviewMethod" |
| | | align="center" |
| | | label="评审方法" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | align="center" |
| | | label="评审标准" |
| | | > |
| | | <el-table-column |
| | | prop="name" |
| | | prop="veto" |
| | | align="center" |
| | | label="否决项" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | align="center" |
| | | label="扣分项" |
| | | ></el-table-column> |
| | | <el-table-column align="center" label="评审结果"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="(scope.row.safetyInspectionItemResult = 0)" |
| | | >是</span |
| | | > |
| | | <span v-if="(scope.row.safetyInspectionItemResult = 1)" |
| | | >否</span |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | align="center" |
| | | label="扣分" |
| | | label="扣分项" |
| | | type="expand" |
| | | width="50px" |
| | | width="100px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-table |
| | | :data="tableData" |
| | | :data="scope.row.selfDeductionList" |
| | | > |
| | | <el-table-column |
| | | prop="name" |
| | | align="center" |
| | | label="扣分项" |
| | | > |
| | | <el-table-column prop="name" align="center" label="扣分项"> |
| | | </el-table-column> |
| | | <el-table-column prop="point" align="center" label="扣分"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | align="center" |
| | | label="扣分" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | prop="remark" |
| | | align="center" |
| | | label="扣分备注" |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | prop="" |
| | | align="center" |
| | | label="备注" |
| | | ></el-table-column> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import Titlename from "../../components/Titlename/index.vue"; |
| | | import { safetySelfInspectionInfo } from "@/api/safetySelfInspection.js"; |
| | | export default { |
| | | components: { Titlename }, |
| | | data() { |
| | |
| | | form: { |
| | | name: "", |
| | | }, |
| | | id: "", |
| | | formInline: { |
| | | user: "", |
| | | region: "", |
| | | }, |
| | | tableData: [ |
| | | { |
| | | date: "2016-05-02", |
| | | name: "王小虎", |
| | | province: "上海", |
| | | city: "普陀区", |
| | | address: "上海市普陀区金沙江路 1518 弄", |
| | | zip: 200333, |
| | | }, |
| | | { |
| | | date: "2016-05-04", |
| | | name: "王小虎", |
| | | province: "上海", |
| | | city: "普陀区", |
| | | address: "上海市普陀区金沙江路 1517 弄", |
| | | zip: 200333, |
| | | }, |
| | | { |
| | | date: "2016-05-01", |
| | | name: "王小虎", |
| | | province: "上海", |
| | | city: "普陀区", |
| | | address: "上海市普陀区金沙江路 1519 弄", |
| | | zip: 200333, |
| | | }, |
| | | { |
| | | date: "2016-05-03", |
| | | name: "王小虎", |
| | | province: "上海", |
| | | city: "普陀区", |
| | | address: "上海市普陀区金沙江路 1516 弄", |
| | | zip: 200333, |
| | | }, |
| | | ], |
| | | defaultProps: { |
| | | children: "children", |
| | | label: "label", |
| | | }, |
| | | list: [], |
| | | lists: [], |
| | | }; |
| | | }, |
| | | created() { |
| | | this.id = this.$route.query.id; |
| | | this.safeInitem(this.id); |
| | | }, |
| | | methods: { |
| | | btnsQX() { |
| | | this.show = true; |
| | | safeInitem(id) { |
| | | safetySelfInspectionInfo({ id: id }).then((res) => { |
| | | // console.log("数据", res); |
| | | if (res.data.code == 200) this.list = res.data.result; |
| | | var arr = this.checkSameDataA(this.list.itemList); |
| | | for (var i = 0; i < arr.length; i++) { |
| | | arr[i].child = this.checkSameData(arr[i].child); |
| | | } |
| | | this.lists = arr; |
| | | console.log(this.lists) |
| | | }); |
| | | }, |
| | | checkSameDataA(resData) { |
| | | let dataInfo = {}; |
| | | resData.forEach((item, index) => { |
| | | let { elementAName } = item; |
| | | if (!dataInfo[elementAName]) { |
| | | dataInfo[elementAName] = { |
| | | elementAName, |
| | | child: [], |
| | | }; |
| | | } |
| | | dataInfo[elementAName].child.push(item); |
| | | }); |
| | | let list = Object.values(dataInfo); // list 转换成功的数据 |
| | | return list; |
| | | }, |
| | | checkSameData(resData) { |
| | | let dataInfo = {}; |
| | | resData.forEach((item, index) => { |
| | | let { elementBName } = item; |
| | | if (!dataInfo[elementBName]) { |
| | | dataInfo[elementBName] = { |
| | | elementBName, |
| | | child: [], |
| | | }; |
| | | } |
| | | dataInfo[elementBName].child.push(item); |
| | | }); |
| | | let list = Object.values(dataInfo); // list 转换成功的数据 |
| | | return list; |
| | | }, |
| | | handleClick(data) { |
| | | console.log(data.id); |
| | | this.$router.push({ |
| | | path: "/review", |
| | | query: { |
| | | idC: data.id, |
| | | id:this.id |
| | | }, |
| | | }); |
| | | }, |
| | | }, |
| | | }; |