centaline-data-driven-v3 0.0.56 → 0.0.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven-v3",
-  "version": "0.0.56",
+  "version": "0.0.58",
   "private": false,
   "description": "centaline-data-driven-v3",
   "main": "dist/centaline-data-driven-v3.umd.js",

package/src/assets/commonWeb.css

@@ -452,11 +452,11 @@ body {
 .ct-searchtable .ct-tr {
   background-color: #ffffff;
   color: var(--centalineBlack);
+  cursor: default;
 }
 
 .ct-searchtable .ct-tr>.ct-td {
   padding: 2px 20px;
-  cursor: default;
   box-sizing: border-box;
 }
 

package/src/components/Layout/Layout.vue

@@ -18,7 +18,7 @@ const props = defineProps({
     listData: Array,
     apiParam: Object,
     parameterAction: String,
-    formListactionRouter:{
+    formListactionRouter: {
         type: Array,
         default: [],
     },
@@ -218,8 +218,13 @@ function xmlToJson(xml) {
                             }
                             else if (props.vmodel.delete && attribute.nodeValue == 'delete') {
                                 obj["rightRouter"] = true
+                            } 
+                            else if (props.vmodel.delete && attribute.nodeValue == 'moveup') {
+                                obj["rightRouter"] = true
+                            } 
+                            else if (props.vmodel.delete && attribute.nodeValue == 'movedown') {
+                                obj["rightRouter"] = true
                             } else {
-                                
                                 var actionRouter = props.formListactionRouter;
                                 if (actionRouter) {
                                     let field = actionRouter.find((b) => {

package/src/components/Layout/LayoutField.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="model.className" :style="model.styleObject">
+    <div :class="model.className" :style="model.styleObject" v-if="field">
         <component v-if="field.show !== false" ref="Fields" :is="field.is" :vmodel="field" :actionRouter="actionRouter"
             :parameterAction="parameterAction" v-bind="field.bindPara" @change="changeHandler(field)" />
 

package/src/components/app/SearchList/SearchTable.vue

@@ -10,9 +10,9 @@
         <div ref="refTableParent" class="ct-tableParentAPP" :style="'height:' + model.tableHeight + 'px'"
             @scroll="scrollHandle($event)">
             <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
-                <van-list v-if="!tableError" v-model:loading="tableLoading" :error-text="common.LocalizedString('没有查到数据，点我刷新','沒有查到數據，點我刷新')"
-                    :finished="finished" @load="onLoad" :immediate-check="false"
-                    :style="'min-height:' + model.tableHeight + 'px'">
+                <van-list v-if="!tableError" v-model:loading="tableLoading"
+                    :error-text="common.LocalizedString('没有查到数据，点我刷新', '沒有查到數據，點我刷新')" :finished="finished"
+                    @load="onLoad" :immediate-check="false" :style="'min-height:' + model.tableHeight + 'px'">
                     <template v-if="flagPopupSearchlist && singleSelectio">
                         <van-radio-group v-model="checkeds" ref="refCheckboxGroup">
                             <div class="ct-list" v-for="(row, rowindex) in model.listData" :key="rowindex">
@@ -43,7 +43,7 @@
                         </van-checkbox-group>
                     </template>
                 </van-list>
-                <van-empty v-else :description="common.LocalizedString('没有查到数据','沒有查到數據')" />
+                <van-empty v-else :description="common.LocalizedString('没有查到数据', '沒有查到數據')" />
             </van-pull-refresh>
             <div v-if="isoperate || flagPopupSearchlist" style="height: 50px;"></div>
             <div class="safe-area-inset-bottom" style="background-color: #fafafa;"></div>
@@ -59,7 +59,8 @@
         </div>
         <div class="ct-checkboxtips" v-if="isoperate || flagPopupSearchlist">
             <van-checkbox v-if="!singleSelectio" v-model="model.selectAll" shape="square" checked-color="#EE6B6B"
-                icon-size="14px" :indeterminate="model.isIndeterminate" @click="selectAll()">{{common.LocalizedString('本页全选（已选','本頁全選（已選')}}{{ selectCount }}）
+                icon-size="14px" :indeterminate="model.isIndeterminate"
+                @click="selectAll()">{{ common.LocalizedString('本页全选（已选', '本頁全選（已選') }}{{ selectCount }}）
             </van-checkbox>
             <div style="display: flex;flex: 1; justify-content: right;">
                 <template v-if="!flagPopupSearchlist">
@@ -71,7 +72,7 @@
                 </template>
                 <template v-else>
                     <van-button color="#EE6B6B" size="small" @click="confirmClickHandler()"
-                        style=" width: 25%;margin-left: 10px;">{{common.LocalizedString('确认','確認')}}</van-button>
+                        style=" width: 25%;margin-left: 10px;">{{ common.LocalizedString('确认', '確認') }}</van-button>
                 </template>
             </div>
         </div>
@@ -386,6 +387,16 @@ function modeClickHandler() {
 }
 //选择行
 function selectRow(row) {
+    if (props.singleSelectio) {
+        model.value.listData.forEach((ro) => {
+            if (
+                !model.value.rightCheckBoxColumn ||
+                common.getDataOfUpperLower(ro, model.value.rightCheckBoxColumn) == 1
+            ) {
+                ro.$select = false
+            }
+        });
+    }
     row.$select = !row.$select
     SearchTable.setSelectAll(model.value);
     SearchTable.getSelectAll(model.value);
@@ -425,7 +436,7 @@ function nextbnt() {
 }
 function onActionSheet(ev) {
     show.value = false;
-    var field = modeButtons.value.find((v) => {
+    var field = model.value.buttons.find((v) => {
         return v.key == ev.key;
     });
     toolbarClickHandler(field)

package/src/components/web/Button.vue

@@ -64,6 +64,7 @@ import { ElMessage } from 'element-plus'
 const emit = defineEmits(['input', 'fieldClick', 'importComplete'])
 const props = defineProps({
     parameterAction: String,
+    fileData: Object,
     vmodel: Object,
     source: Object,
     flagAppMode: Boolean,
@@ -94,10 +95,9 @@ const headers = computed(() => {
 function clickHandle() {
     emit('fieldClick', model.value);
 }
+
 function handleAvatarSuccess(res) {
-    request.postThenHandler({ data: res }).then(function () {
-        emit('importComplete', res, model.value);
-    });
+    emit('importComplete', res, model.value);
 }
 function handleAvatarError(info) {
     ElMessage({

package/src/components/web/Form.vue

@@ -9,6 +9,21 @@
 
             <!--可根据场景判断显示el-card还是el-main-->
             <component :is="model.showTitle ? 'el-main' : 'el-card'">
+                <!--relationParentFormFields-->
+                <el-row v-if="relationParentFormFields.length > 0">
+                    <template v-for="(col, index) in relationParentFormFields" :key="index">
+                        <div style="display: flex; flex: 0 0 100%;" v-if="col.show !== false && col.lineFeed"></div>
+                        <el-col v-if="col.show !== false" :span="col.colspan" style="padding:5px">
+                            <component ref="Fields" :is="col.is" :vmodel="col" :key="itemKey"
+                                :parameterAction="model.parameterAction" v-bind="col.bindPara" @change="changeHandler"
+                                @fieldClick="fieldClickHandler" @popupSearchList="popupSearchListHandler"
+                                @tableButtonClick="clickHandler" @popupGroupList="popupGroupListHandler"
+                                @flagNotificationParentAfterContentChanged="flagNotificationParentAfterContentChanged">
+                            </component>
+                        </el-col>
+                    </template>
+                </el-row>
+
                 <!--头部元素-->
                 <el-row v-if="model.collapseFields.length > 0">
                     <template v-for="(col, index) in model.collapseFields[0]" :key="index">
@@ -17,7 +32,7 @@
                             <component ref="Fields" :is="col.is" :vmodel="col" :key="itemKey"
                                 :parameterAction="model.parameterAction" v-bind="col.bindPara" @change="changeHandler"
                                 @fieldClick="fieldClickHandler" @popupSearchList="popupSearchListHandler"
-                                @tableButtonClick="clickHandler"
+                                @tableButtonClick="clickHandler" @popupGroupList="popupGroupListHandler"
                                 @flagNotificationParentAfterContentChanged="flagNotificationParentAfterContentChanged">
                             </component>
                         </el-col>
@@ -26,7 +41,7 @@
                 <!--tabs-->
                 <el-tabs v-if="model.isHorizontalLayout" v-model="activeName">
                     <template v-for="(item, index) in model.collapse" :key="index">
-                        <el-tab-pane :label="item.controlLabel" :name="index.toString()" v-if="item.show !== false"
+                        <el-tab-pane :label="item.controlLabel" :name="index.toString()" :lazy="item.lazyLoad" v-if="item.show !== false"
                             :key="index">
                             <el-row>
                                 <template v-for="(col, i) in model.collapseFields[index + 1]" :key="i">
@@ -36,7 +51,8 @@
                                         <component ref="Fields" :is="col.is" :vmodel="col" :key="itemKey"
                                             :parameterAction="model.parameterAction" v-bind="col.bindPara"
                                             @change="changeHandler" @fieldClick="fieldClickHandler"
-                                            @popupSearchList="popupSearchListHandler" @tableButtonClick="clickHandler"
+                                            @popupSearchList="popupSearchListHandler"
+                                            @popupGroupList="popupGroupListHandler" @tableButtonClick="clickHandler"
                                             @flagNotificationParentAfterContentChanged="flagNotificationParentAfterContentChanged">
                                         </component>
                                     </el-col>
@@ -66,7 +82,8 @@
                                         <component ref="Fields" :is="col.is" :vmodel="col" :key="itemKey"
                                             :parameterAction="model.parameterAction" v-bind="col.bindPara"
                                             @change="changeHandler" @fieldClick="fieldClickHandler"
-                                            @popupSearchList="popupSearchListHandler" @tableButtonClick="clickHandler"
+                                            @popupSearchList="popupSearchListHandler"
+                                            @popupGroupList="popupGroupListHandler" @tableButtonClick="clickHandler"
                                             @flagNotificationParentAfterContentChanged="flagNotificationParentAfterContentChanged">
                                         </component>
                                     </el-col>
@@ -83,7 +100,7 @@
                             <component ref="Fields" :is="col.is" :vmodel="col" :parameterAction="model.parameterAction"
                                 v-bind="col.bindPara" @change="changeHandler" :key="itemKey"
                                 @fieldClick="fieldClickHandler" @popupSearchList="popupSearchListHandler"
-                                @tableButtonClick="clickHandler"
+                                @tableButtonClick="clickHandler" @popupGroupList="popupGroupListHandler"
                                 @flagNotificationParentAfterContentChanged="flagNotificationParentAfterContentChanged">
                             </component>
                         </el-col>
@@ -162,7 +179,18 @@ const props = defineProps({
         String,
         default: '',
     },
+    isIframe: {
+      Boolean,
+      default: false,
+    },
+    relationParentFormFields: {
+      Array,
+      default: function () {
+        return [];
+      },
+    },
 })
+
 const itemKey = ref(1)
 const router = useRouter()
 const loading = ref(true)
@@ -205,6 +233,7 @@ function load(data) {
     model.value.parentModelForm = props.parentModelForm
     model.value.$vue = { fieldClickHandler, clickHandler, validExcute, emit, getFormObj, changeCallBackHandler, getFileData, Form, load, init, updateFields, itemKey };
     model.value.$vue.openType = props.openType
+    model.value.isIframe = props.isIframe
     if (model.value.scripts) {
         model.value.scripts.formData = model.value.formData;
         model.value.scripts.formData.form = model.value;
@@ -291,8 +320,8 @@ function validExcute() {
                         setTimeout(function () {
                             if (f.model.controlType == Enum.ControlType.List) {
                                 if (f.$el.offsetParent) {
-                                   let total = f.$el.offsetParent.offsetTop;
-                                   document.querySelector(".ct-dialog_body").children[0].scrollTop = total-50;
+                                    let total = f.$el.offsetParent.offsetTop;
+                                    document.querySelector(".ct-dialog_body").children[0].scrollTop = total - 50;
                                 }
                             }
                             else {
@@ -357,6 +386,10 @@ function changeCallBackHandler(field, callBackFunName, callBackPara) {
 function popupSearchListHandler(singleSelectio, field, router, callBack) {
     Form.popupSearchListHandler(singleSelectio, field, router, model.value, Fields.value, props, callBack)
 }
+//弹出分组列表
+function popupGroupListHandler(field, router, callBack) {
+    Form.popupGroupListHandler(field, router, model.value, Fields.value, props, callBack)
+}
 function flagNotificationParentAfterContentChanged() {
     init();
 }

package/src/components/web/FormList.vue

@@ -135,7 +135,7 @@
                         </template>
                     </el-table-column>
                     <template #empty>
-                        {{common.LocalizedString('暂无数据','暫無數據')}}
+                        {{ common.LocalizedString('暂无数据', '暫無數據') }}
                     </template>
                 </el-table>
             </template>
@@ -177,9 +177,9 @@ model.value.parentModel = props.parentModel;
 model.value.parameterAction = props.parameterAction
 model.value.$vue = { insertOrUpdateRow, insertRow, delRow, deleteAll, insertSingleRow, itemKey };
 model.value.validExcute = () => {
-    var rtn=fieldsValidExcute();
-    if(!rtn){
-        model.value.displayValidMessage=common.LocalizedString('请填写','請填寫')+'['+model.value.controlLabel+']'
+    var rtn = fieldsValidExcute();
+    if (!rtn) {
+        model.value.displayValidMessage = common.LocalizedString('请填写', '請填寫') + '[' + model.value.controlLabel + ']'
     }
     return fieldsValidExcute();
 }
@@ -379,8 +379,8 @@ function getSummaries(param) {
 //验证
 function fieldsValidExcute() {
     var rtnBool = true;
-    if(model.value.required){
-        if(model.value.tableData.length==0){
+    if (model.value.required) {
+        if (model.value.tableData.length == 0) {
             return false;
         }
     }
@@ -400,7 +400,7 @@ function fieldsValidExcute() {
         }
 
     }
-    else if(Fields.value) {
+    else if (Fields.value) {
         Fields.value.forEach((f) => {
             if (f.model.validExcute) {
                 if (!f.model.validExcute()) {
@@ -473,6 +473,26 @@ function rolRouterCellClickHandler(routerKey, rowindex, sourceIndex) {
             emit('change', model.value);
         });
     }
+    else if (routerKey == 'moveup') {
+        if (rowindex === 0) {
+            model.value.tableData.push(model.value.tableData.shift());
+        } else {
+            const temp = model.value.tableData[rowindex - 1];
+            model.value.tableData[rowindex - 1] = model.value.tableData[rowindex];
+            model.value.tableData[rowindex] = temp;
+        }
+        onMoveEnd()
+    }
+    else if (routerKey == 'movedown') {
+        if (rowindex === model.value.tableData.length - 1) {
+            model.value.tableData.unshift(model.value.tableData.pop());
+        } else {
+            const temp = model.value.tableData[rowindex + 1];
+            model.value.tableData[rowindex + 1] = model.value.tableData[rowindex];
+            model.value.tableData[rowindex] = temp;
+        }
+        onMoveEnd()
+    }
     else {
         var router = model.value.buttons.find((v) => {
             return v.key === routerKey;
@@ -512,7 +532,7 @@ function onMoveEnd(event) {
 
 }
 defineExpose({
-  model
+    model
 })
 </script>
 <style scoped>

package/src/components/web/GroupList.vue

@@ -0,0 +1,36 @@
+<template>
+    <ct-field :vmodel="model">
+        <template #Control>
+           
+        </template>
+        <template #Sufbutton v-if="model.moreActionRouter">
+            <div style="margin-left: 5px;">
+                <el-button  size="small" type="primary" class="h26" @click="popupSearchListHandle">
+                    {{ model.moreActionRouter.controlLabel }}</el-button>
+            </div>
+        </template>
+    </ct-field>
+</template>
+<script lang="ts" setup>
+import { initData } from '../../utils/mixins';
+import GroupList from '../../loader/src/GroupList';
+const emit = defineEmits(['input', 'change', 'click','search','popupGroupList'])
+const props = defineProps({
+    parameterAction: String,
+    vmodel: Object,
+    source: Object,
+    from: {
+        type: String,
+        default: ''
+    },
+})
+const model = initData(props, GroupList)
+
+//弹出选择列表
+function popupSearchListHandle() {
+    emit('popupGroupList',model, model.value.moreActionRouter);
+}
+defineExpose({
+    model
+})
+</script>

package/src/components/web/NumberWithPlusAndMinus.vue

@@ -0,0 +1,110 @@
+<template>
+    <div class="ct-field">
+        <div class="el-form-item el-form-item--small">
+            <div class="el-form-item__label" v-if="model.showLabel && model.controlLabel">
+                <div class="requiredLabel">
+                    <span>{{ model.controlLabel }}</span>
+                </div>
+            </div>
+            <div class="fieldControl">
+                <el-input-number v-model="model.maxValue1" :min="1" :max="26" @change="handleChange" />
+            </div>
+        </div>
+    </div>
+    <template v-for="(item, index) in model.value" :key="index">
+        <div class="ct-field" style="margin-top: 10px;" v-if="!item.flagDeleted">
+            <div class="el-form-item el-form-item--small">
+                <div class="el-form-item__label">
+                    <div class="requiredLabel">
+                        <span
+                            style="background-color: #EE6B6B;width: 20px; height: 24px;display: block;line-height: 24px; text-align: center; border-radius: 5px;color: #ffffff;">{{
+                            item.code }}</span>
+                    </div>
+                </div>
+                <div class="fieldControl">
+                    <el-input v-model="item.name" placeholder="" @input="changeOption()" />
+                </div>
+                <span  class="sufLabel" style="background-color: #EE6B6B;border-radius: 50px;width: 20px;height: 20PX;text-align: center;color: #ffffff;cursor: pointer;" @click="handleDelete(item)"><el-icon><Minus /></el-icon></span>
+            </div>
+        </div>
+    </template>
+</template>
+<script lang="ts" setup>
+import { initData } from '../../utils/mixins';
+import NumberWithPlusAndMinus from '../../loader/src/NumberWithPlusAndMinus';
+const emit = defineEmits(['click', 'change', 'search'])
+const props = defineProps({
+    parameterAction: String,
+    vmodel: Object,
+    source: Object,
+})
+const model = initData(props, NumberWithPlusAndMinus)
+function handleChange() {
+    var count = model.value.maxValue1;
+    var rows = model.value.value;
+    const str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+    var newRows = [];
+    for (let i = 0; i < count; i++) {
+        var item = {};
+        item['code'] = str[i];
+
+        var name = '';
+        var rowID = '';
+        if (i < rows.length) {
+            rowID = rows[i]['rowID'];
+            name = rows[i]['name'];
+        }
+
+        item['rowID'] = rowID;
+        item['name'] = name;
+        item['flagDeleted'] = false
+        newRows.push(item)
+    }
+    if(rows.length>count){
+        for (let i = rows.length; i > count; i--){
+            rows[i-1]['flagDeleted']=true
+            newRows.push(rows[i-1])
+        }
+    }
+    model.value.value = newRows;
+    model.value.code1 = newRows;
+}
+function changeOption() {
+    var data = model.value.value.filter((v) => {
+        return v.name != '';
+    });
+    model.value.code1 = data;
+}
+function handleDelete(ev){
+    ev['flagDeleted']=true
+    model.value.maxValue1--;
+    var count = model.value.maxValue1;
+    var rows = model.value.value.filter((v) => {
+        return !v.flagDeleted;
+    });
+    const str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+    var newRows = [];
+    for (let i = 0; i < count; i++) {
+        var item = {};
+        item['code'] = str[i];
+
+        var name = '';
+        var rowID = '';
+        if (i < rows.length) {
+            rowID = rows[i]['rowID'];
+            name = rows[i]['name'];
+        }
+
+        item['rowID'] = rowID;
+        item['name'] = name;
+        item['flagDeleted'] = false
+        newRows.push(item)
+    }
+    newRows.push(ev)
+    model.value.value = newRows;
+    model.value.code1 = newRows;
+}
+defineExpose({
+    model
+})
+</script>

package/src/components/web/PopupGroupList.vue

@@ -0,0 +1,6 @@
+<template>
+
+</template>
+<script setup lang="ts">
+
+</script>