|
|
|
@ -8,26 +8,28 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="showData && dutyList.length > 0" class="content-list-box-style">
|
|
|
|
|
<vue-scroll class="duty-list-content-style" :ops="listScroll" style="height:350px" ref="contentRef">
|
|
|
|
|
<div v-for="item,index in dutyList" :key="'duty-group-'+index" class="content-list-style">
|
|
|
|
|
<div class="title-style"><span>{{item.rotaName}}</span></div>
|
|
|
|
|
<div v-for="person in item.dutyList" :key="person.staff_id" class="duty-box-style">
|
|
|
|
|
<div class="img-box-style">
|
|
|
|
|
<!--<img :src="person.imgSrc">-->
|
|
|
|
|
<img-preview :imgObj="getImgObj(person)"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="person-name-style">
|
|
|
|
|
{{person.staff_name}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="person-info-style">
|
|
|
|
|
<div>{{'<' + person.position + '>'}}</div>
|
|
|
|
|
<div>{{person.telephone}}</div>
|
|
|
|
|
<vue-scroll class="duty-list-content-style" :ops="listScroll" style="height:350px" ref="contentRef">
|
|
|
|
|
<div v-for="item,index in dutyList" :key="'duty-group-'+index" class="content-list-style">
|
|
|
|
|
<div class="title-style"><span>{{item.rotaName}}</span></div>
|
|
|
|
|
<div v-for="person in item.dutyList" :key="person.staff_id" class="duty-box-style">
|
|
|
|
|
<div class="img-box-style">
|
|
|
|
|
<!--<img :src="person.imgSrc">-->
|
|
|
|
|
<img-preview :imgObj="JSON.parse(person.id_photo_json)"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="person-name-style">
|
|
|
|
|
{{person.staff_name}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="person-info-style">
|
|
|
|
|
<div>{{'<' + person.position + '>'}}</div>
|
|
|
|
|
<div>{{person.telephone}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</vue-scroll>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="showData && dutyList.length === 0" class="no-data-content-style"><a-empty description="暂无数据"/></div>
|
|
|
|
|
<div v-if="showData && dutyList.length === 0" class="no-data-content-style">
|
|
|
|
|
<a-empty description="暂无数据"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--<div class="content-list-style">-->
|
|
|
|
|
<!--<div class="title-style"><span>初中部</span></div>-->
|
|
|
|
@ -55,10 +57,11 @@
|
|
|
|
|
import a from '../../../assets/images/dutyMember/duty1.png';
|
|
|
|
|
import {Spin, Empty} from 'ant-design-vue';
|
|
|
|
|
import ImgPreview from '../../../common/imgPreview.vue'
|
|
|
|
|
export default{
|
|
|
|
|
data(){
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
listScroll:this.StaticParams.scrollOption,
|
|
|
|
|
listScroll: this.StaticParams.scrollOption,
|
|
|
|
|
showData: false,
|
|
|
|
|
spinning: false,
|
|
|
|
|
weekList: [
|
|
|
|
@ -162,7 +165,7 @@
|
|
|
|
|
dutyList: [],
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
mounted() {
|
|
|
|
|
this.getDataexReport();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
@ -188,16 +191,17 @@
|
|
|
|
|
if (result[0].data.success) {
|
|
|
|
|
let dataList = JSON.parse(result[0].data.result);
|
|
|
|
|
this.dutyList.push(...this.buildJsonList(dataList));
|
|
|
|
|
console.log("this.dutyList:",this.dutyList)
|
|
|
|
|
// console.log("this.dutyList:", this.dutyList)
|
|
|
|
|
// console.log('json', JSON.parse(this.dutyList[0].dutyList[0].id_photo_json))
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getImgObj:function (obj) {
|
|
|
|
|
console.log("obj:",obj)
|
|
|
|
|
getImgObj: function (obj) {
|
|
|
|
|
// console.log("obj:", obj)
|
|
|
|
|
let json = obj.id_photo_json;
|
|
|
|
|
if(json && json !== ""){
|
|
|
|
|
if (json && json !== "") {
|
|
|
|
|
return JSON.parse(json)
|
|
|
|
|
}else {
|
|
|
|
|
} else {
|
|
|
|
|
return {}
|
|
|
|
|
}
|
|
|
|
|
// return JSON.parse(json);
|
|
|
|
@ -254,7 +258,7 @@
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
/deep/ .ant-spin-container{
|
|
|
|
|
/deep/ .ant-spin-container {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
.week-content-style {
|
|
|
|
@ -274,7 +278,7 @@
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.content-list-box-style{
|
|
|
|
|
.content-list-box-style {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 175px;
|
|
|
|
|
padding: 2px 0;
|
|
|
|
@ -333,7 +337,7 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.no-data-content-style{
|
|
|
|
|
.no-data-content-style {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: calc(100% - 50px);
|
|
|
|
|
padding: 2px 0;
|
|
|
|
|