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