style:字典信息
Showing
13 changed files
with
206 additions
and
171 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,25 +63,25 @@ | ... | @@ -58,25 +63,25 @@ |
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 | ], | 85 | ], |
81 | ruleForm: { | 86 | ruleForm: { |
82 | interfaceCode: '', | 87 | interfaceCode: '', |
... | @@ -112,9 +117,9 @@ export default { | ... | @@ -112,9 +117,9 @@ export default { |
112 | let that = this; | 117 | let that = this; |
113 | that.$refs.ruleForm.validate(valid => { | 118 | that.$refs.ruleForm.validate(valid => { |
114 | if (valid) { | 119 | if (valid) { |
115 | if(this.editFlag){ | 120 | if (this.editFlag) { |
116 | this.editInterface(); | 121 | this.editInterface(); |
117 | }else{ | 122 | } else { |
118 | this.addInterface(); | 123 | this.addInterface(); |
119 | } | 124 | } |
120 | } else { | 125 | } else { |
... | @@ -124,31 +129,31 @@ export default { | ... | @@ -124,31 +129,31 @@ export default { |
124 | }); | 129 | }); |
125 | }, | 130 | }, |
126 | //新增接口 | 131 | //新增接口 |
127 | addInterface(){ | 132 | addInterface () { |
128 | addSysInterface(this.ruleForm).then(res => { | 133 | addSysInterface(this.ruleForm).then(res => { |
129 | if(res.code == 200){ | 134 | if (res.code == 200) { |
130 | this.$message.success("保存成功"); | 135 | this.$message.success("保存成功"); |
131 | this.closeDialog(); | 136 | this.closeDialog(); |
132 | this.$parent.queryClick(); | 137 | this.$parent.queryClick(); |
133 | }else{ | 138 | } else { |
134 | this.$message.error(res.message) | 139 | this.$message.error(res.message) |
135 | } | 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 | //关闭弹窗 |
... | @@ -165,8 +170,8 @@ export default { | ... | @@ -165,8 +170,8 @@ export default { |
165 | } | 170 | } |
166 | } | 171 | } |
167 | } | 172 | } |
168 | } | 173 | } |
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,13 +42,13 @@ | ... | @@ -37,13 +42,13 @@ |
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], |
... | @@ -101,8 +106,8 @@ export default { | ... | @@ -101,8 +106,8 @@ export default { |
101 | this.$refs.retrieveDialog.getDetailInfo(item); | 106 | this.$refs.retrieveDialog.getDetailInfo(item); |
102 | } | 107 | } |
103 | } | 108 | } |
104 | }; | 109 | }; |
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:50:45 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div id="login"> | 7 | <div id="login"> |
3 | <div class="login-content-wrap"> | 8 | <div class="login-content-wrap"> |
... | @@ -16,14 +21,12 @@ | ... | @@ -16,14 +21,12 @@ |
16 | placeholder="请输入账号" | 21 | placeholder="请输入账号" |
17 | v-model="userInfo.username" | 22 | v-model="userInfo.username" |
18 | @focus="reduceBorder('user')" | 23 | @focus="reduceBorder('user')" |
19 | @blur="addBorder('user')" | 24 | @blur="addBorder('user')" /> |
20 | /> | ||
21 | <span class="warning" v-show="warning.user">账号不能为空</span> | 25 | <span class="warning" v-show="warning.user">账号不能为空</span> |
22 | </div> | 26 | </div> |
23 | <div | 27 | <div |
24 | class="login-user user-mt" | 28 | class="login-user user-mt" |
25 | :class="{ 'select-border': change.pass }" | 29 | :class="{ 'select-border': change.pass }"> |
26 | > | ||
27 | <img class="user-icon" src="./images/password.svg" /> | 30 | <img class="user-icon" src="./images/password.svg" /> |
28 | <input | 31 | <input |
29 | type="password" | 32 | type="password" |
... | @@ -32,8 +35,7 @@ | ... | @@ -32,8 +35,7 @@ |
32 | v-model="userInfo.password" | 35 | v-model="userInfo.password" |
33 | v-show="!selectEye" | 36 | v-show="!selectEye" |
34 | @focus="reduceBorder('pass')" | 37 | @focus="reduceBorder('pass')" |
35 | @blur="addBorder('pass')" | 38 | @blur="addBorder('pass')" /> |
36 | /> | ||
37 | <input | 39 | <input |
38 | type="text" | 40 | type="text" |
39 | class="user-input" | 41 | class="user-input" |
... | @@ -41,26 +43,22 @@ | ... | @@ -41,26 +43,22 @@ |
41 | v-model="userInfo.password" | 43 | v-model="userInfo.password" |
42 | v-show="selectEye" | 44 | v-show="selectEye" |
43 | @focus="reduceBorder('pass')" | 45 | @focus="reduceBorder('pass')" |
44 | @blur="addBorder('pass')" | 46 | @blur="addBorder('pass')" /> |
45 | /> | ||
46 | <img | 47 | <img |
47 | class="password-eye" | 48 | class="password-eye" |
48 | src="./images/open.svg" | 49 | src="./images/open.svg" |
49 | @click="selectEyes" | 50 | @click="selectEyes" |
50 | v-show="selectEye" | 51 | v-show="selectEye" /> |
51 | /> | ||
52 | <img | 52 | <img |
53 | class="password-eye" | 53 | class="password-eye" |
54 | src="./images/close.svg" | 54 | src="./images/close.svg" |
55 | @click="selectEyes" | 55 | @click="selectEyes" |
56 | v-show="!selectEye" | 56 | v-show="!selectEye" /> |
57 | /> | ||
58 | <span class="warning" v-show="warning.pass">密码不能为空</span> | 57 | <span class="warning" v-show="warning.pass">密码不能为空</span> |
59 | </div> | 58 | </div> |
60 | <div | 59 | <div |
61 | class="login-user login-valid" | 60 | class="login-user login-valid" |
62 | :class="{ 'select-border': change.valid }" | 61 | :class="{ 'select-border': change.valid }"> |
63 | > | ||
64 | <img class="user-icon" src="./images/valid.svg" /> | 62 | <img class="user-icon" src="./images/valid.svg" /> |
65 | <input | 63 | <input |
66 | type="text" | 64 | type="text" |
... | @@ -68,14 +66,12 @@ | ... | @@ -68,14 +66,12 @@ |
68 | placeholder="请输入验证码" | 66 | placeholder="请输入验证码" |
69 | v-model="userInfo.captchaCode" | 67 | v-model="userInfo.captchaCode" |
70 | @focus="reduceBorder('valid')" | 68 | @focus="reduceBorder('valid')" |
71 | @blur="addBorder('valid')" | 69 | @blur="addBorder('valid')" /> |
72 | /> | ||
73 | <img | 70 | <img |
74 | class="valid-img" | 71 | class="valid-img" |
75 | :src="codeSrc" | 72 | :src="codeSrc" |
76 | alt="暂无验证码" | 73 | alt="暂无验证码" |
77 | @click="reloadCaptcha" | 74 | @click="reloadCaptcha" /> |
78 | /> | ||
79 | <span class="warning" v-show="warning.valid">验证码不能为空</span> | 75 | <span class="warning" v-show="warning.valid">验证码不能为空</span> |
80 | </div> | 76 | </div> |
81 | <div id="loginBtn" class="login-btn" @click="goHome">登录</div> | 77 | <div id="loginBtn" class="login-btn" @click="goHome">登录</div> |
... | @@ -85,9 +81,9 @@ | ... | @@ -85,9 +81,9 @@ |
85 | </div> | 81 | </div> |
86 | </template> | 82 | </template> |
87 | <script> | 83 | <script> |
88 | import axios from "axios"; | 84 | import axios from "axios"; |
89 | export default { | 85 | export default { |
90 | data() { | 86 | data () { |
91 | return { | 87 | return { |
92 | // 用户名 | 88 | // 用户名 |
93 | selectIcon: true, | 89 | selectIcon: true, |
... | @@ -109,7 +105,7 @@ export default { | ... | @@ -109,7 +105,7 @@ export default { |
109 | change: { | 105 | change: { |
110 | user: false, | 106 | user: false, |
111 | pass: false, | 107 | pass: false, |
112 | valid:false | 108 | valid: false |
113 | }, | 109 | }, |
114 | // 提示语 | 110 | // 提示语 |
115 | warning: { | 111 | warning: { |
... | @@ -118,10 +114,10 @@ export default { | ... | @@ -118,10 +114,10 @@ export default { |
118 | valid: false, | 114 | valid: false, |
119 | }, | 115 | }, |
120 | // 验证码图片地址 | 116 | // 验证码图片地址 |
121 | codeSrc:"" | 117 | codeSrc: "" |
122 | }; | 118 | }; |
123 | }, | 119 | }, |
124 | mounted() { | 120 | mounted () { |
125 | this.initPage(); | 121 | this.initPage(); |
126 | this.userInfo.redirectUrl = localStorage.getItem("dj-location"); | 122 | this.userInfo.redirectUrl = localStorage.getItem("dj-location"); |
127 | this.reloadCaptcha() | 123 | this.reloadCaptcha() |
... | @@ -137,7 +133,7 @@ export default { | ... | @@ -137,7 +133,7 @@ export default { |
137 | }, | 133 | }, |
138 | methods: { | 134 | methods: { |
139 | // 更新验证码 | 135 | // 更新验证码 |
140 | reloadCaptcha(){ | 136 | reloadCaptcha () { |
141 | axios.get(window._config.services.management + "/management/captcha?format=json").then(res => { | 137 | axios.get(window._config.services.management + "/management/captcha?format=json").then(res => { |
142 | if (res.data.status === 1) { | 138 | if (res.data.status === 1) { |
143 | this.userInfo.captchaKey = res.data.content['dubhe.captcha'] | 139 | this.userInfo.captchaKey = res.data.content['dubhe.captcha'] |
... | @@ -146,7 +142,7 @@ export default { | ... | @@ -146,7 +142,7 @@ export default { |
146 | }) | 142 | }) |
147 | }, | 143 | }, |
148 | // 初始化 | 144 | // 初始化 |
149 | initPage() { | 145 | initPage () { |
150 | let userInfo = | 146 | let userInfo = |
151 | localStorage.getItem("userInfo") && | 147 | localStorage.getItem("userInfo") && |
152 | JSON.parse(localStorage.getItem("userInfo")); | 148 | JSON.parse(localStorage.getItem("userInfo")); |
... | @@ -155,7 +151,7 @@ export default { | ... | @@ -155,7 +151,7 @@ export default { |
155 | this.userInfo.password = userInfo.password; | 151 | this.userInfo.password = userInfo.password; |
156 | } | 152 | } |
157 | }, | 153 | }, |
158 | goHome() { | 154 | goHome () { |
159 | if (this.userInfo.username && this.userInfo.password) { | 155 | if (this.userInfo.username && this.userInfo.password) { |
160 | axios | 156 | axios |
161 | .post( | 157 | .post( |
... | @@ -179,15 +175,15 @@ export default { | ... | @@ -179,15 +175,15 @@ export default { |
179 | return | 175 | return |
180 | } | 176 | } |
181 | }, | 177 | }, |
182 | selectEyes() { | 178 | selectEyes () { |
183 | this.selectEye = !this.selectEye; | 179 | this.selectEye = !this.selectEye; |
184 | }, | 180 | }, |
185 | 181 | ||
186 | //获取焦点 | 182 | //获取焦点 |
187 | reduceBorder(type) { | 183 | reduceBorder (type) { |
188 | this.change[type] = true | 184 | this.change[type] = true |
189 | }, | 185 | }, |
190 | addBorder(type) { | 186 | addBorder (type) { |
191 | //失去焦点 | 187 | //失去焦点 |
192 | switch (type) { | 188 | switch (type) { |
193 | case "user": | 189 | case "user": |
... | @@ -219,22 +215,22 @@ export default { | ... | @@ -219,22 +215,22 @@ export default { |
219 | } | 215 | } |
220 | } | 216 | } |
221 | }, | 217 | }, |
222 | }; | 218 | }; |
223 | </script> | 219 | </script> |
224 | <style lang="scss" scoped> | 220 | <style lang="scss" scoped> |
225 | input::placeholder{ | 221 | input::placeholder { |
226 | color: #878787; | 222 | color: #878787; |
227 | font-size: 14px; | 223 | font-size: 14px; |
228 | font-family:Arial, Helvetica, sans-serif | 224 | font-family: Arial, Helvetica, sans-serif; |
229 | } | 225 | } |
230 | #login { | 226 | #login { |
231 | width: 100vw; | 227 | width: 100vw; |
232 | height: 100vh; | 228 | height: 100vh; |
233 | background: url("./images/login-bg.png") no-repeat; | 229 | background: url("./images/login-bg.png") no-repeat; |
234 | background-size: 100%; | 230 | background-size: 100%; |
235 | overflow: hidden; | 231 | overflow: hidden; |
236 | position: relative; | 232 | position: relative; |
237 | .login-content-wrap{ | 233 | .login-content-wrap { |
238 | position: absolute; | 234 | position: absolute; |
239 | left: 50%; | 235 | left: 50%; |
240 | top: calc(50% + 10px); | 236 | top: calc(50% + 10px); |
... | @@ -254,7 +250,7 @@ input::placeholder{ | ... | @@ -254,7 +250,7 @@ input::placeholder{ |
254 | margin: 0 auto; | 250 | margin: 0 auto; |
255 | width: 936px; | 251 | width: 936px; |
256 | height: 450px; | 252 | height: 450px; |
257 | .login-img{ | 253 | .login-img { |
258 | width: 456px; | 254 | width: 456px; |
259 | height: 450px; | 255 | height: 450px; |
260 | float: left; | 256 | float: left; |
... | @@ -262,42 +258,42 @@ input::placeholder{ | ... | @@ -262,42 +258,42 @@ input::placeholder{ |
262 | padding: 126px 86px; | 258 | padding: 126px 86px; |
263 | background-color: #fff; | 259 | background-color: #fff; |
264 | position: relative; | 260 | position: relative; |
265 | &:after{ | 261 | &:after { |
266 | content: ""; | 262 | content: ""; |
267 | display: inline-block; | 263 | display: inline-block; |
268 | width: 1px; | 264 | width: 1px; |
269 | height: calc(100% - 96px); | 265 | height: calc(100% - 96px); |
270 | background-image: linear-gradient(#fff,#9AA4C8,#fff); | 266 | background-image: linear-gradient(#fff, #9aa4c8, #fff); |
271 | position: absolute; | 267 | position: absolute; |
272 | right: 0; | 268 | right: 0; |
273 | top: 48px; | 269 | top: 48px; |
274 | } | 270 | } |
275 | .content{ | 271 | .content { |
276 | width: 100%; | 272 | width: 100%; |
277 | height: 100%; | 273 | height: 100%; |
278 | background: url("./images/login-img.svg") no-repeat; | 274 | background: url("./images/login-img.svg") no-repeat; |
279 | } | 275 | } |
280 | } | 276 | } |
281 | .login-wrap{ | 277 | .login-wrap { |
282 | width: 480px; | 278 | width: 480px; |
283 | height: 450px; | 279 | height: 450px; |
284 | float: left; | 280 | float: left; |
285 | box-sizing: border-box; | 281 | box-sizing: border-box; |
286 | padding: 48px 56px; | 282 | padding: 48px 56px; |
287 | background: #FFFFFF; | 283 | background: #ffffff; |
288 | p{ | 284 | p { |
289 | width: 80px; | 285 | width: 80px; |
290 | font-size: 20px; | 286 | font-size: 20px; |
291 | font-weight: 500; | 287 | font-weight: 500; |
292 | color: #333333; | 288 | color: #333333; |
293 | line-height: 26px; | 289 | line-height: 26px; |
294 | position: relative; | 290 | position: relative; |
295 | &:after{ | 291 | &:after { |
296 | content: ""; | 292 | content: ""; |
297 | display: inline-block; | 293 | display: inline-block; |
298 | height: 2px; | 294 | height: 2px; |
299 | width: 74px; | 295 | width: 74px; |
300 | background-color: #CF8933; | 296 | background-color: #cf8933; |
301 | position: absolute; | 297 | position: absolute; |
302 | bottom: -4px; | 298 | bottom: -4px; |
303 | left: 2px; | 299 | left: 2px; |
... | @@ -308,7 +304,7 @@ input::placeholder{ | ... | @@ -308,7 +304,7 @@ input::placeholder{ |
308 | .login-user { | 304 | .login-user { |
309 | width: 100%; | 305 | width: 100%; |
310 | height: 40px; | 306 | height: 40px; |
311 | border: 1px solid #E5E5E5; | 307 | border: 1px solid #e5e5e5; |
312 | box-sizing: border-box; | 308 | box-sizing: border-box; |
313 | margin-top: 34px; | 309 | margin-top: 34px; |
314 | border-radius: 2px; | 310 | border-radius: 2px; |
... | @@ -345,9 +341,9 @@ input::placeholder{ | ... | @@ -345,9 +341,9 @@ input::placeholder{ |
345 | bottom: -18px; | 341 | bottom: -18px; |
346 | } | 342 | } |
347 | } | 343 | } |
348 | .login-valid{ | 344 | .login-valid { |
349 | width: 60%; | 345 | width: 60%; |
350 | .valid-img{ | 346 | .valid-img { |
351 | width: 50%; | 347 | width: 50%; |
352 | position: absolute; | 348 | position: absolute; |
353 | right: -66%; | 349 | right: -66%; |
... | @@ -364,7 +360,7 @@ input::placeholder{ | ... | @@ -364,7 +360,7 @@ input::placeholder{ |
364 | .login-btn { | 360 | .login-btn { |
365 | width: 100%; | 361 | width: 100%; |
366 | height: 48px; | 362 | height: 48px; |
367 | background: #74A3F5; | 363 | background: #74a3f5; |
368 | border-radius: 2px; | 364 | border-radius: 2px; |
369 | margin: 0 auto; | 365 | margin: 0 auto; |
370 | margin-top: 40px; | 366 | margin-top: 40px; |
... | @@ -382,5 +378,5 @@ input::placeholder{ | ... | @@ -382,5 +378,5 @@ input::placeholder{ |
382 | height: 18px; | 378 | height: 18px; |
383 | background-color: #4971ca; | 379 | background-color: #4971ca; |
384 | } | 380 | } |
385 | } | 381 | } |
386 | </style> | 382 | </style> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-19 09:50:51 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="edit"> | 7 | <div class="edit"> |
3 | <el-tabs type="card" v-model="activeName"> | 8 | <el-tabs type="card" v-model="activeName"> |
... | @@ -9,15 +14,13 @@ | ... | @@ -9,15 +14,13 @@ |
9 | v-if="activeName == 'first'" | 14 | v-if="activeName == 'first'" |
10 | ref="tabContent" | 15 | ref="tabContent" |
11 | :style="{ height: lpbContentHight + 'px' }" | 16 | :style="{ height: lpbContentHight + 'px' }" |
12 | v-show="bjztFlag" | 17 | v-show="bjztFlag"> |
13 | > | ||
14 | <!-- 楼盘表主体 --> | 18 | <!-- 楼盘表主体 --> |
15 | <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> | 19 | <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> |
16 | <lpbContent | 20 | <lpbContent |
17 | ref="lpbContent" | 21 | ref="lpbContent" |
18 | :zrzbsm="formData.bsm" | 22 | :zrzbsm="formData.bsm" |
19 | :key="time" | 23 | :key="time"></lpbContent> |
20 | ></lpbContent> | ||
21 | </div> | 24 | </div> |
22 | <!-- 右侧图例 --> | 25 | <!-- 右侧图例 --> |
23 | <div class="lp-legend"> | 26 | <div class="lp-legend"> |
... | @@ -28,40 +31,34 @@ | ... | @@ -28,40 +31,34 @@ |
28 | </div> | 31 | </div> |
29 | <div | 32 | <div |
30 | :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" | 33 | :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" |
31 | @click="selectedZt = 'dyzt'" | 34 | @click="selectedZt = 'dyzt'"> |
32 | > | ||
33 | <span>单元状态</span> | 35 | <span>单元状态</span> |
34 | </div> | 36 | </div> |
35 | <div | 37 | <div |
36 | :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" | 38 | :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" |
37 | @click="selectedZt = 'fwxz'" | 39 | @click="selectedZt = 'fwxz'"> |
38 | > | ||
39 | <span>房屋性质</span> | 40 | <span>房屋性质</span> |
40 | </div> | 41 | </div> |
41 | <div | 42 | <div |
42 | :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" | 43 | :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" |
43 | @click="selectedZt = 'fwyt'" | 44 | @click="selectedZt = 'fwyt'"> |
44 | > | ||
45 | <span>房屋用途</span> | 45 | <span>房屋用途</span> |
46 | </div> | 46 | </div> |
47 | <div | 47 | <div |
48 | :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'" | 48 | :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'" |
49 | @click="selectedZt = 'qsx'" | 49 | @click="selectedZt = 'qsx'"> |
50 | > | ||
51 | <span>缺失项</span> | 50 | <span>缺失项</span> |
52 | </div> | 51 | </div> |
53 | </div> | 52 | </div> |
54 | <div | 53 | <div |
55 | class="legendTable-wrap" | 54 | class="legendTable-wrap" |
56 | :style="{ width: legendToggleFlag ? '200px' : '0' }" | 55 | :style="{ width: legendToggleFlag ? '200px' : '0' }"> |
57 | > | ||
58 | <table | 56 | <table |
59 | class="legendTable" | 57 | class="legendTable" |
60 | v-show="selectedZt == 'dyzt'" | 58 | v-show="selectedZt == 'dyzt'" |
61 | cellspacing="1" | 59 | cellspacing="1" |
62 | cellpadding="1" | 60 | cellpadding="1" |
63 | border="1" | 61 | border="1"> |
64 | > | ||
65 | <tr> | 62 | <tr> |
66 | <th>状态</th> | 63 | <th>状态</th> |
67 | <th>套数</th> | 64 | <th>套数</th> |
... | @@ -71,14 +68,11 @@ | ... | @@ -71,14 +68,11 @@ |
71 | v-for="(item, index) in dyztList" | 68 | v-for="(item, index) in dyztList" |
72 | :key="index" | 69 | :key="index" |
73 | class="cp" | 70 | class="cp" |
74 | @click="handleChoosedH(item.bsms, item.color)" | 71 | @click="handleChoosedH(item.bsms, item.color)"> |
75 | > | ||
76 | <td> | 72 | <td> |
77 | <i | 73 | <i |
78 | class="fa fa-circle" | 74 | class="fa fa-circle" |
79 | :style="{ backgroundColor: item.color }" | 75 | :style="{ backgroundColor: item.color }"></i>{{ item.name }} |
80 | ></i | ||
81 | >{{ item.name }} | ||
82 | </td> | 76 | </td> |
83 | <td>{{ item.ts }}</td> | 77 | <td>{{ item.ts }}</td> |
84 | <td>{{ item.mj }}</td> | 78 | <td>{{ item.mj }}</td> |
... | @@ -90,8 +84,7 @@ | ... | @@ -90,8 +84,7 @@ |
90 | v-show="selectedZt == 'fwxz'" | 84 | v-show="selectedZt == 'fwxz'" |
91 | cellspacing="1" | 85 | cellspacing="1" |
92 | cellpadding="1" | 86 | cellpadding="1" |
93 | border="1" | 87 | border="1"> |
94 | > | ||
95 | <tr> | 88 | <tr> |
96 | <th>性质</th> | 89 | <th>性质</th> |
97 | <th>套数</th> | 90 | <th>套数</th> |
... | @@ -101,14 +94,11 @@ | ... | @@ -101,14 +94,11 @@ |
101 | v-for="(item, index) in fwxzList" | 94 | v-for="(item, index) in fwxzList" |
102 | :key="index" | 95 | :key="index" |
103 | class="cp" | 96 | class="cp" |
104 | @click="handleChoosedH(item.bsms, item.color)" | 97 | @click="handleChoosedH(item.bsms, item.color)"> |
105 | > | ||
106 | <td> | 98 | <td> |
107 | <i | 99 | <i |
108 | class="fa fa-circle" | 100 | class="fa fa-circle" |
109 | :style="{ backgroundColor: item.color }" | 101 | :style="{ backgroundColor: item.color }"></i>{{ item.name }} |
110 | ></i | ||
111 | >{{ item.name }} | ||
112 | </td> | 102 | </td> |
113 | <td>{{ item.ts }}</td> | 103 | <td>{{ item.ts }}</td> |
114 | <td>{{ item.mj }}</td> | 104 | <td>{{ item.mj }}</td> |
... | @@ -123,8 +113,7 @@ | ... | @@ -123,8 +113,7 @@ |
123 | v-show="selectedZt == 'fwyt'" | 113 | v-show="selectedZt == 'fwyt'" |
124 | cellspacing="1" | 114 | cellspacing="1" |
125 | cellpadding="1" | 115 | cellpadding="1" |
126 | border="1" | 116 | border="1"> |
127 | > | ||
128 | <tr> | 117 | <tr> |
129 | <th>用途</th> | 118 | <th>用途</th> |
130 | <th>套数</th> | 119 | <th>套数</th> |
... | @@ -134,14 +123,11 @@ | ... | @@ -134,14 +123,11 @@ |
134 | v-for="(item, index) in fwytList" | 123 | v-for="(item, index) in fwytList" |
135 | :key="index" | 124 | :key="index" |
136 | class="cp" | 125 | class="cp" |
137 | @click="handleChoosedH(item.bsms, item.color)" | 126 | @click="handleChoosedH(item.bsms, item.color)"> |
138 | > | ||
139 | <td> | 127 | <td> |
140 | <i | 128 | <i |
141 | class="fa fa-circle" | 129 | class="fa fa-circle" |
142 | :style="{ backgroundColor: item.color }" | 130 | :style="{ backgroundColor: item.color }"></i>{{ item.name }} |
143 | ></i | ||
144 | >{{ item.name }} | ||
145 | </td> | 131 | </td> |
146 | <td>{{ item.ts }}</td> | 132 | <td>{{ item.ts }}</td> |
147 | <td>{{ item.mj }}</td> | 133 | <td>{{ item.mj }}</td> |
... | @@ -156,8 +142,7 @@ | ... | @@ -156,8 +142,7 @@ |
156 | v-show="selectedZt == 'qsx'" | 142 | v-show="selectedZt == 'qsx'" |
157 | cellspacing="1" | 143 | cellspacing="1" |
158 | cellpadding="1" | 144 | cellpadding="1" |
159 | border="1" | 145 | border="1"> |
160 | > | ||
161 | <tr> | 146 | <tr> |
162 | <th>数据缺失项</th> | 147 | <th>数据缺失项</th> |
163 | <th>套数</th> | 148 | <th>套数</th> |
... | @@ -167,14 +152,11 @@ | ... | @@ -167,14 +152,11 @@ |
167 | v-for="(item, index) in qsxList" | 152 | v-for="(item, index) in qsxList" |
168 | :key="index" | 153 | :key="index" |
169 | class="cp" | 154 | class="cp" |
170 | @click="handleChoosedH(item.bsms, item.color)" | 155 | @click="handleChoosedH(item.bsms, item.color)"> |
171 | > | ||
172 | <td> | 156 | <td> |
173 | <i | 157 | <i |
174 | class="fa fa-circle" | 158 | class="fa fa-circle" |
175 | :style="{ backgroundColor: item.color }" | 159 | :style="{ backgroundColor: item.color }"></i>{{ item.name }} |
176 | ></i | ||
177 | >{{ item.name }} | ||
178 | </td> | 160 | </td> |
179 | <td>{{ item.ts }}</td> | 161 | <td>{{ item.ts }}</td> |
180 | <td>0</td> | 162 | <td>0</td> |
... | @@ -192,10 +174,10 @@ | ... | @@ -192,10 +174,10 @@ |
192 | </template> | 174 | </template> |
193 | 175 | ||
194 | <script> | 176 | <script> |
195 | import lpbContent from "./lpbContent/index"; | 177 | import lpbContent from "./lpbContent/index"; |
196 | import selectZrzH from "../ywbl/ywsq/components/selectZrzH"; | 178 | import selectZrzH from "../ywbl/ywsq/components/selectZrzH"; |
197 | import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpcx.js"; | 179 | import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpcx.js"; |
198 | export default { | 180 | export default { |
199 | name: "lpb", | 181 | name: "lpb", |
200 | props: { | 182 | props: { |
201 | formData: { | 183 | formData: { |
... | @@ -207,7 +189,7 @@ export default { | ... | @@ -207,7 +189,7 @@ export default { |
207 | lpbContent, | 189 | lpbContent, |
208 | selectZrzH, | 190 | selectZrzH, |
209 | }, | 191 | }, |
210 | data() { | 192 | data () { |
211 | return { | 193 | return { |
212 | activeName: "first", | 194 | activeName: "first", |
213 | bsms: [], | 195 | bsms: [], |
... | @@ -283,12 +265,12 @@ export default { | ... | @@ -283,12 +265,12 @@ export default { |
283 | qsztList: [], | 265 | qsztList: [], |
284 | }; | 266 | }; |
285 | }, | 267 | }, |
286 | created() { | 268 | created () { |
287 | window.addEventListener("resize", this.getHeight); | 269 | window.addEventListener("resize", this.getHeight); |
288 | console.log(this.formData); | 270 | console.log(this.formData); |
289 | this.getHeight(); | 271 | this.getHeight(); |
290 | }, | 272 | }, |
291 | mounted() { | 273 | mounted () { |
292 | //获取各项单元状态的户bsm | 274 | //获取各项单元状态的户bsm |
293 | this.getDyztBsmList(); | 275 | this.getDyztBsmList(); |
294 | //获取房屋用途统计数据 | 276 | //获取房屋用途统计数据 |
... | @@ -315,19 +297,19 @@ export default { | ... | @@ -315,19 +297,19 @@ export default { |
315 | } | 297 | } |
316 | },*/ | 298 | },*/ |
317 | //获取高度计算lpb内容区高度 | 299 | //获取高度计算lpb内容区高度 |
318 | getHeight() { | 300 | getHeight () { |
319 | this.lpbContentHight = window.innerHeight - 190; | 301 | this.lpbContentHight = window.innerHeight - 190; |
320 | }, | 302 | }, |
321 | //图例的展开收起 | 303 | //图例的展开收起 |
322 | legendToggle() { | 304 | legendToggle () { |
323 | this.legendToggleFlag = !this.legendToggleFlag; | 305 | this.legendToggleFlag = !this.legendToggleFlag; |
324 | }, | 306 | }, |
325 | //切换房屋状态 | 307 | //切换房屋状态 |
326 | handleChoosedH(bsms, color) { | 308 | handleChoosedH (bsms, color) { |
327 | this.$refs.lpbContent.changeChoosed(bsms, color); | 309 | this.$refs.lpbContent.changeChoosed(bsms, color); |
328 | }, | 310 | }, |
329 | //获取各项单元状态统计数据 | 311 | //获取各项单元状态统计数据 |
330 | getDyztBsmList() { | 312 | getDyztBsmList () { |
331 | getLpbTj(this.formData.bsm).then((res) => { | 313 | getLpbTj(this.formData.bsm).then((res) => { |
332 | if (res.code === 200) { | 314 | if (res.code === 200) { |
333 | this.dyztList = res.result; | 315 | this.dyztList = res.result; |
... | @@ -380,7 +362,7 @@ export default { | ... | @@ -380,7 +362,7 @@ export default { |
380 | }); | 362 | }); |
381 | }, | 363 | }, |
382 | // 获取房屋用途和房屋性质及缺失项统计数据 | 364 | // 获取房屋用途和房屋性质及缺失项统计数据 |
383 | getLpbFwytAndQlxz() { | 365 | getLpbFwytAndQlxz () { |
384 | getLpbFwytAndQlxz(this.formData.bsm).then((res) => { | 366 | getLpbFwytAndQlxz(this.formData.bsm).then((res) => { |
385 | if (res.code === 200) { | 367 | if (res.code === 200) { |
386 | // this.fwytList = res.result | 368 | // this.fwytList = res.result |
... | @@ -427,31 +409,31 @@ export default { | ... | @@ -427,31 +409,31 @@ export default { |
427 | }, | 409 | }, |
428 | }, | 410 | }, |
429 | computed: {}, | 411 | computed: {}, |
430 | destroyed() { | 412 | destroyed () { |
431 | window.removeEventListener("resize", this.getHeight); | 413 | window.removeEventListener("resize", this.getHeight); |
432 | }, | 414 | }, |
433 | watch: { | 415 | watch: { |
434 | //树结构和图例伸缩时修改楼盘表主要内容区宽度 | 416 | //树结构和图例伸缩时修改楼盘表主要内容区宽度 |
435 | legendToggleFlag(n) { | 417 | legendToggleFlag (n) { |
436 | if (n) { | 418 | if (n) { |
437 | this.lpbContentwidth -= 204; | 419 | this.lpbContentwidth -= 204; |
438 | } else { | 420 | } else { |
439 | this.lpbContentwidth += 204; | 421 | this.lpbContentwidth += 204; |
440 | } | 422 | } |
441 | }, | 423 | }, |
442 | selectedZt(n) { | 424 | selectedZt (n) { |
443 | this.legendToggleFlag = true; | 425 | this.legendToggleFlag = true; |
444 | }, | 426 | }, |
445 | }, | 427 | }, |
446 | }; | 428 | }; |
447 | </script> | 429 | </script> |
448 | <style scoped lang="scss"> | 430 | <style scoped lang="scss"> |
449 | table { | 431 | table { |
450 | border-width: 0; | 432 | border-width: 0; |
451 | border-collapse: collapse; | 433 | border-collapse: collapse; |
452 | border-spacing: 0; | 434 | border-spacing: 0; |
453 | } | 435 | } |
454 | .edit { | 436 | .edit { |
455 | height: 100%; | 437 | height: 100%; |
456 | background-color: #f4f9ff; | 438 | background-color: #f4f9ff; |
457 | .tab-content { | 439 | .tab-content { |
... | @@ -573,5 +555,5 @@ table { | ... | @@ -573,5 +555,5 @@ table { |
573 | } | 555 | } |
574 | } | 556 | } |
575 | } | 557 | } |
576 | } | 558 | } |
577 | </style> | 559 | </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,26 +28,26 @@ | ... | @@ -23,26 +28,26 @@ |
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; |
... | @@ -69,5 +74,5 @@ export default { | ... | @@ -69,5 +74,5 @@ export default { |
69 | text-align: center; | 74 | text-align: center; |
70 | } | 75 | } |
71 | } | 76 | } |
72 | } | 77 | } |
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,17 +54,17 @@ | ... | @@ -49,17 +54,17 @@ |
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, |
... | @@ -69,11 +74,11 @@ export default { | ... | @@ -69,11 +74,11 @@ export default { |
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%; | 83 | height: 100%; |
79 | background: #fff; | 84 | background: #fff; |
... | @@ -103,5 +108,5 @@ export default { | ... | @@ -103,5 +108,5 @@ export default { |
103 | display: inline-block; | 108 | display: inline-block; |
104 | } | 109 | } |
105 | } | 110 | } |
106 | } | 111 | } |
107 | </style> | 112 | </style> | ... | ... |
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:42 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="djbfm"> | 7 | <div class="djbfm"> |
3 | <br /><br /> | 8 | <br /><br /> |
... | @@ -33,9 +38,9 @@ | ... | @@ -33,9 +38,9 @@ |
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 | //传递参数 |
... | @@ -55,11 +60,11 @@ export default { | ... | @@ -55,11 +60,11 @@ export default { |
55 | }); | 60 | }); |
56 | }, | 61 | }, |
57 | }, | 62 | }, |
58 | }; | 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; |
... | @@ -104,5 +109,5 @@ export default { | ... | @@ -104,5 +109,5 @@ export default { |
104 | line-height: 24px; | 109 | line-height: 24px; |
105 | } | 110 | } |
106 | } | 111 | } |
107 | } | 112 | } |
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 | ... | ... |
-
Please register or sign in to post a comment