Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
53e480dc by renchao@pashanhoo.com
Options

style:字典信息

1 parent 0b4d2be6
Expand all
Inline Side-by-side
Showing 13 changed files with 378 additions and 321 deletions
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:50:23
5 -->
1 <template> 6 <template>
2 <dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false" 7 <dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
3 @closeDialog="closeDialog" v-model="value"> 8 @closeDialog="closeDialog" v-model="value">
...@@ -26,7 +31,7 @@ ...@@ -26,7 +31,7 @@
26 <el-col :span="12"> 31 <el-col :span="12">
27 <el-form-item label="接口方式:" prop="interfaceMethod"> 32 <el-form-item label="接口方式:" prop="interfaceMethod">
28 <el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择"> 33 <el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择">
29 <el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item" ></el-option> 34 <el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item"></el-option>
30 </el-select> 35 </el-select>
31 </el-form-item> 36 </el-form-item>
32 </el-col> 37 </el-col>
...@@ -58,115 +63,115 @@ ...@@ -58,115 +63,115 @@
58 </template> 63 </template>
59 64
60 <script> 65 <script>
61 import { addSysInterface, editSysInterface} from "@/api/ptjk.js" 66 import { addSysInterface, editSysInterface } from "@/api/ptjk.js"
62 export default { 67 export default {
63 components: { 68 components: {
64 }, 69 },
65 computed: { 70 computed: {
66 }, 71 },
67 props: { 72 props: {
68 value: { type: Boolean, default: false }, 73 value: { type: Boolean, default: false },
69 editFlag: {type: Boolean,default:false} 74 editFlag: { type: Boolean, default: false }
70 }, 75 },
71 data () { 76 data () {
72 return { 77 return {
73 //表单提交数据 78 //表单提交数据
74 interfaceMethods: ['webapi','webservice'], 79 interfaceMethods: ['webapi', 'webservice'],
75 interfaceTypes: [ 80 interfaceTypes: [
76 {'label': '工作流服务平台','value':'1'}, 81 { 'label': '工作流服务平台', 'value': '1' },
77 {'label': '权限平台','value':'2'}, 82 { 'label': '权限平台', 'value': '2' },
78 {'label': '定时器服务','value':'3'}, 83 { 'label': '定时器服务', 'value': '3' },
79 {'label': '其他第三方平台','value':'4'}, 84 { 'label': '其他第三方平台', 'value': '4' },
80 ],
81 ruleForm: {
82 interfaceCode: '',
83 interfaceService: '',
84 interfaceDescription: '',
85 interfaceApi: '',
86 interfaceMethod: '',
87 interfaceType: '',
88 interfaceKey: '',
89 },
90 rules: {
91 interfaceCode: [
92 { required: true, message: '接口代码不能为空', trigger: 'blur' }
93 ],
94 interfaceService: [
95 { required: true, message: '接口服务名称不能为空', trigger: 'blur' }
96 ],
97 interfaceApi: [
98 { required: true, message: '接口api地址不能为空', trigger: 'blur' }
99 ],
100 interfaceMethod: [
101 { required: true, message: '接口方式不能为空', trigger: 'change' }
102 ],
103 interfaceType: [
104 { required: true, message: '入库编号不能为空', trigger: 'change' }
105 ], 85 ],
106 }, 86 ruleForm: {
107 } 87 interfaceCode: '',
108 }, 88 interfaceService: '',
109 methods: { 89 interfaceDescription: '',
110 //表单提交 90 interfaceApi: '',
111 submitForm () { 91 interfaceMethod: '',
112 let that = this; 92 interfaceType: '',
113 that.$refs.ruleForm.validate(valid => { 93 interfaceKey: '',
114 if (valid) { 94 },
115 if(this.editFlag){ 95 rules: {
116 this.editInterface(); 96 interfaceCode: [
117 }else{ 97 { required: true, message: '接口代码不能为空', trigger: 'blur' }
118 this.addInterface(); 98 ],
119 } 99 interfaceService: [
120 } else { 100 { required: true, message: '接口服务名称不能为空', trigger: 'blur' }
121 // console.log('error submit!!'); 101 ],
122 return false; 102 interfaceApi: [
123 } 103 { required: true, message: '接口api地址不能为空', trigger: 'blur' }
124 }); 104 ],
105 interfaceMethod: [
106 { required: true, message: '接口方式不能为空', trigger: 'change' }
107 ],
108 interfaceType: [
109 { required: true, message: '入库编号不能为空', trigger: 'change' }
110 ],
111 },
112 }
125 }, 113 },
126 //新增接口 114 methods: {
127 addInterface(){ 115 //表单提交
128 addSysInterface(this.ruleForm).then(res => { 116 submitForm () {
129 if(res.code == 200){ 117 let that = this;
130 this.$message.success("保存成功"); 118 that.$refs.ruleForm.validate(valid => {
131 this.closeDialog(); 119 if (valid) {
132 this.$parent.queryClick(); 120 if (this.editFlag) {
133 }else{ 121 this.editInterface();
134 this.$message.error(res.message) 122 } else {
123 this.addInterface();
135 } 124 }
125 } else {
126 // console.log('error submit!!');
127 return false;
128 }
129 });
130 },
131 //新增接口
132 addInterface () {
133 addSysInterface(this.ruleForm).then(res => {
134 if (res.code == 200) {
135 this.$message.success("保存成功");
136 this.closeDialog();
137 this.$parent.queryClick();
138 } else {
139 this.$message.error(res.message)
140 }
136 }) 141 })
137 }, 142 },
138 //编辑接口 143 //编辑接口
139 editInterface(){ 144 editInterface () {
140 editSysInterface(this.ruleForm).then(res => { 145 editSysInterface(this.ruleForm).then(res => {
141 if(res.code == 200){ 146 if (res.code == 200) {
142 this.$message.success("编辑成功"); 147 this.$message.success("编辑成功");
143 this.closeDialog(); 148 this.closeDialog();
144 this.$parent.queryClick(); 149 this.$parent.queryClick();
145 }else{ 150 } else {
146 this.$message.error(res.message) 151 this.$message.error(res.message)
147 } 152 }
148 }) 153 })
149 }, 154 },
150 //获取详情 155 //获取详情
151 getDetailInfo(item){ 156 getDetailInfo (item) {
152 this.ruleForm = item 157 this.ruleForm = item
153 }, 158 },
154 //关闭弹窗 159 //关闭弹窗
155 closeDialog () { 160 closeDialog () {
156 this.$emit("input", false); 161 this.$emit("input", false);
157 this.ruleForm = { 162 this.ruleForm = {
158 interfaceCode: '', 163 interfaceCode: '',
159 interfaceService: '', 164 interfaceService: '',
160 interfaceDescription: '', 165 interfaceDescription: '',
161 interfaceApi: '', 166 interfaceApi: '',
162 interfaceMethod: '', 167 interfaceMethod: '',
163 interfaceType: '', 168 interfaceType: '',
164 interfaceKey: '', 169 interfaceKey: '',
170 }
165 } 171 }
166 } 172 }
167 } 173 }
168 }
169 </script> 174 </script>
170 <style scoped lang="scss"> 175 <style scoped lang="scss">
171 @import "~@/styles/mixin.scss"; 176 @import "~@/styles/mixin.scss";
172 </style> 177 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:50:36
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -37,72 +42,72 @@ ...@@ -37,72 +42,72 @@
37 </div> 42 </div>
38 </template> 43 </template>
39 <script> 44 <script>
40 import { mapGetters } from 'vuex' 45 import { mapGetters } from 'vuex'
41 import table from "@/utils/mixin/table" 46 import table from "@/utils/mixin/table"
42 import { datas, sendThis } from "./ptjkdata" 47 import { datas, sendThis } from "./ptjkdata"
43 import { getSysInterfaceList } from '@/api/ptjk.js' 48 import { getSysInterfaceList } from '@/api/ptjk.js'
44 import addDialog from "./components/addDialog.vue" 49 import addDialog from "./components/addDialog.vue"
45 import retrieveDialog from "./components/retrieveDialog.vue" 50 import retrieveDialog from "./components/retrieveDialog.vue"
46 export default { 51 export default {
47 name: "ptjk", 52 name: "ptjk",
48 components: { addDialog, retrieveDialog }, 53 components: { addDialog, retrieveDialog },
49 mixins: [table], 54 mixins: [table],
50 mounted () { 55 mounted () {
51 sendThis(this); 56 sendThis(this);
52 this.queryClick() 57 this.queryClick()
53 },
54 computed: {
55 ...mapGetters(['dictData'])
56 },
57 data () {
58 return {
59 addDialog: false,
60 retrieveDialog: false,
61 editFlag: false,
62 queryForm: {
63 ywly: "",
64 qllx: "",
65 djlx: "",
66 ywh: "",
67 },
68 tableData: {
69 total: 0,
70 columns: datas.columns(),
71 data: [],
72 },
73 };
74 },
75 methods: {
76 queryClick () {
77 this.$startLoading()
78 getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
79 this.$endLoading()
80 if (res.code == 200) {
81 let { total, records } = res.result
82 this.tableData.total = total;
83 this.tableData.data = records ? records : []
84 }
85 })
86 }, 58 },
87 //打开新增 59 computed: {
88 openDialog () { 60 ...mapGetters(['dictData'])
89 this.editFlag = false;
90 this.addDialog = true;
91 }, 61 },
92 //打开编辑 62 data () {
93 editInterface (item) { 63 return {
94 this.editFlag = true; 64 addDialog: false,
95 this.addDialog = true; 65 retrieveDialog: false,
96 this.$refs.addDialog.getDetailInfo(item); 66 editFlag: false,
67 queryForm: {
68 ywly: "",
69 qllx: "",
70 djlx: "",
71 ywh: "",
72 },
73 tableData: {
74 total: 0,
75 columns: datas.columns(),
76 data: [],
77 },
78 };
97 }, 79 },
98 //打开调试窗口 80 methods: {
99 tuneInterface (item) { 81 queryClick () {
100 this.retrieveDialog = true; 82 this.$startLoading()
101 this.$refs.retrieveDialog.getDetailInfo(item); 83 getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
84 this.$endLoading()
85 if (res.code == 200) {
86 let { total, records } = res.result
87 this.tableData.total = total;
88 this.tableData.data = records ? records : []
89 }
90 })
91 },
92 //打开新增
93 openDialog () {
94 this.editFlag = false;
95 this.addDialog = true;
96 },
97 //打开编辑
98 editInterface (item) {
99 this.editFlag = true;
100 this.addDialog = true;
101 this.$refs.addDialog.getDetailInfo(item);
102 },
103 //打开调试窗口
104 tuneInterface (item) {
105 this.retrieveDialog = true;
106 this.$refs.retrieveDialog.getDetailInfo(item);
107 }
102 } 108 }
103 } 109 };
104 };
105 </script> 110 </script>
106 <style scoped lang="scss"> 111 <style scoped lang="scss">
107 @import "~@/styles/public.scss"; 112 @import "~@/styles/public.scss";
108 </style> 113 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:51:37
5 -->
1 <template> 6 <template>
2 <div class="bdcqldjml"> 7 <div class="bdcqldjml">
3 <table class="mlTable"> 8 <table class="mlTable">
...@@ -23,51 +28,51 @@ ...@@ -23,51 +28,51 @@
23 </template> 28 </template>
24 29
25 <script> 30 <script>
26 import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js"; 31 import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js";
27 export default { 32 export default {
28 data() { 33 data () {
29 return { 34 return {
30 bdcqlml: [], 35 bdcqlml: [],
31 propsParam: this.$attrs, 36 propsParam: this.$attrs,
32 }; 37 };
33 }, 38 },
34 mounted() { 39 mounted () {
35 getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 40 getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
36 if (res.code === 200) { 41 if (res.code === 200) {
37 this.bdcqlml = res.result; 42 this.bdcqlml = res.result;
38 } 43 }
39 }); 44 });
40 }, 45 },
41 }; 46 };
42 </script> 47 </script>
43 48
44 <style lang="scss" scoped> 49 <style lang="scss" scoped>
45 .bdcqldjml { 50 .bdcqldjml {
46 width: 100%; 51 width: 100%;
47 height: 100%; 52 height: 100%;
48 background: #fff; 53 background: #fff;
49 overflow-y: scroll; 54 overflow-y: scroll;
50 .mlTable { 55 .mlTable {
51 width: 90%; 56 width: 90%;
52 margin: 0 auto; 57 margin: 0 auto;
53 color: #333; 58 color: #333;
54 border-spacing: 1px; 59 border-spacing: 1px;
55 background-color: #333; 60 background-color: #333;
56 61
57 .title { 62 .title {
58 font-size: 20px; 63 font-size: 20px;
59 line-height: 60px; 64 line-height: 60px;
60 font-family: serif; 65 font-family: serif;
61 position: relative; 66 position: relative;
62 } 67 }
63 68
64 td, 69 td,
65 th { 70 th {
66 background-color: white; 71 background-color: white;
67 line-height: 30px; 72 line-height: 30px;
68 padding: 0 4px; 73 padding: 0 4px;
69 text-align: center; 74 text-align: center;
75 }
70 } 76 }
71 } 77 }
72 }
73 </style> 78 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:07
5 -->
1 <template> 6 <template>
2 <div class="bdcqljqtsx"> 7 <div class="bdcqljqtsx">
3 <div class="content"> 8 <div class="content">
...@@ -49,59 +54,59 @@ ...@@ -49,59 +54,59 @@
49 </template> 54 </template>
50 55
51 <script> 56 <script>
52 import { getBdcqljqtsx } from "@/api/djbDetail.js"; 57 import { getBdcqljqtsx } from "@/api/djbDetail.js";
53 export default { 58 export default {
54 name: "bdcqljqtsx", 59 name: "bdcqljqtsx",
55 data() { 60 data () {
56 return { 61 return {
57 //传递参数 62 //传递参数
58 propsParam: this.$attrs, 63 propsParam: this.$attrs,
59 qlxxList: "", 64 qlxxList: "",
60 }; 65 };
61 }, 66 },
62 mounted() { 67 mounted () {
63 getBdcqljqtsx({ 68 getBdcqljqtsx({
64 bdcdyid: this.propsParam.bdcdyid, 69 bdcdyid: this.propsParam.bdcdyid,
65 bdcdyh: this.propsParam.bdcdyh, 70 bdcdyh: this.propsParam.bdcdyh,
66 }).then((res) => { 71 }).then((res) => {
67 if (res.code === 200) { 72 if (res.code === 200) {
68 this.qlxxList = res.result; 73 this.qlxxList = res.result;
69 } 74 }
70 }); 75 });
71 }, 76 },
72 }; 77 };
73 </script> 78 </script>
74 79
75 <style lang="scss" scoped> 80 <style lang="scss" scoped>
76 .bdcqljqtsx { 81 .bdcqljqtsx {
77 width: 100%; 82 width: 100%;
78 height: 100%;
79 background: #fff;
80
81 .content {
82 width: 50%;
83 height: 100%; 83 height: 100%;
84 margin: 0 auto; 84 background: #fff;
85 text-align: right;
86 color: #333;
87 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
88 font-weight: 700;
89 font-size: 18px;
90 line-height: 16px;
91 85
92 .title { 86 .content {
93 font-size: 32px; 87 width: 50%;
94 text-align: center; 88 height: 100%;
95 padding: 40px 0; 89 margin: 0 auto;
96 line-height: 34px; 90 text-align: right;
97 } 91 color: #333;
92 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
93 font-weight: 700;
94 font-size: 18px;
95 line-height: 16px;
98 96
99 .underline { 97 .title {
100 font-size: 14px; 98 font-size: 32px;
101 font-weight: normal; 99 text-align: center;
102 text-decoration: underline; 100 padding: 40px 0;
103 display: inline-block; 101 line-height: 34px;
102 }
103
104 .underline {
105 font-size: 14px;
106 font-weight: normal;
107 text-decoration: underline;
108 display: inline-block;
109 }
104 } 110 }
105 } 111 }
106 }
107 </style> 112 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:13
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:28
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:37
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:46
5 -->
1 <template> 6 <template>
2 <div class="content"> 7 <div class="content">
3 <div class="left"> 8 <div class="left">
...@@ -69,7 +74,7 @@ ...@@ -69,7 +74,7 @@
69 this.componentTag = (r) => 74 this.componentTag = (r) =>
70 require.ensure([], () => r(require("@/views/registerBook/" + form))); 75 require.ensure([], () => r(require("@/views/registerBook/" + form)));
71 }, 76 },
72 }, 77 }
73 }; 78 };
74 </script> 79 </script>
75 <style scoped lang="scss"> 80 <style scoped lang="scss">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:59
5 -->
1 <template> 6 <template>
2 <div class="content loadingtext"> 7 <div class="content loadingtext">
3 <div class="left"> 8 <div class="left">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:42
5 -->
1 <template> 6 <template>
2 <div class="djbfm"> 7 <div class="djbfm">
3 <br /><br /> 8 <br /><br />
...@@ -33,76 +38,76 @@ ...@@ -33,76 +38,76 @@
33 </template> 38 </template>
34 39
35 <script> 40 <script>
36 import { getDjbfm } from "@/api/djbDetail.js"; 41 import { getDjbfm } from "@/api/djbDetail.js";
37 42
38 export default { 43 export default {
39 data () { 44 data () {
40 return { 45 return {
41 //传递参数 46 //传递参数
42 propsParam: this.$attrs, 47 propsParam: this.$attrs,
43 info: {}, 48 info: {},
44 }; 49 };
45 },
46 mounted () {
47 this.loadData();
48 },
49 methods: {
50 loadData () {
51 getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
52 if (res.code === 200) {
53 this.info = res.result;
54 }
55 });
56 }, 50 },
57 }, 51 mounted () {
58 }; 52 this.loadData();
53 },
54 methods: {
55 loadData () {
56 getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
57 if (res.code === 200) {
58 this.info = res.result;
59 }
60 });
61 },
62 },
63 };
59 </script> 64 </script>
60 65
61 <style lang="scss" scoped> 66 <style lang="scss" scoped>
62 .djbfm { 67 .djbfm {
63 width: 100%; 68 width: 100%;
64 height: 100%; 69 height: 100%;
65 background: #fff; 70 background: #fff;
66 border-right: 1px solid #ccc; 71 border-right: 1px solid #ccc;
67 line-height: 45px; 72 line-height: 45px;
68 text-align: center; 73 text-align: center;
69 font-size: 18px; 74 font-size: 18px;
70 font-family: serif; 75 font-family: serif;
71 position: relative; 76 position: relative;
72 77
73 font { 78 font {
74 border-bottom: 1px solid #000; 79 border-bottom: 1px solid #000;
75 display: inline-block; 80 display: inline-block;
76 padding: 0 15px; 81 padding: 0 15px;
77 line-height: 16px; 82 line-height: 16px;
78 } 83 }
79 84
80 .title { 85 .title {
81 height: 40%; 86 height: 40%;
82 display: flex; 87 display: flex;
83 font-size: 38px; 88 font-size: 38px;
84 color: #000; 89 color: #000;
85 justify-content: center; 90 justify-content: center;
86 align-items: center; 91 align-items: center;
87 } 92 }
88 93
89 .bottom { 94 .bottom {
90 position: absolute; 95 position: absolute;
91 bottom: 0px; 96 bottom: 0px;
92 text-align: center; 97 text-align: center;
93 width: 100%; 98 width: 100%;
94 left: 0; 99 left: 0;
95 height: 100px; 100 height: 100px;
96 line-height: 100px; 101 line-height: 100px;
97 102
98 p { 103 p {
99 font-size: 28px; 104 font-size: 28px;
100 } 105 }
101 106
102 font { 107 font {
103 font-size: 24px; 108 font-size: 24px;
104 line-height: 24px; 109 line-height: 24px;
110 }
105 } 111 }
106 } 112 }
107 }
108 </style> 113 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-13 16:42:17 4 * @LastEditTime: 2023-07-19 10:23:27
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -69,19 +69,19 @@ ...@@ -69,19 +69,19 @@
69 }, 69 },
70 { 70 {
71 prop: 'dcode', 71 prop: 'dcode',
72 width: '100', 72 width: '150',
73 label: '字典项编码', 73 label: '字典项编码',
74 render: (h, scope) => { 74 render: (h, scope) => {
75 return ( 75 return (
76 <div> 76 <div>
77 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]} 77 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]}
78 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} 78 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
79 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 79 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
80 80
81 81
82 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]} 82 <el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]}
83 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} 83 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
84 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 84 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
85 </div> 85 </div>
86 ) 86 )
87 } 87 }
...@@ -106,17 +106,17 @@ ...@@ -106,17 +106,17 @@
106 { 106 {
107 prop: 'normcode', 107 prop: 'normcode',
108 label: '部标编码', 108 label: '部标编码',
109 width: '100', 109 width: '150',
110 render: (h, scope) => { 110 render: (h, scope) => {
111 return ( 111 return (
112 <div> 112 <div>
113 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]} 113 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
114 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }} 114 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
115 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 115 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
116 116
117 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]} 117 <el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
118 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }} 118 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
119 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 119 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
120 </div> 120 </div>
121 ) 121 )
122 } 122 }
...@@ -152,7 +152,7 @@ ...@@ -152,7 +152,7 @@
152 } 152 }
153 }, 153 },
154 { 154 {
155 width: '130', 155 width: '100',
156 label: '移动', 156 label: '移动',
157 render: (h, scope) => { 157 render: (h, scope) => {
158 return ( 158 return (
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
164 } 164 }
165 }, 165 },
166 { 166 {
167 width: '150', 167 width: '130',
168 label: '操作', 168 label: '操作',
169 render: (h, scope) => { 169 render: (h, scope) => {
170 return ( 170 return (
...@@ -324,9 +324,16 @@ ...@@ -324,9 +324,16 @@
324 </script> 324 </script>
325 <style rel="stylesheet/scss" lang="scss" scoped> 325 <style rel="stylesheet/scss" lang="scss" scoped>
326 @import "~@/styles/dialogBoxheader.scss"; 326 @import "~@/styles/dialogBoxheader.scss";
327 327 /deep/.el-radio-group {
328 display: flex;
329 justify-content: center;
330 }
328 /deep/.el-radio { 331 /deep/.el-radio {
329 margin-right: 5px !important; 332 margin-right: 5px !important;
333 display: flex;
334 }
335 /deep/.el-radio__label {
336 display: block !important;
330 } 337 }
331 </style> 338 </style>
332 339
......