表格类型需求变动完善

com.actionsoft.apps.coe.pal/src/views/method/MethodAttribute.vue

@@ -335,9 +335,18 @@
                         <awsui-form-item label="类型">
                             <awsui-select v-model="attrForm.type" :disabled="!attrForm.isCreate" :options="attrForm.typeOpts" @change="changeAttrType"></awsui-select>
                         </awsui-form-item>
-                      <awsui-form-item label="属性描述" prop="desc">
+                        <!-- table限制 -->
-                        <awsui-input v-model="attrForm.desc" placeholder="请输入属性描述"></awsui-input>
+                        <template v-if="attrForm.type=='table'">
-                      </awsui-form-item>
+                          <awsui-form-item  label="表格列名1" >
+                            <awsui-input v-model="attrForm.tableRef.firstColumn" placeholder="请输入列名1"></awsui-input>
+                          </awsui-form-item>
+                          <awsui-form-item label="表格列名2">
+                            <awsui-input v-model="attrForm.tableRef.secondColumn" placeholder="请输入列名2"></awsui-input>
+                          </awsui-form-item>
+                        </template>
+                        <awsui-form-item label="属性描述" prop="desc">
+                          <awsui-input v-model="attrForm.desc" placeholder="请输入属性描述"></awsui-input>
+                        </awsui-form-item>
                         <!-- relation限制 -->
                         <template v-if="attrForm.type=='relation'">
                             <awsui-form-item label="关联的建模方法">
@@ -505,6 +514,10 @@
                         scope: [],
                         multiple: 'false'
                     },
+                    tableRef: {
+                      firstColumn: '',
+                      secondColumn: '',
+                    },
                     value: '',
                     readonly: false,
                     isRequired: false,
@@ -791,6 +804,10 @@
                         scope: [],
                         multiple: 'false'
                     },
+                    tableRef: {
+                      firstColumn: '',
+                      secondColumn: ''
+                    },
                     value: '',
                     readonly: false,
                     isRequired: false,
@@ -869,6 +886,10 @@
                     form.awsorgRef.scope = row.awsorgRef.scope;
                     form.awsorgRef.multiple = row.awsorgRef.multiple ? "true" : "false";
                 }
+                if (form.type == 'table') {
+                  form.tableRef.firstColumn = row.tableRef.firstColumn
+                  form.tableRef.secondColumn = row.tableRef.secondColumn
+                }
                 // 类型为pal bpm 时 只读行为不可选
                 let arr = ['relation','awsorg'];
                 let type = form.type;
@@ -889,7 +910,6 @@
                 form.bpmShapeShow = row.bpmFileShow;
                 this.initDrawer('修改属性');
                 this.getAttrOptsParam(row.scope);
-                 console.log(this.attrForm)
             },
             // 获取一些选择框参数
             getAttrOptsParam(scope) {
@@ -1006,6 +1026,14 @@
                     form.ref.multiple = form.ref.multiple == 'true' ? true : false;// 转换为boolean
                     form.ref = JSON.stringify(form.ref);
                 }
+                if (form.type == 'table') {
+                  if (form.tableRef.firstColumn == '' || form.tableRef.secondColumn == '') {
+                    that.$message({message: '[列名]不允许为空',type: 'warning'});
+                    return false;
+                  }
+                  form.ref = form.tableRef;
+                  form.ref = JSON.stringify(form.ref);
+                }
                 const data = {
                     url:'jd',
                     data:{
@@ -1245,6 +1273,8 @@
                 this.attrForm.relationRef.type = '';
                 this.attrForm.awsorgRef.scope = [];
                 this.attrForm.awsorgRef.multiple = 'false';
+                this.attrForm.tableRef.firstColumn = ''
+                this.attrForm.tableRef.secondColumn = ''
                 this.attrForm.value = '';
             },
             initDrawerBodyHeight() {

com.actionsoft.apps.coe.pal/src/views/repository/RepositoryInfoProperty.vue

@@ -172,7 +172,7 @@
               <div class="property-item">
                 <label class="property-label">{{item.label}}</label>
                 <div class="property-value">
-                  <el-input :size=size :disabled="item.readonly" v-model="item.value.name">
+                  <el-input :size=size :disabled="item.readonly" readonly v-model="dialogTableInput">
                     <template slot="suffix">
                       <i style="font-size: 20px;line-height: 36px" class="el-icon-s-grid" @click="openTableDialog(item.id,item.value,item.attrSource)"></i>
                     </template>
@@ -214,6 +214,7 @@
           id="tableDialog"
           width="500px"
           :visible.sync="tableDialogVisible"
+          :title="dialogTableNewValue.name"
           v-if="tableDialogVisible"
           :modal-append-to-body=true
           :close-on-click-modal=false
@@ -221,30 +222,18 @@
           :show-close=false
           destroy-on-close
       >
-        <template slot="title">
-          <el-tooltip placement="top-start">
-            <div slot="content">{{ dialogTableNewValue.name }}</div>
-            <el-input class="titleInput" v-model="dialogTableNewValue.name"/>
-          </el-tooltip>
-        </template>
         <div style="height: 300px;overflow: auto;">
           <table class="table">
             <tr>
               <td style="width: 25%">
-                <el-tooltip placement="top-start">
+                <span class="tableHead">{{ dialogTableNewValue.table[0].name }}</span>
-                  <div slot="content">{{ dialogTableNewValue.table[0].name }}</div>
-                  <el-input class="headInput" v-model="dialogTableNewValue.table[0].name" size="mini"/>
-                </el-tooltip>
               </td>
               <td style="width: 55%">
-                <el-tooltip placement="top-start">
+                <span class="tableHead">{{ dialogTableNewValue.table[0].desc }}</span>
-                  <div slot="content">{{ dialogTableNewValue.table[0].name }}</div>
-                  <el-input class="headInput" v-model="dialogTableNewValue.table[0].desc" size="mini"/>
-                </el-tooltip>
               </td>
               <td><span style="font-size: 14px;color: #909399;font-weight: bold;font-family: PingFangSC-Light;">操作</span></td>
             </tr>
-            <tr v-for="item in dialogTableNewValue.table.slice(1)">
+            <tr v-for="item in dialogTableNewValue.table.slice(1)" :key="item.id">
               <td>
                 <el-tooltip placement="top-start">
                   <div slot="content">{{ item.name }}</div>
@@ -328,6 +317,7 @@
           currRelationType: '',
           currPropSource: '',
           tableDialogVisible: false,
+          dialogTableInput: '请输入',
           dialogTableId: '',
           dialogTableOldValue: {},    // 弹框表格值副本  刚打开dialog的值    点击取消会把该值保存到数据库
           dialogTableNewValue: {      // 弹框表格值  对表格的更新操作在此进行   点击确定会把该值保存到数据库
@@ -362,13 +352,19 @@
               propertyData.forEach(item => {
                 item.data.forEach(item1 => {
                   if (item1.type == 'table' && JSON.stringify(item1.value) == '{}') {
+                    let tableRef = JSON.parse(item1.ref)
                     item1.value = {
-                      name: '未命名表单',
+                      name: item1.label,
-                      table: [
+                      table:[
-                        { id: 'table_head',name: '命名',desc: '描述'}
+                        { id: 'table_head',name: tableRef.firstColumn,desc: tableRef.secondColumn}
                       ]
                     }
                   }
+                  if (item1.type == 'table' && JSON.stringify(item1.value) !== '{}') {
+                    that.dialogTableInput = item1.value.table.length > 1 ? '请查看' : '请输入'
+                    let tableRef = JSON.parse(item1.ref)
+                    item1.value.table[0] = { id: 'table_head',name: tableRef.firstColumn,desc: tableRef.secondColumn}
+                  }
                 })
               })
               that.propertyData = propertyData;
@@ -680,18 +676,19 @@
     display: inline-block;
     width: 85%;
   }
+  #tableDialog {
+    cursor: pointer;
+  }
   #tableDialog  >>> .el-dialog__body {
     padding: 10px 20px;
     color: #606266;
     font-size: 14px;
     word-break: break-all;
-    cursor: pointer;
   }
   #tableDialog  >>> .el-input__inner {
     border: none;
     padding: 0;
     text-overflow: ellipsis;
-    cursor: pointer;
   }
   .table {
     width: 100%;
@@ -709,7 +706,7 @@
     font-size: 18px;
     font-family: PingFangSC-Light;
   }
-  .headInput >>> .el-input__inner {
+  .tableHead  {
     font-size: 14px;
     color: #909399;
     font-weight: bold;