|
|
@@ -1,363 +0,0 @@
|
|
|
-<template>
|
|
|
- <view>
|
|
|
- <view class="view-bg">
|
|
|
- <text class="title-txt">工程用料统计</text>
|
|
|
- <view>
|
|
|
- <view class="uni-list-cell">
|
|
|
- <view class="uni-list-cell-left">
|
|
|
- 小区
|
|
|
- </view>
|
|
|
- <view class="uni-list-cell-db">
|
|
|
- <picker @change="bindPickerVillageChange" :value="villageIndex" :range="villageList"
|
|
|
- range-key="name">
|
|
|
- <view class="uni-input">{{villageList[villageIndex].name}}</view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="uni-list-cell">
|
|
|
- <view class="uni-list-cell-left">
|
|
|
- 规格
|
|
|
- </view>
|
|
|
- <view class="uni-list-cell-db">
|
|
|
- <picker @change="bindPickerSpecificationChange" :value="specificationIndex"
|
|
|
- :range="specificationList" range-key="name">
|
|
|
- <view class="uni-input">{{specificationList[specificationIndex].name}}</view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="uni-list-cell">
|
|
|
- <view class="uni-list-cell-left">
|
|
|
- 材料
|
|
|
- </view>
|
|
|
- <view class="uni-list-cell-db">
|
|
|
- <picker @change="bindPickerMaterialChange" :value="materialIndex" :range="materialList"
|
|
|
- range-key="name">
|
|
|
- <view class="uni-input">{{materialList[materialIndex].name}}</view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <uni-divider></uni-divider>
|
|
|
- <uni-table ref="table">
|
|
|
- <uni-tr>
|
|
|
- <uni-th width="20" align="center"></uni-th>
|
|
|
- <uni-th width="20" align="center">预计用量</uni-th>
|
|
|
- <uni-th width="20" align="center">实际用量</uni-th>
|
|
|
- </uni-tr>
|
|
|
- <uni-tr v-for="(item, index) in materialUsageList" :key="index">
|
|
|
- <uni-td>{{ item.name }}</uni-td>
|
|
|
- <uni-td>{{ item.estimatedUsage }}</uni-td>
|
|
|
- <uni-td>{{ item.actualUsage }}</uni-td>
|
|
|
- </uni-tr>
|
|
|
- </uni-table>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="view-bg">
|
|
|
- <text class="title-txt">工程进度统计</text>
|
|
|
- <view>
|
|
|
- <view class="uni-list-cell">
|
|
|
- <view class="uni-list-cell-left">
|
|
|
- 小区
|
|
|
- </view>
|
|
|
- <view class="uni-list-cell-db">
|
|
|
- <picker @change="bindPickerVillageChange2" :value="villageIndex2" :range="villageList"
|
|
|
- range-key="name">
|
|
|
- <view class="uni-input">{{villageList[villageIndex2].name}}</view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="uni-list-cell">
|
|
|
- <view class="uni-list-cell-left">
|
|
|
- 楼栋
|
|
|
- </view>
|
|
|
- <view class="uni-list-cell-db">
|
|
|
- <picker @change="bindPickerBuildChange" :value="buildIndex" :range="buildList" range-key="name">
|
|
|
- <view class="uni-input">{{buildList[buildIndex].name}}</view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="uni-list-cell">
|
|
|
- <view class="uni-list-cell-left">
|
|
|
- 单元
|
|
|
- </view>
|
|
|
- <view class="uni-list-cell-db">
|
|
|
- <picker @change="bindPickerUnitChange" :value="unitIndex" :range="unitList" range-key="name">
|
|
|
- <view class="uni-input">{{unitList[unitIndex].name}}</view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <uni-divider></uni-divider>
|
|
|
- <view class="view_bg_build">
|
|
|
- <uni-grid :column="roomCount" :highlight="true" @change="change">
|
|
|
- <uni-grid-item v-for="(item, index) in roomList" :index="index" :key="index">
|
|
|
- <view class="centered" style="background-color: #fff;">
|
|
|
- <!-- <uni-icons type="image" :size="30" color="#777" /> -->
|
|
|
- <text>{{item.roomNumber}}</text>
|
|
|
- </view>
|
|
|
- </uni-grid-item>
|
|
|
- </uni-grid>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
- import {getAreaList,getBuildingList,getUnitList,getHousesList} from '@/api/common'
|
|
|
-
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- villageIndex: 0,
|
|
|
- specificationIndex: 0,
|
|
|
- materialIndex: 0,
|
|
|
- villageIndex2: 0,
|
|
|
- buildIndex: 0,
|
|
|
- unitIndex: 0,
|
|
|
- villageList: [{
|
|
|
- name: '小区001'
|
|
|
- }, {
|
|
|
- name: '小区002'
|
|
|
- }, {
|
|
|
- name: '小区003'
|
|
|
- }, {
|
|
|
- name: '小区004'
|
|
|
- }],
|
|
|
- specificationList: [{
|
|
|
- name: '规格001'
|
|
|
- }, {
|
|
|
- name: '规格002'
|
|
|
- }, {
|
|
|
- name: '规格003'
|
|
|
- }, {
|
|
|
- name: '规格004'
|
|
|
- }],
|
|
|
- materialList: [{
|
|
|
- name: '材料001'
|
|
|
- }, {
|
|
|
- name: '材料002'
|
|
|
- }, {
|
|
|
- name: '材料003'
|
|
|
- }, {
|
|
|
- name: '材料004'
|
|
|
- }],
|
|
|
- buildList: [{
|
|
|
- name: '楼栋001'
|
|
|
- }, {
|
|
|
- name: '楼栋002'
|
|
|
- }, {
|
|
|
- name: '楼栋003'
|
|
|
- }, {
|
|
|
- name: '楼栋004'
|
|
|
- }],
|
|
|
- unitList: [{
|
|
|
- name: '单元001'
|
|
|
- }, {
|
|
|
- name: '单元002'
|
|
|
- }, {
|
|
|
- name: '单元003'
|
|
|
- }, {
|
|
|
- name: '单元004'
|
|
|
- }],
|
|
|
-
|
|
|
- materialUsageList: [{
|
|
|
- name: '0.5cm钢',
|
|
|
- estimatedUsage: 1210,
|
|
|
- actualUsage: 6852
|
|
|
- }, {
|
|
|
- name: '1.0cm钢',
|
|
|
- estimatedUsage: 1680,
|
|
|
- actualUsage: 6852
|
|
|
- }, {
|
|
|
- name: '1.5cm钢',
|
|
|
- estimatedUsage: 1503,
|
|
|
- actualUsage: 6852
|
|
|
- }],
|
|
|
- roomList: [{
|
|
|
- roomNumber: '601',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '602',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '603',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '604',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '501',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '502',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '503',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '504',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '401',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '402',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '403',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '404',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '301',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '302',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '303',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '304',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '201',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '202',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '203',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '204',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '101',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '102',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '103',
|
|
|
- status: '0'
|
|
|
- }, {
|
|
|
- roomNumber: '104',
|
|
|
- status: '0'
|
|
|
- }],
|
|
|
- roomCount: 4
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
- // this.chooseVillage()
|
|
|
- // this.getDicts("district").then(response =>{
|
|
|
- // // this.xxx=response.data
|
|
|
- // })
|
|
|
- getAreaList().then(res => {
|
|
|
- villageList=res;
|
|
|
-
|
|
|
- })
|
|
|
- // getBuildingList('100').then(res => {
|
|
|
- // debugger
|
|
|
- // console.log(res)
|
|
|
- // })
|
|
|
-
|
|
|
- // getUnitList('1098').then(res => {
|
|
|
- // debugger
|
|
|
- // console.log(res)
|
|
|
- // })
|
|
|
- // getHousesList('13631').then(res => {
|
|
|
- // debugger
|
|
|
- // console.log(res)
|
|
|
- // })
|
|
|
- },
|
|
|
- methods: {
|
|
|
- bindPickerVillageChange: function(e) {
|
|
|
- debugger
|
|
|
- this.villageIndex = e.detail.value
|
|
|
- },
|
|
|
- bindPickerSpecificationChange: function(e) {
|
|
|
- this.specificationIndex = e.detail.value
|
|
|
- },
|
|
|
- bindPickerMaterialChange: function(e) {
|
|
|
- this.materialIndex = e.detail.value
|
|
|
- },
|
|
|
- bindPickerVillageChange2: function(e) {
|
|
|
- this.villageIndex2 = e.detail.value
|
|
|
- },
|
|
|
- bindPickerBuildChange: function(e) {
|
|
|
- this.buildIndex = e.detail.value
|
|
|
- },
|
|
|
- bindPickerUnitChange: function(e) {
|
|
|
- this.unitIndex = e.detail.value
|
|
|
- },
|
|
|
- }
|
|
|
- }
|
|
|
-</script>
|
|
|
-
|
|
|
-<style>
|
|
|
- .marginLeft5 {
|
|
|
- margin-left: 5px;
|
|
|
- }
|
|
|
-
|
|
|
- .title-txt {
|
|
|
- font-size: 15px;
|
|
|
- font-weight: bold;
|
|
|
- color: black;
|
|
|
- }
|
|
|
-
|
|
|
- .content-txt {
|
|
|
- font-size: 10px;
|
|
|
- font-weight: bold;
|
|
|
- color: black;
|
|
|
- }
|
|
|
-
|
|
|
- .view-bg {
|
|
|
- margin-left: 8px;
|
|
|
- margin-right: 8px;
|
|
|
- margin-top: 8px;
|
|
|
- padding: 10px;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- }
|
|
|
-
|
|
|
- .uni-list {
|
|
|
- background-color: #FFFFFF;
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
-
|
|
|
- .uni-list-cell-db,
|
|
|
- .uni-list-cell {
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
-
|
|
|
- .uni-list-cell-left {
|
|
|
- white-space: nowrap;
|
|
|
- font-size: 28rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .centered {
|
|
|
- text-align: center;
|
|
|
- background-color: #e2f4ff;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .text {
|
|
|
- background-color: #e2f4ff;
|
|
|
- height: 20rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .view_bg_build {
|
|
|
- background-color: #e2f4ff;
|
|
|
- padding: 10rpx;
|
|
|
- margin: 20rpx;
|
|
|
- }
|
|
|
-</style>
|
