|
|
|
@ -1,78 +1,71 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="check-page">
|
|
|
|
<div class="check-page">
|
|
|
|
<!-- <div class="title-info">-->
|
|
|
|
<div class="title-info">
|
|
|
|
<!-- <span class="explain">颜色说明:</span>-->
|
|
|
|
<span class="explain">颜色说明:</span>
|
|
|
|
<!-- <span class="info-text">-->
|
|
|
|
<span class="info-text">
|
|
|
|
<!-- <a-tag color="#d81e06" style="width:30px;height:20px"></a-tag>-->
|
|
|
|
<a-tag color="#d81e06" style="width:30px;height:20px"></a-tag>
|
|
|
|
<!-- 盘点错误-->
|
|
|
|
盘点错误
|
|
|
|
<!-- </span>-->
|
|
|
|
</span>
|
|
|
|
<!-- <span class="info-text">-->
|
|
|
|
<span class="info-text">
|
|
|
|
<!-- <a-tag color="#1afa29" style="width:30px;height:20px"></a-tag>-->
|
|
|
|
<a-tag color="#1afa29" style="width:30px;height:20px"></a-tag>
|
|
|
|
<!-- 盘点正确-->
|
|
|
|
盘点正确
|
|
|
|
<!-- </span>-->
|
|
|
|
</span>
|
|
|
|
<!-- <span class="info-text">-->
|
|
|
|
<span class="info-text">
|
|
|
|
<!-- <a-tag color="#bfbfbf" style="width:30px;height:20px"></a-tag>-->
|
|
|
|
<a-tag color="#bfbfbf" style="width:30px;height:20px"></a-tag>
|
|
|
|
<!-- 未盘点-->
|
|
|
|
未盘点
|
|
|
|
<!-- </span>-->
|
|
|
|
</span>
|
|
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div class="check-content">-->
|
|
|
|
<div class="check-content" v-for="list in data" :key="list">
|
|
|
|
<!-- <div class="roadway-top">-->
|
|
|
|
<div class="roadway-top">
|
|
|
|
<!-- <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box">-->
|
|
|
|
<happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box">
|
|
|
|
<!-- <div class="roadway-box">-->
|
|
|
|
<div class="roadway-box">
|
|
|
|
<!-- <div class="line" v-for="item in 20" :key="item">-->
|
|
|
|
<div class="line" v-for="item in Number(list.leftColumn)" :key="item">
|
|
|
|
<!-- <div-->
|
|
|
|
<div
|
|
|
|
<!-- class="ele"-->
|
|
|
|
class="ele"
|
|
|
|
<!-- :style="{background:i+'-'+item == '4-14'|| i+'-'+item=='8-18'?'#d81e06':'#bfbfbf'}"-->
|
|
|
|
:style="{background:i+'-'+item == '4-14'|| i+'-'+item=='8-18'?'#bfbfbf':'#bfbfbf'}"
|
|
|
|
<!-- v-for="i in 60"-->
|
|
|
|
v-for="i in Number(list.leftRow)"
|
|
|
|
<!-- :key="i">{{i}}-{{item}}-->
|
|
|
|
:key="i">{{i}}-{{item}}
|
|
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
|
|
<!-- </happy-scroll>-->
|
|
|
|
</happy-scroll>
|
|
|
|
<!-- <a-radio-group v-model="size" style="margin:10px 0">-->
|
|
|
|
<!-- <a-radio-group v-model="size" style="margin:10px 0">-->
|
|
|
|
<!-- <a-radio-button value="small">-->
|
|
|
|
<!-- <a-radio-button value="small">-->
|
|
|
|
<!-- 外-->
|
|
|
|
<!-- 外-->
|
|
|
|
<!-- </a-radio-button>-->
|
|
|
|
<!-- </a-radio-button>-->
|
|
|
|
<!-- <a-radio-button value="default">-->
|
|
|
|
<!-- <a-radio-button value="default">-->
|
|
|
|
<!-- 内-->
|
|
|
|
<!-- 内-->
|
|
|
|
<!-- </a-radio-button>-->
|
|
|
|
<!-- </a-radio-button>-->
|
|
|
|
<!-- </a-radio-group>-->
|
|
|
|
<!-- </a-radio-group>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
|
|
<!-- <a-select default-value="jack" style="width: 180px">-->
|
|
|
|
<a-select :default-value="list.name" style="width: 180px">
|
|
|
|
<!-- <a-select-option value="jack">-->
|
|
|
|
<a-select-option :value="list.name">
|
|
|
|
<!-- 1号巷道-->
|
|
|
|
{{list.name}}
|
|
|
|
<!-- </a-select-option>-->
|
|
|
|
</a-select-option>
|
|
|
|
<!-- <a-select-option value="lucy">-->
|
|
|
|
</a-select>
|
|
|
|
<!-- 2号巷道-->
|
|
|
|
<div class="roadway-buttom">
|
|
|
|
<!-- </a-select-option>-->
|
|
|
|
<happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box">
|
|
|
|
<!-- <a-select-option value="disabled">-->
|
|
|
|
<div class="roadway-box">
|
|
|
|
<!-- 3号巷道-->
|
|
|
|
<div class="line" v-for="item in Number(list.rightColumn)" :key="item">
|
|
|
|
<!-- </a-select-option>-->
|
|
|
|
<div class="ele"
|
|
|
|
<!-- </a-select>-->
|
|
|
|
:style="{background:i+'-'+item == '5-16'|| i+'-'+item=='9-17'||i+'-'+item=='11-15'?'#bfbfbf':'#bfbfbf'}"
|
|
|
|
<!-- <div class="roadway-buttom">-->
|
|
|
|
v-for="i in Number(list.rightRow)"
|
|
|
|
<!-- <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box">-->
|
|
|
|
:key="i">{{i}}-{{item}}
|
|
|
|
<!-- <div class="roadway-box">-->
|
|
|
|
</div>
|
|
|
|
<!-- <div class="line" v-for="item in 20" :key="item">-->
|
|
|
|
</div>
|
|
|
|
<!-- <div class="ele"-->
|
|
|
|
</div>
|
|
|
|
<!-- :style="{background:i+'-'+item == '5-16'|| i+'-'+item=='9-17'||i+'-'+item=='11-15'?'#1afa29':'#bfbfbf'}"-->
|
|
|
|
</happy-scroll>
|
|
|
|
<!-- v-for="i in 60"-->
|
|
|
|
<!-- <a-radio-group v-model="size2" style="margin:10px 0">-->
|
|
|
|
<!-- :key="i">{{i}}-{{item}}-->
|
|
|
|
<!-- <a-radio-button value="small">-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- 外-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- </a-radio-button>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- <a-radio-button value="default">-->
|
|
|
|
<!-- </happy-scroll>-->
|
|
|
|
<!-- 内-->
|
|
|
|
<!-- <a-radio-group v-model="size2" style="margin:10px 0">-->
|
|
|
|
<!-- </a-radio-button>-->
|
|
|
|
<!-- <a-radio-button value="small">-->
|
|
|
|
<!-- </a-radio-group>-->
|
|
|
|
<!-- 外-->
|
|
|
|
</div>
|
|
|
|
<!-- </a-radio-button>-->
|
|
|
|
</div>
|
|
|
|
<!-- <a-radio-button value="default">-->
|
|
|
|
|
|
|
|
<!-- 内-->
|
|
|
|
|
|
|
|
<!-- </a-radio-button>-->
|
|
|
|
|
|
|
|
<!-- </a-radio-group>-->
|
|
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
<div>功能暂未开发</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
@ -80,13 +73,27 @@ export default {
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
size: 'small',
|
|
|
|
size: 'small',
|
|
|
|
size2: 'small'
|
|
|
|
size2: 'small',
|
|
|
|
|
|
|
|
data: '',
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted() {
|
|
|
|
mounted() {
|
|
|
|
|
|
|
|
this.request()
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
request() {
|
|
|
|
|
|
|
|
this.$api.httpApi.getStreetList({
|
|
|
|
|
|
|
|
data: {
|
|
|
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}).then(res => {
|
|
|
|
|
|
|
|
this.data = res.data.list;
|
|
|
|
|
|
|
|
}).catch(err => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {},
|
|
|
|
|
|
|
|
components: {}
|
|
|
|
components: {}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|