@gonsin/gview 1.0.1-alpha.0

package/src/components/MyFormEditor.vue

@@ -0,0 +1,85 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-04-29 16:16:26
+ * @LastEditTime: 2022-05-04 09:35:20
+ * @LastEditors: lzx lzx@gonsin.cn
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \gview\src\components\MyFormAutocomplete copy 3.vue
+-->
+<!--
+ * @Author: your name
+ * @Date: 2022-04-28 15:10:38
+ * @LastEditTime: 2022-04-28 15:21:02
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \gview\src\components\MyFormCheckBox copy.vue
+-->
+
+<template>
+    <div class="my_ueditor">
+        <quill-editor
+            :content="content"
+            :options="editorOption"
+            @change="onEditorChange($event)"
+        />
+    </div>
+</template>
+
+<script>
+
+
+import "quill/dist/quill.core.css";
+import "quill/dist/quill.snow.css";
+import "quill/dist/quill.bubble.css";
+import { quillEditor } from "vue-quill-editor";
+export default {
+    props: {
+        value: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    watch: {
+        value() {
+            this.childData = this.value;
+        },
+    },
+    components: {
+        quillEditor,
+    },
+    data() {
+        return {
+            content: '<h2>I am Example</h2>',
+            editorOption: {
+
+            },
+            childData: "",
+        };
+    },
+    created() {
+       
+    },
+    computed: {
+        editor() {
+            return this.$refs.myQuillEditor.quill;
+        },
+    },
+    mounted() {
+
+    },
+    methods: {
+        onEditorChange({ quill, html, text }) {
+            console.log("editor change!", quill, html, text);
+            this.content = html;
+        },
+        forceUpdate(e) {
+            this.$emit("update:value", e);
+        },
+    },
+    destroyed() {
+        
+    },
+};
+</script>
+<style lang="scss" scoped>
+</style>

package/src/components/MyFormInput.vue

@@ -0,0 +1,68 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-04-28 09:30:27
+ * @LastEditTime: 2022-11-19 14:43:41
+ * @LastEditors: lrm lrm@gonsin.cn
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \client\src\components\MyFormInput.vue
+-->
+
+<template>
+    <div class="my_input">
+        <el-input
+            :prefix-icon="icon"
+            v-model="childData"
+            :placeholder="placeholders"
+            :size="size"
+            @input="forceUpdate($event)"
+        ></el-input>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        placeholders:{
+            type:String
+        },
+        value:{
+           type:String | Number
+        },
+        targetViewName:{
+            type:String
+        },
+        size:{
+           type:String,
+           default:'medium',
+        },
+        icon:{
+            type:String,
+            default:'',
+        }
+    },
+    watch:{
+        value(){
+                this.childData = this.value
+        },
+    },
+    components: {
+    },
+    data() {
+        return {
+            childData:this.value,
+        };
+    },
+    mounted(){
+
+
+    },
+    methods: {
+        forceUpdate(e) {
+            // this.$forceUpdate(); // @change="forceUpdate($event)"主要是解决clear图标响应问题
+            this.$emit('update:value',e) 
+        },
+    },
+};
+</script>
+<style lang="scss" scoped>
+</style>

package/src/components/MyFormLine.vue

@@ -0,0 +1,49 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-04-29 11:45:59
+ * @LastEditTime: 2022-04-29 11:46:20
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \gview\src\components\MyFormAutocomplete copy.vue
+-->
+<!--
+ * @Author: your name
+ * @Date: 2022-04-28 15:10:38
+ * @LastEditTime: 2022-04-28 15:21:02
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \gview\src\components\MyFormCheckBox copy.vue
+-->
+
+<template>
+    <div class="my_line">
+        <el-divider></el-divider>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        
+    },
+    watch:{
+        
+    },
+    components: {
+    },
+    data() {
+        return {
+          
+        };
+    },
+    mounted(){
+
+        
+    },
+    methods: {
+        
+    },
+};
+</script>
+<style lang="scss" scoped>
+</style>

package/src/components/MyFormRadio.vue

@@ -0,0 +1,92 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-04-29 16:16:09
+ * @LastEditTime: 2022-11-17 15:22:40
+ * @LastEditors: lrm lrm@gonsin.cn
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \client\src\components\MyFormRadio.vue
+-->
+<template>
+    <div class="my_radio">
+        <el-radio-group v-model="childData" @change="forceUpdate">
+            <el-radio 
+                :label="item.value" 
+                v-for="(item,index) in selectList" 
+                :key="index">
+                    {{item.label}}
+            </el-radio>
+        </el-radio-group>
+    </div>
+</template>
+
+<script>
+import * as api from '../api'
+
+export default {
+    props: {
+        value:{
+            type: Number | Boolean | String,
+            default:'',
+        },
+        target:{
+            type: Object
+        },
+        targetViewName:{
+            type: String
+        },
+        size:{
+            type: String,
+            default:'medium',
+        },
+    },
+    data() {
+        return {
+            childData: this.value,
+            selectList: [],
+        };
+    },
+    watch:{
+        value(){
+            this.childData = this.value
+        },
+    },
+    components: {
+    },
+    mounted(){
+        this.getSelect(this.target);
+    },
+    methods: {
+        forceUpdate(e) {
+            this.$emit('update:value',e) 
+        },
+        //获取下拉的数据
+        getSelect(item) {
+            api
+                .getViewData({
+                    viewName: this.targetViewName,
+                    dataId:item.listData.dataId,
+                })
+                .then((res) => {
+                    if (res.data.state == 200) {
+                        let list = res.data.data;
+                        
+                        if (list != null && list.length != 0) {
+                            let arr = [];
+                            list.forEach((items) => {
+                                arr.push({
+                                    label: items[item.listData.keyName],
+                                    value: JSON.parse(items[item.listData.valueName]),
+                                });
+                            });
+                            this.selectList = arr;
+                        }
+                    } else {
+
+                    }
+                });
+        },
+    },
+};
+</script>
+<style lang="scss" scoped>
+</style>

package/src/components/MyFormSelect.vue

@@ -0,0 +1,122 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-04-28 09:30:27
+ * @LastEditTime: 2022-11-21 11:12:48
+ * @LastEditors: lrm lrm@gonsin.cn
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \client\src\components\MyFormSelect.vue
+-->
+<!--
+ * @Author: your name
+ * @Date: 2022-04-22 15:51:20
+ * @LastEditTime: 2022-04-27 17:47:53
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \gview\src\components\MyDialog.vue
+-->
+
+<template>
+    <div class="my_select">
+        <el-select
+            v-model="childData"
+            :size="size"
+            :multiple="multi"
+            :placeholder="target.name"
+            @change="forceUpdate($event)"
+        >
+            <el-option
+                v-for="item in selectList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+            >
+            </el-option>
+        </el-select>
+    </div>
+</template>
+
+<script>
+import * as api from '../api'
+
+export default {
+    props: {
+        value:{
+           type:String | Number
+        },
+        target:{
+            type:Object
+        },
+        targetViewName:{
+            type:String
+        },
+        size:{
+            type:String,
+            default:'medium',
+        },
+        multi:{
+            type:Boolean,
+            default:false,
+        },
+        isSearch:{
+            type:Boolean,
+            default:false,
+        }
+    },
+    data() {
+        return {
+            childData:this.value,
+            // selectList:this.target.selectList,
+            selectList:[],
+            show:true,
+        };
+    },
+    watch:{
+        value(){
+            this.childData = this.value
+        },
+    },
+    components: {
+    },
+    mounted(){
+        this.getSelect(this.target,false);
+    },
+    methods: {
+        //获取下拉的数据
+        getSelect(item) {
+            api
+                .getViewData({
+                    viewName: this.targetViewName,
+                    dataId:item.listData.dataId,
+                })
+                .then((res) => {
+                    if (res.data.state == 200) {
+                        let list = res.data.data;
+                        if (list != null && list.length != 0) {
+                            let arr = [];
+                            list.forEach((items) => {
+                                if(items != null) {
+                                    arr.push({
+                                        label: items[item.listData.titleName],
+                                        value: items[item.listData.keyName],
+                                    });
+                                }
+                            });
+                            this.selectList = arr;
+                        }
+                    } else {
+
+                    }
+                });
+        },
+        forceUpdate(e) {
+            // this.$forceUpdate(); // @change="forceUpdate($event)"主要是解决clear图标响应问题
+            this.$emit('update:value',e)
+            if(this.isSearch){
+                this.$emit('changeSearch')
+            }
+        },
+    },
+};
+</script>
+<style lang="scss" scoped>
+</style>

package/src/components/MyFormSelectDate.vue

@@ -0,0 +1,72 @@
+<!--
+ * @Author: lrm lrm@gonsin.cn
+ * @Date: 2022-10-25 15:17:48
+ * @LastEditors: lrm lrm@gonsin.cn
+ * @LastEditTime: 2022-11-17 14:53:53
+ * @FilePath: \client\src\components\MyFormSelectDate.vue
+ * @Description: 
+ * 
+ * Copyright (c) 2022 by lrm lrm@gonsin.cn, All Rights Reserved. 
+-->
+<template>
+    <div class="my_select_date">
+        <el-date-picker v-model="childData" 
+                        type="date" 
+                        placeholder="选择日期"  
+                        :size="size" 
+                        value-format="timestamp"  
+                        @change="forceUpdate($event)">
+        </el-date-picker>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        value: {
+            type: String | Number
+        },
+        target: {
+            type: Object,
+        },
+        targetViewName: {
+            type: String,
+        },
+        size: {
+            type: String,
+            default: "medium",
+        },
+        isSearch: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    data() {
+        return {
+            childData: this.value,
+        };
+    },
+    watch: {
+        value() {
+            this.childData = this.value;
+        },
+    },
+    components: {},
+    mounted() {
+        if (this.value === 0) {
+            this.childData = null
+        } 
+    },
+    methods: {
+        forceUpdate(e) {
+            // this.$forceUpdate(); // @change="forceUpdate($event)"主要是解决clear图标响应问题
+            this.$emit("update:value", e);
+            if (this.isSearch) {
+                this.$emit("changeSearch");
+            }
+        },
+    },
+};
+</script>
+<style lang="scss" scoped>
+</style>

package/src/components/MyFormSelectDateTime.vue

@@ -0,0 +1,82 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-04-28 09:30:27
+ * @LastEditTime: 2022-11-19 15:10:16
+ * @LastEditors: lrm lrm@gonsin.cn
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \client\src\components\MyFormSelectDateTime.vue
+-->
+<!--
+ * @Author: your name
+ * @Date: 2022-04-22 15:51:20
+ * @LastEditTime: 2022-04-27 17:47:53
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \gview\src\components\MyDialog.vue
+-->
+
+<template>
+    <div class="my_select">
+        <el-date-picker
+            v-model="childData"
+            type="datetime"
+            value-format="timestamp"
+            :size="size"
+            placeholder="选择日期时间"
+            :default-value="Date.now()"
+            @change="forceUpdate($event)"
+        >
+        </el-date-picker>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        value: {
+            type: String | Number  
+        },
+        target: {
+            type: Object,
+        },
+        targetViewName: {
+            type: String,
+        },
+        size: {
+            type: String,
+            default: "medium",
+        },
+        isSearch: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    data() {
+        return {
+            childData: this.value,
+        };
+    },
+    watch: {
+        value() {
+            this.childData = this.value;
+        },
+    },
+    components: {},
+    mounted() {
+        if (this.value === 0) {
+            this.childData = null
+        } 
+    },
+    methods: {
+        forceUpdate(e) {
+            // this.$forceUpdate(); // @change="forceUpdate($event)"主要是解决clear图标响应问题
+            this.$emit("update:value", e);
+            if (this.isSearch) {
+                this.$emit("changeSearch");
+            }
+        },
+    },
+};
+</script>
+<style lang="scss" scoped>
+</style>

package/src/components/MyFormSelectTime.vue

@@ -0,0 +1,84 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-04-28 09:30:27
+ * @LastEditTime: 2022-11-17 15:29:08
+ * @LastEditors: lrm lrm@gonsin.cn
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \client\src\components\MyFormSelectTime.vue
+-->
+<!--
+ * @Author: your name
+ * @Date: 2022-04-22 15:51:20
+ * @LastEditTime: 2022-04-27 17:47:53
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \gview\src\components\MyDialog.vue
+-->
+
+<template>
+    <div class="my_select_time">
+        <el-time-picker
+            v-model="childData"
+            :size="size"
+            placeholder="请选择时间"
+            @change="forceUpdate($event)"
+        >
+        </el-time-picker>
+    </div>
+</template>
+
+<script>
+import moment from 'moment';
+export default {
+    props: {
+        value: {
+            type: String | Number,
+        },
+        target: {
+            type: Object,
+        },
+        targetViewName: {
+            type: String,
+        },
+        size: {
+            type: String,
+            default: "medium",
+        },
+        isSearch:{
+            type:Boolean,
+            default:false,
+        }
+    },
+    data() {
+        return {
+            childData: this.value,
+        };
+    },
+    watch: {
+        value() {
+            this.childData = this.value;
+        },
+    },
+    components: {},
+    mounted() {
+        if (this.value === 0) {
+            this.childData = null
+        } 
+    },
+    methods: {
+        forceUpdate(e) {
+            console.log(e);
+            let now = moment(e).valueOf();
+            let start = moment(e).startOf('day').valueOf();
+            let time = parseInt(now) - parseInt(start);
+            // console.log(time);
+            this.$emit("update:value", time);
+            if(this.isSearch){
+                this.$emit('changeSearch')
+            }
+        },
+    },
+};
+</script>
+<style lang="scss" scoped>
+</style>