静态交易修改

src/views/Statics/Oit/views/Dbioit/OitInfo.vue

+<template>
+  <div class="eibs-tab">
+    <c-col :span="12" class="col-left">
+      <!-- <c-col :span="24">
+        <el-form-item label="inr" prop="inr">
+            <c-input
+                v-model="model.inr"
+                placeholder="请输入inr"
+            >
+            </c-input>
+        </el-form-item>
+    </c-col> -->
+      <c-col :span="24">
+        <el-form-item label="关联的表名" prop="objtyp">
+          <c-select
+            v-model="model.objtyp"
+            placeholder="请输入关联的表名"
+            :code="getCodesByKey('objtypcodetable')"
+            :disabled="isDisabled"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="Key" prop="ownref">
+          <c-input
+            v-model="model.ownref"
+            placeholder="请输入ownref"
+            :disabled="isDisabled"
+          >
+          </c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="Name" prop="nam">
+          <c-input
+            v-model="model.nam"
+            placeholder="请输入nam"
+            :disabled="isDisabled"
+          >
+          </c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="提示类型" prop="subtyp">
+          <c-select
+            v-model="model.subtyp"
+            placeholder="请输入提示类型"
+            :code="getCodesByKey('subtypcodetable')"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="相关业务品种" prop="subbus">
+          <c-select
+            v-model="model.subbus"
+            placeholder="请输入相关业务品种"
+            :code="getCodesByKey('bustxt')"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="提示信息级别" prop="inflev">
+          <c-select
+            v-model="model.inflev"
+            placeholder="请输入提示信息级别"
+            :code="getCodesByKey('inflevcodetable')"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="提示信息内容" prop="inftxt">
+          <c-input v-model="model.inftxt" placeholder="请输入提示信息内容">
+          </c-input>
+        </el-form-item>
+      </c-col>
+
+      <!-- <c-col :span="24">
+        <el-form-item label="机构层次" prop="lev">
+            <c-select style="width: 100%"
+                v-model="model.lev"
+               placeholder="请选择机构层次"
+                :code="getCodesByKey('lev')"
+            >
+            </c-select>
+        </el-form-item>
+    </c-col> -->
+    </c-col>
+  </div>
+</template>
+
+<script>
+import codes from '~/config/CodeTable'
+export default {
+  name: '',
+  props: ['model'],
+  data() {
+    return {}
+  },
+  computed: {
+    isDisabled() {
+      //return this.type === 'edit'
+      return false
+    },
+  },
+  methods: {
+    getCodesByKey(key) {
+      return codes[key] ?? []
+    },
+  },
+}
+</script>
+
+<style></style>

src/views/Statics/Oit/views/Dbioit/Oitp1.vue

+<template>
+  <div class="eibs-tab">
+    <c-table :list="model.oitList" :columnsConfig="columns"></c-table>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ['model'],
+  data() {
+    return {
+      columns: [
+        { label: 'client name', prop: 'mannam', width: 'auto' },
+        { label: 'OITINR', prop: 'oitinr', width: 'auto' },
+        { label: 'Default Client', prop: 'oitref', width: 'auto' },
+      ],
+    }
+  },
+}
+</script>
+
+<style></style>

src/views/Statics/Oit/views/Dbioit/Oitp2.vue

+<template>
+  <div class="eibs-tab">
+    <c-col :span="24">
+      <!-- ======================= 左边 ========================= -->
+      <c-col :span="17" class="col-left" style="padding-right: 20px"> </c-col>
+      <!-- ======================= 右边 ========================= -->
+      <c-col :span="7" class="col-right" style="padding-left: 20px"> </c-col>
+    </c-col>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ['model'],
+  data() {
+    return {
+      columns: [
+        { label: '机构编码', prop: 'bchkey', width: 'auto' },
+        { label: '交易代码', prop: 'trn', width: 'auto' },
+        { label: '授权货币', prop: 'relcur', width: 'auto' },
+        { label: '授权金额', prop: 'relamt', width: 'auto' },
+        { label: '交易属性', prop: 'relflg', width: 'auto' },
+      ],
+    }
+  },
+}
+</script>
+
+<style></style>

src/views/Statics/Oit/views/Dbioit/index.vue

+<template>
+  <div class="eContainer">
+    <c-page :title="title">
+      <el-form
+        ref="modelForm"
+        label-width="140px"
+        size="small"
+        label-position="right"
+        :model="model"
+        :rules="rules"
+        :validate-on-rule-change="false"
+        :disabled="isDisabled"
+      >
+        <c-tabs v-model="tabVal" ref="elment" type="card">
+          <el-tab-pane label="消息信息" name="oit">
+            <c-content>
+              <m-oitp0 :model="model" />
+            </c-content>
+          </el-tab-pane>
+        </c-tabs>
+      </el-form>
+      <div style="text-align: center">
+        <c-button
+          type="primary"
+          style="margin-right: 10px"
+          @click="commitAdd"
+          v-if="type === 'add'"
+          >提 交</c-button
+        >
+        <c-button
+          type="primary"
+          style="margin-right: 10px"
+          @click="commitEdit"
+          v-if="type === 'edit'"
+          >提 交</c-button
+        >
+        <c-button
+          type="primary"
+          style="margin-right: 10px"
+          @click="commitDelete"
+          v-if="type === 'delete'"
+          >提 交</c-button
+        >
+        <c-button type="primary" @click="goBack">返 回</c-button>
+      </div>
+    </c-page>
+  </div>
+</template>
+
+<script>
+import Utils from '~/utils'
+import Oit, { Pattern } from './Oit.js'
+
+// import Bchp0 from "./Bchp0.vue";
+import OitInfo from './OitInfo.vue'
+import Oitp1 from './Oitp1.vue'
+import Oitp2 from './Oitp2.vue'
+
+import { queryById, add, edit, deleteById } from '~/service/test/oit.js'
+export default {
+  name: 'StaticsDbioit',
+  components: {
+    'm-oitp0': OitInfo,
+    'm-oitp1': Oitp1,
+    'm-oitp2': Oitp2,
+  },
+  provide() {
+    return {
+      root: this,
+    }
+  },
+  props: {
+    type: {
+      type: String,
+      default: 'info',
+    },
+    title: {
+      type: String,
+      default: 'dbioit',
+    },
+  },
+  data() {
+    return {
+      model: new Oit().data,
+      tabVal: 'oit',
+      rules: Pattern,
+    }
+  },
+  computed: {
+    isDisabled() {
+      return this.type === 'info' || this.type === 'delete'
+    },
+  },
+  created() {
+    if (this.type !== 'add') {
+      //const inr = this.$route.params.inr
+      const params = this.$route.params
+      queryById(params).then((res) => {
+        if (res.inr) {
+          this.model = res
+        } else {
+          this.$message.error('客户不存在')
+        }
+      })
+    }
+  },
+  methods: {
+    commitAdd() {
+      this.$refs.modelForm.validate((validated) => {
+        if (validated) {
+          add(this.model)
+            .then((res) => {
+              this.$message.success('保存成功！')
+              this.goBack(true)
+            })
+            .catch((err) => {
+              this.$message.error('保存失败！')
+            })
+        } else {
+          Utils.formValidateTips(this.$refs.modelForm.fields)
+        }
+      })
+    },
+    commitEdit() {
+      this.$refs.modelForm.validate((validated) => {
+        if (validated) {
+          edit(this.model)
+            .then((res) => {
+              this.$message.success('保存成功！')
+              this.goBack()
+            })
+            .catch((err) => {
+              this.$message.error('保存失败！')
+            })
+        } else {
+          Utils.formValidateTips(this.$refs.modelForm.fields)
+        }
+      })
+    },
+    commitDelete() {
+      this.$confirm('是否确认删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          const params = this.$route.params
+          deleteById(params)
+            .then((res) => {
+              this.$message.success('删除成功！')
+              this.goBack(true)
+            })
+            .catch((err) => {
+              this.$message.error('删除失败！')
+            })
+        })
+        .catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除',
+          })
+        })
+    },
+    /**
+     * update 是否更新infbch的查询列表
+     */
+    goBack(update) {
+      this.$store.dispatch('TagsView/delView', this.$route)
+      this.$router.push({ name: 'StaticsInfoit', params: { update } })
+    },
+  },
+}
+</script>
+<style></style>