Skip to content

S
sgaqgl-vue
Commit 865d6541 authored by zhoumaotao's avatar zhoumaotao
Browse files
Options

页面代码调整

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