@gonsin/gview 1.0.1 → 1.0.2-alpha.0

package/src/components/MyFormEditor.vue

@@ -1,85 +0,0 @@
-<!--
- * @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

@@ -1,68 +0,0 @@
-<!--
- * @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

@@ -1,49 +0,0 @@
-<!--
- * @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

@@ -1,92 +0,0 @@
-<!--
- * @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

@@ -1,122 +0,0 @@
-<!--
- * @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

@@ -1,72 +0,0 @@
-<!--
- * @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

@@ -1,82 +0,0 @@
-<!--
- * @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

@@ -1,84 +0,0 @@
-<!--
- * @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>