cloud-web-corejs 1.0.54-dev.31 → 1.0.54-dev.310

package/src/components/xform/form-render/container-item/data-table-item.vue

@@ -2,7 +2,9 @@
   <vxe-grid :ref="widget.id" v-bind="vxeOption" :auto-resize="true" v-show="!widget.options.hidden"
             @resizable-change="$vxeTableUtil.onColumnWitchChange" @custom="$vxeTableUtil.customHandle"
             @checkbox-change="handleCheckboxChange" @checkbox-all="handleCheckboxAll"
-            @cell-dblclick="handleCellDblclick" :class="dataTableConfig.class" :data="fieldModel">
+            @cell-dblclick="handleCellDblclick" :class="dataTableConfig.class"
+            :data="fieldModel"
+  >
     <template #form>
       <!--            <div v-if="widget.options.showSearchArea" class="clearfix screen-btns">
                     <div class="fl">
@@ -99,7 +101,7 @@
                     </template>
                   </div>-->
 
-      <tableForm v-if="widget.options.isQueryTable" :formData.sync="formModel"
+      <tableForm v-if="widget.options.isQueryTable" :formData.sync="formModel" :xform="true"
                  @searchEvent="searchEvent" @resetEvent="resetEvent" @advancedClear="advancedClear"
                  @settingConfirm="tableFormSettingConfirm">
         <template #buttonLeft>
@@ -148,7 +150,7 @@
           </vxe-button>
         </template>
 
-        <template v-for="(subWidget, swIdx) in widget.widgetList" v-slot:[subWidget.options.name]="{slotFormData}">
+        <template v-for="(subWidget, swIdx) in widget.widgetList" v-slot:[subWidget.options.name]>
           <component
             v-if="'container' !== subWidget.category"
             :key="swIdx"
@@ -166,7 +168,6 @@
         </template>
 
         <template #searchWidget="{searchColumn}">
-          {{ searchColumn.widget.type }}
           <component
             :is="searchColumn.widget.type + '-widget'"
             :field="searchColumn.widget"
@@ -183,54 +184,97 @@
         </template>
 
       </tableForm>
-      <treeMoveDialog v-if="showTreeMoveDialog" :visiable.sync="showTreeMoveDialog" :rows.sync="sortRows" :parent-target="_self" @confirm="confirmTreeMoveDialog"></treeMoveDialog>
+      <treeMoveDialog v-if="showTreeMoveDialog" :visiable.sync="showTreeMoveDialog" :rows.sync="sortRows"
+                      :parent-target="_self" @confirm="confirmTreeMoveDialog"></treeMoveDialog>
     </template>
-    <template v-for="fieldWidget in widgets" v-slot:[fieldWidget.id]="obj">
-      <component
-        :is="getColumnWidgetName(fieldWidget)"
-        :field="fieldWidget"
-        :form-model="globalModel.formModel"
-        :designer="null"
-        :key="fieldWidget.id"
-        :parent-widget="widget"
-        :columnConfig="obj.column.params.columnConfig"
-        :subFormRowIndex="obj.rowIndex"
-        :formItemProp="getColumnProp(widget,obj)"
-        :tableParam="obj"
-      >
-        <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
-          <slot :name="slot" v-bind="scope"/>
+    <!--    <template v-for="fieldWidget in widgets" v-slot:[fieldWidget.id]="obj">
+          <component
+            :is="getColumnWidgetName(fieldWidget)"
+            :field="fieldWidget"
+            :form-model="globalModel.formModel"
+            :designer="null"
+            :key="fieldWidget.id+'-'+obj.rowIndex"
+            :parent-widget="widget"
+            :columnConfig="obj.column.params.columnConfig"
+            :subFormRowIndex="obj.rowIndex"
+            :formItemProp="getColumnProp(widget,obj)"
+            :tableParam="obj"
+          >
+            <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
+              <slot :name="slot" v-bind="scope"/>
+            </template>
+          </component>
+        </template>-->
+    <template #widget="obj">
+      <template
+        v-if="!!fieldSchemaMap[obj.row._X_ROW_KEY] && fieldSchemaMap[obj.row._X_ROW_KEY][obj.column.params.widget.id]">
+        <template v-if="obj.column.params.widget.type == 'status'">
+          <template
+            v-for="(item,index) in fieldSchemaMap[obj.row._X_ROW_KEY][obj.column.params.widget.id].options.statusParam">
+            <span
+              v-if="obj.row[getFieldKeyName(fieldSchemaMap[obj.row._X_ROW_KEY][obj.column.params.widget.id])]===item.value"
+              :key="fieldSchemaMap[obj.row._X_ROW_KEY][obj.column.params.widget.id].id+'-'+index" class="list-tag"
+              :class="item.type">{{ getI18nLabel(item.label) }}</span>
+          </template>
         </template>
-      </component>
+        <component
+          v-else
+          :is="getColumnWidgetName(obj.column.params.widget)"
+          :field="fieldSchemaMap[obj.row._X_ROW_KEY][obj.column.params.widget.id]"
+          :form-model="globalModel.formModel"
+          :designer="null"
+          :key="fieldSchemaMap[obj.row._X_ROW_KEY][obj.column.params.widget.id].id"
+          :parent-widget="widget"
+          :columnConfig="obj.column.params.columnConfig"
+          :subFormRowIndex="obj.rowIndex"
+          :formItemProp="getColumnProp(widget,obj)"
+          :subFormRowId="obj.row._X_ROW_KEY"
+          :tableParam="obj"
+        >
+          <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
+            <slot :name="slot" v-bind="scope"/>
+          </template>
+        </component>
+      </template>
+
     </template>
-    <template #widget="obj">
-      <component
-        :is="getColumnWidgetName(obj.column.params.widget)"
-        :field="obj.column.params.widget"
-        :form-model="globalModel.formModel"
-        :designer="null"
-        :key="obj.column.params.widget.id"
-        :parent-widget="widget"
-        :columnConfig="obj.column.params.columnConfig"
-        :subFormRowIndex="obj.rowIndex"
-        :formItemProp="getColumnProp(widget,obj)"
-        :tableParam="obj"
-      >
-        <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
-          <slot :name="slot" v-bind="scope"/>
+    <template #widgetList="obj">
+      <div>
+        <template v-for="(fieldWidget,index) in obj.column.params.widgetList">
+          <component
+            v-if="!!fieldSchemaMap[obj.row._X_ROW_KEY]"
+            :is="getColumnWidgetName(fieldWidget)"
+            v-bind="getRowWidgetOption(obj,fieldWidget)"
+            :form-model="globalModel.formModel"
+            :designer="null"
+            :key="getRowWidgetKey(obj,fieldWidget)"
+            :parent-widget="widget"
+            :columnConfig="obj.column.params.columnConfig"
+            :subFormRowIndex="obj.rowIndex"
+            :subFormRowId="obj.row._X_ROW_KEY"
+            formItemProp="false"
+            :tableParam="obj"
+          >
+            <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
+              <slot :name="slot" v-bind="scope" :tableParam="obj"/>
+            </template>
+          </component>
         </template>
-      </component>
+
+      </div>
     </template>
     <template #editWidget="obj">
       <component
+        v-if="!!fieldSchemaMap[obj.row._X_ROW_KEY]"
         :is="getColumnWidgetName(obj.column.params.editWidget)"
-        :field="obj.column.params.editWidget"
+        :field="fieldSchemaMap[obj.row._X_ROW_KEY][obj.column.params.editWidget.id]"
         :form-model="globalModel.formModel"
         :designer="null"
-        :key="obj.column.params.editWidget.id"
+        :key="fieldSchemaMap[obj.row._X_ROW_KEY][obj.column.params.editWidget.id].id"
         :parent-widget="widget"
         :columnConfig="obj.column.params.columnConfig"
         :subFormRowIndex="obj.rowIndex"
+        :subFormRowId="obj.row._X_ROW_KEY"
         :formItemProp="getColumnProp(widget, obj,true)"
         :tableParam="obj"
       >
@@ -260,7 +304,7 @@
             <el-tooltip :enterable="false" effect="dark" content="新增" placement="top"
                         popper-class="tooltip-skin"><i class="el-icon-circle-plus-outline"></i></el-tooltip>
           </a>
-          <a @click="editRowEvent(obj)" class="a-link" data-tit="行编辑" v-if="obj.row && obj.row.parent !== 0">
+          <a @click="editRowEvent(obj)" class="a-link" data-tit="行编辑">
             <el-tooltip :enterable="false" effect="dark" content="行编辑" placement="top"
                         popper-class="tooltip-skin"><i class="el-icon-edit-outline"></i></el-tooltip>
           </a>
@@ -310,13 +354,13 @@ export default {
   },
   mixins: [dataTableMixin],
   computed: {
-    heightStyle() {
+    /*heightStyle() {
       let tableHeight = this.widget.options.tableHeight;
       if (tableHeight && (tableHeight == 'auto' || tableHeight.slice(-1) == '%')) {
         return 'height:100%';
       }
       return '';
-    }
+    }*/
   }
 };
 </script>