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> <template>
<DefaultDialog :appendToBody='false' :app='app'> <DefaultDialog :app='app'>
<div slot="form" class="min_full" style="border: 0px;height: 440px;"> <div slot="form">
<BasePage ref="basePage" :toolButton='false' :power='power' class="min_full" :config="config" <el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules"
style="height: 100%;"> style="height: 360px;overflow:auto;overflow-x: hidden; transition:transform 2s ease;">
<template #dialog="ctx"> <el-row :gutter="20" :app="this">
<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 --> <EditColItem v-show="showcy?true:(index<cynum)" :required="item.required||false"
</template> :readonly="item.readonly?true:false " v-for="(item,index) in editColItemList " :value="item.value"
<template #toolbar="ctx"> :span="item.span" :label="item.label" :prop='item.prop' :key="item.prop" :type="item.type"
<!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 --> :typeConfig='item.typeConfig' :rule="item.rule" />
<!-- <el-button @click="demo(ctx.basePage)" size='mini' type="primary">示例按钮</el-button> --> </el-row>
</template> <el-divider v-if="!showcy"><span @click="showcy=!showcy" style="cursor: pointer;"> 展开全部<i
class="el-icon-caret-bottom"></i></span></el-divider>
</BasePage> <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>
<div slot="reFooter" class="refooter"> <div slot="reFooter" class="refooter">
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<!-- <el-button @click="app.showDialog=false">取 消</el-button> --> <el-button @click="app.showDialog=false">取 消</el-button>
<el-button type="primary" @click="save()">确 定</el-button> <el-button type="primary" @click="save()">保 存</el-button>
</span> </span>
</div> </div>
</DefaultDialog> </DefaultDialog>
</template> </template>
<script> <script>
import {
editMixin
} from 'common'
export default { export default {
mixins: [editMixin],
props: { props: {
app: { app: {
type: Object, type: Object,
...@@ -31,266 +37,63 @@ ...@@ -31,266 +37,63 @@
} }
} }
}, },
mounted() { async mounted() {
// this.$nextTick(()=>{ this.$post('sbgl/ufactor/query/list', {}).then(res => {
// this.$refs['TablePager'].pageQuery() let list = res.data.records || []
// }) list.forEach(item => {
this.editColItemList.push({
label: item.code,
prop: item.code,
span: 12,
type: 'input',
})
})
})
},
components: {
// Detail
}, },
data() { data() {
return { return {
power: { readonly: false,
add: false, editColItemList: [],
copy: false, cynum: 12,
/* 手动控制删除 */ showcy: 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
},
{
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: { methods: {
save() { save(){
const ctx = this.$refs.basePage let uclphdycfParams=[]
if (ctx.singleItem && ctx.singleItem.id) { let formList=Object.keys(this.form)
this.$emit('getCz', ctx.singleItem) formList.forEach(key=>{
this.app.showDialog = false if(this.form[key]){
} else { uclphdycfParams.push({
this.$warning('请选中一条数据') factorCode:key,
} factorValue:this.form[key]
} })
},
}
</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;
} }
})
/deep/.search { if(uclphdycfParams.length==0){
border: 0px solid !important; this.$warning('请至少填写一项数据')
return
} }
/* 请求接口*/
/deep/.refooter { this.$post('sbgl/uclphdycf/phCodes',{
border: 0px solid !important; uclphdycfParams
padding-top: 10px; }).then(res=>{
height: 40px; 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> </style>
src/views/yhlywsytst/yhlywsytst/index.vue
View file @ a36590fd
...@@ -2,14 +2,14 @@ ...@@ -2,14 +2,14 @@
* @Description: * @Description:
* @Author: lisu lisu@gavelinfo.com * @Author: lisu lisu@gavelinfo.com
* @LastEditors: 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 * @FilePath: /zghywpc-vue/src/views/yhlywsytst/yhlywsytst/index.vue
--> -->
<template> <template>
<div v-loading='loading' :element-loading-text='loadingText' element-loading-spinner="el-icon-loading" <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"> element-loading-background="rgba(0, 0, 0, 0.8)" ref="app" class="min_full nullbp">
<!-- 弹框组件dialig --> <!-- 弹框组件dialig -->
<czDialog @getCz='getCz' :app='this' v-if='showDialog' /> <czDialog @save='getSave' :app='this' v-if='showDialog' />
<div class="bigTitle"> <div class="bigTitle">
一回路异物溯源态势图 一回路异物溯源态势图
</div> </div>
...@@ -315,7 +315,10 @@ ...@@ -315,7 +315,10 @@
<div class="search-item"> <div class="search-item">
<span class="search-span">材质:</span> <span class="search-span">材质:</span>
<!-- <el-input v-model="sypcQueryParams.cz"></el-input> --> <!-- <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> </div>
</el-col> </el-col>
...@@ -617,8 +620,10 @@ ...@@ -617,8 +620,10 @@
} }
}, },
methods: { methods: {
getCz(){ getSave(str){
console.log(str)
this.showDialog=false
this.sypcQueryParams.cz=str
}, },
czOverlayClick(){ czOverlayClick(){
this.showDialog=true 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