Merge remote-tracking branch 'remotes/origin/ldeyun' into yzqUniapp
# Conflicts: # pages/login/login.vue
This commit is contained in:
yangzhq68909
commit
410769873a
@ -1,3 +1,3 @@
|
||||
# 开发环境
|
||||
# 请求接口地址
|
||||
VITE_REQUEST_BASE_URL = http://10.75.15.249:8080
|
||||
VITE_REQUEST_BASE_URL = http://10.75.166.6:8080
|
||||
|
||||
@ -2,8 +2,8 @@
|
||||
"name": "数智产销",
|
||||
"appid": "__UNI__9F097F0",
|
||||
"description": "",
|
||||
"versionName" : "1.1.3",
|
||||
"versionCode" : 20250120,
|
||||
"versionName": "1.1.4",
|
||||
"versionCode": 20250121,
|
||||
"transformPx": false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus": {
|
||||
@ -120,4 +120,3 @@
|
||||
"vueVersion": "3"
|
||||
}
|
||||
/* 模块配置 */
|
||||
|
||||
|
||||
95
package-lock.json
generated
95
package-lock.json
generated
@ -1,95 +0,0 @@
|
||||
{
|
||||
"name": "cxc-szcx-uniapp",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"dependencies": {
|
||||
"@dcloudio/uni-ui": "^1.5.6",
|
||||
"base-64": "^1.0.0",
|
||||
"dayjs": "^1.11.13",
|
||||
"echarts": "^5.6.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@dcloudio/uni-ui": {
|
||||
"version": "1.5.6",
|
||||
"resolved": "https://registry.npmjs.org/@dcloudio/uni-ui/-/uni-ui-1.5.6.tgz",
|
||||
"integrity": "sha512-jmb98PasFvZkrIDXGh94GbdWg2/jyhgs1HUG+bU8eyL7Ltias/5XBz4q8w9RXyWUfqepJRqapPA2IIQpLCuTIg==",
|
||||
"license": "Apache-2.0"
|
||||
},
|
||||
"node_modules/base-64": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/base-64/-/base-64-1.0.0.tgz",
|
||||
"integrity": "sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg=="
|
||||
},
|
||||
"node_modules/dayjs": {
|
||||
"version": "1.11.13",
|
||||
"resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz",
|
||||
"integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
|
||||
},
|
||||
"node_modules/echarts": {
|
||||
"version": "5.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.6.0.tgz",
|
||||
"integrity": "sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==",
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"tslib": "2.3.0",
|
||||
"zrender": "5.6.1"
|
||||
}
|
||||
},
|
||||
"node_modules/tslib": {
|
||||
"version": "2.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
|
||||
"integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
|
||||
"license": "0BSD"
|
||||
},
|
||||
"node_modules/zrender": {
|
||||
"version": "5.6.1",
|
||||
"resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.6.1.tgz",
|
||||
"integrity": "sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==",
|
||||
"license": "BSD-3-Clause",
|
||||
"dependencies": {
|
||||
"tslib": "2.3.0"
|
||||
}
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@dcloudio/uni-ui": {
|
||||
"version": "1.5.6",
|
||||
"resolved": "https://registry.npmjs.org/@dcloudio/uni-ui/-/uni-ui-1.5.6.tgz",
|
||||
"integrity": "sha512-jmb98PasFvZkrIDXGh94GbdWg2/jyhgs1HUG+bU8eyL7Ltias/5XBz4q8w9RXyWUfqepJRqapPA2IIQpLCuTIg=="
|
||||
},
|
||||
"base-64": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/base-64/-/base-64-1.0.0.tgz",
|
||||
"integrity": "sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg=="
|
||||
},
|
||||
"dayjs": {
|
||||
"version": "1.11.13",
|
||||
"resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz",
|
||||
"integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
|
||||
},
|
||||
"echarts": {
|
||||
"version": "5.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.6.0.tgz",
|
||||
"integrity": "sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==",
|
||||
"requires": {
|
||||
"tslib": "2.3.0",
|
||||
"zrender": "5.6.1"
|
||||
}
|
||||
},
|
||||
"tslib": {
|
||||
"version": "2.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
|
||||
"integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
|
||||
},
|
||||
"zrender": {
|
||||
"version": "5.6.1",
|
||||
"resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.6.1.tgz",
|
||||
"integrity": "sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==",
|
||||
"requires": {
|
||||
"tslib": "2.3.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2,7 +2,6 @@
|
||||
<view>
|
||||
<scroll-view :scroll-y="true">
|
||||
<uni-card>
|
||||
<uni-title title="" type="h1" align="center"></uni-title>
|
||||
<view>
|
||||
<uni-row>
|
||||
<uni-col :span="11"><uni-title title="姓名 " align="left" type="h5"></uni-title></uni-col>
|
||||
@ -34,6 +33,9 @@
|
||||
:border="true" :data="ryDataList" @detail="detail"></zb-table>
|
||||
<uni-pagination :current="current" :pagerCount="pages" :total="total" prev-text="前一页" next-text="后一页"
|
||||
:show-icon="false" @change="pagechange" />
|
||||
<view>
|
||||
<text class="example-info">当前页：{{ current }}，数据总量：{{ total }}条，每页数据：{{ pageSize }}</text>
|
||||
</view>
|
||||
</uni-card>
|
||||
</scroll-view>
|
||||
|
||||
@ -138,6 +140,7 @@
|
||||
})
|
||||
|
||||
function detail(record) {
|
||||
|
||||
uni.navigateTo({
|
||||
url: "/pages/views/renliziyuan/renyuanxinxi/detail?data=" + encodeURIComponent(JSON.stringify(record))
|
||||
})
|
||||
@ -167,8 +170,7 @@
|
||||
ryDataList.value = res.result.records
|
||||
total.value = res.result.total
|
||||
pages.value = res.result.pages
|
||||
|
||||
|
||||
current.value = res.result.current
|
||||
}
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
|
||||
@ -2,26 +2,26 @@
|
||||
<view>
|
||||
<uni-card>
|
||||
<uni-forms>
|
||||
<uni-forms-item>
|
||||
|
||||
<uni-forms-item label="所属单位" label-position="top" name="depart">
|
||||
<trq-depart-select returnCodeOrID="orgCode" @change="departChange"></trq-depart-select>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<uni-title title="所属单位 " align="center"></uni-title>
|
||||
|
||||
<trq-depart-select returnCodeOrID="orgCode" @change="departChange"></trq-depart-select>
|
||||
|
||||
<uni-row>
|
||||
<uni-col :span="6"><button @click="getRyByxb(0)" type="primary" size="mini"
|
||||
<uni-col :span="12"><button @click="getRyByxb(0)" type="primary" size="mini"
|
||||
style="margin: 10px 10px 10px 10px;">性别分组统计</button></uni-col>
|
||||
<uni-col :span="6"><button @click="getRyBynl(0)" type="primary" size="mini"
|
||||
<uni-col :span="12"><button @click="getRyBynl(0)" type="primary" size="mini"
|
||||
style="margin: 10px 10px 10px 10px;">年龄分组统计</button></uni-col>
|
||||
<uni-col :span="6"><button @click="getRyByxb(1)" type="primary" size="mini"
|
||||
style="margin: 10px 10px 10px 10px;">性别总统计</button></uni-col>
|
||||
<uni-col :span="6"><button @click="getRyBynl(1)" type="primary" size="mini"
|
||||
style="margin: 10px 10px 10px 10px;">年龄总统计</button></uni-col>
|
||||
</uni-row><uni-row><uni-col :span="12"><button @click="getRyByxb(1)" type="primary" size="mini"
|
||||
style="margin: 10px 10px 10px 10px;">性别全厂统计</button></uni-col>
|
||||
<uni-col :span="12"><button @click="getRyBynl(1)" type="primary" size="mini"
|
||||
style="margin: 10px 10px 10px 10px;">年龄全厂统计</button></uni-col>
|
||||
</uni-row>
|
||||
</uni-card>
|
||||
<uni-card>
|
||||
<view>
|
||||
<l-echart ref="chartRef"></l-echart>
|
||||
</view>
|
||||
|
||||
<view style="width:750rpx; height:750rpx"><l-echart ref="myChart" @finished="init"></l-echart></view>
|
||||
</uni-card>
|
||||
</view>
|
||||
</template>
|
||||
@ -50,14 +50,18 @@
|
||||
cxcRyDatacountByNlTotal
|
||||
} from '@/api/renyuan.js'
|
||||
|
||||
|
||||
|
||||
const chartRef = ref(null)
|
||||
const ryCountData = ref([])
|
||||
const departID = ref("")
|
||||
|
||||
const option = ref({
|
||||
notMerge: true,
|
||||
backgroundColor: '#F8FAFF',
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
showContent: this.showContent,
|
||||
showContent: "人员统计",
|
||||
axisPointer: {
|
||||
type: 'shadow',
|
||||
label: {
|
||||
@ -196,9 +200,11 @@
|
||||
ryCountData.value = []
|
||||
let queryParm = {};
|
||||
queryParm.orgCode = departID.value
|
||||
if (val == 0) {
|
||||
cxcRyDatacountByXb(queryParm).then((res) => {
|
||||
console.log(res);
|
||||
if (res.success) {
|
||||
ryCountData.value = res.result
|
||||
// console.log(ryCountData.value);
|
||||
xData.value = [];
|
||||
ySeries.value = [];
|
||||
legData.value = [];
|
||||
@ -207,7 +213,6 @@
|
||||
type: 'bar',
|
||||
data: [],
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
@ -218,7 +223,6 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
let serieMan = JSON.parse(JSON.stringify(serie));
|
||||
@ -227,7 +231,7 @@
|
||||
serieMan.name = '男';
|
||||
let serieWoman = JSON.parse(JSON.stringify(serie));
|
||||
serieWoman.name = '女';
|
||||
ryData.map(item => {
|
||||
ryCountData.value.map(item => {
|
||||
xData.value.push(item.depart_name);
|
||||
serieMan.data.push(item.man);
|
||||
serieWoman.data.push(item.woman);
|
||||
@ -236,12 +240,11 @@
|
||||
ySeries.value.push(serieTotal);
|
||||
ySeries.value.push(serieMan);
|
||||
ySeries.value.push(serieWoman);
|
||||
|
||||
legData = ['总数', '男', '女'];
|
||||
legData.value = ['总数', '男', '女'];
|
||||
option.value.legend.data = legData.value;
|
||||
option.value.xAxis[0].data = xData.value;
|
||||
option.value.series = ySeries.value;
|
||||
option.value.title.text = bmText + '人员性别统计';
|
||||
option.value.title.text = '人员性别统计';
|
||||
|
||||
}
|
||||
|
||||
@ -250,24 +253,274 @@
|
||||
const myChart = await chartRef.value.init(echarts)
|
||||
myChart.setOption(option.value)
|
||||
}, 300)
|
||||
|
||||
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
})
|
||||
}
|
||||
if (val == 1) {
|
||||
|
||||
cxcRyDatacountByXbTotal(queryParm).then((res) => {
|
||||
if (res.success) {
|
||||
ryCountData.value = res.result
|
||||
xData.value = [];
|
||||
ySeries.value = [];
|
||||
legData.value = [];
|
||||
let serie = {
|
||||
name: '',
|
||||
type: 'bar',
|
||||
data: [],
|
||||
itemStyle: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: {
|
||||
//数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
let serieMan = JSON.parse(JSON.stringify(serie));
|
||||
let serieTotal = JSON.parse(JSON.stringify(serie));
|
||||
serieTotal.name = '总数';
|
||||
serieMan.name = '男';
|
||||
let serieWoman = JSON.parse(JSON.stringify(serie));
|
||||
serieWoman.name = '女';
|
||||
ryCountData.value.map(item => {
|
||||
xData.value.push("全厂");
|
||||
serieMan.data.push(item.man);
|
||||
serieWoman.data.push(item.woman);
|
||||
serieTotal.data.push(item.total);
|
||||
});
|
||||
ySeries.value.push(serieTotal);
|
||||
ySeries.value.push(serieMan);
|
||||
ySeries.value.push(serieWoman);
|
||||
legData.value = ['总数', '男', '女'];
|
||||
option.value.legend.data = legData.value;
|
||||
option.value.xAxis[0].data = xData.value;
|
||||
option.value.series = ySeries.value;
|
||||
option.value.title.text = '人员性别统计';
|
||||
|
||||
}
|
||||
|
||||
setTimeout(async () => {
|
||||
if (!chartRef.value) return
|
||||
const myChart = await chartRef.value.init(echarts)
|
||||
myChart.setOption(option.value)
|
||||
}, 300)
|
||||
|
||||
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function getRyBynl(val) {
|
||||
ryCountData.value = []
|
||||
let queryParm = {};
|
||||
queryParm.orgCode = departID.value
|
||||
if (val == 0) {
|
||||
cxcRyDatacountByNl(queryParm).then((res) => {
|
||||
console.log(res);
|
||||
if (res.success) {
|
||||
ryCountData.value = res.result.records
|
||||
ryCountData.value = res.result
|
||||
xData.value = [];
|
||||
ySeries.value = [];
|
||||
legData.value = [];
|
||||
let serie = {
|
||||
name: '',
|
||||
type: 'bar',
|
||||
data: [],
|
||||
itemStyle: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: {
|
||||
//数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
let serie20 = JSON.parse(JSON.stringify(serie));
|
||||
serie20.name = '小于20岁';
|
||||
let serie21_30 = JSON.parse(JSON.stringify(serie));
|
||||
serie21_30.name = '21-30岁';
|
||||
let serie31_40 = JSON.parse(JSON.stringify(serie));
|
||||
serie31_40.name = '31-40岁';
|
||||
let serie41_50 = JSON.parse(JSON.stringify(serie));
|
||||
serie41_50.name = '41-50岁';
|
||||
let serie51_60 = JSON.parse(JSON.stringify(serie));
|
||||
serie51_60.name = '51-60岁';
|
||||
let serie45 = JSON.parse(JSON.stringify(serie));
|
||||
serie45.name = '45岁及以下';
|
||||
let serie46_60 = JSON.parse(JSON.stringify(serie));
|
||||
serie46_60.name = '45岁以上';
|
||||
let serie51_55 = JSON.parse(JSON.stringify(serie));
|
||||
serie51_55.name = '51-55岁';
|
||||
let serie55 = JSON.parse(JSON.stringify(serie));
|
||||
serie55.name = '55岁以上';
|
||||
let serietotal = JSON.parse(JSON.stringify(serie));
|
||||
serietotal.name = '总数';
|
||||
let serieavgage = JSON.parse(JSON.stringify(serie));
|
||||
serieavgage.name = '平均年龄';
|
||||
|
||||
ryCountData.value.map(item => {
|
||||
xData.value.push(item.depart_name);
|
||||
serietotal.data.push(item.total);
|
||||
serie20.data.push(item.age20);
|
||||
serie21_30.data.push(item.age21_30);
|
||||
serie31_40.data.push(item.age31_40);
|
||||
serie41_50.data.push(item.age41_50);
|
||||
serie51_60.data.push(item.age51_60);
|
||||
serie45.data.push(item.age45);
|
||||
serie46_60.data.push(item.age46_60);
|
||||
serie51_55.data.push(item.age51_55);
|
||||
serie55.data.push(item.age55);
|
||||
serieavgage.data.push(item.avgage);
|
||||
|
||||
});
|
||||
this.ySeries.push(serietotal);
|
||||
this.ySeries.push(serieavgage);
|
||||
this.ySeries.push(serie20);
|
||||
this.ySeries.push(serie21_30);
|
||||
this.ySeries.push(serie31_40);
|
||||
this.ySeries.push(serie41_50);
|
||||
this.ySeries.push(serie51_60);
|
||||
this.ySeries.push(serie45);
|
||||
this.ySeries.push(serie46_60);
|
||||
this.ySeries.push(serie51_55);
|
||||
this.ySeries.push(serie55);
|
||||
|
||||
legData.value = ['总数', '平均年龄', '小于20岁', '21-30岁', '31-40岁', '41-50岁', '51-60岁', '45岁及以下',
|
||||
'45岁以上', '51-55岁', '55岁以上'
|
||||
];
|
||||
|
||||
|
||||
option.value.legend.data = legData.value;
|
||||
option.value.xAxis[0].data = xData.value;
|
||||
option.value.series = ySeries.value;
|
||||
option.value.title.text = '人员年龄统计';
|
||||
|
||||
}
|
||||
|
||||
setTimeout(async () => {
|
||||
if (!chartRef.value) return
|
||||
const myChart = await chartRef.value.init(echarts)
|
||||
myChart.setOption(option.value)
|
||||
}, 300)
|
||||
|
||||
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
})
|
||||
}
|
||||
if (val == 1) {
|
||||
cxcRyDatacountByNlTotal(queryParm).then((res) => {
|
||||
if (res.success) {
|
||||
ryCountData.value = res.result
|
||||
xData.value = [];
|
||||
ySeries.value = [];
|
||||
legData.value = [];
|
||||
let serie = {
|
||||
name: '',
|
||||
type: 'bar',
|
||||
data: [],
|
||||
itemStyle: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: {
|
||||
//数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
let serie20 = JSON.parse(JSON.stringify(serie));
|
||||
serie20.name = '小于20岁';
|
||||
let serie21_30 = JSON.parse(JSON.stringify(serie));
|
||||
serie21_30.name = '21-30岁';
|
||||
let serie31_40 = JSON.parse(JSON.stringify(serie));
|
||||
serie31_40.name = '31-40岁';
|
||||
let serie41_50 = JSON.parse(JSON.stringify(serie));
|
||||
serie41_50.name = '41-50岁';
|
||||
let serie51_60 = JSON.parse(JSON.stringify(serie));
|
||||
serie51_60.name = '51-60岁';
|
||||
let serie45 = JSON.parse(JSON.stringify(serie));
|
||||
serie45.name = '45岁及以下';
|
||||
let serie46_60 = JSON.parse(JSON.stringify(serie));
|
||||
serie46_60.name = '45岁以上';
|
||||
let serie51_55 = JSON.parse(JSON.stringify(serie));
|
||||
serie51_55.name = '51-55岁';
|
||||
let serie55 = JSON.parse(JSON.stringify(serie));
|
||||
serie55.name = '55岁以上';
|
||||
let serietotal = JSON.parse(JSON.stringify(serie));
|
||||
serietotal.name = '总数';
|
||||
let serieavgage = JSON.parse(JSON.stringify(serie));
|
||||
serieavgage.name = '平均年龄';
|
||||
|
||||
ryCountData.value.map(item => {
|
||||
xData.value.push("全厂");
|
||||
serietotal.data.push(item.total);
|
||||
serie20.data.push(item.age20);
|
||||
serie21_30.data.push(item.age21_30);
|
||||
serie31_40.data.push(item.age31_40);
|
||||
serie41_50.data.push(item.age41_50);
|
||||
serie51_60.data.push(item.age51_60);
|
||||
serie45.data.push(item.age45);
|
||||
serie46_60.data.push(item.age46_60);
|
||||
serie51_55.data.push(item.age51_55);
|
||||
serie55.data.push(item.age55);
|
||||
serieavgage.data.push(item.avgage);
|
||||
|
||||
});
|
||||
this.ySeries.push(serietotal);
|
||||
this.ySeries.push(serieavgage);
|
||||
this.ySeries.push(serie20);
|
||||
this.ySeries.push(serie21_30);
|
||||
this.ySeries.push(serie31_40);
|
||||
this.ySeries.push(serie41_50);
|
||||
this.ySeries.push(serie51_60);
|
||||
this.ySeries.push(serie45);
|
||||
this.ySeries.push(serie46_60);
|
||||
this.ySeries.push(serie51_55);
|
||||
this.ySeries.push(serie55);
|
||||
|
||||
legData.value = ['总数', '平均年龄', '小于20岁', '21-30岁', '31-40岁', '41-50岁', '51-60岁', '45岁及以下',
|
||||
'45岁以上', '51-55岁', '55岁以上'
|
||||
];
|
||||
|
||||
|
||||
option.value.legend.data = legData.value;
|
||||
option.value.xAxis[0].data = xData.value;
|
||||
option.value.series = ySeries.value;
|
||||
option.value.title.text = '人员年龄统计';
|
||||
|
||||
}
|
||||
|
||||
setTimeout(async () => {
|
||||
if (!chartRef.value) return
|
||||
const myChart = await chartRef.value.init(echarts)
|
||||
myChart.setOption(option.value)
|
||||
}, 300)
|
||||
|
||||
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
@ -1,40 +1,54 @@
|
||||
<template>
|
||||
<view :class="['f-col','aic',{'gray':store.isgray==1}]">
|
||||
<view :class="[{'gray':store.isgray==1}]">
|
||||
<view style="margin-top: 10px;margin-bottom: 10px;">
|
||||
<picker fields="month" mode="date" @change="bindPickerChange" :value="index">
|
||||
<view class="date">{{index}} 点击选择月份</view>
|
||||
</picker>
|
||||
<view class="info">
|
||||
<view class="info_title f-row aic">
|
||||
<view class="">
|
||||
</view>
|
||||
<uni-row>
|
||||
<uni-col :span="7">
|
||||
<view class="titleStyle">
|
||||
日期
|
||||
</view>
|
||||
<view class="">
|
||||
</uni-col>
|
||||
<uni-col :span="4">
|
||||
<view class="titleStyle">
|
||||
带班领导
|
||||
</view>
|
||||
<view class="">
|
||||
</uni-col>
|
||||
<uni-col :span="4">
|
||||
<view class="titleStyle">
|
||||
值班领导
|
||||
</view>
|
||||
<view class="">
|
||||
</uni-col>
|
||||
<uni-col :span="9">
|
||||
<view class="titleStyle">
|
||||
值班干部
|
||||
</view>
|
||||
</view>
|
||||
<view class="data_box">
|
||||
<view class="data f-row aic" v-for="item,i in zhibanArr">
|
||||
<view class="">
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
<uni-row>
|
||||
<view v-for="(item,index) in zhibanArr">
|
||||
<uni-col :span="7">
|
||||
<view class="dataStyle">
|
||||
{{item.date}}
|
||||
</view>
|
||||
<view class="">
|
||||
</uni-col>
|
||||
<uni-col :span="4">
|
||||
<view class="dataStyle">
|
||||
{{item.dbld_dictText}}
|
||||
</view>
|
||||
<view class="">
|
||||
</uni-col><uni-col :span="4">
|
||||
<view class="dataStyle">
|
||||
{{item.zbld_dictText}}
|
||||
</view>
|
||||
<view class="">
|
||||
</uni-col><uni-col :span="9">
|
||||
<view class="dataStyle">
|
||||
{{item.zbgbrealname}}
|
||||
</view>
|
||||
</uni-col>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-row>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -53,6 +67,36 @@
|
||||
} from '@/store';
|
||||
const store = useStore()
|
||||
import dayjs from 'dayjs';
|
||||
|
||||
|
||||
let column = ref([{
|
||||
name: 'date',
|
||||
label: '日期',
|
||||
width: 70,
|
||||
align: 'center'
|
||||
},
|
||||
|
||||
{
|
||||
name: 'dbld_dictText',
|
||||
label: '带班领导',
|
||||
align: 'center',
|
||||
width: 60
|
||||
},
|
||||
{
|
||||
name: 'zbld_dictText',
|
||||
label: '值班领导',
|
||||
align: 'center',
|
||||
width: 60
|
||||
},
|
||||
{
|
||||
name: 'zbgbrealname',
|
||||
label: '值班干部',
|
||||
align: 'center',
|
||||
width: 150
|
||||
}
|
||||
|
||||
])
|
||||
|
||||
const zhibanArr = ref([])
|
||||
onLoad(() => {
|
||||
zhibanQuery()
|
||||
@ -83,36 +127,36 @@
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.info {
|
||||
background: #F8F8F8;
|
||||
border-radius: 8rpx;
|
||||
|
||||
.titleStyle {
|
||||
font-size: 12px;
|
||||
color: #747474;
|
||||
line-height: 25px;
|
||||
height: 25px;
|
||||
background: #F2F9FC;
|
||||
text-align: center;
|
||||
width: 690rpx;
|
||||
margin-top: 23rpx;
|
||||
|
||||
.info_title {
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
padding: 24rpx 0;
|
||||
border-bottom: 1px solid #EFEFEF;
|
||||
|
||||
view {
|
||||
flex: 1;
|
||||
}
|
||||
vertical-align: middle;
|
||||
border-left: 1px solid #919191;
|
||||
border-bottom: 1px solid #919191;
|
||||
;
|
||||
}
|
||||
|
||||
.data_box {
|
||||
font-size: 24rpx;
|
||||
padding-bottom: 24rpx;
|
||||
color: #888888;
|
||||
/* 内容样式 */
|
||||
.dataStyle {
|
||||
max-font-size: 14px;
|
||||
/* 最大字体限制 */
|
||||
min-font-size: 10px;
|
||||
/* 最小字体限制 */
|
||||
font-size: 12px;
|
||||
color: #00007f;
|
||||
line-height: 25px;
|
||||
height: 25px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
border-bottom: 1px solid #919191;
|
||||
border-left: 1px solid #919191;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
.data {
|
||||
margin-top: 23rpx;
|
||||
|
||||
view {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user