cloud-web-corejs 1.0.54-dev.16 → 1.0.54-dev.161

package/src/components/xform/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.defaultValue')">
-    <el-input-number v-model="optionModel.defaultValue" :min="0" :max="optionModel.max" style="width: 100%"
+    <el-input-number v-model="optionModel.defaultValue" :max="optionModel.max" style="width: 100%"
                      @change="emitDefaultValueChange">
     </el-input-number>
   </el-form-item>

package/src/components/xform/form-designer/setting-panel/property-editor/field-table-export-button/table-export-button-editor.vue

@@ -9,18 +9,27 @@
     <el-form-item label="表格唯一名称">
       <el-input v-model="optionModel.tableRef"></el-input>
     </el-form-item>
-  <el-form-item label="导出参数" label-width="150px">
-    <a href="javascript:void(0);" class="a-link link-oneLind" @click="editEventHandler('tableExportParam', eventParams)">
-      <span>{{ optionModel.tableExportParam }}</span>
-      <i class="el-icon-edit"></i>
-    </a>
-  </el-form-item>
+    <el-form-item label="导出列表显示图片">
+      <el-switch v-model="optionModel.showImageAtTable" @change="changeShowImageAtTable"></el-switch>
+    </el-form-item>
+    <el-form-item label="导出每页查询数量">
+      <base-input-number v-model="optionModel.exportPageSize"
+                         :max="optionModel.showImageAtTable?150:1000"></base-input-number>
+    </el-form-item>
+    <el-form-item label="导出参数" label-width="150px">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('tableExportParam', eventParams)">
+        <span>{{ optionModel.tableExportParam }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
   </div>
 </template>
 
 <script>
 import i18n from "../../../../../../components/xform/utils/i18n";
-import eventMixin from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
+import eventMixin
+  from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
 
 export default {
   name: "table-export-button-editor",
@@ -35,6 +44,16 @@ export default {
       eventParams: [],
     };
   },
+  methods: {
+    changeShowImageAtTable(val) {
+      if (val) {
+        let exportPageSize = this.optionModel.exportPageSize || 0;
+        if (exportPageSize > 150) {
+          this.optionModel.exportPageSize = 150
+        }
+      }
+    }
+  }
 };
 </script>
 

package/src/components/xform/form-designer/setting-panel/property-editor/field-vabUpload/field-vabUpload-editor.vue

@@ -1,5 +1,34 @@
 <template>
-  <div></div>
+  <div>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">文件信息设置</el-divider>
+    </el-form-item>
+    <el-form-item :label="i18nt('隐藏所有文件信息')">
+      <el-switch v-model="optionModel.hideFileInfo"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('隐藏文件名')">
+      <el-switch v-model="optionModel.hideFileName"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('显示文件大小')">
+      <el-switch v-model="optionModel.showFileSize"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('显示创建人')">
+      <el-switch v-model="optionModel.showFileCreateBy"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('显示创建时间')">
+      <el-switch v-model="optionModel.showFileCreateDate"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('缩略图大小')">
+      <el-select v-model="optionModel.fileShowImageSize">
+        <el-option :value="1" label="1"></el-option>
+        <el-option :value="2" label="2"></el-option>
+        <el-option :value="3" label="3"></el-option>
+        <el-option :value="4" label="4"></el-option>
+        <el-option :value="5" label="5"></el-option>
+      </el-select>
+    </el-form-item>
+
+  </div>
 </template>
 
 <script>

package/src/components/xform/form-designer/setting-panel/property-editor/formScriptEnabled-editor.vue

@@ -3,14 +3,14 @@
     <el-form-item label-width="0">
       <el-divider class="custom-divider-margin-top">请求访问设置</el-divider>
     </el-form-item>
-    <el-form-item label="启用表单脚本" v-if="formScriptEnabledTypes.includes(selectedWidget.type)">
-      <el-switch v-model="optionModel.formScriptEnabled"></el-switch>
+    <el-form-item label="启用请求后台脚本" v-if="formScriptEnabledTypes.includes(selectedWidget.type)">
+      <el-switch v-model="optionModel.formScriptEnabled" @change="changeFormScriptEnabled"></el-switch>
     </el-form-item>
     <template>
-      <el-form-item label="表单脚本编码">
+      <el-form-item label="表单脚本编码" v-if="optionModel.formScriptEnabled">
         <el-input v-model="optionModel.formScriptCode" clearable></el-input>
       </el-form-item>
-      <el-form-item label="查询参数">
+      <el-form-item label="查询参数" v-if="optionModel.formScriptEnabled">
         <a href="javascript:void(0);" class="a-link link-oneLind"
            @click="editEventHandler('formScriptParam', ['dataId', 'formCode'])">
           <span>{{ optionModel.formScriptParam }}</span>
@@ -18,6 +18,27 @@
         </a>
       </el-form-item>
     </template>
+    <template  v-if="formScriptEnabledTypes.includes(selectedWidget.type)">
+      <el-form-item :label="i18nt('启用系统词汇')">
+        <el-switch v-model="optionModel.commonAttributeEnabled" @change="changeCommonAttributeEnabled"></el-switch>
+      </el-form-item>
+      <el-form-item :label="i18nt('词汇编码')" v-if="optionModel.commonAttributeEnabled">
+        <el-input type="text" v-model="optionModel.commonAttributeCode"></el-input>
+      </el-form-item>
+      <el-form-item :label="i18nt('显示字段')" v-if="optionModel.formScriptEnabled">
+        <el-input type="text" v-model="optionModel.labelKey"></el-input>
+      </el-form-item>
+      <el-form-item :label="i18nt('关联字段')" v-if="optionModel.formScriptEnabled">
+        <el-input type="text" v-model="optionModel.valueKey"></el-input>
+      </el-form-item>
+    </template>
+    <el-form-item label="查询回调">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('formScriptSuccess', ['dataId', 'formCode','res'])">
+        <span>{{ optionModel.formScriptSuccess }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
   </div>
 </template>
 
@@ -42,6 +63,23 @@ export default {
   methods: {
     getIsShow() {
       return this.selectedWidget.type !== 'data-table';
+    },
+    changeFormScriptEnabled(val){
+      if(val){
+        if(this.optionModel.hasOwnProperty("commonAttributeEnabled")){
+          this.optionModel.commonAttributeEnabled = false
+        }
+      }
+    },
+    changeCommonAttributeEnabled(val){
+      if(val){
+        this.optionModel.formScriptEnabled = false;
+        this.optionModel.labelKey = "value";
+        this.optionModel.valueKey = "sn";
+      }else{
+          this.optionModel.labelKey = null;
+          this.optionModel.valueKey = null;
+      }
     }
   }
 }

package/src/components/xform/form-designer/setting-panel/property-editor/limit-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.limit')">
-    <el-input-number v-model="optionModel.limit" :min="1" class="hide-spin-button" style="width: 100%"></el-input-number>
+    <el-input-number v-model="optionModel.limit" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>
 

package/src/components/xform/form-designer/setting-panel/property-editor/multipleLimit-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.multipleLimit')">
-    <el-input-number v-model="optionModel.multipleLimit" :min="0"
+    <el-input-number v-model="optionModel.multipleLimit"
                      class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/placeholder-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.placeholder')">
-    <el-input type="text" v-model="optionModel.placeholder"></el-input>
+    <el-input type="textarea" :rows="3" v-model="optionModel.placeholder"></el-input>
   </el-form-item>
 </template>
 

package/src/components/xform/form-designer/setting-panel/property-editor/precision-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.precision')">
-    <el-input-number v-model="optionModel.precision" :min="0" class="hide-spin-button" style="width: 100%"></el-input-number>
+    <el-input-number v-model="optionModel.precision" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>
 

package/src/components/xform/form-designer/setting-panel/property-editor/project-tag-editor.vue

@@ -0,0 +1,177 @@
+<template>
+  <div>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">项目标签设置</el-divider>
+    </el-form-item>
+    <el-form-item label="表单编码">
+      <el-input v-model="optionModel.tagFormCode" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="展示字段">
+      <el-input v-model="optionModel.tagLabelField" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="唯一关键字段">
+      <el-input v-model="optionModel.tagUniqueField" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="来源展示字段">
+      <el-input v-model="optionModel.tagFormLabelField" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="来源唯一关键字段">
+      <el-input v-model="optionModel.tagFormUniqueField" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="表单参数">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('tagFormParam', ['dataId', 'formCode'])">
+        <span>{{ optionModel.cf_vendor_item }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-form-item label="明细字段回填">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="openDialog">
+        <span>{{ optionModel.tagFillConfig.length ? "已维护" : "" }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-form-item label="确认回调">
+<!--      <el-input v-model="optionModel.tagConfirmCallback" clearable></el-input>-->
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('tagConfirmCallback', ['dataId', 'formCode','rows'])">
+        <span>{{ optionModel.tagConfirmCallback }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-form-item label="删除回调">
+<!--      <el-input v-model="optionModel.tagDeleteCallback" clearable></el-input>-->
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('tagDeleteCallback', ['dataId', 'formCode'])">
+        <span>{{ optionModel.tagDeleteCallback }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-form-item label="是否可以删除">
+      <el-switch v-model="optionModel.tabDeleteEnabled" clearable></el-switch>
+    </el-form-item>
+
+<!--    <el-form-item label="查询参数">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('formScriptParam', ['dataId', 'formCode'])">
+        <span>{{ optionModel.formScriptParam }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>-->
+    <el-dialog
+      custom-class="dialog-style list-dialog"
+      title="数据回填"
+      :visible.sync="showDialog"
+      :modal="false"
+      :show-close="!0"
+      :close-on-click-modal="!1"
+      :close-on-press-escape="!1"
+      :destroy-on-close="!0"
+      top="5vh"
+      width="500px"
+      v-dialog-drag
+    >
+      <div class="cont">
+        <el-table
+          ref="singleTable"
+          width="100%"
+          height="500"
+          :data="tableData"
+          border=""
+          stripe=""
+          default-expand-all
+        >
+          <el-table-column label="目标字段" width="150" prop="targetField">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.targetField"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="来源字段" width="150" prop="sourceField">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.sourceField"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="50" fixed="right">
+            <template #header="{ row, $index }">
+              <el-tooltip
+                :hide-after="500"
+                class="item"
+                effect="dark"
+                content="添加"
+                placement="top"
+              >
+                <el-button
+                  size="mini" type="" circle=""
+                  icon="el-icon-plus"
+                  @click="tableData.push({})"
+                />
+              </el-tooltip>
+            </template>
+            <template #default="{ row, $index }">
+              <el-tooltip
+                effect="dark"
+                content="删除"
+                placement="top"
+              >
+                <el-button
+                  size="mini" type="" circle=""
+                  icon="el-icon-delete"
+                  @click="tableData.splice($index,1)"
+                />
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="showDialog=false" class="button-sty" icon="el-icon-close">
+          {{ i18nt('designer.hint.cancel') }}
+        </el-button>
+        <el-button type="primary" @click="confirmDialog" class="button-sty" icon="el-icon-check">
+          {{ i18nt('designer.hint.confirm') }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import i18n from "../../../../../components/xform/utils/i18n"
+import eventMixin
+  from "../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin"
+
+export default {
+  name: "project-tag-editor",
+  mixins: [i18n, eventMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      formScriptEnabledTypes: ['select', 'checkbox', 'radio', 'census'],
+      showDialog: false,
+      tableData: [],
+    }
+  },
+  methods: {
+    getIsShow() {
+      return this.selectedWidget.type !== 'data-table';
+    },
+    openDialog() {
+      this.tableData = this.$baseLodash.cloneDeep(this.optionModel.tagFillConfig);
+      this.showDialog = true;
+    },
+    confirmDialog() {
+      this.optionModel.tagFillConfig = this.$baseLodash.cloneDeep(this.tableData);
+      this.showDialog = false;
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/components/xform/form-designer/setting-panel/property-editor/required-editor.vue

@@ -1,28 +1,32 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.required')" v-show="showProperty()">
+  <el-form-item
+    :label="i18nt('designer.setting.required')"
+    v-show="showProperty()"
+  >
     <el-switch v-model="optionModel.required"></el-switch>
   </el-form-item>
 </template>
 
 <script>
-  import i18n from "../../../../../components/xform/utils/i18n"
+import i18n from "../../../../../components/xform/utils/i18n";
 
-  export default {
-    name: "required-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
+export default {
+  name: "required-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  methods: {
+    showProperty() {
+      let widgetRef = this.designer.vueInstance.getWidgetRef(
+        this.selectedWidget.options.name
+      );
+      return widgetRef?.$attrs["table-condition"] !== true;
     },
-    methods:{
-      showProperty(){
-        return this.designer.formWidget.getWidgetRef(this.selectedWidget.options.name).$attrs['table-condition']!==true;
-      }
-    }
-  }
+  },
+};
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

package/src/components/xform/form-designer/setting-panel/property-editor/showRuleFlag-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div v-show="false">
     <el-form-item label-width="0">
       <el-divider class="custom-divider-margin-top">显隐规则设置</el-divider>
     </el-form-item>

package/src/components/xform/form-designer/setting-panel/property-editor/textFlag-editor.vue

@@ -1,26 +1,148 @@
 <template>
-  <div>
+  <div v-show="true">
     <el-form-item label-width="0">
-      <el-divider class="custom-divider-margin-top">文本显示设置</el-divider>
+      <el-divider class="custom-divider-margin-top">显示设置</el-divider>
     </el-form-item>
-    <el-form-item :label="i18nt('全部显示为*')">
-      <el-switch v-model="optionModel.textRule1" @change="changeTextRule1"></el-switch>
+    <el-form-item :label="i18nt('仅显示明文文本')">
+      <el-switch v-model="optionModel.showTextEnabled" @change="optionModel.showEncryptTextEnabled=false"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('前面明文，其他为*')">
-      <el-switch v-model="optionModel.textRule2" @change="changeTextRule2"></el-switch>
+    <el-form-item :label="i18nt('仅显示密文文本')">
+      <el-switch v-model="optionModel.showEncryptTextEnabled" @change="optionModel.showTextEnabled=false"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('前面明文位数')">
-      <base-input-number v-model="optionModel.textRule2Number" :scale="0"></base-input-number>
+    <el-form-item :label="i18nt('启用特定用户显示规则设置')">
+      <el-switch v-model="optionModel.userTextRuleEnabled"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('后面明文，其他为*')">
-      <el-switch v-model="optionModel.textRule3" @change="changeTextRule3"></el-switch>
-    </el-form-item>
-    <el-form-item :label="i18nt('后面明文位数')">
-      <base-input-number v-model="optionModel.textRule3Number" :scale="0"></base-input-number>
-    </el-form-item>
-    <el-form-item label-width="0">
-      <el-divider class="custom-divider-margin-top"></el-divider>
+    <el-form-item :label="i18nt('特定用户显示规则设置')" v-if="optionModel.userTextRuleEnabled">
+      <a href="javascript:void(0);" class="a-link link-oneLind" @click="openDialog">
+        <span>{{ optionModel.userTextRuleConfig && optionModel.userTextRuleConfig.length ? "已维护" : "" }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
     </el-form-item>
+    <template v-if="optionModel.showEncryptTextEnabled || optionModel.userTextRuleEnabled">
+      <el-form-item label-width="0">
+        <el-divider class="custom-divider-margin-top">密文显示规则</el-divider>
+      </el-form-item>
+      <el-form-item :label="i18nt('全部显示为*')">
+        <el-switch v-model="optionModel.textRule1" @change="changeTextRule1"
+                   :disabled="optionModel.textRule1 && !optionModel.textRule2 && !optionModel.textRule3"></el-switch>
+      </el-form-item>
+      <el-form-item :label="i18nt('前面明文，其他为*')">
+        <el-switch v-model="optionModel.textRule2" @change="changeTextRule2"></el-switch>
+      </el-form-item>
+      <el-form-item :label="i18nt('前面明文位数')">
+        <base-input-number v-model="optionModel.textRule2Number" :scale="0"></base-input-number>
+      </el-form-item>
+      <el-form-item :label="i18nt('后面明文，其他为*')">
+        <el-switch v-model="optionModel.textRule3" @change="changeTextRule3"></el-switch>
+      </el-form-item>
+      <el-form-item :label="i18nt('后面明文位数')">
+        <base-input-number v-model="optionModel.textRule3Number" :scale="0"></base-input-number>
+      </el-form-item>
+      <el-form-item label-width="0">
+        <el-divider class="custom-divider-margin-top"></el-divider>
+      </el-form-item>
+    </template>
+    <el-dialog
+      v-if="dialogVisible"
+      custom-class="dialog-style list-dialog"
+      :title="i18nt('特定用户显示规则设置')"
+      :visible.sync="dialogVisible"
+      :show-close="!0"
+      :append-to-body="true"
+      :modal="false"
+      :close-on-click-modal="!1"
+      :close-on-press-escape="!1"
+      :destroy-on-close="!0"
+      width="1220px"
+      top="5vh"
+      v-dialog-drag
+      :fullscreen="true"
+    >
+      <div class="cont" style="padding-bottom: 8px;">
+        <el-table
+          ref="singleTable"
+          width="100%"
+          :data="tableData"
+          height="100%"
+          border=""
+          row-key="columnId"
+          stripe=""
+          style="margin-bottom: 0px;"
+        >
+          <el-table-column type="index" width="35" fixed="left"></el-table-column>
+          <el-table-column :label="i18nt('服务')" width="150">
+            <template slot-scope="{row}">
+              <el-select v-model="row.serveType" @change="changeServeType(row)">
+                <el-option :value="1" label="正式"></el-option>
+                <el-option :value="2" label="UAT"></el-option>
+                <el-option :value="3" label="测试"></el-option>
+                <el-option :value="4" label="自定义"></el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column :label="i18nt('自定义服务')" width="150">
+            <template slot-scope="{row}">
+              <el-input v-model="row.serveName" clearable :disabled="row.serveType!==4"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column :label="i18nt('组织编码')" width="250">
+            <template slot-scope="{row,$index}">
+              <el-input v-model="row.companyCodes" clearable></el-input>
+            </template>
+          </el-table-column>
+          <!--          <el-table-column :label="i18nt('登录名')" width="150">
+                      <template slot-scope="{row}">
+                        <el-input v-model="row.loginAccounts" clearable></el-input>
+                      </template>
+                    </el-table-column>-->
+          <el-table-column :label="i18nt('角色编码')" width="250">
+            <template slot-scope="{row}">
+              <el-input v-model="row.roleCodes" clearable></el-input>
+            </template>
+          </el-table-column>
+          <!--          <el-table-column :label="i18nt('机构编码')" width="150">
+                      <template slot-scope="{row}">
+                        <el-input v-model="row.saleOrgCodes" clearable></el-input>
+                      </template>
+                    </el-table-column>-->
+          <el-table-column :label="i18nt('设置')" width="150">
+            <template slot-scope="{row}">
+              <el-select v-model="row.type" clearable>
+                <el-option :value="1" label="明文文本显示"></el-option>
+                <el-option :value="2" label="密文文本显示"></el-option>
+                <el-option :value="0" label="组件显示"></el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column :label="i18nt('designer.setting.actionColumn')" width="100" align="center">
+            <template #header>
+              <span>{{ i18nt('designer.setting.actionColumn') }}</span>
+              <el-button :title="i18nt('designer.setting.addTableColumn')" size="mini" type="" circle=""
+                         icon="el-icon-plus" @click="addItem"></el-button>
+            </template>
+            <template slot-scope="scope">
+              <el-button
+                :title="i18nt('designer.setting.deleteTableColumn')"
+                size="mini"
+                type=""
+                circle=""
+                icon="el-icon-minus"
+                @click="tableData.splice(scope.$index,1)"
+              ></el-button>
+            </template>
+          </el-table-column>
+
+        </el-table>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialogVisible = false" class="button-sty" icon="el-icon-close">
+          {{ i18nt('designer.hint.cancel') }}
+        </el-button>
+        <el-button type="primary" @click="colSubmit" class="button-sty" icon="el-icon-check">
+          {{ i18nt('designer.hint.confirm') }}
+        </el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -37,7 +159,8 @@ export default {
   },
   data() {
     return {
-
+      dialogVisible: false,
+      tableData: [],
     }
   },
   methods: {
@@ -46,13 +169,40 @@ export default {
       this.optionModel.textRule3 = false;
       this.optionModel.textRule2Number = null;
       this.optionModel.textRule3Number = null;
+      this.$forceUpdate()
     },
     changeTextRule2(val) {
-      this.optionModel.textRule1 = false;
+      let textRule1 = !this.optionModel.textRule2 && !this.optionModel.textRule3;
+      this.optionModel.textRule1 = textRule1;
+      this.$forceUpdate()
     },
     changeTextRule3(val) {
-      this.optionModel.textRule1 = false;
-    }
+      let textRule1 = !this.optionModel.textRule2 && !this.optionModel.textRule3;
+      this.optionModel.textRule1 = textRule1;
+      this.$forceUpdate()
+    },
+    openDialog() {
+      let userTextRuleConfig = this.optionModel.userTextRuleConfig || [];
+      this.tableData = this.$baseLodash.cloneDeep(userTextRuleConfig)
+      this.dialogVisible = true;
+
+    },
+    addItem() {
+      let newItem = {
+        type: null,
+        serveType: null,
+        serveName: null,
+        // loginAccounts: null,
+        roleCodes: null,
+        // saleOrgCodes: null,
+        companyCodes: null
+      }
+      this.tableData.push(newItem);
+    },
+    colSubmit() {
+      this.dialogVisible = !1;
+      this.optionModel.userTextRuleConfig = this.tableData;
+    },
   }
 }
 </script>