kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

特殊人群

Browse Source
This commit is contained in:
liuye
2022-01-27 14:37:31 +08:00
parent b73b247b00
commit a69908c536
4 changed files with 133 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
src/sass/AppSpecialPeople/addPrisonUser.vue
View File

@@ -46,79 +46,33 @@
<u-input type="text" placeholder="请输入" v-model="form.houseArea" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15"/>
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>详细地址</span>
<div v-for="(item, index) in tableData[tableIndex].list" :key="index">
<div class="item" v-if="item.type == 'input'">
<span class="label"><span class="tips"></span>{{item.label}}</span>
<div class="value">
<u-input type="text" placeholder="请输入" v-model="form.houseArea" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false" />
<u-input type="text" placeholder="请输入" v-model="form[item.formDbName]" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false" />
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>所属网格</span>
<div class="value">
<u-input type="text" placeholder="请输入" v-model="form.houseArea" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15"/>
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>是否累犯</span>
<div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
<span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
<div class="item" v-if="item.type == 'select'">
<span class="label"><span class="tips"></span>{{item.label}}</span>
<div class="value" @click="selectClick(item.dict, item.formDbName)">
<span :class="form[item.formDbName] === '' ? 'color-999' : ''">{{ $dict.getLabel(item.dict, form[item.formDbName]) || '请选择'}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>原罪名</span>
<div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
<span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
<div class="item" v-if="item.type == 'time'">
<span class="label"><span class="tips"></span>{{item.label}}</span>
<div class="value" @click="selectTime(item.formDbName)">
<span :class="form[item.formDbName] === '' ? 'color-999' : ''">{{ $dateFormat(form[item.formDbName],'YYYY-MM-DD') || '请选择' }}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>服刑场所</span>
<div class="value">
<u-input type="text" placeholder="请输入" v-model="form.houseArea" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false" />
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>危险性评估</span>
<div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
<span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>安置情况</span>
<div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
<span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>安置时间</span>
<div class="value" @click="selectTime('startDate')">
<span :class="form.startDate === '' ? 'color-999' : ''">{{ $dateFormat(form.startDate,'YYYY-MM-DD') || '请选择' }}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>衔接情况</span>
<div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
<span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>衔接时间</span>
<div class="value" @click="selectTime('startDate')">
<span :class="form.startDate === '' ? 'color-999' : ''">{{ $dateFormat(form.startDate,'YYYY-MM-DD') || '请选择' }}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item">
<span class="label"><span class="tips"></span>是否重新犯罪</span>
<div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
<span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
</div>
<div class="footer" @click="submit">
@@ -126,7 +80,7 @@
</div>
<u-picker mode="time" v-model="dateShow" :params="deteParams" start-year="2010" @confirm="dateConfirm">请选择</u-picker>
<u-select v-model="showSelect" :list="$dict.getDict(selectDict)" label-name="dictName" value-name="dictValue" @confirm="confirmRelation"/>
<u-select v-model="showSelect" :list="selectList" label-name="dictName" value-name="dictValue" @confirm="confirmRelation"/>
</div>
</template>
@@ -138,13 +92,82 @@ export default {
data() {
return {
form: {
},
dateShow: false,
deteParams: {year: true, month: true, day: true, hour: false, minute: false, second: false},
showSelect: false,
selectDict: '',
selectName: ''
selectName: '',
tableIndex: 0,
tableData: [
{
list: [
{
label: '详细地址',
type: 'input',
formDbName: 'address'
},
{
label: '所属网格',
type: 'gird',
formDbName: 'girdId'
},
{
label: '是否累犯',
type: 'select',
dict: 'shouseholdRelation',
formDbName: 'shouseholdRelation'
},
{
label: '原罪名',
type: 'select',
dict: 'houselivingStatus',
formDbName: 'houselivingStatus'
},
{
label: '服刑场所',
type: 'input',
formDbName: 'value'
},
{
label: '危险性评估',
type: 'select',
dict: 'houselivingStatus',
formDbName: 'houselivingStatus',
},
{
label: '安置情况',
type: 'select',
dict: 'houselivingStatus',
formDbName: 'houselivingStatus',
},
{
label: '安置时间',
type: 'time',
formDbName: 'houselivingStatus',
},
{
label: '衔接情况',
type: 'select',
dict: 'houselivingStatus',
formDbName: 'houselivingStatus',
},
{
label: '衔接时间',
type: 'time',
formDbName: 'houselivingStatus',
},
{
label: '是否重新犯罪',
type: 'select',
dict: 'houselivingStatus',
formDbName: 'houselivingStatus',
},
]
}
],
selectList: []
}
},
computed: {...mapState(['user'])},
@@ -171,6 +194,8 @@ export default {
},
selectClick(dictName, formName) {
console.log(dictName)
this.selectList = this.$dict.getDict(dictName)
this.dictName = dictName
this.selectName = formName
this.showSelect = true

73
src/sass/AppSpecialPeople/detail.vue
View File

@@ -35,9 +35,9 @@
<div class="info-content">
<div class="title">本月新增</div>
<div class="num-content color-org">
<div class="num-item num" v-for="(item, index) in statisticsListMon" :key="index">
<div>{{item.label}}</div>
<div>{{item.value}}</div>
<div class="num-item" v-for="(item, index) in statisticsListMon" :key="index">
<h3>{{item.value}}</h3>
<p>{{item.label}}</p>
</div>
<AiEmpty v-if="!statisticsListMon.length"/>
</div>
@@ -55,16 +55,15 @@
<img src="./img/user-img.png" alt="">
</div>
<div class="user-info">
<div class="user-tel">
<p class="name">{{e.name}}</p>
<span class="tel">{{e.phone}}</span>
</div>
<p class="name">{{e.name}}
<span class="btn-icon">
<img src="./img/edit-icon.png" alt="" @click="toEdit(e)">
<img src="./img/del-icon.png" alt="" @click="del(e)">
</span>
</p>
<div class="phone">
<span>{{idNumberInit(e.idNumber)}}</span>
<div>
<span class="edit">编辑</span>
<span class="del">删除</span>
</div>
<span>{{e.phone}}</span>
</div>
</div>
</div>
@@ -87,7 +86,7 @@ export default {
areaId: '',
areaName: '',
tabs: ['统计信息', '人员信息'],
tabIndex: 0,
tabIndex: 1,
addressArea: '',
statisticsList: [],
statisticsListMon: [],
@@ -169,7 +168,7 @@ export default {
// this.$emit('change', {
// type: 'Add',
// })
uni.navigateTo({url: './add'})
uni.navigateTo({url: './addPrisonUser'})
},
idNumberInit(idNumber) {
if(!idNumber) {
@@ -189,6 +188,19 @@ export default {
this.userList[index].check = true
}
},
toEdit(row) {
// uni.navigateTo({url: './add'})
},
del(row) {
this.$confirm('确定删除该数据?').then(() => {
// this.$http.post(`/app/appzyvideobroadcast/getBroadcastRecall?broadcastId=${id}`).then((res) => {
// if (res.code == 0) {
// this.$u.toast('撤回成功！')
// this.getList()
// }
// })
})
}
}
}
@@ -298,7 +310,6 @@ export default {
width: 33%;
padding: 40px 0;
text-align: center;
h3{
font-size: 64px;
font-family: DINAlternate-Bold, DINAlternate;
@@ -315,17 +326,6 @@ export default {
line-height: 40px;
}
}
.num {
display: flex;
justify-content:space-between;
float: none;
width: 100%;
height: 60px;
line-height: 60px;
padding: 0 30px;
box-sizing: border-box;
}
}
.color-org{
.num-item{
@@ -376,10 +376,6 @@ export default {
}
.user-info{
width: 100%;
.user-tel {
display: flex;
justify-content: space-between;
.name{
font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
@@ -387,13 +383,16 @@ export default {
color: #333;
line-height: 44px;
margin-bottom: 8px;
}
.tel {
color: #999;
.btn-icon{
float: right;
img{
width: 48px;
height: 48px;
margin-left: 40px;
vertical-align: baseline;
}
}
}
.phone{
width: 100%;
font-size: 26px;
@@ -402,12 +401,6 @@ export default {
line-height: 36px;
display: flex;
justify-content: space-between;
.edit,
.del {
padding: 0 20px;
color: #2197f2;
}
}
}
}

BIN
src/sass/AppSpecialPeople/img/del-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/sass/AppSpecialPeople/img/edit-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB