Commit 865d6541 authored by zhoumaotao's avatar zhoumaotao

页面代码调整

parent 440c7c93
......@@ -13,7 +13,7 @@
<AddButton ref="reload" :app='app'></AddButton>
<CopyButton ref="copy" :app='app'></CopyButton>
<EditButton ref="edit" :app='app'></EditButton>
<AttachFileButton :app='app' ></AttachFileButton>
<!-- <AttachFileButton :app='app' ></AttachFileButton>-->
<FieldButton :app='app'></FieldButton>
<ExcelButton :app='app'></ExcelButton>
<!-- 额外按钮-->
......
......@@ -3,50 +3,60 @@
<!-- 填写表单内容,slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="12">
<!-- <el-input :readonly="readonly" v-model="form.userid" ></el-input> -->
<el-form-item label="姓名" ref="userid" prop="userid">
<personSelector :label="form.wzr||form.userid||'暂无'" @selected='wgrSelected' ></personSelector>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="部门" ref="bmid" prop="bmid">
<!-- <el-input :readonly="readonly" v-model="form.bmid" ></el-input> -->
<RelSelect style="width: 100%;" :params="{flid:form.flid}" src='/kzzx/bm/query' clearable :match="{value:'id',label:'bmmc'}" v-model='form.bmid' ></RelSelect>
</el-form-item>
</el-col>
<el-col :span="12">
<!-- <el-input :readonly="readonly" v-model="form.userid" ></el-input> -->
<el-form-item label="违规人" ref="userid" prop="userid">
<personSelector :label="form.wzr||form.userid||'暂无'" @selected='wgrSelected' ></personSelector>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电话" >
<el-input :readonly="true" v-model="form.phone" ></el-input>
</el-form-item>
</el-col>
<el-form-item label="联系手机" >
<el-input :readonly="true" v-model="form.phone" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="违章日期" ref="wzrq" prop="wzrq">
<el-date-picker style="width: 100%;" :readonly="readonly" type="date"
v-model="form.wzrq" placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所在公司" ref="bmid" prop="bmid">
<RelSelect style="width: 100%;" :readonly="readonly" src='jcsj/common/bm/queryGs' :match="{value:'id',label:'bmmc'}" v-model='form.bmid' ></RelSelect>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所在班组" ref="bzid" prop="bzid">
<RelSelect linkage :linkParams="{pid:form.bmid}" :readonly="readonly" style="width: 100%;" src='jcsj/common/bm/queryBz' filterable clearable :match="{value:'id',label:'bmmc'}" v-model='form.bzid' ></RelSelect>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="违章日期" ref="wzrq" prop="wzrq">
<el-date-picker value-format="timestamp" style="width: 100%;" :readonly="readonly" type="date"
v-model="form.wzrq" placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="处罚金额" ref="cfje" prop="cfje">
<el-input type='number' :readonly="readonly" v-model="form.cfje" ></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="备注" ref="bz" prop="bz">
<el-input :readonly="readonly" v-model="form.bz" ></el-input>
</el-form-item>
</el-col> -->
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="处罚金额" ref="cfje" prop="cfje">
<el-input type='number' :readonly="readonly" v-model="form.cfje" ></el-input>
<el-col :span="24">
<el-form-item label="违章行为" ref="wzxw" prop="wzxw">
<el-input type='textarea' :readonly="readonly" v-model="form.wzxw" ></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="违章行为" ref="wzxw" prop="wzxw">
<el-input type='textarea' :readonly="readonly" v-model="form.wzxw" ></el-input>
</el-form-item>
</el-col>
</el-row>
</el-row>
<!-- <el-row :gutter="20">
<el-col :span="12">
<el-form-item label="系统版本" ref="sysversion" prop="sysversion">
......@@ -162,7 +172,8 @@
<el-input :readonly="readonly" v-model="form.cfbz" ></el-input>
</el-form-item>
</el-col>
-->
</el-row> -->
</el-form>
</RelDialog>
</template>
......@@ -277,15 +288,30 @@
},
/* form提交时的规则,具体规则参考官网*/
rules: {
bmid: [{
required: true,
trigger: 'blur'
}, ],
bzid: [{
required: true,
trigger: 'blur'
}, ],
userid: [{
required: true,
trigger: 'blur'
}, ],
wzrq: [{
required: true,
trigger: 'blur'
}, ]
}
}
},
methods: {
wgrSelected(row){
this.form.userid=row.id
this.form.phone=row.phone
}
wgrSelected(row){
this.form.userid=row.id
this.form.phone=row.phone||''
}
}
}
</script>
......
......@@ -19,8 +19,8 @@
</el-col> -->
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">所在部门:</span>
<RelSelect style="width: 100%;" src='/kzzx/bm/query' clearable :match="{value:'id',label:'bmmc'}" v-model='queryParams.bmid' ></RelSelect>
<span class="search-span">所在公司:</span>
<RelSelect style="width: 100%;" src='/jcsj/common/bm/queryGs' clearable :match="{value:'id',label:'bmmc'}" v-model='queryParams.bmid' ></RelSelect>
</div>
</el-col>
<el-col :span="6" class="search-col">
......@@ -112,6 +112,7 @@
{label: "所在班组", prop: "bzName", fieldType: "ftString",width:160},
{label: "联系手机", prop: "phone", fieldType: "ftString",width:120},
{label: "违章日期", prop: "wzrq", fieldType: "ftDate"},
{label: "处罚金额", prop: "cfje", fieldType: "money"},
{label: "违章行为", prop: "wzxw", fieldType: "ftString",width:260},
// {label: "备注", prop: "bz", fieldType: "ftString",width:300},
// {label: "维护人", prop: "whr", fieldType: "ftString"},
......@@ -139,7 +140,7 @@
// {label: "纠正验证人编码", prop: "jzyzrid", fieldType: "ftString",width:192},
// {label: "纠正验证时间", prop: "jzyzsj", fieldType: "ftDateTime"},
// {label: "处罚标志", prop: "cfbz", fieldType: "ftString",width:60},
{label: "处罚金额", prop: "cfje", fieldType: "money"},
]
}
},
......
......@@ -3,42 +3,60 @@
<!-- 填写表单内容,slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="12">
<!-- <el-input :readonly="readonly" v-model="form.userid" ></el-input> -->
<el-form-item label="姓名" ref="userid" prop="userid">
<personSelector :label="form.wzr||form.userid||'暂无'" @selected='wgrSelected' ></personSelector>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="部门" ref="bmid" prop="bmid">
<!-- <el-input :readonly="readonly" v-model="form.bmid" ></el-input> -->
<RelSelect hasValue :optionsData='optionsData' style="width: 100%;" :params="{flid:form.flid}" src='/kzzx/bm/query' clearable :match="{value:'id',label:'bmmc'}" v-model='form.bmid' ></RelSelect>
</el-form-item>
</el-col>
<el-col :span="12">
<!-- <el-input :readonly="readonly" v-model="form.userid" ></el-input> -->
<el-form-item label="违规人" ref="userid" prop="userid">
<personSelector :label="form.wzr||form.userid||'暂无'" @selected='wgrSelected' ></personSelector>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电话" >
<el-input :readonly="true" v-model="form.phone" ></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="违章日期" ref="wzrq" prop="wzrq">
<el-date-picker style="width: 100%;" :readonly="readonly" type="date"
v-model="form.wzrq" placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="违章行为" ref="wzxw" prop="wzxw">
<el-input type='textarea' :readonly="readonly" v-model="form.wzxw" ></el-input>
<el-form-item label="联系手机" >
<el-input :readonly="true" v-model="form.phone" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="所在公司" ref="bmid" prop="bmid">
<RelSelect style="width: 100%;" :readonly="readonly" src='jcsj/common/bm/queryGs' :match="{value:'id',label:'bmmc'}" v-model='form.bmid' ></RelSelect>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所在班组" ref="bzid" prop="bzid">
<RelSelect linkage :linkParams="{pid:form.bmid}" :readonly="readonly" style="width: 100%;" src='jcsj/common/bm/queryBz' filterable clearable :match="{value:'id',label:'bmmc'}" v-model='form.bzid' ></RelSelect>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="违章日期" ref="wzrq" prop="wzrq">
<el-date-picker value-format="timestamp" style="width: 100%;" :readonly="readonly" type="date"
v-model="form.wzrq" placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="处罚金额" ref="cfje" prop="cfje">
<el-input type='number' :readonly="readonly" v-model="form.cfje" ></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-col :span="12">
<el-form-item label="备注" ref="bz" prop="bz">
<el-input :readonly="readonly" v-model="form.bz" ></el-input>
</el-form-item>
</el-col> -->
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="违章行为" ref="wzxw" prop="wzxw">
<el-input type='textarea' :readonly="readonly" v-model="form.wzxw" ></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row :gutter="20">
<el-col :span="12">
<el-form-item label="系统版本" ref="sysversion" prop="sysversion">
......@@ -154,11 +172,7 @@
<el-input :readonly="readonly" v-model="form.cfbz" ></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="处罚金额" ref="cfje" prop="cfje">
<el-input :readonly="readonly" v-model="form.cfje" ></el-input>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</RelDialog>
......@@ -274,15 +288,30 @@
},
/* form提交时的规则,具体规则参考官网*/
rules: {
bmid: [{
required: true,
trigger: 'blur'
}, ],
bzid: [{
required: true,
trigger: 'blur'
}, ],
userid: [{
required: true,
trigger: 'blur'
}, ],
wzrq: [{
required: true,
trigger: 'blur'
}, ]
}
}
},
methods: {
wgrSelected(row){
this.form.userid=row.id
this.form.phone=row.phone
}
wgrSelected(row){
this.form.userid=row.id
this.form.phone=row.phone||''
}
}
}
</script>
......
......@@ -3,42 +3,60 @@
<!-- 填写表单内容,slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="12">
<!-- <el-input :readonly="readonly" v-model="form.userid" ></el-input> -->
<el-form-item label="姓名" ref="userid" prop="userid">
<personSelector :label="form.wzr||form.userid||'暂无'" @selected='wgrSelected' ></personSelector>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="部门" ref="bmid" prop="bmid">
<!-- <el-input :readonly="readonly" v-model="form.bmid" ></el-input> -->
<RelSelect hasValue :optionsData='optionsData' style="width: 100%;" :params="{flid:form.flid}" src='/kzzx/bm/query' clearable :match="{value:'id',label:'bmmc'}" v-model='form.bmid' ></RelSelect>
</el-form-item>
</el-col>
<el-col :span="12">
<!-- <el-input :readonly="readonly" v-model="form.userid" ></el-input> -->
<el-form-item label="违规人" ref="userid" prop="userid">
<personSelector :label="form.wzr||form.userid||'暂无'" @selected='wgrSelected' ></personSelector>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电话" >
<el-input :readonly="true" v-model="form.phone" ></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="违章日期" ref="wzrq" prop="wzrq">
<el-date-picker style="width: 100%;" :readonly="readonly" type="date"
v-model="form.wzrq" placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="违章行为" ref="wzxw" prop="wzxw">
<el-input type='textarea' :readonly="readonly" v-model="form.wzxw" ></el-input>
<el-form-item label="联系手机" >
<el-input :readonly="true" v-model="form.phone" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="所在公司" ref="bmid" prop="bmid">
<RelSelect style="width: 100%;" :readonly="readonly" src='jcsj/common/bm/queryGs' :match="{value:'id',label:'bmmc'}" v-model='form.bmid' ></RelSelect>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所在班组" ref="bzid" prop="bzid">
<RelSelect linkage :linkParams="{pid:form.bmid}" :readonly="readonly" style="width: 100%;" src='jcsj/common/bm/queryBz' filterable clearable :match="{value:'id',label:'bmmc'}" v-model='form.bzid' ></RelSelect>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="违章日期" ref="wzrq" prop="wzrq">
<el-date-picker value-format="timestamp" style="width: 100%;" :readonly="readonly" type="date"
v-model="form.wzrq" placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="处罚金额" ref="cfje" prop="cfje">
<el-input type='number' :readonly="readonly" v-model="form.cfje" ></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-col :span="12">
<el-form-item label="备注" ref="bz" prop="bz">
<el-input :readonly="readonly" v-model="form.bz" ></el-input>
</el-form-item>
</el-col> -->
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="违章行为" ref="wzxw" prop="wzxw">
<el-input type='textarea' :readonly="readonly" v-model="form.wzxw" ></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row :gutter="20">
<el-col :span="12">
<el-form-item label="系统版本" ref="sysversion" prop="sysversion">
......@@ -154,11 +172,7 @@
<el-input :readonly="readonly" v-model="form.cfbz" ></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="处罚金额" ref="cfje" prop="cfje">
<el-input :readonly="readonly" v-model="form.cfje" ></el-input>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</RelDialog>
......@@ -274,15 +288,30 @@
},
/* form提交时的规则,具体规则参考官网*/
rules: {
bmid: [{
required: true,
trigger: 'blur'
}, ],
bzid: [{
required: true,
trigger: 'blur'
}, ],
userid: [{
required: true,
trigger: 'blur'
}, ],
wzrq: [{
required: true,
trigger: 'blur'
}, ]
}
}
},
methods: {
wgrSelected(row){
this.form.userid=row.id
this.form.phone=row.phone
}
wgrSelected(row){
this.form.userid=row.id
this.form.phone=row.phone||''
}
}
}
</script>
......
......@@ -33,7 +33,7 @@
<!--<AddButton ref="add" :app='app'></AddButton>-->
<!--<CopyButton ref="copy" :app='app'></CopyButton>-->
<!--<EditButton ref="edit" :app='app'></EditButton>-->
<AttachFileButton :app='app'></AttachFileButton>
<!--<AttachFileButton :app='app'></AttachFileButton>-->
<FieldButton :app='app'></FieldButton>
<!-- 额外按钮-->
<!-- 表头设置 -->
......@@ -118,13 +118,13 @@
},
/* 表格标题对应参数*/
tableTitle: [
{label: "部门", prop: "bmName", fieldType: "ftString",width:192},
// {label: "班组", prop: "bzName", fieldType: "ftString",width:192},
// {label: "违规人ID", prop: "userid", fieldType: "ftString",width:192},
{label: "违章人", prop: "wzr", fieldType: "ftString",width:192},
{label: "手机", prop: "phone", fieldType: "ftString",width:192},
{label: "违章日期", prop: "wzrq", fieldType: "ftDateTime"},
{label: "违章行为", prop: "wzxw", fieldType: "ftString",width:300},
{label: "工号", prop: "wzrcode", fieldType: "ftString",width:120},
{label: "姓名", prop: "wzr", fieldType: "ftString",width:160},
{label: "所在公司", prop: "bmName", fieldType: "ftString",width:160},
{label: "所在班组", prop: "bzName", fieldType: "ftString",width:160},
{label: "联系手机", prop: "phone", fieldType: "ftString",width:120},
{label: "违章日期", prop: "wzrq", fieldType: "ftDate"},
{label: "违章行为", prop: "wzxw", fieldType: "ftString",width:280},
// {label: "备注", prop: "bz", fieldType: "ftString",width:300},
// {label: "维护人", prop: "whr", fieldType: "ftString"},
// {label: "维护时间", prop: "whsj", fieldType: "ftDateTime"},
......
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