Skip to content

Z
zghywpc-vue
Commit a36590fd authored by 李苏's avatar 李苏 💬
Browse files
Options

调整

parent 98b4ebbb
Show whitespace changes
Inline Side-by-side
Showing with 75 additions and 267 deletions
src/views/yhlywsytst/yhlywsytst/czDialog.vue
View file @ a36590fd
<template>
<DefaultDialog :appendToBody='false' :app='app'>
<div slot="form" class="min_full" style="border: 0px;height: 440px;">
<BasePage ref="basePage" :toolButton='false' :power='power' class="min_full" :config="config"
style="height: 100%;">
<template #dialog="ctx">
<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
</template>
<template #toolbar="ctx">
<!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
<!-- <el-button @click="demo(ctx.basePage)" size='mini' type="primary">示例按钮</el-button> -->
</template>
</BasePage>
<DefaultDialog :app='app'>
<div slot="form">
<el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules"
style="height: 360px;overflow:auto;overflow-x: hidden; transition:transform 2s ease;">
<el-row :gutter="20" :app="this">
<EditColItem v-show="showcy?true:(index<cynum)" :required="item.required||false"
:readonly="item.readonly?true:false " v-for="(item,index) in editColItemList " :value="item.value"
:span="item.span" :label="item.label" :prop='item.prop' :key="item.prop" :type="item.type"
:typeConfig='item.typeConfig' :rule="item.rule" />
</el-row>
<el-divider v-if="!showcy"><span @click="showcy=!showcy" style="cursor: pointer;"> 展开全部<i
class="el-icon-caret-bottom"></i></span></el-divider>
<el-divider v-if="showcy"><span @click="showcy=!showcy" style="cursor: pointer;"> 展开常用<i
class="el-icon-caret-top"></i></span></el-divider>
</el-form>
</div>
<div slot="reFooter" class="refooter">
<span slot="footer" class="dialog-footer">
<!-- <el-button @click="app.showDialog=false">取 消</el-button> -->
<el-button type="primary" @click="save()">确 定</el-button>
<el-button @click="app.showDialog=false">取 消</el-button>
<el-button type="primary" @click="save()">保 存</el-button>
</span>
</div>
</DefaultDialog>
</template>
<script>
import {
editMixin
} from 'common'
export default {
mixins: [editMixin],
props: {
app: {
type: Object,
......@@ -31,266 +37,63 @@
}
}
},
mounted() {
// this.$nextTick(()=>{
// this.$refs['TablePager'].pageQuery()
// })
async mounted() {
this.$post('sbgl/ufactor/query/list', {}).then(res => {
let list = res.data.records || []
list.forEach(item => {
this.editColItemList.push({
label: item.code,
prop: item.code,
span: 12,
type: 'input',
})
})
})
},
components: {
// Detail
},
data() {
return {
power: {
add: false,
copy: false,
/* 手动控制删除 */
delButton: false,
/* 手动控制编辑按钮权限 */
editButton: false,
/* 是否渲染右侧操作按钮 */
operateButtons: false,
/* 是否开启工作流按钮 */
workFlow: false,
/* 表格开启选择，以及记住选择 */
showSelection: false,
saveSelected: false,
},
config: {
/* 基本配置*/
url: 'ywxxgl/uywxx',
tableTitle: [{
label: "名称",
prop: "name",
fieldType: "ftString",
width: 120
},
{
label: "流动特性",
prop: "ldtx",
width: 120,
transform: {
"url": "ywxxgl/uywxx/init/ldtx",
"label": "name",
"value": "id"
}
},
{
label: "规格",
prop: "ggxh",
fieldType: "ftString",
width: 120
},
{
label: "尺寸",
prop: "cc",
fieldType: "ftString",
width: 120
},
{
label: "材质",
prop: "cz",
fieldType: "ftString",
width: 300
},
{
label: "地点",
prop: "dd",
fieldType: "ftString",
width: 300
},
{
label: "标高",
prop: "bg",
fieldType: "ftString",
width: 300
},
{
label: "异物放射性强度",
prop: "fsxqd",
fieldType: "ftString",
width: 300
},
readonly: false,
editColItemList: [],
cynum: 12,
showcy: false
{
label: "备注",
prop: "bz",
fieldType: "ftString",
width: 300
},
{
label: "附件数",
prop: "attachcount",
fieldType: "int"
},
{
title: "创建人",
field: "cjr",
width: 140
},
{
title: "创建时间",
field: "cjsj",
fieldType: 'ftDateTime'
},
{
title: "维护人",
field: "whr",
hidden: true
},
{
title: "维护时间",
field: "whsj",
fieldType: 'ftDateTime',
hidden: true
}
],
queryParams: [
[{
label: '名称',
prop: 'name',
span: 6,
type: 'input',
value: ''
}
]
],
/* 默认启停用 */
}
}
},
methods: {
save() {
const ctx = this.$refs.basePage
if (ctx.singleItem && ctx.singleItem.id) {
this.$emit('getCz', ctx.singleItem)
this.app.showDialog = false
} else {
this.$warning('请选中一条数据')
}
}
},
}
</script>
<style scoped>
/deep/.el-button--primary {
background-color: rgba(0, 0, 0, 0.6) !important;
color: #25c2da;
border: 1px solid #25c2da;
}
/deep/.el-dialog {
background: url(./static/bg.png);
background-size: 100% 100%;
opacity: 1;
}
/*
.el-dialog{
color: #61d2f7;
background-color:rgba(22, 84, 198, 0.7) ;
} */
/deep/.el-dialog__body {
/* background-color:rgba(22, 84, 198, 0.7) ; */
}
/deep/.el-dialog__title {
color: #fff;
}
/deep/.search-span {
color: #83c7e3 !important;
}
/* /deep/.el-table tr{
background-color: rgba(0, 0, 0, 0.6)!important;
} */
.min_full {
border: 0px solid !important;
save(){
let uclphdycfParams=[]
let formList=Object.keys(this.form)
formList.forEach(key=>{
if(this.form[key]){
uclphdycfParams.push({
factorCode:key,
factorValue:this.form[key]
})
}
/deep/.search {
border: 0px solid !important;
})
if(uclphdycfParams.length==0){
this.$warning('请至少填写一项数据')
return
}
/deep/.refooter {
border: 0px solid !important;
padding-top: 10px;
height: 40px;
/* 请求接口*/
this.$post('sbgl/uclphdycf/phCodes',{
uclphdycfParams
}).then(res=>{
let records=res.data.records
if(records==''){
this.$warning('未查询到牌号')
}else{
this.$emit('save',records)
}
/deep/.el-dialog__title {
color: #61d2f7;
})
}
/deep/.el-table th.el-table__cell {
background-color: rgba(0, 0, 0, .2) !important;
color: #25c2da !important;
font-size: 13px !important;
font-weight: 500 !important;
}
/deep/.el-table tr {
background-color: rgba(0, 0, 0, 0.0) !important;
color: #25c2da !important;
font-size: 13px !important;
font-weight: 500 !important;
}
/deep/.el-table__row:hover {
background-color: rgba(0, 0, 0, 0.6) !important;
}
/deep/.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
background-color: rgba(199, 199, 199, 0.6) !important;
}
/deep/.el-table__body tr.current-row>td.el-table__cell {
background-color: rgba(199, 199, 199, 0.6) !important;
}
/deep/ .current-row {
background-color: rgba(0, 0, 0, 0.6) !important;
}
/deep/.el-table {
background-color: rgba(0, 0, 0, .2) !important;
}
/deep/.btn-prev {
background-color: rgba(0, 0, 0, 0.6) !important;
border: 1px solid #61d2f7;
}
/deep/.btn-next {
background-color: rgba(0, 0, 0, 0.6) !important;
border: 1px solid #61d2f7;
}
/deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #25c2da;
color: #fff;
}
/deep/.el-pagination__total {
color: #25c2da;
}
/deep/.el-table__body-wrapper::-webkit-scrollbar-track {
background: #f1f1f1!important;
/* 滚动槽的背景颜色 */
border-radius: 10px;
/* 滚动槽的圆角 */
}
</script>
{}
<style scoped>
</style>
src/views/yhlywsytst/yhlywsytst/index.vue
View file @ a36590fd
......@@ -2,14 +2,14 @@
* @Description:
* @Author: lisu lisu@gavelinfo.com
* @LastEditors: lisu lisu@gavelinfo.com
* @LastEditTime: 2024-09-27 10:37:40
* @LastEditTime: 2024-09-27 15:58:18
* @FilePath: /zghywpc-vue/src/views/yhlywsytst/yhlywsytst/index.vue
-->
<template>
<div v-loading='loading' :element-loading-text='loadingText' element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)" ref="app" class="min_full nullbp">
<!-- 弹框组件dialig -->
<czDialog @getCz='getCz' :app='this' v-if='showDialog' />
<czDialog @save='getSave' :app='this' v-if='showDialog' />
<div class="bigTitle">
一回路异物溯源态势图
</div>
......@@ -315,7 +315,10 @@
<div class="search-item">
<span class="search-span">材质:</span>
<!-- <el-input v-model="sypcQueryParams.cz"></el-input> -->
<AuxInput :overlayClick='czOverlayClick' :onlyInput='true' />
<AuxInput :overlayClick='czOverlayClick' :match="{
label: 'cz',
value:'cz'
}" :form='sypcQueryParams' v-model="sypcQueryParams.cz" :onlyInput='true' />
</div>
</el-col>
......@@ -617,8 +620,10 @@
}
},
methods: {
getCz(){
getSave(str){
console.log(str)
this.showDialog=false
this.sypcQueryParams.cz=str
},
czOverlayClick(){
this.showDialog=true
......
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