dosc:注释的完善
Showing
64 changed files
with
1797 additions
and
1500 deletions
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:34:53 | ||
| 5 | */ | ||
| 1 | 6 | ||
| 2 | const state = { | 7 | const state = { |
| 3 | djbxx: {} | 8 | djbxx: {} |
| ... | @@ -10,7 +15,7 @@ const mutations = { | ... | @@ -10,7 +15,7 @@ const mutations = { |
| 10 | } | 15 | } |
| 11 | 16 | ||
| 12 | const actions = { | 17 | const actions = { |
| 13 | setDjbxx({ commit }, data) { | 18 | setDjbxx ({ commit }, data) { |
| 14 | commit('SET_DJXX', data) | 19 | commit('SET_DJXX', data) |
| 15 | } | 20 | } |
| 16 | } | 21 | } | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:35:01 | ||
| 5 | */ | ||
| 1 | import { asyncRoutes, constantRoutes, resetRouter } from '@/router' | 6 | import { asyncRoutes, constantRoutes, resetRouter } from '@/router' |
| 2 | import asyncRouter from '@/utils/asyncRouter.js' | 7 | import asyncRouter from '@/utils/asyncRouter.js' |
| 3 | const state = { | 8 | const state = { | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:09 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div> | 7 | <div> |
| 3 | <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> | 8 | <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> |
| ... | @@ -6,159 +11,158 @@ | ... | @@ -6,159 +11,158 @@ |
| 6 | </div> | 11 | </div> |
| 7 | </template> | 12 | </template> |
| 8 | <script> | 13 | <script> |
| 9 | import addJtcy from './addJtcy.vue' | 14 | import addJtcy from './addJtcy.vue' |
| 10 | import { mapGetters } from 'vuex' | 15 | import { mapGetters } from 'vuex' |
| 11 | export default { | 16 | export default { |
| 12 | components: { | 17 | components: { |
| 13 | addJtcy | 18 | addJtcy |
| 14 | }, | 19 | }, |
| 15 | computed: { | 20 | computed: { |
| 16 | ...mapGetters(["dictData"]), | 21 | ...mapGetters(["dictData"]), |
| 17 | }, | 22 | }, |
| 18 | props: { | 23 | props: { |
| 19 | tableData: { | 24 | tableData: { |
| 20 | type: Array, | 25 | type: Array, |
| 21 | default: function () { | 26 | default: function () { |
| 22 | return [] | 27 | return [] |
| 28 | } | ||
| 29 | }, | ||
| 30 | gyfs: { | ||
| 31 | type: String, | ||
| 32 | default: '1' | ||
| 23 | } | 33 | } |
| 24 | }, | 34 | }, |
| 25 | gyfs: { | 35 | data () { |
| 26 | type: String, | 36 | return { |
| 27 | default: '1' | 37 | key: 0, |
| 28 | } | 38 | dataIndex: 0, |
| 29 | }, | 39 | dialog: false, |
| 30 | data () { | 40 | details: {}, |
| 31 | return { | 41 | tableDataList: [], |
| 32 | key: 0, | 42 | qlrCommonTable: [ |
| 33 | dataIndex: 0, | 43 | { |
| 34 | dialog: false, | 44 | width: '50', |
| 35 | details: {}, | 45 | renderHeader: (h, scope) => { |
| 36 | tableDataList: [], | 46 | return <div> { |
| 37 | qlrCommonTable: [ | 47 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> |
| 38 | { | 48 | } |
| 39 | width: '50', | 49 | </div> |
| 40 | renderHeader: (h, scope) => { | 50 | }, |
| 41 | return <div> { | 51 | render: (h, scope) => { |
| 42 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 52 | return ( |
| 53 | <div> | ||
| 54 | { | ||
| 55 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | ||
| 56 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | ||
| 57 | } | ||
| 58 | </div> | ||
| 59 | ) | ||
| 43 | } | 60 | } |
| 44 | </div> | ||
| 45 | }, | 61 | }, |
| 46 | render: (h, scope) => { | 62 | { |
| 47 | return ( | 63 | label: '身份证读卡器', |
| 48 | <div> | 64 | align: 'center', |
| 49 | { | 65 | render: (h, scope) => { |
| 50 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 66 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> |
| 51 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | 67 | } |
| 52 | } | 68 | }, |
| 53 | </div> | 69 | { |
| 54 | ) | 70 | prop: "cyxm", |
| 71 | label: "成员姓名" | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | prop: "sfzhm", | ||
| 75 | label: "身份证号码" | ||
| 76 | }, | ||
| 77 | { | ||
| 78 | prop: "dh", | ||
| 79 | label: "联系电话" | ||
| 80 | }, | ||
| 81 | { | ||
| 82 | label: '修改', | ||
| 83 | render: (h, scope) => { | ||
| 84 | return ( | ||
| 85 | <div> | ||
| 86 | { | ||
| 87 | this.$route.query.viewtype == 1 ? <el-button | ||
| 88 | icon="el-icon-view" | ||
| 89 | type="text" | ||
| 90 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ||
| 91 | icon="el-icon-edit-outline" | ||
| 92 | type="text" | ||
| 93 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | ||
| 94 | } | ||
| 95 | </div> | ||
| 96 | ) | ||
| 97 | } | ||
| 55 | } | 98 | } |
| 56 | }, | 99 | ], |
| 57 | { | 100 | column: this.qlrCommonTable |
| 58 | label: '身份证读卡器', | 101 | } |
| 59 | align: 'center', | 102 | }, |
| 60 | render: (h, scope) => { | 103 | watch: { |
| 61 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | 104 | tableData: { |
| 105 | handler: function (val, oldVal) { | ||
| 106 | let that = this | ||
| 107 | if (val.length == 0 || !val) { | ||
| 108 | that.tableDataList = _.cloneDeep([{ | ||
| 109 | sqrmc: '', | ||
| 110 | dlrzjlx: '', | ||
| 111 | dlrzjh: '', | ||
| 112 | fr: '' | ||
| 113 | }]) | ||
| 114 | } else { | ||
| 115 | that.tableDataList = _.cloneDeep(val) | ||
| 62 | } | 116 | } |
| 63 | }, | 117 | }, |
| 64 | { | 118 | immediate: true, |
| 65 | prop: "cyxm", | 119 | deep: true |
| 66 | label: "成员姓名" | ||
| 67 | }, | ||
| 68 | { | ||
| 69 | prop: "sfzhm", | ||
| 70 | label: "身份证号码" | ||
| 71 | }, | ||
| 72 | { | ||
| 73 | prop: "dh", | ||
| 74 | label: "联系电话" | ||
| 75 | }, | ||
| 76 | { | ||
| 77 | label: '修改', | ||
| 78 | render: (h, scope) => { | ||
| 79 | return ( | ||
| 80 | <div> | ||
| 81 | { | ||
| 82 | this.$route.query.viewtype == 1 ? <el-button | ||
| 83 | icon="el-icon-view" | ||
| 84 | type="text" | ||
| 85 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ||
| 86 | icon="el-icon-edit-outline" | ||
| 87 | type="text" | ||
| 88 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | ||
| 89 | } | ||
| 90 | </div> | ||
| 91 | ) | ||
| 92 | } | ||
| 93 | } | ||
| 94 | ], | ||
| 95 | column: this.qlrCommonTable | ||
| 96 | } | ||
| 97 | }, | ||
| 98 | watch: { | ||
| 99 | tableData: { | ||
| 100 | handler: function (val, oldVal) { | ||
| 101 | let that = this | ||
| 102 | if (val.length == 0 || !val) { | ||
| 103 | that.tableDataList = _.cloneDeep([{ | ||
| 104 | sqrmc: '', | ||
| 105 | dlrzjlx: '', | ||
| 106 | dlrzjh: '', | ||
| 107 | fr: '' | ||
| 108 | }]) | ||
| 109 | } else { | ||
| 110 | that.tableDataList = _.cloneDeep(val) | ||
| 111 | } | ||
| 112 | }, | 120 | }, |
| 113 | immediate: true, | 121 | gyfs: { |
| 114 | deep: true | 122 | handler (newVal, oldValue) { |
| 123 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 124 | if (newVal == '1') { | ||
| 125 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 126 | } else { | ||
| 127 | this.column = dataList | ||
| 128 | } | ||
| 129 | }, | ||
| 130 | immediate: true | ||
| 131 | } | ||
| 115 | }, | 132 | }, |
| 116 | gyfs: { | 133 | methods: { |
| 117 | handler (newVal, oldValue) { | 134 | updateDetail (value) { |
| 118 | let dataList = _.cloneDeep(this.qlrCommonTable) | 135 | this.tableDataList[this.dataIndex] = value |
| 119 | if (newVal == '1') { | 136 | this.key++ |
| 120 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 137 | this.$emit('upDateJtcyList', this.tableDataList) |
| 121 | } else { | ||
| 122 | this.column = dataList | ||
| 123 | } | ||
| 124 | }, | 138 | }, |
| 125 | immediate: true | ||
| 126 | } | ||
| 127 | }, | ||
| 128 | methods: { | ||
| 129 | updateDetail (value) { | ||
| 130 | this.tableDataList[this.dataIndex] = value | ||
| 131 | this.key++ | ||
| 132 | this.$emit('upDateJtcyList', this.tableDataList) | ||
| 133 | }, | ||
| 134 | |||
| 135 | // 新增 | ||
| 136 | addClick () { | ||
| 137 | this.dialog = true | ||
| 138 | }, | ||
| 139 | 139 | ||
| 140 | // 删除 | 140 | // 新增 |
| 141 | deleClick (index, row) { | 141 | addClick () { |
| 142 | this.tableData.splice(index, 1) | 142 | this.dialog = true |
| 143 | }, | 143 | }, |
| 144 | |||
| 145 | // 删除 | ||
| 146 | deleClick (index, row) { | ||
| 147 | this.tableData.splice(index, 1) | ||
| 148 | }, | ||
| 144 | 149 | ||
| 145 | // 身份证读取 | 150 | // 身份证读取 |
| 146 | readClick () { }, | 151 | readClick () { }, |
| 147 | 152 | ||
| 148 | // 修改 | 153 | // 修改 |
| 149 | editClick (index, row) { | 154 | editClick (index, row) { |
| 150 | console.log(row, 'rowrowrowrowrow'); | 155 | console.log(row, 'rowrowrowrowrow'); |
| 151 | this.dataIndex = index | 156 | this.dataIndex = index |
| 152 | this.dialog = true | 157 | this.dialog = true |
| 153 | this.details = row | 158 | this.details = row |
| 154 | }, | 159 | }, |
| 155 | 160 | ||
| 156 | queryViewClick () { | 161 | queryViewClick () { |
| 157 | this.dialog = true | 162 | this.dialog = true |
| 163 | } | ||
| 158 | } | 164 | } |
| 159 | } | 165 | } |
| 160 | } | ||
| 161 | </script> | 166 | </script> |
| 162 | <style scoped lang='scss'> | 167 | <style scoped lang='scss'> |
| 163 | |||
| 164 | </style> | 168 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:28 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <dialogBox title="家庭成员信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | 7 | <dialogBox title="家庭成员信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" |
| 3 | @closeDialog="closeDialog"> | 8 | @closeDialog="closeDialog"> |
| ... | @@ -101,105 +106,105 @@ | ... | @@ -101,105 +106,105 @@ |
| 101 | </dialogBox> | 106 | </dialogBox> |
| 102 | </template> | 107 | </template> |
| 103 | <script> | 108 | <script> |
| 104 | import { mapGetters } from 'vuex' | 109 | import { mapGetters } from 'vuex' |
| 105 | export default { | 110 | export default { |
| 106 | props: { | 111 | props: { |
| 107 | value: { type: Boolean, default: false }, | 112 | value: { type: Boolean, default: false }, |
| 108 | details: { type: Object, default: {} } | 113 | details: { type: Object, default: {} } |
| 109 | }, | 114 | }, |
| 110 | computed: { | 115 | computed: { |
| 111 | ...mapGetters(["dictData"]), | 116 | ...mapGetters(["dictData"]), |
| 112 | }, | 117 | }, |
| 113 | data () { | 118 | data () { |
| 114 | return { | 119 | return { |
| 115 | myValue: this.value, | 120 | myValue: this.value, |
| 116 | jtgx: [ | 121 | jtgx: [ |
| 117 | {value:'0',label:'本人或户主'}, | 122 | { value: '0', label: '本人或户主' }, |
| 118 | {value:'1',label:'配偶'}, | 123 | { value: '1', label: '配偶' }, |
| 119 | {value:'2',label:'子'}, | 124 | { value: '2', label: '子' }, |
| 120 | {value:'3',label:'女'}, | 125 | { value: '3', label: '女' }, |
| 121 | {value:'4',label:'子孙、孙女、外孙子、外孙女'}, | 126 | { value: '4', label: '子孙、孙女、外孙子、外孙女' }, |
| 122 | {value:'5',label:'父母'}, | 127 | { value: '5', label: '父母' }, |
| 123 | {value:'6',label:'祖父母、外祖父母'}, | 128 | { value: '6', label: '祖父母、外祖父母' }, |
| 124 | {value:'7',label:'兄、弟、姐、妹'}, | 129 | { value: '7', label: '兄、弟、姐、妹' }, |
| 125 | {value:'8',label:'其他'}, | 130 | { value: '8', label: '其他' }, |
| 126 | ], | ||
| 127 | ruleForm: { | ||
| 128 | qlrlx: '', | ||
| 129 | sqrmc: '', | ||
| 130 | zjzl: '', | ||
| 131 | zjh: '', | ||
| 132 | dh: '', | ||
| 133 | xb: '', | ||
| 134 | frmc: '', | ||
| 135 | gjdq: '', | ||
| 136 | szss: '', | ||
| 137 | dz: '', | ||
| 138 | yb: '', | ||
| 139 | fzjg: '', | ||
| 140 | dzyj: '', | ||
| 141 | qlbl: '', | ||
| 142 | gzdw: '', | ||
| 143 | dljg: '', | ||
| 144 | dlrxm: '', | ||
| 145 | dlrzjlx: '', | ||
| 146 | dlrzjh: '' | ||
| 147 | }, | ||
| 148 | rules: { | ||
| 149 | qlrlx: [ | ||
| 150 | { required: true, message: '权利人类型', trigger: 'change' } | ||
| 151 | ], | ||
| 152 | sqrmc: [ | ||
| 153 | { required: true, message: '姓名/名称', trigger: 'blur' } | ||
| 154 | ], | ||
| 155 | zjzl: [ | ||
| 156 | { required: true, message: '证件种类', trigger: 'change' } | ||
| 157 | ], | 131 | ], |
| 158 | zjh: [ | 132 | ruleForm: { |
| 159 | { required: true, message: '证件号', trigger: 'blur' } | 133 | qlrlx: '', |
| 160 | ] | 134 | sqrmc: '', |
| 135 | zjzl: '', | ||
| 136 | zjh: '', | ||
| 137 | dh: '', | ||
| 138 | xb: '', | ||
| 139 | frmc: '', | ||
| 140 | gjdq: '', | ||
| 141 | szss: '', | ||
| 142 | dz: '', | ||
| 143 | yb: '', | ||
| 144 | fzjg: '', | ||
| 145 | dzyj: '', | ||
| 146 | qlbl: '', | ||
| 147 | gzdw: '', | ||
| 148 | dljg: '', | ||
| 149 | dlrxm: '', | ||
| 150 | dlrzjlx: '', | ||
| 151 | dlrzjh: '' | ||
| 152 | }, | ||
| 153 | rules: { | ||
| 154 | qlrlx: [ | ||
| 155 | { required: true, message: '权利人类型', trigger: 'change' } | ||
| 156 | ], | ||
| 157 | sqrmc: [ | ||
| 158 | { required: true, message: '姓名/名称', trigger: 'blur' } | ||
| 159 | ], | ||
| 160 | zjzl: [ | ||
| 161 | { required: true, message: '证件种类', trigger: 'change' } | ||
| 162 | ], | ||
| 163 | zjh: [ | ||
| 164 | { required: true, message: '证件号', trigger: 'blur' } | ||
| 165 | ] | ||
| 166 | } | ||
| 161 | } | 167 | } |
| 162 | } | ||
| 163 | }, | ||
| 164 | watch: { | ||
| 165 | value (val) { | ||
| 166 | this.myValue = _.cloneDeep(val) | ||
| 167 | }, | 168 | }, |
| 168 | details: { | 169 | watch: { |
| 169 | handler: function (val, oldVal) { | 170 | value (val) { |
| 170 | this.ruleForm = val | 171 | this.myValue = _.cloneDeep(val) |
| 171 | }, | 172 | }, |
| 172 | deep: true | 173 | details: { |
| 173 | } | 174 | handler: function (val, oldVal) { |
| 174 | }, | 175 | this.ruleForm = val |
| 175 | methods: { | 176 | }, |
| 176 | closeDialog () { | 177 | deep: true |
| 177 | this.$emit("input", false); | 178 | } |
| 178 | this.$refs['ruleForm'].resetFields(); | ||
| 179 | }, | 179 | }, |
| 180 | submitForm () { | 180 | methods: { |
| 181 | this.$emit("input", false); | 181 | closeDialog () { |
| 182 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | 182 | this.$emit("input", false); |
| 183 | // this.$refs['ruleForm'].validate((valid) => { | 183 | this.$refs['ruleForm'].resetFields(); |
| 184 | // if (valid) { | 184 | }, |
| 185 | // this.$message({ | 185 | submitForm () { |
| 186 | // message: '修改成功!', | 186 | this.$emit("input", false); |
| 187 | // type: 'success' | 187 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); |
| 188 | // }) | 188 | // this.$refs['ruleForm'].validate((valid) => { |
| 189 | // if (valid) { | ||
| 190 | // this.$message({ | ||
| 191 | // message: '修改成功!', | ||
| 192 | // type: 'success' | ||
| 193 | // }) | ||
| 189 | 194 | ||
| 190 | // } else { | 195 | // } else { |
| 191 | // this.$message.error('请完善必填项'); | 196 | // this.$message.error('请完善必填项'); |
| 192 | // } | 197 | // } |
| 193 | // }) | 198 | // }) |
| 199 | } | ||
| 194 | } | 200 | } |
| 195 | } | 201 | } |
| 196 | } | ||
| 197 | </script> | 202 | </script> |
| 198 | <style scoped lang="scss"> | 203 | <style scoped lang="scss"> |
| 199 | .submit-button { | 204 | .submit-button { |
| 200 | text-align: center; | 205 | text-align: center; |
| 201 | height: 52px; | 206 | height: 52px; |
| 202 | padding-top: 10px; | 207 | padding-top: 10px; |
| 203 | background-color: #fff; | 208 | background-color: #fff; |
| 204 | } | 209 | } |
| 205 | </style> | 210 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:48 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> | 7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> |
| 3 | </lb-table> | 8 | </lb-table> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:39:47 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | 7 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" |
| 3 | @closeDialog="closeDialog" :isButton="showButton"> | 8 | @closeDialog="closeDialog" :isButton="showButton"> |
| ... | @@ -138,83 +143,83 @@ | ... | @@ -138,83 +143,83 @@ |
| 138 | </dialogBox> | 143 | </dialogBox> |
| 139 | </template> | 144 | </template> |
| 140 | <script> | 145 | <script> |
| 141 | import { mapGetters } from "vuex"; | 146 | import { mapGetters } from "vuex"; |
| 142 | export default { | 147 | export default { |
| 143 | props: { | 148 | props: { |
| 144 | value: { type: Boolean, default: false }, | 149 | value: { type: Boolean, default: false }, |
| 145 | details: { type: Object, default: {} }, | 150 | details: { type: Object, default: {} }, |
| 146 | showButton: {type: Boolean, default: false} | 151 | showButton: { type: Boolean, default: false } |
| 147 | }, | 152 | }, |
| 148 | computed: { | 153 | computed: { |
| 149 | ...mapGetters(["dictData"]), | 154 | ...mapGetters(["dictData"]), |
| 150 | }, | 155 | }, |
| 151 | data () { | 156 | data () { |
| 152 | return { | 157 | return { |
| 153 | myValue: this.value, | 158 | myValue: this.value, |
| 154 | ruleForm: { | 159 | ruleForm: { |
| 155 | sqrlx: "", | 160 | sqrlx: "", |
| 156 | sqrmc: "", | 161 | sqrmc: "", |
| 157 | zjzl: "", | 162 | zjzl: "", |
| 158 | zjh: "", | 163 | zjh: "", |
| 159 | dh: "", | 164 | dh: "", |
| 160 | xb: "", | 165 | xb: "", |
| 161 | frmc: "", | 166 | frmc: "", |
| 162 | gjdq: "", | 167 | gjdq: "", |
| 163 | szss: "", | 168 | szss: "", |
| 164 | txdz: "", | 169 | txdz: "", |
| 165 | yb: "", | 170 | yb: "", |
| 166 | fzjg: "", | 171 | fzjg: "", |
| 167 | dzyj: "", | 172 | dzyj: "", |
| 168 | qlbl: "", | 173 | qlbl: "", |
| 169 | gzdw: "", | 174 | gzdw: "", |
| 170 | dljg: "", | 175 | dljg: "", |
| 171 | dlrxm: "", | 176 | dlrxm: "", |
| 172 | dlrzjlx: "", | 177 | dlrzjlx: "", |
| 173 | dlrzjh: "", | 178 | dlrzjh: "", |
| 179 | }, | ||
| 180 | rules: { | ||
| 181 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ||
| 182 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
| 183 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
| 184 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
| 185 | }, | ||
| 186 | }; | ||
| 187 | }, | ||
| 188 | watch: { | ||
| 189 | value (val) { | ||
| 190 | this.myValue = _.cloneDeep(val); | ||
| 174 | }, | 191 | }, |
| 175 | rules: { | 192 | details: { |
| 176 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | 193 | handler: function (val, oldVal) { |
| 177 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | 194 | this.ruleForm = val; |
| 178 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | 195 | }, |
| 179 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | 196 | deep: true, |
| 180 | }, | 197 | }, |
| 181 | }; | ||
| 182 | }, | ||
| 183 | watch: { | ||
| 184 | value (val) { | ||
| 185 | this.myValue = _.cloneDeep(val); | ||
| 186 | }, | 198 | }, |
| 187 | details: { | 199 | methods: { |
| 188 | handler: function (val, oldVal) { | 200 | closeDialog () { |
| 189 | this.ruleForm = val; | 201 | this.$emit("input", false); |
| 202 | this.$refs["ruleForm"].resetFields(); | ||
| 203 | }, | ||
| 204 | submitForm () { | ||
| 205 | this.$refs.ruleForm.validate((valid) => { | ||
| 206 | if (valid) { | ||
| 207 | this.$emit("input", false); | ||
| 208 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 209 | } else { | ||
| 210 | return false; | ||
| 211 | } | ||
| 212 | }); | ||
| 190 | }, | 213 | }, |
| 191 | deep: true, | ||
| 192 | }, | ||
| 193 | }, | ||
| 194 | methods: { | ||
| 195 | closeDialog () { | ||
| 196 | this.$emit("input", false); | ||
| 197 | this.$refs["ruleForm"].resetFields(); | ||
| 198 | }, | ||
| 199 | submitForm () { | ||
| 200 | this.$refs.ruleForm.validate((valid) => { | ||
| 201 | if (valid) { | ||
| 202 | this.$emit("input", false); | ||
| 203 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 204 | } else { | ||
| 205 | return false; | ||
| 206 | } | ||
| 207 | }); | ||
| 208 | }, | 214 | }, |
| 209 | }, | 215 | }; |
| 210 | }; | ||
| 211 | </script> | 216 | </script> |
| 212 | <style scoped lang="scss"> | 217 | <style scoped lang="scss"> |
| 213 | @import "~@/styles/dialogBoxheader.scss"; | 218 | @import "~@/styles/dialogBoxheader.scss"; |
| 214 | .submit-button { | 219 | .submit-button { |
| 215 | text-align: center; | 220 | text-align: center; |
| 216 | height: 52px; | 221 | height: 52px; |
| 217 | padding-top: 10px; | 222 | padding-top: 10px; |
| 218 | background-color: #fff; | 223 | background-color: #fff; |
| 219 | } | 224 | } |
| 220 | </style> | 225 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:02 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div> | 7 | <div> |
| 3 | <el-button type="primary" native-type="submit" @click="openDialog">新增常用</el-button> | 8 | <el-button type="primary" native-type="submit" @click="openDialog">新增常用</el-button> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:19 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> |
| 3 | <el-row> | 8 | <el-row> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:23 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px"> |
| 3 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
| ... | @@ -11,147 +16,147 @@ | ... | @@ -11,147 +16,147 @@ |
| 11 | </template> | 16 | </template> |
| 12 | 17 | ||
| 13 | <script> | 18 | <script> |
| 14 | import { datas } from "../../javascript/zsyl.js"; | 19 | import { datas } from "../../javascript/zsyl.js"; |
| 15 | import { getSlsqBdcqzList, bdcqzPreview } from "@/api/bdcqz.js" | 20 | import { getSlsqBdcqzList, bdcqzPreview } from "@/api/bdcqz.js" |
| 16 | export default { | 21 | export default { |
| 17 | name: "zsyl", | 22 | name: "zsyl", |
| 18 | components: { | 23 | components: { |
| 19 | }, | ||
| 20 | props: { | ||
| 21 | formData: { | ||
| 22 | type: Object, | ||
| 23 | default: {} | ||
| 24 | } | ||
| 25 | }, | ||
| 26 | data () { | ||
| 27 | return { | ||
| 28 | loading: false, | ||
| 29 | //印刷序列号集合 | ||
| 30 | ysxlh: [], | ||
| 31 | //列名称对象 | ||
| 32 | columns: [], | ||
| 33 | //选择的不动产权证文件 | ||
| 34 | bdcqz: '', | ||
| 35 | //证书打开类型 是否需要展示打印按钮 | ||
| 36 | isToPrint: false, | ||
| 37 | //tab切换栏数组 | ||
| 38 | headTabBdcqz: [], | ||
| 39 | //tab选择绑定值 | ||
| 40 | activeName: '', | ||
| 41 | //证书图片预览 | ||
| 42 | previewImage: '', | ||
| 43 | ruleForm: { | ||
| 44 | bsmBdcqz: '', | ||
| 45 | szmc: '不动产权证书', | ||
| 46 | bdcqzlx: '', | ||
| 47 | szzh: '', | ||
| 48 | ysxlh: '', | ||
| 49 | }, | ||
| 50 | } | ||
| 51 | }, | ||
| 52 | mounted () { | ||
| 53 | this.columns = datas.columns(); | ||
| 54 | if (this.formData.bdcqz) { | ||
| 55 | //从缮证进入 | ||
| 56 | this.bdcqz = this.formData.bdcqz | ||
| 57 | } else { | ||
| 58 | //从按钮进入 | ||
| 59 | this.getHeadTabBdcqz(); | ||
| 60 | } | ||
| 61 | }, | ||
| 62 | methods: { | ||
| 63 | //获取证书内容 | ||
| 64 | getRowValue (code) { | ||
| 65 | var value = this.bdcqz[code]; | ||
| 66 | return value; | ||
| 67 | }, | 24 | }, |
| 68 | //获取受理申请下全部不动产权证 | 25 | props: { |
| 69 | getHeadTabBdcqz () { | 26 | formData: { |
| 70 | this.loading = true | 27 | type: Object, |
| 71 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | 28 | default: {} |
| 72 | if (res.code == 200) { | 29 | } |
| 73 | if (res.result && res.result.length > 0) { | ||
| 74 | this.activeName = res.result[0].bsmBdcqz | ||
| 75 | this.bdcqz = res.result[0] | ||
| 76 | this.headTabBdcqz = res.result | ||
| 77 | this.getBdcqzPreview(); | ||
| 78 | } else { | ||
| 79 | this.loading = false | ||
| 80 | } | ||
| 81 | } | ||
| 82 | |||
| 83 | }) | ||
| 84 | }, | 30 | }, |
| 85 | //tab表头切换方法 | 31 | data () { |
| 86 | handleClick (e) { | 32 | return { |
| 87 | this.bdcqz = this.headTabBdcqz[e.index - 0] | 33 | loading: false, |
| 88 | this.activeName = this.headTabBdcqz.bsmBdcqz | 34 | //印刷序列号集合 |
| 89 | this.getBdcqzPreview(); | 35 | ysxlh: [], |
| 36 | //列名称对象 | ||
| 37 | columns: [], | ||
| 38 | //选择的不动产权证文件 | ||
| 39 | bdcqz: '', | ||
| 40 | //证书打开类型 是否需要展示打印按钮 | ||
| 41 | isToPrint: false, | ||
| 42 | //tab切换栏数组 | ||
| 43 | headTabBdcqz: [], | ||
| 44 | //tab选择绑定值 | ||
| 45 | activeName: '', | ||
| 46 | //证书图片预览 | ||
| 47 | previewImage: '', | ||
| 48 | ruleForm: { | ||
| 49 | bsmBdcqz: '', | ||
| 50 | szmc: '不动产权证书', | ||
| 51 | bdcqzlx: '', | ||
| 52 | szzh: '', | ||
| 53 | ysxlh: '', | ||
| 54 | }, | ||
| 55 | } | ||
| 90 | }, | 56 | }, |
| 91 | getBdcqzPreview () { | 57 | mounted () { |
| 92 | bdcqzPreview(this.bdcqz).then(res => { | 58 | this.columns = datas.columns(); |
| 93 | this.loading = false | 59 | if (this.formData.bdcqz) { |
| 94 | let blob = new Blob([res]); | 60 | //从缮证进入 |
| 95 | let url = window.URL.createObjectURL(blob); | 61 | this.bdcqz = this.formData.bdcqz |
| 96 | this.previewImage = url; | 62 | } else { |
| 97 | }) | 63 | //从按钮进入 |
| 64 | this.getHeadTabBdcqz(); | ||
| 65 | } | ||
| 98 | }, | 66 | }, |
| 67 | methods: { | ||
| 68 | //获取证书内容 | ||
| 69 | getRowValue (code) { | ||
| 70 | var value = this.bdcqz[code]; | ||
| 71 | return value; | ||
| 72 | }, | ||
| 73 | //获取受理申请下全部不动产权证 | ||
| 74 | getHeadTabBdcqz () { | ||
| 75 | this.loading = true | ||
| 76 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | ||
| 77 | if (res.code == 200) { | ||
| 78 | if (res.result && res.result.length > 0) { | ||
| 79 | this.activeName = res.result[0].bsmBdcqz | ||
| 80 | this.bdcqz = res.result[0] | ||
| 81 | this.headTabBdcqz = res.result | ||
| 82 | this.getBdcqzPreview(); | ||
| 83 | } else { | ||
| 84 | this.loading = false | ||
| 85 | } | ||
| 86 | } | ||
| 87 | |||
| 88 | }) | ||
| 89 | }, | ||
| 90 | //tab表头切换方法 | ||
| 91 | handleClick (e) { | ||
| 92 | this.bdcqz = this.headTabBdcqz[e.index - 0] | ||
| 93 | this.activeName = this.headTabBdcqz.bsmBdcqz | ||
| 94 | this.getBdcqzPreview(); | ||
| 95 | }, | ||
| 96 | getBdcqzPreview () { | ||
| 97 | bdcqzPreview(this.bdcqz).then(res => { | ||
| 98 | this.loading = false | ||
| 99 | let blob = new Blob([res]); | ||
| 100 | let url = window.URL.createObjectURL(blob); | ||
| 101 | this.previewImage = url; | ||
| 102 | }) | ||
| 103 | }, | ||
| 104 | } | ||
| 99 | } | 105 | } |
| 100 | } | ||
| 101 | </script> | 106 | </script> |
| 102 | <style scoped lang="scss"> | 107 | <style scoped lang="scss"> |
| 103 | @import "~@/styles/mixin.scss"; | 108 | @import "~@/styles/mixin.scss"; |
| 104 | 109 | ||
| 105 | .imgClass { | 110 | .imgClass { |
| 106 | display: inline-block; | 111 | display: inline-block; |
| 107 | height: auto; | 112 | height: auto; |
| 108 | max-width: 100%; | 113 | max-width: 100%; |
| 109 | } | 114 | } |
| 110 | 115 | ||
| 111 | .middle_padding { | 116 | .middle_padding { |
| 112 | padding-bottom: 10px; | 117 | padding-bottom: 10px; |
| 113 | } | 118 | } |
| 114 | 119 | ||
| 115 | .zsyl-button { | 120 | .zsyl-button { |
| 116 | text-align: center; | 121 | text-align: center; |
| 117 | margin-top: 20px; | 122 | margin-top: 20px; |
| 118 | 123 | ||
| 119 | .operation_button { | 124 | .operation_button { |
| 120 | width: 100px; | 125 | width: 100px; |
| 121 | border: 1px solid rgb(0, 121, 254); | 126 | border: 1px solid rgb(0, 121, 254); |
| 122 | } | 127 | } |
| 123 | 128 | ||
| 124 | .dy-button { | 129 | .dy-button { |
| 125 | color: white; | 130 | color: white; |
| 126 | background-color: rgb(0, 121, 254); | 131 | background-color: rgb(0, 121, 254); |
| 132 | } | ||
| 127 | } | 133 | } |
| 128 | } | ||
| 129 | 134 | ||
| 130 | .table-column { | 135 | .table-column { |
| 131 | border-spacing: 1px; | 136 | border-spacing: 1px; |
| 132 | width: 100%; | 137 | width: 100%; |
| 133 | 138 | ||
| 134 | tr td { | 139 | tr td { |
| 135 | border: 1px solid #ccc; | 140 | border: 1px solid #ccc; |
| 136 | text-align: center; | 141 | text-align: center; |
| 137 | height: 40px; | 142 | height: 40px; |
| 138 | padding: 4px; | 143 | padding: 4px; |
| 139 | font-size: 13px; | 144 | font-size: 13px; |
| 140 | background: rgb(251, 249, 229); | 145 | background: rgb(251, 249, 229); |
| 146 | } | ||
| 141 | } | 147 | } |
| 142 | } | ||
| 143 | 148 | ||
| 144 | .zsyl-title { | 149 | .zsyl-title { |
| 145 | background: #FAFBE5; | 150 | background: #fafbe5; |
| 146 | text-align: center; | 151 | text-align: center; |
| 147 | padding: 5px 0px; | 152 | padding: 5px 0px; |
| 148 | font-size: 20px; | 153 | font-size: 20px; |
| 149 | } | 154 | } |
| 150 | 155 | ||
| 151 | .no-data { | 156 | .no-data { |
| 152 | font-size: 18px; | 157 | font-size: 18px; |
| 153 | display: flex; | 158 | display: flex; |
| 154 | text-align: center; | 159 | text-align: center; |
| 155 | justify-content: center; | 160 | justify-content: center; |
| 156 | } | 161 | } |
| 157 | </style> | 162 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | 功能：流程图 | 2 | * @Description: 功能：流程图 |
| 3 | 作者：calliope | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:40:57 | ||
| 4 | --> | 5 | --> |
| 5 | <template> | 6 | <template> |
| 6 | <div class='flowChart'> | 7 | <div class='flowChart'> |
| ... | @@ -9,19 +10,19 @@ | ... | @@ -9,19 +10,19 @@ |
| 9 | </template> | 10 | </template> |
| 10 | <script> | 11 | <script> |
| 11 | 12 | ||
| 12 | export default { | 13 | export default { |
| 13 | props: { | 14 | props: { |
| 14 | formData: { | 15 | formData: { |
| 15 | type: String, | 16 | type: String, |
| 16 | default: '' | 17 | default: '' |
| 18 | } | ||
| 17 | } | 19 | } |
| 18 | } | 20 | } |
| 19 | } | ||
| 20 | </script> | 21 | </script> |
| 21 | <style scoped lang="scss"> | 22 | <style scoped lang="scss"> |
| 22 | @import "~@/styles/mixin.scss"; | 23 | @import "~@/styles/mixin.scss"; |
| 23 | 24 | ||
| 24 | .flowChart { | 25 | .flowChart { |
| 25 | margin: 20px 0; | 26 | margin: 20px 0; |
| 26 | } | 27 | } |
| 27 | </style> | 28 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:20 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div> | 7 | <div> |
| 3 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:35 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> | 7 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> |
| 3 | </lb-table> | 8 | </lb-table> |
| 4 | </template> | 9 | </template> |
| 5 | <script> | 10 | <script> |
| 6 | import addQlr from './dialog/addQlr.vue' | 11 | import addQlr from './dialog/addQlr.vue' |
| 7 | import { mapGetters } from 'vuex' | 12 | import { mapGetters } from 'vuex' |
| 8 | export default { | 13 | export default { |
| 9 | components: { | 14 | components: { |
| 10 | addQlr | 15 | addQlr |
| 11 | }, | 16 | }, |
| 12 | computed: { | 17 | computed: { |
| 13 | ...mapGetters(["dictData"]), | 18 | ...mapGetters(["dictData"]), |
| 14 | }, | 19 | }, |
| 15 | props: { | 20 | props: { |
| 16 | tableData: { | 21 | tableData: { |
| 17 | type: Array, | 22 | type: Array, |
| 18 | default: function () { | 23 | default: function () { |
| 19 | return [] | 24 | return [] |
| 25 | } | ||
| 26 | }, | ||
| 27 | gyfs: { | ||
| 28 | type: String, | ||
| 29 | default: '1' | ||
| 20 | } | 30 | } |
| 21 | }, | 31 | }, |
| 22 | gyfs: { | 32 | data () { |
| 23 | type: String, | 33 | return { |
| 24 | default: '1' | 34 | key: 0, |
| 25 | } | 35 | dataIndex: 0, |
| 26 | }, | 36 | dialog: false, |
| 27 | data () { | 37 | details: {}, |
| 28 | return { | 38 | tableDataList: [], |
| 29 | key: 0, | 39 | qlrCommonTable: [ |
| 30 | dataIndex: 0, | 40 | { |
| 31 | dialog: false, | 41 | width: '50', |
| 32 | details: {}, | 42 | renderHeader: (h, scope) => { |
| 33 | tableDataList: [], | 43 | return <div> { |
| 34 | qlrCommonTable: [ | 44 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> |
| 35 | { | 45 | } |
| 36 | width: '50', | 46 | </div> |
| 37 | renderHeader: (h, scope) => { | 47 | }, |
| 38 | return <div> { | 48 | render: (h, scope) => { |
| 39 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> | 49 | return ( |
| 50 | <div> | ||
| 51 | { | ||
| 52 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | ||
| 53 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | ||
| 54 | } | ||
| 55 | </div> | ||
| 56 | ) | ||
| 40 | } | 57 | } |
| 41 | </div> | ||
| 42 | }, | 58 | }, |
| 43 | render: (h, scope) => { | 59 | { |
| 44 | return ( | 60 | prop: "sqrmc", |
| 45 | <div> | 61 | label: "姓名/名称" |
| 46 | { | 62 | }, |
| 47 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 63 | { |
| 48 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | 64 | prop: "zjzl", |
| 49 | } | 65 | label: "证件种类" |
| 50 | </div> | 66 | }, |
| 51 | ) | 67 | { |
| 68 | prop: "zjh", | ||
| 69 | label: "证件号" | ||
| 70 | }, | ||
| 71 | { | ||
| 72 | prop: "dh", | ||
| 73 | label: "联系电话" | ||
| 74 | }, | ||
| 75 | { | ||
| 76 | prop: "frmc", | ||
| 77 | label: "法人" | ||
| 78 | }, | ||
| 79 | { | ||
| 80 | label: '操作', | ||
| 81 | render: (h, scope) => { | ||
| 82 | return ( | ||
| 83 | <div> | ||
| 84 | { | ||
| 85 | <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button> | ||
| 86 | } | ||
| 87 | </div> | ||
| 88 | ) | ||
| 89 | } | ||
| 52 | } | 90 | } |
| 53 | }, | 91 | ], |
| 54 | { | 92 | column: this.qlrCommonTable |
| 55 | prop: "sqrmc", | 93 | } |
| 56 | label: "姓名/名称" | 94 | }, |
| 57 | }, | 95 | watch: { |
| 58 | { | 96 | tableData: { |
| 59 | prop: "zjzl", | 97 | handler: function (val, oldVal) { |
| 60 | label: "证件种类" | 98 | let that = this |
| 61 | }, | 99 | if (val.length == 0 || !val) { |
| 62 | { | 100 | that.tableDataList = _.cloneDeep([{ |
| 63 | prop: "zjh", | 101 | sqrmc: '', |
| 64 | label: "证件号" | 102 | dlrzjlx: '', |
| 65 | }, | 103 | dlrzjh: '', |
| 66 | { | 104 | fr: '' |
| 67 | prop: "dh", | 105 | }]) |
| 68 | label: "联系电话" | 106 | } else { |
| 69 | }, | 107 | that.tableDataList = _.cloneDeep(val) |
| 70 | { | ||
| 71 | prop: "frmc", | ||
| 72 | label: "法人" | ||
| 73 | }, | ||
| 74 | { | ||
| 75 | label: '操作', | ||
| 76 | render: (h, scope) => { | ||
| 77 | return ( | ||
| 78 | <div> | ||
| 79 | { | ||
| 80 | <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button> | ||
| 81 | } | ||
| 82 | </div> | ||
| 83 | ) | ||
| 84 | } | 108 | } |
| 85 | } | 109 | }, |
| 86 | ], | 110 | immediate: true, |
| 87 | column: this.qlrCommonTable | 111 | deep: true |
| 88 | } | ||
| 89 | }, | ||
| 90 | watch: { | ||
| 91 | tableData: { | ||
| 92 | handler: function (val, oldVal) { | ||
| 93 | let that = this | ||
| 94 | if (val.length == 0 || !val) { | ||
| 95 | that.tableDataList = _.cloneDeep([{ | ||
| 96 | sqrmc: '', | ||
| 97 | dlrzjlx: '', | ||
| 98 | dlrzjh: '', | ||
| 99 | fr: '' | ||
| 100 | }]) | ||
| 101 | } else { | ||
| 102 | that.tableDataList = _.cloneDeep(val) | ||
| 103 | } | ||
| 104 | }, | 112 | }, |
| 105 | immediate: true, | 113 | gyfs: { |
| 106 | deep: true | 114 | handler (newVal, oldValue) { |
| 115 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 116 | if (newVal == '1') { | ||
| 117 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 118 | } else if ((newVal == '2')) { | ||
| 119 | this.column = dataList | ||
| 120 | } else { | ||
| 121 | this.column = _.cloneDeep(dataList) | ||
| 122 | this.column.splice( | ||
| 123 | 2, 0, { | ||
| 124 | prop: "fs", | ||
| 125 | label: "份数" | ||
| 126 | }) | ||
| 127 | } | ||
| 128 | }, | ||
| 129 | immediate: true | ||
| 130 | } | ||
| 107 | }, | 131 | }, |
| 108 | gyfs: { | 132 | methods: { |
| 109 | handler (newVal, oldValue) { | 133 | updateDetail (value) { |
| 110 | let dataList = _.cloneDeep(this.qlrCommonTable) | 134 | this.tableDataList[this.dataIndex] = value |
| 111 | if (newVal == '1') { | 135 | this.key++ |
| 112 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 136 | this.$emit('upDateQlrxxList', this.tableDataList) |
| 113 | } else if ((newVal == '2')) { | ||
| 114 | this.column = dataList | ||
| 115 | } else { | ||
| 116 | this.column = _.cloneDeep(dataList) | ||
| 117 | this.column.splice( | ||
| 118 | 2, 0, { | ||
| 119 | prop: "fs", | ||
| 120 | label: "份数" | ||
| 121 | }) | ||
| 122 | } | ||
| 123 | }, | 137 | }, |
| 124 | immediate: true | 138 | // 添加 |
| 125 | } | 139 | handleAdd () { |
| 126 | }, | 140 | this.dialog = true |
| 127 | methods: { | 141 | }, |
| 128 | updateDetail (value) { | 142 | // 减 |
| 129 | this.tableDataList[this.dataIndex] = value | 143 | handleMinus (index, row) { |
| 130 | this.key++ | 144 | this.tableData.splice(index, 1) |
| 131 | this.$emit('upDateQlrxxList', this.tableDataList) | 145 | }, |
| 132 | }, | 146 | // 身份证读取 |
| 133 | // 添加 | 147 | readClick () { }, |
| 134 | handleAdd () { | 148 | // 修改 |
| 135 | this.dialog = true | 149 | handleEdit (index, row) { |
| 136 | }, | 150 | console.log(row, 'rowrowrowrowrow'); |
| 137 | // 减 | 151 | this.dataIndex = index |
| 138 | handleMinus (index, row) { | 152 | this.dialog = true |
| 139 | this.tableData.splice(index, 1) | 153 | this.details = row |
| 140 | }, | 154 | }, |
| 141 | // 身份证读取 | 155 | handleView () { |
| 142 | readClick () { }, | 156 | this.dialog = true |
| 143 | // 修改 | 157 | } |
| 144 | handleEdit (index, row) { | ||
| 145 | console.log(row, 'rowrowrowrowrow'); | ||
| 146 | this.dataIndex = index | ||
| 147 | this.dialog = true | ||
| 148 | this.details = row | ||
| 149 | }, | ||
| 150 | handleView () { | ||
| 151 | this.dialog = true | ||
| 152 | } | 158 | } |
| 153 | } | 159 | } |
| 154 | } | ||
| 155 | </script> | 160 | </script> |
| 156 | <style scoped lang='scss'> | 161 | <style scoped lang='scss'> |
| 157 | |||
| 158 | </style> | 162 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:45 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 3 | <div class="invalid-title"> | 8 | <div class="invalid-title"> |
| ... | @@ -9,77 +14,74 @@ | ... | @@ -9,77 +14,74 @@ |
| 9 | v-model="stopMessage" | 14 | v-model="stopMessage" |
| 10 | placeholder="请输入终止原因" | 15 | placeholder="请输入终止原因" |
| 11 | type="textarea" | 16 | type="textarea" |
| 12 | :rows="4" | 17 | :rows="4"></el-input> |
| 13 | ></el-input> | ||
| 14 | <el-button style="float: right">取消</el-button> | 18 | <el-button style="float: right">取消</el-button> |
| 15 | <el-button type="primary" @click="onSubmit" style="float: right" | 19 | <el-button type="primary" @click="onSubmit" style="float: right">退件</el-button> |
| 16 | >退件</el-button | ||
| 17 | > | ||
| 18 | </div> | 20 | </div> |
| 19 | </template> | 21 | </template> |
| 20 | 22 | ||
| 21 | <script> | 23 | <script> |
| 22 | import { stopTask } from "@/api/fqsq.js"; | 24 | import { stopTask } from "@/api/fqsq.js"; |
| 23 | export default { | 25 | export default { |
| 24 | props: { | 26 | props: { |
| 25 | formData: { | 27 | formData: { |
| 26 | type: Object, | 28 | type: Object, |
| 27 | default: {}, | 29 | default: {}, |
| 30 | }, | ||
| 28 | }, | 31 | }, |
| 29 | }, | 32 | data () { |
| 30 | data() { | 33 | return { |
| 31 | return { | 34 | stopMessage: "", |
| 32 | stopMessage: "", | 35 | }; |
| 33 | }; | ||
| 34 | }, | ||
| 35 | methods: { | ||
| 36 | onSubmit() { | ||
| 37 | stopTask({ | ||
| 38 | bsmSlsq: this.formData.bsmSlsq, | ||
| 39 | bestepid: this.formData.bestepid, | ||
| 40 | stopMessage: this.stopMessage, | ||
| 41 | }).then((res) => { | ||
| 42 | this.$message.success("终止成功"); | ||
| 43 | setTimeout(() => { | ||
| 44 | // window.opener.location.reload(); //刷新父窗口 | ||
| 45 | if (window.opener && window.opener.getBpageList) { | ||
| 46 | window.opener.getBpageList(); | ||
| 47 | } else { | ||
| 48 | window.opener.frames[0].getBpageList(); | ||
| 49 | } | ||
| 50 | window.close(); | ||
| 51 | this.$emit("input", false); | ||
| 52 | }, 1000); | ||
| 53 | }); | ||
| 54 | }, | 36 | }, |
| 55 | }, | 37 | methods: { |
| 56 | }; | 38 | onSubmit () { |
| 39 | stopTask({ | ||
| 40 | bsmSlsq: this.formData.bsmSlsq, | ||
| 41 | bestepid: this.formData.bestepid, | ||
| 42 | stopMessage: this.stopMessage, | ||
| 43 | }).then((res) => { | ||
| 44 | this.$message.success("终止成功"); | ||
| 45 | setTimeout(() => { | ||
| 46 | // window.opener.location.reload(); //刷新父窗口 | ||
| 47 | if (window.opener && window.opener.getBpageList) { | ||
| 48 | window.opener.getBpageList(); | ||
| 49 | } else { | ||
| 50 | window.opener.frames[0].getBpageList(); | ||
| 51 | } | ||
| 52 | window.close(); | ||
| 53 | this.$emit("input", false); | ||
| 54 | }, 1000); | ||
| 55 | }); | ||
| 56 | }, | ||
| 57 | }, | ||
| 58 | }; | ||
| 57 | </script> | 59 | </script> |
| 58 | <style scoped lang="scss"> | 60 | <style scoped lang="scss"> |
| 59 | @import "~@/styles/mixin.scss"; | 61 | @import "~@/styles/mixin.scss"; |
| 60 | .invalid-title { | 62 | .invalid-title { |
| 61 | display: flex; | 63 | display: flex; |
| 62 | align-content: center; | 64 | align-content: center; |
| 65 | |||
| 66 | .invalid-icon { | ||
| 67 | color: rgb(254, 148, 0); | ||
| 68 | font-size: 34px; | ||
| 69 | margin-right: 10px; | ||
| 70 | } | ||
| 63 | 71 | ||
| 64 | .invalid-icon { | 72 | .invalid-body { |
| 65 | color: rgb(254, 148, 0); | 73 | line-height: 40px; |
| 66 | font-size: 34px; | 74 | margin-bottom: 10px; |
| 67 | margin-right: 10px; | 75 | } |
| 68 | } | 76 | } |
| 69 | 77 | ||
| 70 | .invalid-body { | 78 | .invalid-reson { |
| 71 | line-height: 40px; | ||
| 72 | margin-bottom: 10px; | 79 | margin-bottom: 10px; |
| 73 | } | 80 | } |
| 74 | } | ||
| 75 | 81 | ||
| 76 | .invalid-reson { | 82 | .dialog-footer { |
| 77 | margin-bottom: 10px; | 83 | margin-top: 10px; |
| 78 | } | 84 | display: flex; |
| 79 | 85 | justify-content: flex-end; | |
| 80 | .dialog-footer { | 86 | } |
| 81 | margin-top: 10px; | ||
| 82 | display: flex; | ||
| 83 | justify-content: flex-end; | ||
| 84 | } | ||
| 85 | </style> | 87 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:49 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="szxx"> | 7 | <div class="szxx"> |
| 3 | <el-card class="box-card" v-for="(item, index) in tableData" :key="index"> | 8 | <el-card class="box-card" v-for="(item, index) in tableData" :key="index"> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:57 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 3 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
| ... | @@ -9,14 +14,12 @@ | ... | @@ -9,14 +14,12 @@ |
| 9 | v-for="(item, index) in dataList" | 14 | v-for="(item, index) in dataList" |
| 10 | class="listDetail" | 15 | class="listDetail" |
| 11 | :key="index" | 16 | :key="index" |
| 12 | @click="changeSelectItem(item)" | 17 | @click="changeSelectItem(item)"> |
| 13 | > | ||
| 14 | <p class="icon"> | 18 | <p class="icon"> |
| 15 | <el-radio | 19 | <el-radio |
| 16 | v-model="selectActivity" | 20 | v-model="selectActivity" |
| 17 | :label="item.activityId" | 21 | :label="item.activityId" |
| 18 | @change="changeSelectItem(item)" | 22 | @change="changeSelectItem(item)"></el-radio> |
| 19 | ></el-radio> | ||
| 20 | </p> | 23 | </p> |
| 21 | <p>{{ item.activityName }}</p> | 24 | <p>{{ item.activityName }}</p> |
| 22 | <p v-for="(child, childIndex) in item.userInfos" :key="childIndex"> | 25 | <p v-for="(child, childIndex) in item.userInfos" :key="childIndex"> |
| ... | @@ -30,8 +33,7 @@ | ... | @@ -30,8 +33,7 @@ |
| 30 | class="textArea" | 33 | class="textArea" |
| 31 | type="textarea" | 34 | type="textarea" |
| 32 | v-model="outstepopinion" | 35 | v-model="outstepopinion" |
| 33 | placeholder="请输入退回意见" | 36 | placeholder="请输入退回意见"></el-input> |
| 34 | ></el-input> | ||
| 35 | </el-form-item> | 37 | </el-form-item> |
| 36 | <el-form-item> | 38 | <el-form-item> |
| 37 | <el-button style="float:right" @click="cancelBack">取消</el-button> | 39 | <el-button style="float:right" @click="cancelBack">取消</el-button> |
| ... | @@ -44,104 +46,104 @@ | ... | @@ -44,104 +46,104 @@ |
| 44 | 46 | ||
| 45 | <script> | 47 | <script> |
| 46 | 48 | ||
| 47 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" | 49 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" |
| 48 | import { popupCacel } from "@/utils/popup.js"; | 50 | import { popupCacel } from "@/utils/popup.js"; |
| 49 | 51 | ||
| 50 | export default { | 52 | export default { |
| 51 | props: { | 53 | props: { |
| 52 | formData: { | 54 | formData: { |
| 53 | type: Object, | 55 | type: Object, |
| 54 | default: {}, | 56 | default: {}, |
| 57 | }, | ||
| 55 | }, | 58 | }, |
| 56 | }, | 59 | data () { |
| 57 | data() { | 60 | return { |
| 58 | return { | 61 | selectActivity: "", |
| 59 | selectActivity: "", | 62 | dataList: [], |
| 60 | dataList: [], | 63 | outstepopinion: "", |
| 61 | outstepopinion: "", | 64 | selectItem: {}, |
| 62 | selectItem: {}, | 65 | }; |
| 63 | }; | ||
| 64 | }, | ||
| 65 | created() { | ||
| 66 | this.getBackNode(); | ||
| 67 | }, | ||
| 68 | methods: { | ||
| 69 | onSubmit() { | ||
| 70 | this.selectItem.outstepopinion = this.outstepopinion; | ||
| 71 | sendBackTask({ | ||
| 72 | bsmSlsq: this.formData.bsmSlsq, | ||
| 73 | backNodeList: [this.selectItem], | ||
| 74 | }).then((res) => { | ||
| 75 | this.$message.success("退回成功"); | ||
| 76 | setTimeout(() => { | ||
| 77 | // window.opener.location.reload(); //刷新父窗口 | ||
| 78 | if (window.opener && window.opener.getBpageList) { | ||
| 79 | window.opener.getBpageList(); | ||
| 80 | } else { | ||
| 81 | window.opener.frames[0].getBpageList(); | ||
| 82 | } | ||
| 83 | window.close(); | ||
| 84 | this.$emit("input", false); | ||
| 85 | }, 1000); | ||
| 86 | }); | ||
| 87 | }, | 66 | }, |
| 88 | changeSelectItem(item) { | 67 | created () { |
| 89 | this.selectItem = item; | 68 | this.getBackNode(); |
| 90 | this.selectActivity = item.activityId; | ||
| 91 | }, | 69 | }, |
| 92 | //获取可回退环节信息 | 70 | methods: { |
| 93 | getBackNode() { | 71 | onSubmit () { |
| 94 | getTaskBackNode(this.formData).then((res) => { | 72 | this.selectItem.outstepopinion = this.outstepopinion; |
| 95 | if (res.code == 200) { | 73 | sendBackTask({ |
| 96 | this.dataList = res.result; | 74 | bsmSlsq: this.formData.bsmSlsq, |
| 97 | if (res.result) { | 75 | backNodeList: [this.selectItem], |
| 98 | this.selectActivity = res.result[0].activityId; | 76 | }).then((res) => { |
| 99 | this.selectItem = res.result[0]; | 77 | this.$message.success("退回成功"); |
| 78 | setTimeout(() => { | ||
| 79 | // window.opener.location.reload(); //刷新父窗口 | ||
| 80 | if (window.opener && window.opener.getBpageList) { | ||
| 81 | window.opener.getBpageList(); | ||
| 82 | } else { | ||
| 83 | window.opener.frames[0].getBpageList(); | ||
| 84 | } | ||
| 85 | window.close(); | ||
| 86 | this.$emit("input", false); | ||
| 87 | }, 1000); | ||
| 88 | }); | ||
| 89 | }, | ||
| 90 | changeSelectItem (item) { | ||
| 91 | this.selectItem = item; | ||
| 92 | this.selectActivity = item.activityId; | ||
| 93 | }, | ||
| 94 | //获取可回退环节信息 | ||
| 95 | getBackNode () { | ||
| 96 | getTaskBackNode(this.formData).then((res) => { | ||
| 97 | if (res.code == 200) { | ||
| 98 | this.dataList = res.result; | ||
| 99 | if (res.result) { | ||
| 100 | this.selectActivity = res.result[0].activityId; | ||
| 101 | this.selectItem = res.result[0]; | ||
| 102 | } | ||
| 100 | } | 103 | } |
| 101 | } | 104 | }); |
| 102 | }); | 105 | }, |
| 103 | }, | ||
| 104 | 106 | ||
| 105 | cancelBack(){ | 107 | cancelBack () { |
| 106 | popupCacel(); | 108 | popupCacel(); |
| 109 | } | ||
| 107 | } | 110 | } |
| 108 | } | 111 | } |
| 109 | } | ||
| 110 | </script> | 112 | </script> |
| 111 | <style scoped lang="scss"> | 113 | <style scoped lang="scss"> |
| 112 | @import "~@/styles/mixin.scss"; | 114 | @import "~@/styles/mixin.scss"; |
| 113 | |||
| 114 | .listDetail { | ||
| 115 | display: flex; | ||
| 116 | align-items: center; | ||
| 117 | width: 100%; | ||
| 118 | 115 | ||
| 119 | p { | 116 | .listDetail { |
| 120 | line-height: 30px; | 117 | display: flex; |
| 121 | height: 30px; | 118 | align-items: center; |
| 122 | @include flex-center; | ||
| 123 | flex: 1; | ||
| 124 | width: 100%; | 119 | width: 100%; |
| 125 | border: 1px solid rgb(233, 235, 237); | ||
| 126 | margin-top: -1px; | ||
| 127 | margin-left: -1px; | ||
| 128 | } | ||
| 129 | 120 | ||
| 130 | .icon { | 121 | p { |
| 131 | flex: 0 0 60px; | 122 | line-height: 30px; |
| 123 | height: 30px; | ||
| 124 | @include flex-center; | ||
| 125 | flex: 1; | ||
| 126 | width: 100%; | ||
| 127 | border: 1px solid rgb(233, 235, 237); | ||
| 128 | margin-top: -1px; | ||
| 129 | margin-left: -1px; | ||
| 130 | } | ||
| 131 | |||
| 132 | .icon { | ||
| 133 | flex: 0 0 60px; | ||
| 134 | } | ||
| 132 | } | 135 | } |
| 133 | } | ||
| 134 | 136 | ||
| 135 | .title { | 137 | .title { |
| 136 | margin-bottom: 10px; | 138 | margin-bottom: 10px; |
| 137 | } | 139 | } |
| 138 | 140 | ||
| 139 | .textArea { | 141 | .textArea { |
| 140 | /deep/.el-textarea__inner { | 142 | /deep/.el-textarea__inner { |
| 141 | min-height: 90px !important; | 143 | min-height: 90px !important; |
| 144 | } | ||
| 145 | } | ||
| 146 | /deep/.el-radio .el-radio__label { | ||
| 147 | display: none; | ||
| 142 | } | 148 | } |
| 143 | } | ||
| 144 | /deep/.el-radio .el-radio__label { | ||
| 145 | display: none; | ||
| 146 | } | ||
| 147 | </style> | 149 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:42:01 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <dialogBox title="转出" @submitForm="submitForm" saveButton="确认转出" width="45%" height='30%' @closeDialog="closeDialog" | 7 | <dialogBox title="转出" @submitForm="submitForm" saveButton="确认转出" width="45%" height='30%' @closeDialog="closeDialog" |
| 3 | v-model="value"> | 8 | v-model="value"> |
| ... | @@ -19,50 +24,50 @@ | ... | @@ -19,50 +24,50 @@ |
| 19 | </template> | 24 | </template> |
| 20 | 25 | ||
| 21 | <script> | 26 | <script> |
| 22 | import { completeTask, getNextLinkInfo } from "@/api/fqsq.js" | 27 | import { completeTask, getNextLinkInfo } from "@/api/fqsq.js" |
| 23 | export default { | 28 | export default { |
| 24 | components: { | 29 | components: { |
| 25 | }, | ||
| 26 | props: { | ||
| 27 | value: { type: Boolean, default: false }, | ||
| 28 | queryForm: { type: Object, default: false } | ||
| 29 | }, | ||
| 30 | data () { | ||
| 31 | return { | ||
| 32 | tableData: {}, | ||
| 33 | usernames: '', | ||
| 34 | } | ||
| 35 | }, | ||
| 36 | methods: { | ||
| 37 | tablelistFn () { | ||
| 38 | getNextLinkInfo(this.queryForm).then(res => { | ||
| 39 | if (res.code === 200) { | ||
| 40 | this.tableData = res.result | ||
| 41 | if (res.result.usernames) { | ||
| 42 | this.usernames = String(res.result.usernames) | ||
| 43 | } | ||
| 44 | } | ||
| 45 | }) | ||
| 46 | }, | 30 | }, |
| 47 | submitForm () { | 31 | props: { |
| 48 | completeTask(this.queryForm).then(res => { | 32 | value: { type: Boolean, default: false }, |
| 49 | if (res.code === 200) { | 33 | queryForm: { type: Object, default: false } |
| 50 | this.$message.success('转件成功') | ||
| 51 | setTimeout(() => { | ||
| 52 | window.opener = null; | ||
| 53 | window.open("about:blank", "_self"); | ||
| 54 | window.close(); | ||
| 55 | this.$emit('input', false) | ||
| 56 | }, 1000); | ||
| 57 | } | ||
| 58 | }) | ||
| 59 | }, | 34 | }, |
| 60 | closeDialog () { | 35 | data () { |
| 61 | this.$emit("input", false); | 36 | return { |
| 37 | tableData: {}, | ||
| 38 | usernames: '', | ||
| 39 | } | ||
| 62 | }, | 40 | }, |
| 41 | methods: { | ||
| 42 | tablelistFn () { | ||
| 43 | getNextLinkInfo(this.queryForm).then(res => { | ||
| 44 | if (res.code === 200) { | ||
| 45 | this.tableData = res.result | ||
| 46 | if (res.result.usernames) { | ||
| 47 | this.usernames = String(res.result.usernames) | ||
| 48 | } | ||
| 49 | } | ||
| 50 | }) | ||
| 51 | }, | ||
| 52 | submitForm () { | ||
| 53 | completeTask(this.queryForm).then(res => { | ||
| 54 | if (res.code === 200) { | ||
| 55 | this.$message.success('转件成功') | ||
| 56 | setTimeout(() => { | ||
| 57 | window.opener = null; | ||
| 58 | window.open("about:blank", "_self"); | ||
| 59 | window.close(); | ||
| 60 | this.$emit('input', false) | ||
| 61 | }, 1000); | ||
| 62 | } | ||
| 63 | }) | ||
| 64 | }, | ||
| 65 | closeDialog () { | ||
| 66 | this.$emit("input", false); | ||
| 67 | }, | ||
| 68 | } | ||
| 63 | } | 69 | } |
| 64 | } | ||
| 65 | </script> | 70 | </script> |
| 66 | <style scoped lang="scss"> | 71 | <style scoped lang="scss"> |
| 67 | @import "~@/styles/mixin.scss"; | 72 | @import "~@/styles/mixin.scss"; |
| 68 | </style> | 73 | </style> | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:39:03 | ||
| 5 | */ | ||
| 1 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 2 | let vm = null | 7 | let vm = null |
| 3 | 8 | ||
| ... | @@ -40,12 +45,12 @@ class data extends filter { | ... | @@ -40,12 +45,12 @@ class data extends filter { |
| 40 | { | 45 | { |
| 41 | label: "是否作废", | 46 | label: "是否作废", |
| 42 | render: (h, scope) => { | 47 | render: (h, scope) => { |
| 43 | if(scope.row.sfzf == '0'){ | 48 | if (scope.row.sfzf == '0') { |
| 44 | return <div>否</div> | 49 | return <div>否</div> |
| 45 | }else{ | 50 | } else { |
| 46 | return <div>已作废</div> | 51 | return <div>已作废</div> |
| 47 | } | ||
| 48 | } | 52 | } |
| 53 | } | ||
| 49 | }, | 54 | }, |
| 50 | { | 55 | { |
| 51 | prop: "bz", | 56 | prop: "bz", | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:38:46 | ||
| 5 | */ | ||
| 1 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
| 2 | import { getPrintTemplateByCode } from "@/api/system"; | 7 | import { getPrintTemplateByCode } from "@/api/system"; |
| 3 | import { getPrintApplicationInfo } from "@/api/fqsq"; | 8 | import { getPrintApplicationInfo } from "@/api/fqsq"; | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:38:51 | ||
| 5 | */ | ||
| 1 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; |
| 2 | import { getHomeNoticeList } from "@/api/user.js" | 7 | import { getHomeNoticeList } from "@/api/user.js" |
| 3 | export default { | 8 | export default { | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:39:23 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="container"> | 7 | <div class="container"> |
| 3 | <!-- 顶部内容框 --> | 8 | <!-- 顶部内容框 --> |
| ... | @@ -173,11 +178,18 @@ | ... | @@ -173,11 +178,18 @@ |
| 173 | closeDialog () { | 178 | closeDialog () { |
| 174 | this.myValue = false; | 179 | this.myValue = false; |
| 175 | }, | 180 | }, |
| 176 | // 更新列表 | 181 | /** |
| 182 | * @description: 更新列表 | ||
| 183 | * @author: renchao | ||
| 184 | */ | ||
| 177 | updateDialog () { | 185 | updateDialog () { |
| 178 | this.loadBdcdylist(); | 186 | this.loadBdcdylist(); |
| 179 | }, | 187 | }, |
| 180 | // 删除左侧列表 | 188 | /** |
| 189 | * @description: 删除左侧列表 | ||
| 190 | * @param {*} item | ||
| 191 | * @author: renchao | ||
| 192 | */ | ||
| 181 | handleDel (item) { | 193 | handleDel (item) { |
| 182 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 194 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| 183 | confirmButtonText: "确定", | 195 | confirmButtonText: "确定", | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:42:38 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" |
| 3 | :isFullscreen="false"> | 8 | :isFullscreen="false"> |
| ... | @@ -24,44 +29,44 @@ | ... | @@ -24,44 +29,44 @@ |
| 24 | </template> | 29 | </template> |
| 25 | 30 | ||
| 26 | <script> | 31 | <script> |
| 27 | import { mapGetters } from "vuex"; | 32 | import { mapGetters } from "vuex"; |
| 28 | export default { | 33 | export default { |
| 29 | props: { | 34 | props: { |
| 30 | value: { type: Boolean, default: false }, | 35 | value: { type: Boolean, default: false }, |
| 31 | }, | 36 | }, |
| 32 | data () { | 37 | data () { |
| 33 | return { | 38 | return { |
| 34 | myValue: this.value, | 39 | myValue: this.value, |
| 35 | ruleForm: { | 40 | ruleForm: { |
| 36 | cllx: "", | 41 | cllx: "", |
| 37 | clmc: "", | 42 | clmc: "", |
| 38 | }, | 43 | }, |
| 39 | }; | 44 | }; |
| 40 | }, | 45 | }, |
| 41 | computed: { | 46 | computed: { |
| 42 | ...mapGetters(["dictData"]), | 47 | ...mapGetters(["dictData"]), |
| 43 | }, | ||
| 44 | watch: { | ||
| 45 | value (val) { | ||
| 46 | this.myValue = val; | ||
| 47 | }, | 48 | }, |
| 48 | }, | 49 | watch: { |
| 49 | methods: { | 50 | value (val) { |
| 50 | closeDialog () { | 51 | this.myValue = val; |
| 51 | this.$emit("input", false); | 52 | }, |
| 52 | }, | 53 | }, |
| 53 | handleSubmit () { | 54 | methods: { |
| 54 | this.$parent.addSave(this.ruleForm); | 55 | closeDialog () { |
| 55 | this.$emit("input", false); | 56 | this.$emit("input", false); |
| 57 | }, | ||
| 58 | handleSubmit () { | ||
| 59 | this.$parent.addSave(this.ruleForm); | ||
| 60 | this.$emit("input", false); | ||
| 61 | }, | ||
| 56 | }, | 62 | }, |
| 57 | }, | 63 | }; |
| 58 | }; | ||
| 59 | </script> | 64 | </script> |
| 60 | <style scoped lang="scss"> | 65 | <style scoped lang="scss"> |
| 61 | .submit-button { | 66 | .submit-button { |
| 62 | text-align: center; | 67 | text-align: center; |
| 63 | height: 52px; | 68 | height: 52px; |
| 64 | padding-top: 10px; | 69 | padding-top: 10px; |
| 65 | background-color: #fff; | 70 | background-color: #fff; |
| 66 | } | 71 | } |
| 67 | </style> | 72 | </style> | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:42:40 | ||
| 5 | */ | ||
| 1 | export default { | 6 | export default { |
| 2 | data() { | 7 | data () { |
| 3 | return { | 8 | return { |
| 4 | isSearch: false, | 9 | isSearch: false, |
| 5 | searchList: [], | 10 | searchList: [], |
| ... | @@ -9,12 +14,12 @@ export default { | ... | @@ -9,12 +14,12 @@ export default { |
| 9 | methods: { | 14 | methods: { |
| 10 | // 点击高级查询弹出查询弹框 | 15 | // 点击高级查询弹出查询弹框 |
| 11 | 16 | ||
| 12 | moreQueryClick() { | 17 | moreQueryClick () { |
| 13 | this.isSearch = true | 18 | this.isSearch = true |
| 14 | 19 | ||
| 15 | }, | 20 | }, |
| 16 | // 查询事件 | 21 | // 查询事件 |
| 17 | handleSelect(bs, mc, code) { | 22 | handleSelect (bs, mc, code) { |
| 18 | this.dictData[bs].forEach(item => { | 23 | this.dictData[bs].forEach(item => { |
| 19 | if (item.dcode == this.queryForm[code]) { | 24 | if (item.dcode == this.queryForm[code]) { |
| 20 | this.searchForm[mc] = item.dname | 25 | this.searchForm[mc] = item.dname |
| ... | @@ -22,7 +27,7 @@ export default { | ... | @@ -22,7 +27,7 @@ export default { |
| 22 | }) | 27 | }) |
| 23 | }, | 28 | }, |
| 24 | // 清空单个表单 | 29 | // 清空单个表单 |
| 25 | handleEmpty(el) { | 30 | handleEmpty (el) { |
| 26 | for (var i = 0; i < this.searchList.length; i++) { | 31 | for (var i = 0; i < this.searchList.length; i++) { |
| 27 | if (el == this.searchList[i].zdm) { | 32 | if (el == this.searchList[i].zdm) { |
| 28 | this.searchList.splice(i, 1) | 33 | this.searchList.splice(i, 1) |
| ... | @@ -44,7 +49,7 @@ export default { | ... | @@ -44,7 +49,7 @@ export default { |
| 44 | }, | 49 | }, |
| 45 | // 删除单个查询条件 | 50 | // 删除单个查询条件 |
| 46 | 51 | ||
| 47 | handelItem(item, index) { | 52 | handelItem (item, index) { |
| 48 | let obj = { | 53 | let obj = { |
| 49 | ywlymc: 'ywly', | 54 | ywlymc: 'ywly', |
| 50 | qllxmc: 'qllx', | 55 | qllxmc: 'qllx', |
| ... | @@ -60,7 +65,7 @@ export default { | ... | @@ -60,7 +65,7 @@ export default { |
| 60 | } | 65 | } |
| 61 | this.searchForm[item.zdm] = '' | 66 | this.searchForm[item.zdm] = '' |
| 62 | }, | 67 | }, |
| 63 | iterationData() { | 68 | iterationData () { |
| 64 | let obj = { | 69 | let obj = { |
| 65 | ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', | 70 | ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', |
| 66 | qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' | 71 | qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' |
| ... | @@ -70,13 +75,13 @@ export default { | ... | @@ -70,13 +75,13 @@ export default { |
| 70 | if (value) return { name: obj[name], value, zdm: name } | 75 | if (value) return { name: obj[name], value, zdm: name } |
| 71 | }).filter(Boolean) | 76 | }).filter(Boolean) |
| 72 | }, | 77 | }, |
| 73 | getSearch(val) { | 78 | getSearch (val) { |
| 74 | this.otherForm = val | 79 | this.otherForm = val |
| 75 | this.iterationData() | 80 | this.iterationData() |
| 76 | this.queryClick() | 81 | this.queryClick() |
| 77 | }, | 82 | }, |
| 78 | // 清空查询条件 | 83 | // 清空查询条件 |
| 79 | hanldeCleanAll() { | 84 | hanldeCleanAll () { |
| 80 | this.searchForm = {} | 85 | this.searchForm = {} |
| 81 | this.queryForm = { | 86 | this.queryForm = { |
| 82 | ywly: "", | 87 | ywly: "", | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:43:00 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="slxx"> | 7 | <div class="slxx"> |
| 3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" | 8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:43:10 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="slxx"> | 7 | <div class="slxx"> |
| 3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" | 8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" |
| ... | @@ -199,78 +204,78 @@ | ... | @@ -199,78 +204,78 @@ |
| 199 | </div> | 204 | </div> |
| 200 | </template> | 205 | </template> |
| 201 | <script> | 206 | <script> |
| 202 | import sqrViewTable from "@/views/workflow/components/sqrViewTable"; | 207 | import sqrViewTable from "@/views/workflow/components/sqrViewTable"; |
| 203 | import { BatchInit, saveData } from "@/api/workflow/cfdjFlow.js"; | 208 | import { BatchInit, saveData } from "@/api/workflow/cfdjFlow.js"; |
| 204 | import { mapGetters } from "vuex"; | 209 | import { mapGetters } from "vuex"; |
| 205 | export default { | 210 | export default { |
| 206 | data () { | 211 | data () { |
| 207 | return { | 212 | return { |
| 208 | disabled: true, | 213 | disabled: true, |
| 209 | flagTop: this.flag ? "top" : "", | 214 | flagTop: this.flag ? "top" : "", |
| 210 | rules: {}, | 215 | rules: {}, |
| 211 | //传递参数 | 216 | //传递参数 |
| 212 | propsParam: {}, | 217 | propsParam: {}, |
| 213 | //页面数据 | 218 | //页面数据 |
| 214 | ruleForm: {}, | 219 | ruleForm: {}, |
| 215 | //是否可编辑 | 220 | //是否可编辑 |
| 216 | ableEdit: false, | 221 | ableEdit: false, |
| 217 | //是否为解封 | 222 | //是否为解封 |
| 218 | isJfOperation: false, | 223 | isJfOperation: false, |
| 219 | }; | 224 | }; |
| 220 | }, | 225 | }, |
| 221 | async created () { | 226 | async created () { |
| 222 | this.propsParam = this.$attrs; | 227 | this.propsParam = this.$attrs; |
| 223 | this.ableEdit = this.$parent.showBatch; | 228 | this.ableEdit = this.$parent.showBatch; |
| 224 | if (this.propsParam.djlx == '400') { | 229 | if (this.propsParam.djlx == '400') { |
| 225 | this.isJfOperation = true; | 230 | this.isJfOperation = true; |
| 226 | } | ||
| 227 | var formdata = new FormData(); | ||
| 228 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 229 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
| 230 | formdata.append("djlx", this.propsParam.djlx); | ||
| 231 | BatchInit(formdata).then((res) => { | ||
| 232 | if (res.code === 200 && res.result) { | ||
| 233 | this.ruleForm = res.result | ||
| 234 | } | 231 | } |
| 235 | }); | 232 | var formdata = new FormData(); |
| 236 | }, | 233 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 237 | watch: { | 234 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 235 | formdata.append("djlx", this.propsParam.djlx); | ||
| 236 | BatchInit(formdata).then((res) => { | ||
| 237 | if (res.code === 200 && res.result) { | ||
| 238 | this.ruleForm = res.result | ||
| 239 | } | ||
| 240 | }); | ||
| 241 | }, | ||
| 242 | watch: { | ||
| 238 | 243 | ||
| 239 | }, | ||
| 240 | components: { sqrViewTable }, | ||
| 241 | props: { | ||
| 242 | flag: { | ||
| 243 | type: Boolean, | ||
| 244 | default: false, | ||
| 245 | }, | 244 | }, |
| 246 | fetch: { | 245 | components: { sqrViewTable }, |
| 247 | type: Boolean, | 246 | props: { |
| 248 | default: false, | 247 | flag: { |
| 248 | type: Boolean, | ||
| 249 | default: false, | ||
| 250 | }, | ||
| 251 | fetch: { | ||
| 252 | type: Boolean, | ||
| 253 | default: false, | ||
| 254 | }, | ||
| 255 | }, | ||
| 256 | computed: { | ||
| 257 | ...mapGetters(["dictData"]), | ||
| 249 | }, | 258 | }, |
| 250 | }, | ||
| 251 | computed: { | ||
| 252 | ...mapGetters(["dictData"]), | ||
| 253 | }, | ||
| 254 | 259 | ||
| 255 | methods: { | 260 | methods: { |
| 256 | onSubmit () { | 261 | onSubmit () { |
| 257 | saveData(this.ruleForm).then((res) => { | 262 | saveData(this.ruleForm).then((res) => { |
| 258 | if (res.code === 200) { | 263 | if (res.code === 200) { |
| 259 | this.$message.success('保存成功'); | 264 | this.$message.success('保存成功'); |
| 260 | } | 265 | } |
| 261 | }); | 266 | }); |
| 267 | }, | ||
| 268 | changeCflx (e) { | ||
| 269 | let cflxItem = {} | ||
| 270 | cflxItem = this.dictData['A32'].find((item) => { | ||
| 271 | return item.dcode == e | ||
| 272 | }) | ||
| 273 | this.ruleForm.cfdj.cflxmc = cflxItem.dname; | ||
| 274 | } | ||
| 262 | }, | 275 | }, |
| 263 | changeCflx (e) { | 276 | }; |
| 264 | let cflxItem = {} | ||
| 265 | cflxItem = this.dictData['A32'].find((item) => { | ||
| 266 | return item.dcode == e | ||
| 267 | }) | ||
| 268 | this.ruleForm.cfdj.cflxmc = cflxItem.dname; | ||
| 269 | } | ||
| 270 | }, | ||
| 271 | }; | ||
| 272 | </script> | 277 | </script> |
| 273 | <style scoped lang='scss'> | 278 | <style scoped lang='scss'> |
| 274 | @import "~@/styles/public.scss"; | 279 | @import "~@/styles/public.scss"; |
| 275 | @import "~@/styles/slxx/slxx.scss"; | 280 | @import "~@/styles/slxx/slxx.scss"; |
| 276 | </style> | 281 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:43:15 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| 3 | <div class="slxx"> | 8 | <div class="slxx"> |
| ... | @@ -242,79 +247,79 @@ | ... | @@ -242,79 +247,79 @@ |
| 242 | </div> | 247 | </div> |
| 243 | </template> | 248 | </template> |
| 244 | <script> | 249 | <script> |
| 245 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 250 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 246 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; | 251 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; |
| 247 | import { mapGetters } from "vuex"; | 252 | import { mapGetters } from "vuex"; |
| 248 | export default { | 253 | export default { |
| 249 | mounted () { | 254 | mounted () { |
| 250 | this.propsParam = this.$attrs; | 255 | this.propsParam = this.$attrs; |
| 251 | var formdata = new FormData(); | 256 | var formdata = new FormData(); |
| 252 | this.$startLoading(); | 257 | this.$startLoading(); |
| 253 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 258 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 254 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 259 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 255 | formdata.append("djlx", this.propsParam.djlx); | 260 | formdata.append("djlx", this.propsParam.djlx); |
| 256 | Init(formdata).then((res) => { | 261 | Init(formdata).then((res) => { |
| 257 | if (res.code === 200 && res.result) { | 262 | if (res.code === 200 && res.result) { |
| 258 | this.ruleForm = res.result; | 263 | this.ruleForm = res.result; |
| 259 | this.$endLoading(); | 264 | this.$endLoading(); |
| 260 | this.ruleForm.diyaq.sfczjzhxz = "0"; | 265 | this.ruleForm.diyaq.sfczjzhxz = "0"; |
| 261 | } | ||
| 262 | }) | ||
| 263 | }, | ||
| 264 | components: { qlrCommonTable }, | ||
| 265 | computed: { | ||
| 266 | ...mapGetters(["dictData", "flag"]), | ||
| 267 | }, | ||
| 268 | data () { | ||
| 269 | return { | ||
| 270 | disabled: true, | ||
| 271 | czrOptions: [], | ||
| 272 | ruleForm: { | ||
| 273 | slywxx: {}, | ||
| 274 | qlxxold: {}, | ||
| 275 | diyaq: {}, | ||
| 276 | gyfs: "", | ||
| 277 | }, | ||
| 278 | //传递参数 | ||
| 279 | propsParam: {}, | ||
| 280 | rules: {}, | ||
| 281 | }; | ||
| 282 | }, | ||
| 283 | methods: { | ||
| 284 | onSubmitClick () { | ||
| 285 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { | ||
| 286 | if (res.code === 200) { | ||
| 287 | this.$message({ | ||
| 288 | showClose: true, | ||
| 289 | message: "保存成功！", | ||
| 290 | type: "success", | ||
| 291 | }); | ||
| 292 | } else { | ||
| 293 | this.$message({ | ||
| 294 | showClose: true, | ||
| 295 | message: res.message, | ||
| 296 | type: "error", | ||
| 297 | }); | ||
| 298 | } | 266 | } |
| 299 | }); | 267 | }) |
| 300 | }, | 268 | }, |
| 301 | 269 | components: { qlrCommonTable }, | |
| 302 | // 更新权利人信息 | 270 | computed: { |
| 303 | upDateQlrxxList (val) { | 271 | ...mapGetters(["dictData", "flag"]), |
| 304 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 272 | }, |
| 305 | this.ruleForm.qlrList = _.cloneDeep(val); | 273 | data () { |
| 306 | } | 274 | return { |
| 275 | disabled: true, | ||
| 276 | czrOptions: [], | ||
| 277 | ruleForm: { | ||
| 278 | slywxx: {}, | ||
| 279 | qlxxold: {}, | ||
| 280 | diyaq: {}, | ||
| 281 | gyfs: "", | ||
| 282 | }, | ||
| 283 | //传递参数 | ||
| 284 | propsParam: {}, | ||
| 285 | rules: {}, | ||
| 286 | }; | ||
| 307 | }, | 287 | }, |
| 308 | // 更新义务人信息 | 288 | methods: { |
| 309 | upDateYwrxxList (val) { | 289 | onSubmitClick () { |
| 310 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | 290 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { |
| 311 | this.ruleForm.ywrList = _.cloneDeep(val); | 291 | if (res.code === 200) { |
| 292 | this.$message({ | ||
| 293 | showClose: true, | ||
| 294 | message: "保存成功！", | ||
| 295 | type: "success", | ||
| 296 | }); | ||
| 297 | } else { | ||
| 298 | this.$message({ | ||
| 299 | showClose: true, | ||
| 300 | message: res.message, | ||
| 301 | type: "error", | ||
| 302 | }); | ||
| 303 | } | ||
| 304 | }); | ||
| 305 | }, | ||
| 306 | |||
| 307 | // 更新权利人信息 | ||
| 308 | upDateQlrxxList (val) { | ||
| 309 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 310 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 311 | } | ||
| 312 | }, | ||
| 313 | // 更新义务人信息 | ||
| 314 | upDateYwrxxList (val) { | ||
| 315 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | ||
| 316 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 317 | } | ||
| 312 | } | 318 | } |
| 313 | } | 319 | } |
| 314 | } | 320 | }; |
| 315 | }; | ||
| 316 | </script> | 321 | </script> |
| 317 | <style scoped lang='scss'> | 322 | <style scoped lang='scss'> |
| 318 | @import "~@/styles/public.scss"; | 323 | @import "~@/styles/public.scss"; |
| 319 | @import "~@/styles/slxx/slxx.scss"; | 324 | @import "~@/styles/slxx/slxx.scss"; |
| 320 | </style> | 325 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:43:19 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| 3 | <div class="slxx"> | 8 | <div class="slxx"> |
| ... | @@ -146,7 +151,6 @@ | ... | @@ -146,7 +151,6 @@ |
| 146 | </el-col> | 151 | </el-col> |
| 147 | </el-row> | 152 | </el-row> |
| 148 | 153 | ||
| 149 | |||
| 150 | <el-row> | 154 | <el-row> |
| 151 | <el-col :span="24"> | 155 | <el-col :span="24"> |
| 152 | <el-form-item label="担保范围："> | 156 | <el-form-item label="担保范围："> |
| ... | @@ -239,74 +243,74 @@ | ... | @@ -239,74 +243,74 @@ |
| 239 | </div> | 243 | </div> |
| 240 | </template> | 244 | </template> |
| 241 | <script> | 245 | <script> |
| 242 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 246 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 243 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; | 247 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; |
| 244 | import { mapGetters } from "vuex"; | 248 | import { mapGetters } from "vuex"; |
| 245 | export default { | 249 | export default { |
| 246 | mounted () { | 250 | mounted () { |
| 247 | this.propsParam = this.$attrs; | 251 | this.propsParam = this.$attrs; |
| 248 | var formdata = new FormData(); | 252 | var formdata = new FormData(); |
| 249 | this.$startLoading(); | 253 | this.$startLoading(); |
| 250 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 254 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 251 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 255 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 252 | formdata.append("djlx", this.propsParam.djlx); | 256 | formdata.append("djlx", this.propsParam.djlx); |
| 253 | Init(formdata).then((res) => { | 257 | Init(formdata).then((res) => { |
| 254 | if (res.code === 200 && res.result) { | 258 | if (res.code === 200 && res.result) { |
| 255 | this.ruleForm = res.result; | 259 | this.ruleForm = res.result; |
| 256 | this.$endLoading(); | 260 | this.$endLoading(); |
| 257 | this.ruleForm.diyaq.sfczjzhxz = "0"; | 261 | this.ruleForm.diyaq.sfczjzhxz = "0"; |
| 258 | } | ||
| 259 | }); | ||
| 260 | }, | ||
| 261 | components: { qlrCommonTable }, | ||
| 262 | computed: { | ||
| 263 | ...mapGetters(["dictData", "flag"]), | ||
| 264 | }, | ||
| 265 | data () { | ||
| 266 | return { | ||
| 267 | disabled: true, | ||
| 268 | czrOptions: [], | ||
| 269 | ruleForm: { | ||
| 270 | slywxx: {}, | ||
| 271 | qlxxold: {}, | ||
| 272 | diyaq: {}, | ||
| 273 | gyfs: "", | ||
| 274 | }, | ||
| 275 | //传递参数 | ||
| 276 | propsParam: {}, | ||
| 277 | rules: {}, | ||
| 278 | }; | ||
| 279 | }, | ||
| 280 | methods: { | ||
| 281 | onSubmitClick () { | ||
| 282 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { | ||
| 283 | if (res.code === 200) { | ||
| 284 | this.$message({ | ||
| 285 | showClose: true, | ||
| 286 | message: "保存成功！", | ||
| 287 | type: "success", | ||
| 288 | }); | ||
| 289 | } else { | ||
| 290 | this.$message({ | ||
| 291 | showClose: true, | ||
| 292 | message: res.message, | ||
| 293 | type: "error", | ||
| 294 | }); | ||
| 295 | } | 262 | } |
| 296 | }); | 263 | }); |
| 297 | }, | 264 | }, |
| 298 | // 更新权利人信息 | 265 | components: { qlrCommonTable }, |
| 299 | upDateQlrxxList (val) { | 266 | computed: { |
| 300 | this.ruleForm.qlrList = _.cloneDeep(val); | 267 | ...mapGetters(["dictData", "flag"]), |
| 268 | }, | ||
| 269 | data () { | ||
| 270 | return { | ||
| 271 | disabled: true, | ||
| 272 | czrOptions: [], | ||
| 273 | ruleForm: { | ||
| 274 | slywxx: {}, | ||
| 275 | qlxxold: {}, | ||
| 276 | diyaq: {}, | ||
| 277 | gyfs: "", | ||
| 278 | }, | ||
| 279 | //传递参数 | ||
| 280 | propsParam: {}, | ||
| 281 | rules: {}, | ||
| 282 | }; | ||
| 301 | }, | 283 | }, |
| 302 | // 更新义务人信息 | 284 | methods: { |
| 303 | upDateYwrxxList (val) { | 285 | onSubmitClick () { |
| 304 | this.ruleForm.ywrList = _.cloneDeep(val); | 286 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { |
| 287 | if (res.code === 200) { | ||
| 288 | this.$message({ | ||
| 289 | showClose: true, | ||
| 290 | message: "保存成功！", | ||
| 291 | type: "success", | ||
| 292 | }); | ||
| 293 | } else { | ||
| 294 | this.$message({ | ||
| 295 | showClose: true, | ||
| 296 | message: res.message, | ||
| 297 | type: "error", | ||
| 298 | }); | ||
| 299 | } | ||
| 300 | }); | ||
| 301 | }, | ||
| 302 | // 更新权利人信息 | ||
| 303 | upDateQlrxxList (val) { | ||
| 304 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 305 | }, | ||
| 306 | // 更新义务人信息 | ||
| 307 | upDateYwrxxList (val) { | ||
| 308 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 309 | } | ||
| 305 | } | 310 | } |
| 306 | } | 311 | } |
| 307 | } | ||
| 308 | </script> | 312 | </script> |
| 309 | <style scoped lang='scss'> | 313 | <style scoped lang='scss'> |
| 310 | @import "~@/styles/public.scss"; | 314 | @import "~@/styles/public.scss"; |
| 311 | @import "~@/styles/slxx/slxx.scss"; | 315 | @import "~@/styles/slxx/slxx.scss"; |
| 312 | </style> | 316 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: 受理信息 | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:43:23 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <!-- 受理信息 --> | ||
| 3 | <div class="slxx"> | 7 | <div class="slxx"> |
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | 8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" |
| 5 | label-width="120px"> | 9 | label-width="120px"> |
| ... | @@ -202,143 +206,143 @@ | ... | @@ -202,143 +206,143 @@ |
| 202 | </div> | 206 | </div> |
| 203 | </template> | 207 | </template> |
| 204 | <script> | 208 | <script> |
| 205 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 209 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 206 | import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js"; | 210 | import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js"; |
| 207 | import { mapGetters } from "vuex"; | 211 | import { mapGetters } from "vuex"; |
| 208 | export default { | 212 | export default { |
| 209 | created () { | 213 | created () { |
| 210 | this.propsParam = this.$attrs; | 214 | this.propsParam = this.$attrs; |
| 211 | var formdata = new FormData(); | 215 | var formdata = new FormData(); |
| 212 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 216 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 213 | formdata.append("djlx", this.propsParam.djlx); | 217 | formdata.append("djlx", this.propsParam.djlx); |
| 214 | Init(formdata).then((res) => { | 218 | Init(formdata).then((res) => { |
| 215 | if (res.code === 200 && res.result) { | 219 | if (res.code === 200 && res.result) { |
| 216 | this.ruleForm = { | 220 | this.ruleForm = { |
| 217 | ...res.result, | 221 | ...res.result, |
| 218 | ...res.result.qlxxdatas, | 222 | ...res.result.qlxxdatas, |
| 223 | } | ||
| 219 | } | 224 | } |
| 220 | } | 225 | }); |
| 221 | }); | ||
| 222 | }, | ||
| 223 | components: { qlrCommonTable }, | ||
| 224 | computed: { | ||
| 225 | ...mapGetters(["dictData", "flag"]), | ||
| 226 | }, | ||
| 227 | data () { | ||
| 228 | return { | ||
| 229 | disabled: true, | ||
| 230 | tdytOption: [], | ||
| 231 | czrOptions: [], | ||
| 232 | ruleForm: {}, | ||
| 233 | //传递参数 | ||
| 234 | propsParam: this.$attrs, | ||
| 235 | rules: {}, | ||
| 236 | }; | ||
| 237 | }, | ||
| 238 | methods: { | ||
| 239 | // 更新权利人信息 | ||
| 240 | upDateQlrxxList (val) { | ||
| 241 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 242 | }, | 226 | }, |
| 243 | showCZInfo () { | 227 | components: { qlrCommonTable }, |
| 244 | console.log(this.ruleForm.slywxx.gyfs); | 228 | computed: { |
| 229 | ...mapGetters(["dictData", "flag"]), | ||
| 245 | }, | 230 | }, |
| 246 | // 更新权利人信息 | 231 | data () { |
| 247 | upDateYwrxxList (val) { | 232 | return { |
| 248 | this.ruleForm.ywrList = _.cloneDeep(val); | 233 | disabled: true, |
| 234 | tdytOption: [], | ||
| 235 | czrOptions: [], | ||
| 236 | ruleForm: {}, | ||
| 237 | //传递参数 | ||
| 238 | propsParam: this.$attrs, | ||
| 239 | rules: {}, | ||
| 240 | }; | ||
| 249 | }, | 241 | }, |
| 250 | onSubmit () { | 242 | methods: { |
| 251 | saveBatchData(this.ruleForm).then((res) => { | 243 | // 更新权利人信息 |
| 252 | if (res.code === 200) { | 244 | upDateQlrxxList (val) { |
| 253 | this.$message({ | 245 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 254 | showClose: true, | 246 | }, |
| 255 | message: "保存成功！", | 247 | showCZInfo () { |
| 256 | type: "success", | 248 | console.log(this.ruleForm.slywxx.gyfs); |
| 257 | }); | 249 | }, |
| 258 | } else { | 250 | // 更新权利人信息 |
| 259 | this.$message({ | 251 | upDateYwrxxList (val) { |
| 260 | showClose: true, | 252 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 261 | message: res.message, | 253 | }, |
| 262 | type: "error", | 254 | onSubmit () { |
| 263 | }); | 255 | saveBatchData(this.ruleForm).then((res) => { |
| 264 | } | 256 | if (res.code === 200) { |
| 265 | }); | 257 | this.$message({ |
| 258 | showClose: true, | ||
| 259 | message: "保存成功！", | ||
| 260 | type: "success", | ||
| 261 | }); | ||
| 262 | } else { | ||
| 263 | this.$message({ | ||
| 264 | showClose: true, | ||
| 265 | message: res.message, | ||
| 266 | type: "error", | ||
| 267 | }); | ||
| 268 | } | ||
| 269 | }); | ||
| 270 | }, | ||
| 266 | }, | 271 | }, |
| 267 | }, | 272 | }; |
| 268 | }; | ||
| 269 | </script> | 273 | </script> |
| 270 | <style scoped lang='scss'> | 274 | <style scoped lang='scss'> |
| 271 | @import "~@/styles/public.scss"; | 275 | @import "~@/styles/public.scss"; |
| 272 | 276 | ||
| 273 | /deep/.el-form { | 277 | /deep/.el-form { |
| 274 | display: flex; | 278 | display: flex; |
| 275 | flex-direction: column; | 279 | flex-direction: column; |
| 276 | height: calc(100vh - 130px); | 280 | height: calc(100vh - 130px); |
| 277 | } | 281 | } |
| 278 | 282 | ||
| 279 | /deep/.el-form-item__label { | 283 | /deep/.el-form-item__label { |
| 280 | padding: 0; | 284 | padding: 0; |
| 281 | } | 285 | } |
| 282 | 286 | ||
| 283 | /deep/.el-radio { | 287 | /deep/.el-radio { |
| 284 | margin-right: 10px; | 288 | margin-right: 10px; |
| 285 | } | 289 | } |
| 286 | 290 | ||
| 287 | /deep/.el-select { | 291 | /deep/.el-select { |
| 288 | width: 100%; | 292 | width: 100%; |
| 289 | } | 293 | } |
| 290 | 294 | ||
| 291 | /deep/.el-form-item { | 295 | /deep/.el-form-item { |
| 292 | margin-bottom: 8px; | 296 | margin-bottom: 8px; |
| 293 | } | 297 | } |
| 294 | 298 | ||
| 295 | .marginBot0 { | 299 | .marginBot0 { |
| 296 | margin-bottom: 0 !important; | 300 | margin-bottom: 0 !important; |
| 297 | } | 301 | } |
| 298 | 302 | ||
| 299 | .slxx { | 303 | .slxx { |
| 300 | box-sizing: border-box; | 304 | box-sizing: border-box; |
| 301 | } | 305 | } |
| 302 | 306 | ||
| 303 | .slxx_con { | 307 | .slxx_con { |
| 304 | flex: 1; | 308 | flex: 1; |
| 305 | height: 100%; | 309 | height: 100%; |
| 306 | background-color: #ffffff; | 310 | background-color: #ffffff; |
| 307 | overflow-y: auto; | 311 | overflow-y: auto; |
| 308 | padding-right: 3px; | 312 | padding-right: 3px; |
| 309 | overflow-x: hidden; | 313 | overflow-x: hidden; |
| 310 | } | 314 | } |
| 311 | 315 | ||
| 312 | .submit_btn { | 316 | .submit_btn { |
| 313 | height: 50px; | 317 | height: 50px; |
| 314 | } | 318 | } |
| 315 | 319 | ||
| 316 | .slxx_title { | 320 | .slxx_title { |
| 317 | border-bottom: 1px solid $borderColor; | 321 | border-bottom: 1px solid $borderColor; |
| 318 | padding-left: 10px; | 322 | padding-left: 10px; |
| 319 | padding-bottom: 5px; | 323 | padding-bottom: 5px; |
| 320 | margin-bottom: 10px; | 324 | margin-bottom: 10px; |
| 321 | margin-top: 5px; | 325 | margin-top: 5px; |
| 322 | font-size: 16px; | 326 | font-size: 16px; |
| 323 | font-weight: 500; | 327 | font-weight: 500; |
| 324 | color: #4a4a4a; | 328 | color: #4a4a4a; |
| 325 | } | 329 | } |
| 326 | 330 | ||
| 327 | .btn { | 331 | .btn { |
| 328 | text-align: center; | 332 | text-align: center; |
| 329 | padding-top: 10px; | 333 | padding-top: 10px; |
| 330 | height: 36px; | 334 | height: 36px; |
| 331 | background-color: #ffffff; | 335 | background-color: #ffffff; |
| 332 | padding: 5px 0; | 336 | padding: 5px 0; |
| 333 | } | 337 | } |
| 334 | 338 | ||
| 335 | .textArea { | 339 | .textArea { |
| 336 | /deep/.el-textarea__inner { | 340 | /deep/.el-textarea__inner { |
| 337 | min-height: 90px !important; | 341 | min-height: 90px !important; |
| 342 | } | ||
| 338 | } | 343 | } |
| 339 | } | ||
| 340 | 344 | ||
| 341 | /deep/.el-form-item__label { | 345 | /deep/.el-form-item__label { |
| 342 | padding-bottom: 0px; | 346 | padding-bottom: 0px; |
| 343 | } | 347 | } |
| 344 | </style> | 348 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: 受理信息 | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:43:30 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <!-- 受理信息 --> | ||
| 3 | <div class="slxx"> | 7 | <div class="slxx"> |
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | 8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" |
| 5 | label-width="120px"> | 9 | label-width="120px"> |
| ... | @@ -186,183 +190,183 @@ | ... | @@ -186,183 +190,183 @@ |
| 186 | </div> | 190 | </div> |
| 187 | </template> | 191 | </template> |
| 188 | <script> | 192 | <script> |
| 189 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 193 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 190 | import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js"; | 194 | import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js"; |
| 191 | import { mapGetters } from "vuex"; | 195 | import { mapGetters } from "vuex"; |
| 192 | export default { | 196 | export default { |
| 193 | async created () { | 197 | async created () { |
| 194 | this.propsParam = this.$attrs; | 198 | this.propsParam = this.$attrs; |
| 195 | var formdata = new FormData(); | 199 | var formdata = new FormData(); |
| 196 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 200 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 197 | formdata.append("djlx", this.propsParam.djlx); | 201 | formdata.append("djlx", this.propsParam.djlx); |
| 198 | Init(formdata).then((res) => { | 202 | Init(formdata).then((res) => { |
| 199 | if (res.code === 200 && res.result) { | 203 | if (res.code === 200 && res.result) { |
| 200 | this.ruleForm = { | 204 | this.ruleForm = { |
| 201 | ...res.result, | 205 | ...res.result, |
| 202 | ...res.result.zdjbxxdatas, | 206 | ...res.result.zdjbxxdatas, |
| 203 | ...res.result.qlxxdatas, | 207 | ...res.result.qlxxdatas, |
| 204 | ...res.result.jsydsyqdatas, | 208 | ...res.result.jsydsyqdatas, |
| 205 | }; | 209 | }; |
| 206 | } | 210 | } |
| 207 | }); | 211 | }); |
| 208 | }, | ||
| 209 | components: { qlrCommonTable }, | ||
| 210 | computed: { | ||
| 211 | ...mapGetters(["dictData", "flag"]), | ||
| 212 | }, | ||
| 213 | data () { | ||
| 214 | return { | ||
| 215 | disabled: true, | ||
| 216 | tdytOption: [], | ||
| 217 | czrOptions: [], | ||
| 218 | ruleForm: { | ||
| 219 | ywh: "", | ||
| 220 | slry: "", | ||
| 221 | slsj: "", | ||
| 222 | qllx: "", | ||
| 223 | djlx: "", | ||
| 224 | djqx: "", | ||
| 225 | // 宗地代码 | ||
| 226 | zddm: "", | ||
| 227 | bdcdyh: "", | ||
| 228 | qlxzmc: "", | ||
| 229 | qlrxx: [], | ||
| 230 | // 自然幢号 | ||
| 231 | zrzh: "", | ||
| 232 | // 户不动产单元号 | ||
| 233 | hbdcdyh: '', | ||
| 234 | djzt: '', | ||
| 235 | // 图幅丘幢号 | ||
| 236 | tfqzh: '', | ||
| 237 | zl: '', | ||
| 238 | // 房屋用途 | ||
| 239 | fwyt: '', | ||
| 240 | fwxz: '', | ||
| 241 | fwjg: '', | ||
| 242 | // 权利人信息 | ||
| 243 | gyfs: "1", | ||
| 244 | // 是否分别持证 | ||
| 245 | sffbcz: "", | ||
| 246 | // 持证人 | ||
| 247 | czr: "", | ||
| 248 | djyy: '' | ||
| 249 | }, | ||
| 250 | //传递参数 | ||
| 251 | propsParam: {}, | ||
| 252 | rules: {}, | ||
| 253 | }; | ||
| 254 | }, | ||
| 255 | methods: { | ||
| 256 | dataSelectClick () { | ||
| 257 | this.$popup("房屋信息比对", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai", | ||
| 258 | { | ||
| 259 | formData: { | ||
| 260 | bsmSldy: this.propsParam.bsmSldy, | ||
| 261 | qllx: this.propsParam.qllx | ||
| 262 | } | ||
| 263 | }); | ||
| 264 | }, | 212 | }, |
| 265 | // 更新权利人信息 | 213 | components: { qlrCommonTable }, |
| 266 | upDateQlrxxList (val) { | 214 | computed: { |
| 267 | this.ruleForm.qlrList = _.cloneDeep(val); | 215 | ...mapGetters(["dictData", "flag"]), |
| 268 | }, | 216 | }, |
| 269 | // 更新权利人信息 | 217 | data () { |
| 270 | upDateYwrxxList (val) { | 218 | return { |
| 271 | this.ruleForm.ywrList = _.cloneDeep(val); | 219 | disabled: true, |
| 220 | tdytOption: [], | ||
| 221 | czrOptions: [], | ||
| 222 | ruleForm: { | ||
| 223 | ywh: "", | ||
| 224 | slry: "", | ||
| 225 | slsj: "", | ||
| 226 | qllx: "", | ||
| 227 | djlx: "", | ||
| 228 | djqx: "", | ||
| 229 | // 宗地代码 | ||
| 230 | zddm: "", | ||
| 231 | bdcdyh: "", | ||
| 232 | qlxzmc: "", | ||
| 233 | qlrxx: [], | ||
| 234 | // 自然幢号 | ||
| 235 | zrzh: "", | ||
| 236 | // 户不动产单元号 | ||
| 237 | hbdcdyh: '', | ||
| 238 | djzt: '', | ||
| 239 | // 图幅丘幢号 | ||
| 240 | tfqzh: '', | ||
| 241 | zl: '', | ||
| 242 | // 房屋用途 | ||
| 243 | fwyt: '', | ||
| 244 | fwxz: '', | ||
| 245 | fwjg: '', | ||
| 246 | // 权利人信息 | ||
| 247 | gyfs: "1", | ||
| 248 | // 是否分别持证 | ||
| 249 | sffbcz: "", | ||
| 250 | // 持证人 | ||
| 251 | czr: "", | ||
| 252 | djyy: '' | ||
| 253 | }, | ||
| 254 | //传递参数 | ||
| 255 | propsParam: {}, | ||
| 256 | rules: {}, | ||
| 257 | }; | ||
| 272 | }, | 258 | }, |
| 273 | 259 | methods: { | |
| 274 | onSubmit () { | 260 | dataSelectClick () { |
| 275 | saveBatchData(this.ruleForm).then((res) => { | 261 | this.$popup("房屋信息比对", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai", |
| 276 | if (res.code === 200) { | 262 | { |
| 277 | this.$message({ | 263 | formData: { |
| 278 | showClose: true, | 264 | bsmSldy: this.propsParam.bsmSldy, |
| 279 | message: "保存成功！", | 265 | qllx: this.propsParam.qllx |
| 280 | type: "success", | 266 | } |
| 281 | }); | ||
| 282 | } else { | ||
| 283 | this.$message({ | ||
| 284 | showClose: true, | ||
| 285 | message: res.message, | ||
| 286 | type: "error", | ||
| 287 | }); | 267 | }); |
| 288 | } | 268 | }, |
| 289 | }); | 269 | // 更新权利人信息 |
| 270 | upDateQlrxxList (val) { | ||
| 271 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 272 | }, | ||
| 273 | // 更新权利人信息 | ||
| 274 | upDateYwrxxList (val) { | ||
| 275 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 276 | }, | ||
| 277 | |||
| 278 | onSubmit () { | ||
| 279 | saveBatchData(this.ruleForm).then((res) => { | ||
| 280 | if (res.code === 200) { | ||
| 281 | this.$message({ | ||
| 282 | showClose: true, | ||
| 283 | message: "保存成功！", | ||
| 284 | type: "success", | ||
| 285 | }); | ||
| 286 | } else { | ||
| 287 | this.$message({ | ||
| 288 | showClose: true, | ||
| 289 | message: res.message, | ||
| 290 | type: "error", | ||
| 291 | }); | ||
| 292 | } | ||
| 293 | }); | ||
| 294 | }, | ||
| 290 | }, | 295 | }, |
| 291 | }, | 296 | }; |
| 292 | }; | ||
| 293 | </script> | 297 | </script> |
| 294 | <style scoped lang='scss'> | 298 | <style scoped lang='scss'> |
| 295 | @import "~@/styles/public.scss"; | 299 | @import "~@/styles/public.scss"; |
| 296 | 300 | ||
| 297 | /deep/.el-form { | 301 | /deep/.el-form { |
| 298 | display: flex; | 302 | display: flex; |
| 299 | flex-direction: column; | 303 | flex-direction: column; |
| 300 | height: calc(100vh - 130px); | 304 | height: calc(100vh - 130px); |
| 301 | } | 305 | } |
| 302 | 306 | ||
| 303 | /deep/.el-form-item__label { | 307 | /deep/.el-form-item__label { |
| 304 | padding: 0; | 308 | padding: 0; |
| 305 | } | 309 | } |
| 306 | 310 | ||
| 307 | /deep/.el-radio { | 311 | /deep/.el-radio { |
| 308 | margin-right: 10px; | 312 | margin-right: 10px; |
| 309 | } | 313 | } |
| 310 | 314 | ||
| 311 | /deep/.el-select { | 315 | /deep/.el-select { |
| 312 | width: 100%; | 316 | width: 100%; |
| 313 | } | 317 | } |
| 314 | 318 | ||
| 315 | /deep/.el-form-item { | 319 | /deep/.el-form-item { |
| 316 | margin-bottom: 8px; | 320 | margin-bottom: 8px; |
| 317 | } | 321 | } |
| 318 | 322 | ||
| 319 | .marginBot0 { | 323 | .marginBot0 { |
| 320 | margin-bottom: 0 !important; | 324 | margin-bottom: 0 !important; |
| 321 | } | 325 | } |
| 322 | 326 | ||
| 323 | .slxx { | 327 | .slxx { |
| 324 | box-sizing: border-box; | 328 | box-sizing: border-box; |
| 325 | } | 329 | } |
| 326 | 330 | ||
| 327 | .slxx_con { | 331 | .slxx_con { |
| 328 | flex: 1; | 332 | flex: 1; |
| 329 | height: 100%; | 333 | height: 100%; |
| 330 | background-color: #ffffff; | 334 | background-color: #ffffff; |
| 331 | overflow-y: auto; | 335 | overflow-y: auto; |
| 332 | padding-right: 3px; | 336 | padding-right: 3px; |
| 333 | overflow-x: hidden; | 337 | overflow-x: hidden; |
| 334 | } | 338 | } |
| 335 | 339 | ||
| 336 | .submit_btn { | 340 | .submit_btn { |
| 337 | height: 50px; | 341 | height: 50px; |
| 338 | } | 342 | } |
| 339 | 343 | ||
| 340 | .slxx_title { | 344 | .slxx_title { |
| 341 | border-bottom: 1px solid $borderColor; | 345 | border-bottom: 1px solid $borderColor; |
| 342 | padding-left: 10px; | 346 | padding-left: 10px; |
| 343 | padding-bottom: 5px; | 347 | padding-bottom: 5px; |
| 344 | margin-bottom: 10px; | 348 | margin-bottom: 10px; |
| 345 | margin-top: 5px; | 349 | margin-top: 5px; |
| 346 | font-size: 16px; | 350 | font-size: 16px; |
| 347 | font-weight: 500; | 351 | font-weight: 500; |
| 348 | color: #4a4a4a; | 352 | color: #4a4a4a; |
| 349 | } | 353 | } |
| 350 | 354 | ||
| 351 | .btn { | 355 | .btn { |
| 352 | text-align: center; | 356 | text-align: center; |
| 353 | padding-top: 10px; | 357 | padding-top: 10px; |
| 354 | height: 36px; | 358 | height: 36px; |
| 355 | background-color: #ffffff; | 359 | background-color: #ffffff; |
| 356 | padding: 5px 0; | 360 | padding: 5px 0; |
| 357 | } | 361 | } |
| 358 | 362 | ||
| 359 | .textArea { | 363 | .textArea { |
| 360 | /deep/.el-textarea__inner { | 364 | /deep/.el-textarea__inner { |
| 361 | min-height: 90px !important; | 365 | min-height: 90px !important; |
| 366 | } | ||
| 362 | } | 367 | } |
| 363 | } | ||
| 364 | 368 | ||
| 365 | /deep/.el-form-item__label { | 369 | /deep/.el-form-item__label { |
| 366 | padding-bottom: 0px; | 370 | padding-bottom: 0px; |
| 367 | } | 371 | } |
| 368 | </style> | 372 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:43:41 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" | 7 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" |
| 3 | style="overflow-y:scroll;"> | 8 | style="overflow-y:scroll;"> |
| 4 | <div class="tableBox" > | 9 | <div class="tableBox"> |
| 5 | <div class="title"> | 10 | <div class="title"> |
| 6 | <span>{{ title }}</span> | 11 | <span>{{ title }}</span> |
| 7 | </div> | 12 | </div> |
| ... | @@ -12,7 +17,7 @@ | ... | @@ -12,7 +17,7 @@ |
| 12 | <td>变更前</td> | 17 | <td>变更前</td> |
| 13 | <td>变更后</td> | 18 | <td>变更后</td> |
| 14 | </tr> | 19 | </tr> |
| 15 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 20 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 16 | <td> | 21 | <td> |
| 17 | {{ item.label }} | 22 | {{ item.label }} |
| 18 | </td> | 23 | </td> |
| ... | @@ -23,8 +28,7 @@ | ... | @@ -23,8 +28,7 @@ |
| 23 | row.qszt == '2' ? 'lishi' : '', | 28 | row.qszt == '2' ? 'lishi' : '', |
| 24 | row.qszt == '0' ? 'linshi' : '', | 29 | row.qszt == '0' ? 'linshi' : '', |
| 25 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 30 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 26 | ]" | 31 | ]"> |
| 27 | > | ||
| 28 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 29 | 正在办理 | 33 | 正在办理 |
| 30 | </div> | 34 | </div> |
| ... | @@ -42,73 +46,73 @@ | ... | @@ -42,73 +46,73 @@ |
| 42 | </template> | 46 | </template> |
| 43 | 47 | ||
| 44 | <script> | 48 | <script> |
| 45 | import {getFdcqLSInfo} from "@/api/registerBook.js"; | 49 | import { getFdcqLSInfo } from "@/api/registerBook.js"; |
| 46 | import { datas } from "@/views/registerBook/qlxxFormData.js"; | 50 | import { datas } from "@/views/registerBook/qlxxFormData.js"; |
| 47 | 51 | ||
| 48 | export default { | 52 | export default { |
| 49 | data() { | 53 | data () { |
| 50 | return { | 54 | return { |
| 51 | title: "房地产权登记信息（独幢、层、套、间房屋）", | 55 | title: "房地产权登记信息（独幢、层、套、间房屋）", |
| 52 | qsztList: datas.columns().qsztList, | 56 | qsztList: datas.columns().qsztList, |
| 53 | checkList: datas.columns().checkList, | 57 | checkList: datas.columns().checkList, |
| 54 | //传递参数 | 58 | //传递参数 |
| 55 | propsParam: this.$attrs, | 59 | propsParam: this.$attrs, |
| 56 | //列表数据 | 60 | //列表数据 |
| 57 | tableData: [], | 61 | tableData: [], |
| 58 | //空列值个数 | 62 | //空列值个数 |
| 59 | emptycolNum: 1, | 63 | emptycolNum: 1, |
| 60 | //列名称对象 | 64 | //列名称对象 |
| 61 | columns: datas.columns().FDCQ2, | 65 | columns: datas.columns().FDCQ2, |
| 62 | tdColumns: datas.columns().JSYDSYQ | 66 | tdColumns: datas.columns().JSYDSYQ |
| 63 | 67 | ||
| 64 | }; | 68 | }; |
| 65 | }, | 69 | }, |
| 66 | created() { | 70 | created () { |
| 67 | this.loadData(); | 71 | this.loadData(); |
| 68 | }, | 72 | }, |
| 69 | mounted() { | 73 | mounted () { |
| 70 | this.timeLineHeight = document.documentElement.clientHeight - 210; | ||
| 71 | window.onresize = () => { | ||
| 72 | this.timeLineHeight = document.documentElement.clientHeight - 210; | 74 | this.timeLineHeight = document.documentElement.clientHeight - 210; |
| 73 | }; | 75 | window.onresize = () => { |
| 74 | }, | 76 | this.timeLineHeight = document.documentElement.clientHeight - 210; |
| 75 | methods: { | 77 | }; |
| 76 | loadData() { | 78 | }, |
| 77 | var formdata = new FormData(); | 79 | methods: { |
| 78 | formdata.append("bsmSldy", this.propsParam.formData.bsmSldy); | 80 | loadData () { |
| 79 | formdata.append("qllx", this.propsParam.formData.qllx); | 81 | var formdata = new FormData(); |
| 80 | getFdcqLSInfo(formdata).then((res) => { | 82 | formdata.append("bsmSldy", this.propsParam.formData.bsmSldy); |
| 81 | if (res.code === 200) { | 83 | formdata.append("qllx", this.propsParam.formData.qllx); |
| 82 | this.tableData = res.result; | 84 | getFdcqLSInfo(formdata).then((res) => { |
| 83 | if (this.tableData.length < datas.columns().emptycolNum) { | 85 | if (res.code === 200) { |
| 84 | this.emptycolNum = | 86 | this.tableData = res.result; |
| 85 | datas.columns().emptycolNum - this.tableData.length; | 87 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 86 | } else { | 88 | this.emptycolNum = |
| 87 | this.emptycolNum = 0; | 89 | datas.columns().emptycolNum - this.tableData.length; |
| 90 | } else { | ||
| 91 | this.emptycolNum = 0; | ||
| 92 | } | ||
| 88 | } | 93 | } |
| 94 | }); | ||
| 95 | }, | ||
| 96 | checkChange () { | ||
| 97 | if (this.checkList.length === 0) { | ||
| 98 | this.tableData = []; | ||
| 99 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 100 | } else { | ||
| 101 | this.loadData(); | ||
| 89 | } | 102 | } |
| 90 | }); | 103 | }, |
| 91 | }, | 104 | getQsztName (code) { |
| 92 | checkChange() { | 105 | let name = ""; |
| 93 | if (this.checkList.length === 0) { | 106 | for (let item of this.qsztList) { |
| 94 | this.tableData = []; | 107 | if (item.value == code) { |
| 95 | this.emptycolNum = datas.columns().emptycolNum; | 108 | name = item.label; |
| 96 | } else { | 109 | break; |
| 97 | this.loadData(); | 110 | } |
| 98 | } | ||
| 99 | }, | ||
| 100 | getQsztName(code) { | ||
| 101 | let name = ""; | ||
| 102 | for (let item of this.qsztList) { | ||
| 103 | if (item.value == code) { | ||
| 104 | name = item.label; | ||
| 105 | break; | ||
| 106 | } | 111 | } |
| 107 | } | 112 | return name; |
| 108 | return name; | 113 | }, |
| 109 | }, | 114 | }, |
| 110 | }, | 115 | }; |
| 111 | }; | ||
| 112 | </script> | 116 | </script> |
| 113 | 117 | ||
| 114 | <style lang="scss" scoped> | 118 | <style lang="scss" scoped> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:45:21 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| 3 | <div class="slxx"> | 8 | <div class="slxx"> |
| ... | @@ -173,75 +178,14 @@ | ... | @@ -173,75 +178,14 @@ |
| 173 | </div> | 178 | </div> |
| 174 | </template> | 179 | </template> |
| 175 | <script> | 180 | <script> |
| 176 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 181 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 177 | import { Init } from "@/api/workflow/fwsyqFlow.js"; | 182 | import { Init } from "@/api/workflow/fwsyqFlow.js"; |
| 178 | import { mapGetters } from "vuex"; | 183 | import { mapGetters } from "vuex"; |
| 179 | export default { | 184 | export default { |
| 180 | async created () { | 185 | async created () { |
| 181 | this.propsParam = this.$attrs; | 186 | this.propsParam = this.$attrs; |
| 182 | var formdata = new FormData(); | ||
| 183 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 184 | Init(formdata).then((res) => { | ||
| 185 | if (res.code === 200 && res.result) { | ||
| 186 | this.ruleForm = { | ||
| 187 | ...res.result, | ||
| 188 | ...res.result.zdjbxxdatas, | ||
| 189 | ...res.result.qlxxdatas, | ||
| 190 | ...res.result.jsydsyqdatas, | ||
| 191 | }; | ||
| 192 | } | ||
| 193 | }); | ||
| 194 | }, | ||
| 195 | components: { qlrCommonTable }, | ||
| 196 | computed: { | ||
| 197 | ...mapGetters(["dictData", "flag"]), | ||
| 198 | }, | ||
| 199 | data () { | ||
| 200 | return { | ||
| 201 | disabled: true, | ||
| 202 | tdytOption: [], | ||
| 203 | czrOptions: [], | ||
| 204 | ruleForm: { | ||
| 205 | ywh: "", | ||
| 206 | slry: "", | ||
| 207 | slsj: "", | ||
| 208 | qllx: "", | ||
| 209 | djlx: "", | ||
| 210 | djqx: "", | ||
| 211 | // 宗地代码 | ||
| 212 | zddm: "", | ||
| 213 | bdcdyh: "", | ||
| 214 | qlxzmc: "", | ||
| 215 | qlrxx: [], | ||
| 216 | // 自然幢号 | ||
| 217 | zrzh: "", | ||
| 218 | // 户不动产单元号 | ||
| 219 | hbdcdyh: '', | ||
| 220 | djzt: '', | ||
| 221 | // 图幅丘幢号 | ||
| 222 | tfqzh: '', | ||
| 223 | zl: '', | ||
| 224 | // 房屋用途 | ||
| 225 | fwyt: '', | ||
| 226 | fwxz: '', | ||
| 227 | fwjg: '', | ||
| 228 | // 权利人信息 | ||
| 229 | gyfs: "1", | ||
| 230 | // 是否分别持证 | ||
| 231 | sffbcz: "", | ||
| 232 | // 持证人 | ||
| 233 | czr: "", | ||
| 234 | djyy: '' | ||
| 235 | }, | ||
| 236 | //传递参数 | ||
| 237 | propsParam: {}, | ||
| 238 | rules: {}, | ||
| 239 | }; | ||
| 240 | }, | ||
| 241 | methods: { | ||
| 242 | list (bsmSldy) { | ||
| 243 | var formdata = new FormData(); | 187 | var formdata = new FormData(); |
| 244 | formdata.append("bsmSldy", bsmSldy); | 188 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 245 | Init(formdata).then((res) => { | 189 | Init(formdata).then((res) => { |
| 246 | if (res.code === 200 && res.result) { | 190 | if (res.code === 200 && res.result) { |
| 247 | this.ruleForm = { | 191 | this.ruleForm = { |
| ... | @@ -253,89 +197,150 @@ export default { | ... | @@ -253,89 +197,150 @@ export default { |
| 253 | } | 197 | } |
| 254 | }); | 198 | }); |
| 255 | }, | 199 | }, |
| 256 | onSubmit () { | 200 | components: { qlrCommonTable }, |
| 257 | fristReg(this.ruleForm).then((res) => { | 201 | computed: { |
| 258 | if (res.code === 200 && res.result) { | 202 | ...mapGetters(["dictData", "flag"]), |
| 259 | console.log(res); | 203 | }, |
| 260 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | 204 | data () { |
| 261 | } | 205 | return { |
| 262 | }); | 206 | disabled: true, |
| 207 | tdytOption: [], | ||
| 208 | czrOptions: [], | ||
| 209 | ruleForm: { | ||
| 210 | ywh: "", | ||
| 211 | slry: "", | ||
| 212 | slsj: "", | ||
| 213 | qllx: "", | ||
| 214 | djlx: "", | ||
| 215 | djqx: "", | ||
| 216 | // 宗地代码 | ||
| 217 | zddm: "", | ||
| 218 | bdcdyh: "", | ||
| 219 | qlxzmc: "", | ||
| 220 | qlrxx: [], | ||
| 221 | // 自然幢号 | ||
| 222 | zrzh: "", | ||
| 223 | // 户不动产单元号 | ||
| 224 | hbdcdyh: '', | ||
| 225 | djzt: '', | ||
| 226 | // 图幅丘幢号 | ||
| 227 | tfqzh: '', | ||
| 228 | zl: '', | ||
| 229 | // 房屋用途 | ||
| 230 | fwyt: '', | ||
| 231 | fwxz: '', | ||
| 232 | fwjg: '', | ||
| 233 | // 权利人信息 | ||
| 234 | gyfs: "1", | ||
| 235 | // 是否分别持证 | ||
| 236 | sffbcz: "", | ||
| 237 | // 持证人 | ||
| 238 | czr: "", | ||
| 239 | djyy: '' | ||
| 240 | }, | ||
| 241 | //传递参数 | ||
| 242 | propsParam: {}, | ||
| 243 | rules: {}, | ||
| 244 | }; | ||
| 263 | }, | 245 | }, |
| 264 | }, | 246 | methods: { |
| 265 | }; | 247 | list (bsmSldy) { |
| 248 | var formdata = new FormData(); | ||
| 249 | formdata.append("bsmSldy", bsmSldy); | ||
| 250 | Init(formdata).then((res) => { | ||
| 251 | if (res.code === 200 && res.result) { | ||
| 252 | this.ruleForm = { | ||
| 253 | ...res.result, | ||
| 254 | ...res.result.zdjbxxdatas, | ||
| 255 | ...res.result.qlxxdatas, | ||
| 256 | ...res.result.jsydsyqdatas, | ||
| 257 | }; | ||
| 258 | } | ||
| 259 | }); | ||
| 260 | }, | ||
| 261 | onSubmit () { | ||
| 262 | fristReg(this.ruleForm).then((res) => { | ||
| 263 | if (res.code === 200 && res.result) { | ||
| 264 | console.log(res); | ||
| 265 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | ||
| 266 | } | ||
| 267 | }); | ||
| 268 | }, | ||
| 269 | }, | ||
| 270 | }; | ||
| 266 | </script> | 271 | </script> |
| 267 | <style scoped lang='scss'> | 272 | <style scoped lang='scss'> |
| 268 | @import "~@/styles/public.scss"; | 273 | @import "~@/styles/public.scss"; |
| 269 | 274 | ||
| 270 | /deep/.el-form { | 275 | /deep/.el-form { |
| 271 | display: flex; | 276 | display: flex; |
| 272 | flex-direction: column; | 277 | flex-direction: column; |
| 273 | height: calc(100vh - 130px); | 278 | height: calc(100vh - 130px); |
| 274 | } | 279 | } |
| 275 | 280 | ||
| 276 | /deep/.el-form-item__label { | 281 | /deep/.el-form-item__label { |
| 277 | padding: 0; | 282 | padding: 0; |
| 278 | } | 283 | } |
| 279 | 284 | ||
| 280 | /deep/.el-radio { | 285 | /deep/.el-radio { |
| 281 | margin-right: 10px; | 286 | margin-right: 10px; |
| 282 | } | 287 | } |
| 283 | 288 | ||
| 284 | /deep/.el-select { | 289 | /deep/.el-select { |
| 285 | width: 100%; | 290 | width: 100%; |
| 286 | } | 291 | } |
| 287 | 292 | ||
| 288 | /deep/.el-form-item { | 293 | /deep/.el-form-item { |
| 289 | margin-bottom: 8px; | 294 | margin-bottom: 8px; |
| 290 | } | 295 | } |
| 291 | 296 | ||
| 292 | .marginBot0 { | 297 | .marginBot0 { |
| 293 | margin-bottom: 0 !important; | 298 | margin-bottom: 0 !important; |
| 294 | } | 299 | } |
| 295 | 300 | ||
| 296 | .slxx { | 301 | .slxx { |
| 297 | box-sizing: border-box; | 302 | box-sizing: border-box; |
| 298 | } | 303 | } |
| 299 | 304 | ||
| 300 | .slxx_con { | 305 | .slxx_con { |
| 301 | flex: 1; | 306 | flex: 1; |
| 302 | height: 100%; | 307 | height: 100%; |
| 303 | background-color: #ffffff; | 308 | background-color: #ffffff; |
| 304 | overflow-y: auto; | 309 | overflow-y: auto; |
| 305 | padding-right: 3px; | 310 | padding-right: 3px; |
| 306 | overflow-x: hidden; | 311 | overflow-x: hidden; |
| 307 | } | 312 | } |
| 308 | 313 | ||
| 309 | .submit_btn { | 314 | .submit_btn { |
| 310 | height: 50px; | 315 | height: 50px; |
| 311 | } | 316 | } |
| 312 | 317 | ||
| 313 | .slxx_title { | 318 | .slxx_title { |
| 314 | border-bottom: 1px solid $borderColor; | 319 | border-bottom: 1px solid $borderColor; |
| 315 | padding-left: 10px; | 320 | padding-left: 10px; |
| 316 | padding-bottom: 5px; | 321 | padding-bottom: 5px; |
| 317 | margin-bottom: 10px; | 322 | margin-bottom: 10px; |
| 318 | margin-top: 5px; | 323 | margin-top: 5px; |
| 319 | font-size: 16px; | 324 | font-size: 16px; |
| 320 | font-weight: 500; | 325 | font-weight: 500; |
| 321 | color: #4a4a4a; | 326 | color: #4a4a4a; |
| 322 | } | 327 | } |
| 323 | 328 | ||
| 324 | .btn { | 329 | .btn { |
| 325 | text-align: center; | 330 | text-align: center; |
| 326 | padding-top: 10px; | 331 | padding-top: 10px; |
| 327 | height: 36px; | 332 | height: 36px; |
| 328 | background-color: #ffffff; | 333 | background-color: #ffffff; |
| 329 | padding: 5px 0; | 334 | padding: 5px 0; |
| 330 | } | 335 | } |
| 331 | 336 | ||
| 332 | .textArea { | 337 | .textArea { |
| 333 | /deep/.el-textarea__inner { | 338 | /deep/.el-textarea__inner { |
| 334 | min-height: 90px !important; | 339 | min-height: 90px !important; |
| 340 | } | ||
| 335 | } | 341 | } |
| 336 | } | ||
| 337 | 342 | ||
| 338 | /deep/.el-form-item__label { | 343 | /deep/.el-form-item__label { |
| 339 | padding-bottom: 0px; | 344 | padding-bottom: 0px; |
| 340 | } | 345 | } |
| 341 | </style> | 346 | </style> | ... | ... |
| 1 | export function queueDjywmc(djywbm) { | 1 | /* |
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:36:42 | ||
| 5 | */ | ||
| 6 | export function queueDjywmc (djywbm) { | ||
| 2 | let vm = null; | 7 | let vm = null; |
| 3 | switch (djywbm) { | 8 | switch (djywbm) { |
| 4 | case "A03100"://建设用地使用权（首次登记） | 9 | case "A03100"://建设用地使用权（首次登记） |
| ... | @@ -26,7 +31,7 @@ export function queueDjywmc(djywbm) { | ... | @@ -26,7 +31,7 @@ export function queueDjywmc(djywbm) { |
| 26 | case "A04200": | 31 | case "A04200": |
| 27 | case "A04300": | 32 | case "A04300": |
| 28 | case "A04400": | 33 | case "A04400": |
| 29 | vm="selectFwsyq"; | 34 | vm = "selectFwsyq"; |
| 30 | break; | 35 | break; |
| 31 | case "A23100"://农用地使用权(首次登记) | 36 | case "A23100"://农用地使用权(首次登记) |
| 32 | case "A09100"://土地经营权（首次登记） | 37 | case "A09100"://土地经营权（首次登记） |
| ... | @@ -50,19 +55,19 @@ export function queueDjywmc(djywbm) { | ... | @@ -50,19 +55,19 @@ export function queueDjywmc(djywbm) { |
| 50 | vm = "cfdj"; | 55 | vm = "cfdj"; |
| 51 | break; | 56 | break; |
| 52 | case "B40100"://预告首次 | 57 | case "B40100"://预告首次 |
| 53 | vm ="selectYgdj100"; | 58 | vm = "selectYgdj100"; |
| 54 | break; | 59 | break; |
| 55 | case "B40200"://预告转移 | 60 | case "B40200"://预告转移 |
| 56 | case "B40300"://预告变更 | 61 | case "B40300"://预告变更 |
| 57 | case "B40400"://预告注销 | 62 | case "B40400"://预告注销 |
| 58 | case "B41100": //预告抵押首次 | 63 | case "B41100": //预告抵押首次 |
| 59 | vm ="selectYgdj200"; | 64 | vm = "selectYgdj200"; |
| 60 | break; | 65 | break; |
| 61 | case "B41200": //预告抵押转移 | 66 | case "B41200": //预告抵押转移 |
| 62 | case "B41300": //预告抵押变更 | 67 | case "B41300": //预告抵押变更 |
| 63 | case "B41400": //预告抵押注销 | 68 | case "B41400": //预告抵押注销 |
| 64 | vm ="selectYgdy"; | 69 | vm = "selectYgdy"; |
| 65 | break; | 70 | break; |
| 66 | default: | 71 | default: |
| 67 | vm = "selecBdcql"; | 72 | vm = "selecBdcql"; |
| 68 | break; | 73 | break; | ... | ... |
-
Please register or sign in to post a comment