zbcx_ckyc 1.0.0

package/src/plugins/app/znycpjxt/CusTools/DmfbForm.vue

@@ -0,0 +1,351 @@
+<style lang='scss' scoped>
+  .cust-border {width: 100%; height: 100%; border: 0.01rem solid var(--cx-colorBorder1); padding: 0.16rem; box-sizing:border-box}
+  .active-name{width: 98.8%; height: 6%; font-size: 0.2rem; font-weight: 400; box-sizing: border-box; padding-left: 0.1rem; padding-right: 0.1rem;  margin: auto; line-height: 0.5rem; border-radius: 0.06rem; box-shadow: var(--cx-boxShadow5); border: .01rem solid var(--cx-colorBorder1); color: var(--cx-colorText0); background: var(--cx-colorBg5); display: flex;align-items: center;justify-content: space-between;}
+  .code-content{position: absolute; right: 0; top: 0; }
+  .param-content{width: 100%; height: 25%; margin-top: 0.25rem; overflow-y: auto; border: 0.01rem solid var(--cx-colorBorder1); padding: 0.16rem;box-sizing:border-box}
+  .yxjg-content{height: 40%;}
+  .code-editor{margin-top: 0.05rem;}
+  .res-box{display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; overflow: auto;}
+</style>
+
+<template>
+  <div class="active-name">
+    <span>{{}}</span>
+    <el-button class="btn_sm" type="primary" @click="back">返回</el-button>
+  </div>
+  <cx-layout padding style="height: 94%;">
+    <cx-region region="west" width="60%" gutter>
+      <RightContent :noBtn="true"  title="运行代码">
+        <div class="code-content">
+          <cx-button icon="cx-fi ic-toBottom" @click="viewFile('自定义工具代码规范')">代码规范说明</cx-button>
+          <cx-button icon="cx-fi ic-card" @click="viewFile('代码示例')">代码示例</cx-button>
+          <cx-button @click="runCode" icon="cx-fi ic-play">运行</cx-button>
+        </div>
+        <CxCodeEditor class="code-editor" v-model="code" language="Python" />
+      </RightContent>
+    </cx-region>
+    <cx-region region="center" title="参数设置">
+      <RightContent :noBtn="true">
+        <div class="code-content">
+          <cx-button @click="publish(1)" icon="cx-fi ic-upload">发布</cx-button>
+          <cx-button @click="publish(0)" icon="cx-fi ic-save">保存</cx-button>
+        </div>
+        <div class="param-content">
+          <span>输入参数</span>
+          <ParamSelect ref="paramSelect" :data="paramData" :option="option" addable />
+        </div>
+        <div class="param-content">
+          <span>输出参数</span>
+          <ParamSelect ref="paramSelectSc" :data="paramDataCs" :option="option" addable noValue />
+        </div>
+        <div class="param-content yxjg-content">
+          <span>运行结果</span>
+          <div v-for="(item, index) in codeResult" :key="index">
+            {{item.colname}}：
+            <img v-if="item.colname === 'graph'" :src="item.value.indexOf('data:image/png;base64,') === 0 ? item.value :('data:image/png;base64,'+item.value)" style="width: 100%;height: 100%;">
+            <cx-button v-else-if="item.colname === 'file'" type="primary" @click="download(item.value)">下载</cx-button>
+            <span v-else>{{item.value}}</span>
+          </div>
+        </div>
+      </RightContent>
+    </cx-region>
+  </cx-layout>
+</template>
+
+<script>
+
+/**
+ * 插件 - 公共工具
+ */
+
+/**
+ * 修改记录:
+ * 25-04-15    黄佳龙     首次编写
+ */
+import RightContent from '../coms/RightContent.vue'
+import ParamSelect from './ParamSelect.vue'
+import CxCodeEditor from './CodeEditor/CodeEditor.vue'
+import CodeApi from './CodeApi'
+
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  components: { RightContent, ParamSelect, CxCodeEditor },
+  data()
+  {
+    return {
+      paramData: [],     // 输入参数
+      paramDataCs: [],   // 输出参数
+      option: [],
+      code: '',           // 代码
+      codeResult: '',     // 运行结果
+      input: null,
+      output: null
+    }
+  },
+
+  created()
+  {
+    if (this.params.isEdit)
+      this.getCode()
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 返回
+     */
+    back()
+    {
+      cx.run.runPlug('Zdygj', { route: 'Gjbjyfb', title: '工具编辑与发布', type: 'Zdygj', namec: '自定义工具' })
+    },
+
+    /**
+     * 获取代码
+     */
+    getCode()
+    {
+      this.code = this.params.code
+      if (this.params.input)
+      {
+        let tabArr = []
+        let input = JSON.parse(this.params.input)
+        for (let i in input.input)
+        {
+          let a = {
+            colname: i,
+            require: input.input[i].require,
+            colvalue: input.params[i],
+            namec: input.input[i].namec,
+            coltype: input.input[i].type,
+            optionType: [
+              { label: '数字', value: 'number' },
+              { label: '字符串', value: 'string' },
+              { label: '文件', value: 'file' }
+            ]
+          }
+          tabArr.push(a)
+        }
+        this.paramData = tabArr
+      }
+      if (this.params.output)
+      {
+        let tabArr = []
+        let output = JSON.parse(this.params.output)
+        for (let i in output)
+        {
+          let a = {
+            colname: i,
+            coltype: output[i],
+            optionType: [
+              { label: '数字', value: 'number' },
+              { label: '字符串', value: 'string' },
+              { label: '文件', value: 'file' }
+            ]
+          }
+          tabArr.push(a)
+        }
+        this.paramDataCs = tabArr
+      }
+    },
+
+    /**
+     * 运行代码
+     */
+    runCode()
+    {
+      let params = {}
+      this.putData(params)
+      CodeApi.predebug({
+        code: this.code,
+        params: params,
+        input: this.input,
+        output: this.output
+      }, {
+        ip: $g.syscfg.pyip,
+        port: this.params.port,
+        isrequest: 1
+      }).then(res =>
+      {
+        this.codeResult = []
+        if (!res.ret)
+        {
+          this.$showMsg('运行通过', 'success')
+          for (let i in res.result)
+            this.codeResult.push({ colname: i, value: res.result[i] })
+        }
+        else
+          this.$showMsg('运行失败', 'error')
+      }).catch(this.onError)
+    },
+
+    /**
+     * 处理参数
+     * @param {Object} params 参数对象
+     */
+    putData(params)
+    {
+      let input = {}
+      let output = {}
+      this.$refs.paramSelect.tabData.forEach(item =>
+      {
+        params[item.colname] = item.coltype == 'number' ? Number(item.colvalue) : item.colvalue
+        input[item.colname] = {
+          type: item.coltype,
+          namec: item.namec,
+          require: item.require
+        }
+      })
+      this.$refs.paramSelectSc.tabData.forEach(item =>
+      {
+        output[item.colname] = item.coltype
+      })
+      this.input = input
+      this.output = output
+    },
+
+    /**
+     * 发布代码
+     * @param {Number} state 发布状态
+     */
+    publish(state)
+    {
+      let params = {}
+      this.$refs.paramSelect.tabData.forEach(item =>
+      {
+        params[item.colname] = item.colvalue
+      })
+      CodeApi.releasecheck({
+        code: this.code,
+        params: params,
+        userid: 'code' + $g.user.id
+      }, {
+        ip: $g.syscfg.pyip,
+        port: this.params.port,
+        isrequest: 1
+      }).then(res =>
+      {
+        if (!res.ret)
+        {
+          this.$showMsg('检查通过', 'success')
+          this.saveCode(state)
+        }
+        else
+          this.$showMsg('检查失败', 'error')
+      }).catch(this.onError)
+    },
+
+    /**
+     * 保存代码
+     * @param {Number} state 发布状态
+     */
+    saveCode(state)
+    {
+      if (!this.params.isEdit)
+      {
+        const onOk = (att) =>
+        {
+          let params = {}
+          this.putData(params)
+          this.$processing.show()
+          att.username = $g.user.name
+          att.userid = $g.user.id
+          att.code = this.code
+          att.input = JSON.stringify({ input: this.input, params: params })
+          att.output = JSON.stringify(this.output)
+          att.state = 1
+          return cx.svr.attOper.insert($app.TabConst.zdygjsxb.major, $app.TabConst.zdygjsxb.minor, att, 1)
+            .then(ret =>
+            {
+              this.$showMsg('保存成功', 'success')
+              this.$processing.close()
+              return true
+            })
+            .catch(err =>
+            {
+              this.$processing.close()
+              this.onError(err)
+            })
+        }
+        let params =
+      {
+        major: $app.TabConst.zdygjsxb.major,
+        minor: $app.TabConst.zdygjsxb.minor,
+        title: '代码保存',
+        att: { state: state, debug_state: 1, udate: cx.formatter.dateDb(cx.datetime.now()) },
+        onOk
+      }
+        cx.run.runPlug('AttInput', params)
+      }
+      else
+      {
+        let params = {}
+        this.putData(params)
+        let att = {
+          id: this.params.id,
+          input: JSON.stringify({ input: this.input, params: params }),
+          output: JSON.stringify(this.output)
+        }
+        cx.svr.data.update($app.TabConst.zdygjsxb.major, $app.TabConst.zdygjsxb.minor, att).then(() =>
+        {
+          this.$showMsg('保存成功', 'success')
+        }).catch((err) =>
+        {
+          this.onError(err)
+        })
+      }
+    },
+
+    /**
+     * 错误处理
+     * @param {Error} err 错误对象
+     */
+    onError(err)
+    {
+      this.$showMsg(err.msg, 'error')
+    },
+
+    /**
+     * 查看文件
+     * @param {String} type 文件类型
+     */
+    viewFile(type)
+    {
+      const data =
+      {
+        src: `static/img/sm/${type}.docx`,
+        filetype: 'docx'
+      }
+      cx.run.runPlug('FileView', { data })
+    },
+
+    /**
+     * 下载文件
+     * @param {String} file 文件路径
+     */
+    download(file)
+    {
+      let medias = { entityid: 0, filename: file, mode: 2, title: file.split('/')[file.split('/').length - 1], uperson: $g.user.name, major: 0, minor: 0, update: cx.formatter.datetimeDb(new Date()) }
+      cx.svr.data.add(cx.consts.SYSTAB, cx.consts.MEDIA, medias, 1).then(res1 =>
+      {
+        CodeApi.requestserver({
+          port: this.params.port,
+          func: 'doc/pub/save',
+          path: '',
+          param: {
+            files: [file]
+          }
+        }).then((res2) =>
+        {
+          if (res2.ret == 0)
+            cx.svr.doc.download({ id: res1.id })
+        })
+      }).catch(err =>
+      {
+        this.onError(err)
+      })
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/CusTools/GjForm.vue

@@ -0,0 +1,206 @@
+<style lang='scss' scoped>
+  .cust-border {width: 100%; height: 100%; border: 0.01rem solid var(--cx-colorBorder1); padding: 0.16rem; box-sizing: border-box;}
+  .active-name {width: 98.8%; height: 6%; font-size: 0.2rem; font-weight: 400; box-sizing: border-box; padding-left: 0.1rem; padding-right: 0.1rem; margin: auto; line-height: 0.5rem; border-radius: 0.06rem; box-shadow: var(--cx-boxShadow5); border: .01rem solid var(--cx-colorBorder1); color: var(--cx-colorText0); background: var(--cx-colorBg5); display: flex; align-items: center; justify-content: space-between;}
+  .res-box {display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; overflow: auto;}
+</style>
+
+<template>
+  <div class="active-name">
+    <span>{{this.params.namec}}</span>
+    <el-button class="btn_sm" type="primary" @click="back">返回</el-button>
+  </div>
+  <cx-layout padding style="height: 94%;">
+   <cx-region region="west" width="4.2rem" gutter>
+     <GetFormData :fldsData="fldsData" @ok-click="onOk"></GetFormData>
+   </cx-region>
+   <cx-region region="center" >
+     <RightContent :noBtn="true"  title="输出" @ok-click="onExportResult">
+      <div class="res-box">
+        <div v-for="(item, index) in codeResult" :key="index">
+          {{item.colname}}：
+          <img v-if="item.colname === 'graph'" :src="item.value.indexOf('data:image/png;base64,') === 0 ? item.value :('data:image/png;base64,'+item.value)" style="width: 100%;height: 100%;">
+          <cx-button v-else-if="item.colname === 'file'" type="primary" @click="download(item.value)">下载</cx-button>
+          <span v-else>{{item.value}}</span>
+        </div>
+      </div>
+     </RightContent>
+   </cx-region>
+  </cx-layout>
+</template>
+
+<script>
+
+/**
+ * 插件 - 公共工具
+ */
+
+/**
+ * 修改记录:
+ * 25-04-15    黄佳龙     首次编写
+ */
+
+import GetFormData from '../ExceptHandlModel/GeneralCalculation/GetFormData.vue'
+import RightContent from '../coms/RightContent.vue'
+import CodeApi from './CodeApi'
+
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  components: { GetFormData, RightContent },
+  data()
+  {
+    return {
+      fldsData: [],
+      tabdatas: {},
+      plzftdatas: {
+        x: [], y: []
+      },
+      czdx: '',
+      file: '',
+      select: '',
+      graph: '',
+      datasPc: null,
+      hygl: null,
+      userPort: null,
+      codeResult: null
+    }
+  },
+
+  created()
+  {
+    this.getPort()
+    this.makeFlds()
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 获取当前用户的端口
+     */
+    getPort()
+    {
+      CodeApi.checkcontainer({
+        userid: 'code' + $g.user.id
+      }).then(res =>
+      {
+        if (!res.ret)
+          this.userPort = res
+      }).catch(this.onError)
+    },
+
+    /**
+     * 生成字段数据
+     */
+    makeFlds()
+    {
+      let flds = []
+      if (this.params.input)
+      {
+        let input = JSON.parse(this.params.input)
+        for (let i in input.input)
+        {
+          let a = {
+            colname: i,
+            namec: input.input[i].namec,
+            disptype: input.input[i].type == 'file' ? 'seldynaList' : 'input',
+            placeholder: '请输入',
+            isNumber: input.input[i].type == 'number',
+            default: input.params[i],
+            disabled: false,
+            nullable: !!input.input[i].require,
+            filetype: 'excel,csv,grd,POLYLINE,tif,POLYGON'
+          }
+          if (input.input[i].type == 'file')
+            a.fileUrl = 'url'
+          flds.push(a)
+        }
+        this.fldsData = {
+          name: this.params.namec,
+          type: 'dataanly',
+          flds: flds
+        }
+      }
+    },
+
+    /**
+     * 确认运行
+     * @param {Object} form 表单数据
+     * @param {Object} selection 选中项
+     */
+    onOk(form, selection)
+    {
+      CodeApi.predebug({
+        code: this.params.code,
+        params: form,
+        input: JSON.parse(this.params.input).input,
+        output: JSON.parse(this.params.output)
+      }, {
+        ip: $g.syscfg.pyip,
+        port: this.userPort.port,
+        isrequest: 1
+      }).then(res =>
+      {
+        this.codeResult = []
+        if (!res.ret)
+        {
+          this.$showMsg('运行通过', 'success')
+          for (let i in res.result)
+            this.codeResult.push({ colname: i, value: res.result[i] })
+        }
+        else
+          this.$showMsg('运行失败', 'error')
+      }).catch(this.onError)
+    },
+
+    /**
+     * 错误处理
+     * @param {Error} err 错误对象
+     */
+    onError(err)
+    {
+      vm.$processing.close()
+      this.$showRet(err)
+    },
+
+    /**
+     * 返回
+     */
+    back()
+    {
+      cx.run.runPlug('Zngjj')
+    },
+
+    /**
+     * 下载文件
+     * @param {String} file 文件名
+     */
+    download(file)
+    {
+      let medias = { entityid: 0, filename: file, mode: 2, title: file.split('/')[file.split('/').length - 1], uperson: $g.user.name, major: 0, minor: 0, update: cx.formatter.datetimeDb(new Date()) }
+      cx.svr.data.add(cx.consts.SYSTAB, cx.consts.MEDIA, medias, 1).then(res1 =>
+      {
+        // Api.pubSave({ files: [file] }).then((res2) =>
+        // {
+        //   if (res2.ret == 0)
+        CodeApi.requestserver({
+          port: this.userPort.port,
+          func: 'doc/pub/save',
+          path: '',
+          param: {
+            files: [file]
+          }
+        }).then((res2) =>
+        {
+          if (res2.ret == 0)
+            cx.svr.doc.download({ id: res1.id })
+        })
+        // })
+      }).catch(err =>
+      {
+        this.onError(err)
+      })
+    }
+  }
+}
+</script>