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'
}, },

201
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:""
},
lists:{
disabilitytypeList: [],
disabilitylevelList: [],
streetList:[]
}, },
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: "所属街道",
width: 120,
prop: 'street',
align: 'center'
}, },
// {
// label: "所属街道",
// width: 120,
// prop: 'street',
// align: 'center'
// },
{ {
label: "姓名", label: "姓名",
width: 120, width: 120,
@ -118,64 +141,77 @@
}, },
{ {
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: 180,
prop: 'validity',
align: 'center'
},
{ {
label: "户籍地址", label: "户籍地址",
width: 240, // width: 240,
prop: 'address', prop: 'address',
align: 'left' align: 'left',
formatter:(cell,data,value)=>{
return value.indexOf('江苏省常州市金坛区')>-1? value.replace('江苏省常州市金坛区',''):value
}
}, },
{ // {
label: "现居住地", // label: "有效期至",
width: 240, // width: 180,
prop: 'reside', // prop: 'validity',
align: 'left' // align: 'center'
} // },
// {
// label: "现居住地",
// width: 240,
// prop: 'reside',
// align: 'left'
// }
] ]
} }
}, },
@ -183,6 +219,17 @@
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({
page_size: this.select.pageSize, page_size: this.select.pageSize,
@ -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
@ -231,6 +286,27 @@
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)
@ -312,15 +388,25 @@
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;

208
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> -->
@ -31,7 +35,7 @@
count: 0, count: 0,
form: '', form: '',
mapHeight: 0, mapHeight: 0,
idcard:'', idcard: '',
option: { option: {
"name": "视图", "name": "视图",
"nodeList": [{ "nodeList": [{
@ -39,14 +43,14 @@
"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",
@ -59,33 +63,33 @@
"name": "访视信息", "name": "访视信息",
"left": 900, "left": 900,
"top": 480, "top": 480,
"content":'' "content": ''
}, },
{ {
"id": "raises", "id": "raises",
"name": "居家照护", "name": "居家照护",
"left": 200, "left": 200,
"top": 480, "top": 480,
"content":'' "content": ''
} }
], ],
"lineList": [{ // "lineList": [{
"from": "all", // "from": "all",
"to": "person" // "to": "person"
}, // },
{ // {
"from": "all", // "from": "all",
"to": "business" // "to": "business"
}, // },
{ // {
"from": "all", // "from": "all",
"to": "view" // "to": "view"
}, // },
{ // {
"from": "all", // "from": "all",
"to": "raises" // "to": "raises"
} // }
] // ]
} }
} }
}, },
@ -100,48 +104,50 @@
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 =
`<p>姓名：${res.name}</p><p>性别：${res.sex}</p><p>残疾类别：${res.disabilitytype}</p><p>残疾等级：${res?.disabilitylevel}</p><p>现居住地：${res.reside}</p>`
let views = '' let views = ''
let workflows = '' let workflows = ''
this.idcard = res.idcard this.idcard = res.idcard
if(res.idcard_viewrecords_idcard_relation.length>0){ if (res.idcard_viewrecords_idcard_relation.length > 0) {
for(var k of res.idcard_viewrecords_idcard_relation){ for (var k of res.idcard_viewrecords_idcard_relation) {
if(k.checkstatus=='通过'){ if (k.checkstatus == '通过') {
views+=`<p>${k.viewtime?.substring(0,10)}/${k.viewscene}<p>` views += `<p>${k.viewtime?.substring(0,10)}/${k.viewscene}<p>`
} }
} }
} }
if(res.idcard_workflows_idcard_relation.length>0){ if (res.idcard_workflows_idcard_relation.length > 0) {
for(var k of res.idcard_workflows_idcard_relation){ for (var k of res.idcard_workflows_idcard_relation) {
if(k.work_status=='通过'){ if (k.work_status == '通过') {
// 辅具适配 // 辅具适配
if(k.guanlianbiao=='assists'){ if (k.guanlianbiao == 'assists') {
workflows+=`<p>${k.created_at?.substring(0,10)}/${k.guanlianbiaoming}<p>` workflows += `<p>${k.created_at?.substring(0,10)}/${k.guanlianbiaoming}<p>`
workflows+=`<p>管理年限：${k.detail.guanlinianxian}<p>` workflows += `<p>申请年限：${k.detail.shenqingnianxian}<p>`
workflows+=`<p>辅具类别：${k.detail.sub_type}<p>` workflows += `<p>管理年限：${k.detail.guanlinianxian}<p>`
workflows+=`<p>可申请补贴金额：${k.detail.apply_money}<p>` workflows += `<p>辅具类别：${k.detail.sub_type}<p>`
workflows+=`<p>已申请补贴金额：${k.detail.get_money}<p>` workflows += `<p>可申请补贴金额：${k.detail.apply_money}<p>`
workflows+=`<p>结余金额：${k.detail.surplus_money}<p>` workflows += `<p>已申请补贴金额：${k.detail.get_money}<p>`
}else{ workflows += `<p>结余金额：${k.detail.surplus_money}<p>`
workflows+=`<p>${k.created_at?.substring(0,10)}/${k.guanlianbiaoming}<p>` } else {
workflows += `<p>${k.created_at?.substring(0,10)}/${k.guanlianbiaoming}<p>`
} }
} }
@ -154,15 +160,15 @@
this.option['nodeList'][3]['content'] = views this.option['nodeList'][3]['content'] = views
this.getSstt() this.getSstt()
}, },
getSstt(){ getSstt() {
getSsttIndex({ getSsttIndex({
idcard:this.idcard, idcard: this.idcard,
start_date:'2020-01-01', start_date: '2020-01-01',
page:1 page: 1
}).then(res=>{ }).then(res => {
let raises = '' let raises = ''
for(var k of res){ for (var k of res) {
raises+=`<p>${k.start_time?.substring(0,10)}/${k.status_text}<p>` raises += `<p>${k.start_time?.substring(0,10)}/${k.status_text}<p>`
} }
this.option['nodeList'][4]['content'] = raises 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;
} }
@ -183,12 +250,15 @@
height: 300px; height: 300px;
width: 250px; width: 250px;
} }
/deep/ .avue-flow__node-drag{
/deep/ .avue-flow__node-drag {
display: none; display: none;
} }
/deep/ .avue-flow__node--active{
/deep/ .avue-flow__node--active {
border-color: #147d38; border-color: #147d38;
} }
/deep/ .avue-flow__node-header { /deep/ .avue-flow__node-header {
flex: none; flex: none;
height: 50px; height: 50px;
@ -196,7 +266,7 @@
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 {
@ -205,21 +275,23 @@
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