部分参数对应 弹框demo

package.json

@@ -56,6 +56,8 @@
     "quill": "1.3.7",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
+    "three": "^0.148.0",
+    "three.js": "^0.77.1",
     "typescript": "^4.5.2",
     "vue": "2.6.12",
     "vue-class-component": "^7.2.3",

src/api/baseData/case.js

+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

@@ -84,6 +84,20 @@ export const powerRoutes=[
 
           name: '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

+<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

@@ -19,22 +19,33 @@
         editColItemList: [
 
           {
-            label: '编码',
-            prop: 'code',
+            label: '案件编码',
+            prop: 'ajbm',
             span: 12,
             type: 'input',
-            required:true,
           },
           {
-            label: '名称',
-            prop: 'name',
+            label: '案件名称',
+            prop: 'ajmc',
             span: 12,
             type: 'input',
             required:true,
           },
           {
-            label: '备注',
-            prop: 'bz',
+            label: '案件类型',
+            prop: 'ajlx',
+            span: 24,
+            type: 'input'
+          },
+          {
+            label: '办案单位',
+            prop: 'badw',
+            span: 24,
+            type: 'input'
+          },
+          {
+            label: '办案人员',
+            prop: 'bary',
             span: 24,
             type: 'input'
           },

src/views/baseData/case/index.vue

@@ -2,10 +2,11 @@
   <BasePage class="min_full" :config="config">
     <template #dialog="ctx">
       <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+      <Tzzt :app="ctx.basePage"  v-if="ctx.basePage.showDialog" />
     </template>
     <template #toolbar="ctx">
       <!-- 嵌入默认页面工具栏的插槽 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>
 
   </BasePage>
@@ -13,36 +14,37 @@
 
 <script>
   import Edit from './edit.vue'
+  import Tzzt from './tzzt.vue'
   export default {
     data() {
       return {
         config: {
           /* 基本配置*/
-          url: 'jcsj/gysfl',
+          url: 'jcsj/u_ajgl',
           tableTitle: [{
               title: "案件编码",
-              field: "code",
+              field: "ajbm",
               fieldType: "upper",
               width: 140
             },
             {
               title: "案件名称",
-              field: "name",
+              field: "ajmc",
               width: 140
             },
             {
               title: "办案单位",
-              field: "name",
+              field: "badw",
               width: 140
             },
             {
               title: "办案人员",
-              field: "name",
+              field: "bary",
               width: 140
             },
             {
               title: "案件状态",
-              field: "name",
+              field: "ajzt",
               width: 140
             },
             {
@@ -58,21 +60,21 @@
           queryParams: [
             [{
                 label: '案例名称',
-                prop: 'name',
+                prop: 'ajmc',
                 span: 4,
                 type: 'input',
                 value: ''
               },
               {
                 label: '办案单位',
-                prop: 'name',
+                prop: 'badw',
                 span: 4,
                 type: 'input',
                 value: ''
               },
               {
                 label: '办案人员',
-                prop: 'name',
+                prop: 'bary',
                 span: 4,
                 type: 'input',
                 value: ''
@@ -95,10 +97,14 @@
 
     },
     methods: {
+      tz(ctx){
+          ctx.DialogTitle='修改状态'
+          ctx.showDialog=true
+      }
 
     },
     components: {
-      Edit
+      Edit,Tzzt
     }
 
   }

src/views/baseData/case/dialog.vue → src/views/baseData/case/tzzt.vue

 <template>
   <DefaultDialog :app='app'>
-    <div slot="form" style="display: flex;height: 70vh;">
-     DialogTitle:'新增',
-     showDialog:false,
-    </div>
+    <el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
+      <el-row :gutter="20" :app="this">
+        <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"  />
+      </el-row>
+    </el-form>
     <div slot="reFooter" class="refooter" >
       <span slot="footer" class="dialog-footer" >
         <el-button  @click="app.showDialog=false">取 消</el-button>
@@ -14,9 +15,11 @@
 </template>
 <script>
 
-   
+import {
+    editMixin
+  } from 'common'
   export default {
-
+    mixins: [editMixin],
     props: {
       app: {
         type: Object,
@@ -26,18 +29,54 @@
       }
     },
     async mounted() {
-		
-      
+
+
     },
     data() {
       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: {
-	 
-    }
+      save(){
+        this.$refs['form'].validate((valid) => {
+          if (valid) {
+
+          }})
+
+    }}
   }
 </script>
 

src/views/baseData/thing/index.vue

 <template>
-  <BasePage :autoQuery="false"  class="min_full" :config="config" >
-    <template  #dialog="ctx"  >
+  <BasePage :autoQuery="false" class="min_full" :config="config">
+    <template #dialog="ctx">
       <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
     </template>
-    <template  #toolbar="ctx"  >
+    <template #toolbar="ctx">
       <!-- 嵌入默认页面工具栏的插槽 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  #tablePagerLeft="ctx"  >
+    <template #tablePagerLeft="ctx">
       <div class="tablePagerLeft">
-        <TablePager  :ref="'TablePager'" :operateButtons='false' :app='app'>
+        <TablePager :ref="'TablePager'" :operateButtons='false' :app='app'>
 
         </TablePager>
       </div>
@@ -21,67 +21,118 @@
 <script>
   import Edit from './edit.vue'
   import {
-  	tableMixin
+    tableMixin
   } from 'common'
-  export default{
+  export default {
     mixins: [tableMixin],
-    data(){
-      return{
-        app:this,
-        tableTitle:[
-            {title: "案件编码", field: "code", fieldType:"upper",  width: 80},
-            {title: "案件名称", field: "name"},
+    data() {
+      return {
+        app: this,
+        tableTitle: [{
+            title: "案件编码",
+            field: "ajbm",
+            fieldType: "upper",
+            width: 80
+          },
+          {
+            title: "案件名称",
+            field: "ajmc"
+          },
         ],
-        config:{
+        config: {
           /* 基本配置*/
-          url:'jcsj/gysfl',
-          tableTitle: [
-                {title: "编码", field: "code", fieldType:"upper",  width: 140},
-                {title: "名称", field: "name",  width: 140},
-                {title: "停用", field: "tybz",fieldType:"tybz"},
-                {title: "停用日期", field: "tyrq", fieldType:"ftDate"},
-                {title: "维护人", field: "whr"},
-                {title: "维护时间", field: "whsj", fieldType:"ftDateTime"},
-          ],
-          queryParams:[[
+          url: 'jcsj/gysfl',
+          tableTitle: [{
+              title: "案件编码",
+              field: "code",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+              title: "案件名称",
+              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: '编码',
-              prop: 'code',
-              span: 6,
-              type: 'input',
-              value:''
+              title: "物品持有人",
+              field: "tyrq",
+              fieldType: "ftDate"
             },
+            {
+              title: "物品特征",
+              field: "tyrq",
+              fieldType: "ftDate"
+            },
+            {
+              title: "维护人",
+              field: "whr"
+            },
+            {
+              title: "维护时间",
+              field: "whsj",
+              fieldType: "ftDateTime"
+            },
+          ],
+          queryParams: [
+            [{
+                label: '编码',
+                prop: 'code',
+                span: 6,
+                type: 'input',
+                value: ''
+              },
               {
                 label: '名称',
                 prop: 'name',
                 span: 6,
                 type: 'input',
-                value:''
+                value: ''
               }
 
-            ]],
+            ]
+          ],
 
 
-          }
+        }
       }
 
     },
     methods: {
       /* 示例*/
-      // demo(basePage){
+      query:function(params){
+       return this.$post('jcsj/u_ajgl/query',params)
+      }
 
-      // }
     },
-    components:{
+    components: {
       Edit
     }
 
   }
-
 </script>
 
-<style lang="scss" >
-  .tablePagerLeft{
+<style lang="scss">
+  .tablePagerLeft {
     height: 100%;
     width: 200px;
   }