{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\views\\activiti\\TemplateManagementNew\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\views\\activiti\\TemplateManagementNew\\index.vue","mtime":1620609644503},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouVGVtcGxhdGVNYW5hZ2VtZW50TmV3ew0KICBwYWRkaW5nOjE2cHg7DQogIGJhY2tncm91bmQ6IHdoaXRlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KDQogIC5icmVhZGNydW1iew0KICAgIG1hcmdpbi1ib3R0b206IDMwcHg7DQogICAgZm9udC1zaXplOiAxOHB4Ow0KICB9DQoNCiAgLnN0ZXBzew0KICAgIHdpZHRoOiA3NSU7DQogICAgbWFyZ2luLWxlZnQ6IDEyLjUlOw0KICAgIG1hcmdpbi1ib3R0b206IDMwcHg7DQogIH0NCg0KICAuY29udGVudHsNCiAgICBmbGV4OjE7DQogICAgYm9yZGVyOjFweCBzb2xpZCByZ2JhKDIyMCwyMjIsMjI2LDEpOw0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgLy8g6aKE6KeIdGlwcw0KICAgIC50aXBzew0KICAgICAgd2lkdGg6MjYwcHg7DQogICAgICBoZWlnaHQ6MjA0cHg7DQogICAgICBiYWNrZ3JvdW5kOnJnYmEoMjM2LDIzNiwyMzYsMSk7DQogICAgICBwYWRkaW5nOiAxNnB4Ow0KICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsNCiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIHRvcDogMDsNCiAgICAgIGxlZnQ6IDA7DQogICAgICB6LWluZGV4OiA5OTsNCiAgICAgID5wew0KICAgICAgICBmb250LXdlaWdodDo0MDA7DQogICAgICAgIGNvbG9yOnJnYmEoNTIsNTIsNTIsMSk7DQogICAgICAgIGxpbmUtaGVpZ2h0OjE2cHg7DQogICAgICAgIG1hcmdpbi1ib3R0b206IDEycHg7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQoNCiAgICAgICAgPnNwYW46Zmlyc3QtY2hpbGR7DQogICAgICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7DQogICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsNCiAgICAgICAgfQ0KDQogICAgICAgID5zcGFuOmxhc3QtY2hpbGR7DQogICAgICAgICAgd29yZC1icmVhazogYnJlYWstYWxsOw0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KDQogICAgLmJsb2Nrew0KICAgICAgZmxleDogMTsNCiAgICB9DQoNCiAgICAuYnV0dG9uR3JvdXBzew0KICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7DQogICAgICBwYWRkaW5nLWJvdHRvbTogMTZweDsNCg0KICAgICAgYnV0dG9uew0KICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQoNCiAgICAgICAgJjpsYXN0LWNoaWxkew0KICAgICAgICAgIG1hcmdpbi1yaWdodDoxNnB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQoNCiAgLmJ1cmdlb24tc3RlcHMtaXRlbS5idXJnZW9uLXN0ZXBzLXN0YXR1cy1maW5pc2ggLmJ1cmdlb24tc3RlcHMtaGVhZC1pbm5lciA+IC5idXJnZW9uLXN0ZXBzLWljb24sIC5idXJnZW9uLXN0ZXBzLWl0ZW0uYnVyZ2Vvbi1zdGVwcy1zdGF0dXMtZmluaXNoIC5idXJnZW9uLXN0ZXBzLWhlYWQtaW5uZXIgc3BhbnsNCiAgICBjb2xvcjogd2hpdGU7DQogIH0NCg0KICAuYnVyZ2Vvbi1zdGVwcy1pdGVtLmJ1cmdlb24tc3RlcHMtc3RhdHVzLWZpbmlzaCAuYnVyZ2Vvbi1zdGVwcy1oZWFkLWlubmVyew0KICAgIGJvcmRlci1jb2xvcjogIzA5QTE1NTsNCiAgICBiYWNrZ3JvdW5kOiAjMDlBMTU1Ow0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmfA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/activiti/TemplateManagementNew","sourcesContent":["<template>\r\n  <div class=\"TemplateManagementNew\">\r\n  <!--  <Breadcrumb separator=\">\" class=\"breadcrumb\">\r\n        <BreadcrumbItem to=\"/TemplateManagementLists\">模版管理</BreadcrumbItem>\r\n        <BreadcrumbItem>{{$route.params.id != '-1'?'编辑模版':'新建模版'}}</BreadcrumbItem>\r\n\r\n    </Breadcrumb> -->\r\n    <!-- 预览状态 -->\r\n    <div class=\"content\" v-if=\"this.readOnly\">\r\n      <div class=\"tips\" v-if=\"currentSteps === 2\">\r\n        <p>\r\n          <span>单据类型:</span><span>{{data.businessTypeText}}</span>\r\n        </p>\r\n        <p>\r\n          <span>模版名称:</span><span>{{data.name}}</span>\r\n        </p>\r\n        <p>\r\n          <span>查询索引:</span><span>{{data.businessKey}}</span>\r\n        </p>\r\n        <p>\r\n          <span>模版描述:</span><span>{{data.description}}</span>\r\n        </p>\r\n        <p>\r\n          <span>自动处理:</span><span>{{data.autoClose?'开':'关'}}</span>\r\n        </p>\r\n        <p>\r\n          <span>业务数据检查:</span><span>{{data.businessCheckUrl}}</span>\r\n        </p>\r\n      </div>\r\n      <FlowChartComponent\r\n        v-if=\"currentSteps === 2\"\r\n        :data=\"data\"\r\n        :currentSteps=\"2\"\r\n        :readOnly=\"readOnly\"\r\n        ref=\"component_2\"\r\n      >\r\n      </FlowChartComponent>\r\n      <p class=\"buttonGroups\" v-if=\"currentSteps === 2\">\r\n        <Button type=\"primary\" @click=\"close\">关闭</Button>\r\n      </p>\r\n    </div>\r\n\r\n    <!-- 编辑状态 -->\r\n    <Steps :current=\"currentSteps\" class=\"steps\" v-if=\"!this.readOnly\">\r\n        <Step title=\"参数配置\" ></Step>\r\n        <Step title=\"流程设计器\" ></Step>\r\n        <Step title=\"保存发布模版\" ></Step>\r\n    </Steps>\r\n\r\n    <div class=\"content\" v-if=\"!this.readOnly\">\r\n      <keep-alive exclude=\"component_2\" >\r\n        <component\r\n          :is=\"currentComponent\"\r\n          :ref=\"currentComponent\"\r\n          class=\"block\"\r\n          :editable=\"currentSteps === 1?true:false\"\r\n          :data=\"data\"\r\n          :currentSteps=\"currentSteps\"\r\n          :noFreshFlag=\"noFreshFlag\"\r\n          @dataChange=dataChange\r\n          >\r\n        </component>\r\n      </keep-alive>\r\n      <p class=\"buttonGroups\">\r\n        <Button type=\"primary\" v-if=\"currentSteps > 0\" @click=\"previousSteps\">上一步</Button>\r\n        <Button type=\"primary\" v-if=\"currentSteps < 2\" @click=\"nextSteps\">下一步</Button>\r\n        <Button type=\"primary\" v-if=\"(currentSteps === 2 && this.data.status !== 1)\" @click=\"confirm(false)\">保存</Button>\r\n        <Button type=\"primary\" v-if=\"(currentSteps === 2 && this.data.status !== 1)\" @click=\"confirmAndPublish()\">保存并发布</Button>\r\n      </p>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport '@/utils/go'\r\nimport Vue from 'vue'\r\nimport ParameterConfiguration from '@/components/ParameterConfiguration'\r\nimport FlowChartComponent from '@/components/FlowChartComponent'\r\nimport FlowSuccess from '@/components/FlowSuccess'\r\nimport {  mapMutations } from 'vuex';\r\nimport { setTimeout } from 'timers';\r\nimport {\r\n    getLoad,\r\n    getCommit,\r\n    getDuplicate,\r\n    getPublish\r\n  } from '@/api/modeler.js'\r\nexport default {\r\n  name:'TemplateManagementNew',\r\n  components:{ParameterConfiguration,FlowChartComponent,FlowSuccess},\r\n  data () {\r\n    return {\r\n      currentSteps:0,\r\n      currentComponent:null,\r\n      imgBase:'',\r\n      defaultData:{\r\n        guiStyle:JSON.stringify({\r\n          \"class\": \"NewGraphLinksModel\",\r\n          \"linkFromPortIdProperty\": \"fromPort\",\r\n          \"linkToPortIdProperty\": \"toPort\",\r\n          \"nodeDataArray\": [\r\n            {\"key\":-1, \"category\":\"Start\", \"loc\":\"175 0\", \"text\":\"开始\", \"type\": 1},\r\n            {\"key\":0, \"loc\":\"175 100\", \"text\":\"审批节点\",\"type\": 0, \"category\": 'Approval'},\r\n            {\"key\":-2, \"category\":\"End\", \"loc\":\"175 200\", \"text\":\"结束\", \"type\": 2}\r\n          ],\r\n          \"linkDataArray\": [\r\n            {\"from\":-1, \"to\":0, \"fromPort\":\"B\", \"toPort\":\"T\",\"key\":0},\r\n            {\"from\":0, \"to\":-2, \"fromPort\":\"B\", \"toPort\":\"T\",\"key\":1}\r\n          ]\r\n        }),\r\n        nodeMsg:[\r\n          {\"key\":-1, \"category\":\"Start\", \"loc\":\"175 0\", \"text\":\"开始\", \"name\":\"开始\", \"type\": 1,\"ruleList\":[]},\r\n          {\"key\":0, \"loc\":\"175 100\", \"text\":\"审批节点\",  \"name\":\"审批节点\", \"category\": 'Approval',\"type\": 0,\"ruleList\":[],\"actServiceS\":[],\"actionConfig\":[],\"approvelList\":[],\"approverStyle\":0},\r\n          {\"key\":-2, \"category\":\"End\", \"loc\":\"175 200\", \"text\":\"结束\",  \"name\":\"结束\", \"type\": 2,\"actionConfig\":[{\r\n              handleValue:null,\r\n              extra_msg:{},\r\n              handleType:31\r\n            },\r\n            {\r\n              handleValue:'{}',\r\n              extra_msg:{},\r\n              handleType:41\r\n            }]}\r\n        ],\r\n        pathMsg:[\r\n          {\"from\":-1, \"to\":0, \"fromPort\":\"B\", \"toPort\":\"T\",\"ruleList\":[],\"key\":0},\r\n          {\"from\":0, \"to\":-2, \"fromPort\":\"B\", \"toPort\":\"T\",\"ruleList\":[],\"key\":1}\r\n        ],\r\n        removeNode:[],\r\n        removePath:[],\r\n      },\r\n      data:{\r\n        guiStyle:JSON.stringify({\r\n          \"class\": \"NewGraphLinksModel\",\r\n          \"linkFromPortIdProperty\": \"fromPort\",\r\n          \"linkToPortIdProperty\": \"toPort\",\r\n          \"nodeDataArray\": [\r\n            {\"key\":-1, \"category\":\"Start\", \"loc\":\"175 0\", \"text\":\"开始\", \"type\": 1},\r\n            {\"key\":0, \"loc\":\"175 100\", \"text\":\"审批节点\",\"type\": 0, \"category\": 'Approval'},\r\n            {\"key\":-2, \"category\":\"End\", \"loc\":\"175 200\", \"text\":\"结束\", \"type\": 2}\r\n          ],\r\n          \"linkDataArray\": [\r\n            {\"from\":-1, \"to\":0, \"fromPort\":\"B\", \"toPort\":\"T\",\"key\":0},\r\n            {\"from\":0, \"to\":-2, \"fromPort\":\"B\", \"toPort\":\"T\",\"key\":1}\r\n          ]\r\n        }),\r\n        nodeMsg:[\r\n          {\"key\":-1, \"category\":\"Start\", \"loc\":\"175 0\", \"text\":\"开始\", \"name\":\"开始\", \"type\": 1,\"ruleList\":[]},\r\n          {\"key\":0, \"loc\":\"175 100\", \"text\":\"审批节点\",  \"name\":\"审批节点\", \"category\": 'Approval',\"type\": 0,\"ruleList\":[],\"actServiceS\":[],\"actionConfig\":[],\"approvelList\":[],\"approverStyle\":0},\r\n          {\"key\":-2, \"category\":\"End\", \"loc\":\"175 200\", \"text\":\"结束\",  \"name\":\"结束\", \"type\": 2,\"actionConfig\":[{\r\n              handleValue:null,\r\n              extra_msg:{},\r\n              handleType:31\r\n            },\r\n            {\r\n              handleValue:'{}',\r\n              extra_msg:{},\r\n              handleType:41\r\n            }]}\r\n        ],\r\n        pathMsg:[\r\n          {\"from\":-1, \"to\":0, \"fromPort\":\"B\", \"toPort\":\"T\",\"ruleList\":[],\"key\":0},\r\n          {\"from\":0, \"to\":-2, \"fromPort\":\"B\", \"toPort\":\"T\",\"ruleList\":[],\"key\":1}\r\n        ],\r\n        removeNode:[],\r\n        removePath:[],\r\n        autoClose: true,\r\n        moduleType: 0\r\n      },\r\n      noFreshFlag:false,\r\n\r\n      readOnly:false,  //是否只读为预览模式\r\n      //存放三步骤的数据\r\n\r\n\r\n      defaultModuleType: null,  //暂存模版类型\r\n\r\n    }\r\n  },\r\n  watch:{\r\n    currentSteps (val) {\r\n      if(this.readOnly){\r\n        return\r\n      }\r\n      let componentName = `component_${val}`\r\n      if(Vue.component(componentName) === undefined){\r\n        if(val === 0 ){\r\n          Vue.component(componentName,ParameterConfiguration)\r\n        }else if(val === 1){\r\n\r\n          Vue.component(componentName,FlowChartComponent)\r\n        }else if(val === 2){\r\n          Vue.component(componentName,FlowSuccess)\r\n        }\r\n      }\r\n\r\n      this.currentComponent = componentName\r\n\r\n\r\n    }\r\n  },\r\n  methods:{\r\n    ...mapMutations(['currentChange']),\r\n    getModuleInfo (id) {\r\n      getLoad({id:id}).then((res) => {\r\n        if(res.resultCode === 0){\r\n          res.data.businessType = [{\r\n            ID:res.data.businessType,\r\n            Label:res.data.businessTypeName,\r\n            val:res.data.businessTypeText\r\n          }]\r\n\r\n          res.data.businessNumber = [{\r\n            ID:String(res.data.businessKeyId),\r\n            Label:res.data.businessKey,\r\n            val:res.data.businessKeyName\r\n          }]\r\n          this.data = res.data\r\n          this.data.guiStyle = JSON.parse(res.data.guiStyle)\r\n          this.data.moduleId = res.data.id\r\n\r\n          this.$nextTick(() => {\r\n            if(this.readOnly){\r\n              this.currentSteps = 2\r\n              this.noFreshFlag = false\r\n            }else{\r\n              this.$refs.component_1.init()\r\n              this.noFreshFlag = false\r\n            }\r\n\r\n          })\r\n        }\r\n      });\r\n    },\r\n    async nextSteps () {  //下一步\r\n      if(await this.checkModuleName()){\r\n        return false\r\n      }\r\n\r\n      if(this.currentSteps === 0 && (this.defaultModuleType != this.data.moduleType) && this.defaultModuleType !== null){\r\n        this.$Modal.fcWarning({\r\n          title:'警告',\r\n          content:'您已修改模板类型/单据类型，这将导致下一步的流程设计器内所有设置恢复初始化，是否确定更改?',\r\n          showCancel: true,\r\n          mask: true,\r\n          onOk: () => {\r\n            this.defaultModuleType = this.data.moduleType\r\n            this.data = Object.assign(this.data,JSON.parse(JSON.stringify(this.defaultData)))\r\n            if(this.data.businessType && this.data.businessType.length > 0 && this.data.name){\r\n              this.defaultModuleType = this.data.moduleType\r\n              ++this.currentSteps\r\n            }else{\r\n              this.$Modal.fcWarning({\r\n                title:'警告',\r\n                content:'请填写必填项!',\r\n                mask:true\r\n              })\r\n            }\r\n          },\r\n          onCancel: () => {\r\n          }\r\n        })\r\n        return\r\n      }\r\n\r\n\r\n      if( this.data.name && (this.data.moduleType === 0?(this.data.businessType && this.data.businessType.length > 0):true) ){\r\n        this.defaultModuleType = this.data.moduleType\r\n        ++this.currentSteps\r\n      }else{\r\n        this.$Modal.fcWarning({\r\n          title:'警告',\r\n          content:'请填写必填项!',\r\n          mask:true\r\n        })\r\n      }\r\n\r\n\r\n\r\n    },\r\n    async checkModuleName () {\r\n      await new Promise((resolve, reject) => {\r\n        let jsonObject = {\r\n          ID:this.data.moduleId,\r\n          NAME:this.data.name\r\n        }\r\n        getDuplicate(jsonObject).then(res => {\r\n            if(res.resultCode !== 0){\r\n              this.$Modal.fcWarning({\r\n                title:'警告',\r\n                content:res.resultMsg,\r\n                mask:true\r\n              })\r\n              reject()\r\n            }\r\n            resolve(res)\r\n        })\r\n      })\r\n    },\r\n    previousSteps () {  //上一步\r\n      --this.currentSteps\r\n    },\r\n    async confirm (flag) {  //确定\r\n\r\n      return await new Promise((resolve,reject) => {\r\n\r\n        var svg = this.data.myDisplay.makeImage({\r\n                                          scale: 2\r\n                                        });\r\n        this.imgBase = svg.getAttribute('src')\r\n\r\n        let nodeMsg = []\r\n        Object.keys(this.data.nodeMsg).map(item => {\r\n          nodeMsg.push(this.data.nodeMsg[item])\r\n          return item\r\n        })\r\n\r\n        let pathMsg = []\r\n        Object.keys(this.data.pathMsg).map(item => {\r\n          pathMsg.push(this.data.pathMsg[item])\r\n          return item\r\n        })\r\n        let jsonObject = {\r\n          id:this.data.moduleId,\r\n          name:this.data.name,\r\n          description:this.data.description,\r\n          GUI_STYLE:this.data.guiStyle,\r\n          url:svg.getAttribute('src'),\r\n          moduleType: this.data.moduleType,\r\n          BUSINESS_TYPE:this.data.businessType?this.data.businessType[0].ID:null,\r\n          BUSINESS_TYPE_NAME:this.data.businessType?this.data.businessType[0].Label:null,\r\n          businessTypeText:this.data.businessType?this.data.businessType[0].val:null,\r\n          businessKeyId:(this.data.businessNumber && this.data.businessNumber.length > 0)?this.data.businessNumber[0].ID:null,\r\n          businessKey:(this.data.businessNumber && this.data.businessNumber.length > 0)?this.data.businessNumber[0].Label:null,\r\n          businessKeyName:(this.data.businessNumber && this.data.businessNumber.length > 0)?this.data.businessNumber[0].val:null,\r\n          autoClose:this.data.autoClose,\r\n          businessCheckUrl:this.data.businessCheckUrl,\r\n          nodeMsg: nodeMsg,\r\n          pathMsg: pathMsg,\r\n          removeNode: this.data.removeNode,\r\n          removePath: this.data.removePath\r\n        }\r\n        getCommit(jsonObject).then(res => {\r\n            if(res.data.resultCode === 0){\r\n              // this.data = {\r\n              //   guiStyle:{\r\n              //     \"class\": \"go.GraphLinksModel\",\r\n              //     \"linkFromPortIdProperty\": \"fromPort\",\r\n              //     \"linkToPortIdProperty\": \"toPort\",\r\n              //     \"nodeDataArray\": [],\r\n              //     \"linkDataArray\": []\r\n              //   }\r\n              // }\r\n              if(!flag){\r\n                window.flag = true\r\n                this.$router.push('/TemplateManagementLists')\r\n                this.currentChange({\r\n                  path:'/TemplateManagementLists'\r\n                });\r\n              }\r\n\r\n              resolve(res)\r\n            }\r\n\r\n        })\r\n      })\r\n\r\n\r\n    },\r\n    async formatGuiStyle () {  //format整个流程图\r\n      await new Promise((resolve) => {\r\n        let startNode = {}  //获取开始节点\r\n        this.data.guiStyle.nodeDataArray.map(item => {\r\n          if(item.key === -1){\r\n            startNode = item\r\n          }\r\n        })\r\n\r\n        let startlink = {}\r\n        //获取第一根线的数据\r\n        this.data.guiStyle.linkDataArray.map(item => {\r\n          if(item.from === -1){\r\n            startlink = item\r\n          }\r\n        })\r\n\r\n        //获取连线的正确排序\r\n        let linkMap = []\r\n        new Array(this.data.guiStyle.linkDataArray.length).fill(null).map(() => {\r\n          this.data.guiStyle.linkDataArray.map(item => {\r\n            if(linkMap.length === 0 && item.from === -1){\r\n              linkMap.push(item)\r\n            }\r\n            if(linkMap.length > 0 && item.from === linkMap[linkMap.length-1].to){\r\n              linkMap.push(item)\r\n            }\r\n          })\r\n        })\r\n        this.data.guiStyle.linkDataArray = linkMap\r\n\r\n\r\n        //获取节点的正确顺序\r\n        // let nodeMap = [startNode]\r\n        this.data.guiStyle.nodeDataArray = this.data.guiStyle.linkDataArray.reduce((sum,item) => {\r\n          sum.push(this.data.Diagram.model.findNodeDataForKey(item.to))\r\n          return sum\r\n        },[startNode])\r\n\r\n\r\n        //将所有节点的x轴与开始节点对齐\r\n        this.data.guiStyle.nodeDataArray.map((item,index) => {\r\n          let loc = item.loc.split(' ')\r\n          loc[0] = startNode.loc.split(' ')[0]\r\n          loc[1] = Number(startNode.loc.split(' ')[1]) + index*80\r\n          item.loc = loc.join(' ')\r\n        })\r\n\r\n        //将所有连线的x轴与开始节点对齐\r\n        this.data.guiStyle.linkDataArray.map((item,index) => {\r\n          item.points.j.map(temp => {\r\n            temp.F = startlink.points.j[0].F\r\n          })\r\n\r\n          item.points.j.map((temp,j) => {\r\n            if(index === 0){\r\n              if(j !== item.points.j.length-1){\r\n                temp.G = Number(this.data.guiStyle.nodeDataArray[index].loc.split(' ')[1])+20\r\n              }else{\r\n                temp.G = Number(this.data.guiStyle.nodeDataArray[index+1].loc.split(' ')[1])-20\r\n              }\r\n            }else if(index === this.data.guiStyle.linkDataArray.length - 1){\r\n              if(j !== item.points.j.length-1){\r\n                temp.G = Number(this.data.guiStyle.nodeDataArray[index].loc.split(' ')[1])+20\r\n              }else{\r\n                temp.G = Number(this.data.guiStyle.nodeDataArray[index+1].loc.split(' ')[1])-20\r\n              }\r\n            }else{\r\n              if(j !== item.points.j.length-1){\r\n                temp.G = Number(this.data.guiStyle.nodeDataArray[index].loc.split(' ')[1])+20\r\n              }else{\r\n                temp.G = Number(this.data.guiStyle.nodeDataArray[index+1].loc.split(' ')[1])-20\r\n              }\r\n            }\r\n\r\n          })\r\n        })\r\n\r\n        this.data.Diagram.model = go.Model.fromJson(this.data.guiStyle)\r\n\r\n        setTimeout(() => {\r\n          resolve()\r\n        },100)\r\n      })\r\n    },\r\n    dataChange (data) {  //每一步中的数据变化\r\n      this.data = Object.assign(this.data,data)\r\n    },\r\n    close () {\r\n      this.$router.push('/TemplateManagementLists')\r\n      this.currentChange({\r\n        path:'/TemplateManagementLists'\r\n      });\r\n    },\r\n    confirmAndPublish () {  //保存并发布\r\n      this.confirm(true).then(res => {\r\n        getPublish({id:res.data.data.id}).then((response) => {\r\n          if(response.data.resultCode === 0){\r\n            this.$router.push('/TemplateManagementLists')\r\n            this.currentChange({\r\n              path:'/TemplateManagementLists'\r\n            });\r\n          }\r\n        })\r\n      })\r\n    }\r\n  },\r\n  created () {\r\n    Vue.component(`component_${this.currentSteps}`,Vue.extend(Object.assign({isKeepAliveModel:true},ParameterConfiguration)))\r\n    this.currentComponent = `component_${this.currentSteps}`\r\n    console.log(this.$route.params.id,99998)\r\n    if(this.$route.params.flag === '1'){\r\n      this.readOnly = true\r\n      this.noFreshFlag = true\r\n      this.getModuleInfo(this.$route.params.id)\r\n      return\r\n    }\r\n    if(this.$route.params.id === undefined){  //新增\r\n      console.log(22233)\r\n    }else{  //编辑\r\n      this.noFreshFlag = true\r\n      this.currentSteps = 1\r\n      this.getModuleInfo(this.$route.params.id)\r\n    }\r\n  },\r\n  beforeDestroy () {\r\n\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" >\r\n.TemplateManagementNew{\r\n  padding:16px;\r\n  background: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  .breadcrumb{\r\n    margin-bottom: 30px;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .steps{\r\n    width: 75%;\r\n    margin-left: 12.5%;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .content{\r\n    flex:1;\r\n    border:1px solid rgba(220,222,226,1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    // 预览tips\r\n    .tips{\r\n      width:260px;\r\n      height:204px;\r\n      background:rgba(236,236,236,1);\r\n      padding: 16px;\r\n      box-sizing: border-box;\r\n      display: inline-block;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      z-index: 99;\r\n      >p{\r\n        font-weight:400;\r\n        color:rgba(52,52,52,1);\r\n        line-height:16px;\r\n        margin-bottom: 12px;\r\n        display: flex;\r\n\r\n        >span:first-child{\r\n          margin-right: 8px;\r\n          white-space: nowrap;\r\n        }\r\n\r\n        >span:last-child{\r\n          word-break: break-all;\r\n        }\r\n      }\r\n    }\r\n\r\n    .block{\r\n      flex: 1;\r\n    }\r\n\r\n    .buttonGroups{\r\n      text-align: right;\r\n      padding-bottom: 16px;\r\n\r\n      button{\r\n        margin-right: 10px;\r\n\r\n        &:last-child{\r\n          margin-right:16px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .burgeon-steps-item.burgeon-steps-status-finish .burgeon-steps-head-inner > .burgeon-steps-icon, .burgeon-steps-item.burgeon-steps-status-finish .burgeon-steps-head-inner span{\r\n    color: white;\r\n  }\r\n\r\n  .burgeon-steps-item.burgeon-steps-status-finish .burgeon-steps-head-inner{\r\n    border-color: #09A155;\r\n    background: #09A155;\r\n  }\r\n}\r\n</style>\r\n"]}]}