53e480dc by renchao@pashanhoo.com

style:字典信息

1 parent 0b4d2be6
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: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,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
......