elink-star
/
epdc-admin-yushan
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

添加查看功能

origin/sync_user
Jackwang 4 years ago
parent
804afc2550
commit
bcd1aaae14
2 changed files with 61 additions and 83 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 130
      src/views/modules/custom/tripreport-look.vue
  2. 14
      src/views/modules/custom/tripreport.vue

130
src/views/modules/custom/tripreport-look.vue
View File

@ -1,73 +1,39 @@
<template> <template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> <el-dialog :visible.sync="visible" title="查看" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="姓名" prop="name" label-width="120px"> <el-form-item label="姓名：" prop="name" label-width="125px">
<el-input v-model="dataForm.name" placeholder="姓名" style="width:300px"></el-input> {{dataForm.name}}
</el-form-item> </el-form-item>
<el-form-item label="手机号" prop="mobile" label-width="120px"> <el-form-item label="手机号：" prop="mobile" label-width="125px">
<el-input v-model="dataForm.mobile" placeholder="手机号" style="width:300px"></el-input> {{dataForm.mobile}}
</el-form-item> </el-form-item>
<el-form-item label="身份证" prop="idCard" label-width="120px"> <el-form-item label="身份证：" prop="idCard" label-width="125px">
<el-input v-model="dataForm.idCard" placeholder="身份证" style="width:300px"></el-input> {{dataForm.idCard}}
</el-form-item> </el-form-item>
<el-form-item label="来到(本地)时间" prop="comeDate" label-width="120px"> <el-form-item label="来到(本地)时间：" prop="comeDate" label-width="125px">
<el-date-picker {{dataForm.comeDate}}
v-model="dataForm.comeDate"
type="date"
placeholder="来到(本地)时间"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
style="width:300px">
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="返回时间" prop="backDate" label-width="120px"> <el-form-item label="返回时间：" prop="backDate" label-width="125px">
<el-date-picker {{dataForm.backDate}}
v-model="dataForm.backDate"
type="date"
placeholder="返回时间"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
style="width:300px">
</el-date-picker>
</el-form-item> </el-form-item>
<!-- <el-form-item label="现居住地编码" prop="nowAddressCode">--> <!-- <el-form-item label="现居住地编码" prop="nowAddressCode">-->
<!-- <el-input v-model="dataForm.nowAddressCode" placeholder="现居住地编码"></el-input>--> <!-- <el-input v-model="dataForm.nowAddressCode" placeholder="现居住地编码"></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="现居住地" prop="nowAddressName" label-width="120px"> <el-form-item label="现居住地：" prop="nowAddressName" label-width="125px">
<el-cascader {{dataForm.nowAddressName}}
ref="nowRef"
v-model="dataForm.nowAddressCode"
:props="nowProps"
filterable
:options="nowAreaList"
:placeholder="tempNowAddressName"
@change="handleChange"
@visible-change="updateNowHandle"
style="width:500px">
</el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="现居住详细地址" prop="nowAddressDetail" label-width="120px"> <el-form-item label="现居住详细地址：" prop="nowAddressDetail" label-width="125px">
<el-input v-model="dataForm.nowAddressDetail" placeholder="现居住详细地址" style="width:500px"></el-input> {{dataForm.nowAddressDetail}}
</el-form-item> </el-form-item>
<!-- <el-form-item label="来自地区编码" prop="comeAddressCode">--> <!-- <el-form-item label="来自地区编码" prop="comeAddressCode">-->
<!-- <el-input v-model="dataForm.comeAddressCode" placeholder="来自地区编码"></el-input>--> <!-- <el-input v-model="dataForm.comeAddressCode" placeholder="来自地区编码"></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="来自地区" prop="comeAddressName" label-width="120px"> <el-form-item label="来自地区：" prop="comeAddressName" label-width="125px">
<el-cascader {{dataForm.comeAddressName}}
ref="comeRef"
v-model="dataForm.comeAddressCode"
:props="comeProps"
filterable
:options="comeAreaList"
:placeholder="tempComeAddressName"
style="width:500px"
@change="handleChange"
@visible-change="updateComeHandle">
</el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="note" label-width="120px"> <el-form-item label="备注：" prop="note" label-width="125px">
<el-input v-model="dataForm.note" type="textarea" style="width:500px" maxlength="200" placeholder="请输入备注，最多200字"></el-input> {{dataForm.note}}
</el-form-item> </el-form-item>
</el-form> </el-form>
<template slot="footer"> <template slot="footer">
@ -164,35 +130,35 @@ export default {
computed: { computed: {
dataRule () { dataRule () {
return { return {
name: [ // name: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], // ],
mobile: [ // mobile: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }, // { required: true, message: this.$t('validate.required'), trigger: 'blur' },
{ pattern: /^[1][1,2,3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确号码格式', trigger: 'blur' } // { pattern: /^[1][1,2,3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确号码格式', trigger: 'blur' }
], // ],
idCard: [ // idCard: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }, // { required: true, message: this.$t('validate.required'), trigger: 'blur' },
{ pattern: /(^\d{15}$)|bai(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '请输入正确身份证号', trigger: 'blur' } // { pattern: /(^\d{15}$)|bai(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '请输入正确身份证号', trigger: 'blur' }
], // ],
nowAddressCode: [ // nowAddressCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], // ],
nowAddressName: [ // nowAddressName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], // ],
nowAddressDetail: [ // nowAddressDetail: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], // ],
comeAddressCode: [ // comeAddressCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], // ],
comeAddressName: [ // comeAddressName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], // ],
comeDate: [ // comeDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], // ],
// backDate: [ // backDate: [
// { required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
// ], // ],

14
src/views/modules/custom/tripreport.vue
View File

@ -95,6 +95,7 @@
<el-table-column prop="createdTime" label="上报时间" width="180px" header-align="center" align="center"></el-table-column> <el-table-column prop="createdTime" label="上报时间" width="180px" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="openLook(scope.row.id)">{{ $t('详情') }}</el-button>
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
</template> </template>
@ -111,6 +112,7 @@
</el-pagination> </el-pagination>
<!-- 弹窗, 新增 / 修改 --> <!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<tripreport-look v-if="lookVisible" ref="tripreportLook" @refreshDataList="getDataList"></tripreport-look>
</div> </div>
</el-card> </el-card>
</template> </template>
@ -118,6 +120,7 @@
<script> <script>
import mixinViewModule from '@/mixins/view-module' import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './tripreport-add-or-update' import AddOrUpdate from './tripreport-add-or-update'
import TripreportLook from './tripreport-look'
export default { export default {
mixins: [mixinViewModule], mixins: [mixinViewModule],
data () { data () {
@ -138,6 +141,7 @@ export default {
comeCode:'', comeCode:'',
nowCode:'' nowCode:''
}, },
lookVisible:false,
comeAllAreaIds:[], comeAllAreaIds:[],
nowAllAreaIds:[], nowAllAreaIds:[],
comeAreaList: [{ comeAreaList: [{
@ -201,13 +205,21 @@ export default {
} }
}, },
components: { components: {
AddOrUpdate AddOrUpdate,
TripreportLook
}, },
mounted () { mounted () {
// 调用组件先获取第一层数据 // 调用组件先获取第一层数据
this.getProjectList(0) this.getProjectList(0)
}, },
methods :{ methods :{
openLook (id) {
this.lookVisible = true
this.$nextTick(() => {
this.$refs.tripreportLook.dataForm.id = id
this.$refs.tripreportLook.init()
})
},
handleChange (value) { handleChange (value) {
if (value.length > 0) { if (value.length > 0) {
// 获取当前选中节点 // 获取当前选中节点

Write Preview
Loading…
Cancel
Save