Skip to content

S
shhjwpgl-vue
Commit 65b56907 authored by 李苏's avatar 李苏 💬
Browse files
Options

部分参数对应 弹框demo

parent c3bf5e3d
Hide whitespace changes
Inline Side-by-side
Showing with 294 additions and 57 deletions
src/api/baseData/case.js 0 → 100644
View file @ 65b56907
import request from 'common/src/utils/request'
/* 事务类型接口 */
export function doQurty(query) {
return request({
url: 'jcsj/u_ajgl/query',
method: 'post',
data: query||{}
})
}
src/router/index.js
View file @ 65b56907
...@@ -84,6 +84,20 @@ export const powerRoutes=[ ...@@ -84,6 +84,20 @@ export const powerRoutes=[
name: 'store', name: 'store',
path: "store", path: "store",
},
{
component: 'baseData/3d/index',
hidden: true,
meta: {
"title": "3D测试",
"icon": "",
"noCache": false,
"link": null,
"mkid": 'test',
},
name: '3d',
path: "3d",
} }
] ]
} }
......
src/views/baseData/3d/index.vue 0 → 100644
View file @ 65b56907
<template>
<div class="min_full">
<canvas class="full" id="three"></canvas>
</div>
</template>
<script>
import * as THREE from 'three'
import {
GLTFLoader
} from 'three/examples/jsm/loaders/GLTFLoader.js';
import {
OrbitControls
} from 'three/examples/jsm/controls/OrbitControls.js';
export default {
mounted() {
this.$nextTick(() => {
this.init()
})
},
methods: {
init() {
const scene = new THREE.Scene()
scene.background = new THREE.Color('#eee')
const canvas = document.querySelector('#three')
const renderer = new THREE.WebGLRenderer({
canvas,
antialias: true
})
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
const camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 10)
camera.position.set(0, 1, 5);
/* 设置光源*/
/* 加载器*/
const loader = new GLTFLoader();
loader.load('/wcy/fanart/scene.gltf', function(gltf) {
scene.add(gltf.scene);
renderer.render(scene, camera)
const controls = new OrbitControls(camera, renderer.domElement);
controls.addEventListener('change', function() {
renderer.render(scene, camera);
}); //监听
/* 加载模型动画*/
})
}
},
}
</script>
<style>
</style>
\ No newline at end of file
src/views/baseData/case/edit.vue
View file @ 65b56907
...@@ -19,22 +19,33 @@ ...@@ -19,22 +19,33 @@
editColItemList: [ editColItemList: [
{ {
label: '编码', label: '案件编码',
prop: 'code', prop: 'ajbm',
span: 12, span: 12,
type: 'input', type: 'input',
required:true,
}, },
{ {
label: '名称', label: '案件名称',
prop: 'name', prop: 'ajmc',
span: 12, span: 12,
type: 'input', type: 'input',
required:true, required:true,
}, },
{ {
label: '备注', label: '案件类型',
prop: 'bz', prop: 'ajlx',
span: 24,
type: 'input'
},
{
label: '办案单位',
prop: 'badw',
span: 24,
type: 'input'
},
{
label: '办案人员',
prop: 'bary',
span: 24, span: 24,
type: 'input' type: 'input'
}, },
......
src/views/baseData/case/index.vue
View file @ 65b56907
...@@ -2,10 +2,11 @@ ...@@ -2,10 +2,11 @@
<BasePage class="min_full" :config="config"> <BasePage class="min_full" :config="config">
<template #dialog="ctx"> <template #dialog="ctx">
<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 --> <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
<Tzzt :app="ctx.basePage" v-if="ctx.basePage.showDialog" />
</template> </template>
<template #toolbar="ctx"> <template #toolbar="ctx">
<!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 --> <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
<!-- <el-button @click="demo(ctx.basePage)" size='mini' type="primary">示例按钮</el-button> --> <el-button @click="tz(ctx.basePage)" size='mini' type="primary">调整状态</el-button>
</template> </template>
</BasePage> </BasePage>
...@@ -13,36 +14,37 @@ ...@@ -13,36 +14,37 @@
<script> <script>
import Edit from './edit.vue' import Edit from './edit.vue'
import Tzzt from './tzzt.vue'
export default { export default {
data() { data() {
return { return {
config: { config: {
/* 基本配置*/ /* 基本配置*/
url: 'jcsj/gysfl', url: 'jcsj/u_ajgl',
tableTitle: [{ tableTitle: [{
title: "案件编码", title: "案件编码",
field: "code", field: "ajbm",
fieldType: "upper", fieldType: "upper",
width: 140 width: 140
}, },
{ {
title: "案件名称", title: "案件名称",
field: "name", field: "ajmc",
width: 140 width: 140
}, },
{ {
title: "办案单位", title: "办案单位",
field: "name", field: "badw",
width: 140 width: 140
}, },
{ {
title: "办案人员", title: "办案人员",
field: "name", field: "bary",
width: 140 width: 140
}, },
{ {
title: "案件状态", title: "案件状态",
field: "name", field: "ajzt",
width: 140 width: 140
}, },
{ {
...@@ -58,21 +60,21 @@ ...@@ -58,21 +60,21 @@
queryParams: [ queryParams: [
[{ [{
label: '案例名称', label: '案例名称',
prop: 'name', prop: 'ajmc',
span: 4, span: 4,
type: 'input', type: 'input',
value: '' value: ''
}, },
{ {
label: '办案单位', label: '办案单位',
prop: 'name', prop: 'badw',
span: 4, span: 4,
type: 'input', type: 'input',
value: '' value: ''
}, },
{ {
label: '办案人员', label: '办案人员',
prop: 'name', prop: 'bary',
span: 4, span: 4,
type: 'input', type: 'input',
value: '' value: ''
...@@ -95,10 +97,14 @@ ...@@ -95,10 +97,14 @@
}, },
methods: { methods: {
tz(ctx){
ctx.DialogTitle='修改状态'
ctx.showDialog=true
}
}, },
components: { components: {
Edit Edit,Tzzt
} }
} }
......
src/views/baseData/case/dialog.vue → src/views/baseData/case/tzzt.vue
View file @ 65b56907
<template> <template>
<DefaultDialog :app='app'> <DefaultDialog :app='app'>
<div slot="form" style="display: flex;height: 70vh;"> <el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
DialogTitle:'新增', <el-row :gutter="20" :app="this">
showDialog:false, <EditColItem :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" />
</div> </el-row>
</el-form>
<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>
...@@ -14,9 +15,11 @@ ...@@ -14,9 +15,11 @@
</template> </template>
<script> <script>
import {
editMixin
} from 'common'
export default { export default {
mixins: [editMixin],
props: { props: {
app: { app: {
type: Object, type: Object,
...@@ -26,18 +29,54 @@ ...@@ -26,18 +29,54 @@
} }
}, },
async mounted() { async mounted() {
}, },
data() { data() {
return { return {
readonly:false,
editColItemList: [
{
label: '案件编码',
prop: 'ajbm',
span: 12,
type: 'input',
readonly:true,
},
{
label: '案件名称',
prop: 'ajmc',
span: 12,
type: 'input',
readonly:true,
},
{
label: '案件类型',
prop: 'ajlx',
span: 12,
type: 'input',
readonly:true,
},
{
label: '状态',
prop: 'zt',
span: 12,
type: 'input'
}
]
} }
}, },
methods: { methods: {
save(){
} this.$refs['form'].validate((valid) => {
if (valid) {
}})
}}
} }
</script> </script>
......
src/views/baseData/thing/index.vue
View file @ 65b56907
<template> <template>
<BasePage :autoQuery="false" class="min_full" :config="config" > <BasePage :autoQuery="false" class="min_full" :config="config">
<template #dialog="ctx" > <template #dialog="ctx">
<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 --> <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
</template> </template>
<template #toolbar="ctx" > <template #toolbar="ctx">
<!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 --> <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
<!-- <el-button @click="demo(ctx.basePage)" size='mini' type="primary">示例按钮</el-button> --> <!-- <el-button @click="demo(ctx.basePage)" size='mini' type="primary">示例按钮</el-button> -->
</template> </template>
<template #tablePagerLeft="ctx" > <template #tablePagerLeft="ctx">
<div class="tablePagerLeft"> <div class="tablePagerLeft">
<TablePager :ref="'TablePager'" :operateButtons='false' :app='app'> <TablePager :ref="'TablePager'" :operateButtons='false' :app='app'>
</TablePager> </TablePager>
</div> </div>
...@@ -21,67 +21,118 @@ ...@@ -21,67 +21,118 @@
<script> <script>
import Edit from './edit.vue' import Edit from './edit.vue'
import { import {
tableMixin tableMixin
} from 'common' } from 'common'
export default{ export default {
mixins: [tableMixin], mixins: [tableMixin],
data(){ data() {
return{ return {
app:this, app: this,
tableTitle:[ tableTitle: [{
{title: "案件编码", field: "code", fieldType:"upper", width: 80}, title: "案件编码",
{title: "案件名称", field: "name"}, field: "ajbm",
fieldType: "upper",
width: 80
},
{
title: "案件名称",
field: "ajmc"
},
], ],
config:{ config: {
/* 基本配置*/ /* 基本配置*/
url:'jcsj/gysfl', url: 'jcsj/gysfl',
tableTitle: [ tableTitle: [{
{title: "编码", field: "code", fieldType:"upper", width: 140}, title: "案件编码",
{title: "名称", field: "name", width: 140}, field: "code",
{title: "停用", field: "tybz",fieldType:"tybz"}, fieldType: "upper",
{title: "停用日期", field: "tyrq", fieldType:"ftDate"}, width: 140
{title: "维护人", field: "whr"}, },
{title: "维护时间", field: "whsj", fieldType:"ftDateTime"}, {
], title: "案件名称",
queryParams:[[ field: "name",
width: 140
},
{
title: "序列号",
field: "tybz",
fieldType: "tybz"
},
{
title: "物品编码",
field: "tyrq",
fieldType: "ftDate"
},
{
title: "物品名称",
field: "tyrq",
fieldType: "ftDate"
},
{
title: "数量",
field: "tyrq",
fieldType: "ftDate"
},
{ {
label: '编码', title: "物品持有人",
prop: 'code', field: "tyrq",
span: 6, fieldType: "ftDate"
type: 'input',
value:''
}, },
{
title: "物品特征",
field: "tyrq",
fieldType: "ftDate"
},
{
title: "维护人",
field: "whr"
},
{
title: "维护时间",
field: "whsj",
fieldType: "ftDateTime"
},
],
queryParams: [
[{
label: '编码',
prop: 'code',
span: 6,
type: 'input',
value: ''
},
{ {
label: '名称', label: '名称',
prop: 'name', prop: 'name',
span: 6, span: 6,
type: 'input', type: 'input',
value:'' value: ''
} }
]], ]
],
} }
} }
}, },
methods: { methods: {
/* 示例*/ /* 示例*/
// demo(basePage){ query:function(params){
return this.$post('jcsj/u_ajgl/query',params)
}
// }
}, },
components:{ components: {
Edit Edit
} }
} }
</script> </script>
<style lang="scss" > <style lang="scss">
.tablePagerLeft{ .tablePagerLeft {
height: 100%; height: 100%;
width: 200px; width: 200px;
} }
......
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