Skip to content

S
smart_gov_platform
Commit cd0251eb authored by 赵啸非's avatar 赵啸非
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents 2b0dceaf 4843d50e
Show whitespace changes
Inline Side-by-side
Showing with 286 additions and 238 deletions
portal-manager-ui/admin/src/views/dataActuary/portrayal/index.vue
View file @ cd0251eb
...@@ -101,6 +101,7 @@ export default { ...@@ -101,6 +101,7 @@ export default {
@headerH: 4.5rem; @headerH: 4.5rem;
.Container { .Container {
width: 100%;
height: 100% !important; height: 100% !important;
// background: #fac; // background: #fac;
background: #f5f5f5; background: #f5f5f5;
...@@ -182,5 +183,3 @@ export default { ...@@ -182,5 +183,3 @@ export default {
padding: 0 5rem; padding: 0 5rem;
} }
</style> </style>
\ No newline at end of file
portal-manager-ui/admin/src/views/dataActuary/portrayal/portrayalAnalysis/index.vue
View file @ cd0251eb
...@@ -10,25 +10,57 @@ ...@@ -10,25 +10,57 @@
<a-col :span="8"> <a-col :span="8">
<div class="inside_card"> <div class="inside_card">
<div class="head_title mb_15">用户信息</div> <div class="head_title mb_15">用户信息</div>
<a-form layout="horizontal" :model="formState" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }"> <a-form
<a-form-item label="openID：">{{ formState.openid || '--' }}</a-form-item> layout="horizontal"
<a-form-item label="姓名：">{{ formState.idcard_Name || '--' }}</a-form-item> :model="formState"
<a-form-item label="城市：">{{ formState.city || '--' }}</a-form-item> :label-col="{ span: 5 }"
<a-form-item label="联系电话：">{{ formState.phone || '--' }}</a-form-item> :wrapper-col="{ span: 19 }"
<a-form-item label="身份证号：">{{ formState.idcard_IDCardNo || '--' }}</a-form-item> >
<a-form-item label="注册时间：">{{ formState.update_time || '--' }}</a-form-item> <a-form-item label="openID：">{{
<a-form-item label="注册来源：">{{ regType[formState.register_type] || '现场注册' }}</a-form-item> formState.openid || "--"
<a-form-item label="户籍地址：">{{ formState.idcard_Address || '--' }}</a-form-item> }}</a-form-item>
<a-form-item label="姓名：">{{
formState.idcard_Name || "--"
}}</a-form-item>
<a-form-item label="城市：">{{
formState.city || "--"
}}</a-form-item>
<a-form-item label="联系电话：">{{
formState.phone || "--"
}}</a-form-item>
<a-form-item label="身份证号：">{{
formState.idcard_IDCardNo || "--"
}}</a-form-item>
<a-form-item label="注册时间：">{{
formState.update_time || "--"
}}</a-form-item>
<a-form-item label="注册来源：">{{
regType[formState.register_type] || "现场注册"
}}</a-form-item>
<a-form-item label="户籍地址：">{{
formState.idcard_Address || "--"
}}</a-form-item>
</a-form> </a-form>
</div> </div>
<div class="inside_card"> <div class="inside_card">
<div class="head_title mb_15">关键数据</div> <div class="head_title mb_15">关键数据</div>
<a-form layout="horizontal" :model="formState" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }"> <a-form
<a-form-item label="预约最多：" v-if="formState.yymax">{{ formState.yymax ? formState.yymax.name : '' layout="horizontal"
}}<span style="color: #FF5F5F;">（{{ formState.yymax ? formState.yymax.count : :model="formState"
'' }}）</span></a-form-item> :label-col="{ span: 4 }"
<a-form-item label="取号最多：" v-if="formState.qhmax">{{ formState.qhmax ? formState.qhmax.name : '' :wrapper-col="{ span: 20 }"
}} <span style="color: #FF5F5F;">（{{ formState.qhmax ? formState.qhmax.count : '' }}）</span> >
<a-form-item label="预约最多：" v-if="formState.yymax"
>{{ formState.yymax ? formState.yymax.name : ""
}}<span style="color: #ff5f5f"
>（{{ formState.yymax ? formState.yymax.count : "" }}）</span
></a-form-item
>
<a-form-item label="取号最多：" v-if="formState.qhmax"
>{{ formState.qhmax ? formState.qhmax.name : "" }}
<span style="color: #ff5f5f"
>（{{ formState.qhmax ? formState.qhmax.count : "" }}）</span
>
</a-form-item> </a-form-item>
<!-- <a-form-item label="申报最多：">{{ formState.appointment.name }}（{{ formState.appointment.value <!-- <a-form-item label="申报最多：">{{ formState.appointment.name }}（{{ formState.appointment.value
}}）</a-form-item> }}）</a-form-item>
...@@ -37,12 +69,18 @@ ...@@ -37,12 +69,18 @@
</a-form> </a-form>
<div class="evaluate_box" v-if="formState.pjdata"> <div class="evaluate_box" v-if="formState.pjdata">
<div class="good_box"> <div class="good_box">
<div class="good_title">{{ formState.pjdata.good_count }}（{{ formState.pjdata.good_lv }}%） <div class="good_title">
{{ formState.pjdata.good_count }}（{{
formState.pjdata.good_lv
}}%）
</div> </div>
<div class="good_desc">好评次数</div> <div class="good_desc">好评次数</div>
</div> </div>
<div class="bad_box"> <div class="bad_box">
<div class="bad_title">{{ formState.pjdata.bad_count }}（{{ formState.pjdata.bad_lv }}%） <div class="bad_title">
{{ formState.pjdata.bad_count }}（{{
formState.pjdata.bad_lv
}}%）
</div> </div>
<div class="bad_desc">差评次数</div> <div class="bad_desc">差评次数</div>
</div> </div>
...@@ -50,100 +88,116 @@ ...@@ -50,100 +88,116 @@
</div> </div>
</a-col> </a-col>
<a-col :span="8" class="f_center"> <a-col :span="8" class="f_center">
<img src="@/assets/images/man.png" alt="" style="height: 31.25rem" v-if="formState.idcard_Sex == '男'"> <img
<img src="@/assets/images/woman.png" alt="" style="height: 31.25rem" v-else> src="@/assets/images/man.png"
alt=""
style="height: 31.25rem"
v-if="formState.idcard_Sex == '男'"
/>
<img
src="@/assets/images/woman.png"
alt=""
style="height: 31.25rem"
v-else
/>
<div class="information"> <div class="information">
<div class="info_name"> <div class="info_name">
{{ formState.idcard_Name }}<a-tag color="green" class="info_tag">实名认证</a-tag> {{ formState.idcard_Name
}}<a-tag color="green" class="info_tag">实名认证</a-tag>
</div> </div>
<a-row> <a-row>
<a-col :span="8">年龄：{{ formState.age }}岁</a-col> <a-col :span="8">年龄：{{ formState.age }}岁</a-col>
<a-col :span="8">性别：{{ formState.idcard_Sex || '--' }}</a-col> <a-col :span="8">性别：{{ formState.idcard_Sex || "--" }}</a-col>
<a-col :span="8">民族：{{ formState.idcard_Nation }}</a-col> <a-col :span="8">民族：{{ formState.idcard_Nation }}</a-col>
</a-row> </a-row>
<div> </div> <div></div>
</div> </div>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<div class="inside_card"> <div class="inside_card">
<Radar :id="`radar`" :height="350" :width="500" :datas="radarData" /> <Radar
</div> :id="`radar`"
<div> :height="350"
:width="500"
:datas="radarData"
/>
</div> </div>
<div></div>
</a-col> </a-col>
</a-row> </a-row>
</a-card> </a-card>
</div> </div>
</template> </template>
<script > <script>
import Radar from "../../business/Component/radar/index.vue"; import Radar from "../../business/Component/radar/index.vue";
import { userAnalysis } from "@/api/userPortrait" import { userAnalysis } from "@/api/userPortrait";
export default { export default {
components: { components: {
Radar Radar,
}, },
data() { data() {
return { return {
options: [ options: [
{ {
value: '0', value: "0",
label: '今天', label: "今天",
}, },
{ {
value: '1', value: "1",
label: '近7日', label: "近7日",
}, },
{ {
value: '2', value: "2",
label: '近30日', label: "近30日",
}, },
{ {
value: '3', value: "3",
label: '近3个月', label: "近3个月",
}, },
{ {
value: '4', value: "4",
label: '本年度', label: "本年度",
}, },
], ],
radarData: {}, radarData: {},
useNumber: '0', useNumber: "0",
formState: { formState: {
openId: '4568782121245', openId: "4568782121245",
name: '张张那个张', name: "张张那个张",
city: '四川省成都市', city: "四川省成都市",
phone: '13088088888', phone: "13088088888",
ID: '513822199302034567', ID: "513822199302034567",
registerTime: '2023-03-01 10:00:00', registerTime: "2023-03-01 10:00:00",
source: '排队叫号系统', source: "排队叫号系统",
address: '四川省宜宾市叙州区林南路23号', address: "四川省宜宾市叙州区林南路23号",
appointment: { name: '机动车违章业务办理', value: '25' }, appointment: { name: "机动车违章业务办理", value: "25" },
good: { value: '36', percent: '20' }, good: { value: "36", percent: "20" },
bad: { value: '2', percent: '10' } bad: { value: "2", percent: "10" },
}, },
regType: { regType: {
Applets: '小程序', Applets: "小程序",
wechat: '公众号', wechat: "公众号",
app: '自助服务终端' app: "自助服务终端",
} },
} };
}, },
mounted() { mounted() {
this.getRadarData() this.getRadarData();
this.userAnalysisFn(this.$route.query.peopleid) this.userAnalysisFn(this.$route.query.peopleid);
}, },
methods: { methods: {
async userAnalysisFn(peopleid) { async userAnalysisFn(peopleid) {
let res = await userAnalysis({ siteid: localStorage.getItem('siteId'), peopleid }) let res = await userAnalysis({
siteid: localStorage.getItem("siteId"),
peopleid,
});
// console.log(res) // console.log(res)
if (res.code == 1) { if (res.code == 1) {
this.formState = res.data this.formState = res.data;
// console.log(this.formState.xwph) // console.log(this.formState.xwph)
let arr = Object.values(this.formState.xwph) let arr = Object.values(this.formState.xwph);
let nameArr = Object.keys(this.formState.xwph) let nameArr = Object.keys(this.formState.xwph);
// console.log(arr, nameArr) // console.log(arr, nameArr)
// console.log(arr) // console.log(arr)
...@@ -152,45 +206,40 @@ export default { ...@@ -152,45 +206,40 @@ export default {
data: [ data: [
{ {
value: arr, value: arr,
name: '偏好', name: "偏好",
areaStyle: { areaStyle: {
color: '#a6c5fc' color: "#a6c5fc",
} },
}, },
], ],
};
}
} else { } else {
this.$message.error('查询失败') this.$message.error("查询失败");
this.$router.push({ path: 'portrayalBase' }) this.$router.push({ path: "portrayalBase" });
} }
}, },
handleChange() { }, handleChange() {},
getRadarData() { getRadarData() {},
}
}, },
} };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/deep/ .ant-form-item { /deep/ .ant-form-item {
margin-bottom: 0 margin-bottom: 0;
} }
.head { .head {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.head_title { .head_title {
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
font-size: 1.125rem; font-size: 1.125rem;
color: #0595FD; color: #0595fd;
margin-right: 1.25rem; margin-right: 1.25rem;
} }
...@@ -203,8 +252,8 @@ export default { ...@@ -203,8 +252,8 @@ export default {
.inside_card { .inside_card {
background: #f3faff; background: #f3faff;
margin: .9375rem; margin: 0.9375rem;
padding: .9375rem; padding: 0.9375rem;
} }
.evaluate_box { .evaluate_box {
...@@ -218,21 +267,21 @@ export default { ...@@ -218,21 +267,21 @@ export default {
width: 10rem; width: 10rem;
background: #d0f3ee; background: #d0f3ee;
text-align: center; text-align: center;
padding: .9375rem; padding: 0.9375rem;
.good_title { .good_title {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
color: #04CA8F; color: #04ca8f;
margin-bottom: .625rem; margin-bottom: 0.625rem;
} }
.good_desc { .good_desc {
font-size: .875rem; font-size: 0.875rem;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
color: #04CA8F; color: #04ca8f;
} }
} }
...@@ -240,21 +289,21 @@ export default { ...@@ -240,21 +289,21 @@ export default {
width: 10rem; width: 10rem;
background: #f5e3e7; background: #f5e3e7;
text-align: center; text-align: center;
padding: .9375rem; padding: 0.9375rem;
.bad_title { .bad_title {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
color: #FF5F5F; color: #ff5f5f;
margin-bottom: .625rem; margin-bottom: 0.625rem;
} }
.bad_desc { .bad_desc {
font-size: .875rem; font-size: 0.875rem;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
color: #FF5F5F; color: #ff5f5f;
} }
} }
...@@ -273,12 +322,12 @@ export default { ...@@ -273,12 +322,12 @@ export default {
.info_tag { .info_tag {
position: absolute; position: absolute;
top: .9375rem; top: 0.9375rem;
margin-left: .9375rem; margin-left: 0.9375rem;
} }
.mb_15 { .mb_15 {
margin-bottom: .9375rem; margin-bottom: 0.9375rem;
} }
.f_40 { .f_40 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment