1a57a7e8 by xiaomiao

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents 6bd4740f 87098caf
Showing 59 changed files with 2876 additions and 2269 deletions
/*
* @Description: 业务办理
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:13:24
* @LastEditTime: 2023-07-19 14:53:41
*/
import request from '@/utils/request'
......@@ -12,32 +12,29 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
* @author: renchao
*/
export function getCollectBiz () {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getCollectBiz',
method: 'post'
})
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getCollectBiz',
method: 'post'
})
}
/**
* @description: 业务办理-获取左侧菜单
* @author: renchao
*/
export function getleftMenu () {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getleftMenu',
method: 'post'
})
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getleftMenu',
method: 'post'
})
}
/**
* @description: 登记簿补录
* @author: renchao
*/
export function getRepairBiz () {
export function getRepairBiz () {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getRepairBiz',
method: 'post'
method: 'post'
})
}
......@@ -46,11 +43,11 @@ export function getleftMenu () {
* @author: renchao
*/
export function getTogetherBiz () {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getTogetherBiz',
method: 'post'
})
}
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getTogetherBiz',
method: 'post'
})
}
/**
* @description: 业务办理-获取下个节点内容
......@@ -58,10 +55,10 @@ export function getTogetherBiz () {
* @author: renchao
*/
export function getNextNode (bsmSqyw) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getNextNode?parentid=' + bsmSqyw,
method: 'post'
})
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getNextNode?parentid=' + bsmSqyw,
method: 'post'
})
}
/**
......
// 封装axios请求
import axios from "axios";
// 创建axios的对象
const instance = axios.create({
baseURL: "http://192.168.2.235/management/rest/users",
})
export const getusername = (data) => instance({
url: '', // 请求地址
method: 'get',
params:{
queryOptions: {
conditionGroup: {
conditions: [
{
property: "loginName",
value:data,
operator: "IN",
},
],
queryRelation: "AND",
},
orderBys:[{"property":"sort","direction":"desc"}]
},
},
})
/*
* @Description: 楼盘表查询
* @Autor: renchao
* @LastEditTime: 2023-07-12 13:26:37
* @LastEditTime: 2023-07-19 15:00:43
*/
import request from "@/utils/request";
let SERVER = window.config
? window.config
: JSON.parse(localStorage.getItem("ApiUrl"));
const url = SERVER.SERVERAPI + "/rest/zhcx/lpcx/";
//
/**
* @description:楼盘查询- 根据条件进行列表查询
* @param {*} data
* @author: renchao
*/
export function getLpZrz(data) {
export function getLpZrz (data) {
return request({
url: "service-lpb/rest/zhcx/lpcx/getLpZrz",
method: "post",
......@@ -27,7 +26,7 @@ export function getLpZrz(data) {
* @param {*} zrzbsm
* @author: renchao
*/
export function getLpb(zrzbsm) {
export function getLpb (zrzbsm) {
return request({
url: "service-lpb/rest/zhcx/lpcx/getLpb?scyclx=0&zrzbsm=" + zrzbsm,
method: "get",
......@@ -38,7 +37,7 @@ export function getLpb(zrzbsm) {
* @param {*} zrzbsm
* @author: renchao
*/
export function getLpbFwytAndQlxz(zrzbsm) {
export function getLpbFwytAndQlxz (zrzbsm) {
return request({
url:
"service-lpb/rest/zhcx/lpcx/getLpbFwytAndQlxz?scyclx=0&zrzbsm=" +
......@@ -51,7 +50,7 @@ export function getLpbFwytAndQlxz(zrzbsm) {
* @param {*} zrzbsm
* @author: renchao
*/
export function getLpbQsxtj(zrzbsm) {
export function getLpbQsxtj (zrzbsm) {
return request({
url: "service-lpb/rest/zhcx/lpcx/getLpbQsxtj?scyclx=0&zrzbsm=" + zrzbsm,
method: "get",
......@@ -65,7 +64,7 @@ export function getLpbQsxtj(zrzbsm) {
* scyclx 实测预测类型 0预测,1实测
* @return {*}
*/
export function getLpbTj(zrzbsm) {
export function getLpbTj (zrzbsm) {
return request({
url: "service-lpb/rest/zhcx/lpcx/getLpbTj?scyclx=0&zrzbsm=" + zrzbsm,
method: "get",
......
......@@ -6,8 +6,11 @@
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
// 数据上报推送查询
/**
* @description: 数据上报推送查询
* @param {*} data
* @author: renchao
*/
export function list (data) {
return request({
url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/list',
......@@ -16,7 +19,11 @@ export function list (data) {
})
}
// 数据上报推送
/**
* @description: 数据上报推送
* @param {*} data
* @author: renchao
*/
export function push (data) {
return request({
url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/push',
......@@ -25,7 +32,11 @@ export function push (data) {
})
}
// 数据上报推送
/**
* @description: 数据上报推送
* @param {*} bsm
* @author: renchao
*/
export function detail (bsm) {
return request({
url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/detail?bsm=' + bsm,
......
......@@ -17,8 +17,6 @@ export function getErrorLogList (data) {
data
})
}
/**
* @description: 系统监控 -获取操作日志列表
* @param {*} data
......@@ -31,7 +29,6 @@ export function getOperationLogList (data) {
data
})
}
/**
* @description: 系统监控 -主机监控
* @author: renchao
......
/*
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:25:58
*/
......@@ -31,6 +31,11 @@ export function BatchInit (data) {
})
}
/**
* @description: 初始化
* @param {*} data
* @author: renchao
*/
export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
......
......@@ -6,7 +6,11 @@
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
// 初始化内容
/**
* @description: 初始化
* @param {*} data
* @author: renchao
*/
export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
......
/*
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:32:29
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
// 初始化内容
/**
* @description: 初始化
* @param {*} data
* @author: renchao
*/
export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
......@@ -39,7 +43,11 @@ export function Init (data) {
})
}
// 初始化内容
/**
* @description: 保存数据
* @param {*} data
* @author: renchao
*/
export function saveData (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/nydsyqlr/saveData',
......
......@@ -6,7 +6,11 @@
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
// 初始化内容
/**
* @description: 初始化
* @param {*} data
* @author: renchao
*/
export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
......
/*
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:32:37
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
// 初始化内容
/**
* @description: 初始化
* @param {*} data
* @author: renchao
*/
export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
......@@ -37,7 +41,11 @@ export function Init (data) {
data
})
}
// 初始化内容
/**
* @description: 保存数据
* @param {*} data
* @author: renchao
*/
export function saveData (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/ygmmdj/saveData',
......
/*
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:32:41
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
// 初始化内容
/**
* @description: 初始化
* @param {*} data
* @author: renchao
*/
export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
......@@ -37,7 +41,11 @@ export function Init (data) {
data
})
}
// 初始化内容
/**
* @description: 保存数据
* @param {*} data
* @author: renchao
*/
export function saveData (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/ygdydj/saveData',
......
......@@ -6,7 +6,11 @@
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
// 初始化内容
/**
* @description: 初始化
* @param {*} data
* @author: renchao
*/
export function Init (data) {
return request({
url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init",
......@@ -14,7 +18,11 @@ export function Init (data) {
data
})
}
// 批量初始化内容
/**
* @description: 批量初始化
* @param {*} data
* @author: renchao
*/
export function bacthInit (data) {
let apiUrl = "";
switch (data.get("djlx")) {
......@@ -46,7 +54,11 @@ export function bacthInit (data) {
data
})
}
// 受理信息保存
/**
* @description: 保存数据
* @param {*} data
* @author: renchao
*/
export function saveData (data, djlx) {
let apiUrl = "/rest/ywbl/zjgcdy/saveData";
if (djlx == "400") {
......@@ -59,7 +71,11 @@ export function saveData (data, djlx) {
})
}
// 受理信息保存
/**
* @description: 批量保存
* @param {*} data
* @author: renchao
*/
export function saveBatchData (data, djlx) {
return request({
url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData",
......@@ -67,7 +83,12 @@ export function saveBatchData (data, djlx) {
data
})
}
// 上传单个文件
/**
* @description: 上传当个文件
* @param {*} data
* @author: renchao
*/
export function sjClmxUpload (data) {
return request({
url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/upload',
......@@ -75,7 +96,12 @@ export function sjClmxUpload (data) {
data
})
}
// 删除上传文件
/**
* @description: 删除多个文件
* @param {*} data
* @author: renchao
*/
export function sjClmxDelete (bsmClmx) {
return request({
url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/delete?bsmClmx=' + bsmClmx,
......
/*
* @Description: 业务申请
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:13:24
* @LastEditTime: 2023-07-19 14:52:03
*/
import request from '@/utils/request'
......@@ -13,11 +13,11 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
* @author: renchao
*/
export function selectScBdcdy (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectScBdcdy',
method: 'post',
data
})
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectScBdcdy',
method: 'post',
data
})
}
/**
* @description: 业务办理-选择权利信息-根据条件进行列表查询
......@@ -132,11 +132,11 @@ export function selectDz (data) {
data
})
}
/**
* @description: 业务办理-选择单元-查询户信息
* @author: renchao
*/
/*
业务办理-选择单元-查询户信息
*/
export function selectH (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectH',
......
......@@ -54,12 +54,20 @@ export default {
computed: {
model: {
/**
* @description: get
* @author: renchao
*/
get () {
return this.isGroup
? this.store : this.value !== undefined
? this.value : this.selfModel;
},
/**
* @description: set
* @param {*} val
* @author: renchao
*/
set (val) {
if (this.isGroup) {
this.isLimitExceeded = false;
......@@ -80,6 +88,10 @@ export default {
}
},
/**
* @description: isChecked
* @author: renchao
*/
isChecked () {
if ({}.toString.call(this.model) === '[object Boolean]') {
return this.model;
......@@ -89,7 +101,10 @@ export default {
return this.model === this.trueLabel;
}
},
/**
* @description: isGroup
* @author: renchao
*/
isGroup () {
let parent = this.$parent;
while (parent) {
......@@ -102,29 +117,44 @@ export default {
}
return false;
},
/**
* @description: store
* @author: renchao
*/
store () {
return this._checkboxGroup ? this._checkboxGroup.value : this.value;
},
/* used to make the isDisabled judgment under max/min props */
/**
* @description: isLimitDisabled
* @author: renchao
*/
isLimitDisabled () {
const { max, min } = this._checkboxGroup;
return !!(max || min) &&
(this.model.length >= max && !this.isChecked) ||
(this.model.length <= min && this.isChecked);
},
/**
* @description: isDisabled
* @author: renchao
*/
isDisabled () {
return this.isGroup
? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled
: this.disabled || (this.elForm || {}).disabled;
},
/**
* @description: _elFormItemSize
* @author: renchao
*/
_elFormItemSize () {
return (this.elFormItem || {}).elFormItemSize;
},
/**
* @description: checkboxSize
* @author: renchao
*/
checkboxSize () {
const temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
return this.isGroup
......@@ -149,6 +179,10 @@ export default {
},
methods: {
/**
* @description: addToStore
* @author: renchao
*/
addToStore () {
if (
Array.isArray(this.model) &&
......@@ -159,6 +193,10 @@ export default {
this.model = this.trueLabel || true;
}
},
/**
* @description: handleChange
* @author: renchao
*/
handleChange (ev) {
if (this.isLimitExceeded) return;
let value;
......@@ -175,16 +213,26 @@ export default {
});
}
},
/**
* @description: created
* @author: renchao
*/
created () {
this.checked && this.addToStore();
},
/**
* @description: mounted
* @author: renchao
*/
mounted () { // 为indeterminate元素 添加aria-controls 属性
if (this.indeterminate) {
this.$el.setAttribute('aria-controls', this.controls);
}
},
/**
* @description: watch
* @author: renchao
*/
watch: {
value (value) {
this.dispatch('ElFormItem', 'el.form.change', value);
......
......@@ -92,6 +92,10 @@ export default {
}
},
methods: {
/**
* @description: handleFullscreen
* @author: renchao
*/
handleFullscreen () {
this.fullscreen = !this.fullscreen
if (!this.fullscreen) {
......@@ -100,11 +104,19 @@ export default {
this.scrollerHeight = (window.innerHeight - 120) + 'px'
}
},
/**
* @description: submitForm
* @author: renchao
*/
submitForm () {
if (this.isButton) {
this.$emit('submitForm');
}
},
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog () {
this.key++
this.$emit('input', false)
......@@ -124,4 +136,4 @@ export default {
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
</style>
\ No newline at end of file
</style>
......
......@@ -106,6 +106,11 @@
components: {
LbColumn,
},
/**
* @description: data
* @author: renchao
*/
data () {
return {
tableHeight: 'auto',
......@@ -114,6 +119,10 @@
selected: ''
}
},
/**
* @description: created
* @author: renchao
*/
created () {
this.getMergeArr(this.data, this.merge)
this.getHeight()
......@@ -124,17 +133,29 @@
},
},
methods: {
// 单选
/**
* @description: 单选
* @param {*} row
* @author: renchao
*/
singleElection (row) {
this.selected = this.data.indexOf(row);
// this.$emit('row-click', row)
},
/**
* @description: tableRowClassName
* @author: renchao
*/
tableRowClassName ({ row, rowIndex }) {
if (rowIndex % 2 === 1) {
return 'interlaced';
}
},
/**
* @description: getHeight
* @author: renchao
*/
getHeight () {
if (!this.heightNumSetting) {
let _this = this
......@@ -170,6 +191,12 @@
})
}
},
/**
* @description: calcHeightx
* @param {*} value
* @param {*} wappered
* @author: renchao
*/
calcHeightx (value, wappered = true) {
//项目自定义的公共header部分的高度,可忽略
let header = document.querySelector(".from-clues-header").offsetHeight;
......@@ -195,36 +222,89 @@
}
return res;
},
/**
* @description: clearSelection
* @author: renchao
*/
clearSelection () {
this.$refs.elTable.clearSelection()
},
/**
* @description: toggleRowSelection
* @author: renchao
*/
toggleRowSelection (row, selected) {
this.$refs.elTable.toggleRowSelection(row, selected)
},
/**
* @description: toggleAllSelection
* @author: renchao
*/
toggleAllSelection () {
this.$refs.elTable.toggleAllSelection()
},
/**
* @description: toggleRowExpansion
* @param {*} row
* @param {*} bsm
* @author: renchao
*/
toggleRowExpansion (row, expanded) {
this.$refs.elTable.toggleRowExpansion(row, expanded)
},
/**
* @description: setCurrentRow
* @param {*} row
* @author: renchao
*/
setCurrentRow (row) {
this.$refs.elTable.setCurrentRow(row)
},
/**
* @description: setCurrentRow
* @author: renchao
*/
clearSort () {
this.$refs.elTable.clearSort()
},
/**
* @description: clearFilter
* @param {*} columnKey
* @author: renchao
*/
clearFilter (columnKey) {
this.$refs.elTable.clearFilter(columnKey)
},
/**
* @description: doLayout
* @author: renchao
*/
doLayout () {
this.$refs.elTable.doLayout()
},
/**
* @description: sort
* @param {*} prop
* @param {*} order
* @author: renchao
*/
sort (prop, order) {
this.$refs.elTable.sort(prop, order)
},
/**
* @description: paginationCurrentChange
* @param {*} val
* @author: renchao
*/
paginationCurrentChange (val) {
this.$emit('p-current-change', val)
},
/**
* @description: getMergeArr
* @param {*} tableData
* @param {*} merge
* @author: renchao
*/
getMergeArr (tableData, merge) {
if (!merge) return
this.mergeLine = {}
......@@ -247,6 +327,10 @@
})
})
},
/**
* @description: mergeMethod
* @author: renchao
*/
mergeMethod ({ row, column, rowIndex, columnIndex }) {
const index = this.merge.indexOf(column.property)
if (index > -1) {
......@@ -260,9 +344,17 @@
},
},
watch: {
/**
* @description: merge
* @author: renchao
*/
merge () {
this.getMergeArr(this.data, this.merge)
},
/**
* @description: dataLength
* @author: renchao
*/
dataLength () {
this.getMergeArr(this.data, this.merge)
}
......
......@@ -345,6 +345,10 @@ export default {
};
},
methods: {
/**
* @description: inputBlur
* @author: renchao
*/
inputBlur (e) {
if (e.target.value != '') {
e.target.style.border = ""
......@@ -353,8 +357,10 @@ export default {
e.target.style.boxSizing = 'border-box';
}
},
//新增行数据
/**
* @description: 新增行数据
* @author: renchao
*/
addRow () {
console.log(this.gyfs, '共有方式')
......@@ -382,7 +388,10 @@ export default {
this.dialogVisible = true;
}
},
//确认权利人信息按钮;可以进行新增;可以进行更新;
/**
* @description: 确认权利人信息按钮;可以进行新增;可以进行更新;
* @author: renchao
*/
addNewQlrInfo () {
this.rules = [
......@@ -482,7 +491,10 @@ export default {
},
//修改行数据
/**
* @description: 修改行数据
* @author: renchao
*/
changeRow () {
if (this.multipleSelection.length === 1) {
this.dialogVisible = true;
......@@ -498,7 +510,10 @@ export default {
});
}
},
/**
* @description: updateGyfs
* @author: renchao
*/
updateGyfs (val) {
console.log(val, this.type)
updateGyGyQlrQk(this.bsm, this.type, val).then((res) => {
......@@ -509,12 +524,18 @@ export default {
})
},
//父组件改变子组件的共有方式
/**
* @description: 父组件改变子组件的共有方式
* @author: renchao
*/
changeGyfs (val) {
this.gyfs = val;
},
//行双击事件
/**
* @description: 行双击事件
* @author: renchao
*/
rowDbclick (row) {
if (+this.qszt == 0) {
this.dialogVisible = true;
......@@ -542,7 +563,10 @@ export default {
// }
// },
//删除行数据
/**
* @description: 删除行数据
* @author: renchao
*/
delRow () {
if (this.multipleSelection.length > 0) {
let qlrbsms = [];
......@@ -563,20 +587,35 @@ export default {
});
}
},
//选中表格某一项
/**
* @description: 选中表格某一项
* @author: renchao
*/
handleSelectionChange (val) {
this.multipleSelection = val;
},
//供父组件调用来获取共有方式
/**
* @description: 供父组件调用来获取共有方式
* @author: renchao
*/
getQlgyfsData () {
return this.gyfs;
},
//供父组件调用来获取权利人表格数据
/**
* @description: 供父组件调用来获取权利人表格数据
* @author: renchao
*/
getQlrxxData () {
return this.tableData;
},
//增删代理人
/**
* @description: 增删代理人
* @param {*} obj
* @param {*} ind
* @param {*} type
* @author: renchao
*/
handleClick (obj, ind, type) {
if (type === "add") {
this.formData.dlrList.push({
......@@ -595,6 +634,11 @@ export default {
});
}
},
/**
* @description: getQlrInfo
* @param {*} bsm
* @author: renchao
*/
getQlrInfo (bsm) {
if (this.lq == "") {
getQlrInfoByGlbsm(bsm).then((res) => {
......
......@@ -257,6 +257,12 @@ export default {
mounted () {
},
methods: {
/**
* @description: startTime
* @param {*} index
* @param {*} childIndex
* @author: renchao
*/
startTime (index, childIndex) {
let startTime = this.countList[index].list[childIndex].tdsyqssj;
let endTime = this.countList[index].list[childIndex].tdsyjssj;
......@@ -276,6 +282,13 @@ export default {
// this.countList[index].list[childIndex].syqx=endYear-startYear;
}
},
/**
* @description: sumTime
* @param {*} index
* @param {*} childIndex
* @param {*} syqx
* @author: renchao
*/
sumTime (index, childIndex, syqx, e) {
this.$refs.syqx.forEach((item, index) => {
if (item.value == syqx) {
......@@ -285,6 +298,12 @@ export default {
let startTime = this.countList[index].list[childIndex].tdsyqssj;
this.countList[index].list[childIndex].tdsyjssj = Number(startTime.substring(0, 4)) + Number(syqx) + startTime.slice(4, 10);
},
/**
* @description: endTime
* @param {*} index
* @param {*} childIndex
* @author: renchao
*/
endTime (index, childIndex, e) {
let startTime = this.countList[index].list[childIndex].tdsyqssj;
let endTime = this.countList[index].list[childIndex].tdsyjssj;
......@@ -303,7 +322,12 @@ export default {
// this.countList[index].list[childIndex].syqx=endYear-startYear;
}
},
//外层操作
/**
* @description: 外层操作
* @param {*} ind
* @param {*} type
* @author: renchao
*/
handleClick (ind, type) {
let outsideObj = {
id: Math.random(),
......@@ -348,6 +372,10 @@ export default {
this.outNum--;
}
},
/**
* @description: reset
* @author: renchao
*/
reset () {
this.countList = [
{
......@@ -383,7 +411,13 @@ export default {
},
];
},
//内层操作
/**
* @description: 内层操作
* @param {*} index
* @param {*} childIndex
* @param {*} type
* @author: renchao
*/
handleInClick (index, childIndex, type) {
let insideObj = {
pzdjbsm: "",
......@@ -415,7 +449,10 @@ export default {
}
this.hasBorderOrNot();
},
//判断是否显示边框
/**
* @description: 判断是否显示边框
* @author: renchao
*/
hasBorderOrNot () {
this.countList.forEach((item, index) => {
if (index == this.countList.length - 1) {
......@@ -426,9 +463,17 @@ export default {
}
});
},
/**
* @description: getQlxzDataList
* @author: renchao
*/
getQlxzDataList () {
return this.countList;
},
/**
* @description: getRules
* @author: renchao
*/
getRules () {
let rules = [];
let temp = 0;
......@@ -507,9 +552,17 @@ export default {
})
// console.log(rules,'rules');
},
/**
* @description: getRulesResult
* @author: renchao
*/
getRulesResult () {
return this.rulesResult
},
/**
* @description: inputBlur
* @author: renchao
*/
inputBlur (e, flag) {
if (flag) {
if (e.value != '') {
......
......@@ -157,6 +157,12 @@ export default {
}
},
methods: {
/**
* @description: txtFileChange
* @param {*} file
* @param {*} fileList
* @author: renchao
*/
txtFileChange (file, fileList) {
var self = this;
var fileReader = new FileReader();
......@@ -170,6 +176,11 @@ export default {
self.analysisTextFile(content);
}
},
/**
* @description: analysisTextFile
* @param {*} content
* @author: renchao
*/
analysisTextFile (content) {
var index = content.indexOf("[地块坐标]"),
geoInfos = content.substr(index),
......@@ -225,6 +236,13 @@ export default {
this.txtZd.name = "";
this.txtResultDialog = true;
},
/**
* @description: shpFileSuccess
* @param {*} response
* @param {*} file
* @param {*} fileList
* @author: renchao
*/
shpFileSuccess (response, file, fileList) {
var self = this;
if (response.success) {
......@@ -234,9 +252,23 @@ export default {
this.$message.warning(response.message);
}
},
/**
* @description: cadFileSuccess
* @param {*} response
* @param {*} file
* @param {*} fileList
* @author: renchao
*/
cadFileSuccess (response, file, fileList) {
},
/**
* @description: excelFileSuccess
* @param {*} response
* @param {*} file
* @param {*} fileList
* @author: renchao
*/
excelFileSuccess (response, file, fileList) {
var self = this;
if (response.success) {
......@@ -265,7 +297,11 @@ export default {
this.$message.warning(response.message);
}
},
//文本文档导入
/**
* @description: 文本文档导入
* @param {*} formName
* @author: renchao
*/
submitTxtForm (formName) {
var self = this;
this.$refs[formName].validate((valid) => {
......@@ -286,6 +322,11 @@ export default {
}
})
},
/**
* @description: txtChange
* @param {*} value
* @author: renchao
*/
txtChange (value) {
var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]";
var graphics = this.txtResult.filter(item => {
......@@ -298,7 +339,11 @@ export default {
}
this.addOverLayer(graphic.geometry, []);
},
//校验空间完整性
/**
* @description: 校验空间完整性
* @param {*} graphic
* @author: renchao
*/
checkGeo (graphic) {
var self = this;
//校验完整性 直接调用空间方法 提交空间表
......@@ -331,7 +376,11 @@ export default {
}
});
},
//选择处理方式
/**
* @description: 选择处理方式
* @param {*} formName
* @author: renchao
*/
submitDealForm (formName) {
var self = this;
this.$refs[formName].validate((valid) => {
......@@ -351,7 +400,11 @@ export default {
}
})
},
//裁剪自己在保存
/**
* @description: 裁剪自己在保存
* @param {*} geometry
* @author: renchao
*/
delOverGeo (geometry) {
if (!this.currntDealGraphic.attributes) {
this.currntDealGraphic.attributes = {};
......@@ -363,7 +416,11 @@ export default {
}
this.saveZd(this.currntDealGraphic);
},
//裁剪别的在保存
/**
* @description: 裁剪别的在保存
* @param {*} results
* @author: renchao
*/
delOtherGeo (results) {
//执行编辑操作
var layer = this.getLayerByName("ZDJBXX");
......@@ -372,7 +429,12 @@ export default {
this.updateGraphic(featureUrl, results);
this.saveZd(this.currntDealGraphic);
},
//下载文档模板
/**
* @description: 下载文档模板
* @param {*} url
* @param {*} fileName
* @author: renchao
*/
downloadFile (url, fileName) {
let link = document.createElement("a");
link.style.display = "none";
......@@ -382,7 +444,11 @@ export default {
link.click();
document.body.removeChild(link);
},
//导入
/**
* @description: 导入
* @param {*} fileName
* @author: renchao
*/
submitForm (formName) {
//校验完整性 直接调用空间方法 提交空间表
var self = this;
......@@ -405,6 +471,12 @@ export default {
}
});
},
/**
* @description: dealOverData
* @param {*} results
* @param {*} graphic
* @author: renchao
*/
dealOverData (results, graphic) {
this.overResults = results;
this.currntDealGraphic = graphic;
......@@ -412,6 +484,11 @@ export default {
this.txtResultDialog = false;
this.dealDialog = true;
},
/**
* @description: saveZd
* @param {*} graphic
* @author: renchao
*/
saveZd (graphic) {
var self = this;
var points = null, lines = null,
......@@ -477,6 +554,11 @@ export default {
});
}
},
/**
* @description: savejzd
* @param {*} points
* @author: renchao
*/
savejzd (points) {
var savePoints = []
for (var i = 0; i < points.length; i++) {
......@@ -500,6 +582,11 @@ export default {
//保存空间数据
},
/**
* @description: saveJzx
* @param {*} lines
* @author: renchao
*/
saveJzx (lines) {
var jzxLines = [];
for (var i = 0; i < lines.length; i++) {
......@@ -526,6 +613,11 @@ export default {
// });
//保存空间数据表
},
/**
* @description: saveZRZ
* @param {*} graphic
* @author: renchao
*/
saveZRZ (graphic) {
var self = this;
var layer = null;
......@@ -559,7 +651,10 @@ export default {
});
}
},
//操作成功不需要跳转地图 (直接定位新导入的图形)
/**
* @description: 操作成功不需要跳转地图 (直接定位新导入的图形)
* @author: renchao
*/
goMap () {
var bsm = "", type = this.propertyInfo.type;
if (type == "zd") {
......@@ -574,7 +669,10 @@ export default {
//TODO 定位当前新导入的图形
this.addGeoByBsm(bsm, type, "testMap");
},
//取消
/**
* @description: 取消
* @author: renchao
*/
cancel () {
this.zdForm.zdBsm = "";
this.currentClickZd = null;
......@@ -582,14 +680,20 @@ export default {
// 清空当前图层上显示的图形
this.clearOverLayer();
},
//取消文本选择的弹出框
/**
* @description: 取消文本选择的弹出框
* @author: renchao
*/
cancelTxtForm () {
this.txtZd.name = "";
this.txtResultDialog = false;
// 清空当前图层上显示的图形
this.clearOverLayer();
},
//取消导入处理的结果
/**
* @description: 取消导入处理的结果
* @author: renchao
*/
cancelDealForm () {
this.dealForm.method = "";
this.dealDialog = false;
......@@ -597,7 +701,10 @@ export default {
// 清空当前图层上显示的图形
this.clearOverLayer();
},
//宗地选择发生改变
/**
* @description: 宗地选择发生改变
* @author: renchao
*/
zdChange (value) {
this.zdForm.zdBsm = value.XMMC;
this.currentClickZd = value;
......@@ -660,4 +767,4 @@ export default {
width: 100%;
text-align: center;
}
</style>
\ No newline at end of file
</style>
......

/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:24:24
*/
export default {
methods:{
/**
* @description: downloadTxt
* @param {*} text
* @param {*} fileName
* @author: renchao
*/
downloadTxt(text, fileName){
let element = document.createElement('a')
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text))
......@@ -8,6 +18,11 @@ export default {
element.style.display = 'none'
element.click()
},
/**
* @description: createTextContent
* @param {*} jzdInfo
* @author: renchao
*/
createTextContent(jzdInfo){
var textContent = "";
for(var i = 0;i < jzdInfo.length;i++){
......@@ -18,4 +33,4 @@ export default {
},
}
}
\ No newline at end of file
}
......
/*
* 图形相关的操作 js
* */
* @Description: 图形相关的操作 js
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:24:24
*/
import layers from '@/api/json/layers.json'
import queryUtils from "@/utils/map/queryUtils";
import identifyUtils from '@/utils/map/IdentifyUtils'
......@@ -19,6 +20,11 @@ export default {
}
},
methods: {
/**
* @description: getLayerByName
* @param {*} name
* @author: renchao
*/
getLayerByName (name) {
for (var i = 0; i < layers.length; i++) {
if (layers[i].layerName == name) {
......@@ -27,6 +33,14 @@ export default {
}
return null;
},
/**
* @description: queryGeoByBsm
* @param {*} name
* @param {*} type
* @param {*} callBackFunction
* @param {*} outSpatialReference
* @author: renchao
*/
queryGeoByBsm (bsm, type, callBackFunction, outSpatialReference) {
var layer = null;
if (type == 'zd') {
......@@ -48,13 +62,23 @@ export default {
}
});
},
//生成介质点
/**
* @description: 生成介质点
* @param {*} graphic
* @author: renchao
*/
craetJZPoint (graphic) {
var geomtry = graphic.geometry, rings = geomtry.rings[0];
var pointInfos = [];
this.getPointByRings(rings, pointInfos);
return pointInfos;
},
/**
* @description: getPointByRings
* @param {*} rings
* @param {*} pointInfos
* @author: renchao
*/
getPointByRings (rings, pointInfos) {
for (var i = 0; i < rings.length; i++) {
var children = rings[i];
......@@ -70,7 +94,12 @@ export default {
}
}
},
//生成介质线
/**
* @description: 生成介质线
* @param {*} graphic
* @param {*} callBackFunction
* @author: renchao
*/
createJZLine (graphic, callBackFunction) {
var self = this;
loadModules([
......@@ -151,7 +180,11 @@ export default {
throw (err);
})
},
//wkt转换成arcgis
/**
* @description: wkt转换成arcgis
* @param {*} wkt
* @author: renchao
*/
parseWktToArc (wkt) {
var primitive = wktParse.parse(wkt);
/*if(primitive.type == "MultiPolygon"){
......@@ -159,6 +192,12 @@ export default {
}*/
return arcgisParser.convert(primitive)
},
/**
* @description: postionToThisGeo
* @param {*} bsm
* @param {*} type
* @author: renchao
*/
postionToThisGeo (bsm, type) {
var view = maps["testMap"];
var layer = view.map.findLayerById("highlightLayer");
......@@ -173,7 +212,12 @@ export default {
this.$message.success("暂无图形信息!!!");
}
},
//导入空间图形是 先判断数据是否跨界
/**
* @description: 导入空间图形是 先判断数据是否跨界
* @param {*} geometry
* @param {*} callBacFunction
* @author: renchao
*/
geoJoint (geometry, callBacFunction) {
var self = this;
loadModules([
......@@ -222,7 +266,15 @@ export default {
throw (err);
})
},
//保存或者编辑属性信息
/**
* @description: 保存或者编辑属性信息
* @param {*} bsm
* @param {*} type
* @param {*} attributes
* @param {*} callBackFunction
* @param {*} ydybsm
* @author: renchao
*/
updAttributes (bsm, type, attributes, callBackFunction, ydybsm) {
var layer = null;
if (type == 'zd') {
......@@ -252,7 +304,13 @@ export default {
}
});
},
//叠加分析 同一个图层的叠加分析
/**
* @description: 叠加分析 同一个图层的叠加分析
* @param {*} bsm
* @param {*} graphic
* @param {*} callBacFunction
* @author: renchao
*/
zdOverAnalys (bsm, graphic, callBacFunction) {
var self = this;
loadModules([
......@@ -281,7 +339,12 @@ export default {
throw (err);
})
},
//添加添加元素和覆盖的元素到地图上
/**
* @description: addOverLayer
* @param {*} geometry
* @param {*} results
* @author: renchao
*/
addOverLayer (geometry, results) {
var view = maps["testMap"];
loadModules([
......@@ -336,6 +399,10 @@ export default {
})
},
/**
* @description: clearOverLayer
* @author: renchao
*/
clearOverLayer () {
var view = maps["testMap"];
var layer = view.map.findLayerById("overLayer");
......@@ -343,7 +410,13 @@ export default {
layer.removeAll();
}
},
//自然幢叠加分析 不能跨宗地 图层本身的叠加分析
/**
* @description: 自然幢叠加分析 不能跨宗地 图层本身的叠加分析
* @param {*} bsm
* @param {*} graphic
* @param {*} callBacFunction
* @author: renchao
*/
zrzOverAnalys (bsm, graphic, callBacFunction) {
var self = this;
loadModules([
......@@ -396,7 +469,13 @@ export default {
console.log(err);
})
},
//去除重叠部分
/**
* @description: 去除重叠部分
* @param {*} inputGraphic
* @param {*} subGraphic
* @param {*} callBackFuncton
* @author: renchao
*/
getDifference (inputGraphic, subGraphic, callBackFuncton) {
loadModules([
"esri/geometry/Polygon",
......@@ -420,7 +499,14 @@ export default {
console.log(err);
})
},
//业务处理 先用query方法 查询将所有属性查询 在做空间裁剪
/**
* @description: 业务处理 先用query方法 查询将所有属性查询 在做空间裁剪
* @param {*} subGraphics
* @param {*} currntGraphic
* @param {*} callBackFunction
* @param {*} flag
* @author: renchao
*/
getResultsDif (subGraphics, currntGraphic, callBackFunction, flag) {
var self = this;
loadModules([
......@@ -459,6 +545,13 @@ export default {
})
},
/**
* @description: addGeoByBsm
* @param {*} bsm
* @param {*} type
* @param {*} viewId
* @author: renchao
*/
addGeoByBsm (bsm, type, viewId) {
var self = this;
var layer = null;
......@@ -512,7 +605,11 @@ export default {
}
});
},
//清空当前图层
/**
* @description: 清空当前图层
* @param {*} viewId
* @author: renchao
*/
clearHighlightLayer (viewId) {
var view = maps[viewId];
var layer = view.map.findLayerById("highlightLayer");
......@@ -521,4 +618,4 @@ export default {
}
}
}
}
\ No newline at end of file
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:50:23
-->
<template>
<dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
@closeDialog="closeDialog" v-model="value">
......@@ -26,7 +31,7 @@
<el-col :span="12">
<el-form-item label="接口方式:" prop="interfaceMethod">
<el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择">
<el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item" ></el-option>
<el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -58,115 +63,115 @@
</template>
<script>
import { addSysInterface, editSysInterface} from "@/api/ptjk.js"
export default {
components: {
},
computed: {
},
props: {
value: { type: Boolean, default: false },
editFlag: {type: Boolean,default:false}
},
data () {
return {
//表单提交数据
interfaceMethods: ['webapi','webservice'],
interfaceTypes: [
{'label': '工作流服务平台','value':'1'},
{'label': '权限平台','value':'2'},
{'label': '定时器服务','value':'3'},
{'label': '其他第三方平台','value':'4'},
],
ruleForm: {
interfaceCode: '',
interfaceService: '',
interfaceDescription: '',
interfaceApi: '',
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
},
rules: {
interfaceCode: [
{ required: true, message: '接口代码不能为空', trigger: 'blur' }
],
interfaceService: [
{ required: true, message: '接口服务名称不能为空', trigger: 'blur' }
],
interfaceApi: [
{ required: true, message: '接口api地址不能为空', trigger: 'blur' }
],
interfaceMethod: [
{ required: true, message: '接口方式不能为空', trigger: 'change' }
],
interfaceType: [
{ required: true, message: '入库编号不能为空', trigger: 'change' }
import { addSysInterface, editSysInterface } from "@/api/ptjk.js"
export default {
components: {
},
computed: {
},
props: {
value: { type: Boolean, default: false },
editFlag: { type: Boolean, default: false }
},
data () {
return {
//表单提交数据
interfaceMethods: ['webapi', 'webservice'],
interfaceTypes: [
{ 'label': '工作流服务平台', 'value': '1' },
{ 'label': '权限平台', 'value': '2' },
{ 'label': '定时器服务', 'value': '3' },
{ 'label': '其他第三方平台', 'value': '4' },
],
},
}
},
methods: {
//表单提交
submitForm () {
let that = this;
that.$refs.ruleForm.validate(valid => {
if (valid) {
if(this.editFlag){
this.editInterface();
}else{
this.addInterface();
}
} else {
// console.log('error submit!!');
return false;
}
});
ruleForm: {
interfaceCode: '',
interfaceService: '',
interfaceDescription: '',
interfaceApi: '',
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
},
rules: {
interfaceCode: [
{ required: true, message: '接口代码不能为空', trigger: 'blur' }
],
interfaceService: [
{ required: true, message: '接口服务名称不能为空', trigger: 'blur' }
],
interfaceApi: [
{ required: true, message: '接口api地址不能为空', trigger: 'blur' }
],
interfaceMethod: [
{ required: true, message: '接口方式不能为空', trigger: 'change' }
],
interfaceType: [
{ required: true, message: '入库编号不能为空', trigger: 'change' }
],
},
}
},
//新增接口
addInterface(){
addSysInterface(this.ruleForm).then(res => {
if(res.code == 200){
this.$message.success("保存成功");
this.closeDialog();
this.$parent.queryClick();
}else{
this.$message.error(res.message)
methods: {
//表单提交
submitForm () {
let that = this;
that.$refs.ruleForm.validate(valid => {
if (valid) {
if (this.editFlag) {
this.editInterface();
} else {
this.addInterface();
}
} else {
// console.log('error submit!!');
return false;
}
});
},
//新增接口
addInterface () {
addSysInterface(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success("保存成功");
this.closeDialog();
this.$parent.queryClick();
} else {
this.$message.error(res.message)
}
})
},
//编辑接口
editInterface(){
},
//编辑接口
editInterface () {
editSysInterface(this.ruleForm).then(res => {
if(res.code == 200){
this.$message.success("编辑成功");
this.closeDialog();
this.$parent.queryClick();
}else{
this.$message.error(res.message)
}
if (res.code == 200) {
this.$message.success("编辑成功");
this.closeDialog();
this.$parent.queryClick();
} else {
this.$message.error(res.message)
}
})
},
//获取详情
getDetailInfo(item){
this.ruleForm = item
},
//关闭弹窗
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
interfaceCode: '',
interfaceService: '',
interfaceDescription: '',
interfaceApi: '',
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
},
//获取详情
getDetailInfo (item) {
this.ruleForm = item
},
//关闭弹窗
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
interfaceCode: '',
interfaceService: '',
interfaceDescription: '',
interfaceApi: '',
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
}
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/mixin.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:50:36
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
......@@ -37,72 +42,72 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./ptjkdata"
import { getSysInterfaceList } from '@/api/ptjk.js'
import addDialog from "./components/addDialog.vue"
import retrieveDialog from "./components/retrieveDialog.vue"
export default {
name: "ptjk",
components: { addDialog, retrieveDialog },
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
computed: {
...mapGetters(['dictData'])
},
data () {
return {
addDialog: false,
retrieveDialog: false,
editFlag: false,
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
},
methods: {
queryClick () {
this.$startLoading()
getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
this.$endLoading()
if (res.code == 200) {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
}
})
import { mapGetters } from 'vuex'
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./ptjkdata"
import { getSysInterfaceList } from '@/api/ptjk.js'
import addDialog from "./components/addDialog.vue"
import retrieveDialog from "./components/retrieveDialog.vue"
export default {
name: "ptjk",
components: { addDialog, retrieveDialog },
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
//打开新增
openDialog () {
this.editFlag = false;
this.addDialog = true;
computed: {
...mapGetters(['dictData'])
},
//打开编辑
editInterface (item) {
this.editFlag = true;
this.addDialog = true;
this.$refs.addDialog.getDetailInfo(item);
data () {
return {
addDialog: false,
retrieveDialog: false,
editFlag: false,
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
},
//打开调试窗口
tuneInterface (item) {
this.retrieveDialog = true;
this.$refs.retrieveDialog.getDetailInfo(item);
methods: {
queryClick () {
this.$startLoading()
getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
this.$endLoading()
if (res.code == 200) {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
}
})
},
//打开新增
openDialog () {
this.editFlag = false;
this.addDialog = true;
},
//打开编辑
editInterface (item) {
this.editFlag = true;
this.addDialog = true;
this.$refs.addDialog.getDetailInfo(item);
},
//打开调试窗口
tuneInterface (item) {
this.retrieveDialog = true;
this.$refs.retrieveDialog.getDetailInfo(item);
}
}
}
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:50:45
-->
<template>
<div id="login">
<div class="login-content-wrap">
......@@ -16,14 +21,12 @@
placeholder="请输入账号"
v-model="userInfo.username"
@focus="reduceBorder('user')"
@blur="addBorder('user')"
/>
@blur="addBorder('user')" />
<span class="warning" v-show="warning.user">账号不能为空</span>
</div>
<div
class="login-user user-mt"
:class="{ 'select-border': change.pass }"
>
:class="{ 'select-border': change.pass }">
<img class="user-icon" src="./images/password.svg" />
<input
type="password"
......@@ -32,8 +35,7 @@
v-model="userInfo.password"
v-show="!selectEye"
@focus="reduceBorder('pass')"
@blur="addBorder('pass')"
/>
@blur="addBorder('pass')" />
<input
type="text"
class="user-input"
......@@ -41,26 +43,22 @@
v-model="userInfo.password"
v-show="selectEye"
@focus="reduceBorder('pass')"
@blur="addBorder('pass')"
/>
@blur="addBorder('pass')" />
<img
class="password-eye"
src="./images/open.svg"
@click="selectEyes"
v-show="selectEye"
/>
v-show="selectEye" />
<img
class="password-eye"
src="./images/close.svg"
@click="selectEyes"
v-show="!selectEye"
/>
v-show="!selectEye" />
<span class="warning" v-show="warning.pass">密码不能为空</span>
</div>
<div
class="login-user login-valid"
:class="{ 'select-border': change.valid }"
>
:class="{ 'select-border': change.valid }">
<img class="user-icon" src="./images/valid.svg" />
<input
type="text"
......@@ -68,14 +66,12 @@
placeholder="请输入验证码"
v-model="userInfo.captchaCode"
@focus="reduceBorder('valid')"
@blur="addBorder('valid')"
/>
@blur="addBorder('valid')" />
<img
class="valid-img"
:src="codeSrc"
alt="暂无验证码"
@click="reloadCaptcha"
/>
@click="reloadCaptcha" />
<span class="warning" v-show="warning.valid">验证码不能为空</span>
</div>
<div id="loginBtn" class="login-btn" @click="goHome">登录</div>
......@@ -85,302 +81,302 @@
</div>
</template>
<script>
import axios from "axios";
export default {
data() {
return {
// 用户名
selectIcon: true,
// 用户名
selectEye: false,
userInfo: {
import axios from "axios";
export default {
data () {
return {
// 用户名
username: "",
// 密码
password: "",
// 重定向地址
redirectUrl: "",
// 验证码key
captchaKey: "",
// 验证码值
captchaCode: "",
},
//边框
change: {
user: false,
pass: false,
valid:false
},
// 提示语
warning: {
user: false,
pass: false,
valid: false,
},
// 验证码图片地址
codeSrc:""
};
},
mounted() {
this.initPage();
this.userInfo.redirectUrl = localStorage.getItem("dj-location");
this.reloadCaptcha()
let self = this;
document.onkeydown = function (e) {
//按下回车提交
let key = window.event.keyCode;
//事件中keycode=13为回车事件
if (key == 13) {
self.goHome();
}
};
},
methods: {
// 更新验证码
reloadCaptcha(){
axios.get(window._config.services.management + "/management/captcha?format=json").then(res => {
if (res.data.status === 1) {
this.userInfo.captchaKey = res.data.content['dubhe.captcha']
this.codeSrc = res.data.content.image
}
})
selectIcon: true,
// 用户名
selectEye: false,
userInfo: {
// 用户名
username: "",
// 密码
password: "",
// 重定向地址
redirectUrl: "",
// 验证码key
captchaKey: "",
// 验证码值
captchaCode: "",
},
//边框
change: {
user: false,
pass: false,
valid: false
},
// 提示语
warning: {
user: false,
pass: false,
valid: false,
},
// 验证码图片地址
codeSrc: ""
};
},
// 初始化
initPage() {
let userInfo =
localStorage.getItem("userInfo") &&
JSON.parse(localStorage.getItem("userInfo"));
if (userInfo) {
this.userInfo.username = userInfo.username;
this.userInfo.password = userInfo.password;
}
mounted () {
this.initPage();
this.userInfo.redirectUrl = localStorage.getItem("dj-location");
this.reloadCaptcha()
let self = this;
document.onkeydown = function (e) {
//按下回车提交
let key = window.event.keyCode;
//事件中keycode=13为回车事件
if (key == 13) {
self.goHome();
}
};
},
goHome() {
if (this.userInfo.username && this.userInfo.password) {
axios
.post(
window._config.services.management + "/management/cas/login",
this.userInfo
)
.then((response) => {
if (response.data.status === 1) {
if (response.data.content.location) {
window.location.href = response.data.content.location;
methods: {
// 更新验证码
reloadCaptcha () {
axios.get(window._config.services.management + "/management/captcha?format=json").then(res => {
if (res.data.status === 1) {
this.userInfo.captchaKey = res.data.content['dubhe.captcha']
this.codeSrc = res.data.content.image
}
})
},
// 初始化
initPage () {
let userInfo =
localStorage.getItem("userInfo") &&
JSON.parse(localStorage.getItem("userInfo"));
if (userInfo) {
this.userInfo.username = userInfo.username;
this.userInfo.password = userInfo.password;
}
},
goHome () {
if (this.userInfo.username && this.userInfo.password) {
axios
.post(
window._config.services.management + "/management/cas/login",
this.userInfo
)
.then((response) => {
if (response.data.status === 1) {
if (response.data.content.location) {
window.location.href = response.data.content.location;
}
} else {
this.$message.error(response.data.message);
}
})
.catch((error) => {
console.log(error);
this.$message.error(error.message);
});
} else {
return
}
},
selectEyes () {
this.selectEye = !this.selectEye;
},
//获取焦点
reduceBorder (type) {
this.change[type] = true
},
addBorder (type) {
//失去焦点
switch (type) {
case "user":
this.change.user = false;
if (!this.userInfo.username) {
this.warning.user = true;
} else {
this.$message.error(response.data.message);
this.warning.user = false;
}
})
.catch((error) => {
console.log(error);
this.$message.error(error.message);
});
} else {
return
break;
case "pass":
this.change.pass = false;
if (!this.userInfo.password) {
this.warning.pass = true;
} else {
this.warning.pass = false;
}
break;
case "valid":
this.change.valid = false;
if (!this.userInfo.captchaCode) {
this.warning.valid = true;
} else {
this.warning.valid = false;
}
break;
default:
break;
}
}
},
selectEyes() {
this.selectEye = !this.selectEye;
},
//获取焦点
reduceBorder(type) {
this.change[type] = true
},
addBorder(type) {
//失去焦点
switch (type) {
case "user":
this.change.user = false;
if (!this.userInfo.username) {
this.warning.user = true;
} else {
this.warning.user = false;
}
break;
case "pass":
this.change.pass = false;
if (!this.userInfo.password) {
this.warning.pass = true;
} else {
this.warning.pass = false;
}
break;
case "valid":
this.change.valid = false;
if (!this.userInfo.captchaCode) {
this.warning.valid = true;
} else {
this.warning.valid = false;
}
break;
default:
break;
}
}
},
};
};
</script>
<style lang="scss" scoped>
input::placeholder{
color: #878787;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif
}
#login {
width: 100vw;
height: 100vh;
background: url("./images/login-bg.png") no-repeat;
background-size: 100%;
overflow: hidden;
position: relative;
.login-content-wrap{
position: absolute;
left: 50%;
top: calc(50% + 10px);
transform: translate(-50%, -50%);
}
.login-logo {
height: 70px;
width: 100%;
text-align: center;
position: absolute;
top: -140px;
}
.login-logo img {
height: 100%;
input::placeholder {
color: #878787;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.login-con {
margin: 0 auto;
width: 936px;
height: 450px;
.login-img{
width: 456px;
height: 450px;
float: left;
box-sizing: border-box;
padding: 126px 86px;
background-color: #fff;
position: relative;
&:after{
content: "";
display: inline-block;
width: 1px;
height: calc(100% - 96px);
background-image: linear-gradient(#fff,#9AA4C8,#fff);
position: absolute;
right: 0;
top: 48px;
}
.content{
width: 100%;
height: 100%;
background: url("./images/login-img.svg") no-repeat;
}
#login {
width: 100vw;
height: 100vh;
background: url("./images/login-bg.png") no-repeat;
background-size: 100%;
overflow: hidden;
position: relative;
.login-content-wrap {
position: absolute;
left: 50%;
top: calc(50% + 10px);
transform: translate(-50%, -50%);
}
.login-wrap{
width: 480px;
.login-logo {
height: 70px;
width: 100%;
text-align: center;
position: absolute;
top: -140px;
}
.login-logo img {
height: 100%;
}
.login-con {
margin: 0 auto;
width: 936px;
height: 450px;
float: left;
box-sizing: border-box;
padding: 48px 56px;
background: #FFFFFF;
p{
width: 80px;
font-size: 20px;
font-weight: 500;
color: #333333;
line-height: 26px;
.login-img {
width: 456px;
height: 450px;
float: left;
box-sizing: border-box;
padding: 126px 86px;
background-color: #fff;
position: relative;
&:after{
&:after {
content: "";
display: inline-block;
height: 2px;
width: 74px;
background-color: #CF8933;
width: 1px;
height: calc(100% - 96px);
background-image: linear-gradient(#fff, #9aa4c8, #fff);
position: absolute;
bottom: -4px;
left: 2px;
right: 0;
top: 48px;
}
.content {
width: 100%;
height: 100%;
background: url("./images/login-img.svg") no-repeat;
}
}
.login-wrap {
width: 480px;
height: 450px;
float: left;
box-sizing: border-box;
padding: 48px 56px;
background: #ffffff;
p {
width: 80px;
font-size: 20px;
font-weight: 500;
color: #333333;
line-height: 26px;
position: relative;
&:after {
content: "";
display: inline-block;
height: 2px;
width: 74px;
background-color: #cf8933;
position: absolute;
bottom: -4px;
left: 2px;
}
}
}
}
}
.login-user {
width: 100%;
height: 40px;
border: 1px solid #E5E5E5;
box-sizing: border-box;
margin-top: 34px;
border-radius: 2px;
position: relative;
.user-icon {
float: left;
margin: 10px auto auto 10px;
width: 28px;
height: 18px;
.login-user {
width: 100%;
height: 40px;
border: 1px solid #e5e5e5;
box-sizing: border-box;
margin-top: 34px;
border-radius: 2px;
position: relative;
.user-icon {
float: left;
margin: 10px auto auto 10px;
width: 28px;
height: 18px;
}
.user-input {
width: 80%;
float: left;
font-size: 16px;
outline: 0;
border: none;
color: #4a4a4a;
height: 38px;
line-height: 40px;
}
.password-eye {
float: right;
width: 16px;
height: 16px;
margin-right: 12px;
margin-top: 13px;
cursor: pointer;
}
.warning {
font-size: 12px;
color: red;
position: absolute;
left: 0;
bottom: -18px;
}
}
.user-input {
width: 80%;
float: left;
font-size: 16px;
outline: 0;
border: none;
color: #4a4a4a;
height: 38px;
line-height: 40px;
.login-valid {
width: 60%;
.valid-img {
width: 50%;
position: absolute;
right: -66%;
top: 2px;
cursor: pointer;
}
}
.password-eye {
float: right;
width: 16px;
height: 16px;
margin-right: 12px;
margin-top: 13px;
cursor: pointer;
.user-mt {
margin-top: 26px;
}
.warning {
font-size: 12px;
color: red;
position: absolute;
left: 0;
bottom: -18px;
.select-border {
border: 1px solid rgba(0, 113, 255, 1);
}
}
.login-valid{
width: 60%;
.valid-img{
width: 50%;
position: absolute;
right: -66%;
top: 2px;
.login-btn {
width: 100%;
height: 48px;
background: #74a3f5;
border-radius: 2px;
margin: 0 auto;
margin-top: 40px;
font-size: 20px;
font-weight: 500;
line-height: 48px;
text-align: center;
color: #fff;
cursor: pointer;
}
.reserved-con {
position: absolute;
bottom: 0;
width: 100%;
height: 18px;
background-color: #4971ca;
}
}
.user-mt {
margin-top: 26px;
}
.select-border {
border: 1px solid rgba(0, 113, 255, 1);
}
.login-btn {
width: 100%;
height: 48px;
background: #74A3F5;
border-radius: 2px;
margin: 0 auto;
margin-top: 40px;
font-size: 20px;
font-weight: 500;
line-height: 48px;
text-align: center;
color: #fff;
cursor: pointer;
}
.reserved-con {
position: absolute;
bottom: 0;
width: 100%;
height: 18px;
background-color: #4971ca;
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:50:51
-->
<template>
<div class="edit">
<el-tabs type="card" v-model="activeName">
......@@ -9,15 +14,13 @@
v-if="activeName == 'first'"
ref="tabContent"
:style="{ height: lpbContentHight + 'px' }"
v-show="bjztFlag"
>
v-show="bjztFlag">
<!-- 楼盘表主体 -->
<div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
<lpbContent
ref="lpbContent"
:zrzbsm="formData.bsm"
:key="time"
></lpbContent>
:key="time"></lpbContent>
</div>
<!-- 右侧图例 -->
<div class="lp-legend">
......@@ -28,40 +31,34 @@
</div>
<div
:class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
@click="selectedZt = 'dyzt'"
>
@click="selectedZt = 'dyzt'">
<span>单元状态</span>
</div>
<div
:class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
@click="selectedZt = 'fwxz'"
>
@click="selectedZt = 'fwxz'">
<span>房屋性质</span>
</div>
<div
:class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
@click="selectedZt = 'fwyt'"
>
@click="selectedZt = 'fwyt'">
<span>房屋用途</span>
</div>
<div
:class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'"
@click="selectedZt = 'qsx'"
>
@click="selectedZt = 'qsx'">
<span>缺失项</span>
</div>
</div>
<div
class="legendTable-wrap"
:style="{ width: legendToggleFlag ? '200px' : '0' }"
>
:style="{ width: legendToggleFlag ? '200px' : '0' }">
<table
class="legendTable"
v-show="selectedZt == 'dyzt'"
cellspacing="1"
cellpadding="1"
border="1"
>
border="1">
<tr>
<th>状态</th>
<th>套数</th>
......@@ -71,14 +68,11 @@
v-for="(item, index) in dyztList"
:key="index"
class="cp"
@click="handleChoosedH(item.bsms, item.color)"
>
@click="handleChoosedH(item.bsms, item.color)">
<td>
<i
class="fa fa-circle"
:style="{ backgroundColor: item.color }"
></i
>{{ item.name }}
:style="{ backgroundColor: item.color }"></i>{{ item.name }}
</td>
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
......@@ -90,8 +84,7 @@
v-show="selectedZt == 'fwxz'"
cellspacing="1"
cellpadding="1"
border="1"
>
border="1">
<tr>
<th>性质</th>
<th>套数</th>
......@@ -101,14 +94,11 @@
v-for="(item, index) in fwxzList"
:key="index"
class="cp"
@click="handleChoosedH(item.bsms, item.color)"
>
@click="handleChoosedH(item.bsms, item.color)">
<td>
<i
class="fa fa-circle"
:style="{ backgroundColor: item.color }"
></i
>{{ item.name }}
:style="{ backgroundColor: item.color }"></i>{{ item.name }}
</td>
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
......@@ -123,8 +113,7 @@
v-show="selectedZt == 'fwyt'"
cellspacing="1"
cellpadding="1"
border="1"
>
border="1">
<tr>
<th>用途</th>
<th>套数</th>
......@@ -134,14 +123,11 @@
v-for="(item, index) in fwytList"
:key="index"
class="cp"
@click="handleChoosedH(item.bsms, item.color)"
>
@click="handleChoosedH(item.bsms, item.color)">
<td>
<i
class="fa fa-circle"
:style="{ backgroundColor: item.color }"
></i
>{{ item.name }}
:style="{ backgroundColor: item.color }"></i>{{ item.name }}
</td>
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
......@@ -156,8 +142,7 @@
v-show="selectedZt == 'qsx'"
cellspacing="1"
cellpadding="1"
border="1"
>
border="1">
<tr>
<th>数据缺失项</th>
<th>套数</th>
......@@ -167,14 +152,11 @@
v-for="(item, index) in qsxList"
:key="index"
class="cp"
@click="handleChoosedH(item.bsms, item.color)"
>
@click="handleChoosedH(item.bsms, item.color)">
<td>
<i
class="fa fa-circle"
:style="{ backgroundColor: item.color }"
></i
>{{ item.name }}
:style="{ backgroundColor: item.color }"></i>{{ item.name }}
</td>
<td>{{ item.ts }}</td>
<td>0</td>
......@@ -192,386 +174,386 @@
</template>
<script>
import lpbContent from "./lpbContent/index";
import selectZrzH from "../ywbl/ywsq/components/selectZrzH";
import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpcx.js";
export default {
name: "lpb",
props: {
formData: {
type: Object,
default: {},
import lpbContent from "./lpbContent/index";
import selectZrzH from "../ywbl/ywsq/components/selectZrzH";
import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpcx.js";
export default {
name: "lpb",
props: {
formData: {
type: Object,
default: {},
},
},
},
components: {
lpbContent,
selectZrzH,
},
data() {
return {
activeName: "first",
bsms: [],
dialogVisible: false,
scyclx: "0", //1是实测 0是预测
menuType: "",
selectedZt: "dyzt", //图例选中项,默认选中单元状态
dyztList: [
{
name: "未确权",
color: "#83AAFE",
ts: "12",
mj: "1633",
},
{
name: "已确权",
color: "#6EDEE1",
ts: "22",
mj: "3109",
},
{
name: "已备案",
color: "#8ADC88",
ts: "3",
mj: "409",
},
{
name: "预抵押",
color: "#F2AD67",
ts: "11",
mj: "1466",
},
{
name: "在建抵押",
color: "#F191C8",
ts: "13",
mj: "1792",
},
{
name: "抵押",
color: "#FF8282",
ts: "14",
mj: "13",
},
{
name: "查封",
color: "#D7CECF",
ts: "9",
mj: "1436",
},
{
name: "异议",
color: "#D4A3EB",
ts: "34",
mj: "4342",
},
{
name: "限制",
color: "#A5A3FB",
ts: "2",
mj: "285",
},
],
fwxzList: [],
fwytList: [],
qsxList: [],
legendToggleFlag: false,
lpbContentHight: "",
lpbContentwidth: "",
time: "",
dyztBsmList: {}, //单元状态bsmList
bjztFlag: true,
qsztList: [],
};
},
created() {
window.addEventListener("resize", this.getHeight);
console.log(this.formData);
this.getHeight();
},
mounted() {
//获取各项单元状态的户bsm
this.getDyztBsmList();
//获取房屋用途统计数据
this.getLpbFwytAndQlxz();
// 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6
setTimeout(() => {
this.lpbContentwidth =
(document.documentElement.clientWidth || document.body.clientWidth) -
340 -
34 -
6;
}, 100);
},
methods: {
/* handleTabClick(event){
if(event.name=="first"){
this.$router.push({
path:"/lpb/index",
})
}else if(event.name=="second"){
this.$router.push({
path:"/ywbl/ywsq/components/selectAllHInfo",
})
}
},*/
//获取高度计算lpb内容区高度
getHeight() {
this.lpbContentHight = window.innerHeight - 190;
components: {
lpbContent,
selectZrzH,
},
//图例的展开收起
legendToggle() {
this.legendToggleFlag = !this.legendToggleFlag;
data () {
return {
activeName: "first",
bsms: [],
dialogVisible: false,
scyclx: "0", //1是实测 0是预测
menuType: "",
selectedZt: "dyzt", //图例选中项,默认选中单元状态
dyztList: [
{
name: "未确权",
color: "#83AAFE",
ts: "12",
mj: "1633",
},
{
name: "已确权",
color: "#6EDEE1",
ts: "22",
mj: "3109",
},
{
name: "已备案",
color: "#8ADC88",
ts: "3",
mj: "409",
},
{
name: "预抵押",
color: "#F2AD67",
ts: "11",
mj: "1466",
},
{
name: "在建抵押",
color: "#F191C8",
ts: "13",
mj: "1792",
},
{
name: "抵押",
color: "#FF8282",
ts: "14",
mj: "13",
},
{
name: "查封",
color: "#D7CECF",
ts: "9",
mj: "1436",
},
{
name: "异议",
color: "#D4A3EB",
ts: "34",
mj: "4342",
},
{
name: "限制",
color: "#A5A3FB",
ts: "2",
mj: "285",
},
],
fwxzList: [],
fwytList: [],
qsxList: [],
legendToggleFlag: false,
lpbContentHight: "",
lpbContentwidth: "",
time: "",
dyztBsmList: {}, //单元状态bsmList
bjztFlag: true,
qsztList: [],
};
},
//切换房屋状态
handleChoosedH(bsms, color) {
this.$refs.lpbContent.changeChoosed(bsms, color);
created () {
window.addEventListener("resize", this.getHeight);
console.log(this.formData);
this.getHeight();
},
//获取各项单元状态统计数据
getDyztBsmList() {
getLpbTj(this.formData.bsm).then((res) => {
if (res.code === 200) {
this.dyztList = res.result;
this.dyztList.splice(1, 0, this.dyztList[8]);
this.dyztList.pop();
this.dyztList.forEach((item) => {
item.ts = item.bsms.length;
switch (item.name) {
case "Qqzt":
item.color = "#6EDEE1";
item.name = "已确权";
break;
case "Wqqzt":
item.color = "#83AAFE";
item.name = "未确权";
break;
case "Bazt":
item.color = "#8ADC88";
item.name = "已备案";
break;
case "Ydyzt":
item.color = "#F2AD67";
item.name = "预抵押";
break;
case "Zjgcdyzt":
item.color = "#F191C8";
item.name = "在建抵押";
break;
case "Dyzt":
item.color = "#FF8282";
item.name = "抵押";
break;
case "Cfzt":
item.color = "#D7CECF";
item.name = "查封";
break;
case "Yyzt":
item.color = "#D4A3EB";
item.name = "异议";
break;
case "Xzzt":
item.color = "#A5A3FB";
item.name = "限制";
break;
default:
break;
}
});
}
});
mounted () {
//获取各项单元状态的户bsm
this.getDyztBsmList();
//获取房屋用途统计数据
this.getLpbFwytAndQlxz();
// 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6
setTimeout(() => {
this.lpbContentwidth =
(document.documentElement.clientWidth || document.body.clientWidth) -
340 -
34 -
6;
}, 100);
},
// 获取房屋用途和房屋性质及缺失项统计数据
getLpbFwytAndQlxz() {
getLpbFwytAndQlxz(this.formData.bsm).then((res) => {
if (res.code === 200) {
// this.fwytList = res.result
this.fwytList = res.result.fwyt;
this.fwxzList = res.result.qlxz;
if (this.fwytList.length > 0) {
this.fwytList.forEach((item) => {
item.color = "#2591FD";
methods: {
/* handleTabClick(event){
if(event.name=="first"){
this.$router.push({
path:"/lpb/index",
})
}else if(event.name=="second"){
this.$router.push({
path:"/ywbl/ywsq/components/selectAllHInfo",
})
}
},*/
//获取高度计算lpb内容区高度
getHeight () {
this.lpbContentHight = window.innerHeight - 190;
},
//图例的展开收起
legendToggle () {
this.legendToggleFlag = !this.legendToggleFlag;
},
//切换房屋状态
handleChoosedH (bsms, color) {
this.$refs.lpbContent.changeChoosed(bsms, color);
},
//获取各项单元状态统计数据
getDyztBsmList () {
getLpbTj(this.formData.bsm).then((res) => {
if (res.code === 200) {
this.dyztList = res.result;
this.dyztList.splice(1, 0, this.dyztList[8]);
this.dyztList.pop();
this.dyztList.forEach((item) => {
item.ts = item.bsms.length;
switch (item.name) {
case "Qqzt":
item.color = "#6EDEE1";
item.name = "已确权";
break;
case "Wqqzt":
item.color = "#83AAFE";
item.name = "未确权";
break;
case "Bazt":
item.color = "#8ADC88";
item.name = "已备案";
break;
case "Ydyzt":
item.color = "#F2AD67";
item.name = "预抵押";
break;
case "Zjgcdyzt":
item.color = "#F191C8";
item.name = "在建抵押";
break;
case "Dyzt":
item.color = "#FF8282";
item.name = "抵押";
break;
case "Cfzt":
item.color = "#D7CECF";
item.name = "查封";
break;
case "Yyzt":
item.color = "#D4A3EB";
item.name = "异议";
break;
case "Xzzt":
item.color = "#A5A3FB";
item.name = "限制";
break;
default:
break;
}
});
}
if (this.fwxzList.length > 0) {
this.fwxzList.forEach((item) => {
item.color = "#2591FD";
item.ts = item.bsms.length;
});
});
},
// 获取房屋用途和房屋性质及缺失项统计数据
getLpbFwytAndQlxz () {
getLpbFwytAndQlxz(this.formData.bsm).then((res) => {
if (res.code === 200) {
// this.fwytList = res.result
this.fwytList = res.result.fwyt;
this.fwxzList = res.result.qlxz;
if (this.fwytList.length > 0) {
this.fwytList.forEach((item) => {
item.color = "#2591FD";
item.ts = item.bsms.length;
});
}
if (this.fwxzList.length > 0) {
this.fwxzList.forEach((item) => {
item.color = "#2591FD";
item.ts = item.bsms.length;
});
}
}
}
});
getLpbQsxtj(this.formData.bsm).then((res) => {
if (res.code === 200) {
this.qsxList = [
{
name: "坐落",
bsms: res.result.zl.bsms,
color: "#2591FD",
ts: res.result.zl.bsms.length,
},
{
name: "分层分户图",
bsms: res.result.fcfht.bsms,
color: "#2591FD",
ts: res.result.fcfht.bsms.length,
},
{
name: "室号",
bsms: res.result.shbw.bsms,
color: "#2591FD",
ts: res.result.shbw.bsms.length,
},
];
}
});
});
getLpbQsxtj(this.formData.bsm).then((res) => {
if (res.code === 200) {
this.qsxList = [
{
name: "坐落",
bsms: res.result.zl.bsms,
color: "#2591FD",
ts: res.result.zl.bsms.length,
},
{
name: "分层分户图",
bsms: res.result.fcfht.bsms,
color: "#2591FD",
ts: res.result.fcfht.bsms.length,
},
{
name: "室号",
bsms: res.result.shbw.bsms,
color: "#2591FD",
ts: res.result.shbw.bsms.length,
},
];
}
});
},
},
},
computed: {},
destroyed() {
window.removeEventListener("resize", this.getHeight);
},
watch: {
//树结构和图例伸缩时修改楼盘表主要内容区宽度
legendToggleFlag(n) {
if (n) {
this.lpbContentwidth -= 204;
} else {
this.lpbContentwidth += 204;
}
computed: {},
destroyed () {
window.removeEventListener("resize", this.getHeight);
},
selectedZt(n) {
this.legendToggleFlag = true;
watch: {
//树结构和图例伸缩时修改楼盘表主要内容区宽度
legendToggleFlag (n) {
if (n) {
this.lpbContentwidth -= 204;
} else {
this.lpbContentwidth += 204;
}
},
selectedZt (n) {
this.legendToggleFlag = true;
},
},
},
};
};
</script>
<style scoped lang="scss">
table {
border-width: 0;
border-collapse: collapse;
border-spacing: 0;
}
.edit {
height: 100%;
background-color: #f4f9ff;
.tab-content {
border: 1px solid #dedede;
border-left: 0;
background-color: #ffffff;
display: flex;
&::-webkit-scrollbar {
width: 1px;
}
.lp-tree {
height: 100%;
overflow: hidden;
transition: 0.5s;
.treeData {
margin-top: 20px;
margin-left: 26px;
float: left;
table {
border-width: 0;
border-collapse: collapse;
border-spacing: 0;
}
.edit {
height: 100%;
background-color: #f4f9ff;
.tab-content {
border: 1px solid #dedede;
border-left: 0;
background-color: #ffffff;
display: flex;
&::-webkit-scrollbar {
width: 1px;
}
}
.w0 {
width: 0;
}
.w260 {
width: 260px;
}
.lp-overview {
transition: 0.5s;
flex: 1;
border: 1px solid rgb(236, 236, 236);
border-top: 0;
border-bottom: 0;
margin-right: 10px;
box-sizing: border-box;
}
.lp-legend {
transition: 0.5s;
height: 100%;
font-size: 14px;
.handleCol {
width: 34px;
float: right;
.lp-tree {
height: 100%;
.btn {
cursor: pointer;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #5a78de;
color: #fff;
border-bottom: 1px solid #e6e6e6;
}
.dyzt,
.fwxz,
.fwyt,
.qsx {
height: 122px;
}
.dyzt,
.fwxz,
.fwyt,
.qsx {
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
span {
text-align: center;
height: 100%;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 34px;
letter-spacing: 2px;
}
}
.selectedZt {
// background-color: #5A78DE;
color: #3d59c4;
overflow: hidden;
transition: 0.5s;
.treeData {
margin-top: 20px;
margin-left: 26px;
float: left;
}
}
.legendTable-wrap {
.w0 {
width: 0;
}
.w260 {
width: 260px;
}
.lp-overview {
transition: 0.5s;
float: right;
overflow: hidden;
.legendTable {
margin-top: -1px;
.fa-circle {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
vertical-align: middle;
margin-right: 4px;
}
tr {
flex: 1;
border: 1px solid rgb(236, 236, 236);
border-top: 0;
border-bottom: 0;
margin-right: 10px;
box-sizing: border-box;
}
.lp-legend {
transition: 0.5s;
height: 100%;
font-size: 14px;
.handleCol {
width: 34px;
float: right;
height: 100%;
.btn {
cursor: pointer;
height: 40px;
line-height: 40px;
border-color: #d8e0ea !important;
th:first-child {
width: 80px;
text-align: center;
background-color: #5a78de;
color: #fff;
border-bottom: 1px solid #e6e6e6;
}
.dyzt,
.fwxz,
.fwyt,
.qsx {
height: 122px;
}
.dyzt,
.fwxz,
.fwyt,
.qsx {
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
span {
text-align: center;
height: 100%;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 34px;
letter-spacing: 2px;
}
th {
width: 60px;
height: 40px;
white-space: nowrap;
background-color: #eceef2;
}
.selectedZt {
// background-color: #5A78DE;
color: #3d59c4;
}
}
.legendTable-wrap {
transition: 0.5s;
float: right;
overflow: hidden;
.legendTable {
margin-top: -1px;
.fa-circle {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
vertical-align: middle;
margin-right: 4px;
}
td {
tr {
height: 40px;
text-align: center;
white-space: nowrap;
}
td:first-child {
text-align: left;
text-indent: 2px;
line-height: 40px;
border-color: #d8e0ea !important;
th:first-child {
width: 80px;
}
th {
width: 60px;
height: 40px;
white-space: nowrap;
background-color: #eceef2;
}
td {
height: 40px;
text-align: center;
white-space: nowrap;
}
td:first-child {
text-align: left;
text-indent: 2px;
}
}
}
}
}
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:51:37
-->
<template>
<div class="bdcqldjml">
<table class="mlTable">
......@@ -23,51 +28,51 @@
</template>
<script>
import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js";
export default {
data() {
return {
bdcqlml: [],
propsParam: this.$attrs,
};
},
mounted() {
getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.bdcqlml = res.result;
}
});
},
};
import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js";
export default {
data () {
return {
bdcqlml: [],
propsParam: this.$attrs,
};
},
mounted () {
getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.bdcqlml = res.result;
}
});
},
};
</script>
<style lang="scss" scoped>
.bdcqldjml {
width: 100%;
height: 100%;
background: #fff;
overflow-y: scroll;
.mlTable {
width: 90%;
margin: 0 auto;
color: #333;
border-spacing: 1px;
background-color: #333;
.bdcqldjml {
width: 100%;
height: 100%;
background: #fff;
overflow-y: scroll;
.mlTable {
width: 90%;
margin: 0 auto;
color: #333;
border-spacing: 1px;
background-color: #333;
.title {
font-size: 20px;
line-height: 60px;
font-family: serif;
position: relative;
}
.title {
font-size: 20px;
line-height: 60px;
font-family: serif;
position: relative;
}
td,
th {
background-color: white;
line-height: 30px;
padding: 0 4px;
text-align: center;
td,
th {
background-color: white;
line-height: 30px;
padding: 0 4px;
text-align: center;
}
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:07
-->
<template>
<div class="bdcqljqtsx">
<div class="content">
......@@ -49,59 +54,59 @@
</template>
<script>
import { getBdcqljqtsx } from "@/api/djbDetail.js";
export default {
name: "bdcqljqtsx",
data() {
return {
//传递参数
propsParam: this.$attrs,
qlxxList: "",
};
},
mounted() {
getBdcqljqtsx({
bdcdyid: this.propsParam.bdcdyid,
bdcdyh: this.propsParam.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.qlxxList = res.result;
}
});
},
};
import { getBdcqljqtsx } from "@/api/djbDetail.js";
export default {
name: "bdcqljqtsx",
data () {
return {
//传递参数
propsParam: this.$attrs,
qlxxList: "",
};
},
mounted () {
getBdcqljqtsx({
bdcdyid: this.propsParam.bdcdyid,
bdcdyh: this.propsParam.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.qlxxList = res.result;
}
});
},
};
</script>
<style lang="scss" scoped>
.bdcqljqtsx {
width: 100%;
height: 100%;
background: #fff;
.content {
width: 50%;
.bdcqljqtsx {
width: 100%;
height: 100%;
margin: 0 auto;
text-align: right;
color: #333;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 16px;
background: #fff;
.title {
font-size: 32px;
text-align: center;
padding: 40px 0;
line-height: 34px;
}
.content {
width: 50%;
height: 100%;
margin: 0 auto;
text-align: right;
color: #333;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 16px;
.underline {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
display: inline-block;
.title {
font-size: 32px;
text-align: center;
padding: 40px 0;
line-height: 34px;
}
.underline {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
display: inline-block;
}
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:13
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:28
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:37
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:46
-->
<template>
<div class="content">
<div class="left">
......@@ -69,7 +74,7 @@
this.componentTag = (r) =>
require.ensure([], () => r(require("@/views/registerBook/" + form)));
},
},
}
};
</script>
<style scoped lang="scss">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:59
-->
<template>
<div class="content loadingtext">
<div class="left">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:42
-->
<template>
<div class="djbfm">
<br /><br />
......@@ -33,76 +38,76 @@
</template>
<script>
import { getDjbfm } from "@/api/djbDetail.js";
import { getDjbfm } from "@/api/djbDetail.js";
export default {
data () {
return {
//传递参数
propsParam: this.$attrs,
info: {},
};
},
mounted () {
this.loadData();
},
methods: {
loadData () {
getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.info = res.result;
}
});
export default {
data () {
return {
//传递参数
propsParam: this.$attrs,
info: {},
};
},
},
};
mounted () {
this.loadData();
},
methods: {
loadData () {
getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.info = res.result;
}
});
},
},
};
</script>
<style lang="scss" scoped>
.djbfm {
width: 100%;
height: 100%;
background: #fff;
border-right: 1px solid #ccc;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
position: relative;
.djbfm {
width: 100%;
height: 100%;
background: #fff;
border-right: 1px solid #ccc;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
position: relative;
font {
border-bottom: 1px solid #000;
display: inline-block;
padding: 0 15px;
line-height: 16px;
}
font {
border-bottom: 1px solid #000;
display: inline-block;
padding: 0 15px;
line-height: 16px;
}
.title {
height: 40%;
display: flex;
font-size: 38px;
color: #000;
justify-content: center;
align-items: center;
}
.title {
height: 40%;
display: flex;
font-size: 38px;
color: #000;
justify-content: center;
align-items: center;
}
.bottom {
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
left: 0;
height: 100px;
line-height: 100px;
.bottom {
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
left: 0;
height: 100px;
line-height: 100px;
p {
font-size: 28px;
}
p {
font-size: 28px;
}
font {
font-size: 24px;
line-height: 24px;
font {
font-size: 24px;
line-height: 24px;
}
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 15:01:08
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 15:01:40
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 15:03:14
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 15:03:56
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 15:04:07
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 15:04:15
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 15:04:26
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
......@@ -6,36 +11,33 @@
<el-row>
<el-col :span="5">
<el-form-item label="接口类型">
<el-input
<el-input
placeholder="请输入编号"
v-model="queryForm.jklx"
class="width200px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="调用状态">
<el-input
<el-input
placeholder="请输入编号"
v-model="queryForm.dyzt"
class="width200px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-form-item label="访问IP">
<el-input
<el-input
placeholder="请输入IP"
v-model="queryForm.fwip"
class="width200px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
......@@ -45,47 +47,44 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row>
<el-col :span="10">
<el-form-item label="请求地址">
<el-input
<el-input
placeholder="请输入url"
v-model="queryForm.qqdz"
class="width500px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
</el-row>
<el-row>
</el-row>
<el-row>
<el-col :span="20">
<el-form-item label="请求头数据">
<el-input
<el-input
placeholder="请输入请求头数据"
v-model="queryForm.qqtsj"
class="width500px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row>
<el-col :span="20">
<el-form-item label="入参数据">
<el-input
<el-input
placeholder="请输入参数"
v-model="queryForm.rcsj"
class="width500px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -93,29 +92,27 @@
<el-row>
<el-col :span="5">
<el-form-item label="调用描述">
<el-input
<el-input
placeholder="调用描述"
v-model="queryForm.dyms"
class="width200px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row>
<el-col :span="5">
<el-form-item label="返回数据">
<el-input
<el-input
placeholder="返回数据"
v-model="queryForm.fhsj"
class="width200px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -124,39 +121,39 @@
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">发送</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
</div>
</template>
<script>
export default {
data () {
return {
queryForm: {
jklx: "",
dyzt: "",
fwip: "",
fwsj: "",
qqdz: "",
qqtsj: "",
rcsj: "",
dyms: "",
fhsj: "",
},
}
},
}
export default {
data () {
return {
queryForm: {
jklx: "",
dyzt: "",
fwip: "",
fwsj: "",
qqdz: "",
qqtsj: "",
rcsj: "",
dyms: "",
fhsj: "",
},
}
},
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
\ No newline at end of file
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 15:04:38
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
......@@ -6,36 +11,33 @@
<el-row>
<el-col :span="5">
<el-form-item label="接口类型">
<el-input
<el-input
placeholder="请输入编号"
v-model="queryForm.jklx"
class="width200px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="调用状态">
<el-input
<el-input
placeholder="请输入编号"
v-model="queryForm.dyzt"
class="width200px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-form-item label="访问IP">
<el-input
<el-input
placeholder="请输入IP"
v-model="queryForm.fwip"
class="width200px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
......@@ -45,47 +47,44 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row>
<el-col :span="10">
<el-form-item label="请求地址">
<el-input
<el-input
placeholder="请输入url"
v-model="queryForm.qqdz"
class="width500px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
</el-row>
<el-row>
</el-row>
<el-row>
<el-col :span="20">
<el-form-item label="请求头数据">
<el-input
<el-input
placeholder="请输入请求头数据"
v-model="queryForm.qqtsj"
class="width500px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row>
<el-col :span="20">
<el-form-item label="入参数据">
<el-input
<el-input
placeholder="请输入参数"
v-model="queryForm.rcsj"
class="width500px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -93,29 +92,27 @@
<el-row>
<el-col :span="5">
<el-form-item label="调用描述">
<el-input
<el-input
placeholder="调用描述"
v-model="queryForm.dyms"
class="width200px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row>
<el-col :span="5">
<el-form-item label="返回数据">
<el-input
<el-input
placeholder="返回数据"
v-model="queryForm.fhsj"
class="width200px"
clearable
></el-input>
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -124,39 +121,39 @@
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">发送</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
</div>
</template>
<script>
export default {
data () {
return {
queryForm: {
jklx: "",
dyzt: "",
fwip: "",
fwsj: "",
qqdz: "",
qqtsj: "",
rcsj: "",
dyms: "",
fhsj: "",
},
}
},
}
export default {
data () {
return {
queryForm: {
jklx: "",
dyzt: "",
fwip: "",
fwsj: "",
qqdz: "",
qqtsj: "",
rcsj: "",
dyms: "",
fhsj: "",
},
}
},
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
\ No newline at end of file
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-13 16:42:17
* @LastEditTime: 2023-07-19 10:23:27
-->
<template>
<div>
......@@ -69,19 +69,19 @@
},
{
prop: 'dcode',
width: '100',
width: '150',
label: '字典项编码',
render: (h, scope) => {
return (
<div>
<el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
<el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
</div>
)
}
......@@ -106,17 +106,17 @@
{
prop: 'normcode',
label: '部标编码',
width: '100',
width: '150',
render: (h, scope) => {
return (
<div>
<el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
<el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
</div>
)
}
......@@ -152,7 +152,7 @@
}
},
{
width: '130',
width: '100',
label: '移动',
render: (h, scope) => {
return (
......@@ -164,7 +164,7 @@
}
},
{
width: '150',
width: '130',
label: '操作',
render: (h, scope) => {
return (
......@@ -324,9 +324,16 @@
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
@import "~@/styles/dialogBoxheader.scss";
/deep/.el-radio-group {
display: flex;
justify-content: center;
}
/deep/.el-radio {
margin-right: 5px !important;
display: flex;
}
/deep/.el-radio__label {
display: block !important;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:09:11
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="个性化配置">
<el-input ></el-input>
</el-form-item>
</el-col>
<el-col :span="19" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" >查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="个性化配置">
<el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="19" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</template>
<!-- 表格 -->
</div>
</template>
<script>
import table from "@/utils/mixin/table";
export default {
name: "gxhpz",
components: { },
components: {},
mixins: [table],
mounted () {
},
......@@ -40,5 +45,5 @@
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
</style>
</style>
\ No newline at end of file
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:09:29
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
......@@ -31,50 +36,50 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { sysSqywmbszSearch } from '@/api/sysSqywmbsz'
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./qtjfjmb"
export default {
name: "qtjfjmb",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
computed: {
...mapGetters(['dictData'])
},
data () {
return {
queryForm: {
qllx: ""
},
tableData: {
total: 0,
columns: datas.columns(),
data: []
},
bsmMb: ''
}
},
methods: {
// 初始化数据
queryClick () {
this.$startLoading();
sysSqywmbszSearch({ ...this.pageData, ...this.queryForm }).then(res => {
this.$endLoading();
let { records, total } = res.result
this.tableData.data = records ? records : []
this.tableData.total = total ? total : 0
})
import { mapGetters } from 'vuex'
import { sysSqywmbszSearch } from '@/api/sysSqywmbsz'
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./qtjfjmb"
export default {
name: "qtjfjmb",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
editClick (row) {
this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%')
computed: {
...mapGetters(['dictData'])
},
data () {
return {
queryForm: {
qllx: ""
},
tableData: {
total: 0,
columns: datas.columns(),
data: []
},
bsmMb: ''
}
},
methods: {
// 初始化数据
queryClick () {
this.$startLoading();
sysSqywmbszSearch({ ...this.pageData, ...this.queryForm }).then(res => {
this.$endLoading();
let { records, total } = res.result
this.tableData.data = records ? records : []
this.tableData.total = total ? total : 0
})
},
editClick (row) {
this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%')
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......
<!--
功能:登记情形设定
* @Description: 登记情形设定
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:09:47
-->
<template>
<div>
......@@ -22,209 +24,208 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { upward, down } from '@/utils/operation'
export default {
props: {
ruleForm: {
type: Object, default: {}
},
clzt: {
type: Array, default: () => {
return []
import { mapGetters } from 'vuex'
import { upward, down } from '@/utils/operation'
export default {
props: {
ruleForm: {
type: Object, default: {}
},
clzt: {
type: Array, default: () => {
return []
}
},
djqx: {
type: Array, default: () => {
return []
}
}
},
djqx: {
type: Array, default: () => {
return []
}
}
},
computed: {
...mapGetters(['dictData'])
},
data () {
return {
key: 0,
column: [
{
width: '60',
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
computed: {
...mapGetters(['dictData'])
},
data () {
return {
key: 0,
column: [
{
width: '60',
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
)
}
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
)
}
},
{
width: '60',
label: '序号',
type: 'index'
},
{
label: '是否必填',
width: '130',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}></el-radio>
<el-radio label={'0'}></el-radio>
</el-radio-group>
)
}
},
{
prop: 'clbm',
label: '材料编码',
width: '100',
render: (h, scope) => {
return (
<el-input placeholder="材料编码" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }} maxlength="8"></el-input>
)
}
},
{
prop: 'clmc',
label: '材料名称',
render: (h, scope) => {
return (
<el-input placeholder="材料名称" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
prop: 'cllx',
label: '材料类型',
width: '115',
render: (h, scope) => {
return (
<el-select value={scope.row[scope.column.property]}
onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
{
this.dictData['A40'].map(option => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
</el-select>
)
{
width: '60',
label: '序号',
type: 'index'
},
{
label: '是否必填',
width: '130',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}></el-radio>
<el-radio label={'0'}></el-radio>
</el-radio-group>
)
}
},
{
prop: 'clbm',
label: '材料编码',
width: '100',
render: (h, scope) => {
return (
<el-input placeholder="材料编码" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }} maxlength="8"></el-input>
)
}
},
{
prop: 'clmc',
label: '材料名称',
render: (h, scope) => {
return (
<el-input placeholder="材料名称" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
prop: 'cllx',
label: '材料类型',
width: '115',
render: (h, scope) => {
return (
<el-select value={scope.row[scope.column.property]}
onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
{
this.dictData['A40'].map(option => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
</el-select>
)
}
},
{
label: '是否公共材料',
width: '100',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}>
<el-radio label={'1'}></el-radio>
<el-radio label={'0'}></el-radio>
</el-radio-group>
)
}
},
{
prop: 'djqxbm',
label: '登记情形',
width: '180',
render: (h, scope) => {
return (
<el-select disabled={scope.row.sfggcl == '1'} value={scope.row[scope.column.property]}
onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
{
this.djqx.map(option => {
return (
<el-option label={option.nodename} value={option.nodecode}></el-option>
)
})
}
</el-select>
)
}
},
{
label: '移动',
width: '90',
render: (h, scope) => {
return (
<div>
<el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
<el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
</div>
)
}
}
},
{
label: '是否公共材料',
width: '100',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}>
<el-radio label={'1'}></el-radio>
<el-radio label={'0'}></el-radio>
</el-radio-group>
)
],
tableData: []
}
},
watch: {
tableData: {
handler (newValue, oldValue) {
if (!_.isEqual(newValue, this.clzt)) {
this.$emit('updateValue', newValue)
}
},
{
prop: 'djqxbm',
label: '登记情形',
width: '180',
render: (h, scope) => {
return (
<el-select disabled={scope.row.sfggcl == '1'} value={scope.row[scope.column.property]}
onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
{
this.djqx.map(option => {
return (
<el-option label={option.nodename} value={option.nodecode}></el-option>
)
})
}
</el-select>
)
}
deep: true
},
clzt: {
handler: function (newValue) {
this.tableData = _.cloneDeep(newValue)
},
{
label: '移动',
width: '90',
render: (h, scope) => {
return (
<div>
<el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
<el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
</div>
)
}
}
],
tableData: []
}
},
watch: {
tableData: {
handler (newValue, oldValue) {
if (!_.isEqual(newValue, this.clzt)) {
this.$emit('updateValue', newValue)
}
deep: true
},
deep: true
},
clzt: {
handler: function (newValue) {
this.tableData = _.cloneDeep(newValue)
methods: {
handleAdd () {
this.tableData.push(
{
isrequired: '1',
djqxbm: '',
clbm: '',
clmc: '',
cllx: '',
sfggcl: '1'
}
)
this.key++
},
deep: true
},
},
methods: {
handleAdd () {
this.tableData.push(
{
isrequired: '1',
djqxbm: '',
clbm: '',
clmc: '',
cllx: '',
sfggcl: '1'
handleSelectGgcl (item) {
if (item.sfggcl == '1') {
item.djqxbm = ''
}
)
this.key++
},
handleSelectGgcl (item) {
if (item.sfggcl == '1') {
item.djqxbm = ''
}
},
handleMinus (index, row) {
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1)
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
},
handleMinus (index, row) {
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1)
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
});
},
// 上移下移
moveUpward (index, row) {
upward(index, this.tableData)
},
moveDown (index, row) {
down(index, this.tableData)
},
},
// 上移下移
moveUpward (index, row) {
upward(index, this.tableData)
},
moveDown (index, row) {
down(index, this.tableData)
},
}
}
}
</script>
<style scoped lang='scss'>
</style>
\ No newline at end of file
......
<!--
功能:登记情形设定
* @Description: 功能:登记情形设定
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:10:04
-->
<template>
<div class='djqxsd'>
......@@ -22,233 +24,233 @@
</div>
</template>
<script>
import { upward, down } from '@/utils/operation'
export default {
props: {
ruleForm: {
type: Object, default: () => {
return {}
import { upward, down } from '@/utils/operation'
export default {
props: {
ruleForm: {
type: Object, default: () => {
return {}
}
},
djqx: {
type: Array, default: () => {
return []
}
}
},
djqx: {
type: Array, default: () => {
return []
}
}
},
data () {
return {
input: '',
key: 0,
rules: {
djywbm: [
{ required: true, message: '登记业务编码', trigger: 'blur' },
],
djywmc: [
{ required: true, message: '登记业务名称', trigger: 'blur' },
],
},
column: [
{
width: '60',
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
)
}
},
{
width: '60',
label: '序号',
type: 'index'
},
{
prop: 'nodecode',
width: '105',
label: '登记情形编码',
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} disabled={scope.row.sftsdjqx == '1'}
value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }} onBlur={() => { this.nodecodeBlur(scope.$index, scope.row) }} maxlength="8">
</el-input>
</div>
)
}
},
{
prop: 'nodename',
label: '登记情形名称',
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记情形名称" disabled={scope.row.sftsdjqx == '1'}
value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
</div>
)
}
},
{
label: '是否启用登记情形',
width: '140',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>启用</el-radio>
<el-radio label={'0'}>禁用</el-radio>
</el-radio-group>
)
}
data () {
return {
input: '',
key: 0,
rules: {
djywbm: [
{ required: true, message: '登记业务编码', trigger: 'blur' },
],
djywmc: [
{ required: true, message: '登记业务名称', trigger: 'blur' },
],
},
{
prop: 'djyy',
label: '登记原因模板',
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记原因模板" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
</div>
column: [
{
width: '60',
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
)
}
},
{
width: '60',
label: '序号',
type: 'index'
},
{
prop: 'nodecode',
width: '105',
label: '登记情形编码',
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} disabled={scope.row.sftsdjqx == '1'}
value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }} onBlur={() => { this.nodecodeBlur(scope.$index, scope.row) }} maxlength="8">
</el-input>
</div>
)
}
},
{
prop: 'nodename',
label: '登记情形名称',
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记情形名称" disabled={scope.row.sftsdjqx == '1'}
value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
</div>
)
}
},
{
label: '是否启用登记情形',
width: '140',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>启用</el-radio>
<el-radio label={'0'}>禁用</el-radio>
</el-radio-group>
)
}
},
{
prop: 'djyy',
label: '登记原因模板',
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记原因模板" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
</div>
)
}
},
{
label: '是否启用模板',
width: '140',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfqydjyymb} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>启用</el-radio>
<el-radio label={'0'}>禁用</el-radio>
</el-radio-group>
)
}
},
{
label: '移动',
width: '100',
render: (h, scope) => {
return (
<div>
<el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
<el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
</div>
)
)
}
},
{
label: '是否启用模板',
width: '140',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfqydjyymb} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>启用</el-radio>
<el-radio label={'0'}>禁用</el-radio>
</el-radio-group>
)
}
},
{
label: '移动',
width: '100',
render: (h, scope) => {
return (
<div>
<el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
<el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
</div>
)
}
}
}
],
tableData: []
}
},
watch: {
tableData: {
handler (newValue, oldValue) {
let that = this
if (!_.isEqual(newValue, this.djqx)) {
let temp = newValue.some((item, index, array) => {
return item.repeat;
})
if (temp) {
that.$emit('updateValue', {
djqx: newValue,
btnDisabled: true
})
} else {
that.$emit('updateValue', {
djqx: newValue,
btnDisabled: false
],
tableData: []
}
},
watch: {
tableData: {
handler (newValue, oldValue) {
let that = this
if (!_.isEqual(newValue, this.djqx)) {
let temp = newValue.some((item, index, array) => {
return item.repeat;
})
if (temp) {
that.$emit('updateValue', {
djqx: newValue,
btnDisabled: true
})
} else {
that.$emit('updateValue', {
djqx: newValue,
btnDisabled: false
})
}
}
}
},
deep: true
},
deep: true
djqx: {
handler: function (newValue) {
this.tableData = _.cloneDeep(newValue)
this.addIndexes()
},
deep: true
}
},
djqx: {
handler: function (newValue) {
this.tableData = _.cloneDeep(newValue)
methods: {
// 添加索引
addIndexes (data = this.tableData, isAdd = true) {
data.forEach((item, index) => {
if (isAdd) {
item.index = index + 1
}
})
},
handleAdd () {
this.$nextTick(() => {
let container = this.$el.querySelector('.el-table__body-wrapper');
container.scrollTop = container.scrollHeight;
})
this.tableData.push(
{
nodecode: '',
nodename: '',
enabled: '1',
djyy: '',
sfqydjyymb: '0'
}
)
this.addIndexes()
this.key++
},
deep: true
}
},
methods: {
// 添加索引
addIndexes (data = this.tableData, isAdd = true) {
data.forEach((item, index) => {
if (isAdd) {
item.index = index + 1
}
})
},
handleAdd () {
this.$nextTick(() => {
let container = this.$el.querySelector('.el-table__body-wrapper');
container.scrollTop = container.scrollHeight;
})
this.tableData.push(
{
nodecode: '',
nodename: '',
enabled: '1',
djyy: '',
sfqydjyymb: '0'
}
)
this.addIndexes()
this.key++
},
handleMinus (index, row) {
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1)
this.$message({
type: 'success',
message: '删除成功!'
handleMinus (index, row) {
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1)
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
},
nodecodeBlur (index, row) {
let list = _.cloneDeep(this.tableData).filter(item => item.bsmSqyw != row.bsmSqyw)
let arr = list.map(item => item.nodecode)
if (arr.includes(row.nodecode)) {
this.$set(row, 'repeat', true)
this.$message.error('登记情形编码不能重复');
} else {
this.$set(row, 'repeat', false)
},
nodecodeBlur (index, row) {
let list = _.cloneDeep(this.tableData).filter(item => item.bsmSqyw != row.bsmSqyw)
let arr = list.map(item => item.nodecode)
if (arr.includes(row.nodecode)) {
this.$set(row, 'repeat', true)
this.$message.error('登记情形编码不能重复');
} else {
this.$set(row, 'repeat', false)
}
},
// 上移下移
moveUpward (index, row) {
upward(index, this.tableData)
this.key++
},
moveDown (index, row) {
down(index, this.tableData)
this.key++
}
},
// 上移下移
moveUpward (index, row) {
upward(index, this.tableData)
this.key++
},
moveDown (index, row) {
down(index, this.tableData)
this.key++
}
}
}
</script>
<style lang='scss' scoped>
.djqxsd {
.repeat {
.el-input__inner {
border-color: red !important;
.djqxsd {
.repeat {
.el-input__inner {
border-color: red !important;
}
}
}
}
</style>
\ No newline at end of file
......
<!--
功能:单元状态设定
* @Description: 单元状态设定
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:10:44
-->
<template>
<div class='该组件名称'>
......@@ -48,108 +50,108 @@
</div>
</template>
<script>
export default {
props: {
ruleForm: {
type: Object, default: {}
export default {
props: {
ruleForm: {
type: Object, default: {}
},
subData: {
type: Object, default: () => {
return {}
}
}
},
subData: {
type: Object, default: () => {
return {}
data () {
return {
dataList: {
sxql: [],
sxzt: []
}
}
}
},
data () {
return {
},
watch: {
dataList: {
sxql: [],
sxzt: []
}
}
},
watch: {
dataList: {
handler (newValue, oldValue) {
this.$emit('updateValue', newValue)
handler (newValue, oldValue) {
this.$emit('updateValue', newValue)
},
deep: true
},
subData: {
handler (newValue, oldValue) {
if (!_.isEqual(newValue.sxql, this.dataList.sxql)) {
this.dataList.sxql = _.cloneDeep(newValue.sxql)
}
if (!_.isEqual(newValue.sxzt, this.dataList.sxzt)) {
this.dataList.sxzt = _.cloneDeep(newValue.sxzt)
}
},
deep: true
},
deep: true
},
subData: {
handler (newValue, oldValue) {
if (!_.isEqual(newValue.sxql, this.dataList.sxql)) {
this.dataList.sxql = _.cloneDeep(newValue.sxql)
}
if (!_.isEqual(newValue.sxzt, this.dataList.sxzt)) {
this.dataList.sxzt = _.cloneDeep(newValue.sxzt)
methods: {
handleSelect (item) {
if (item.checked) {
item.selected = '0'
}
},
deep: true
},
},
methods: {
handleSelect (item) {
if (item.checked) {
item.selected = '0'
handleSelectall () {
this.dataList.sxql.forEach(item => {
item.checked = true
})
},
handleInvert () {
this.dataList.sxql.forEach(item => {
item.checked = false
})
}
},
handleSelectall () {
this.dataList.sxql.forEach(item => {
item.checked = true
})
},
handleInvert () {
this.dataList.sxql.forEach(item => {
item.checked = false
})
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
@import "~@/styles/mixin.scss";
.dyztsd-title {
@include flex;
align-items: center;
justify-content: space-between;
padding-left: 20px;
}
.dyztsd-title {
@include flex;
align-items: center;
justify-content: space-between;
padding-left: 20px;
}
.qlxx-list {
@include flex;
flex-wrap: wrap;
padding-left: 20px;
.qlxx-list {
@include flex;
flex-wrap: wrap;
padding-left: 20px;
li {
width: 33%;
margin-bottom: 15px;
li {
width: 33%;
margin-bottom: 15px;
}
}
}
.screen-list {
@include flex;
align-items: center;
flex-wrap: wrap;
border: 1px solid $borderColor;
border-bottom: none;
li {
.screen-list {
@include flex;
align-items: center;
width: 50%;
line-height: 50px;
border-bottom: 1px solid $borderColor;
padding-left: 20px;
}
flex-wrap: wrap;
border: 1px solid $borderColor;
border-bottom: none;
&-left {
margin-right: 20px;
width: 160px;
white-space: nowrap;
}
li {
@include flex;
align-items: center;
width: 50%;
line-height: 50px;
border-bottom: 1px solid $borderColor;
padding-left: 20px;
}
li:nth-child(odd) {
border-right: 1px solid $borderColor;
&-left {
margin-right: 20px;
width: 160px;
white-space: nowrap;
}
li:nth-child(odd) {
border-right: 1px solid $borderColor;
}
}
}
</style>
\ No newline at end of file
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:10:56
-->
<template>
<dialogBox title="申请业务规则配置" @submitForm="submitForm" @closeDialog="closeDialog" v-model="myValue"
:btnDisabled="btnDisabled">
......@@ -123,248 +128,224 @@
</dialogBox>
</template>
<script>
import { uploadUrl } from '@/api/file'
import djqxsd from './djqxsd.vue'
import clgzsd from './clgzsd.vue'
import dyztsd from './dyztsd.vue'
import { getSqdjywDetail, saveSqdjyw } from '@/api/sysSqdjyw'
export default {
components: {
djqxsd,
clgzsd,
dyztsd
},
props: {
value: { type: Boolean, default: false },
detailList: {
type: Array, default: []
import { uploadUrl } from '@/api/file'
import djqxsd from './djqxsd.vue'
import clgzsd from './clgzsd.vue'
import dyztsd from './dyztsd.vue'
import { getSqdjywDetail, saveSqdjyw } from '@/api/sysSqdjyw'
export default {
components: {
djqxsd,
clgzsd,
dyztsd
},
bsmSqyw: {
type: String, default: ''
},
},
watch: {
value (val) {
this.myValue = val
props: {
value: { type: Boolean, default: false },
detailList: {
type: Array, default: []
},
bsmSqyw: {
type: String, default: ''
},
},
detailList: {
handler: function (newValue) {
if (newValue.length == 0) {
this.getSqdjywDetail(this.bsmSqyw)
} else {
this.titleList = newValue
this.n = 0
this.tn = 0
this.getSqdjywDetail(newValue[0].bsmSqyw)
}
watch: {
value (val) {
this.myValue = val
},
deep: true
}
},
data () {
return {
djqx: [],
clzt: [],
myValue: this.value,
btnDisabled: false,
tn: 0,
titleList: [],
imgUploadUrl: uploadUrl(),
n: 0,
leftList: [
{
name: '业务详情',
select: true
detailList: {
handler: function (newValue) {
if (newValue.length == 0) {
this.getSqdjywDetail(this.bsmSqyw)
} else {
this.titleList = newValue
this.n = 0
this.tn = 0
this.getSqdjywDetail(newValue[0].bsmSqyw)
}
},
{
name: '登记情形设定'
deep: true
}
},
data () {
return {
djqx: [],
clzt: [],
myValue: this.value,
btnDisabled: false,
tn: 0,
titleList: [],
imgUploadUrl: uploadUrl(),
n: 0,
leftList: [
{
name: '业务详情',
select: true
},
{
name: '登记情形设定'
},
{
name: '材料规则设定'
},
{
name: '单元状态设定'
}
],
ruleForm: {
qllxbm: '',
qllxmc: '',
sqfl: '',
djlxbm: '',
djlxmc: '',
fqywdylx: '',
djywbm: '',
djywmc: '',
enabled: '1',
flowid: '',
flowparams: '',
djqxcl: '',
sfqydjyymb: '1',
djyy: ''
},
{
name: '材料规则设定'
requested: false,
fileList: [],
options: [],
rules: {
sfqy: [
{ required: true, message: '请选择是否启用', trigger: 'change' },
],
ywlc: [
{ required: true, message: '请输入业务流程ID', trigger: 'blur' },
],
djqxcl: [
{ required: true, message: '请选择登记情形及材料', trigger: 'blur' },
],
djyysz: [
{ required: true, message: '请选择登记原因设置', trigger: 'change' },
],
djyymb: [
{ required: true, message: '请输入登记原因模板', trigger: 'blur' },
],
},
{
name: '单元状态设定'
// 表单提交
subData: {}
};
},
methods: {
getSqdjywDetail (bsmSqyw) {
getSqdjywDetail(bsmSqyw).then(res => {
this.subData = res.result
let { ywDetail } = res.result
this.ruleForm = ywDetail
})
},
handleTitleSelct (obj, index) {
this.n = 0
this.tn = index
this.getSqdjywDetail(obj.bsmSqyw)
},
getDjqxValue (val) {
if (!_.isEqual(val.djqx, this.subData.djqx)) {
this.subData.djqx = val.djqx
this.btnDisabled = val.btnDisabled
}
],
ruleForm: {
qllxbm: '',
qllxmc: '',
sqfl: '',
djlxbm: '',
djlxmc: '',
fqywdylx: '',
djywbm: '',
djywmc: '',
enabled: '1',
flowid: '',
flowparams: '',
djqxcl: '',
sfqydjyymb: '1',
djyy: ''
},
requested: false,
fileList: [],
options: [],
rules: {
sfqy: [
{ required: true, message: '请选择是否启用', trigger: 'change' },
],
ywlc: [
{ required: true, message: '请输入业务流程ID', trigger: 'blur' },
],
djqxcl: [
{ required: true, message: '请选择登记情形及材料', trigger: 'blur' },
],
djyysz: [
{ required: true, message: '请选择登记原因设置', trigger: 'change' },
],
djyymb: [
{ required: true, message: '请输入登记原因模板', trigger: 'blur' },
],
getClgzValue (val) {
if (!_.isEqual(val, this.subData.clxx)) {
this.subData.clxx = val
}
},
// 表单提交
subData: {}
};
},
methods: {
getSqdjywDetail (bsmSqyw) {
getSqdjywDetail(bsmSqyw).then(res => {
this.subData = res.result
let { ywDetail } = res.result
this.ruleForm = ywDetail
})
},
handleTitleSelct (obj, index) {
this.n = 0
this.tn = index
this.getSqdjywDetail(obj.bsmSqyw)
},
getDjqxValue (val) {
if (!_.isEqual(val.djqx, this.subData.djqx)) {
this.subData.djqx = val.djqx
this.btnDisabled = val.btnDisabled
}
},
getClgzValue (val) {
if (!_.isEqual(val, this.subData.clxx)) {
this.subData.clxx = val
}
},
// 单元状态设定
getDyztsdValue (val) {
if (!_.isEqual(val.sxql, this.subData.sxql)) {
this.subData.sxql = val.sxql
}
if (!_.isEqual(val.sxzt, this.subData.sxzt)) {
this.subData.sxzt = val.sxzt
}
},
submitForm () {
this.$refs['ruleForm'].validate(async (valid) => {
let that = this
if (valid) {
this.subData.ywDetail = this.ruleForm
saveSqdjyw(this.subData).then(res => {
if (res.code == 200) {
that.$message({
message: '修改成功',
type: 'success'
})
// that.$emit('input', false)
}
// 单元状态设定
getDyztsdValue (val) {
if (!_.isEqual(val.sxql, this.subData.sxql)) {
this.subData.sxql = val.sxql
}
if (!_.isEqual(val.sxzt, this.subData.sxzt)) {
this.subData.sxzt = val.sxzt
}
},
submitForm () {
this.$refs['ruleForm'].validate(async (valid) => {
let that = this
if (valid) {
this.subData.ywDetail = this.ruleForm
saveSqdjyw(this.subData).then(res => {
if (res.code == 200) {
that.$message({
message: '修改成功',
type: 'success'
})
// that.$emit('input', false)
}
})
} else {
this.$message('请检查表单完整性')
return false
}
})
},
closeDialog () {
this.$emit('input', false)
},
hanldeItem (index) {
this.n = index
},
uploadRecord (file) {
this.requested = true
this.files = file;
const extension = file.name.split('.')[1] === 'xls'
const extension2 = file.name.split('.')[1] === 'xlsx'
const isLt5M = file.size / 1024 / 1024 < 5
if (!extension && !extension2) {
this.$message.warning('上传模板只能是 xls、xlsx格式!')
this.requested = false
}
if (!isLt5M) {
this.$message.warning('上传模板大小不能超过 5MB!')
this.requested = false
}
return (extension || extension2) && isLt5M
},
handleSuccess (res) {
if (res.code === 200) {
this.requested = false
this.$message({
message: '上传成功',
type: 'success',
})
} else {
this.$message('请检查表单完整性')
return false
this.loading = false
this.$message.error(res.message)
}
})
},
closeDialog () {
this.$emit('input', false)
},
hanldeItem (index) {
this.n = index
},
uploadRecord (file) {
this.requested = true
this.files = file;
const extension = file.name.split('.')[1] === 'xls'
const extension2 = file.name.split('.')[1] === 'xlsx'
const isLt5M = file.size / 1024 / 1024 < 5
if (!extension && !extension2) {
this.$message.warning('上传模板只能是 xls、xlsx格式!')
this.requested = false
}
if (!isLt5M) {
this.$message.warning('上传模板大小不能超过 5MB!')
this.requested = false
}
return (extension || extension2) && isLt5M
},
handleSuccess (res) {
if (res.code === 200) {
this.requested = false
this.$message({
message: '上传成功',
type: 'success',
})
} else {
this.loading = false
this.$message.error(res.message)
}
}
}
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
/deep/.el-radio {
margin-right: 0;
}
/deep/.el-radio__label {
padding-left: 2px;
}
@import "~@/styles/mixin.scss";
.active {
background: $light-blue !important;
color: #fff;
}
.edit-title-list {
@include flex;
li {
flex: 1;
@include flex-center;
border: 1px solid $borderColor;
line-height: 36px;
margin-bottom: 10px;
cursor: pointer;
transition: all 0.3s;
&:hover {
@extend .active;
}
/deep/.el-radio {
margin-right: 0;
}
}
.sqywgz-edit {
@include flex;
width: 100%;
height: 563px;
&-left {
width: 26px;
/deep/.el-radio__label {
padding-left: 2px;
}
.active {
background: $light-blue !important;
color: #fff;
}
.edit-title-list {
@include flex;
li {
flex: 1;
@include flex-center;
background-color: #E4E7ED;
border-bottom-right-radius: 5px;
padding: 15px;
border: 1px solid $borderColor;
line-height: 36px;
margin-bottom: 10px;
cursor: pointer;
transition: all 0.3s;
......@@ -372,16 +353,38 @@ export default {
@extend .active;
}
}
li:not(:last-child) {
margin-bottom: 10px;
}
}
&-right {
margin-left: 20px;
flex: 1;
.sqywgz-edit {
@include flex;
width: 100%;
height: 563px;
&-left {
width: 26px;
li {
@include flex-center;
background-color: #e4e7ed;
border-bottom-right-radius: 5px;
padding: 15px;
cursor: pointer;
transition: all 0.3s;
&:hover {
@extend .active;
}
}
li:not(:last-child) {
margin-bottom: 10px;
}
}
&-right {
margin-left: 20px;
flex: 1;
width: 100%;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:11:05
-->
<template>
<div>
<ul class="edit-title-list" v-if="djlxList.length > 0">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:11:20
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
......@@ -36,65 +41,65 @@
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import editDialog from "./components/editDialog.vue";
import componentDialog from "./sqywDetail.vue";
import { datas, sendThis } from "./sqywgzdata";
import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/sysSqdjyw.js";
export default {
name: "djbcx",
components: {
editDialog,
componentDialog,
},
mixins: [table],
mounted () {
sendThis(this);
this.queryClick();
},
data () {
return {
qllxmc: "",
isDialog: false,
queryForm: {
qllx: "",
djywbm: "",
},
qllxs: datas.qllxs(),
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
detailList: [],
bsmSqyw: "",
sqqlRule: "",
};
},
methods: {
// 初始化数据
queryClick () {
this.$startLoading();
getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(
(res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
}
);
import table from "@/utils/mixin/table";
import editDialog from "./components/editDialog.vue";
import componentDialog from "./sqywDetail.vue";
import { datas, sendThis } from "./sqywgzdata";
import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/sysSqdjyw.js";
export default {
name: "djbcx",
components: {
editDialog,
componentDialog,
},
mixins: [table],
mounted () {
sendThis(this);
this.queryClick();
},
// 修改
editClick (row) {
this.sqqlRule = row;
// this.dialogVisible = true;
this.$popupDialog(row.nodename, "system/sqywgz/sqywDetail", this.sqqlRule, '80%')
data () {
return {
qllxmc: "",
isDialog: false,
queryForm: {
qllx: "",
djywbm: "",
},
qllxs: datas.qllxs(),
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
detailList: [],
bsmSqyw: "",
sqqlRule: "",
};
},
methods: {
// 初始化数据
queryClick () {
this.$startLoading();
getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(
(res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
}
);
},
// 修改
editClick (row) {
this.sqqlRule = row;
// this.dialogVisible = true;
this.$popupDialog(row.nodename, "system/sqywgz/sqywDetail", this.sqqlRule, '80%')
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-14 16:01:33
* @LastEditTime: 2023-07-18 14:26:54
-->
<template>
<canvas id="mxcad">
......@@ -36,10 +36,4 @@
})
}
}
</script>
<style scoped lang='scss'>
#cad-container {
width: 100%;
height: 100%;
}
</style>
\ No newline at end of file
</script>
\ No newline at end of file
......
......@@ -34,6 +34,7 @@ export default {
},
//切换选项卡内容组件
getFromRouter (tabname) {
console.log(tabname, 'tabnametabnametabnametabnametabname');
//根据tabname获取选中的表单 此操作为了获取后端返回的表单对象,使用里面的是否可操作的属性
for (let item of this.tabList) {
if (item.value === tabname) {
......
<!--
功能:高级搜索
作者:calliope
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:08:17
-->
<template>
<dialogBox :isButton="false" :isFullscreen="false" width="50%" @closeDialog="closeDialog" v-model="myValue"
......@@ -9,7 +10,7 @@
<el-row>
<el-col :span="8">
<el-form-item label="申请业务名称" prop="sqywmc">
<el-input v-model="ruleForm.sqywmc" placeholder="请输入申请业务名称"></el-input>
<el-input v-model="ruleForm.sqywmc" placeholder="请输入申请业务名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -42,63 +43,63 @@
</template>
<script>
export default {
props: {
value: { type: Boolean, default: false },
advancedForm:{type: Object, default: "" }
},
data () {
return {
myValue: this.value,
ruleForm: {
sqywmc: '',
qlrmc: '',
ywrmc: '',
slsj: ''
}
}
},
watch: {
value (val) {
this.myValue = val
export default {
props: {
value: { type: Boolean, default: false },
advancedForm: { type: Object, default: "" }
},
advancedForm(){
this.ruleForm={...this.advancedForm}
}
},
methods: {
closeDialog () {
this.$emit('input', false)
data () {
return {
myValue: this.value,
ruleForm: {
sqywmc: '',
qlrmc: '',
ywrmc: '',
slsj: ''
}
}
},
resetForm () {
this.$refs['ruleForm'].resetFields()
this.ruleForm={
sqywmc: '',
qlrmc: '',
ywrmc: '',
slsj: ''
watch: {
value (val) {
this.myValue = val
},
advancedForm () {
this.ruleForm = { ...this.advancedForm }
}
},
submitForm () {
this.$emit('getSearch', _.cloneDeep(this.ruleForm))
this.$emit('input', false)
this.$refs['ruleForm'].resetFields()
methods: {
closeDialog () {
this.$emit('input', false)
},
resetForm () {
this.$refs['ruleForm'].resetFields()
this.ruleForm = {
sqywmc: '',
qlrmc: '',
ywrmc: '',
slsj: ''
}
},
submitForm () {
this.$emit('getSearch', _.cloneDeep(this.ruleForm))
this.$emit('input', false)
this.$refs['ruleForm'].resetFields()
}
}
}
}
</script>
<style scoped lang='scss'>
@import '~@/styles/public.scss';
@import "~@/styles/public.scss";
.search-btn {
padding: 0 20px 20px 20px;
text-align: right;
}
.search-btn {
padding: 0 20px 20px 20px;
text-align: right;
}
/deep/.el-icon-date {
display: none;
}
/deep/.el-icon-date {
display: none;
}
</style>
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-07-14 11:16:12
* @LastEditTime: 2023-07-19 14:43:59
-->
<template>
<div class="slxx">
......@@ -268,7 +268,6 @@
this.ruleForm.ywrList = _.cloneDeep(val);
},
onSubmit () {
console.log("this.ruleForm",);
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-13 16:31:05
* @LastEditTime: 2023-07-19 14:38:31
-->
<template>
<div class="from-clues">
......@@ -114,7 +114,7 @@
class="loadingtext"
@sort-change="handleSort"
:current-page.sync="pageData.currentPage"
:heightNum="295"
:heightNum="305"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 13:59:35
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
......@@ -12,7 +17,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-col :span="4">
<el-form-item label="登记类型">
<el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
......@@ -23,7 +28,7 @@
<el-col :span="4">
<el-form-item label="权属状态">
<el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型">
<el-option
<el-option
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
......@@ -44,7 +49,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row>
<el-col :span="5">
<el-form-item label="业务号:">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100">
......@@ -89,22 +94,22 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./djbcxdata";
import { getDjbBysearch } from "@/api/search.js";
import { mapGetters } from "vuex";
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./djbcxdata";
import { getDjbBysearch } from "@/api/search.js";
export default {
name: "djbcx",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
data () {
return {
// 权属状态
qsztlist: [
export default {
name: "djbcx",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
data () {
return {
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
......@@ -113,90 +118,90 @@ export default {
dcode: "2",
dname: "历史",
},
],
queryForm: {
qszt: "1",
qllx: "",
bdcdyh: "",
bdcqzh: "",
ywh: "",
],
queryForm: {
qszt: "1",
qllx: "",
bdcdyh: "",
bdcqzh: "",
ywh: "",
},
pageData: {
current: 1,
size: 10,
total: 0,
},
tableData: {
columns: datas.columns(),
data: [],
},
qllxs: [],
isDialog: false,
djbxxData: {},
};
},
computed: {
...mapGetters(["dictData"]),
},
methods: {
// 初始化数据
queryClick () {
this.$startLoading()
getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading()
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.data = records;
this.tableData.total = total;
}
});
},
pageData: {
current: 1,
size: 10,
total: 0,
handleSort (name, sort) {
console.log(name, sort);
},
tableData: {
columns: datas.columns(),
data: [],
// 高级查询
moreQueryClick () { },
openDialog (scroll) {
this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%');
},
qllxs: [],
isDialog: false,
djbxxData: {},
};
},
computed: {
...mapGetters(["dictData"]),
},
methods: {
// 初始化数据
queryClick () {
this.$startLoading()
getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading()
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.data = records;
this.tableData.total = total;
}
});
},
handleSort (name, sort) {
console.log(name, sort);
},
// 高级查询
moreQueryClick () { },
openDialog (scroll) {
this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%');
},
handleLpbClick (item) {
this.$popupDialog('楼盘表', 'lpb/index', {
bsm: ''
}, '85%')
},
// ywhClick (item) {
// const { href } = this.$router.resolve(
// "/djbworkFrame?bdcdyid=" +
// item.bdcdyid+
// "&bdcdyh=" +
// item.bdcdyh+
// "&qllx="+
// item.qllx+
// "&bsmQlxx="+
// item.bsmQlxx+
// "&viewtype=1"
// );
// localStorage.setItem('ywbl', JSON.stringify(item));
// window.open(href, `urlname${item.bdcdyid}`);
handleLpbClick (item) {
this.$popupDialog('楼盘表', 'lpb/index', {
bsm: ''
}, '85%')
},
// ywhClick (item) {
// const { href } = this.$router.resolve(
// "/djbworkFrame?bdcdyid=" +
// item.bdcdyid+
// "&bdcdyh=" +
// item.bdcdyh+
// "&qllx="+
// item.qllx+
// "&bsmQlxx="+
// item.bsmQlxx+
// "&viewtype=1"
// );
// localStorage.setItem('ywbl', JSON.stringify(item));
// window.open(href, `urlname${item.bdcdyid}`);
// },
// },
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
.icon-circle {
position: relative;
}
.icon-circle {
position: relative;
}
.icon-circle::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #000;
top: 0px;
left: 0px;
}
.icon-circle::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #000;
top: 0px;
left: 0px;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 13:59:55
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:00:03
-->
<template>
<div class="from-clues">
<!-- 楼盘查询 -->
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:07:38
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
......