cloud-web-corejs 1.0.54-dev.113 → 1.0.54-dev.116

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloud-web-corejs",
   "private": false,
-  "version": "1.0.54-dev.113",
+  "version": "1.0.54-dev.116",
   "scripts": {
     "dev": "vue-cli-service serve",
     "lint": "eslint --ext .js,.vue src",

package/src/components/xform/form-designer/form-widget/field-widget/checkbox-widget.vue

@@ -11,9 +11,9 @@
                             :style="{display: field.options.displayStyle}">{{ getI18nLabel(item.label) }}</el-checkbox-button>
       </template>
       <template v-else>
-        <el-checkbox v-for="(item, index) in field.options.optionItems" :key="index" :label="item.value"
+        <el-checkbox v-for="(item, index) in field.options.optionItems" :key="index" :label="item[valueField]"
                      :disabled="item.disabled" :border="field.options.border"
-                     :style="{display: field.options.displayStyle}">{{ getI18nLabel(item.label) }}</el-checkbox>
+                     :style="{display: field.options.displayStyle}">{{ getI18nLabel(item[labelField]) }}</el-checkbox>
       </template>
     </el-checkbox-group>
   </form-item-wrapper>
@@ -62,12 +62,17 @@
     data() {
       return {
         oldFieldValue: null, //field组件change之前的值
-        fieldModel: null,
+        fieldModel: [],
         rules: [],
       }
     },
     computed: {
-
+      labelField(){
+        return this.field.options.labelKey || "label";
+      },
+      valueField(){
+        return this.field.options.valueKey || "value";
+      },
     },
     beforeCreate() {
       /* 这里不能访问方法和属性！！ */
@@ -78,8 +83,8 @@
       /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
          需要在父组件created中初始化！！ */
       this.handleCreatedEnterEvent();
-      this.initOptionItems()
       this.initFieldModel()
+      this.initOptionItems()
       this.registerToRefList()
       this.initEventHandler()
       this.buildFieldRules()

package/src/components/xform/form-designer/form-widget/field-widget/fieldMixin.js

@@ -178,6 +178,7 @@ modules = {
         let defaultValue = this.field.options.defaultValue;
         let dataId = this.getFormRef()?.dataId ?? null;
         if (void 0 === currentData[this.fieldKeyName]) {
+
           this.$set(currentData, this.fieldKeyName, null);
         }
         if (flag) {
@@ -382,7 +383,43 @@ modules = {
 
       if ((this.field.type === 'radio') || (this.field.type === 'checkbox')
         || (this.field.type === 'select') || (this.field.type === 'cascader')) {
-        if (t.field.options.isLoadDataByAccess && t.field.options.scriptUuid) {
+        let reportTemplate = this.getFormRef().reportTemplate;
+        let formCode = reportTemplate.formCode;
+        let formScriptEnabled = this.field.options.formScriptEnabled || false;
+        let scriptCode = this.field.options.formScriptCode || "getList"
+        if(formScriptEnabled){
+          let accessParam = this.handleCustomEvent(this.field.options.formScriptParam)
+          return this.formHttp({
+            scriptCode: scriptCode,
+            data: {
+              formCode: formCode,
+              formVersion: reportTemplate.formVersion,
+              taBm: this.fieldKeyName,
+              data: {
+                ...accessParam,
+              }
+            },
+            callback: res => {
+              let rows = res.objx || [];
+              this.loadOptions(rows);
+              this.handleCustomEvent(this.field.options.formScriptSuccess,['res'],[res]);
+            }
+          });
+        }else if(this.field.options.commonAttributeEnabled){
+          let commonAttributeCode = this.field.options.commonAttributeCode
+          if(!commonAttributeCode)return
+          this.$getBaseDicts({
+            code: commonAttributeCode,
+            success: ({dicts, dictMap}) => {
+              this.loadOptions(dicts);
+              this.handleCustomEvent(this.field.options.formScriptSuccess,['res'],[dicts]);
+            }
+          });
+        }
+
+
+        return
+        /*if (t.field.options.isLoadDataByAccess && t.field.options.scriptUuid) {
           this.scriptHttp(
             {
               options: t.field.options,
@@ -393,7 +430,7 @@ modules = {
               }
             });
         } else if (!t.field.options.dsEnabled) {
-          /* 异步更新option-data之后globalOptionData不能获取到最新值，改用provide的getOptionData()方法 */
+          /!* 异步更新option-data之后globalOptionData不能获取到最新值，改用provide的getOptionData()方法 *!/
           const newOptionItems = this.getOptionData();
           if (!!newOptionItems && newOptionItems.hasOwnProperty(this.fieldKeyName)) {
             if (!!keepSelected) {
@@ -423,7 +460,7 @@ modules = {
               .$message).then(res => {
               t.loadOptions(res || []);
             });
-        }
+        }*/
       }
     },
     refreshDefaultValue: function () {

package/src/components/xform/form-designer/form-widget/field-widget/project-tag-widget.vue

@@ -10,19 +10,13 @@
         :key="index"
         type="warning"
         :disable-transitions="false"
-        :closable="!field.options.disabled && field.options.closable"
-        @close="fieldModel.splice(index,1)"
+        :closable="!field.options.disabled && field.options.tabDeleteEnabled"
+        @close="deleteCallback(index)"
       >
-        {{ tag[field.options.tagFieldKey] }}
+        {{ tag[field.options.tagLabelField] }}
       </el-tag>
       <el-button icon="el-icon-plus" type="warning" class="el-button-tag" @click="openProjectTagDialog"
                  v-if="!field.options.disabled"></el-button>
-      <projectTagDialog v-if="showProjectTagDialog"
-                        :visiable.sync="showProjectTagDialog"
-                        @confirm="confirmProjectTagDialog"
-                        :multi="true"
-                        :rows="checkRows"
-                        fieldKey="tagCode"></projectTagDialog>
     </div>
 
   </form-item-wrapper>
@@ -33,8 +27,6 @@ import FormItemWrapper from './form-item-wrapper'
 import emitter from '../../../../../components/xform/utils/emitter'
 import i18n from "../../../../../components/xform/utils/i18n";
 import fieldMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin";
-import projectTagView from "../../../../../components/projectTag/view.vue";
-import projectTagDialog from "@base/views/user/project_tag/dialog.vue";
 
 export default {
   name: "project-tag-widget",
@@ -66,7 +58,6 @@ export default {
     }
   },
   components: {
-    projectTagDialog,
     FormItemWrapper,
   },
   inject: ['refList', 'globalOptionData', 'globalModel', 'getFormConfig'],
@@ -145,8 +136,57 @@ export default {
       });
 
     },
-    openProjectTagDialog(){
-
+    openProjectTagDialog() {
+      if (this.field.options.onClick) {
+        this.handleCustomEvent(this.field.options.onClick);
+        return
+      }
+      let formCode = this.field.options.tagFormCode;
+      let tagLabelField = this.field.options.tagLabelField;
+      let tagUniqueField = this.field.options.tagUniqueField;
+      let tagFormLabelField = this.field.options.tagFormLabelField;
+      let tagFormUniqueField = this.field.options.tagFormUniqueField;
+      /*let checkRows = this.fieldModel.map(item => {
+        return {
+          [tagFormUniqueField]: item[tagUniqueField] ?? null,
+          [tagFormLabelField]: item[tagLabelField] ?? null,
+        }
+      })*/
+      let tagFormParam = this.handleCustomEvent(this.field.options.tagFormParam)
+      this.getFormRef().openSearchDialog({
+        formCode,
+        param: tagFormParam,
+        // rows: checkRows,
+        multiple: true,
+        confirm: (rows) => {
+          if (!this.field.options.tagConfirmCallback) {
+            let tagFillConfig = this.field.options.tagFillConfig || [];
+            let items = rows.map(item => {
+              let newData = {
+                [tagUniqueField]: item[tagFormUniqueField],
+                [tagLabelField]: item[tagFormLabelField],
+              }
+              tagFillConfig.forEach(item1 => {
+                newData[item1.targetField] = item[item1.sourceField]
+              })
+              return newData
+            });
+            this.addTagData(items);
+          } else {
+            this.handleCustomEvent(this.field.options.tagConfirmCallback, ['rows'], [rows])
+          }
+        }
+      });
+    },
+    addTagData(rows) {
+      let tagUniqueField = this.field.options.tagUniqueField;
+      let keys = this.fieldModel.map(item => item[tagUniqueField]);
+      let items = rows.filter(item => !keys.includes(item[tagUniqueField]))
+      this.fieldModel.push(...items);
+    },
+    deleteCallback(index) {
+      this.fieldModel.splice(index, 1)
+      this.handleCustomEvent(this.field.options.tagDeleteCallback)
     }
   }
 }

package/src/components/xform/form-designer/form-widget/field-widget/radio-widget.vue

@@ -11,9 +11,9 @@
                          :style="{display: field.options.displayStyle}">{{ getI18nLabel(item.label) }}</el-radio-button>
       </template>
       <template v-else>
-        <el-radio v-for="(item, index) in field.options.optionItems" :key="index" :label="item.value"
+        <el-radio v-for="(item, index) in field.options.optionItems" :key="index" :label="item[valueField]"
                   :disabled="item.disabled" :border="field.options.border"
-                  :style="{display: field.options.displayStyle}">{{ getI18nLabel(item.label) }}</el-radio>
+                  :style="{display: field.options.displayStyle}">{{ getI18nLabel(item[labelField]) }}</el-radio>
       </template>
     </el-radio-group>
   </form-item-wrapper>
@@ -67,7 +67,12 @@
       }
     },
     computed: {
-
+      labelField(){
+        return this.field.options.labelKey || "label";
+      },
+      valueField(){
+        return this.field.options.valueKey || "value";
+      },
     },
     beforeCreate() {
       /* 这里不能访问方法和属性！！ */
@@ -78,8 +83,8 @@
       /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
          需要在父组件created中初始化！！ */
       this.handleCreatedEnterEvent();
-      this.initOptionItems()
       this.initFieldModel()
+      this.initOptionItems()
       this.registerToRefList()
       this.initEventHandler()
       this.buildFieldRules()

package/src/components/xform/form-designer/form-widget/field-widget/select-widget.vue

@@ -18,8 +18,8 @@
                @change="handleChangeEvent"
                :style="'width:'+field.options.widgetWidth+' !important;'"
                :class="{'custom-width':field.options.widgetWidth!=null}">
-      <el-option v-for="item in field.options.optionItems" :key="item.value" :label="getI18nLabel(item.label)"
-                 :value="item.value" :disabled="item.disabled">
+      <el-option v-for="item in field.options.optionItems" :key="item[valueField]" :label="getI18nLabel(item[labelField])"
+                 :value="item[valueField]" :disabled="item.disabled">
       </el-option>
     </el-select>
     <span v-else>{{ fieldModelLabel }}</span>
@@ -73,6 +73,12 @@ export default {
     }
   },
   computed: {
+    labelField(){
+      return this.field.options.labelKey || "label";
+    },
+    valueField(){
+      return this.field.options.valueKey || "value";
+    },
     allowDefaultFirstOption() {
       return (!!this.field.options.filterable && !!this.field.options.allowCreate)
     },

package/src/components/xform/form-designer/form-widget/field-widget/vabUpload-widget.vue

@@ -141,6 +141,7 @@ export default {
           callback: res => {
             let rows = res.objx || [];
             this.setValue(rows)
+            this.handleCustomEvent(this.field.options.formScriptSuccess,['res'],[res]);
           }
         });
       }

package/src/components/xform/form-designer/indexMixin.js

@@ -92,6 +92,7 @@ modules = {
     globalDsv: {type: Object, default: () => ({})},
     formTemplates: {type: Array, default: null},
     testOptionData: {type: Object, default: null},
+    readonly: Boolean
   },
   data() {
     return {
@@ -136,7 +137,8 @@ modules = {
       },
       getObjectFieldFlag: () => !1,
       getObjectName: () => "",
-      getHasWf: () => false
+      getHasWf: () => false,
+      readonly:this.readonly
     };
   },
   created() {

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

@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <el-form-item :label="i18nt('启用词汇查询')">
+      <el-switch v-model="optionModel.commonAttributeEnabled" @change="changeCommonAttributeEnabled"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('词汇编码')">
+      <el-input type="text" v-model="optionModel.commonAttributeCode"></el-input>
+    </el-form-item>
+    <el-form-item :label="i18nt('显示字段')">
+      <el-input type="text" v-model="optionModel.optionItemLabel"></el-input>
+    </el-form-item>
+    <el-form-item :label="i18nt('关联字段')">
+      <el-input type="text" v-model="optionModel.optionItemValue"></el-input>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+  import i18n from "../../../../../components/xform/utils/i18n"
+
+  export default {
+    name: "commonAttributeEnabled-editor",
+    mixins: [i18n],
+    props: {
+      designer: Object,
+      selectedWidget: Object,
+      optionModel: Object,
+    },
+    methods:{
+      changeCommonAttributeEnabled(val){
+        if(val){
+          this.optionModel.formScriptEnabled = false;
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/components/xform/form-designer/setting-panel/property-editor/container-data-table/data-table-editor.vue

@@ -25,6 +25,9 @@
     <el-form-item :label="i18nt('designer.setting.showPagination')">
       <el-switch v-model="optionModel.showPagination"></el-switch>
     </el-form-item>
+    <el-form-item :label="i18nt('显示表尾数据行')">
+      <el-switch v-model="optionModel.showGridFooter"></el-switch>
+    </el-form-item>
     <!--    <el-form-item :label="i18nt('显示导出')">
           <el-switch v-model="optionModel.showExportBtn"></el-switch>
         </el-form-item>-->

package/src/components/xform/form-designer/setting-panel/property-editor/container-data-table/table-column-dialog.vue

@@ -116,7 +116,7 @@
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column label="编辑插槽配置" width="70" align="center">
+          <el-table-column label="编辑插槽配置" width="150" align="center">
             <template slot-scope="scope">
               <el-button size="mini" plain="" round="" icon="el-icon-edit"
                          @click="openEditFormatConfigDialog(scope.row,scope.$index)"
@@ -131,6 +131,25 @@
               </el-select>
             </template>
           </el-table-column>
+
+
+          <el-table-column :label="i18nt('表尾数据类型')" width="200" prop="formatS">
+            <template slot-scope="scope">
+              <el-select v-model="scope.row.footerDataType" clearable>
+                <el-option value="1" label="合计"></el-option>
+                <el-option value="2" label="平均"></el-option>
+                <el-option value="3" label="自定义"></el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="表尾数据配置" width="150" align="center">
+            <template slot-scope="scope">
+              <el-button size="mini" plain="" round="" icon="el-icon-edit"
+                  @click="editFormEventHandler(scope.row,scope.$index,'footerMethodConfg')"
+                         :disabled="scope.row.footerDataType !== '3'"></el-button>
+            </template>
+          </el-table-column>
+
           <el-table-column label="格式化配置" width="90" fixed="right" align="center">
             <template slot-scope="scope">
               <el-button size="mini" plain="" round="" icon="el-icon-edit"
@@ -268,6 +287,34 @@
         </el-button>
       </div>
     </el-dialog>
+    <el-dialog
+      :title="i18nt('designer.setting.editFormEventHandler')"
+      :visible.sync="showFormEventDialogFlag"
+      v-if="showFormEventDialogFlag"
+      :show-close="true"
+      custom-class="dialog-style list-dialog"
+      v-dialog-drag
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      top="5vh"
+    >
+      <div class="cont">
+        <el-alert type="info" :closable="false" :title="'form.' + eventParamsMap[curEventName]"></el-alert>
+        <code-editor :mode="'javascript'" :readonly="false" v-model="formEventHandlerCode" ref="ecEditor"></code-editor>
+        <el-alert type="info" :closable="false" title="}"></el-alert>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="showFormEventDialogFlag = false" class="button-sty" icon="el-icon-close">
+          {{ i18nt('designer.hint.cancel') }}
+        </el-button>
+        <el-button type="primary" @click="saveFormEventHandler" class="button-sty" icon="el-icon-check">
+          {{ i18nt('designer.hint.confirm') }}
+        </el-button>
+      </div>
+    </el-dialog>
   </div>
 
 </template>
@@ -503,6 +550,16 @@ export default {
         moveDownRow: 'a-link',
         removeTreeRow: 'a-link'
       },
+
+      showFormEventDialogFlag: false,
+      formEventHandlerCode: '',
+      curEventName: '',
+
+      eventParamsMap: {
+        footerMethodConfg: 'footerMethodConfg(dataId,formCode,param) {',
+
+      },
+
     }
   },
   beforeDestroy() {
@@ -515,6 +572,31 @@ export default {
     this.init();
   },
   methods: {
+    editFormEventHandler(row,index,eventName) {
+      this.curEventName = eventName;
+      this.curEventIndex = index;
+      this.formEventHandlerCode = row[eventName];
+      this.showFormEventDialogFlag = true;
+    },
+
+    saveFormEventHandler() {
+      const codeHints = this.$refs.ecEditor.getEditorAnnotations();
+      let syntaxErrorFlag = false;
+      if (!!codeHints && codeHints.length > 0) {
+        codeHints.forEach(chItem => {
+          if (chItem.type === 'error') {
+            syntaxErrorFlag = true;
+          }
+        });
+
+        if (syntaxErrorFlag) {
+          this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'));
+          return;
+        }
+      }
+      this.tableData[this.curEventIndex] [this.curEventName] = this.formEventHandlerCode;
+      this.showFormEventDialogFlag = false;
+    },
     init() {
       this.tableData = this.$baseLodash.cloneDeep(this.optionModel.tableColumns);
       this.$nextTick(() => {
@@ -613,7 +695,9 @@ export default {
         align: 'left',
         show: true,
         sortable: true,
-
+        exportType: null,
+        footerDataType: null,
+        footerMethodConfg:null
         // treeNode: false,
 
       };

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

@@ -4,7 +4,7 @@
       <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-switch v-model="optionModel.formScriptEnabled" @change="changeFormScriptEnabled"></el-switch>
     </el-form-item>
     <template>
       <el-form-item label="表单脚本编码">
@@ -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('词汇编码')">
+        <el-input type="text" v-model="optionModel.commonAttributeCode"></el-input>
+      </el-form-item>
+      <el-form-item :label="i18nt('显示字段')">
+        <el-input type="text" v-model="optionModel.labelKey"></el-input>
+      </el-form-item>
+      <el-form-item :label="i18nt('关联字段')">
+        <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/project-tag-editor.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <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="表单编码">
       <el-input v-model="optionModel.tagFormCode" clearable></el-input>
@@ -12,8 +12,20 @@
     <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="明细字段回填">
-      <el-input v-model="optionModel.tagFillConfig" clearable></el-input>
       <a href="javascript:void(0);" class="a-link link-oneLind"
          @click="openDialog">
         <span>{{ optionModel.tagFillConfig.length ? "已维护" : "" }}</span>
@@ -23,7 +35,7 @@
     <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'])">
+         @click="editEventHandler('tagConfirmCallback', ['dataId', 'formCode','rows'])">
         <span>{{ optionModel.tagConfirmCallback }}</span>
         <i class="el-icon-edit"></i>
       </a>

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

@@ -17,7 +17,8 @@
     },
     methods:{
       showProperty(){
-        return this.designer.formWidget.getWidgetRef(this.selectedWidget.options.name).$attrs['table-condition']!==true;
+        let widgetRef = this.designer.formWidget.getWidgetRef(this.selectedWidget.options.name);
+        return widgetRef.$attrs && $attrs.$attrs['table-condition']!==true;
       }
     }
   }

package/src/components/xform/form-designer/setting-panel/propertyRegister.js

@@ -148,6 +148,8 @@ const COMMON_PROPERTIES = {
   "submitFlag": "submitFlag-editor",
   "aLinkFlag": "a-link-editor",
   "aTextFlag": "a-text-editor",
+  "tagFormCode": "project-tag-editor",
+  // "commonAttributeEnabled": "commonAttributeEnabled-editor"
 }
 
 const ADVANCED_PROPERTIES = {

package/src/components/xform/form-designer/toolbar-panel/index.vue

@@ -43,12 +43,12 @@
                   表单/列表设置
                 </el-button>-->
         <el-button type="primary" @click="saveReportTemplate()" plain
-                   v-if="designer.vueInstance.isDev && designer.vueInstance.menuKindAuth.editAuth===1">
+                   v-if="designer.vueInstance.isDev && designer.vueInstance.menuKindAuth.editAuth===1 && !readonly">
           <i class="el-icon-check"/>
           保存
         </el-button>
         <el-divider direction="vertical"></el-divider>
-        <el-button v-if="showToolButton('clearDesignerButton')" type="text" @click="clearFormWidget">
+        <el-button v-if="showToolButton('clearDesignerButton') && !readonly" type="text" @click="clearFormWidget">
           <i class="el-icon-delete"/>
           {{ i18nt('designer.toolbar.clear') }}
         </el-button>
@@ -57,7 +57,7 @@
           {{ i18nt('designer.toolbar.preview') }}
         </el-button>
         <el-divider direction="vertical"></el-divider>
-        <el-button v-if="showToolButton('importJsonButton')" type="text" @click="importJson">
+        <el-button v-if="showToolButton('importJsonButton') && !readonly" type="text" @click="importJson">
           {{ i18nt('designer.toolbar.importJson') }}
         </el-button>
         <el-button v-if="showToolButton('exportJsonButton')" type="text" @click="exportJson">
@@ -437,6 +437,7 @@ export default {
     Clipboard,
     FormSetting
   },
+  inject:["readonly"],
   mixins: [indexMixin],
   data() {
     return {