Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
24 changed files
with
1160 additions
and
478 deletions
| 1 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
| 2 | import SERVER from './config' | 2 | import SERVER from './config' |
| 3 | // 获取家庭房产列表 | 3 | // 获取申请查询列表 |
| 4 | export function getJtfcPage (data) { | 4 | export function getSqcxPage (data) { |
| 5 | return request({ | 5 | return request({ |
| 6 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getJtfcPage', | 6 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getSqcxPage', |
| 7 | method: 'post', | ||
| 8 | data | ||
| 9 | }) | ||
| 10 | } | ||
| 11 | |||
| 12 | // 获取房屋明细列表 | ||
| 13 | export function getFwmxPage (data) { | ||
| 14 | return request({ | ||
| 15 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getFwmxPage', | ||
| 16 | method: 'post', | 7 | method: 'post', |
| 17 | data | 8 | data |
| 18 | }) | 9 | }) |
| ... | @@ -45,6 +36,15 @@ export function getJtfcInfo (params) { | ... | @@ -45,6 +36,15 @@ export function getJtfcInfo (params) { |
| 45 | }) | 36 | }) |
| 46 | } | 37 | } |
| 47 | 38 | ||
| 39 | // 获取房屋明细记录详细信息 | ||
| 40 | export function getFwmxInfo (params) { | ||
| 41 | return request({ | ||
| 42 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getFwmxInfo/', | ||
| 43 | method: 'get', | ||
| 44 | params | ||
| 45 | }) | ||
| 46 | } | ||
| 47 | |||
| 48 | // 打印家庭房产 | 48 | // 打印家庭房产 |
| 49 | export function printJtcfInfo (data) { | 49 | export function printJtcfInfo (data) { |
| 50 | return request({ | 50 | return request({ | ... | ... |
| ... | @@ -134,6 +134,7 @@ export default { | ... | @@ -134,6 +134,7 @@ export default { |
| 134 | .ls-title { | 134 | .ls-title { |
| 135 | padding: 16px; | 135 | padding: 16px; |
| 136 | color: #ffffff; | 136 | color: #ffffff; |
| 137 | font-size: 16px; | ||
| 137 | background: linear-gradient(3deg, #409EFF, #a7cbee); | 138 | background: linear-gradient(3deg, #409EFF, #a7cbee); |
| 138 | } | 139 | } |
| 139 | 140 | ... | ... |
| ... | @@ -135,6 +135,7 @@ export default { | ... | @@ -135,6 +135,7 @@ export default { |
| 135 | padding: 16px; | 135 | padding: 16px; |
| 136 | color: #ffffff; | 136 | color: #ffffff; |
| 137 | background: linear-gradient(3deg, #409EFF, #a7cbee); | 137 | background: linear-gradient(3deg, #409EFF, #a7cbee); |
| 138 | font-size: 16px; | ||
| 138 | } | 139 | } |
| 139 | 140 | ||
| 140 | .ls-title .svg-icon { | 141 | .ls-title .svg-icon { | ... | ... |
| ... | @@ -5,7 +5,10 @@ | ... | @@ -5,7 +5,10 @@ |
| 5 | <el-step title="结果查询"></el-step> | 5 | <el-step title="结果查询"></el-step> |
| 6 | <el-step title="结果展示"></el-step> | 6 | <el-step title="结果展示"></el-step> |
| 7 | </el-steps> | 7 | </el-steps> |
| 8 | <div class="jtfccx-edit" v-show="!isSearch"> | 8 | <div v-if="isSearch"> |
| 9 | <dydjbInfo ref="dydjbInfo"/> | ||
| 10 | </div> | ||
| 11 | <div class="jtfccx-edit" v-else> | ||
| 9 | <div class="jtfccx-edit-con"> | 12 | <div class="jtfccx-edit-con"> |
| 10 | <b class="title"></b> | 13 | <b class="title"></b> |
| 11 | <el-form :model="form" label-width="120px"> | 14 | <el-form :model="form" label-width="120px"> |
| ... | @@ -31,6 +34,7 @@ | ... | @@ -31,6 +34,7 @@ |
| 31 | </el-col> | 34 | </el-col> |
| 32 | </el-row> | 35 | </el-row> |
| 33 | </el-form> | 36 | </el-form> |
| 37 | <b class="title">申请人</b> | ||
| 34 | <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting | 38 | <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting |
| 35 | :pagination="false"> | 39 | :pagination="false"> |
| 36 | </lb-table> | 40 | </lb-table> |
| ... | @@ -45,14 +49,11 @@ | ... | @@ -45,14 +49,11 @@ |
| 45 | </div> | 49 | </div> |
| 46 | </div> | 50 | </div> |
| 47 | </div> | 51 | </div> |
| 48 | <div> | ||
| 49 | <dydjbInfo v-show="isSearch"/> | ||
| 50 | </div> | ||
| 51 | </dialogBox> | 52 | </dialogBox> |
| 52 | </template> | 53 | </template> |
| 53 | 54 | ||
| 54 | <script> | 55 | <script> |
| 55 | import { addFwmxCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx"; | 56 | import { addFwmxCxjgXx, getFwmxInfo,printJtcfInfo } from "@/api/sqcx"; |
| 56 | import { getPrintTemplateByCode } from "@/api/system"; | 57 | import { getPrintTemplateByCode } from "@/api/system"; |
| 57 | import { datas, sendThis } from "./dydjbdata"; | 58 | import { datas, sendThis } from "./dydjbdata"; |
| 58 | import { getLodop } from "@/utils/LodopFuncs" | 59 | import { getLodop } from "@/utils/LodopFuncs" |
| ... | @@ -68,7 +69,7 @@ export default { | ... | @@ -68,7 +69,7 @@ export default { |
| 68 | sqcxBsm: { type: String, default: "" }, | 69 | sqcxBsm: { type: String, default: "" }, |
| 69 | }, | 70 | }, |
| 70 | mounted () { | 71 | mounted () { |
| 71 | 72 | sendThis(this); | |
| 72 | }, | 73 | }, |
| 73 | data () { | 74 | data () { |
| 74 | return { | 75 | return { |
| ... | @@ -143,11 +144,14 @@ export default { | ... | @@ -143,11 +144,14 @@ export default { |
| 143 | //加载详细信息 | 144 | //加载详细信息 |
| 144 | loadData () { | 145 | loadData () { |
| 145 | this.$startLoading(); | 146 | this.$startLoading(); |
| 146 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { | 147 | getFwmxInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { |
| 147 | this.$endLoading(); | 148 | this.$endLoading(); |
| 148 | if (res.code == 200) { | 149 | if (res.code == 200) { |
| 149 | this.form = res.result; | 150 | this.activeStep = 2; |
| 150 | this.isSearch = true; | 151 | this.isSearch = true; |
| 152 | this.$nextTick(() => { | ||
| 153 | this.$refs.dydjbInfo.setResult(res.result) | ||
| 154 | }) | ||
| 151 | } | 155 | } |
| 152 | }); | 156 | }); |
| 153 | }, | 157 | }, |
| ... | @@ -158,9 +162,11 @@ export default { | ... | @@ -158,9 +162,11 @@ export default { |
| 158 | addFwmxCxjgXx(this.form).then((res) => { | 162 | addFwmxCxjgXx(this.form).then((res) => { |
| 159 | this.$endLoading(); | 163 | this.$endLoading(); |
| 160 | if (res.code == 200) { | 164 | if (res.code == 200) { |
| 161 | this.form = res.result; | ||
| 162 | this.activeStep = 2; | 165 | this.activeStep = 2; |
| 163 | this.isSearch = true; | 166 | this.isSearch = true; |
| 167 | this.$nextTick(() => { | ||
| 168 | this.$refs.dydjbInfo.setResult(res.result) | ||
| 169 | }) | ||
| 164 | this.$parent.queryClick(); | 170 | this.$parent.queryClick(); |
| 165 | } | 171 | } |
| 166 | }); | 172 | }); | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div class="jtfccx-edit"> |
| 3 | <!-- 界面后期调整开发,报表开发,目前先放一张图片 --> | 3 | <div class="jtfccx-edit-con"> |
| 4 | <el-form :model="ruleForm" label-width="120px"> | 4 | <b class="title"></b> |
| 5 | <el-row> | 5 | <b class="title">房屋状况</b> |
| 6 | <el-col :span="6"> | 6 | <lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList" :maxHeight="200" heightNumSetting |
| 7 | <img :src="imgUrl" alt="" srcset="" /> | 7 | :pagination="false"> |
| 8 | <!-- <el-form-item label="查询时间:"> | 8 | </lb-table> |
| 9 | {{ ruleForm.cxsj }} | 9 | <b class="title">土地状况</b> |
| 10 | </el-form-item> | 10 | <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail" :maxHeight="200" heightNumSetting |
| 11 | </el-col> | 11 | :pagination="false"> |
| 12 | <el-col :span="8"> | 12 | </lb-table> |
| 13 | <el-form-item label="不动产单元号:"> | 13 | <b class="title">权属状况</b> |
| 14 | {{ ruleForm.bdcdyh }} | 14 | <lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail" :maxHeight="200" heightNumSetting |
| 15 | </el-form-item> --> | 15 | :pagination="false"> |
| 16 | </el-col> | 16 | </lb-table> |
| 17 | </el-row> | 17 | <b class="title">抵押登记</b> |
| 18 | <el-row> | 18 | <lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail" :maxHeight="200" heightNumSetting |
| 19 | </el-row> | 19 | :pagination="false"> |
| 20 | </el-form> | 20 | </lb-table> |
| 21 | </div> | 21 | <b class="title">预告登记</b> |
| 22 | <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting | ||
| 23 | :pagination="false"> | ||
| 24 | </lb-table> | ||
| 25 | <b class="title">查封状况</b> | ||
| 26 | <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting | ||
| 27 | :pagination="false"> | ||
| 28 | </lb-table> | ||
| 29 | <b class="title">异议登记</b> | ||
| 30 | <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting | ||
| 31 | :pagination="false"> | ||
| 32 | </lb-table> | ||
| 33 | </div> | ||
| 34 | </div> | ||
| 22 | </template> | 35 | </template> |
| 23 | 36 | ||
| 24 | <script> | 37 | <script> |
| 25 | import imgPath from "./djbyb.png" | 38 | import { datas, sendThis } from "./infodata"; |
| 39 | import { getFwmxInfo } from "@/api/sqcx"; | ||
| 26 | export default { | 40 | export default { |
| 27 | props: ["formData"], | 41 | props: { |
| 28 | 42 | formData: { | |
| 29 | created () { | 43 | type: Object, |
| 30 | var sqcxdata = this.formData.sqcxdata; | 44 | default: () => {}, |
| 31 | this.ruleForm = sqcxdata; | 45 | }, |
| 32 | }, | 46 | }, |
| 33 | |||
| 34 | data () { | 47 | data () { |
| 35 | return { | 48 | return { |
| 36 | ruleForm: { | 49 | ruleForm: { |
| 37 | cxsj: "", | 50 | cxsj: "", |
| 38 | bdcdyh: "", | 51 | bdcdyh: "", |
| 39 | }, | 52 | }, |
| 40 | imgUrl: imgPath, | 53 | //房屋列表字段 |
| 54 | fwColumns: datas.fwCol(), | ||
| 55 | //土地列表字段 | ||
| 56 | tdColumns: datas.tdCol(), | ||
| 57 | //权属状况列表字段 | ||
| 58 | qszkColumns: datas.columns(), | ||
| 59 | //抵押登记列表字段 | ||
| 60 | diyaColumns: datas.diyaCol(), | ||
| 61 | //预告登记列表字段 | ||
| 62 | ygdjColumns: datas.ygdjCol(), | ||
| 63 | //查封登记列表字段 | ||
| 64 | cfdjColumns: datas.cfdjCol(), | ||
| 65 | //异议登记列表字段 | ||
| 66 | yydjColumns: datas.yydjCol(), | ||
| 67 | form: {}, | ||
| 68 | resultData: {}, | ||
| 41 | }; | 69 | }; |
| 42 | }, | 70 | }, |
| 43 | mounted () { }, | 71 | mounted () { |
| 44 | methods: {}, | 72 | if(this.formData){ |
| 73 | this.getDetailInfo() | ||
| 74 | } | ||
| 75 | }, | ||
| 76 | methods: { | ||
| 77 | setResult(data){ | ||
| 78 | this.resultData = data | ||
| 79 | }, | ||
| 80 | getDetailInfo(){ | ||
| 81 | this.$startLoading(); | ||
| 82 | getFwmxInfo({ sqcxBsm: this.formData.bsmSqcx }).then((res) => { | ||
| 83 | this.$endLoading(); | ||
| 84 | if (res.code == 200) { | ||
| 85 | this.resultData = res.result | ||
| 86 | } | ||
| 87 | }); | ||
| 88 | |||
| 89 | } | ||
| 90 | }, | ||
| 45 | }; | 91 | }; |
| 46 | </script> | 92 | </script> |
| 47 | <style scoped lang="scss"> | 93 | <style scoped lang="scss"> | ... | ... |
src/views/sqcx/dydjb/components/infodata.js
0 → 100644
| 1 | import filter from '@/utils/filter.js' | ||
| 2 | import { Switch } from 'element-ui' | ||
| 3 | let vm = null | ||
| 4 | |||
| 5 | const sendThis = (_this) => { | ||
| 6 | vm = _this | ||
| 7 | } | ||
| 8 | class data extends filter { | ||
| 9 | constructor() { | ||
| 10 | super() | ||
| 11 | } | ||
| 12 | columns() { | ||
| 13 | return [ | ||
| 14 | { | ||
| 15 | prop: 'qszt', | ||
| 16 | label: '所有人名称', | ||
| 17 | }, | ||
| 18 | { | ||
| 19 | prop: 'bdcqzh', | ||
| 20 | label: '证件号码', | ||
| 21 | }, | ||
| 22 | { | ||
| 23 | prop: 'djsj', | ||
| 24 | label: '取得方式', | ||
| 25 | }, | ||
| 26 | { | ||
| 27 | prop: 'wqhth', | ||
| 28 | label: '房屋性质', | ||
| 29 | }, | ||
| 30 | { | ||
| 31 | prop: 'wqsj', | ||
| 32 | label: '不动产权证书号', | ||
| 33 | }, | ||
| 34 | { | ||
| 35 | prop: 'bdcdyh', | ||
| 36 | label: '登记时间', | ||
| 37 | }, | ||
| 38 | { | ||
| 39 | prop: 'gyfs', | ||
| 40 | label: '共有方式', | ||
| 41 | }, | ||
| 42 | { | ||
| 43 | prop: 'qlrmc', | ||
| 44 | label: '附记', | ||
| 45 | } | ||
| 46 | ] | ||
| 47 | } | ||
| 48 | fwCol() { | ||
| 49 | return [ | ||
| 50 | { | ||
| 51 | prop: 'zdymc', | ||
| 52 | label: '幢号111', | ||
| 53 | }, | ||
| 54 | { | ||
| 55 | prop: 'hh', | ||
| 56 | label: '房号', | ||
| 57 | }, | ||
| 58 | { | ||
| 59 | prop: 'showfwjg', | ||
| 60 | label: '结构', | ||
| 61 | }, | ||
| 62 | { | ||
| 63 | prop: 'dscs', | ||
| 64 | label: '总层数(地上)', | ||
| 65 | }, | ||
| 66 | { | ||
| 67 | prop: 'dxcs', | ||
| 68 | label: '地下层数', | ||
| 69 | }, | ||
| 70 | { | ||
| 71 | prop: 'ch', | ||
| 72 | label: '所在层', | ||
| 73 | }, | ||
| 74 | { | ||
| 75 | prop: 'jzmj', | ||
| 76 | label: '建筑面积(㎡)', | ||
| 77 | }, | ||
| 78 | { | ||
| 79 | prop: 'tnjzmj', | ||
| 80 | label: '套内面积(㎡)', | ||
| 81 | }, | ||
| 82 | { | ||
| 83 | prop: 'showfwyt', | ||
| 84 | label: '规划用途', | ||
| 85 | } | ||
| 86 | ] | ||
| 87 | } | ||
| 88 | tdCol() { | ||
| 89 | return [ | ||
| 90 | { | ||
| 91 | prop: 'qsxz', | ||
| 92 | label: '权属性质', | ||
| 93 | }, | ||
| 94 | { | ||
| 95 | prop: 'mj', | ||
| 96 | label: '面积(㎡)', | ||
| 97 | }, | ||
| 98 | { | ||
| 99 | prop: 'fttdmj', | ||
| 100 | label: '分摊土地面积(㎡)', | ||
| 101 | }, | ||
| 102 | { | ||
| 103 | prop: 'tfyt', | ||
| 104 | label: '用途', | ||
| 105 | }, | ||
| 106 | { | ||
| 107 | prop: 'syqx', | ||
| 108 | label: '使用期限', | ||
| 109 | }, | ||
| 110 | { | ||
| 111 | prop: 'qdfs', | ||
| 112 | label: '取得方式', | ||
| 113 | }, | ||
| 114 | { | ||
| 115 | prop: 'jttdsyqlx', | ||
| 116 | label: '集体土地所有权类型', | ||
| 117 | }, | ||
| 118 | { | ||
| 119 | prop: 'jttdsyqlx', | ||
| 120 | label: '集体土地使用权类型', | ||
| 121 | } | ||
| 122 | ] | ||
| 123 | } | ||
| 124 | diyaCol() { | ||
| 125 | return [ | ||
| 126 | { | ||
| 127 | prop: 'dyfs', | ||
| 128 | label: '抵押方式', | ||
| 129 | render: (h, scope) => { | ||
| 130 | switch(scope.row.dyfs) { | ||
| 131 | case '1': | ||
| 132 | return <div>一般抵押</div> | ||
| 133 | case '2': | ||
| 134 | return <div>最高额抵押</div> | ||
| 135 | } | ||
| 136 | } | ||
| 137 | }, | ||
| 138 | { | ||
| 139 | prop: 'qlrmc', | ||
| 140 | label: '抵押权人名称', | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | prop: 'bdbzzqse', | ||
| 144 | label: '抵押金额(万元)', | ||
| 145 | }, | ||
| 146 | { | ||
| 147 | prop: 'dyqx', | ||
| 148 | label: '抵押期限', | ||
| 149 | }, | ||
| 150 | { | ||
| 151 | prop: 'ywh', | ||
| 152 | label: '不动产登记证明号', | ||
| 153 | }, | ||
| 154 | { | ||
| 155 | prop: 'djsj', | ||
| 156 | label: '登记时间', | ||
| 157 | }, | ||
| 158 | { | ||
| 159 | prop: 'fj', | ||
| 160 | label: '附记', | ||
| 161 | } | ||
| 162 | ] | ||
| 163 | } | ||
| 164 | ygdjCol() { | ||
| 165 | return [ | ||
| 166 | { | ||
| 167 | prop: 'ygdjzl', | ||
| 168 | label: '预告登记种类', | ||
| 169 | }, | ||
| 170 | { | ||
| 171 | prop: 'qlrmc', | ||
| 172 | label: '权利人名称', | ||
| 173 | }, | ||
| 174 | { | ||
| 175 | prop: 'dyje', | ||
| 176 | label: '抵押金额(万元)', | ||
| 177 | }, | ||
| 178 | { | ||
| 179 | prop: 'dyqx', | ||
| 180 | label: '抵押期限', | ||
| 181 | }, | ||
| 182 | { | ||
| 183 | prop: 'ywh', | ||
| 184 | label: '不动产登记证明号', | ||
| 185 | }, | ||
| 186 | { | ||
| 187 | prop: 'djsj', | ||
| 188 | label: '登记时间', | ||
| 189 | }, | ||
| 190 | { | ||
| 191 | prop: 'fj', | ||
| 192 | label: '附记', | ||
| 193 | } | ||
| 194 | ] | ||
| 195 | } | ||
| 196 | cfdjCol() { | ||
| 197 | return [ | ||
| 198 | { | ||
| 199 | prop: 'cfjg', | ||
| 200 | label: '查封机关', | ||
| 201 | }, | ||
| 202 | { | ||
| 203 | prop: 'cfwh', | ||
| 204 | label: '查封文号', | ||
| 205 | }, | ||
| 206 | { | ||
| 207 | prop: 'cffw', | ||
| 208 | label: '查封范围', | ||
| 209 | }, | ||
| 210 | { | ||
| 211 | prop: 'cfsj', | ||
| 212 | label: '查封时间', | ||
| 213 | }, | ||
| 214 | { | ||
| 215 | prop: 'cfqx', | ||
| 216 | label: '查封期限', | ||
| 217 | } | ||
| 218 | ] | ||
| 219 | } | ||
| 220 | yydjCol() { | ||
| 221 | return [ | ||
| 222 | { | ||
| 223 | prop: 'yysqr', | ||
| 224 | label: '异议申请人', | ||
| 225 | }, | ||
| 226 | { | ||
| 227 | prop: 'yysx', | ||
| 228 | label: '异议事项', | ||
| 229 | }, | ||
| 230 | { | ||
| 231 | prop: 'ywh', | ||
| 232 | label: '不动产登记证明号', | ||
| 233 | }, | ||
| 234 | { | ||
| 235 | prop: 'djsj', | ||
| 236 | label: '登记时间', | ||
| 237 | }, | ||
| 238 | { | ||
| 239 | prop: 'fj', | ||
| 240 | label: '附记', | ||
| 241 | } | ||
| 242 | ] | ||
| 243 | } | ||
| 244 | } | ||
| 245 | let datas = new data() | ||
| 246 | export { | ||
| 247 | datas, | ||
| 248 | sendThis | ||
| 249 | } |
| ... | @@ -51,7 +51,7 @@ import table from "@/utils/mixin/table"; | ... | @@ -51,7 +51,7 @@ import table from "@/utils/mixin/table"; |
| 51 | import { popupDialog } from "@/utils/popup.js"; | 51 | import { popupDialog } from "@/utils/popup.js"; |
| 52 | import { datas, sendThis } from "./dydjbdata"; | 52 | import { datas, sendThis } from "./dydjbdata"; |
| 53 | import addDydjb from "./components/addDydjb.vue"; | 53 | import addDydjb from "./components/addDydjb.vue"; |
| 54 | import { getFwmxPage } from "@/api/sqcx"; | 54 | import { getSqcxPage } from "@/api/sqcx"; |
| 55 | export default { | 55 | export default { |
| 56 | name: "dydjb", | 56 | name: "dydjb", |
| 57 | components: { addDydjb }, | 57 | components: { addDydjb }, |
| ... | @@ -71,6 +71,7 @@ export default { | ... | @@ -71,6 +71,7 @@ export default { |
| 71 | cxbh: "", | 71 | cxbh: "", |
| 72 | sqr: "", | 72 | sqr: "", |
| 73 | ywh: "", | 73 | ywh: "", |
| 74 | cxlx: '2' | ||
| 74 | }, | 75 | }, |
| 75 | tableData: { | 76 | tableData: { |
| 76 | columns: datas.columns(), | 77 | columns: datas.columns(), |
| ... | @@ -82,7 +83,7 @@ export default { | ... | @@ -82,7 +83,7 @@ export default { |
| 82 | // 初始化数据 | 83 | // 初始化数据 |
| 83 | queryClick () { | 84 | queryClick () { |
| 84 | this.$startLoading(); | 85 | this.$startLoading(); |
| 85 | getFwmxPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 86 | getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 86 | this.$endLoading(); | 87 | this.$endLoading(); |
| 87 | if (res.code === 200) { | 88 | if (res.code === 200) { |
| 88 | let { records, total } = res.result; | 89 | let { records, total } = res.result; |
| ... | @@ -92,8 +93,12 @@ export default { | ... | @@ -92,8 +93,12 @@ export default { |
| 92 | }); | 93 | }); |
| 93 | }, | 94 | }, |
| 94 | dydjbClick (scope) { | 95 | dydjbClick (scope) { |
| 96 | // this.$nextTick(() => { | ||
| 97 | // this.isDialog = true | ||
| 98 | // this.sqcxBsm = scope.row.bsmSqcx | ||
| 99 | // }) | ||
| 95 | popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", { | 100 | popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", { |
| 96 | sqcxdata: scope.row, | 101 | bsmSqcx: scope.row.bsmSqcx, |
| 97 | }); | 102 | }); |
| 98 | }, | 103 | }, |
| 99 | handleSort (name, sort) { | 104 | handleSort (name, sort) { |
| ... | @@ -101,6 +106,7 @@ export default { | ... | @@ -101,6 +106,7 @@ export default { |
| 101 | }, | 106 | }, |
| 102 | openAddDialog(){ | 107 | openAddDialog(){ |
| 103 | this.isDialog = true | 108 | this.isDialog = true |
| 109 | this.sqcxBsm = '' | ||
| 104 | } | 110 | } |
| 105 | }, | 111 | }, |
| 106 | }; | 112 | }; | ... | ... |
| ... | @@ -63,7 +63,7 @@ class data extends filter { | ... | @@ -63,7 +63,7 @@ class data extends filter { |
| 63 | label: "操作", | 63 | label: "操作", |
| 64 | width: 100, | 64 | width: 100, |
| 65 | render: (h, scope) => { | 65 | render: (h, scope) => { |
| 66 | return <el-button type="text" icon='el-icon-printer' onClick={() => { vm.dydjbClick(scope) }}>打印登记薄</el-button> | 66 | return <el-button type="text" icon='el-icon-view' onClick={() => { vm.dydjbClick(scope) }}>查看</el-button> |
| 67 | } | 67 | } |
| 68 | }, | 68 | }, |
| 69 | 69 | ... | ... |
| ... | @@ -212,10 +212,6 @@ export default { | ... | @@ -212,10 +212,6 @@ export default { |
| 212 | this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1 | 212 | this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1 |
| 213 | } | 213 | } |
| 214 | }); | 214 | }); |
| 215 | |||
| 216 | |||
| 217 | |||
| 218 | //this.closeDialog(); | ||
| 219 | }, | 215 | }, |
| 220 | //打开打印预览 | 216 | //打开打印预览 |
| 221 | openPrintPrew(){ | 217 | openPrintPrew(){ | ... | ... |
| ... | @@ -46,7 +46,7 @@ | ... | @@ -46,7 +46,7 @@ |
| 46 | <script> | 46 | <script> |
| 47 | import table from "@/utils/mixin/table"; | 47 | import table from "@/utils/mixin/table"; |
| 48 | import { datas, sendThis } from "./jtfcdata"; | 48 | import { datas, sendThis } from "./jtfcdata"; |
| 49 | import { getJtfcPage } from "@/api/sqcx"; | 49 | import { getSqcxPage } from "@/api/sqcx"; |
| 50 | import addjtfc from "./components/addjtfc.vue"; | 50 | import addjtfc from "./components/addjtfc.vue"; |
| 51 | export default { | 51 | export default { |
| 52 | name: "jtfc", | 52 | name: "jtfc", |
| ... | @@ -64,6 +64,7 @@ export default { | ... | @@ -64,6 +64,7 @@ export default { |
| 64 | queryForm: { | 64 | queryForm: { |
| 65 | cxbh: "", | 65 | cxbh: "", |
| 66 | sqr: "", | 66 | sqr: "", |
| 67 | cxlx: '1' | ||
| 67 | }, | 68 | }, |
| 68 | tableData: { | 69 | tableData: { |
| 69 | columns: datas.columns(), | 70 | columns: datas.columns(), |
| ... | @@ -75,7 +76,7 @@ export default { | ... | @@ -75,7 +76,7 @@ export default { |
| 75 | // 初始化数据 | 76 | // 初始化数据 |
| 76 | queryClick () { | 77 | queryClick () { |
| 77 | this.$startLoading(); | 78 | this.$startLoading(); |
| 78 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 79 | getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 79 | this.$endLoading(); | 80 | this.$endLoading(); |
| 80 | if (res.code === 200) { | 81 | if (res.code === 200) { |
| 81 | let { records, total } = res.result; | 82 | let { records, total } = res.result; | ... | ... |
| ... | @@ -69,7 +69,7 @@ | ... | @@ -69,7 +69,7 @@ |
| 69 | <script> | 69 | <script> |
| 70 | import table from "@/utils/mixin/table"; | 70 | import table from "@/utils/mixin/table"; |
| 71 | import { datas, sendThis } from "./sqcxjldata"; | 71 | import { datas, sendThis } from "./sqcxjldata"; |
| 72 | import { getJtfcPage } from "@/api/sqcx"; | 72 | import { getSqcxPage } from "@/api/sqcx"; |
| 73 | export default { | 73 | export default { |
| 74 | name: "sqcxjl", | 74 | name: "sqcxjl", |
| 75 | mixins: [table], | 75 | mixins: [table], |
| ... | @@ -94,7 +94,7 @@ export default { | ... | @@ -94,7 +94,7 @@ export default { |
| 94 | // 初始化数据 | 94 | // 初始化数据 |
| 95 | queryClick () { | 95 | queryClick () { |
| 96 | this.$startLoading(); | 96 | this.$startLoading(); |
| 97 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 97 | getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 98 | this.$endLoading(); | 98 | this.$endLoading(); |
| 99 | if (res.code === 200) { | 99 | if (res.code === 200) { |
| 100 | let { records, total } = res.result; | 100 | let { records, total } = res.result; | ... | ... |
| ... | @@ -3,9 +3,7 @@ | ... | @@ -3,9 +3,7 @@ |
| 3 | <dialogBox title="常用意见" :fullscreen="false" width="60%" isMain v-model="value" @closeDialog="closeDialog" | 3 | <dialogBox title="常用意见" :fullscreen="false" width="60%" isMain v-model="value" @closeDialog="closeDialog" |
| 4 | :isButton="false"> | 4 | :isButton="false"> |
| 5 | <el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button> | 5 | <el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button> |
| 6 | <lb-table :page-size="pageData.size" heightNumSetting :current-page.sync="pageData.current" | 6 | <lb-table heightNumSetting :pagination="false" :column="columns" :data="tableData.data"> |
| 7 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | ||
| 8 | :column="columns" :data="tableData.data"> | ||
| 9 | </lb-table> | 7 | </lb-table> |
| 10 | <div style="height:15px"></div> | 8 | <div style="height:15px"></div> |
| 11 | </dialogBox> | 9 | </dialogBox> |
| ... | @@ -27,11 +25,9 @@ | ... | @@ -27,11 +25,9 @@ |
| 27 | </div> | 25 | </div> |
| 28 | </template> | 26 | </template> |
| 29 | <script> | 27 | <script> |
| 30 | import table from "@/utils/mixin/table"; | ||
| 31 | import { getUserCommonOpinion, addUserCommonOpinion, delUserCommonOpinion } from "@/api/fqsq.js" | 28 | import { getUserCommonOpinion, addUserCommonOpinion, delUserCommonOpinion } from "@/api/fqsq.js" |
| 32 | export default { | 29 | export default { |
| 33 | components: {}, | 30 | components: {}, |
| 34 | mixins: [table], | ||
| 35 | props: { | 31 | props: { |
| 36 | value: { type: Boolean, default: false }, | 32 | value: { type: Boolean, default: false }, |
| 37 | }, | 33 | }, |
| ... | @@ -76,14 +72,12 @@ export default { | ... | @@ -76,14 +72,12 @@ export default { |
| 76 | } | 72 | } |
| 77 | }, | 73 | }, |
| 78 | mounted () { | 74 | mounted () { |
| 79 | this.queryClick() | 75 | this.getList() |
| 80 | }, | 76 | }, |
| 81 | methods: { | 77 | methods: { |
| 82 | queryClick () { | 78 | getList () { |
| 83 | getUserCommonOpinion(this.pageData).then(res => { | 79 | getUserCommonOpinion().then(res => { |
| 84 | let { total, records } = res.result | 80 | this.tableData.data = res.result |
| 85 | this.tableData.total = total; | ||
| 86 | this.tableData.data = records ? records : [] | ||
| 87 | }) | 81 | }) |
| 88 | }, | 82 | }, |
| 89 | //新增常用意见 | 83 | //新增常用意见 |
| ... | @@ -99,7 +93,6 @@ export default { | ... | @@ -99,7 +93,6 @@ export default { |
| 99 | } | 93 | } |
| 100 | }) | 94 | }) |
| 101 | } else { | 95 | } else { |
| 102 | // console.log('error submit!!'); | ||
| 103 | return false; | 96 | return false; |
| 104 | } | 97 | } |
| 105 | }); | 98 | }); |
| ... | @@ -128,7 +121,7 @@ export default { | ... | @@ -128,7 +121,7 @@ export default { |
| 128 | delUserCommonOpinion({ bsmOpinion: item.bsmOpinion }).then(res => { | 121 | delUserCommonOpinion({ bsmOpinion: item.bsmOpinion }).then(res => { |
| 129 | if (res.code == 200) { | 122 | if (res.code == 200) { |
| 130 | this.$message.success("删除成功") | 123 | this.$message.success("删除成功") |
| 131 | this.queryClick() | 124 | this.getList() |
| 132 | } else { | 125 | } else { |
| 133 | this.$message.error(res.message) | 126 | this.$message.error(res.message) |
| 134 | } | 127 | } | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
| 3 | <div class="invalid-title"> | 3 | <div class="invalid-title"> |
| 4 | <i class="el-icon-question invalid-icon"></i> | 4 | <i class="el-icon-question invalid-icon"></i> |
| 5 | <div class="invalid-body">您是否确定终止该业务办理?</div> | 5 | <div class="invalid-body">您是否确定终止该业务办理?</div> |
| 6 | </div> | 6 | </div> |
| 7 | <div class="invalid-reson">终止原因:</div> | 7 | <div class="invalid-reson">终止原因:</div> |
| 8 | <el-input v-model="stopMessage" placeholder="请输入终止原因" type="textarea" :rows="4"></el-input> | 8 | <el-input |
| 9 | <el-button style="float:right">取消</el-button> | 9 | v-model="stopMessage" |
| 10 | <el-button type="primary" @click="onSubmit" style="float:right">退件</el-button> | 10 | placeholder="请输入终止原因" |
| 11 | type="textarea" | ||
| 12 | :rows="4" | ||
| 13 | ></el-input> | ||
| 14 | <el-button style="float: right">取消</el-button> | ||
| 15 | <el-button type="primary" @click="onSubmit" style="float: right" | ||
| 16 | >退件</el-button | ||
| 17 | > | ||
| 11 | </div> | 18 | </div> |
| 12 | </template> | 19 | </template> |
| 13 | 20 | ||
| 14 | <script> | 21 | <script> |
| 15 | import { stopTask } from "@/api/fqsq.js" | 22 | import { stopTask } from "@/api/fqsq.js"; |
| 16 | export default { | 23 | export default { |
| 17 | props: { | 24 | props: { |
| 18 | formData: { | 25 | formData: { |
| 19 | type: Object, | 26 | type: Object, |
| 20 | default: {} | 27 | default: {}, |
| 21 | } | 28 | }, |
| 22 | }, | 29 | }, |
| 23 | data () { | 30 | data() { |
| 24 | return { | 31 | return { |
| 25 | stopMessage: '' | 32 | stopMessage: "", |
| 26 | } | 33 | }; |
| 27 | }, | 34 | }, |
| 28 | methods: { | 35 | methods: { |
| 29 | onSubmit () { | 36 | onSubmit() { |
| 30 | stopTask({ | 37 | stopTask({ |
| 31 | bsmSlsq: this.formData.bsmSlsq, | 38 | bsmSlsq: this.formData.bsmSlsq, |
| 32 | bestepid: this.formData.bestepid, | 39 | bestepid: this.formData.bestepid, |
| 33 | stopMessage: this.stopMessage | 40 | stopMessage: this.stopMessage, |
| 34 | }).then(res => { | 41 | }).then((res) => { |
| 35 | this.$message.success('终止成功') | 42 | this.$message.success("终止成功"); |
| 36 | setTimeout(() => { | 43 | setTimeout(() => { |
| 37 | window.opener.location.reload(); //刷新父窗口 | 44 | // window.opener.location.reload(); //刷新父窗口 |
| 38 | window.close(); | 45 | if (window.opener && window.opener.getBpageList) { |
| 39 | this.$emit('input', false) | 46 | window.opener.getBpageList(); |
| 40 | }, 1000); | 47 | } else { |
| 41 | }) | 48 | window.opener.frames[0].getBpageList(); |
| 49 | } | ||
| 50 | window.close(); | ||
| 51 | this.$emit("input", false); | ||
| 52 | }, 1000); | ||
| 53 | }); | ||
| 42 | }, | 54 | }, |
| 43 | } | 55 | }, |
| 44 | } | 56 | }; |
| 45 | </script> | 57 | </script> |
| 46 | <style scoped lang="scss"> | 58 | <style scoped lang="scss"> |
| 47 | @import "~@/styles/mixin.scss"; | 59 | @import "~@/styles/mixin.scss"; |
| 48 | .invalid-title { | 60 | .invalid-title { |
| 49 | display: flex; | 61 | display: flex; |
| 50 | align-content: center; | 62 | align-content: center; |
| 51 | 63 | ||
| 52 | .invalid-icon { | 64 | .invalid-icon { |
| 53 | color: rgb(254, 148, 0); | 65 | color: rgb(254, 148, 0); |
| 54 | font-size: 34px; | 66 | font-size: 34px; |
| 55 | margin-right: 10px; | 67 | margin-right: 10px; |
| 56 | } | 68 | } |
| 57 | 69 | ||
| 58 | .invalid-body { | 70 | .invalid-body { |
| 59 | line-height: 40px; | 71 | line-height: 40px; |
| 60 | margin-bottom: 10px; | 72 | margin-bottom: 10px; |
| 61 | } | 73 | } |
| 62 | } | 74 | } |
| 63 | 75 | ||
| 64 | .invalid-reson { | 76 | .invalid-reson { |
| 65 | margin-bottom: 10px; | 77 | margin-bottom: 10px; |
| 66 | } | 78 | } |
| 67 | 79 | ||
| 68 | .dialog-footer { | 80 | .dialog-footer { |
| 69 | margin-top: 10px; | 81 | margin-top: 10px; |
| 70 | display: flex; | 82 | display: flex; |
| 71 | justify-content: flex-end; | 83 | justify-content: flex-end; |
| 72 | } | 84 | } |
| 73 | |||
| 74 | </style> | 85 | </style> | ... | ... |
| ... | @@ -4,21 +4,37 @@ | ... | @@ -4,21 +4,37 @@ |
| 4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
| 5 | <div class="title">请选择要退回到的环节:</div> | 5 | <div class="title">请选择要退回到的环节:</div> |
| 6 | <el-form ref="queryForm" label-width="90px"> | 6 | <el-form ref="queryForm" label-width="90px"> |
| 7 | <ul style="margin-bottom:15px"> | 7 | <ul style="margin-bottom: 15px"> |
| 8 | <li v-for="(item,index) in dataList" class="listDetail" :key="index" @click="changeSelectItem(item)"> | 8 | <li |
| 9 | v-for="(item, index) in dataList" | ||
| 10 | class="listDetail" | ||
| 11 | :key="index" | ||
| 12 | @click="changeSelectItem(item)" | ||
| 13 | > | ||
| 9 | <p class="icon"> | 14 | <p class="icon"> |
| 10 | <el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio> | 15 | <el-radio |
| 16 | v-model="selectActivity" | ||
| 17 | :label="item.activityId" | ||
| 18 | @change="changeSelectItem(item)" | ||
| 19 | ></el-radio> | ||
| 20 | </p> | ||
| 21 | <p>{{ item.activityName }}</p> | ||
| 22 | <p v-for="(child, childIndex) in item.userInfos" :key="childIndex"> | ||
| 23 | {{ child.name }} | ||
| 11 | </p> | 24 | </p> |
| 12 | <p>{{item.activityName}}</p> | ||
| 13 | <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p> | ||
| 14 | </li> | 25 | </li> |
| 15 | </ul> | 26 | </ul> |
| 16 | <div class="title">退回意见:</div> | 27 | <div class="title">退回意见:</div> |
| 17 | <el-form-item> | 28 | <el-form-item> |
| 18 | <el-input class="textArea" type="textarea" v-model="outstepopinion" placeholder="请输入退回意见"></el-input> | 29 | <el-input |
| 30 | class="textArea" | ||
| 31 | type="textarea" | ||
| 32 | v-model="outstepopinion" | ||
| 33 | placeholder="请输入退回意见" | ||
| 34 | ></el-input> | ||
| 19 | </el-form-item> | 35 | </el-form-item> |
| 20 | <el-form-item> | 36 | <el-form-item> |
| 21 | <!-- <el-button style="float:right">取消</el-button> --> | 37 | <el-button style="float:right" @click="cancelBack">取消</el-button> |
| 22 | <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button> | 38 | <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button> |
| 23 | </el-form-item> | 39 | </el-form-item> |
| 24 | </el-form> | 40 | </el-form> |
| ... | @@ -27,56 +43,68 @@ | ... | @@ -27,56 +43,68 @@ |
| 27 | </template> | 43 | </template> |
| 28 | 44 | ||
| 29 | <script> | 45 | <script> |
| 46 | |||
| 30 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" | 47 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" |
| 48 | import { popupCacel } from "@/utils/popup.js"; | ||
| 49 | |||
| 31 | export default { | 50 | export default { |
| 32 | props: { | 51 | props: { |
| 33 | formData: { | 52 | formData: { |
| 34 | type: Object, | 53 | type: Object, |
| 35 | default: {} | 54 | default: {}, |
| 36 | } | 55 | }, |
| 37 | }, | 56 | }, |
| 38 | data () { | 57 | data() { |
| 39 | return { | 58 | return { |
| 40 | selectActivity: '', | 59 | selectActivity: "", |
| 41 | dataList: [], | 60 | dataList: [], |
| 42 | outstepopinion: '', | 61 | outstepopinion: "", |
| 43 | selectItem: {} | 62 | selectItem: {}, |
| 44 | } | 63 | }; |
| 45 | }, | 64 | }, |
| 46 | created () { | 65 | created() { |
| 47 | this.getBackNode(); | 66 | this.getBackNode(); |
| 48 | }, | 67 | }, |
| 49 | methods: { | 68 | methods: { |
| 50 | onSubmit () { | 69 | onSubmit() { |
| 51 | this.selectItem.outstepopinion = this.outstepopinion; | 70 | this.selectItem.outstepopinion = this.outstepopinion; |
| 52 | sendBackTask({ | 71 | sendBackTask({ |
| 53 | bsmSlsq: this.formData.bsmSlsq, | 72 | bsmSlsq: this.formData.bsmSlsq, |
| 54 | backNodeList: [this.selectItem] | 73 | backNodeList: [this.selectItem], |
| 55 | }).then(res => { | 74 | }).then((res) => { |
| 56 | this.$message.success('退回成功') | 75 | this.$message.success("退回成功"); |
| 57 | setTimeout(() => { | 76 | setTimeout(() => { |
| 58 | window.opener.location.reload(); //刷新父窗口 | 77 | // window.opener.location.reload(); //刷新父窗口 |
| 59 | window.close(); | 78 | if (window.opener && window.opener.getBpageList) { |
| 60 | this.$emit('input', false) | 79 | window.opener.getBpageList(); |
| 61 | }, 1000); | 80 | } else { |
| 62 | }) | 81 | window.opener.frames[0].getBpageList(); |
| 82 | } | ||
| 83 | window.close(); | ||
| 84 | this.$emit("input", false); | ||
| 85 | }, 1000); | ||
| 86 | }); | ||
| 63 | }, | 87 | }, |
| 64 | changeSelectItem(item){ | 88 | changeSelectItem(item) { |
| 65 | this.selectItem = item | 89 | this.selectItem = item; |
| 66 | this.selectActivity = item.activityId | 90 | this.selectActivity = item.activityId; |
| 67 | }, | 91 | }, |
| 68 | //获取可回退环节信息 | 92 | //获取可回退环节信息 |
| 69 | getBackNode () { | 93 | getBackNode() { |
| 70 | getTaskBackNode(this.formData).then(res => { | 94 | getTaskBackNode(this.formData).then((res) => { |
| 71 | if (res.code == 200) { | 95 | if (res.code == 200) { |
| 72 | this.dataList = res.result | 96 | this.dataList = res.result; |
| 73 | if(res.result){ | 97 | if (res.result) { |
| 74 | this.selectActivity = res.result[0].activityId | 98 | this.selectActivity = res.result[0].activityId; |
| 75 | this.selectItem = res.result[0] | 99 | this.selectItem = res.result[0]; |
| 76 | } | 100 | } |
| 77 | } | 101 | } |
| 78 | }) | 102 | }); |
| 79 | }, | 103 | }, |
| 104 | |||
| 105 | cancelBack(){ | ||
| 106 | popupCacel(); | ||
| 107 | } | ||
| 80 | } | 108 | } |
| 81 | } | 109 | } |
| 82 | </script> | 110 | </script> |
| ... | @@ -104,7 +132,7 @@ export default { | ... | @@ -104,7 +132,7 @@ export default { |
| 104 | } | 132 | } |
| 105 | } | 133 | } |
| 106 | 134 | ||
| 107 | .title{ | 135 | .title { |
| 108 | margin-bottom: 10px; | 136 | margin-bottom: 10px; |
| 109 | } | 137 | } |
| 110 | 138 | ||
| ... | @@ -113,7 +141,7 @@ export default { | ... | @@ -113,7 +141,7 @@ export default { |
| 113 | min-height: 90px !important; | 141 | min-height: 90px !important; |
| 114 | } | 142 | } |
| 115 | } | 143 | } |
| 116 | /deep/.el-radio .el-radio__label { | 144 | /deep/.el-radio .el-radio__label { |
| 117 | display: none; | 145 | display: none; |
| 118 | } | 146 | } |
| 119 | </style> | 147 | </style> | ... | ... |
| ... | @@ -12,7 +12,7 @@ import { | ... | @@ -12,7 +12,7 @@ import { |
| 12 | getNextLinkInfo, | 12 | getNextLinkInfo, |
| 13 | } from "@/api/fqsq.js"; | 13 | } from "@/api/fqsq.js"; |
| 14 | export default { | 14 | export default { |
| 15 | data () { | 15 | data() { |
| 16 | return { | 16 | return { |
| 17 | //是否开启材料分屏 | 17 | //是否开启材料分屏 |
| 18 | splitScreen: false, | 18 | splitScreen: false, |
| ... | @@ -28,13 +28,13 @@ export default { | ... | @@ -28,13 +28,13 @@ export default { |
| 28 | batchButtonName: '', | 28 | batchButtonName: '', |
| 29 | } | 29 | } |
| 30 | }, | 30 | }, |
| 31 | mounted () { | 31 | mounted() { |
| 32 | this.flowInitParam(); | 32 | this.flowInitParam(); |
| 33 | this.loadBdcdylist(); | 33 | this.loadBdcdylist(); |
| 34 | }, | 34 | }, |
| 35 | methods: { | 35 | methods: { |
| 36 | //读取申请单元信息 | 36 | //读取申请单元信息 |
| 37 | loadBdcdylist () { | 37 | loadBdcdylist() { |
| 38 | var formdata = new FormData(); | 38 | var formdata = new FormData(); |
| 39 | formdata.append("bsmSlsq", this.bsmSlsq); | 39 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 40 | formdata.append("bestepid", this.bestepid); | 40 | formdata.append("bestepid", this.bestepid); |
| ... | @@ -56,7 +56,7 @@ export default { | ... | @@ -56,7 +56,7 @@ export default { |
| 56 | }); | 56 | }); |
| 57 | }, | 57 | }, |
| 58 | //批量按钮判断 | 58 | //批量按钮判断 |
| 59 | judgeBatchShow () { | 59 | judgeBatchShow() { |
| 60 | this.showBatch = false; | 60 | this.showBatch = false; |
| 61 | if (this.unitData.length > 1) { | 61 | if (this.unitData.length > 1) { |
| 62 | let qllx = this.$route.query.sqywbm.substring(0, 3); | 62 | let qllx = this.$route.query.sqywbm.substring(0, 3); |
| ... | @@ -75,7 +75,7 @@ export default { | ... | @@ -75,7 +75,7 @@ export default { |
| 75 | } | 75 | } |
| 76 | }, | 76 | }, |
| 77 | //加载流程初始参数 | 77 | //加载流程初始参数 |
| 78 | flowInitParam () { | 78 | flowInitParam() { |
| 79 | var formdata = new FormData(); | 79 | var formdata = new FormData(); |
| 80 | formdata.append("bsmSlsq", this.bsmSlsq); | 80 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 81 | formdata.append("bestepid", this.bestepid); | 81 | formdata.append("bestepid", this.bestepid); |
| ... | @@ -87,7 +87,7 @@ export default { | ... | @@ -87,7 +87,7 @@ export default { |
| 87 | }); | 87 | }); |
| 88 | }, | 88 | }, |
| 89 | //流程环节操作按钮 | 89 | //流程环节操作按钮 |
| 90 | operation (item) { | 90 | operation(item) { |
| 91 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 | 91 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 |
| 92 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 92 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
| 93 | let that = this; | 93 | let that = this; |
| ... | @@ -227,7 +227,7 @@ export default { | ... | @@ -227,7 +227,7 @@ export default { |
| 227 | } | 227 | } |
| 228 | }, | 228 | }, |
| 229 | //发送下一个环节 | 229 | //发送下一个环节 |
| 230 | sendToNext (obj) { | 230 | sendToNext(obj) { |
| 231 | const h = this.$createElement; | 231 | const h = this.$createElement; |
| 232 | this.$msgbox({ | 232 | this.$msgbox({ |
| 233 | title: "您确定转出吗?1", | 233 | title: "您确定转出吗?1", |
| ... | @@ -251,7 +251,12 @@ export default { | ... | @@ -251,7 +251,12 @@ export default { |
| 251 | if (res.code === 200) { | 251 | if (res.code === 200) { |
| 252 | instance.confirmButtonLoading = false; | 252 | instance.confirmButtonLoading = false; |
| 253 | this.$message.success("转件成功"); | 253 | this.$message.success("转件成功"); |
| 254 | window.opener.location.reload(); //刷新父窗口 | 254 | // window.opener.location.reload(); //刷新父窗口 |
| 255 | if (window.opener && window.opener.getBpageList) { | ||
| 256 | window.opener.getBpageList(); | ||
| 257 | } else { | ||
| 258 | window.opener.frames[0].getBpageList(); | ||
| 259 | } | ||
| 255 | window.close(); | 260 | window.close(); |
| 256 | this.$emit("input", false); | 261 | this.$emit("input", false); |
| 257 | } else { | 262 | } else { |
| ... | @@ -271,7 +276,7 @@ export default { | ... | @@ -271,7 +276,7 @@ export default { |
| 271 | }); | 276 | }); |
| 272 | }); | 277 | }); |
| 273 | }, | 278 | }, |
| 274 | sendToEnd () { | 279 | sendToEnd() { |
| 275 | let that = this | 280 | let that = this |
| 276 | const h = this.$createElement; | 281 | const h = this.$createElement; |
| 277 | this.$msgbox({ | 282 | this.$msgbox({ |
| ... | @@ -291,7 +296,12 @@ export default { | ... | @@ -291,7 +296,12 @@ export default { |
| 291 | instance.confirmButtonLoading = false; | 296 | instance.confirmButtonLoading = false; |
| 292 | that.$message.success("转件成功"); | 297 | that.$message.success("转件成功"); |
| 293 | localStorage.setItem('transfer', true) | 298 | localStorage.setItem('transfer', true) |
| 294 | window.opener.location.reload(); //刷新父窗口 | 299 | // window.opener.location.reload(); //刷新父窗口 |
| 300 | if (window.opener && window.opener.getBpageList) { | ||
| 301 | window.opener.getBpageList(); | ||
| 302 | } else { | ||
| 303 | window.opener.frames[0].getBpageList(); | ||
| 304 | } | ||
| 295 | window.close(); | 305 | window.close(); |
| 296 | that.$emit("input", false); | 306 | that.$emit("input", false); |
| 297 | } else { | 307 | } else { |
| ... | @@ -312,7 +322,7 @@ export default { | ... | @@ -312,7 +322,7 @@ export default { |
| 312 | }) | 322 | }) |
| 313 | }, | 323 | }, |
| 314 | //批量操作 | 324 | //批量操作 |
| 315 | handleBatchDel () { | 325 | handleBatchDel() { |
| 316 | let that = this; | 326 | let that = this; |
| 317 | this.$popup("批量删除", "workflow/components/batchDel", { | 327 | this.$popup("批量删除", "workflow/components/batchDel", { |
| 318 | width: "50%", | 328 | width: "50%", |
| ... | @@ -327,7 +337,7 @@ export default { | ... | @@ -327,7 +337,7 @@ export default { |
| 327 | } | 337 | } |
| 328 | }) | 338 | }) |
| 329 | }, | 339 | }, |
| 330 | handleChange (file) { | 340 | handleChange(file) { |
| 331 | var formdata = new FormData(); | 341 | var formdata = new FormData(); |
| 332 | formdata.append("file", file.raw); | 342 | formdata.append("file", file.raw); |
| 333 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); | 343 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); |
| ... | @@ -341,7 +351,7 @@ export default { | ... | @@ -341,7 +351,7 @@ export default { |
| 341 | }) | 351 | }) |
| 342 | }, | 352 | }, |
| 343 | // 上传 | 353 | // 上传 |
| 344 | beforeUpload (file) { | 354 | beforeUpload(file) { |
| 345 | return true; | 355 | return true; |
| 346 | }, | 356 | }, |
| 347 | } | 357 | } | ... | ... |
| ... | @@ -4,14 +4,22 @@ | ... | @@ -4,14 +4,22 @@ |
| 4 | <div class="topButton"> | 4 | <div class="topButton"> |
| 5 | <!-- 左侧业务功能按钮 --> | 5 | <!-- 左侧业务功能按钮 --> |
| 6 | <ul> | 6 | <ul> |
| 7 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> | 7 | <li |
| 8 | @click="operation(item)" | ||
| 9 | v-for="(item, index) in leftButtonList" | ||
| 10 | :key="index" | ||
| 11 | > | ||
| 8 | <svg-icon class="icon" :icon-class="item.icon" /> | 12 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 9 | <span class="iconName">{{ item.name }}</span> | 13 | <span class="iconName">{{ item.name }}</span> |
| 10 | </li> | 14 | </li> |
| 11 | </ul> | 15 | </ul> |
| 12 | <!-- 右侧流程按钮 --> | 16 | <!-- 右侧流程按钮 --> |
| 13 | <ul> | 17 | <ul> |
| 14 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | 18 | <li |
| 19 | @click="operation(item)" | ||
| 20 | v-for="(item, index) in rightButtonList" | ||
| 21 | :key="index" | ||
| 22 | > | ||
| 15 | <svg-icon class="icon" :icon-class="item.icon" /> | 23 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 16 | <span class="iconName">{{ item.name }}</span> | 24 | <span class="iconName">{{ item.name }}</span> |
| 17 | </li> | 25 | </li> |
| ... | @@ -22,7 +30,12 @@ | ... | @@ -22,7 +30,12 @@ |
| 22 | <div class="containerFrame"> | 30 | <div class="containerFrame"> |
| 23 | <!-- 左侧菜单栏 --> | 31 | <!-- 左侧菜单栏 --> |
| 24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 32 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| 25 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | 33 | <el-menu |
| 34 | :default-active="activeIndex" | ||
| 35 | @select="batchUnitClick" | ||
| 36 | class="title-batch" | ||
| 37 | v-if="showBatch" | ||
| 38 | > | ||
| 26 | <el-menu-item index="-1" key="-1" class="menus"> | 39 | <el-menu-item index="-1" key="-1" class="menus"> |
| 27 | <div>{{ batchButtonName }}</div> | 40 | <div>{{ batchButtonName }}</div> |
| 28 | </el-menu-item> | 41 | </el-menu-item> |
| ... | @@ -30,28 +43,50 @@ | ... | @@ -30,28 +43,50 @@ |
| 30 | <div v-if="this.isShowdrawer"> | 43 | <div v-if="this.isShowdrawer"> |
| 31 | <div class="title"> | 44 | <div class="title"> |
| 32 | 申请单元列表({{ unitData.length }}) | 45 | 申请单元列表({{ unitData.length }}) |
| 33 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | 46 | <el-button |
| 47 | type="text" | ||
| 48 | class="batchDel" | ||
| 49 | @click="handleBatchDel" | ||
| 50 | v-if="unitData.length > 1" | ||
| 51 | >批量删除</el-button | ||
| 52 | > | ||
| 34 | </div> | 53 | </div> |
| 35 | <el-menu :default-active="activeIndex" @select="unitClick"> | 54 | <el-menu :default-active="activeIndex" @select="unitClick"> |
| 36 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | 55 | <el-menu-item |
| 56 | v-for="(item, index) in unitData" | ||
| 57 | :index="index.toString()" | ||
| 58 | :key="index" | ||
| 59 | > | ||
| 37 | <div> | 60 | <div> |
| 38 | <p>{{ item.bdcdyh }}</p> | 61 | <p>{{ item.bdcdyh }}</p> |
| 39 | <p class="title-detail">{{ item.zl }}</p> | 62 | <p class="title-detail">{{ item.zl }}</p> |
| 40 | </div> | 63 | </div> |
| 41 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> | 64 | <i |
| 65 | class="el-icon-delete" | ||
| 66 | v-if="unitData.length > 1" | ||
| 67 | @click.stop="handleDel(item)" | ||
| 68 | ></i> | ||
| 42 | </el-menu-item> | 69 | </el-menu-item> |
| 43 | </el-menu> | 70 | </el-menu> |
| 44 | </div> | 71 | </div> |
| 45 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | 72 | <div |
| 46 | () => { | 73 | class="map-drawer-click map-drawer" |
| 47 | this.isShowdrawer = !this.isShowdrawer; | 74 | v-if="!isShowdrawer" |
| 48 | } | 75 | @click=" |
| 49 | "></div> | 76 | () => { |
| 50 | <div class="map-drawer-expand map-drawer" v-else @click=" | 77 | this.isShowdrawer = !this.isShowdrawer; |
| 51 | () => { | 78 | } |
| 52 | this.isShowdrawer = !this.isShowdrawer; | 79 | " |
| 53 | } | 80 | ></div> |
| 54 | "></div> | 81 | <div |
| 82 | class="map-drawer-expand map-drawer" | ||
| 83 | v-else | ||
| 84 | @click=" | ||
| 85 | () => { | ||
| 86 | this.isShowdrawer = !this.isShowdrawer; | ||
| 87 | } | ||
| 88 | " | ||
| 89 | ></div> | ||
| 55 | </div> | 90 | </div> |
| 56 | <div class="leftCon"> | 91 | <div class="leftCon"> |
| 57 | <!-- 分屏左侧预览 --> | 92 | <!-- 分屏左侧预览 --> |
| ... | @@ -61,45 +96,78 @@ | ... | @@ -61,45 +96,78 @@ |
| 61 | <!-- 表单内容区域 --> | 96 | <!-- 表单内容区域 --> |
| 62 | <div class="rightContainer"> | 97 | <div class="rightContainer"> |
| 63 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 98 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> |
| 64 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> | 99 | <el-tab-pane |
| 100 | :label="item.name" | ||
| 101 | :name="item.value" | ||
| 102 | v-for="item in tabList" | ||
| 103 | :key="item.value" | ||
| 104 | > | ||
| 65 | </el-tab-pane> | 105 | </el-tab-pane> |
| 66 | </el-tabs> | 106 | </el-tabs> |
| 67 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | 107 | <component |
| 108 | :key="fresh" | ||
| 109 | :is="componentTag" | ||
| 110 | v-bind="currentSelectProps" | ||
| 111 | /> | ||
| 68 | </div> | 112 | </div> |
| 69 | </div> | 113 | </div> |
| 70 | </div> | 114 | </div> |
| 71 | <!-- 打印模板需要此模块 --> | 115 | <!-- 打印模板需要此模块 --> |
| 72 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | 116 | <object |
| 73 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | 117 | id="LODOP_OB" |
| 118 | classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" | ||
| 119 | v-show="false" | ||
| 120 | > | ||
| 121 | <embed | ||
| 122 | id="LODOP_EM" | ||
| 123 | type="application/x-print-lodop" | ||
| 124 | width="820" | ||
| 125 | height="450" | ||
| 126 | pluginspage="install_lodop32.exe" | ||
| 127 | /> | ||
| 74 | </object> | 128 | </object> |
| 75 | <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" | 129 | <el-upload |
| 76 | :on-change="handleChange" :before-upload="beforeUpload"> | 130 | class="fileUpdate" |
| 77 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> | 131 | action="" |
| 132 | :show-file-list="false" | ||
| 133 | multiple | ||
| 134 | :auto-upload="false" | ||
| 135 | :on-change="handleChange" | ||
| 136 | :before-upload="beforeUpload" | ||
| 137 | > | ||
| 138 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false" | ||
| 139 | >上传</el-button | ||
| 140 | > | ||
| 78 | </el-upload> | 141 | </el-upload> |
| 79 | <selectBdc v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> | 142 | <selectBdc |
| 143 | v-model="isDialog" | ||
| 144 | :djywbm="$route.query.sqywbm" | ||
| 145 | :isJump="true" | ||
| 146 | @updateDialog="updateDialog" | ||
| 147 | /> | ||
| 80 | </div> | 148 | </div> |
| 81 | </template> | 149 | </template> |
| 82 | <style scoped lang='scss'> | 150 | <style scoped lang="scss"> |
| 83 | @import "~@/styles/mixin.scss"; | 151 | @import "~@/styles/mixin.scss"; |
| 84 | @import "./workFrame.scss"; | 152 | @import "./workFrame.scss"; |
| 85 | </style> | 153 | </style> |
| 86 | <script> | 154 | <script> |
| 87 | import WorkFlow from "./mixin/index" | 155 | import WorkFlow from "./mixin/index"; |
| 88 | import publicFlow from "./mixin/public.js" | 156 | import publicFlow from "./mixin/public.js"; |
| 89 | import { getStepFormInfo } from "@/api/fqsq.js"; | 157 | import { getStepFormInfo } from "@/api/fqsq.js"; |
| 90 | import { getForm } from './flowform' | 158 | import { getForm } from "./flowform"; |
| 91 | import NoticeBar from '@/components/NoticeBar/index' | 159 | import NoticeBar from "@/components/NoticeBar/index"; |
| 92 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; | 160 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; |
| 93 | import ProcessViewer from './components/processViewer.vue' | 161 | import ProcessViewer from "./components/processViewer.vue"; |
| 94 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 162 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
| 95 | export default { | 163 | export default { |
| 96 | components: { | 164 | components: { |
| 97 | selectBdc, | 165 | selectBdc, |
| 98 | NoticeBar, | 166 | NoticeBar, |
| 99 | ProcessViewer | 167 | ProcessViewer, |
| 100 | }, | 168 | }, |
| 101 | mixins: [WorkFlow, publicFlow], | 169 | mixins: [WorkFlow, publicFlow], |
| 102 | data () { | 170 | data() { |
| 103 | return { | 171 | return { |
| 104 | isDialog: false, | 172 | isDialog: false, |
| 105 | // 折叠 | 173 | // 折叠 |
| ... | @@ -131,42 +199,45 @@ export default { | ... | @@ -131,42 +199,45 @@ export default { |
| 131 | //批量操作 | 199 | //批量操作 |
| 132 | showBatch: false, | 200 | showBatch: false, |
| 133 | //批量操作按钮名称 | 201 | //批量操作按钮名称 |
| 134 | batchButtonName: '', | 202 | batchButtonName: "", |
| 135 | } | 203 | }; |
| 136 | }, | 204 | }, |
| 137 | mounted () { | 205 | mounted() { |
| 138 | //添加页面监听事件 | 206 | //添加页面监听事件 |
| 139 | window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) | 207 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); |
| 140 | window.addEventListener('unload', e => this.unloadHandler(e)) | 208 | window.addEventListener("unload", (e) => this.unloadHandler(e)); |
| 141 | }, | 209 | }, |
| 142 | destroyed () { | 210 | |
| 143 | window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e)) | 211 | destroyed() { |
| 144 | window.removeEventListener('unload', e => this.unloadHandler(e)) | 212 | window.removeEventListener("beforeunload", (e) => |
| 213 | this.beforeunloadHandler(e) | ||
| 214 | ); | ||
| 215 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); | ||
| 145 | }, | 216 | }, |
| 146 | methods: { | 217 | methods: { |
| 147 | beforeunloadHandler () { | 218 | beforeunloadHandler() { |
| 148 | this._beforeUnload_time = new Date().getTime() | 219 | this._beforeUnload_time = new Date().getTime(); |
| 149 | }, | 220 | }, |
| 150 | unloadHandler (e) { | 221 | unloadHandler(e) { |
| 151 | this._gap_time = new Date().getTime() - this._beforeUnload_time | 222 | this._gap_time = new Date().getTime() - this._beforeUnload_time; |
| 152 | //判断是窗口关闭还是刷新 | 223 | //判断是窗口关闭还是刷新 |
| 153 | if (this._gap_time <= 10) { | 224 | if (this._gap_time <= 10) { |
| 154 | //取消认领 | 225 | //取消认领 |
| 155 | unClaimTask(this.bsmSlsq, this.bestepid) | 226 | unClaimTask(this.bsmSlsq, this.bestepid); |
| 156 | } | 227 | } |
| 157 | }, | 228 | }, |
| 158 | changeLoadIndex () { | 229 | changeLoadIndex() { |
| 159 | this.loadIndex++ | 230 | this.loadIndex++; |
| 160 | }, | 231 | }, |
| 161 | closeDialog () { | 232 | closeDialog() { |
| 162 | this.myValue = false | 233 | this.myValue = false; |
| 163 | }, | 234 | }, |
| 164 | // 更新列表 | 235 | // 更新列表 |
| 165 | updateDialog () { | 236 | updateDialog() { |
| 166 | this.loadBdcdylist(); | 237 | this.loadBdcdylist(); |
| 167 | }, | 238 | }, |
| 168 | // 删除左侧列表 | 239 | // 删除左侧列表 |
| 169 | handleDel (item) { | 240 | handleDel(item) { |
| 170 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 241 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| 171 | confirmButtonText: "确定", | 242 | confirmButtonText: "确定", |
| 172 | cancelButtonText: "取消", | 243 | cancelButtonText: "取消", |
| ... | @@ -193,7 +264,7 @@ export default { | ... | @@ -193,7 +264,7 @@ export default { |
| 193 | }); | 264 | }); |
| 194 | }, | 265 | }, |
| 195 | //申请单元点击事件 | 266 | //申请单元点击事件 |
| 196 | stepForm (index) { | 267 | stepForm(index) { |
| 197 | getStepFormInfo(this.currentSelectProps).then((res) => { | 268 | getStepFormInfo(this.currentSelectProps).then((res) => { |
| 198 | if (res.code === 200) { | 269 | if (res.code === 200) { |
| 199 | this.fresh++; | 270 | this.fresh++; |
| ... | @@ -201,9 +272,9 @@ export default { | ... | @@ -201,9 +272,9 @@ export default { |
| 201 | this.tabList = res.result; | 272 | this.tabList = res.result; |
| 202 | //默认加载第一个表单信息 | 273 | //默认加载第一个表单信息 |
| 203 | this.tabName = res.result[0].value; | 274 | this.tabName = res.result[0].value; |
| 204 | //批量操作无分屏按钮 | 275 | //批量操作无分屏按钮 |
| 205 | if (index != null) { | 276 | if (index != null) { |
| 206 | //处理分屏材料信息 | 277 | //处理分屏材料信息 |
| 207 | let that = this; | 278 | let that = this; |
| 208 | this.tabList.forEach(function (item, index) { | 279 | this.tabList.forEach(function (item, index) { |
| 209 | if (item.value == "clxx") { | 280 | if (item.value == "clxx") { |
| ... | @@ -211,24 +282,24 @@ export default { | ... | @@ -211,24 +282,24 @@ export default { |
| 211 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 282 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
| 212 | that.clxxTab = item; | 283 | that.clxxTab = item; |
| 213 | } | 284 | } |
| 214 | }) | 285 | }); |
| 215 | } | 286 | } |
| 216 | } | 287 | } |
| 217 | }) | 288 | }); |
| 218 | }, | 289 | }, |
| 219 | //申请单元点击事件 | 290 | //申请单元点击事件 |
| 220 | unitClick (index) { | 291 | unitClick(index) { |
| 221 | this.currentSelectProps = this.unitData[index]; | 292 | this.currentSelectProps = this.unitData[index]; |
| 222 | this.currentSelectProps.batchOperation = false; | 293 | this.currentSelectProps.batchOperation = false; |
| 223 | this.activeIndex = index.toString(); | 294 | this.activeIndex = index.toString(); |
| 224 | this.stepForm(index); | 295 | this.stepForm(index); |
| 225 | }, | 296 | }, |
| 226 | //批量按钮点击事件 | 297 | //批量按钮点击事件 |
| 227 | batchUnitClick () { | 298 | batchUnitClick() { |
| 228 | this.currentSelectProps.batchOperation = true; | 299 | this.currentSelectProps.batchOperation = true; |
| 229 | this.activeIndex = "-1"; | 300 | this.activeIndex = "-1"; |
| 230 | this.stepForm(); | 301 | this.stepForm(); |
| 231 | } | 302 | }, |
| 232 | } | 303 | }, |
| 233 | } | 304 | }; |
| 234 | </script> | 305 | </script> | ... | ... |
| ... | @@ -4,14 +4,22 @@ | ... | @@ -4,14 +4,22 @@ |
| 4 | <div class="topButton"> | 4 | <div class="topButton"> |
| 5 | <!-- 左侧业务功能按钮 --> | 5 | <!-- 左侧业务功能按钮 --> |
| 6 | <ul> | 6 | <ul> |
| 7 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> | 7 | <li |
| 8 | @click="operation(item)" | ||
| 9 | v-for="(item, index) in leftButtonList" | ||
| 10 | :key="index" | ||
| 11 | > | ||
| 8 | <svg-icon :icon-class="item.icon" /> | 12 | <svg-icon :icon-class="item.icon" /> |
| 9 | <span class="iconName">{{ item.name }}</span> | 13 | <span class="iconName">{{ item.name }}</span> |
| 10 | </li> | 14 | </li> |
| 11 | </ul> | 15 | </ul> |
| 12 | <!-- 右侧流程按钮 --> | 16 | <!-- 右侧流程按钮 --> |
| 13 | <ul> | 17 | <ul> |
| 14 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | 18 | <li |
| 19 | @click="operation(item)" | ||
| 20 | v-for="(item, index) in rightButtonList" | ||
| 21 | :key="index" | ||
| 22 | > | ||
| 15 | <svg-icon class="icon" :icon-class="item.icon" /> | 23 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 16 | <span class="iconName">{{ item.name }}</span> | 24 | <span class="iconName">{{ item.name }}</span> |
| 17 | </li> | 25 | </li> |
| ... | @@ -25,7 +33,11 @@ | ... | @@ -25,7 +33,11 @@ |
| 25 | <div v-if="this.isShowdrawer"> | 33 | <div v-if="this.isShowdrawer"> |
| 26 | <div class="title">申请单元列表({{ unitData.length }})</div> | 34 | <div class="title">申请单元列表({{ unitData.length }})</div> |
| 27 | <el-menu :default-active="activeIndex" @select="unitClick"> | 35 | <el-menu :default-active="activeIndex" @select="unitClick"> |
| 28 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | 36 | <el-menu-item |
| 37 | v-for="(item, index) in unitData" | ||
| 38 | :index="index.toString()" | ||
| 39 | :key="index" | ||
| 40 | > | ||
| 29 | <div> | 41 | <div> |
| 30 | <p>{{ item.bdcdyh }}</p> | 42 | <p>{{ item.bdcdyh }}</p> |
| 31 | <p class="title-detail">{{ item.zl }}</p> | 43 | <p class="title-detail">{{ item.zl }}</p> |
| ... | @@ -33,16 +45,24 @@ | ... | @@ -33,16 +45,24 @@ |
| 33 | </el-menu-item> | 45 | </el-menu-item> |
| 34 | </el-menu> | 46 | </el-menu> |
| 35 | </div> | 47 | </div> |
| 36 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | 48 | <div |
| 37 | () => { | 49 | class="map-drawer-click map-drawer" |
| 38 | this.isShowdrawer = !this.isShowdrawer; | 50 | v-if="!isShowdrawer" |
| 39 | } | 51 | @click=" |
| 40 | "></div> | 52 | () => { |
| 41 | <div class="map-drawer-expand map-drawer" v-else @click=" | 53 | this.isShowdrawer = !this.isShowdrawer; |
| 42 | () => { | 54 | } |
| 43 | this.isShowdrawer = !this.isShowdrawer; | 55 | " |
| 44 | } | 56 | ></div> |
| 45 | "></div> | 57 | <div |
| 58 | class="map-drawer-expand map-drawer" | ||
| 59 | v-else | ||
| 60 | @click=" | ||
| 61 | () => { | ||
| 62 | this.isShowdrawer = !this.isShowdrawer; | ||
| 63 | } | ||
| 64 | " | ||
| 65 | ></div> | ||
| 46 | </div> | 66 | </div> |
| 47 | <div class="leftCon"> | 67 | <div class="leftCon"> |
| 48 | <!-- 分屏左侧预览 --> | 68 | <!-- 分屏左侧预览 --> |
| ... | @@ -52,42 +72,47 @@ | ... | @@ -52,42 +72,47 @@ |
| 52 | <!-- 表单内容区域 --> | 72 | <!-- 表单内容区域 --> |
| 53 | <div class="rightContainer"> | 73 | <div class="rightContainer"> |
| 54 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 74 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> |
| 55 | <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index"> | 75 | <el-tab-pane |
| 76 | :label="item.name" | ||
| 77 | :name="item.value" | ||
| 78 | v-for="(item, index) in tabList" | ||
| 79 | :key="index" | ||
| 80 | > | ||
| 56 | </el-tab-pane> | 81 | </el-tab-pane> |
| 57 | </el-tabs> | 82 | </el-tabs> |
| 58 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | 83 | <component |
| 84 | :key="fresh" | ||
| 85 | :is="componentTag" | ||
| 86 | v-bind="currentSelectProps" | ||
| 87 | /> | ||
| 59 | </div> | 88 | </div> |
| 60 | </div> | 89 | </div> |
| 61 | </div> | 90 | </div> |
| 62 | </div> | 91 | </div> |
| 63 | </template> | 92 | </template> |
| 64 | <style scoped lang='scss'> | 93 | <style scoped lang="scss"> |
| 65 | @import "~@/styles/mixin.scss"; | 94 | @import "~@/styles/mixin.scss"; |
| 66 | @import "./workFrame.scss"; | 95 | @import "./workFrame.scss"; |
| 67 | </style> | 96 | </style> |
| 68 | <script> | 97 | <script> |
| 69 | import { | 98 | import { leftMenu, stepExpandInfo, getStepFormInfo } from "@/api/fqsq.js"; |
| 70 | leftMenu, | 99 | import publicFlow from "./mixin/public.js"; |
| 71 | stepExpandInfo, | ||
| 72 | getStepFormInfo | ||
| 73 | } from "@/api/fqsq.js" | ||
| 74 | import publicFlow from "./mixin/public.js" | ||
| 75 | import { popupDialog } from "@/utils/popup.js"; | 100 | import { popupDialog } from "@/utils/popup.js"; |
| 76 | import NoticeBar from '@/components/NoticeBar/index' | 101 | import NoticeBar from "@/components/NoticeBar/index"; |
| 77 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js" | 102 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
| 78 | export default { | 103 | export default { |
| 79 | mixins: [publicFlow], | 104 | mixins: [publicFlow], |
| 80 | components: { | 105 | components: { |
| 81 | NoticeBar | 106 | NoticeBar, |
| 82 | }, | 107 | }, |
| 83 | data () { | 108 | data() { |
| 84 | return { | 109 | return { |
| 85 | // 流程图 | 110 | // 流程图 |
| 86 | imgSrc: '', | 111 | imgSrc: "", |
| 87 | // 折叠 | 112 | // 折叠 |
| 88 | isShowdrawer: true, | 113 | isShowdrawer: true, |
| 89 | // 默认选中 | 114 | // 默认选中 |
| 90 | activeIndex: '0', | 115 | activeIndex: "0", |
| 91 | //受理申请标识码 | 116 | //受理申请标识码 |
| 92 | bsmSlsq: this.$route.query.bsmSlsq, | 117 | bsmSlsq: this.$route.query.bsmSlsq, |
| 93 | //当前流程所在环节 | 118 | //当前流程所在环节 |
| ... | @@ -116,15 +141,16 @@ export default { | ... | @@ -116,15 +141,16 @@ export default { |
| 116 | clxxIndex: "", | 141 | clxxIndex: "", |
| 117 | //材料信息选项卡对象 | 142 | //材料信息选项卡对象 |
| 118 | clxxTab: {}, | 143 | clxxTab: {}, |
| 119 | } | 144 | }; |
| 120 | }, | 145 | }, |
| 121 | mounted () { | 146 | mounted() { |
| 122 | this.loadBdcdylist(); | 147 | this.loadBdcdylist(); |
| 123 | this.flowInitParam(); | 148 | this.flowInitParam(); |
| 124 | }, | 149 | }, |
| 150 | |||
| 125 | methods: { | 151 | methods: { |
| 126 | //加载流程初始参数 | 152 | //加载流程初始参数 |
| 127 | flowInitParam () { | 153 | flowInitParam() { |
| 128 | var formdata = new FormData(); | 154 | var formdata = new FormData(); |
| 129 | formdata.append("bsmSlsq", this.bsmSlsq); | 155 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 130 | formdata.append("bestepid", this.bestepid); | 156 | formdata.append("bestepid", this.bestepid); |
| ... | @@ -134,34 +160,36 @@ export default { | ... | @@ -134,34 +160,36 @@ export default { |
| 134 | this.leftButtonList = res.result.button; | 160 | this.leftButtonList = res.result.button; |
| 135 | this.rightButtonList = res.result.operation; | 161 | this.rightButtonList = res.result.operation; |
| 136 | } | 162 | } |
| 137 | }) | 163 | }); |
| 138 | }, | 164 | }, |
| 139 | //流程环节操作按钮 | 165 | //流程环节操作按钮 |
| 140 | operation (item) { | 166 | operation(item) { |
| 141 | //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 | 167 | //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 |
| 142 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 168 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
| 143 | switch (item.value) { | 169 | switch (item.value) { |
| 144 | case "B1": | 170 | case "B1": |
| 145 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | 171 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then( |
| 146 | let { result } = res | 172 | (res) => { |
| 147 | popupDialog("流程图", "workflow/components/processViewer", { | 173 | let { result } = res; |
| 148 | xml: result.xml, | 174 | popupDialog("流程图", "workflow/components/processViewer", { |
| 149 | finishedInfo: { | 175 | xml: result.xml, |
| 150 | finishedTaskSet: result.finishedTaskSet, | 176 | finishedInfo: { |
| 151 | unfinishedTaskSet: result.unfinishedTaskSet, | 177 | finishedTaskSet: result.finishedTaskSet, |
| 152 | rejectedTaskSet: result.rejectedTaskSet, | 178 | unfinishedTaskSet: result.unfinishedTaskSet, |
| 153 | finishedSequenceFlowSet: result.finishedSequenceFlowSet | 179 | rejectedTaskSet: result.rejectedTaskSet, |
| 154 | }, | 180 | finishedSequenceFlowSet: result.finishedSequenceFlowSet, |
| 155 | allCommentList: result.historyTaskList | 181 | }, |
| 156 | }) | 182 | allCommentList: result.historyTaskList, |
| 157 | }) | 183 | }); |
| 184 | } | ||
| 185 | ); | ||
| 158 | break; | 186 | break; |
| 159 | case "B5": | 187 | case "B5": |
| 160 | this.zsylFlag = true; | 188 | this.zsylFlag = true; |
| 161 | break; | 189 | break; |
| 162 | case "B2": //材料分屏按钮 | 190 | case "B2": //材料分屏按钮 |
| 163 | this.splitScreen = this.splitScreen ? false : true; | 191 | this.splitScreen = this.splitScreen ? false : true; |
| 164 | this.$store.dispatch('app/settScreen', this.splitScreen) | 192 | this.$store.dispatch("app/settScreen", this.splitScreen); |
| 165 | if (this.splitScreen) { | 193 | if (this.splitScreen) { |
| 166 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | 194 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 |
| 167 | if (this.tabName == this.clxxTab.value) { | 195 | if (this.tabName == this.clxxTab.value) { |
| ... | @@ -179,7 +207,7 @@ export default { | ... | @@ -179,7 +207,7 @@ export default { |
| 179 | } | 207 | } |
| 180 | }, | 208 | }, |
| 181 | //读取申请单元信息 | 209 | //读取申请单元信息 |
| 182 | loadBdcdylist () { | 210 | loadBdcdylist() { |
| 183 | var formdata = new FormData(); | 211 | var formdata = new FormData(); |
| 184 | formdata.append("bsmSlsq", this.bsmSlsq); | 212 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 185 | formdata.append("bestepid", this.bestepid); | 213 | formdata.append("bestepid", this.bestepid); |
| ... | @@ -189,12 +217,12 @@ export default { | ... | @@ -189,12 +217,12 @@ export default { |
| 189 | this.currentSelectProps = res.result[0]; | 217 | this.currentSelectProps = res.result[0]; |
| 190 | this.unitClick(0); | 218 | this.unitClick(0); |
| 191 | } | 219 | } |
| 192 | }) | 220 | }); |
| 193 | }, | 221 | }, |
| 194 | //申请单元点击事件 | 222 | //申请单元点击事件 |
| 195 | unitClick (index) { | 223 | unitClick(index) { |
| 196 | this.currentSelectProps = this.unitData[index]; | 224 | this.currentSelectProps = this.unitData[index]; |
| 197 | this.currentSelectProps.type = 'ONLY_READ'; | 225 | this.currentSelectProps.type = "ONLY_READ"; |
| 198 | getStepFormInfo(this.currentSelectProps).then((res) => { | 226 | getStepFormInfo(this.currentSelectProps).then((res) => { |
| 199 | if (res.code === 200) { | 227 | if (res.code === 200) { |
| 200 | this.fresh++; | 228 | this.fresh++; |
| ... | @@ -203,8 +231,8 @@ export default { | ... | @@ -203,8 +231,8 @@ export default { |
| 203 | //默认加载第一个表单信息 | 231 | //默认加载第一个表单信息 |
| 204 | this.tabName = res.result[0].value; | 232 | this.tabName = res.result[0].value; |
| 205 | } | 233 | } |
| 206 | }) | ||
| 207 | } | ||
| 208 | } | ||
| 209 | } | ||
| 210 | </script> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 234 | }); | ||
| 235 | }, | ||
| 236 | }, | ||
| 237 | }; | ||
| 238 | </script> | ... | ... |
| 1 | export default { | 1 | export default { |
| 2 | data () { | 2 | data() { |
| 3 | return { | 3 | return { |
| 4 | isSearch: false, | 4 | isSearch: false, |
| 5 | searchList: [], | 5 | searchList: [], |
| ... | @@ -7,18 +7,44 @@ export default { | ... | @@ -7,18 +7,44 @@ export default { |
| 7 | } | 7 | } |
| 8 | }, | 8 | }, |
| 9 | methods: { | 9 | methods: { |
| 10 | moreQueryClick () { | 10 | // 点击高级查询弹出查询弹框 |
| 11 | |||
| 12 | moreQueryClick() { | ||
| 11 | this.isSearch = true | 13 | this.isSearch = true |
| 14 | |||
| 12 | }, | 15 | }, |
| 13 | handleSelect (bs, mc, code) { | 16 | // 查询事件 |
| 14 | let that = this | 17 | handleSelect(bs, mc, code) { |
| 15 | this.dictData[bs].forEach(item => { | 18 | this.dictData[bs].forEach(item => { |
| 16 | if (item.dcode == this.queryForm[code]) { | 19 | if (item.dcode == this.queryForm[code]) { |
| 17 | this.searchForm[mc] = item.dname | 20 | this.searchForm[mc] = item.dname |
| 18 | } | 21 | } |
| 19 | }) | 22 | }) |
| 20 | }, | 23 | }, |
| 21 | handelItem (item, index) { | 24 | // 清空单个表单 |
| 25 | handleEmpty(el) { | ||
| 26 | for (var i = 0; i < this.searchList.length; i++) { | ||
| 27 | if (el == this.searchList[i].zdm) { | ||
| 28 | this.searchList.splice(i, 1) | ||
| 29 | } | ||
| 30 | } | ||
| 31 | let obj = { | ||
| 32 | ywlymc: 'ywly', | ||
| 33 | qllxmc: 'qllx', | ||
| 34 | djlxmc: 'djlx' | ||
| 35 | } | ||
| 36 | if (obj[el]) { | ||
| 37 | this.queryForm[obj[el]] = '' | ||
| 38 | } else if (this.otherForm[[el]]) { | ||
| 39 | this.otherForm[[el]] = '' | ||
| 40 | } else { | ||
| 41 | this.queryForm[el] = '' | ||
| 42 | } | ||
| 43 | this.searchForm[el] = '' | ||
| 44 | }, | ||
| 45 | // 删除单个查询条件 | ||
| 46 | |||
| 47 | handelItem(item, index) { | ||
| 22 | let obj = { | 48 | let obj = { |
| 23 | ywlymc: 'ywly', | 49 | ywlymc: 'ywly', |
| 24 | qllxmc: 'qllx', | 50 | qllxmc: 'qllx', |
| ... | @@ -33,10 +59,8 @@ export default { | ... | @@ -33,10 +59,8 @@ export default { |
| 33 | this.queryForm[item.zdm] = '' | 59 | this.queryForm[item.zdm] = '' |
| 34 | } | 60 | } |
| 35 | this.searchForm[item.zdm] = '' | 61 | this.searchForm[item.zdm] = '' |
| 36 | this.iterationData() | ||
| 37 | this.queryClick() | ||
| 38 | }, | 62 | }, |
| 39 | iterationData () { | 63 | iterationData() { |
| 40 | let obj = { | 64 | let obj = { |
| 41 | ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', | 65 | ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', |
| 42 | qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' | 66 | qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' |
| ... | @@ -46,12 +70,13 @@ export default { | ... | @@ -46,12 +70,13 @@ export default { |
| 46 | if (value) return { name: obj[name], value, zdm: name } | 70 | if (value) return { name: obj[name], value, zdm: name } |
| 47 | }).filter(Boolean) | 71 | }).filter(Boolean) |
| 48 | }, | 72 | }, |
| 49 | getSearch (val) { | 73 | getSearch(val) { |
| 50 | this.otherForm = val | 74 | this.otherForm = val |
| 51 | this.iterationData() | 75 | this.iterationData() |
| 52 | this.queryClick() | 76 | this.queryClick() |
| 53 | }, | 77 | }, |
| 54 | hanldeCleanAll () { | 78 | // 清空查询条件 |
| 79 | hanldeCleanAll() { | ||
| 55 | this.searchForm = {} | 80 | this.searchForm = {} |
| 56 | this.queryForm = { | 81 | this.queryForm = { |
| 57 | ywly: "", | 82 | ywly: "", |
| ... | @@ -59,6 +84,7 @@ export default { | ... | @@ -59,6 +84,7 @@ export default { |
| 59 | djlx: "", | 84 | djlx: "", |
| 60 | ywh: "" | 85 | ywh: "" |
| 61 | } | 86 | } |
| 87 | this.otherForm = {} | ||
| 62 | this.searchList = [] | 88 | this.searchList = [] |
| 63 | this.queryClick() | 89 | this.queryClick() |
| 64 | } | 90 | } | ... | ... |
| ... | @@ -9,17 +9,17 @@ | ... | @@ -9,17 +9,17 @@ |
| 9 | <el-row> | 9 | <el-row> |
| 10 | <el-col :span="8"> | 10 | <el-col :span="8"> |
| 11 | <el-form-item label="申请业务名称" prop="sqywmc"> | 11 | <el-form-item label="申请业务名称" prop="sqywmc"> |
| 12 | <el-input v-model="ruleForm.sqywmc"></el-input> | 12 | <el-input v-model="ruleForm.sqywmc" placeholder="请输入申请业务名称"></el-input> |
| 13 | </el-form-item> | 13 | </el-form-item> |
| 14 | </el-col> | 14 | </el-col> |
| 15 | <el-col :span="8"> | 15 | <el-col :span="8"> |
| 16 | <el-form-item label="权利人" prop="qlrmc"> | 16 | <el-form-item label="权利人" prop="qlrmc"> |
| 17 | <el-input v-model="ruleForm.qlrmc"></el-input> | 17 | <el-input v-model="ruleForm.qlrmc" placeholder="请输入权利人"></el-input> |
| 18 | </el-form-item> | 18 | </el-form-item> |
| 19 | </el-col> | 19 | </el-col> |
| 20 | <el-col :span="8"> | 20 | <el-col :span="8"> |
| 21 | <el-form-item label="义务人" prop="ywrmc"> | 21 | <el-form-item label="义务人" prop="ywrmc"> |
| 22 | <el-input v-model="ruleForm.ywrmc"></el-input> | 22 | <el-input v-model="ruleForm.ywrmc" placeholder="请输入义务人"></el-input> |
| 23 | </el-form-item> | 23 | </el-form-item> |
| 24 | </el-col> | 24 | </el-col> |
| 25 | </el-row> | 25 | </el-row> |
| ... | @@ -45,6 +45,7 @@ | ... | @@ -45,6 +45,7 @@ |
| 45 | export default { | 45 | export default { |
| 46 | props: { | 46 | props: { |
| 47 | value: { type: Boolean, default: false }, | 47 | value: { type: Boolean, default: false }, |
| 48 | advancedForm:{type: Object, default: "" } | ||
| 48 | }, | 49 | }, |
| 49 | data () { | 50 | data () { |
| 50 | return { | 51 | return { |
| ... | @@ -60,19 +61,31 @@ export default { | ... | @@ -60,19 +61,31 @@ export default { |
| 60 | watch: { | 61 | watch: { |
| 61 | value (val) { | 62 | value (val) { |
| 62 | this.myValue = val | 63 | this.myValue = val |
| 64 | }, | ||
| 65 | advancedForm(){ | ||
| 66 | this.ruleForm={...this.advancedForm} | ||
| 63 | } | 67 | } |
| 64 | }, | 68 | }, |
| 69 | |||
| 70 | |||
| 65 | methods: { | 71 | methods: { |
| 66 | closeDialog () { | 72 | closeDialog () { |
| 67 | this.$emit('input', false) | 73 | this.$emit('input', false) |
| 68 | }, | 74 | }, |
| 69 | resetForm () { | 75 | resetForm () { |
| 70 | this.$refs['ruleForm'].resetFields() | 76 | this.$refs['ruleForm'].resetFields() |
| 77 | this.ruleForm={ | ||
| 78 | sqywmc: '', | ||
| 79 | qlrmc: '', | ||
| 80 | ywrmc: '', | ||
| 81 | slsj: '' | ||
| 82 | } | ||
| 71 | }, | 83 | }, |
| 72 | submitForm () { | 84 | submitForm () { |
| 73 | this.$emit('getSearch', _.cloneDeep(this.ruleForm)) | 85 | this.$emit('getSearch', _.cloneDeep(this.ruleForm)) |
| 74 | this.$emit('input', false) | 86 | this.$emit('input', false) |
| 75 | this.$refs['ruleForm'].resetFields() | 87 | this.$refs['ruleForm'].resetFields() |
| 88 | |||
| 76 | } | 89 | } |
| 77 | } | 90 | } |
| 78 | } | 91 | } |
| ... | @@ -88,4 +101,4 @@ export default { | ... | @@ -88,4 +101,4 @@ export default { |
| 88 | /deep/.el-icon-date { | 101 | /deep/.el-icon-date { |
| 89 | display: none; | 102 | display: none; |
| 90 | } | 103 | } |
| 91 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 104 | </style> | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
| 3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
| 4 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px"> | 4 | <el-form |
| 5 | :model="queryForm" | ||
| 6 | ref="queryForm" | ||
| 7 | @submit.native.prevent | ||
| 8 | label-width="80px" | ||
| 9 | > | ||
| 5 | <el-row> | 10 | <el-row> |
| 6 | <el-col :span="5"> | 11 | <el-col :span="5"> |
| 7 | <el-form-item label="业务来源" label-width="70px"> | 12 | <el-form-item label="业务来源" label-width="70px"> |
| 8 | <el-select v-model="queryForm.ywly" class="width100" filterable | 13 | <el-select |
| 9 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" clearable placeholder="请选择业务来源"> | 14 | v-model="queryForm.ywly" |
| 10 | <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 15 | class="width100" |
| 16 | filterable | ||
| 17 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" | ||
| 18 | @clear="handleEmpty('ywlymc')" | ||
| 19 | clearable | ||
| 20 | placeholder="请选择业务来源" | ||
| 21 | > | ||
| 22 | <el-option | ||
| 23 | v-for="item in dictData['ywly']" | ||
| 24 | :key="item.dcode" | ||
| 25 | :label="item.dname" | ||
| 26 | :value="item.dcode" | ||
| 27 | > | ||
| 11 | </el-option> | 28 | </el-option> |
| 12 | </el-select> | 29 | </el-select> |
| 13 | </el-form-item> | 30 | </el-form-item> |
| 14 | </el-col> | 31 | </el-col> |
| 15 | <el-col :span="5"> | 32 | <el-col :span="5"> |
| 16 | <el-form-item label="权利类型"> | 33 | <el-form-item label="权利类型"> |
| 17 | <el-select v-model="queryForm.qllx" class="width100" @change="handleSelect('A8', 'qllxmc', 'qllx')" | 34 | <el-select |
| 18 | filterable clearable placeholder="请选择权利类型"> | 35 | v-model="queryForm.qllx" |
| 19 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 36 | class="width100" |
| 37 | @change="handleSelect('A8', 'qllxmc', 'qllx')" | ||
| 38 | @clear="handleEmpty('qllxmc')" | ||
| 39 | filterable | ||
| 40 | clearable | ||
| 41 | placeholder="请选择权利类型" | ||
| 42 | > | ||
| 43 | <el-option | ||
| 44 | v-for="item in dictData['A8']" | ||
| 45 | :key="item.dcode" | ||
| 46 | :label="item.dname" | ||
| 47 | :value="item.dcode" | ||
| 48 | > | ||
| 20 | </el-option> | 49 | </el-option> |
| 21 | </el-select> | 50 | </el-select> |
| 22 | </el-form-item> | 51 | </el-form-item> |
| 23 | </el-col> | 52 | </el-col> |
| 24 | <el-col :span="5"> | 53 | <el-col :span="5"> |
| 25 | <el-form-item label="登记类型"> | 54 | <el-form-item label="登记类型"> |
| 26 | <el-select v-model="queryForm.djlx" class="width100" @change="handleSelect('A21', 'djlxmc', 'djlx')" | 55 | <el-select |
| 27 | filterable clearable placeholder="请选择登记类型"> | 56 | v-model="queryForm.djlx" |
| 28 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 57 | class="width100" |
| 58 | @change="handleSelect('A21', 'djlxmc', 'djlx')" | ||
| 59 | @clear="handleEmpty('djlxmc')" | ||
| 60 | filterable | ||
| 61 | clearable | ||
| 62 | placeholder="请选择登记类型" | ||
| 63 | > | ||
| 64 | <el-option | ||
| 65 | v-for="item in dictData['A21']" | ||
| 66 | :key="item.dcode" | ||
| 67 | :label="item.dname" | ||
| 68 | :value="item.dcode" | ||
| 69 | > | ||
| 29 | </el-option> | 70 | </el-option> |
| 30 | </el-select> | 71 | </el-select> |
| 31 | </el-form-item> | 72 | </el-form-item> |
| 32 | </el-col> | 73 | </el-col> |
| 33 | <el-col :span="5"> | 74 | <el-col :span="5"> |
| 34 | <el-form-item label="业务号"> | 75 | <el-form-item label="业务号"> |
| 35 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width100"> | 76 | <el-input |
| 77 | placeholder="请输入业务号" | ||
| 78 | v-model="queryForm.ywh" | ||
| 79 | @clear="queryClick" | ||
| 80 | clearable | ||
| 81 | class="width100" | ||
| 82 | > | ||
| 36 | </el-input> | 83 | </el-input> |
| 37 | </el-form-item> | 84 | </el-form-item> |
| 38 | </el-col> | 85 | </el-col> |
| 39 | 86 | ||
| 40 | <el-col :span="4" class="btnColRight"> | 87 | <el-col :span="4" class="btnColRight"> |
| 41 | <el-form-item> | 88 | <el-form-item> |
| 42 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> | 89 | <el-button type="primary" native-type="submit" @click="queryClick" |
| 90 | >查询</el-button | ||
| 91 | > | ||
| 43 | <el-button @click="moreQueryClick">高级查询</el-button> | 92 | <el-button @click="moreQueryClick">高级查询</el-button> |
| 44 | </el-form-item> | 93 | </el-form-item> |
| 45 | </el-col> | 94 | </el-col> |
| ... | @@ -49,40 +98,60 @@ | ... | @@ -49,40 +98,60 @@ |
| 49 | <ul> | 98 | <ul> |
| 50 | <li v-for="(item, index) in searchList" :key="index"> | 99 | <li v-for="(item, index) in searchList" :key="index"> |
| 51 | {{ item.name }}:{{ item.value }} | 100 | {{ item.name }}:{{ item.value }} |
| 52 | <i class="el-icon-circle-close" @click="handelItem(item, index)"></i> | 101 | <i |
| 102 | class="el-icon-circle-close" | ||
| 103 | @click="handelItem(item, index)" | ||
| 104 | ></i> | ||
| 53 | </li> | 105 | </li> |
| 54 | </ul> | 106 | </ul> |
| 55 | <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部 | 107 | <el-button |
| 108 | class="clean-btn" | ||
| 109 | type="text" | ||
| 110 | v-if="searchList.length > 0" | ||
| 111 | @click.native="hanldeCleanAll" | ||
| 112 | >清除全部 | ||
| 56 | </el-button> | 113 | </el-button> |
| 57 | </el-row> | 114 | </el-row> |
| 58 | </el-form> | 115 | </el-form> |
| 59 | </div> | 116 | </div> |
| 60 | <div class="from-clues-content"> | 117 | <div class="from-clues-content"> |
| 61 | <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort" | 118 | <lb-table |
| 62 | :current-page.sync="pageData.currentPage" :heightNum="295" :total="tableData.total" | 119 | :page-size="pageData.size" |
| 63 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 120 | class="loadingtext" |
| 64 | :data="tableData.data"> | 121 | @sort-change="handleSort" |
| 122 | :current-page.sync="pageData.currentPage" | ||
| 123 | :heightNum="295" | ||
| 124 | :total="tableData.total" | ||
| 125 | @size-change="handleSizeChange" | ||
| 126 | @p-current-change="handleCurrentChange" | ||
| 127 | :column="tableData.columns" | ||
| 128 | :data="tableData.data" | ||
| 129 | > | ||
| 65 | </lb-table> | 130 | </lb-table> |
| 66 | </div> | 131 | </div> |
| 67 | <searchBox v-model="isSearch" @getSearch="getSearch" /> | 132 | <searchBox |
| 133 | v-model="isSearch" | ||
| 134 | @getSearch="getSearch" | ||
| 135 | :advancedForm="otherForm" | ||
| 136 | /> | ||
| 68 | </div> | 137 | </div> |
| 69 | </template> | 138 | </template> |
| 70 | <script> | 139 | <script> |
| 71 | import { mapGetters } from 'vuex' | 140 | import { mapGetters } from "vuex"; |
| 72 | import searchBox from '../components/search.vue' | 141 | import searchBox from "../components/search.vue"; |
| 73 | import table from "@/utils/mixin/table" | 142 | import table from "@/utils/mixin/table"; |
| 74 | import searchMin from "../components/mixin/index" | 143 | import searchMin from "../components/mixin/index"; |
| 75 | import { datas, sendThis } from "./dbxdata" | 144 | import { datas, sendThis } from "./dbxdata"; |
| 76 | import { searchTaskToDo, deleteFlow, claimTask } from "@/api/ywbl" | 145 | import { searchTaskToDo, deleteFlow, claimTask } from "@/api/ywbl"; |
| 77 | import { judgeUserTaskPermission } from "@/api/fqsq" | 146 | import { judgeUserTaskPermission } from "@/api/fqsq"; |
| 78 | export default { | 147 | export default { |
| 79 | name: "dbx", | 148 | name: "dbx", |
| 80 | components: { searchBox }, | 149 | components: { searchBox }, |
| 81 | mixins: [table, searchMin], | 150 | mixins: [table, searchMin], |
| 82 | computed: { | 151 | computed: { |
| 83 | ...mapGetters(['dictData', 'transfer']) | 152 | ...mapGetters(["dictData", "transfer"]), |
| 84 | }, | 153 | }, |
| 85 | data () { | 154 | data() { |
| 86 | return { | 155 | return { |
| 87 | queryForm: { | 156 | queryForm: { |
| 88 | ywly: "", | 157 | ywly: "", |
| ... | @@ -91,109 +160,127 @@ export default { | ... | @@ -91,109 +160,127 @@ export default { |
| 91 | ywh: "", | 160 | ywh: "", |
| 92 | }, | 161 | }, |
| 93 | searchForm: { | 162 | searchForm: { |
| 94 | ywlymc: '', | 163 | ywlymc: "", |
| 95 | qllxmc: '', | 164 | qllxmc: "", |
| 96 | djlxmc: '', | 165 | djlxmc: "", |
| 97 | ywh: '' | 166 | ywh: "", |
| 98 | }, | 167 | }, |
| 99 | tableData: { | 168 | tableData: { |
| 100 | total: 0, | 169 | total: 0, |
| 101 | columns: datas.columns(), | 170 | columns: datas.columns(), |
| 102 | data: [], | 171 | data: [], |
| 103 | } | 172 | }, |
| 104 | } | 173 | jumpid: "", |
| 174 | }; | ||
| 105 | }, | 175 | }, |
| 106 | mounted () { | 176 | mounted() { |
| 107 | sendThis(this); | 177 | sendThis(this); |
| 178 | window["getBpageList"] = () => { | ||
| 179 | this.queryClick(); | ||
| 180 | }; | ||
| 108 | }, | 181 | }, |
| 182 | |||
| 109 | watch: { | 183 | watch: { |
| 110 | queryForm: { | 184 | queryForm: { |
| 111 | handler (newName, oldName) { | 185 | handler(newName, oldName) {}, |
| 112 | }, | 186 | immediate: true, |
| 113 | immediate: true | 187 | }, |
| 114 | } | ||
| 115 | }, | 188 | }, |
| 116 | methods: { | 189 | methods: { |
| 117 | // 列表渲染接口 | 190 | // 列表渲染接口 |
| 118 | queryClick () { | 191 | queryClick() { |
| 119 | this.$startLoading() | 192 | this.$startLoading(); |
| 120 | this.searchForm.ywh = this.queryForm.ywh | 193 | this.searchForm.ywh = this.queryForm.ywh; |
| 121 | this.iterationData() | 194 | this.iterationData(); |
| 122 | searchTaskToDo({ ...this.queryForm, ...this.otherForm, ...this.pageData }).then(res => { | 195 | searchTaskToDo({ |
| 123 | this.$endLoading() | 196 | ...this.queryForm, |
| 197 | ...this.otherForm, | ||
| 198 | ...this.pageData, | ||
| 199 | }).then((res) => { | ||
| 200 | this.$endLoading(); | ||
| 124 | if (res.code === 200) { | 201 | if (res.code === 200) { |
| 125 | let { total, records } = res.result | 202 | let { total, records } = res.result; |
| 126 | records.forEach(item => { | 203 | records.forEach((item) => { |
| 127 | item.qlrmc = item.qlrmc.join(',') | 204 | item.qlrmc = item.qlrmc.join(","); |
| 128 | item.ywh = item.ywh.join(',') | 205 | item.ywh = item.ywh.join(","); |
| 129 | item.zl = item.zl.join(',') | 206 | item.zl = item.zl.join(","); |
| 130 | item.fromstepdate = item.fromstepdate[0] | 207 | item.fromstepdate = item.fromstepdate[0]; |
| 131 | item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : '' | 208 | item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : ""; |
| 132 | item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : '' | 209 | item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : ""; |
| 133 | }) | 210 | }); |
| 134 | this.tableData.total = total ? total : 0 | 211 | this.tableData.total = total ? total : 0; |
| 135 | this.tableData.data = records ? records : [] | 212 | this.tableData.data = records ? records : []; |
| 136 | } | 213 | } |
| 137 | }) | 214 | }); |
| 138 | }, | 215 | }, |
| 139 | handleSort (val) { | 216 | handleSort(val) { |
| 140 | this.queryForm.sortField = val.prop | 217 | this.queryForm.sortField = val.prop; |
| 141 | this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc' | 218 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; |
| 142 | this.queryClick() | 219 | this.queryClick(); |
| 143 | }, | 220 | }, |
| 144 | del (item) { | 221 | del(item) { |
| 145 | let formdata = new FormData(); | 222 | let formdata = new FormData(); |
| 146 | formdata.append("bsmSlsq", item.bsmSlsq); | 223 | formdata.append("bsmSlsq", item.bsmSlsq); |
| 147 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | 224 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| 148 | confirmButtonText: '确定', | 225 | confirmButtonText: "确定", |
| 149 | cancelButtonText: '取消', | 226 | cancelButtonText: "取消", |
| 150 | type: 'warning' | 227 | type: "warning", |
| 151 | }).then(() => { | ||
| 152 | deleteFlow(formdata).then(res => { | ||
| 153 | if (res.code === 200) { | ||
| 154 | this.handleDel() | ||
| 155 | this.$message({ | ||
| 156 | type: 'success', | ||
| 157 | message: '删除成功!' | ||
| 158 | }); | ||
| 159 | this.queryClick() | ||
| 160 | } else { | ||
| 161 | this.$message.error(res.message); | ||
| 162 | } | ||
| 163 | }) | ||
| 164 | }).catch(() => { | ||
| 165 | this.$message({ | ||
| 166 | type: 'info', | ||
| 167 | message: '已取消删除' | ||
| 168 | }) | ||
| 169 | }) | 228 | }) |
| 229 | .then(() => { | ||
| 230 | deleteFlow(formdata).then((res) => { | ||
| 231 | if (res.code === 200) { | ||
| 232 | this.handleDel(); | ||
| 233 | this.$message({ | ||
| 234 | type: "success", | ||
| 235 | message: "删除成功!", | ||
| 236 | }); | ||
| 237 | this.queryClick(); | ||
| 238 | } else { | ||
| 239 | this.$message.error(res.message); | ||
| 240 | } | ||
| 241 | }); | ||
| 242 | }) | ||
| 243 | .catch(() => { | ||
| 244 | this.$message({ | ||
| 245 | type: "info", | ||
| 246 | message: "已取消删除", | ||
| 247 | }); | ||
| 248 | }); | ||
| 170 | }, | 249 | }, |
| 171 | ywhClick (item) { | 250 | ywhClick(item) { |
| 172 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 | 251 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 |
| 173 | judgeUserTaskPermission({ | 252 | judgeUserTaskPermission({ |
| 174 | bsmSlsq: item.bsmSlsq, | 253 | bsmSlsq: item.bsmSlsq, |
| 175 | bestepid: item.bestepid | 254 | bestepid: item.bestepid, |
| 176 | }).then(res => { | 255 | }).then((res) => { |
| 177 | if (res.code == 200) { | 256 | if (res.code == 200) { |
| 178 | if (res.result) { | 257 | if (res.result) { |
| 179 | //有任务权限 | 258 | //有任务权限 |
| 180 | const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&sqywbm=' + item.djywbm); | 259 | const { href } = this.$router.resolve( |
| 181 | window.open(href, '_blank'); | 260 | "/workFrame?bsmSlsq=" + |
| 261 | item.bsmSlsq + | ||
| 262 | "&bestepid=" + | ||
| 263 | item.bestepid + | ||
| 264 | "&bsmBusiness=" + | ||
| 265 | "&sqywbm=" + | ||
| 266 | item.djywbm | ||
| 267 | ); | ||
| 268 | window.open(href, `urlname${item.bsmSlsq}`); | ||
| 182 | //从待办箱进入的调取任务领取接口 | 269 | //从待办箱进入的调取任务领取接口 |
| 183 | claimTask(item.bsmSlsq, item.bestepid) | 270 | claimTask(item.bsmSlsq, item.bestepid); |
| 184 | } else { | 271 | } else { |
| 185 | //无任务权限 | 272 | //无任务权限 |
| 186 | this.$message.error("无该任务操作权限,或已被他人抢办,请重新操作") | 273 | this.$message.error("无该任务操作权限,或已被他人抢办,请重新操作"); |
| 187 | //刷新页面 | 274 | //刷新页面 |
| 188 | this.queryClick(); | 275 | this.queryClick(); |
| 189 | } | 276 | } |
| 190 | } else { | 277 | } else { |
| 191 | this.$message.error("用户任务权限判断失败,请联系管理员") | 278 | this.$message.error("用户任务权限判断失败,请联系管理员"); |
| 192 | } | 279 | } |
| 193 | }) | 280 | }); |
| 194 | } | 281 | }, |
| 195 | } | 282 | }, |
| 196 | } | 283 | }; |
| 197 | </script> | 284 | </script> |
| 198 | <style scoped lang="scss"> | 285 | <style scoped lang="scss"> |
| 199 | @import "~@/styles/public.scss"; | 286 | @import "~@/styles/public.scss"; | ... | ... |
| ... | @@ -2,45 +2,94 @@ | ... | @@ -2,45 +2,94 @@ |
| 2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
| 3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
| 4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
| 5 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px"> | 5 | <el-form |
| 6 | :model="queryForm" | ||
| 7 | ref="queryForm" | ||
| 8 | @submit.native.prevent | ||
| 9 | label-width="80px" | ||
| 10 | > | ||
| 6 | <el-row> | 11 | <el-row> |
| 7 | <el-col :span="5"> | 12 | <el-col :span="5"> |
| 8 | <el-form-item label="业务来源" label-width="70px"> | 13 | <el-form-item label="业务来源" label-width="70px"> |
| 9 | <el-select v-model="queryForm.ywly" @change="handleSelect('ywly', 'ywlymc', 'ywly')" class="width100" | 14 | <el-select |
| 10 | filterable clearable placeholder="请选择业务来源"> | 15 | v-model="queryForm.ywly" |
| 11 | <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 16 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" |
| 17 | @clear="handleEmpty('ywlymc')" | ||
| 18 | class="width100" | ||
| 19 | filterable | ||
| 20 | clearable | ||
| 21 | placeholder="请选择业务来源" | ||
| 22 | > | ||
| 23 | <el-option | ||
| 24 | v-for="item in dictData['ywly']" | ||
| 25 | :key="item.dcode" | ||
| 26 | :label="item.dname" | ||
| 27 | :value="item.dcode" | ||
| 28 | > | ||
| 12 | </el-option> | 29 | </el-option> |
| 13 | </el-select> | 30 | </el-select> |
| 14 | </el-form-item> | 31 | </el-form-item> |
| 15 | </el-col> | 32 | </el-col> |
| 16 | <el-col :span="5"> | 33 | <el-col :span="5"> |
| 17 | <el-form-item label="权利类型"> | 34 | <el-form-item label="权利类型"> |
| 18 | <el-select v-model="queryForm.qllx" @change="handleSelect('A8', 'qllxmc', 'qllx')" class="width100" | 35 | <el-select |
| 19 | filterable clearable placeholder="请选择权利类型"> | 36 | v-model="queryForm.qllx" |
| 20 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 37 | @change="handleSelect('A8', 'qllxmc', 'qllx')" |
| 38 | @clear="handleEmpty('qllxmc')" | ||
| 39 | class="width100" | ||
| 40 | filterable | ||
| 41 | clearable | ||
| 42 | placeholder="请选择权利类型" | ||
| 43 | > | ||
| 44 | <el-option | ||
| 45 | v-for="item in dictData['A8']" | ||
| 46 | :key="item.dcode" | ||
| 47 | :label="item.dname" | ||
| 48 | :value="item.dcode" | ||
| 49 | > | ||
| 21 | </el-option> | 50 | </el-option> |
| 22 | </el-select> | 51 | </el-select> |
| 23 | </el-form-item> | 52 | </el-form-item> |
| 24 | </el-col> | 53 | </el-col> |
| 25 | <el-col :span="5"> | 54 | <el-col :span="5"> |
| 26 | <el-form-item label="登记类型"> | 55 | <el-form-item label="登记类型"> |
| 27 | <el-select v-model="queryForm.djlx" @change="handleSelect('A21', 'djlxmc', 'djlx')" class="width100" | 56 | <el-select |
| 28 | filterable clearable placeholder="请选择登记类型"> | 57 | v-model="queryForm.djlx" |
| 29 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 58 | @change="handleSelect('A21', 'djlxmc', 'djlx')" |
| 59 | @clear="handleEmpty('djlxmc')" | ||
| 60 | class="width100" | ||
| 61 | filterable | ||
| 62 | clearable | ||
| 63 | placeholder="请选择登记类型" | ||
| 64 | > | ||
| 65 | <el-option | ||
| 66 | v-for="item in dictData['A21']" | ||
| 67 | :key="item.dcode" | ||
| 68 | :label="item.dname" | ||
| 69 | :value="item.dcode" | ||
| 70 | > | ||
| 30 | </el-option> | 71 | </el-option> |
| 31 | </el-select> | 72 | </el-select> |
| 32 | </el-form-item> | 73 | </el-form-item> |
| 33 | </el-col> | 74 | </el-col> |
| 34 | <el-col :span="5"> | 75 | <el-col :span="5"> |
| 35 | <el-form-item label="业务号"> | 76 | <el-form-item label="业务号"> |
| 36 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width200px"> | 77 | <el-input |
| 78 | placeholder="请输入业务号" | ||
| 79 | v-model="queryForm.ywh" | ||
| 80 | @clear="queryClick" | ||
| 81 | clearable | ||
| 82 | class="width200px" | ||
| 83 | > | ||
| 37 | </el-input> | 84 | </el-input> |
| 38 | </el-form-item> | 85 | </el-form-item> |
| 39 | </el-col> | 86 | </el-col> |
| 40 | 87 | ||
| 41 | <el-col :span="4" class="btnColRight"> | 88 | <el-col :span="4" class="btnColRight"> |
| 42 | <el-form-item> | 89 | <el-form-item> |
| 43 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> | 90 | <el-button type="primary" native-type="submit" @click="queryClick" |
| 91 | >查询</el-button | ||
| 92 | > | ||
| 44 | <el-button @click="moreQueryClick">高级查询</el-button> | 93 | <el-button @click="moreQueryClick">高级查询</el-button> |
| 45 | </el-form-item> | 94 | </el-form-item> |
| 46 | </el-col> | 95 | </el-col> |
| ... | @@ -50,43 +99,62 @@ | ... | @@ -50,43 +99,62 @@ |
| 50 | <ul> | 99 | <ul> |
| 51 | <li v-for="(item, index) in searchList" :key="index"> | 100 | <li v-for="(item, index) in searchList" :key="index"> |
| 52 | {{ item.name }}:{{ item.value }} | 101 | {{ item.name }}:{{ item.value }} |
| 53 | <i class="el-icon-circle-close" @click="handelItem(item, index)"></i> | 102 | <i |
| 103 | class="el-icon-circle-close" | ||
| 104 | @click="handelItem(item, index)" | ||
| 105 | ></i> | ||
| 54 | </li> | 106 | </li> |
| 55 | </ul> | 107 | </ul> |
| 56 | <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部 | 108 | <el-button |
| 109 | class="clean-btn" | ||
| 110 | type="text" | ||
| 111 | v-if="searchList.length > 0" | ||
| 112 | @click.native="hanldeCleanAll" | ||
| 113 | >清除全部 | ||
| 57 | </el-button> | 114 | </el-button> |
| 58 | </el-row> | 115 | </el-row> |
| 59 | </el-form> | 116 | </el-form> |
| 60 | </div> | 117 | </div> |
| 61 | <!-- 表格 --> | 118 | <!-- 表格 --> |
| 62 | <div class="from-clues-content"> | 119 | <div class="from-clues-content"> |
| 63 | <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort" | 120 | <lb-table |
| 64 | :current-page.sync="pageData.currentPage" :heightNum="295" :total="tableData.total" | 121 | :page-size="pageData.size" |
| 65 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 122 | class="loadingtext" |
| 66 | :data="tableData.data"> | 123 | @sort-change="handleSort" |
| 124 | :current-page.sync="pageData.currentPage" | ||
| 125 | :heightNum="295" | ||
| 126 | :total="tableData.total" | ||
| 127 | @size-change="handleSizeChange" | ||
| 128 | @p-current-change="handleCurrentChange" | ||
| 129 | :column="tableData.columns" | ||
| 130 | :data="tableData.data" | ||
| 131 | > | ||
| 67 | </lb-table> | 132 | </lb-table> |
| 68 | </div> | 133 | </div> |
| 69 | <searchBox v-model="isSearch" @getSearch="getSearch" /> | 134 | <searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" /> |
| 70 | </div> | 135 | </div> |
| 71 | </template> | 136 | </template> |
| 72 | <script> | 137 | <script> |
| 73 | import { mapGetters } from 'vuex' | 138 | import { mapGetters } from "vuex"; |
| 74 | import searchMin from "../components/mixin/index" | 139 | import searchMin from "../components/mixin/index"; |
| 75 | import table from "@/utils/mixin/table" | 140 | import table from "@/utils/mixin/table"; |
| 76 | import { datas, sendThis } from "./ybxdata" | 141 | import { datas, sendThis } from "./ybxdata"; |
| 77 | import { searchTaskDone } from "@/api/ywbl" | 142 | import { searchTaskDone } from "@/api/ywbl"; |
| 78 | import searchBox from '../components/search.vue' | 143 | import searchBox from "../components/search.vue"; |
| 79 | export default { | 144 | export default { |
| 80 | name: "ybx", | 145 | name: "ybx", |
| 81 | components: { searchBox }, | 146 | components: { searchBox }, |
| 82 | mixins: [table, searchMin], | 147 | mixins: [table, searchMin], |
| 83 | mounted () { | 148 | mounted() { |
| 149 | window["getBpageList"] = () => { | ||
| 150 | this.queryClick(); | ||
| 151 | }; | ||
| 84 | sendThis(this); | 152 | sendThis(this); |
| 85 | }, | 153 | }, |
| 86 | computed: { | 154 | computed: { |
| 87 | ...mapGetters(['dictData']) | 155 | ...mapGetters(["dictData"]), |
| 88 | }, | 156 | }, |
| 89 | data () { | 157 | data() { |
| 90 | return { | 158 | return { |
| 91 | queryForm: { | 159 | queryForm: { |
| 92 | ywly: "", | 160 | ywly: "", |
| ... | @@ -95,10 +163,10 @@ export default { | ... | @@ -95,10 +163,10 @@ export default { |
| 95 | ywh: "", | 163 | ywh: "", |
| 96 | }, | 164 | }, |
| 97 | searchForm: { | 165 | searchForm: { |
| 98 | ywlymc: '', | 166 | ywlymc: "", |
| 99 | qllxmc: '', | 167 | qllxmc: "", |
| 100 | djlxmc: '', | 168 | djlxmc: "", |
| 101 | ywh: '' | 169 | ywh: "", |
| 102 | }, | 170 | }, |
| 103 | tableData: { | 171 | tableData: { |
| 104 | total: 0, | 172 | total: 0, |
| ... | @@ -109,35 +177,46 @@ export default { | ... | @@ -109,35 +177,46 @@ export default { |
| 109 | }, | 177 | }, |
| 110 | methods: { | 178 | methods: { |
| 111 | // 列表渲染接口 | 179 | // 列表渲染接口 |
| 112 | queryClick () { | 180 | queryClick() { |
| 113 | this.$startLoading() | 181 | this.$startLoading(); |
| 114 | this.searchForm.ywh = this.queryForm.ywh | 182 | this.searchForm.ywh = this.queryForm.ywh; |
| 115 | this.iterationData() | 183 | this.iterationData(); |
| 116 | searchTaskDone({ ...this.queryForm,...this.otherForm, ...this.pageData }).then(res => { | 184 | searchTaskDone({ |
| 117 | this.$endLoading() | 185 | ...this.queryForm, |
| 186 | ...this.otherForm, | ||
| 187 | ...this.pageData, | ||
| 188 | }).then((res) => { | ||
| 189 | this.$endLoading(); | ||
| 118 | if (res.code === 200) { | 190 | if (res.code === 200) { |
| 119 | let { total, records } = res.result | 191 | let { total, records } = res.result; |
| 120 | records.forEach(item => { | 192 | records.forEach((item) => { |
| 121 | item.qlrmc = item.qlrmc.join(',') | 193 | item.qlrmc = item.qlrmc.join(","); |
| 122 | item.ywh = item.ywh.join(',') | 194 | item.ywh = item.ywh.join(","); |
| 123 | item.zl = item.zl.join(',') | 195 | item.zl = item.zl.join(","); |
| 124 | item.outstepdate = item.outstepdate[0] | 196 | item.outstepdate = item.outstepdate[0]; |
| 125 | }) | 197 | }); |
| 126 | this.tableData.total = total ? total : 0 | 198 | this.tableData.total = total ? total : 0; |
| 127 | this.tableData.data = records ? records : [] | 199 | this.tableData.data = records ? records : []; |
| 128 | } | 200 | } |
| 129 | }) | 201 | }); |
| 130 | }, | 202 | }, |
| 131 | handleSort (val) { | 203 | handleSort(val) { |
| 132 | this.queryForm.sortField = val.prop | 204 | this.queryForm.sortField = val.prop; |
| 133 | this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc' | 205 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; |
| 134 | this.queryClick() | 206 | this.queryClick(); |
| 135 | }, | 207 | }, |
| 136 | ywhClick (item) { | 208 | ywhClick(item) { |
| 137 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1'); | 209 | const { href } = this.$router.resolve( |
| 138 | window.open(href, '_blank'); | 210 | "/workFrameView?bsmSlsq=" + |
| 139 | } | 211 | item.bsmSlsq + |
| 140 | } | 212 | "&bestepid=" + |
| 213 | item.bestepid + | ||
| 214 | "&bsmBusiness=" + | ||
| 215 | "&viewtype=1" | ||
| 216 | ); | ||
| 217 | window.open(href, `urlname${item.bsmSlsq}`); | ||
| 218 | }, | ||
| 219 | }, | ||
| 141 | }; | 220 | }; |
| 142 | </script> | 221 | </script> |
| 143 | <style scoped lang="scss"> | 222 | <style scoped lang="scss"> | ... | ... |
| ... | @@ -4,33 +4,53 @@ | ... | @@ -4,33 +4,53 @@ |
| 4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
| 5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> |
| 6 | <el-row> | 6 | <el-row> |
| 7 | <el-col :span="8"> | 7 | <el-col :span="10"> |
| 8 | <el-form-item label="不动产单元号"> | 8 | <el-form-item label="不动产单元号"> |
| 9 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px"> | 9 | <el-input |
| 10 | placeholder="请输入不动产单元号" | ||
| 11 | v-model="queryForm.bdcdyh" | ||
| 12 | clearable | ||
| 13 | class="width300px" | ||
| 14 | > | ||
| 10 | </el-input> | 15 | </el-input> |
| 11 | </el-form-item> | 16 | </el-form-item> |
| 12 | </el-col> | 17 | </el-col> |
| 13 | <el-col :span="8"> | 18 | <el-col :span="10"> |
| 14 | <el-form-item label="不动产权证号"> | 19 | <el-form-item label="不动产权证号"> |
| 15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px"> | 20 | <el-input |
| 21 | placeholder="请输入不动产权证号" | ||
| 22 | v-model="queryForm.bdcqzh" | ||
| 23 | clearable | ||
| 24 | class="width300px" | ||
| 25 | > | ||
| 16 | </el-input> | 26 | </el-input> |
| 17 | </el-form-item> | 27 | </el-form-item> |
| 18 | </el-col> | 28 | </el-col> |
| 19 | <el-col :span="8"> | 29 | </el-row> |
| 30 | <el-row> | ||
| 31 | <el-col :span="10"> | ||
| 20 | <el-form-item label="权利人"> | 32 | <el-form-item label="权利人"> |
| 21 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px"> | 33 | <el-input |
| 34 | placeholder="请输入权利人" | ||
| 35 | v-model="queryForm.zl" | ||
| 36 | clearable | ||
| 37 | class="width300px" | ||
| 38 | > | ||
| 22 | </el-input> | 39 | </el-input> |
| 23 | </el-form-item> | 40 | </el-form-item> |
| 24 | </el-col> | 41 | </el-col> |
| 25 | </el-row> | 42 | <el-col :span="10"> |
| 26 | <el-row> | ||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item label="坐落"> | 43 | <el-form-item label="坐落"> |
| 29 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px"> | 44 | <el-input |
| 45 | placeholder="请输入坐落" | ||
| 46 | v-model="queryForm.zl" | ||
| 47 | clearable | ||
| 48 | class="width300px" | ||
| 49 | > | ||
| 30 | </el-input> | 50 | </el-input> |
| 31 | </el-form-item> | 51 | </el-form-item> |
| 32 | </el-col> | 52 | </el-col> |
| 33 | <el-col :span="2" class="btnColRight"> | 53 | <el-col :span="4" class="btnColRight"> |
| 34 | <el-form-item> | 54 | <el-form-item> |
| 35 | <el-button type="primary" @click="queryClick">查询</el-button> | 55 | <el-button type="primary" @click="queryClick">查询</el-button> |
| 36 | </el-form-item> | 56 | </el-form-item> |
| ... | @@ -40,10 +60,19 @@ | ... | @@ -40,10 +60,19 @@ |
| 40 | </div> | 60 | </div> |
| 41 | <!-- 表格 --> | 61 | <!-- 表格 --> |
| 42 | <div class="from-clues-content"> | 62 | <div class="from-clues-content"> |
| 43 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" | 63 | <lb-table |
| 44 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" | 64 | ref="table" |
| 45 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 65 | @row-click="handleRowClick" |
| 46 | :data="tableData.data"> | 66 | :page-size="pageData.pageSize" |
| 67 | :heightNum="400" | ||
| 68 | :current-page.sync="pageData.currentPage" | ||
| 69 | :total="tableData.total" | ||
| 70 | @size-change="handleSizeChange" | ||
| 71 | @p-current-change="handleCurrentChange" | ||
| 72 | @selection-change="handleSelectionChange" | ||
| 73 | :column="tableData.columns" | ||
| 74 | :data="tableData.data" | ||
| 75 | > | ||
| 47 | </lb-table> | 76 | </lb-table> |
| 48 | </div> | 77 | </div> |
| 49 | <div class="submit_button"> | 78 | <div class="submit_button"> |
| ... | @@ -63,9 +92,9 @@ export default { | ... | @@ -63,9 +92,9 @@ export default { |
| 63 | mixins: [table, jump], | 92 | mixins: [table, jump], |
| 64 | props: { | 93 | props: { |
| 65 | isJump: { type: Boolean, default: false }, | 94 | isJump: { type: Boolean, default: false }, |
| 66 | sqywInfo: { type: Object, default: () => { } }, | 95 | sqywInfo: { type: Object, default: () => {} }, |
| 67 | }, | 96 | }, |
| 68 | data () { | 97 | data() { |
| 69 | return { | 98 | return { |
| 70 | queryForm: defaultParameters.defaultParameters(), | 99 | queryForm: defaultParameters.defaultParameters(), |
| 71 | tableData: { | 100 | tableData: { |
| ... | @@ -76,11 +105,11 @@ export default { | ... | @@ -76,11 +105,11 @@ export default { |
| 76 | bdcdysz: [], | 105 | bdcdysz: [], |
| 77 | }; | 106 | }; |
| 78 | }, | 107 | }, |
| 79 | mounted () { | 108 | mounted() { |
| 80 | sendThis(this); | 109 | sendThis(this); |
| 81 | }, | 110 | }, |
| 82 | methods: { | 111 | methods: { |
| 83 | queryClick () { | 112 | queryClick() { |
| 84 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 113 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 85 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 114 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 86 | if (res.code === 200) { | 115 | if (res.code === 200) { |
| ... | @@ -90,7 +119,7 @@ export default { | ... | @@ -90,7 +119,7 @@ export default { |
| 90 | } | 119 | } |
| 91 | }); | 120 | }); |
| 92 | }, | 121 | }, |
| 93 | submitForm () { | 122 | submitForm() { |
| 94 | if (this.bdcdysz.length == 0) { | 123 | if (this.bdcdysz.length == 0) { |
| 95 | this.$message.error("请至少选择一条数据"); | 124 | this.$message.error("请至少选择一条数据"); |
| 96 | return; | 125 | return; |
| ... | @@ -117,14 +146,14 @@ export default { | ... | @@ -117,14 +146,14 @@ export default { |
| 117 | } | 146 | } |
| 118 | }); | 147 | }); |
| 119 | }, | 148 | }, |
| 120 | handleSelectionChange (val) { | 149 | handleSelectionChange(val) { |
| 121 | val.forEach((item, index) => { | 150 | val.forEach((item, index) => { |
| 122 | item.bsmSsql = item.bsmQlxx; | 151 | item.bsmSsql = item.bsmQlxx; |
| 123 | item.ybdcqzsh = item.bdcqzh; | 152 | item.ybdcqzsh = item.bdcqzh; |
| 124 | }); | 153 | }); |
| 125 | this.bdcdysz = val; | 154 | this.bdcdysz = val; |
| 126 | }, | 155 | }, |
| 127 | openBook (row) { | 156 | openBook(row) { |
| 128 | var param = { | 157 | var param = { |
| 129 | bdcdyid: row.bdcdyid, | 158 | bdcdyid: row.bdcdyid, |
| 130 | qllx: row.qllx, | 159 | qllx: row.qllx, | ... | ... |
| ... | @@ -70,11 +70,11 @@ class data extends filter { | ... | @@ -70,11 +70,11 @@ class data extends filter { |
| 70 | label: "建筑物名称", | 70 | label: "建筑物名称", |
| 71 | }, | 71 | }, |
| 72 | { | 72 | { |
| 73 | label: "权利性质", | 73 | label: "土地/房屋性质", |
| 74 | render: (h, scope) => { | 74 | render: (h, scope) => { |
| 75 | return ( | 75 | return ( |
| 76 | <div> | 76 | <div> |
| 77 | {(scope.row.showQlxz) + (' / ') + (scope.row.fwxzbsm)} | 77 | {(scope.row.showQlxz) + (' / ') + (scope.row.fwxzmc)} |
| 78 | </div> | 78 | </div> |
| 79 | ) | 79 | ) |
| 80 | } | 80 | } |
| ... | @@ -90,7 +90,7 @@ class data extends filter { | ... | @@ -90,7 +90,7 @@ class data extends filter { |
| 90 | } | 90 | } |
| 91 | }, | 91 | }, |
| 92 | { | 92 | { |
| 93 | label: "用途", | 93 | label: "土地/房屋用途", |
| 94 | render: (h, scope) => { | 94 | render: (h, scope) => { |
| 95 | return ( | 95 | return ( |
| 96 | <div> | 96 | <div> | ... | ... |
| ... | @@ -121,7 +121,8 @@ export default { | ... | @@ -121,7 +121,8 @@ export default { |
| 121 | }, | 121 | }, |
| 122 | openDialog (item) { | 122 | openDialog (item) { |
| 123 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3') | 123 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3') |
| 124 | window.open(href, '_blank'); | 124 | // window.open(href, '_blank'); |
| 125 | window.open(href, `urlname${item.bsmSlsq}`); | ||
| 125 | } | 126 | } |
| 126 | } | 127 | } |
| 127 | } | 128 | } | ... | ... |
-
Please register or sign in to post a comment