| 
					
				 | 
			
			
				@@ -0,0 +1,148 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <template-page 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    ref="pageRef" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :getList="getList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :exportList="exportList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :columnParsing="columnParsing" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :optionsEvensGroup="optionsEvensGroup" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :tableAttributes="tableAttributes" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :tableEvents="tableEvents" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :operation="operation()" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div class="cartographer_big"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-dialog title="签约信息" width="100%" :modal="false" :visible.sync="formBool" :before-close="handleClose"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <zj-page-container v-if="formBool"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <zj-page-fill class="neibuview"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <zj-form-container 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              ref="formRef" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :form-data="formData" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :form-rules="formRules" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :form-attributes="{ size: 'mini' }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <zj-form-module title="基础信息" label-width="110px" :form-data="formData" :form-items="items" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </zj-form-container> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </zj-page-fill> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </zj-page-container> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-dialog> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </template-page> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import TemplatePage from '@/components/template/template-page-1.vue' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import import_mixin from '@/components/template/import_mixin.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  websitContractSignList, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  websitContractSignListExport, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  websitContractSignCancel, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  websitContractSignSign, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  websitContractSignDetail 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} from '@/api/networkContractSigning' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { commonTemplateDownload } from '@/api/common.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { required, requiredValueMin } from '@/components/template/rules_verify.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import operation_mixin from '@/components/template/operation_mixin.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  components: { TemplatePage }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  mixins: [import_mixin, operation_mixin], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 表格属性 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      tableAttributes: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        selectColumn: false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 表格事件 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      tableEvents: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        'selection-change': this.selectionChange 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      recordSelected: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      formBool: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      formType: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      formData: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      formRules: {} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  computed: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    optionsEvensGroup() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    items() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 列表请求函数 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getList: websitContractSignList, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 导出 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    exportList: websitContractSignListExport, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 表格列解析渲染数据更改 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    columnParsing(item, defaultData) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return defaultData 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 获取勾选框数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    selectionChange(data) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.recordSelected = data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    openWindow(cb) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$nextTick(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        cb?.() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleClose() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs?.pageRef?.refreshList() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$data.formData = this.$options.data().formData 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.formType = 0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.formBool = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    operation() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return this.operationBtn({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        viewContract: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          click: ({ row, index, column }) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.openWindow(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              websitContractSignDetail({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                id: row.id 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                this.formData = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  ...res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                this.$nextTick(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  this.formType = 1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  this.formBool = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        loseEfficacy: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          prompt: '是否确定设为失效?', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          conditions: ({ row, index, column }) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            return true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          click: ({ row, index, column }) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            websitContractSignCancel({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              id: row.id 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.$message({ type: 'success', message: '设置成功!' }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.$refs?.pageRef?.refreshList() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style lang="scss" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.neibuview { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  box-sizing: border-box; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  padding-left: 16px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  ::v-deep & > .zj-page-fill-scroll { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    box-sizing: border-box; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    padding-right: 16px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    & > div:nth-child(1) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      margin-top: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |