Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
3962ee4c by renchao@pashanhoo.com
Options

dosc:注释的完善

1 parent 6e5a9693
Inline Side-by-side
Showing 64 changed files with 2387 additions and 2080 deletions
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:36:04
5 -->
1 <template> 6 <template>
2 <div id="app"> 7 <div id="app">
3 <router-view /> 8 <router-view />
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:34:44
5 */
1 import Cookies from 'js-cookie' 6 import Cookies from 'js-cookie'
2 7
3 const state = { 8 const state = {
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:34:47
5 */
1 import { getAllDict } from '@/api/user' 6 import { getAllDict } from '@/api/user'
2 const state = { 7 const state = {
3 dictData: {}, 8 dictData: {},
......
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:34:57
5 */
1 const state = { 6 const state = {
2 contentWidth: '' 7 contentWidth: ''
3 } 8 }
......
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:35:07
5 */
1 import variables from '@/styles/element-variables.scss' 6 import variables from '@/styles/element-variables.scss'
2 import defaultSettings from '@/settings' 7 import defaultSettings from '@/settings'
3 8
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:35:13
5 */
1 const state = { 6 const state = {
2 visitedViews: [{ 7 visitedViews: [{
3 'fullPath': "/home", 8 'fullPath': "/home",
......
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:40:46
5 -->
1 <template> 6 <template>
2 <div class="clxx"> 7 <div class="clxx">
3 <div class="left"> 8 <div class="left">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:38
5 -->
1 <template> 6 <template>
2 <div class="clxx"> 7 <div class="clxx">
3 <div class="right"> 8 <div class="right">
......
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:39:57
5 -->
1 <template> 6 <template>
2 <div class="clmlmx-box"> 7 <div class="clmlmx-box">
3 <div class="title">申请材料目录</div> 8 <div class="title">申请材料目录</div>
......
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:09
5 -->
1 <template> 6 <template>
2 <div> 7 <div>
3 <div class="zsdy-content loadingtext"> 8 <div class="zsdy-content loadingtext">
......
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:15
5 -->
1 <template> 6 <template>
2 <div> 7 <div>
3 <div class="process-viewer"> 8 <div class="process-viewer">
......
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 <!-- 1 <!--
2 功能：审批意见 2 * @Description: 功能：审批意见
3 作者：calliope 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:24
4 --> 5 -->
5 <template> 6 <template>
6 <div class='spyj loadingtext'> 7 <div class='spyj loadingtext'>
......
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:38:37
5 */
1 //流程环节操作按钮 6 //流程环节操作按钮
2 export function getForm (tabName, djywbm) { 7 export function getForm (tabName, djywbm) {
3 let form; 8 let form;
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:38:57
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
......
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:39:07
5 */
1 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
2 class data extends filter { 7 class data extends filter {
3 constructor() { 8 constructor() {
......
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: "确定",
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:38:24
5 -->
1 <template> 6 <template>
2 <div class="container"> 7 <div class="container">
3 <!-- 顶部内容框 --> 8 <!-- 顶部内容框 -->
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:42:27
5 -->
1 <template> 6 <template>
2 <div> 7 <div>
3 <el-row :gutter="20"> 8 <el-row :gutter="20">
4 <el-col :span="12"> 9 <el-col :span="12">
5 <el-card class="box-card"> 10 <el-card class="box-card">
6 <div slot="header" class="clearfix"> 11 <div slot="header" class="clearfix">
7 <span class="font-border">CPU</span> 12 <span class="font-border">CPU</span>
8 </div> 13 </div>
9 <div class="flex-display"> 14 <div class="flex-display">
10 <div class="width-50 font-border">属性</div> 15 <div class="width-50 font-border">属性</div>
11 <div class="font-border">值</div> 16 <div class="font-border">值</div>
12 </div> 17 </div>
13 <div class="flex-display"> 18 <div class="flex-display">
14 <div class="width-50">核心数</div> 19 <div class="width-50">核心数</div>
15 <div>{{serverData.xtjkCpu.cpuNum}}</div> 20 <div>{{serverData.xtjkCpu.cpuNum}}</div>
16 </div> 21 </div>
17 <div class="flex-display"> 22 <div class="flex-display">
18 <div class="width-50">用户使用率</div> 23 <div class="width-50">用户使用率</div>
19 <div>{{serverData.xtjkCpu.used}}%</div> 24 <div>{{serverData.xtjkCpu.used}}%</div>
20 </div> 25 </div>
21 <div class="flex-display"> 26 <div class="flex-display">
22 <div class="width-50">系统使用率</div> 27 <div class="width-50">系统使用率</div>
23 <div>{{serverData.xtjkCpu.sys}}%</div> 28 <div>{{serverData.xtjkCpu.sys}}%</div>
24 </div> 29 </div>
25 <div class="flex-display"> 30 <div class="flex-display">
26 <div class="width-50">当前空闲率</div> 31 <div class="width-50">当前空闲率</div>
27 <div>{{serverData.xtjkCpu.free}}%</div> 32 <div>{{serverData.xtjkCpu.free}}%</div>
28 </div> 33 </div>
29 </el-card> 34 </el-card>
30 </el-col> 35 </el-col>
31 <el-col :span="12"> 36 <el-col :span="12">
32 <el-card class="box-card"> 37 <el-card class="box-card">
33 <div slot="header" class="clearfix"> 38 <div slot="header" class="clearfix">
34 <span class="font-border">内存</span> 39 <span class="font-border">内存</span>
35 </div> 40 </div>
36 <div class="flex-display"> 41 <div class="flex-display">
37 <div class="width-33 font-border">属性</div> 42 <div class="width-33 font-border">属性</div>
38 <div class="width-33 font-border">内存</div> 43 <div class="width-33 font-border">内存</div>
39 <div class="font-border">JVM</div> 44 <div class="font-border">JVM</div>
40 </div> 45 </div>
41 <div class="flex-display"> 46 <div class="flex-display">
42 <div class="width-33">总内存</div> 47 <div class="width-33">总内存</div>
43 <div class="width-33">{{serverData.xtjkMem.total}}G</div> 48 <div class="width-33">{{serverData.xtjkMem.total}}G</div>
44 <div>{{serverData.xtjkJvm.total}}M</div> 49 <div>{{serverData.xtjkJvm.total}}M</div>
45 </div> 50 </div>
46 <div class="flex-display"> 51 <div class="flex-display">
47 <div class="width-33">已用内存</div> 52 <div class="width-33">已用内存</div>
48 <div class="width-33">{{serverData.xtjkMem.used}}G</div> 53 <div class="width-33">{{serverData.xtjkMem.used}}G</div>
49 <div>{{serverData.xtjkJvm.used}}M</div> 54 <div>{{serverData.xtjkJvm.used}}M</div>
50 </div> 55 </div>
51 <div class="flex-display"> 56 <div class="flex-display">
52 <div class="width-33">剩余内存</div> 57 <div class="width-33">剩余内存</div>
53 <div class="width-33">{{serverData.xtjkMem.free}}G</div> 58 <div class="width-33">{{serverData.xtjkMem.free}}G</div>
54 <div>{{serverData.xtjkJvm.free}}M</div> 59 <div>{{serverData.xtjkJvm.free}}M</div>
55 </div> 60 </div>
56 <div class="flex-display"> 61 <div class="flex-display">
57 <div class="width-33">使用率</div> 62 <div class="width-33">使用率</div>
58 <div class="width-33" v-if="serverData.xtjkMem.usage > 80" style="color:red">{{serverData.xtjkMem.usage}}%</div> 63 <div class="width-33" v-if="serverData.xtjkMem.usage > 80" style="color:red">{{serverData.xtjkMem.usage}}%</div>
59 <div class="width-33" v-else>{{serverData.xtjkMem.usage}}%</div> 64 <div class="width-33" v-else>{{serverData.xtjkMem.usage}}%</div>
60 <div>{{serverData.xtjkJvm.usage}}%</div> 65 <div>{{serverData.xtjkJvm.usage}}%</div>
61 </div> 66 </div>
62 </el-card> 67 </el-card>
63 </el-col> 68 </el-col>
64 </el-row> 69 </el-row>
65 <el-row :gutter="20"> 70 <el-row :gutter="20">
66 <el-col :span="24"> 71 <el-col :span="24">
67 <el-card class="box-card"> 72 <el-card class="box-card">
68 <div slot="header" class="clearfix"> 73 <div slot="header" class="clearfix">
69 <span class=" font-border">服务器信息</span> 74 <span class=" font-border">服务器信息</span>
70 </div> 75 </div>
71 <div class="flex-display"> 76 <div class="flex-display">
72 <div class="width-25 font-border">服务器名称</div> 77 <div class="width-25 font-border">服务器名称</div>
73 <div class="width-25">{{serverData.xtjkSys.computerName}}</div> 78 <div class="width-25">{{serverData.xtjkSys.computerName}}</div>
74 <div class="width-25 font-border">操作系统</div> 79 <div class="width-25 font-border">操作系统</div>
75 <div>{{serverData.xtjkSys.osName}}</div> 80 <div>{{serverData.xtjkSys.osName}}</div>
76 </div> 81 </div>
77 <div class="flex-display"> 82 <div class="flex-display">
78 <div class="width-25 font-border">服务器IP</div> 83 <div class="width-25 font-border">服务器IP</div>
79 <div class="width-25">{{serverData.xtjkSys.computerIp}}</div> 84 <div class="width-25">{{serverData.xtjkSys.computerIp}}</div>
80 <div class="width-25 font-border">系统架构</div> 85 <div class="width-25 font-border">系统架构</div>
81 <div>{{serverData.xtjkSys.osArch}}</div> 86 <div>{{serverData.xtjkSys.osArch}}</div>
82 </div> 87 </div>
83 </el-card> 88 </el-card>
84 </el-col> 89 </el-col>
85 </el-row> 90 </el-row>
86 <el-row :gutter="20"> 91 <el-row :gutter="20">
87 <el-col :span="24"> 92 <el-col :span="24">
88 <el-card class="box-card"> 93 <el-card class="box-card">
89 <div slot="header" class="clearfix"> 94 <div slot="header" class="clearfix">
90 <span class=" font-border">Java虚拟机信息</span> 95 <span class=" font-border">Java虚拟机信息</span>
91 </div> 96 </div>
92 <div class="flex-display"> 97 <div class="flex-display">
93 <div class="width-25 font-border">Java名称</div> 98 <div class="width-25 font-border">Java名称</div>
94 <div class="width-25">{{serverData.xtjkJvm.name}}</div> 99 <div class="width-25">{{serverData.xtjkJvm.name}}</div>
95 <div class="width-25 font-border">Java版本</div> 100 <div class="width-25 font-border">Java版本</div>
96 <div>{{serverData.xtjkJvm.version}}</div> 101 <div>{{serverData.xtjkJvm.version}}</div>
97 </div> 102 </div>
98 <div class="flex-display"> 103 <div class="flex-display">
99 <div class="width-25 font-border">启动时间</div> 104 <div class="width-25 font-border">启动时间</div>
100 <div class="width-25">{{serverData.xtjkJvm.startTime}}</div> 105 <div class="width-25">{{serverData.xtjkJvm.startTime}}</div>
101 <div class="width-25 font-border">运行时长</div> 106 <div class="width-25 font-border">运行时长</div>
102 <div>{{serverData.xtjkJvm.runTime}}</div> 107 <div>{{serverData.xtjkJvm.runTime}}</div>
103 </div> 108 </div>
104 <div class="flex-display"> 109 <div class="flex-display">
105 <div class="width-25 font-border">安装路径</div> 110 <div class="width-25 font-border">安装路径</div>
106 <div>{{serverData.xtjkJvm.home}}</div> 111 <div>{{serverData.xtjkJvm.home}}</div>
107 </div> 112 </div>
108 <div class="flex-display"> 113 <div class="flex-display">
109 <div class="width-25 font-border">项目路径</div> 114 <div class="width-25 font-border">项目路径</div>
110 <div>{{serverData.xtjkSys.userDir}}</div> 115 <div>{{serverData.xtjkSys.userDir}}</div>
111 </div> 116 </div>
112 </el-card> 117 </el-card>
113 </el-col> 118 </el-col>
114 </el-row> 119 </el-row>
115 <el-row :gutter="20"> 120 <el-row :gutter="20">
116 <el-col :span="24"> 121 <el-col :span="24">
117 <el-card class="box-card"> 122 <el-card class="box-card">
118 <div slot="header" class="clearfix"> 123 <div slot="header" class="clearfix">
119 <span class=" font-border">磁盘信息</span> 124 <span class=" font-border">磁盘信息</span>
120 </div> 125 </div>
121 <div> 126 <div>
122 <el-table :data="serverData.sysFiles" stripe style="width: 100%"> 127 <el-table :data="serverData.sysFiles" stripe style="width: 100%">
123 <el-table-column prop="dirName" label="盘符路径" width="180"></el-table-column> 128 <el-table-column prop="dirName" label="盘符路径" width="180"></el-table-column>
124 <el-table-column prop="sysTypeName" label="文件系统" width="180"></el-table-column> 129 <el-table-column prop="sysTypeName" label="文件系统" width="180"></el-table-column>
125 <el-table-column prop="typeName" label="盘符类型"></el-table-column> 130 <el-table-column prop="typeName" label="盘符类型"></el-table-column>
126 <el-table-column prop="total" label="总大小"></el-table-column> 131 <el-table-column prop="total" label="总大小"></el-table-column>
127 <el-table-column label="可用大小"> 132 <el-table-column label="可用大小">
128 <template slot-scope="scope"> 133 <template slot-scope="scope">
129 <div v-if="scope.row.free < '20 GB'" style="color:red">{{scope.row.free}}</div> 134 <div v-if="scope.row.free < '20 GB'" style="color:red">{{scope.row.free}}</div>
130 <div v-else>{{scope.row.free}}</div> 135 <div v-else>{{scope.row.free}}</div>
131 </template> 136 </template>
132 </el-table-column> 137 </el-table-column>
133 <el-table-column prop="used" label="已用大小"></el-table-column> 138 <el-table-column prop="used" label="已用大小"></el-table-column>
134 <el-table-column prop="usage" label="已用百分比"></el-table-column> 139 <el-table-column prop="usage" label="已用百分比"></el-table-column>
135 </el-table> 140 </el-table>
136 </div> 141 </div>
137 </el-card> 142 </el-card>
138 </el-col> 143 </el-col>
139 </el-row> 144 </el-row>
140 </div> 145 </div>
141 </template> 146 </template>
142 <script> 147 <script>
143 import table from "@/utils/mixin/table" 148 import table from "@/utils/mixin/table"
144 import { getServerInfo } from "@/api/xtjk.js" 149 import { getServerInfo } from "@/api/xtjk.js"
145 export default { 150 export default {
146 name: "zjjk", 151 name: "zjjk",
147 components: { }, 152 components: {},
148 mixins: [table], 153 mixins: [table],
149 mounted () { 154 mounted () {
150 //sendThis(this); 155 //sendThis(this);
151 },
152 computed: {
153 },
154 data () {
155 return {
156 serverData: {}
157 };
158 },
159 methods: {
160 // 列表渲染接口
161 queryClick () {
162 getServerInfo().then(res => {
163 if (res.code === 200) {
164 this.serverData = res.result
165 }
166 })
167 }, 156 },
168 } 157 computed: {
169 }; 158 },
159 data () {
160 return {
161 serverData: {}
162 };
163 },
164 methods: {
165 // 列表渲染接口
166 queryClick () {
167 getServerInfo().then(res => {
168 if (res.code === 200) {
169 this.serverData = res.result
170 }
171 })
172 },
173 }
174 };
170 </script> 175 </script>
171 <style scoped lang="scss"> 176 <style scoped lang="scss">
172 @import "~@/styles/public.scss"; 177 @import "~@/styles/public.scss";
173 .box-card{ 178 .box-card {
174 margin: 5px 10px 10px 5px; 179 margin: 5px 10px 10px 5px;
175 } 180 }
176 .flex-display { 181 .flex-display {
177 display: flex; 182 display: flex;
178 margin-bottom: 10px; 183 margin-bottom: 10px;
179 border-bottom: 1px solid #e6ebf5; 184 border-bottom: 1px solid #e6ebf5;
180 } 185 }
181 .width-50 { 186 .width-50 {
182 width: 50%; 187 width: 50%;
183 padding-bottom: 10px; 188 padding-bottom: 10px;
184 } 189 }
185 .width-33 { 190 .width-33 {
186 width: 33%; 191 width: 33%;
187 padding-bottom: 10px; 192 padding-bottom: 10px;
188 } 193 }
189 .width-25 { 194 .width-25 {
190 width: 25%; 195 width: 25%;
191 padding-bottom: 10px; 196 padding-bottom: 10px;
192 } 197 }
193 .font-border { 198 .font-border {
194 font-weight: bolder; 199 font-weight: bolder;
195 } 200 }
196 </style> 201 </style>
197 202
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:42:32
5 -->
1 <template> 6 <template>
2 <div class="clxx"> 7 <div class="clxx">
3 <div class="left"> 8 <div class="left">
...@@ -36,472 +41,472 @@ ...@@ -36,472 +41,472 @@
36 </div> 41 </div>
37 </template> 42 </template>
38 <script> 43 <script>
39 import { mapGetters } from "vuex"; 44 import { mapGetters } from "vuex";
40 import clxxAddDialog from "./clxxAddDialog.vue"; 45 import clxxAddDialog from "./clxxAddDialog.vue";
41 import imagePreview from '@/views/components/imagePreview.vue' 46 import imagePreview from '@/views/components/imagePreview.vue'
42 import {InitClml,saveClml,deleteSjClml,moveClml} from "@/api/clxx.js"; 47 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
43 export default { 48 export default {
44 components: { clxxAddDialog, imagePreview }, 49 components: { clxxAddDialog, imagePreview },
45 data () { 50 data () {
46 return { 51 return {
47 isDialog: false, 52 isDialog: false,
48 menuList: [ 53 menuList: [
49 { 54 {
50 id: "1", 55 id: "1",
51 label: "材料目录明细", 56 label: "材料目录明细",
52 }, 57 },
53 { 58 {
54 id: "2", 59 id: "2",
55 label: "材料预览", 60 label: "材料预览",
56 },
57 ],
58 menuOpen: true,
59 iclass: "itemIcon el-icon-caret-bottom",
60 treeCheckId: "",
61 checkedId: "1",
62 column: [
63 {
64 width: "35",
65 renderHeader: (h, scope) => {
66 return (
67 <i
68 class="el-icon-plus pointer"
69 onClick={() => {
70 this.handleAdd()
71 }}
72 ></i>
73 );
74 }, 61 },
75 render: (h, scope) => { 62 ],
76 // 新建的材料,可删除 63 menuOpen: true,
77 if (scope.row.sfxjcl === "1") { 64 iclass: "itemIcon el-icon-caret-bottom",
65 treeCheckId: "",
66 checkedId: "1",
67 column: [
68 {
69 width: "35",
70 renderHeader: (h, scope) => {
78 return ( 71 return (
79 <i 72 <i
80 class="el-icon-minus pointer" 73 class="el-icon-plus pointer"
81 onClick={() => { 74 onClick={() => {
82 this.handleDelete(scope.$index, scope.row); 75 this.handleAdd()
83 }} 76 }}
84 ></i> 77 ></i>
85 ); 78 );
86 } 79 },
80 render: (h, scope) => {
81 // 新建的材料,可删除
82 if (scope.row.sfxjcl === "1") {
83 return (
84 <i
85 class="el-icon-minus pointer"
86 onClick={() => {
87 this.handleDelete(scope.$index, scope.row);
88 }}
89 ></i>
90 );
91 }
92 },
87 }, 93 },
88 }, 94 {
89 { 95 width: "35",
90 width: "35", 96 label: "序号",
91 label: "序号", 97 type: "index",
92 type: "index",
93 },
94 {
95 prop: "isrequired",
96 label: "是否必选",
97 width: "50",
98 render: (h, scope) => {
99 if (scope.row.sfxjcl === "1") {
100 return (
101 <div>
102 <span>可选</span>
103 </div>
104 );
105 }
106 else {
107 return (
108 <div>
109 <span>必选</span>
110 </div>
111 );
112 }
113 }, 98 },
114 }, 99 {
115 { 100 prop: "isrequired",
116 prop: "sjmc", 101 label: "是否必选",
117 label: "材料名称", 102 width: "50",
118 }, 103 render: (h, scope) => {
119 { 104 if (scope.row.sfxjcl === "1") {
120 prop: "sjlx", 105 return (
121 label: "材料类型", 106 <div>
122 width: "80", 107 <span>可选</span>
123 render: (h, scope) => { 108 </div>
124 return ( 109 );
125 <div> 110 }
126 <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> 111 else {
127 </div> 112 return (
128 ); 113 <div>
114 <span>必选</span>
115 </div>
116 );
117 }
118 },
119 },
120 {
121 prop: "sjmc",
122 label: "材料名称",
129 }, 123 },
130 }, 124 {
131 { 125 prop: "sjlx",
132 prop: "sjsl", 126 label: "材料类型",
133 label: "份数", 127 width: "80",
134 width: "50" 128 render: (h, scope) => {
135 },
136 {
137 prop: "smzt",
138 label: "扫描状态",
139 width: "80",
140 render: (h, scope) => {
141 if (scope.row.children.length > 0) {
142 return ( 129 return (
143 <div> 130 <div>
144 <span>已扫描</span> 131 <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
145 </div> 132 </div>
146 ); 133 );
147 } else { 134 },
135 },
136 {
137 prop: "sjsl",
138 label: "份数",
139 width: "50"
140 },
141 {
142 prop: "smzt",
143 label: "扫描状态",
144 width: "80",
145 render: (h, scope) => {
146 if (scope.row.children.length > 0) {
147 return (
148 <div>
149 <span>已扫描</span>
150 </div>
151 );
152 } else {
153 return (
154 <div>
155 <span>未扫描</span>
156 </div>
157 );
158 }
159 },
160 },
161 {
162 prop: "ys",
163 label: "扫描页数",
164 width: "50"
165 },
166 {
167 label: "操作",
168 width: "80",
169 render: (h, scope) => {
148 return ( 170 return (
149 <div> 171 <div>
150 <span>未扫描</span> 172 <el-button
173 type="text"
174 disabled={scope.$index == 0}
175 onClick={() => {
176 this.moveUpward(scope.$index, scope.row);
177 }}
178 >
179 上移
180 </el-button>
181 <el-button
182 type="text"
183 disabled={scope.$index + 1 == this.tableData.length}
184 onClick={() => {
185 this.moveDown(scope.$index, scope.row);
186 }}
187 >
188 下移
189 </el-button>
151 </div> 190 </div>
152 ); 191 );
153 } 192 },
154 }, 193 },
155 }, 194 ],
156 { 195 key: 0,
157 prop: "ys", 196 tableData: [],
158 label: "扫描页数", 197 previewImg: {
159 width: "50" 198 // 收件标识码
160 }, 199 bsmSj: '',
161 { 200 bsmSlsq: this.$parent.bsmSlsq,
162 label: "操作", 201 index: 0,
163 width: "80", 202 selectedIndex: 0,
164 render: (h, scope) => { 203 imgList: [
165 return ( 204 {
166 <div> 205 fjurl: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
167 <el-button 206 }
168 type="text" 207 ]
169 disabled={scope.$index == 0}
170 onClick={() => {
171 this.moveUpward(scope.$index, scope.row);
172 }}
173 >
174 上移
175 </el-button>
176 <el-button
177 type="text"
178 disabled={scope.$index + 1 == this.tableData.length}
179 onClick={() => {
180 this.moveDown(scope.$index, scope.row);
181 }}
182 >
183 下移
184 </el-button>
185 </div>
186 );
187 },
188 },
189 ],
190 key: 0,
191 tableData: [],
192 previewImg: {
193 // 收件标识码
194 bsmSj: '',
195 bsmSlsq: this.$parent.bsmSlsq,
196 index: 0,
197 selectedIndex: 0,
198 imgList: [
199 {
200 fjurl: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
201 }
202 ]
203 }
204 }
205 },
206 computed: {
207 ...mapGetters(["dictData"]),
208 },
209 created () {
210 this.clmlInitList()
211 },
212 methods: {
213 // 材料目录明细初始化
214 clmlInitList () {
215 return new Promise(resolve => {
216 this.unitData = this.$parent.unitData;
217 var formdata = new FormData();
218 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
219 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
220 clmlInit(formdata).then((res) => {
221 resolve(res.code)
222 if (res.result.result && res.result.result.length > 0) {
223 this.tableData = res.result.result;
224 this.treeCheckId = this.tableData[0].bsmSj;
225 this.title = this.tableData[0].sjmc;
226 this.titleYs = 1;
227 this.titleNum = this.tableData[0].children.length;
228
229 this.previewImg.imgList = this.tableData[0]?.children;
230 this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
231 }
232 })
233 })
234 },
235 updateList (val) {
236 this.tableData.forEach(item => {
237 if (item.bsmSj === val.bsmSj) {
238 item.children = val.children
239 } 208 }
240 })
241 this.previewImg.imgList = _.cloneDeep(val.children)
242 if (this.previewImg.index == this.previewImg.imgList.length) {
243 this.previewImg.index = this.previewImg.index - 1
244 } 209 }
245 }, 210 },
246 // 左侧菜单点击 211 computed: {
247 menuClick (item) { 212 ...mapGetters(["dictData"]),
248 this.checkedId = item.id
249 }, 213 },
250 // 添加材料目录 214 created () {
251 handleAdd () { 215 this.clmlInitList()
252 this.isDialog = true;
253 }, 216 },
254 // 上移 217 methods: {
255 moveUpward (index, row) { 218 // 材料目录明细初始化
256 let obj = { 219 clmlInitList () {
257 xh: row.xh, 220 return new Promise(resolve => {
258 bsmSlsq: row.bsmSlsq, 221 this.unitData = this.$parent.unitData;
259 moveDirection: "UP", 222 var formdata = new FormData();
260 }; 223 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
261 // 接口待调 224 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
262 moveClml(obj).then(async (res) => { 225 clmlInit(formdata).then((res) => {
263 if (res.code == 200) { 226 resolve(res.code)
264 let res = await this.clmlInitList() 227 if (res.result.result && res.result.result.length > 0) {
265 if (res == 200) this.$message({ 228 this.tableData = res.result.result;
266 message: '上移成功', 229 this.treeCheckId = this.tableData[0].bsmSj;
267 type: 'success' 230 this.title = this.tableData[0].sjmc;
268 }) 231 this.titleYs = 1;
269 } else { 232 this.titleNum = this.tableData[0].children.length;
270 this.$message.error(res.message); 233
271 } 234 this.previewImg.imgList = this.tableData[0]?.children;
272 }) 235 this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
273 }, 236 }
274 // 下移
275 moveDown (index, row) {
276 let obj = {
277 xh: row.xh,
278 bsmSlsq: row.bsmSlsq,
279 moveDirection: "DOWN",
280 }
281 // 接口待调
282 moveClml(obj).then(async (res) => {
283 if (res.code == 200) {
284 let res = await this.clmlInitList()
285 if (res == 200) this.$message({
286 message: '下移成功',
287 type: 'success'
288 })
289 } else {
290 this.$message.error(res.message);
291 }
292 })
293 },
294 // 新增弹窗保存
295 addSave (data) {
296 let obj = {
297 bsmSlsq: this.$parent.bsmSlsq,
298 isrequired: "1",
299 sjmc: data.clmc,
300 sjsl: 0,
301 smzt: '',
302 ys: 0,
303 sjlx: data.cllx,
304 sfxjcl: "1", // 是否必选
305 };
306 saveClml(obj).then(async (res) => {
307 if (res.code == 200) {
308 let res = await this.clmlInitList()
309 if (res == 200) this.$message({
310 message: "新增成功",
311 type: "success",
312 }) 237 })
238 })
239 },
240 updateList (val) {
241 this.tableData.forEach(item => {
242 if (item.bsmSj === val.bsmSj) {
243 item.children = val.children
244 }
245 })
246 this.previewImg.imgList = _.cloneDeep(val.children)
247 if (this.previewImg.index == this.previewImg.imgList.length) {
248 this.previewImg.index = this.previewImg.index - 1
313 } 249 }
314 }); 250 },
315 }, 251 // 左侧菜单点击
316 // 材料目录删除 252 menuClick (item) {
317 handleDelete (index, row) { 253 this.checkedId = item.id
318 let that = this 254 },
319 this.$confirm('此操作将永久删除该 是否继续?', '提示', { 255 // 添加材料目录
320 confirmButtonText: '确定', 256 handleAdd () {
321 cancelButtonText: '取消', 257 this.isDialog = true;
322 type: 'warning' 258 },
323 }).then(() => { 259 // 上移
324 deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => { 260 moveUpward (index, row) {
261 let obj = {
262 xh: row.xh,
263 bsmSlsq: row.bsmSlsq,
264 moveDirection: "UP",
265 };
266 // 接口待调
267 moveClml(obj).then(async (res) => {
325 if (res.code == 200) { 268 if (res.code == 200) {
326 let res = await that.clmlInitList() 269 let res = await this.clmlInitList()
327 if (res == 200) that.$message({ 270 if (res == 200) this.$message({
328 message: "删除成功", 271 message: '上移成功',
329 type: "success", 272 type: 'success'
330 }) 273 })
274 } else {
275 this.$message.error(res.message);
331 } 276 }
332 }) 277 })
333 }).catch(() => { 278 },
334 this.$message({ 279 // 下移
335 type: 'info', 280 moveDown (index, row) {
336 message: '已取消删除' 281 let obj = {
282 xh: row.xh,
283 bsmSlsq: row.bsmSlsq,
284 moveDirection: "DOWN",
285 }
286 // 接口待调
287 moveClml(obj).then(async (res) => {
288 if (res.code == 200) {
289 let res = await this.clmlInitList()
290 if (res == 200) this.$message({
291 message: '下移成功',
292 type: 'success'
293 })
294 } else {
295 this.$message.error(res.message);
296 }
337 }) 297 })
338 }) 298 },
339 }, 299 // 新增弹窗保存
340 // 材料目录关闭收起 300 addSave (data) {
341 iconClick () { 301 let obj = {
342 this.menuOpen = !this.menuOpen; 302 bsmSlsq: this.$parent.bsmSlsq,
343 if (this.menuOpen) { 303 isrequired: "1",
344 this.iclass = "itemIcon el-icon-caret-bottom close"; 304 sjmc: data.clmc,
345 } else { 305 sjsl: 0,
346 this.iclass = "itemIcon el-icon-caret-bottom open"; 306 smzt: '',
347 } 307 ys: 0,
348 }, 308 sjlx: data.cllx,
349 // 材料目录点击选中 309 sfxjcl: "1", // 是否必选
350 treeClick (item) { 310 };
351 this.treeCheckId = item.bsmSj; 311 saveClml(obj).then(async (res) => {
352 this.previewImg.imgList = item?.children; 312 if (res.code == 200) {
353 this.previewImg.bsmSj = item?.bsmSj; 313 let res = await this.clmlInitList()
354 }, 314 if (res == 200) this.$message({
355 // 小图片点击 315 message: "新增成功",
356 imgClick (item, index) { 316 type: "success",
357 this.showImg = item; 317 })
358 this.titleYs = index + 1;
359 },
360 // 字典
361 dicStatus (val, code) {
362 let data = this.$store.getters.dictData[code],
363 name = "暂无";
364 if (data) {
365 data.map((item) => {
366 if (item.dcode == val) {
367 name = item.dname;
368 } 318 }
369 }); 319 });
370 return name; 320 },
371 } 321 // 材料目录删除
322 handleDelete (index, row) {
323 let that = this
324 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
325 confirmButtonText: '确定',
326 cancelButtonText: '取消',
327 type: 'warning'
328 }).then(() => {
329 deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
330 if (res.code == 200) {
331 let res = await that.clmlInitList()
332 if (res == 200) that.$message({
333 message: "删除成功",
334 type: "success",
335 })
336 }
337 })
338 }).catch(() => {
339 this.$message({
340 type: 'info',
341 message: '已取消删除'
342 })
343 })
344 },
345 // 材料目录关闭收起
346 iconClick () {
347 this.menuOpen = !this.menuOpen;
348 if (this.menuOpen) {
349 this.iclass = "itemIcon el-icon-caret-bottom close";
350 } else {
351 this.iclass = "itemIcon el-icon-caret-bottom open";
352 }
353 },
354 // 材料目录点击选中
355 treeClick (item) {
356 this.treeCheckId = item.bsmSj;
357 this.previewImg.imgList = item?.children;
358 this.previewImg.bsmSj = item?.bsmSj;
359 },
360 // 小图片点击
361 imgClick (item, index) {
362 this.showImg = item;
363 this.titleYs = index + 1;
364 },
365 // 字典
366 dicStatus (val, code) {
367 let data = this.$store.getters.dictData[code],
368 name = "暂无";
369 if (data) {
370 data.map((item) => {
371 if (item.dcode == val) {
372 name = item.dname;
373 }
374 });
375 return name;
376 }
377 },
372 }, 378 },
373 }, 379 };
374 };
375 </script> 380 </script>
376 <style scoped lang='scss'> 381 <style scoped lang='scss'>
377 @import "~@/styles/mixin.scss"; 382 @import "~@/styles/mixin.scss";
378 383
379 .active { 384 .active {
380 background: $light-blue !important; 385 background: $light-blue !important;
381 color: #fff; 386 color: #fff;
382 }
383
384 .clxx {
385 width: 100%;
386 display: flex;
387 padding-left: 5px;
388 height: calc(100vh - 125px);
389
390 .left {
391 display: flex;
392 flex-direction: column;
393 justify-content: space-between;
394
395 .item {
396 width: 28px;
397 height: 49%;
398 @include flex-center;
399 background-color: #E4E7ED;
400 border-bottom-right-radius: 10px;
401 padding: 5px;
402 cursor: pointer;
403 transition: all 0.3s;
404
405 &:hover {
406 @extend .active;
407 }
408 }
409 } 387 }
410 388
411 .right { 389 .clxx {
412 width: 100%; 390 width: 100%;
413 height: 100%; 391 display: flex;
392 padding-left: 5px;
393 height: calc(100vh - 125px);
394
395 .left {
396 display: flex;
397 flex-direction: column;
398 justify-content: space-between;
414 399
415 .clmlmx-box { 400 .item {
416 margin: 0 auto; 401 width: 28px;
402 height: 49%;
403 @include flex-center;
404 background-color: #e4e7ed;
405 border-bottom-right-radius: 10px;
406 padding: 5px;
407 cursor: pointer;
408 transition: all 0.3s;
417 409
418 .title { 410 &:hover {
419 text-align: center; 411 @extend .active;
420 height: 60px; 412 }
421 line-height: 60px;
422 border: 1px solid #dfe6ec;
423 font-size: 20px;
424 background: #81d3f81a;
425 margin-bottom: -1px;
426 } 413 }
427 } 414 }
428 415
429 .clyl-box { 416 .right {
430 width: 100%; 417 width: 100%;
431 height: 100%; 418 height: 100%;
432 display: flex;
433 419
434 .menu-tree { 420 .clmlmx-box {
435 width: 20%; 421 margin: 0 auto;
436 min-width: 160px;
437 height: 100%;
438 margin-right: 10px;
439 border-right: 1px dotted #d9d9d9;
440 padding: 0 15px;
441 422
442 .item { 423 .title {
424 text-align: center;
443 height: 60px; 425 height: 60px;
444 line-height: 60px; 426 line-height: 60px;
445 border-bottom: 1px solid #e8e8e8; 427 border: 1px solid #dfe6ec;
446 font-size: 16px; 428 font-size: 20px;
447 color: #4a4a4a; 429 background: #81d3f81a;
430 margin-bottom: -1px;
431 }
432 }
433
434 .clyl-box {
435 width: 100%;
436 height: 100%;
437 display: flex;
438
439 .menu-tree {
440 width: 20%;
441 min-width: 160px;
442 height: 100%;
443 margin-right: 10px;
444 border-right: 1px dotted #d9d9d9;
445 padding: 0 15px;
448 446
449 .itemIcon { 447 .item {
450 float: right; 448 height: 60px;
451 line-height: 60px; 449 line-height: 60px;
452 cursor: pointer; 450 border-bottom: 1px solid #e8e8e8;
453 } 451 font-size: 16px;
452 color: #4a4a4a;
454 453
455 @keyframes open { 454 .itemIcon {
456 100% { 455 float: right;
457 transform: rotate(180deg); 456 line-height: 60px;
457 cursor: pointer;
458 } 458 }
459 }
460 459
461 @keyframes close { 460 @keyframes open {
462 0% { 461 100% {
463 transform: rotate(180deg); 462 transform: rotate(180deg);
463 }
464 } 464 }
465 465
466 100% { 466 @keyframes close {
467 transform: rotate(-0deg); 467 0% {
468 transform: rotate(180deg);
469 }
470
471 100% {
472 transform: rotate(-0deg);
473 }
468 } 474 }
469 }
470 475
471 .open { 476 .open {
472 animation: open 0.5s; 477 animation: open 0.5s;
473 animation-fill-mode: both; 478 animation-fill-mode: both;
474 } 479 }
475 480
476 .close { 481 .close {
477 animation: close 0.5s; 482 animation: close 0.5s;
478 animation-fill-mode: both; 483 animation-fill-mode: both;
479 } 484 }
480 485
481 .child { 486 .child {
482 line-height: 36px; 487 line-height: 36px;
483 border-bottom: 1px solid #e8e8e8; 488 border-bottom: 1px solid #e8e8e8;
484 padding-left: 10px; 489 padding-left: 10px;
485 color: #6b6b6b; 490 color: #6b6b6b;
486 cursor: pointer; 491 cursor: pointer;
487 box-sizing: border-box; 492 box-sizing: border-box;
488 } 493 }
489 494
490 .checked { 495 .checked {
491 border-radius: 6px; 496 border-radius: 6px;
492 border: 1px solid #4083f9; 497 border: 1px solid #4083f9;
498 }
493 } 499 }
494 } 500 }
495 }
496 501
497 .clyl-img { 502 .clyl-img {
498 width: 75%; 503 width: 75%;
499 height: 100%; 504 height: 100%;
500 background: #f3f4f7; 505 background: #f3f4f7;
501 margin: 0 auto; 506 margin: 0 auto;
502 position: relative; 507 position: relative;
508 }
503 } 509 }
504 } 510 }
505 } 511 }
506 }
507 </style> 512 </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: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:42:49
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <div class="from-clues-header"> 8 <div class="from-clues-header">
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:42:55
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
......
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 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:45:26
5 -->
1 <template> 6 <template>
2 <!-- 受理信息 --> 7 <!-- 受理信息 -->
3 <div class="slxx"> 8 <div class="slxx">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:45:28
5 -->
1 <template> 6 <template>
2 <!-- 受理信息 --> 7 <!-- 受理信息 -->
3 <div class="slxx"> 8 <div class="slxx">
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:36:52
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
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:36:58
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
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:01
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
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:05
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
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:08
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
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:14
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
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:18
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
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:22
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
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:24
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
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:39
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
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:47
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
......
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;
......