wangyifang
/
jintan-canlian-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

upup

Browse Source
master
lion 3 years ago
parent 9e4fd3e893
commit a6586ae026
5 changed files with 361 additions and 198 deletions
Show Stats Download Patch File Download Diff File

6
src/components/XyTable/index.vue
Unescape View File

@ -1030,7 +1030,11 @@ export default {
} }
} }
</style> </style>
<style scoped>
/deep/ .el-table .cell.el-tooltip{
font-size:18px !important;
}
</style>
<style> <style>
.xy-table__row-fade { .xy-table__row-fade {
animation: fade-in-row 600ms; animation: fade-in-row 600ms;

2
src/views/component/table.vue
Unescape View File

@ -548,7 +548,7 @@ export default {
{ {
prop: i.field, prop: i.field,
label: i.name, label: i.name,
width: i.width, width: i.width==0?'120':i.width,
fixed: i.is_fixed, fixed: i.is_fixed,
align: i.width==240?'left':'center' align: i.width==240?'left':'center'
}, },

219
src/views/record/index.vue
Unescape View File

@ -5,16 +5,33 @@
<lx-header icon="md-apps" text="档案管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px"> <lx-header icon="md-apps" text="档案管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
<slot> <slot>
<div style="display: flex;justify-content: flex-start;flex-wrap: wrap;"> <div style="display: flex;justify-content: flex-start;flex-wrap: wrap;">
<Input v-model="select.keyword" style="width: 200px;margin-right: 10px;" placeholder="搜索姓名" /> <Input v-model="select.keyword" style="width: 150px;margin-right: 10px;" placeholder="搜索姓名" />
<el-select class='street' v-model="select.street" placeholder="请选择" clearable> <el-select class='street' v-model="select.street" placeholder="请选择街道" clearable>
<el-option <el-option
v-for="item in streetList" v-for="item in lists.streetList"
:key="item.value" :key="item.value"
:label="item.value" :label="item.value"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
<el-select class='street' v-model="select.disabilityType" placeholder="请选择残疾类别" clearable>
<el-option
v-for="item in lists.disabilitytypeList"
:key="item.value"
:label="item.value"
:value="item.value">
</el-option>
</el-select>
<el-select class='street' v-model="select.disabilityLevel" placeholder="请选择残疾等级" clearable>
<el-option
v-for="item in lists.disabilitylevelList"
:key="item.value"
:label="item.value"
:value="item.value">
</el-option>
</el-select>
<Button type="primary" @click="getindex">查询</Button> <Button type="primary" @click="getindex">查询</Button>
<Button type="primary" style="margin-left: 10px;" @click="resetindex">重置</Button>
<Button type="primary" style="margin-left: 10px;" <Button type="primary" style="margin-left: 10px;"
@click="$refs['addRecord'].isShow = true,$refs['addRecord'].type = 'add'">添加</Button> @click="$refs['addRecord'].isShow = true,$refs['addRecord'].type = 'add'">添加</Button>
<Button type="primary" style="margin-left: 10px;" <Button type="primary" style="margin-left: 10px;"
@ -85,9 +102,15 @@
pageSize: 40, pageSize: 40,
pageIndex: 1, pageIndex: 1,
keyword: "", keyword: "",
street:'' street:'',
disabilityLevel:"",
disabilityType:""
}, },
streetList:[], lists:{
disabilitytypeList: [],
disabilitylevelList: [],
streetList:[]
},
customForm: { customForm: {
customFormId: 1, customFormId: 1,
tableName: "records" tableName: "records"
@ -101,14 +124,14 @@
label: '序号', label: '序号',
type: 'index', type: 'index',
fixed: 'left', fixed: 'left',
width: 80 width: 60
}, },
{ // {
label: "所属街道", // label: "所属街道",
width: 120, // width: 120,
prop: 'street', // prop: 'street',
align: 'center' // align: 'center'
}, // },
{ {
label: "姓名", label: "姓名",
width: 120, width: 120,
@ -118,70 +141,94 @@
}, },
{ {
label: "性别", label: "性别",
width: 120, width: 80,
prop: 'sex', prop: 'sex',
align: 'center' align: 'center',
}, },
{ {
label: "身份证号", label: "年龄",
width: 180, width: 80,
prop: 'idcard', prop: 'idcard',
align: 'center' align: 'center',
}, formatter:(cell,data,value)=>{
{ return this.getName(value)
label: "联系电话", }
width: 120,
prop: 'mobile',
align: 'center'
},
{
label: "固话",
width: 120,
prop: 'telephone',
align: 'center'
},
{
label: "残疾证号",
width: 180,
prop: 'number',
align: 'center'
}, },
// {
// label: "身份证号",
// width: 180,
// prop: 'idcard',
// align: 'center'
// },
// {
// label: "联系电话",
// width: 120,
// prop: 'mobile',
// align: 'center'
// },
// {
// label: "固话",
// width: 120,
// prop: 'telephone',
// align: 'center'
// },
// {
// label: "残疾证号",
// width: 180,
// prop: 'number',
// align: 'center'
// },
{ {
label: "残疾类别", label: "残疾类别",
width: 120, width: 80,
prop: 'disabilitytype', prop: 'disabilitytype',
align: 'center' align: 'center'
}, },
{ {
label: "残疾等级", label: "残疾等级",
width: 120, width: 80,
prop: 'disabilitylevel', prop: 'disabilitylevel',
align: 'center' align: 'center'
},
{
label: "户籍地址",
// width: 240,
prop: 'address',
align: 'left',
formatter:(cell,data,value)=>{
return value.indexOf('江苏省常州市金坛区')>-1? value.replace('江苏省常州市金坛区',''):value
}
}, },
{ // {
label: "有效期至", // label: "有效期至",
width: 180, // width: 180,
prop: 'validity', // prop: 'validity',
align: 'center' // align: 'center'
}, // },
{
label: "户籍地址", // {
width: 240, // label: "现居住地",
prop: 'address', // width: 240,
align: 'left' // prop: 'reside',
}, // align: 'left'
{ // }
label: "现居住地",
width: 240,
prop: 'reside',
align: 'left'
}
] ]
} }
}, },
methods: { methods: {
showInfo(id) { showInfo(id) {
this.$router.push({path:"/record/personinfo",query:{id:id}}) this.$router.push({path:"/record/personinfo",query:{id:id}})
},
resetindex(){
this.select = {
pageSize: 40,
pageIndex: 1,
keyword: "",
street:'',
disabilityLevel:"",
disabilityType:""
}
this.getindex()
}, },
async getindex() { async getindex() {
const res = await index({ const res = await index({
@ -197,6 +244,14 @@
"key": "street", "key": "street",
"op": "eq", "op": "eq",
"value": this.select.street "value": this.select.street
},{
"key": "disabilitytype",
"op": "eq",
"value": this.select.disabilityType
},{
"key": "disabilitylevel",
"op": "eq",
"value": this.select.disabilityLevel
}], }],
}) })
this.list = res.data this.list = res.data
@ -230,7 +285,28 @@
}) })
this.getindex() this.getindex()
}) })
}, },
getName(iden) {
let val = iden.length;
let myDate = new Date();
let month = myDate.getMonth() + 1;
let day = myDate.getDate();
let age = 0;
if (val === 18) {
age = myDate.getFullYear() - iden.substring(6, 10) - 1;
if (iden.substring(10, 12) < month || iden.substring(10, 12) == month && iden.substring(12, 14) <= day) age++;
}
if (val === 15) {
age = myDate.getFullYear() - iden.substring(6, 8) - 1901;
if (iden.substring(8, 10) < month || iden.substring(8, 10) == month && iden.substring(10, 12) <= day) age++;
}
return age
},
// 获取表信息 // 获取表信息
async getField() { async getField() {
// console.log(this.$route.meta.params, "---", this.$route) // console.log(this.$route.meta.params, "---", this.$route)
@ -311,16 +387,26 @@
const wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' }); const wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' });
saveAs(new Blob([wbout], { type: 'application/octet-stream' }), `${sheetName}.xlsx`); saveAs(new Blob([wbout], { type: 'application/octet-stream' }), `${sheetName}.xlsx`);
} }
},
async getLabel() {
let numbers = {
number:['streetList','disabilitylevelList','disabilitytypeList']
}
const res = await getparameter(numbers);
for(var k of res){
for(var m in this.lists){
if(m==k.number){
this.lists[m] = k.detail
}
}
}
}, },
}, },
mounted() { mounted() {
this.getindex() this.getindex()
this.getField() this.getField()
getparameter({ this.getLabel()
number:'streetList'
}).then(res=>{
this.streetList = res.detail
})
} }
} }
@ -328,7 +414,8 @@
<style scoped> <style scoped>
.street{ .street{
margin-right:10px margin-right:10px;
width:150px
} }
/deep/ .street .el-input__inner{ /deep/ .street .el-input__inner{
height:32px; height:32px;

330
src/views/record/personinfo.vue
Unescape View File

@ -3,6 +3,10 @@
<!-- <el-button type="primary" @click="$refs.flow.addNode('测试节点')">添加节点</el-button> <!-- <el-button type="primary" @click="$refs.flow.addNode('测试节点')">添加节点</el-button>
<el-button type="primary" @click="handleNext">下一个节点</el-button> <el-button type="primary" @click="handleNext">下一个节点</el-button>
<br /><br /> --> <br /><br /> -->
<div class="curvedarrow-upleft curvedarrow"></div>
<div class="curvedarrow-upright curvedarrow"></div>
<div class="curvedarrow-bottomleft curvedarrow"></div>
<div class="curvedarrow-bottomright curvedarrow"></div>
<avue-flow :height="mapHeight" width="100%" ref="flow" :option="option" v-model="form"> <avue-flow :height="mapHeight" width="100%" ref="flow" :option="option" v-model="form">
<template slot-scope="scope" slot="header"> <template slot-scope="scope" slot="header">
<!-- <i class="el-icon-delete" @click="$refs.flow.deleteNode(scope.node.id)"></i> --> <!-- <i class="el-icon-delete" @click="$refs.flow.deleteNode(scope.node.id)"></i> -->
@ -15,13 +19,13 @@
</div> </div>
</template> </template>
<script> <script>
import { import {
show show
} from "@/api/system/baseForm.js" } from "@/api/system/baseForm.js"
import { import {
getSsttIndex getSsttIndex
} from "@/api/sstt" } from "@/api/sstt"
import { import {
Message Message
} from 'element-ui' } from 'element-ui'
@ -30,23 +34,23 @@
return { return {
count: 0, count: 0,
form: '', form: '',
mapHeight: 0, mapHeight: 0,
idcard:'', idcard: '',
option: { option: {
"name": "视图", "name": "视图",
"nodeList": [{ "nodeList": [{
"id": "all", "id": "all",
"name": "人员", "name": "人员",
"left": 550, "left": 550,
"top": 320, "top": 320,
"content":'' "content": ''
}, },
{ {
"id": "person", "id": "person",
"name": "个人信息", "name": "个人信息",
"left": 200, "left": 200,
"top": 80, "top": 80,
"content":'' "content": ''
}, },
{ {
"id": "business", "id": "business",
@ -58,34 +62,34 @@
"id": "view", "id": "view",
"name": "访视信息", "name": "访视信息",
"left": 900, "left": 900,
"top": 480, "top": 480,
"content":'' "content": ''
},
{
"id": "raises",
"name": "居家照护",
"left": 200,
"top": 480,
"content":''
}
],
"lineList": [{
"from": "all",
"to": "person"
},
{
"from": "all",
"to": "business"
}, },
{ {
"from": "all", "id": "raises",
"to": "view" "name": "居家照护",
}, "left": 200,
{ "top": 480,
"from": "all", "content": ''
"to": "raises"
} }
] ],
// "lineList": [{
// "from": "all",
// "to": "person"
// },
// {
// "from": "all",
// "to": "business"
// },
// {
// "from": "all",
// "to": "view"
// },
// {
// "from": "all",
// "to": "raises"
// }
// ]
} }
} }
}, },
@ -99,74 +103,76 @@
let winHeight = document.body.clientHeight let winHeight = document.body.clientHeight
this.mapHeight = winHeight - 50 - 20 this.mapHeight = winHeight - 50 - 20
console.log(winHeight) console.log(winHeight)
}, },
getPerson(){ getPerson() {
if (this.$route.query?.id) { if (this.$route.query?.id) {
let id = this.$route.query.id let id = this.$route.query.id
this.showPersonInfo(id) this.showPersonInfo(id)
}else{ } else {
Message({ Message({
type:'warning', type: 'warning',
message:'请先选择人员档案' message: '请先选择人员档案'
}) })
} }
}, },
async showPersonInfo(id){ async showPersonInfo(id) {
const res = await show({ const res = await show({
id: id, id: id,
table_name: 'records' table_name: 'records'
}) })
let names = `<div class="persons">${res.name}</div>` let names = `<div class="persons">${res.name}</div>`
let contents = `<p>姓名：${res.name}</p><p>性别：${res.sex}</p><p>残疾类别：${res.disabilitytype}</p><p>残疾等级：${res?.disabilitylevel}</p><p>现居住地：${res.reside}</p>` let contents =
let views = '' `<p>姓名：${res.name}</p><p>性别：${res.sex}</p><p>残疾类别：${res.disabilitytype}</p><p>残疾等级：${res?.disabilitylevel}</p><p>现居住地：${res.reside}</p>`
let workflows = '' let views = ''
this.idcard = res.idcard let workflows = ''
if(res.idcard_viewrecords_idcard_relation.length>0){ this.idcard = res.idcard
for(var k of res.idcard_viewrecords_idcard_relation){ if (res.idcard_viewrecords_idcard_relation.length > 0) {
if(k.checkstatus=='通过'){ for (var k of res.idcard_viewrecords_idcard_relation) {
views+=`<p>${k.viewtime?.substring(0,10)}/${k.viewscene}<p>` if (k.checkstatus == '通过') {
} views += `<p>${k.viewtime?.substring(0,10)}/${k.viewscene}<p>`
} }
} }
if(res.idcard_workflows_idcard_relation.length>0){ }
for(var k of res.idcard_workflows_idcard_relation){ if (res.idcard_workflows_idcard_relation.length > 0) {
for (var k of res.idcard_workflows_idcard_relation) {
if(k.work_status=='通过'){
// 辅具适配 if (k.work_status == '通过') {
if(k.guanlianbiao=='assists'){ // 辅具适配
workflows+=`<p>${k.created_at?.substring(0,10)}/${k.guanlianbiaoming}<p>` if (k.guanlianbiao == 'assists') {
workflows+=`<p>管理年限：${k.detail.guanlinianxian}<p>` workflows += `<p>${k.created_at?.substring(0,10)}/${k.guanlianbiaoming}<p>`
workflows+=`<p>辅具类别：${k.detail.sub_type}<p>` workflows += `<p>申请年限：${k.detail.shenqingnianxian}<p>`
workflows+=`<p>可申请补贴金额：${k.detail.apply_money}<p>` workflows += `<p>管理年限：${k.detail.guanlinianxian}<p>`
workflows+=`<p>已申请补贴金额：${k.detail.get_money}<p>` workflows += `<p>辅具类别：${k.detail.sub_type}<p>`
workflows+=`<p>结余金额：${k.detail.surplus_money}<p>` workflows += `<p>可申请补贴金额：${k.detail.apply_money}<p>`
}else{ workflows += `<p>已申请补贴金额：${k.detail.get_money}<p>`
workflows+=`<p>${k.created_at?.substring(0,10)}/${k.guanlianbiaoming}<p>` workflows += `<p>结余金额：${k.detail.surplus_money}<p>`
} } else {
workflows += `<p>${k.created_at?.substring(0,10)}/${k.guanlianbiaoming}<p>`
} }
}
} }
}
this.option['nodeList'][0]['content'] = names }
this.option['nodeList'][1]['content'] = contents
this.option['nodeList'][2]['content'] = workflows this.option['nodeList'][0]['content'] = names
this.option['nodeList'][3]['content'] = views this.option['nodeList'][1]['content'] = contents
this.getSstt() this.option['nodeList'][2]['content'] = workflows
}, this.option['nodeList'][3]['content'] = views
getSstt(){ this.getSstt()
getSsttIndex({ },
idcard:this.idcard, getSstt() {
start_date:'2020-01-01', getSsttIndex({
page:1 idcard: this.idcard,
}).then(res=>{ start_date: '2020-01-01',
let raises = '' page: 1
for(var k of res){ }).then(res => {
raises+=`<p>${k.start_time?.substring(0,10)}/${k.status_text}<p>` let raises = ''
} for (var k of res) {
this.option['nodeList'][4]['content'] = raises raises += `<p>${k.start_time?.substring(0,10)}/${k.status_text}<p>`
}) }
} this.option['nodeList'][4]['content'] = raises
})
}
} }
@ -175,6 +181,67 @@
</script> </script>
<style scoped> <style scoped>
.curvedarrow {
position: relative;
width: 0;
border-top: 30px solid transparent;
border-right: 30px solid #147d38;
}
.curvedarrow:after{
content: "";
position: absolute;
border: 0 solid transparent;
border-top: 10px solid #147d38;
border-radius: 100px 0 0 0;
top: -94px;
left: -167px;
width: 182px;
height: 99px;
}
.curvedarrow-upleft {
position: relative;
left: 483px;
top: 210px;
-webkit-transform: rotate(180deg) translateX(100%);
transform: rotate(194deg) translateX(100%);
}
.curvedarrow-upleft:after {
transform: rotate(45deg);
}
.curvedarrow-upright {
left: 842px;
top: 210px;
transform: rotate(-60deg) translateX(100%);
}
.curvedarrow-upright:after {
transform: rotate(45deg);
}
.curvedarrow-bottomleft {
left: 457px;
top: 447px;
transform: rotate(95deg) translateX(100%);
}
.curvedarrow-bottomleft:after {
transform: rotate(45deg);
}
.curvedarrow-bottomright {
left: 880px;
top: 350px;
transform: rotate(10deg) translateX(100%);
}
.curvedarrow-bottomright:after {
transform: rotate(45deg);
}
/deep/ .avue-flow{
margin-top:-120px
}
/deep/ .avue-grid { /deep/ .avue-grid {
background-image: none; background-image: none;
} }
@ -182,21 +249,24 @@
/deep/ .avue-flow__node { /deep/ .avue-flow__node {
height: 300px; height: 300px;
width: 250px; width: 250px;
}
/deep/ .avue-flow__node-drag{
display: none;
} }
/deep/ .avue-flow__node--active{
border-color: #147d38; /deep/ .avue-flow__node-drag {
display: none;
}
/deep/ .avue-flow__node--active {
border-color: #147d38;
} }
/deep/ .avue-flow__node-header { /deep/ .avue-flow__node-header {
flex: none; flex: none;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
text-align: center; text-align: center;
color: #fff; color: #fff;
font-size: 24px; font-size: 24px;
background-color:#147d38 background-color: #147d38
} }
/deep/ .avue-flow__node-body { /deep/ .avue-flow__node-body {
@ -204,22 +274,24 @@
flex: none; flex: none;
overflow: auto; overflow: auto;
text-align: left; text-align: left;
padding: 15px; padding: 15px;
font-size:15px; font-size: 15px;
align-items: normal; align-items: normal;
} }
/deep/ .jtk-droppable{
height: 300px!important; /deep/ .jtk-droppable {
width: 250px!important; height: 300px !important;
} width: 250px !important;
/deep/ .avue-flow__node-body .persons{ }
font-size: 26px;
text-align: center; /deep/ .avue-flow__node-body .persons {
height: 150px; font-size: 26px;
width: 150px; text-align: center;
background: #ddd; height: 150px;
border-radius: 100%; width: 150px;
line-height: 150px; background: #ddd;
margin: 35px auto; border-radius: 100%;
line-height: 150px;
margin: 35px auto;
} }
</style> </style>

2
src/views/record/street.vue
Unescape View File

@ -17,7 +17,7 @@
</div> </div>
<div class="table-tree"> <div class="table-tree">
<el-table :data="tableData" :height="tableHeight" class="v-table" style="width: 100%; margin-bottom: 20px" <el-table :data="tableData" :height="tableHeight" class="v-table" style="width: 100%; margin-bottom: 20px"
row-key="id" border default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> row-key="id" border :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
<el-table-column type="index" align="center"> </el-table-column> <el-table-column type="index" align="center"> </el-table-column>
<el-table-column prop="mingcheng" label="名称" sortable> <el-table-column prop="mingcheng" label="名称" sortable>
</el-table-column> </el-table-column>

Write Preview
Loading…
Cancel
Save