style:字典信息

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-19 09:50:23
+-->
 <template>
   <dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
     @closeDialog="closeDialog" v-model="value">
@@ -26,7 +31,7 @@
           <el-col :span="12">
             <el-form-item label="接口方式:" prop="interfaceMethod">
               <el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择">
-                <el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item" ></el-option>
+                <el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -58,115 +63,115 @@
 </template>
 
 <script>
-import { addSysInterface, editSysInterface} from "@/api/ptjk.js"
-export default {
-  components: {
-  },
-  computed: {
-  },
-  props: {
-    value: { type: Boolean, default: false },
-    editFlag: {type: Boolean,default:false}
-  },
-  data () {
-    return {
-      //表单提交数据
-      interfaceMethods: ['webapi','webservice'],
-      interfaceTypes: [
-          {'label': '工作流服务平台','value':'1'},
-          {'label': '权限平台','value':'2'},
-          {'label': '定时器服务','value':'3'},
-          {'label': '其他第三方平台','value':'4'},
-      ],
-      ruleForm: {
-        interfaceCode: '',
-        interfaceService: '',
-        interfaceDescription: '',
-        interfaceApi: '',
-        interfaceMethod: '',
-        interfaceType: '',
-        interfaceKey: '',
-      },
-      rules: {
-        interfaceCode: [
-          { required: true, message: '接口代码不能为空', trigger: 'blur' }
-        ],
-        interfaceService: [
-          { required: true, message: '接口服务名称不能为空', trigger: 'blur' }
-        ],
-        interfaceApi: [
-          { required: true, message: '接口api地址不能为空', trigger: 'blur' }
-        ],
-        interfaceMethod: [
-          { required: true, message: '接口方式不能为空', trigger: 'change' }
-        ],
-        interfaceType: [
-          { required: true, message: '入库编号不能为空', trigger: 'change' }
+  import { addSysInterface, editSysInterface } from "@/api/ptjk.js"
+  export default {
+    components: {
+    },
+    computed: {
+    },
+    props: {
+      value: { type: Boolean, default: false },
+      editFlag: { type: Boolean, default: false }
+    },
+    data () {
+      return {
+        //表单提交数据
+        interfaceMethods: ['webapi', 'webservice'],
+        interfaceTypes: [
+          { 'label': '工作流服务平台', 'value': '1' },
+          { 'label': '权限平台', 'value': '2' },
+          { 'label': '定时器服务', 'value': '3' },
+          { 'label': '其他第三方平台', 'value': '4' },
         ],
-      },
-    }
-  },
-  methods: {
-    //表单提交
-    submitForm () {
-      let that = this;
-      that.$refs.ruleForm.validate(valid => {
-        if (valid) {
-            if(this.editFlag){
-                this.editInterface();
-            }else{
-                this.addInterface();
-            }
-        } else {
-          // console.log('error submit!!');
-          return false;
-        }
-      });
+        ruleForm: {
+          interfaceCode: '',
+          interfaceService: '',
+          interfaceDescription: '',
+          interfaceApi: '',
+          interfaceMethod: '',
+          interfaceType: '',
+          interfaceKey: '',
+        },
+        rules: {
+          interfaceCode: [
+            { required: true, message: '接口代码不能为空', trigger: 'blur' }
+          ],
+          interfaceService: [
+            { required: true, message: '接口服务名称不能为空', trigger: 'blur' }
+          ],
+          interfaceApi: [
+            { required: true, message: '接口api地址不能为空', trigger: 'blur' }
+          ],
+          interfaceMethod: [
+            { required: true, message: '接口方式不能为空', trigger: 'change' }
+          ],
+          interfaceType: [
+            { required: true, message: '入库编号不能为空', trigger: 'change' }
+          ],
+        },
+      }
     },
-    //新增接口
-    addInterface(){
-        addSysInterface(this.ruleForm).then(res => {
-            if(res.code == 200){
-                this.$message.success("保存成功");
-                this.closeDialog();
-                this.$parent.queryClick();
-            }else{
-                this.$message.error(res.message)
+    methods: {
+      //表单提交
+      submitForm () {
+        let that = this;
+        that.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            if (this.editFlag) {
+              this.editInterface();
+            } else {
+              this.addInterface();
             }
+          } else {
+            // console.log('error submit!!');
+            return false;
+          }
+        });
+      },
+      //新增接口
+      addInterface () {
+        addSysInterface(this.ruleForm).then(res => {
+          if (res.code == 200) {
+            this.$message.success("保存成功");
+            this.closeDialog();
+            this.$parent.queryClick();
+          } else {
+            this.$message.error(res.message)
+          }
         })
-    },
-    //编辑接口
-    editInterface(){
+      },
+      //编辑接口
+      editInterface () {
         editSysInterface(this.ruleForm).then(res => {
-            if(res.code == 200){
-                this.$message.success("编辑成功");
-                this.closeDialog();
-                this.$parent.queryClick();
-            }else{
-                this.$message.error(res.message)
-            }
+          if (res.code == 200) {
+            this.$message.success("编辑成功");
+            this.closeDialog();
+            this.$parent.queryClick();
+          } else {
+            this.$message.error(res.message)
+          }
         })
-    },
-    //获取详情
-    getDetailInfo(item){
-      this.ruleForm = item
-    },
-    //关闭弹窗
-    closeDialog () {
-      this.$emit("input", false);
-      this.ruleForm = {
-        interfaceCode: '',
-        interfaceService: '',
-        interfaceDescription: '',
-        interfaceApi: '',
-        interfaceMethod: '',
-        interfaceType: '',
-        interfaceKey: '',
+      },
+      //获取详情
+      getDetailInfo (item) {
+        this.ruleForm = item
+      },
+      //关闭弹窗
+      closeDialog () {
+        this.$emit("input", false);
+        this.ruleForm = {
+          interfaceCode: '',
+          interfaceService: '',
+          interfaceDescription: '',
+          interfaceApi: '',
+          interfaceMethod: '',
+          interfaceType: '',
+          interfaceKey: '',
+        }
       }
     }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-19 09:50:36
+-->
 <template>
   <div class="from-clues">
     <!-- 表单部分 -->
@@ -37,72 +42,72 @@
   </div>
 </template>
 <script>
-import { mapGetters } from 'vuex'
-import table from "@/utils/mixin/table"
-import { datas, sendThis } from "./ptjkdata"
-import { getSysInterfaceList } from '@/api/ptjk.js'
-import addDialog from "./components/addDialog.vue"
-import retrieveDialog from "./components/retrieveDialog.vue"
-export default {
-  name: "ptjk",
-  components: { addDialog, retrieveDialog },
-  mixins: [table],
-  mounted () {
-    sendThis(this);
-    this.queryClick()
-  },
-  computed: {
-    ...mapGetters(['dictData'])
-  },
-  data () {
-    return {
-      addDialog: false,
-      retrieveDialog: false,
-      editFlag: false,
-      queryForm: {
-        ywly: "",
-        qllx: "",
-        djlx: "",
-        ywh: "",
-      },
-      tableData: {
-        total: 0,
-        columns: datas.columns(),
-        data: [],
-      },
-    };
-  },
-  methods: {
-    queryClick () {
-      this.$startLoading()
-      getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
-        this.$endLoading()
-        if (res.code == 200) {
-          let { total, records } = res.result
-          this.tableData.total = total;
-          this.tableData.data = records ? records : []
-        }
-      })
+  import { mapGetters } from 'vuex'
+  import table from "@/utils/mixin/table"
+  import { datas, sendThis } from "./ptjkdata"
+  import { getSysInterfaceList } from '@/api/ptjk.js'
+  import addDialog from "./components/addDialog.vue"
+  import retrieveDialog from "./components/retrieveDialog.vue"
+  export default {
+    name: "ptjk",
+    components: { addDialog, retrieveDialog },
+    mixins: [table],
+    mounted () {
+      sendThis(this);
+      this.queryClick()
     },
-    //打开新增
-    openDialog () {
-      this.editFlag = false;
-      this.addDialog = true;
+    computed: {
+      ...mapGetters(['dictData'])
     },
-    //打开编辑
-    editInterface (item) {
-      this.editFlag = true;
-      this.addDialog = true;
-      this.$refs.addDialog.getDetailInfo(item);
+    data () {
+      return {
+        addDialog: false,
+        retrieveDialog: false,
+        editFlag: false,
+        queryForm: {
+          ywly: "",
+          qllx: "",
+          djlx: "",
+          ywh: "",
+        },
+        tableData: {
+          total: 0,
+          columns: datas.columns(),
+          data: [],
+        },
+      };
     },
-    //打开调试窗口
-    tuneInterface (item) {
-      this.retrieveDialog = true;
-      this.$refs.retrieveDialog.getDetailInfo(item);
+    methods: {
+      queryClick () {
+        this.$startLoading()
+        getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
+          this.$endLoading()
+          if (res.code == 200) {
+            let { total, records } = res.result
+            this.tableData.total = total;
+            this.tableData.data = records ? records : []
+          }
+        })
+      },
+      //打开新增
+      openDialog () {
+        this.editFlag = false;
+        this.addDialog = true;
+      },
+      //打开编辑
+      editInterface (item) {
+        this.editFlag = true;
+        this.addDialog = true;
+        this.$refs.addDialog.getDetailInfo(item);
+      },
+      //打开调试窗口
+      tuneInterface (item) {
+        this.retrieveDialog = true;
+        this.$refs.retrieveDialog.getDetailInfo(item);
+      }
     }
-  }
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-19 09:51:37
+-->
 <template>
   <div class="bdcqldjml">
     <table class="mlTable">
@@ -23,51 +28,51 @@
 </template>
 
 <script>
-import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js";
-export default {
-  data() {
-    return {
-      bdcqlml: [],
-      propsParam: this.$attrs,
-    };
-  },
-  mounted() {
-    getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
-      if (res.code === 200) {
-        this.bdcqlml = res.result;
-      }
-    });
-  },
-};
+  import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js";
+  export default {
+    data () {
+      return {
+        bdcqlml: [],
+        propsParam: this.$attrs,
+      };
+    },
+    mounted () {
+      getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
+        if (res.code === 200) {
+          this.bdcqlml = res.result;
+        }
+      });
+    },
+  };
 </script>
 
 <style lang="scss" scoped>
-.bdcqldjml {
-  width: 100%;
-  height: 100%;
-  background: #fff;
-  overflow-y: scroll;
-  .mlTable {
-    width: 90%;
-    margin: 0 auto;
-    color: #333;
-    border-spacing: 1px;
-    background-color: #333;
+  .bdcqldjml {
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    overflow-y: scroll;
+    .mlTable {
+      width: 90%;
+      margin: 0 auto;
+      color: #333;
+      border-spacing: 1px;
+      background-color: #333;
 
-    .title {
-      font-size: 20px;
-      line-height: 60px;
-      font-family: serif;
-      position: relative;
-    }
+      .title {
+        font-size: 20px;
+        line-height: 60px;
+        font-family: serif;
+        position: relative;
+      }
 
-    td,
-    th {
-      background-color: white;
-      line-height: 30px;
-      padding: 0 4px;
-      text-align: center;
+      td,
+      th {
+        background-color: white;
+        line-height: 30px;
+        padding: 0 4px;
+        text-align: center;
+      }
     }
   }
-}
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-19 09:52:07
+-->
 <template>
   <div class="bdcqljqtsx">
     <div class="content">
@@ -49,59 +54,59 @@
 </template>
 
 <script>
-import { getBdcqljqtsx } from "@/api/djbDetail.js";
-export default {
-  name: "bdcqljqtsx",
-  data() {
-    return {
-      //传递参数
-      propsParam: this.$attrs,
-      qlxxList: "",
-    };
-  },
-  mounted() {
-    getBdcqljqtsx({
-      bdcdyid: this.propsParam.bdcdyid,
-      bdcdyh: this.propsParam.bdcdyh,
-    }).then((res) => {
-      if (res.code === 200) {
-        this.qlxxList = res.result;
-      }
-    });
-  },
-};
+  import { getBdcqljqtsx } from "@/api/djbDetail.js";
+  export default {
+    name: "bdcqljqtsx",
+    data () {
+      return {
+        //传递参数
+        propsParam: this.$attrs,
+        qlxxList: "",
+      };
+    },
+    mounted () {
+      getBdcqljqtsx({
+        bdcdyid: this.propsParam.bdcdyid,
+        bdcdyh: this.propsParam.bdcdyh,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.qlxxList = res.result;
+        }
+      });
+    },
+  };
 </script>
 
 <style lang="scss" scoped>
-.bdcqljqtsx {
-  width: 100%;
-  height: 100%;
-  background: #fff;
-
-  .content {
-    width: 50%;
+  .bdcqljqtsx {
+    width: 100%;
     height: 100%;
-    margin: 0 auto;
-    text-align: right;
-    color: #333;
-    font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
-    font-weight: 700;
-    font-size: 18px;
-    line-height: 16px;
+    background: #fff;
 
-    .title {
-      font-size: 32px;
-      text-align: center;
-      padding: 40px 0;
-      line-height: 34px;
-    }
+    .content {
+      width: 50%;
+      height: 100%;
+      margin: 0 auto;
+      text-align: right;
+      color: #333;
+      font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 16px;
 
-    .underline {
-      font-size: 14px;
-      font-weight: normal;
-      text-decoration: underline;
-      display: inline-block;
+      .title {
+        font-size: 32px;
+        text-align: center;
+        padding: 40px 0;
+        line-height: 34px;
+      }
+
+      .underline {
+        font-size: 14px;
+        font-weight: normal;
+        text-decoration: underline;
+        display: inline-block;
+      }
     }
   }
-}
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-19 09:52:13
+-->
 <template>
   <div class="djxxTable">
     <div class="tableBox">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-19 09:52:28
+-->
 <template>
   <div class="djxxTable">
     <div class="tableBox">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-19 09:52:37
+-->
 <template>
   <div class="djxxTable">
     <div class="tableBox">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-19 09:52:46
+-->
 <template>
   <div class="content">
     <div class="left">
@@ -69,7 +74,7 @@
         this.componentTag = (r) =>
           require.ensure([], () => r(require("@/views/registerBook/" + form)));
       },
-    },
+    }
   };
 </script>
 <style scoped lang="scss">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-19 09:52:59
+-->
 <template>
   <div class="content loadingtext">
     <div class="left">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-19 09:52:42
+-->
 <template>
   <div class="djbfm">
     <br /><br />
@@ -33,76 +38,76 @@
 </template>
 
 <script>
-import { getDjbfm } from "@/api/djbDetail.js";
+  import { getDjbfm } from "@/api/djbDetail.js";
 
-export default {
-  data () {
-    return {
-      //传递参数
-      propsParam: this.$attrs,
-      info: {},
-    };
-  },
-  mounted () {
-    this.loadData();
-  },
-  methods: {
-    loadData () {
-      getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
-        if (res.code === 200) {
-          this.info = res.result;
-        }
-      });
+  export default {
+    data () {
+      return {
+        //传递参数
+        propsParam: this.$attrs,
+        info: {},
+      };
     },
-  },
-};
+    mounted () {
+      this.loadData();
+    },
+    methods: {
+      loadData () {
+        getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
+          if (res.code === 200) {
+            this.info = res.result;
+          }
+        });
+      },
+    },
+  };
 </script>
 
 <style lang="scss" scoped>
-.djbfm {
-  width: 100%;
-  height: 100%;
-  background: #fff;
-  border-right: 1px solid #ccc;
-  line-height: 45px;
-  text-align: center;
-  font-size: 18px;
-  font-family: serif;
-  position: relative;
+  .djbfm {
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    border-right: 1px solid #ccc;
+    line-height: 45px;
+    text-align: center;
+    font-size: 18px;
+    font-family: serif;
+    position: relative;
 
-  font {
-    border-bottom: 1px solid #000;
-    display: inline-block;
-    padding: 0 15px;
-    line-height: 16px;
-  }
+    font {
+      border-bottom: 1px solid #000;
+      display: inline-block;
+      padding: 0 15px;
+      line-height: 16px;
+    }
 
-  .title {
-    height: 40%;
-    display: flex;
-    font-size: 38px;
-    color: #000;
-    justify-content: center;
-    align-items: center;
-  }
+    .title {
+      height: 40%;
+      display: flex;
+      font-size: 38px;
+      color: #000;
+      justify-content: center;
+      align-items: center;
+    }
 
-  .bottom {
-    position: absolute;
-    bottom: 0px;
-    text-align: center;
-    width: 100%;
-    left: 0;
-    height: 100px;
-    line-height: 100px;
+    .bottom {
+      position: absolute;
+      bottom: 0px;
+      text-align: center;
+      width: 100%;
+      left: 0;
+      height: 100px;
+      line-height: 100px;
 
-    p {
-      font-size: 28px;
-    }
+      p {
+        font-size: 28px;
+      }
 
-    font {
-      font-size: 24px;
-      line-height: 24px;
+      font {
+        font-size: 24px;
+        line-height: 24px;
+      }
     }
   }
-}
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-13 16:42:17
+ * @LastEditTime: 2023-07-19 10:23:27
 -->
 <template>
   <div>
@@ -69,19 +69,19 @@
           },
           {
             prop: 'dcode',
-            width: '100',
+            width: '150',
             label: '字典项编码',
             render: (h, scope) => {
               return (
                 <div>
                   <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]}
                     onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
-                    onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
+                    onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
 
 
                   <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]}
                     onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
-                    onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
+                    onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
                 </div>
               )
             }
@@ -106,17 +106,17 @@
           {
             prop: 'normcode',
             label: '部标编码',
-            width: '100',
+            width: '150',
             render: (h, scope) => {
               return (
                 <div>
                   <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
                     onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
-                    onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
+                    onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
 
                   <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
                     onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
-                    onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
+                    onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
                 </div>
               )
             }
@@ -152,7 +152,7 @@
             }
           },
           {
-            width: '130',
+            width: '100',
             label: '移动',
             render: (h, scope) => {
               return (
@@ -164,7 +164,7 @@
             }
           },
           {
-            width: '150',
+            width: '130',
             label: '操作',
             render: (h, scope) => {
               return (
@@ -324,9 +324,16 @@
 </script>
 <style rel="stylesheet/scss" lang="scss" scoped>
   @import "~@/styles/dialogBoxheader.scss";
-
+  /deep/.el-radio-group {
+    display: flex;
+    justify-content: center;
+  }
   /deep/.el-radio {
     margin-right: 5px !important;
+    display: flex;
+  }
+  /deep/.el-radio__label {
+    display: block !important;
   }
 </style>