Home Explore Help
Register Sign In
qzyReal
/
market-admin-ui
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

新增-边民个体户税务开户功能

linbl 7 months ago
parent
e419edfd89
commit
f413319d79
7 changed files with 934 additions and 3 deletions
Split View Show Diff Stats
  1. 11 0
      sa-frame/menu-list-sp.js
  2. 123 0
      sa-view/tb-people-tax-account/tb-people-choose.html
  3. 246 0
      sa-view/tb-people-tax-account/tb-people-tax-account-add.html
  4. 137 0
      sa-view/tb-people-tax-account/tb-people-tax-account-info.html
  5. 153 0
      sa-view/tb-people-tax-account/tb-people-tax-account-list.html
  6. 259 0
      sa-view/tb-people-tax-account/tb-people-tax-account-update.html
  7. 5 3
      sa-view/tb-people/tb-people-info.html

+ 11 - 0
sa-frame/menu-list-sp.js
View File 

@@ -257,6 +257,17 @@ window.menuList.unshift({
 
 					},
 
 				]
 
 			},
 
+			{
 
+				id: 'tb-people-tax-account',
 
+				icon: 'el-icon-folder-opened',
 
+				name: '个体户(开票)',
 
+				url: 'sa-view/tb-people-tax-account/tb-people-tax-account-list.html',
 
+				childList: [
 
+					{id:'tb-people-tax-account-add',name:'个体户(开票)添加',isShow:false},
 
+					{id:'tb-people-tax-account-edit',name:'个体户(开票)更新',isShow:false},
 
+					{id:'tb-people-tax-account-del',name:'个体户(开票)删除',isShow:false},
 
+				]
 
+			},
 
 
 			// {
 
 			// 	id: 'tb-enterprise-judge',

+ 123 - 0
sa-view/tb-people-tax-account/tb-people-choose.html
View File 

@@ -0,0 +1,123 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<title>边民-列表</title>
 
+		<meta charset="utf-8">
 
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 
+		<!-- 所有的 css & js 资源 -->
 
+		<link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
 
+		<link rel="stylesheet" href="../../static/sa.css">
 
+		<script src="../../static/kj/vue.min.js"></script>
 
+		<script src="../../static/kj/element-ui/index.js"></script>
 
+		<script src="../../static/kj/httpVueLoader.js"></script>
 
+		<script src="../../static/kj/jquery.min.js"></script>
 
+		<script src="../../static/kj/layer/layer.js"></script>
 
+		<script src="../../static/sa.js"></script>
 
+	</head>
 
+	<body>
 
+		<div class="vue-box" style="display: none;" :style="'display: block;'">
 
+			<div class="c-panel">
 
+				<!-- ------------- 检索参数 ------------- -->
 
+				<div class="c-title" style="color: red">【请选择相应边民，新增相关的税务开票信息】</div>
 
+				<el-form ref="form" :model='p' @submit.native.prevent>
 
+					<div class="c-item">
 
+						<label class="c-label">姓名：</label>
 
+						<el-input size="mini" v-model="p.name"></el-input>
 
+					</div>
 
+					<div class="c-item">
 
+						<label class="c-label">身份证：</label>
 
+						<el-input size="mini" v-model="p.idCard"></el-input>
 
+					</div>
 
+					<div class="c-item">
 
+						<label class="c-label">手机号码：</label>
 
+						<el-input size="mini" v-model="p.phone"></el-input>
 
+					</div>
 
+					<div class="c-item" style="min-width: 0px;">
 
+						<el-button size="mini" type="primary" icon="el-icon-search" @click="p.pageNo = 1; f5()">查询</el-button>
 
+						<el-button size="mini" type="info"  icon="el-icon-refresh"  @click="sa.f5()">重置</el-button>
 
+					</div>
 
+				</el-form>
 
+				<!-- ------------- 数据列表 ------------- -->
 
+				<el-table class="data-table" ref="data-table" :data="dataList" size="small">
 
+					<el-table-column align="center" label="序号" type="index" ></el-table-column>
 
+					<el-table-column align="center" label="姓名" prop="name" ></el-table-column>
 
+					<el-table-column align="center" label="性别" width="60px">
 
+						<template slot-scope="s">
 
+							<b v-if="s.row.sex == 1">男</b>
 
+							<b v-if="s.row.sex == 2">女</b>
 
+						</template>
 
+					</el-table-column>
 
+					<el-table-column align="center" label="身份证" prop="idCard">
 
+						<template slot-scope="s">
 
+							<b v-if="s.row.idCard">{{s.row.idCard}}</b>
 
+							<b v-else>-</b>
 
+						</template>
 
+					</el-table-column>
 
+					<el-table-column align="center" label="手机号码" prop="phone">
 
+						<template slot-scope="s">
 
+							<b v-if="s.row.phone">{{s.row.phone}}</b>
 
+							<b v-else>-</b>
 
+						</template>
 
+					</el-table-column>
 
+					<el-table-column align="center" label="互市区" prop="tradeAreaName" ></el-table-column>
 
+					<el-table-column align="center" label="操作" fixed="right"  width="180px">
 
+						<template slot-scope="s">
 
+							<el-button class="c-btn" type="success" icon="el-icon-view" @click="get(s.row)">查看</el-button>
 
+							<el-button class="c-btn" type="primary" icon="el-icon-check" @click="choose(s.row)">选择</el-button>
 
+						</template>
 
+					</el-table-column>
 
+				</el-table>
 
+				<!-- ------------- 分页 ------------- -->
 
+				<div class="page-box">
 
+					<el-pagination background
 
+						layout="total, prev, pager, next, sizes, jumper"
 
+						:current-page.sync="p.pageNo"
 
+						:page-size.sync="p.pageSize"
 
+						:total="dataCount"
 
+						:page-sizes="[1, 10, 20, 30, 40, 50, 100]"
 
+						@current-change="f5()"
 
+						@size-change="f5()">
 
+					</el-pagination>
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<script>
 
+			var app = new Vue({
 
+				el: '.vue-box',
 
+				data: {
 
+					p: { // 查询参数
 
+						name: '',		// 姓名
 
+						idCard: '',		// 身份证
 
+						phone: '',		// 手机号码
 
+						pageNo: 1,		// 当前页
 
+						pageSize: 10,	// 页大小
 
+						sortType: 0		// 排序方式
 
+					},
 
+					dataCount: 0,
 
+					dataList: [], // 数据集合
 
+				},
 
+				methods: {
 
+					// 刷新
 
+					f5: function() {
 
+						sa.ajax('/level-one-server/TbPeople/getList', sa.removeNull(this.p), function(res) {
 
+							this.dataList = res.data; // 数据
 
+							this.dataCount = res.dataCount; // 数据总数
 
+							sa.f5TableHeight();		// 刷新表格高度
 
+						}.bind(this));
 
+					},
 
+					// 查看
 
+					get: function(data) {
 
+						sa.showIframe('数据详情', '../tb-people/tb-people-info.html?id=' + data.id, '950px', '100%');
 
+					},
 
+					choose: function(data) {
 
+						sa.showIframe('新增边民税务开户信息', 'tb-people-tax-account-add.html?type=addPeople&id=' + data.id, '1000px', '90%');
 
+					},
 
+				},
 
+				created: function() {
 
+					this.f5();
 
+					sa.onInputEnter();
 
+				}
 
+			})
 
+		</script>
 
+	</body>
 
+</html>

+ 246 - 0
sa-view/tb-people-tax-account/tb-people-tax-account-add.html
View File 

@@ -0,0 +1,246 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<title>边民-税务开户信息-添加/修改</title>
 
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 
+		<!-- 所有的 css js 资源 -->
 
+		<link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
 
+		<link rel="stylesheet" href="../../static/sa.css">
 
+		<script src="../../static/kj/vue.min.js"></script>
 
+		<script src="../../static/kj/element-ui/index.js"></script>
 
+		<script src="../../static/kj/httpVueLoader.js"></script>
 
+		<script src="../../static/kj/jquery.min.js"></script>
 
+		<script src="../../static/kj/layer/layer.js"></script>
 
+		<script src="../../static/sa.js"></script>
 
+		<style type="text/css">
 
+			.c-panel .el-form .c-label{width: 7em !important;}
 
+			.c-panel .el-form .el-input, .c-panel .el-form .el-textarea__inner{width: 250px;}
 
+			table {
 
+				font-family: arial, sans-serif;
 
+				border-collapse: collapse;
 
+				width: 90%;
 
+				margin-top: 22px;
 
+				margin-left: auto;
 
+				margin-right: auto;
 
+			}
 
+
 
+			th {
 
+				border: 1px solid darkgray;
 
+				text-align: left;
 
+				height: 22px;
 
+				padding: 8px;
 
+				background-color: #dddddd;
 
+			}
 
+
 
+			td {
 
+				border: 1px solid darkgray;
 
+				text-align: left;
 
+				padding: 8px;
 
+			}
 
+		</style>
 
+	</head>
 
+	<body>
 
+		<div class="vue-box" :class="{sbot: id}" style="display: none;" :style="'display: block;'">
 
+			<!-- ------- 内容部分 ------- -->
 
+			<div class="s-body">
 
+				<div class="c-panel">
 
+                    <div class="c-title" v-if="id == 0">数据添加</div>
 
+					<div class="c-title" v-else>数据修改</div>
 
+					<el-form v-if="m">
 
+						<table>
 
+							<tr>
 
+								<th>经营者</th>
 
+								<td>{{m.name}}</td>
 
+								<th>身份证</th>
 
+								<td>{{m.idCard}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>名称</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.businessName" placeholder="请输入名称"></el-input>
 
+								</td>
 
+								<th>社会统一信用代码</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.dutyParagraph" placeholder="请输入社会统一信用代码"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>开户行</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.bankName" placeholder="请输入开户行"></el-input>
 
+								</td>
 
+								<th>银行账号</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.bankCode" placeholder="请输入银行账号"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>联系人</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.contacts" placeholder="请输入联系人"></el-input>
 
+								</td>
 
+								<th>联系电话</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.phone" placeholder="请输入联系电话"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>组成形式</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.form" placeholder="请输入组成形式"></el-input>
 
+								</td>
 
+								<th>经营状态</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.businessStatus" placeholder="请输入经营状态"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>开票商</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.invoiceBusiness" placeholder="请输入开票商"></el-input>
 
+								</td>
 
+								<th>开票人</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.invoicePeople" placeholder="请输入开票人"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>收款人</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.payee" placeholder="请输入收款人"></el-input>
 
+								</td>
 
+								<th>复核人</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.checker" placeholder="请输入复核人"></el-input>
 
+								</td>
 
+							</tr>
 
+							<!--<tr>
 
+								<th>互市区</th>
 
+								<td>{{m.tradeAreaName}}</td>
 
+								<th>创建时间</th>
 
+								<td>{{sa.forDate(m.createTime, 2)}}</td>
 
+							</tr>-->
 
+							<tr>
 
+								<th>经营场所</th>
 
+								<td colspan="3">
 
+									<el-input type="text" v-model="m.businessAddress" placeholder="请输入经营场所" style="width: 95%;"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>经营范围</th>
 
+								<td colspan="3" >
 
+									<el-input type="text" v-model="m.businessScope" placeholder="请输入经营范围" style="width: 95%;"></el-input>
 
+								</td>
 
+							</tr>
 
+						</table>
 
+						<sa-item name="" class="s-ok" br>
 
+							<el-button type="primary" icon="el-icon-plus" @click="ok()">保存</el-button>
 
+						</sa-item>
 
+					</el-form>
 
+				</div>
 
+			</div>
 
+			<!-- ------- 底部按钮 ------- -->
 
+			<div class="s-foot">
 
+				<el-button type="primary" @click="ok()">确定</el-button>
 
+				<el-button @click="sa.closeCurrIframe()">取消</el-button>
 
+			</div>
 
+		</div>
 
+        <script>
 
+
 
+			var app = new Vue({
 
+				components: {
 
+					"sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue')
 
+				},
 
+				el: '.vue-box',
 
+				data: {
 
+					id: sa.p('id', 0),		// 获取超链接中的id参数（0=添加，非0=修改）
 
+					type: sa.p('type', 0),
 
+					m: null,		// 实体对象
 
+					peopleInfo: {}
 
+				},
 
+				methods: {
 
+					// 创建一个 默认Model
 
+					createModel: function() {
 
+						return {
 
+							id: '',		// 主键id
 
+							peopleId: '',		// 边民表ID
 
+							businessName: '',		// 个体户名称
 
+							dutyParagraph: '',		// 社会统一信用代码
 
+							name: '',		// 经营者(边民)
 
+							address: '',		// 地址
 
+							form: '',		// 组成形式
 
+							contacts: '',		// 联系人
 
+							phone: '',		// 联系电话
 
+							businessAddress: '',		// 经营场所
 
+							businessScope: '',		// 经营范围
 
+							businessStatus: '',		// 经营状态
 
+							idCard: '',		// 身份证
 
+							bankName: '',		// 开户行
 
+							bankCode: '',		// 银行账号
 
+							invoiceBusiness: '',		// 开票商
 
+							invoicePeople: '',		// 开票人
 
+							payee: '',		// 收款人
 
+							checker: '',		// 复核人
 
+						}
 
+					},
 
+					// 提交数据
 
+					ok: function(){
 
+						// 表单校验
 
+						let m = this.m;
 
+						sa.checkNull(m.businessName, '请输入 [名称]');
 
+						sa.checkNull(m.dutyParagraph, '请输入 [社会统一信用代码]');
 
+						sa.checkNull(m.bankName, '请输入 [开户行]');
 
+						sa.checkNull(m.bankCode, '请输入 [银行账号]');
 
+						sa.checkNull(m.contacts, '请输入 [联系人]');
 
+						sa.checkNull(m.phone, '请输入 [联系电话]');
 
+						sa.checkNull(m.form, '请输入 [组成形式]');
 
+						sa.checkNull(m.businessStatus, '请输入 [经营状态]');
 
+
 
+						// 开始增加或修改
 
+						if(this.type === 'addPeople' && this.id > 0) {	// 添加
 
+							sa.ajax('/level-one-server/TbPeopleTaxAccount/add', m, function(res){
 
+								sa.alert('增加成功', this.clean);
 
+							}.bind(this));
 
+						} else {	// 修改
 
+							sa.ajax('/level-one-server/TbPeopleTaxAccount/update', m, function(res){
 
+								sa.alert('修改成功', this.clean);
 
+							}.bind(this));
 
+						}
 
+					},
 
+					// 添加/修改 完成后的动作
 
+					clean: function() {
 
+						parent.app.f5();		// 刷新父页面列表
 
+						sa.closeCurrIframe();	// 关闭本页
 
+					}
 
+				},
 
+				mounted: function(){
 
+					console.log("---type----="+this.type)
 
+					console.log("---id----="+this.id)
 
+					// 初始化数据
 
+					if(this.type === 'addPeople' && this.id > 0) {
 
+						this.m = this.createModel();
 
+						sa.ajax('/level-one-server/TbPeople/getById', {id: this.id}, function(res) {
 
+							this.peopleInfo = res.data; // 数据
 
+							this.m.peopleId = this.peopleInfo.id
 
+							this.m.name = this.peopleInfo.name
 
+							this.m.idCard = this.peopleInfo.idCard
 
+							this.m.phone = this.peopleInfo.phone
 
+							this.m.tradeAreaId = this.peopleInfo.tradeAreaId
 
+							this.m.tradeAreaName = this.peopleInfo.tradeAreaName
 
+							sa.f5TableHeight();		// 刷新表格高度
 
+						}.bind(this));
 
+					} else {
 
+						sa.ajax('/level-one-server/TbPeopleTaxAccount/getById?id=' + this.id, function(res) {
 
+							this.m = res.data;
 
+							if(res.data == null) {
 
+								sa.alert('未能查找到 id=' + this.id + " 详细数据");
 
+							}
 
+						}.bind(this))
 
+					}
 
+				}
 
+			})
 
+
 
+		</script>
 
+	</body>
 
+</html>

+ 137 - 0
sa-view/tb-people-tax-account/tb-people-tax-account-info.html
View File 

@@ -0,0 +1,137 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<title>边民-税务开户信息-详情</title>
 
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 
+		<!-- 所有的 css js 资源 -->
 
+		<link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
 
+		<link rel="stylesheet" href="../../static/sa.css">
 
+		<script src="../../static/kj/vue.min.js"></script>
 
+		<script src="../../static/kj/element-ui/index.js"></script>
 
+		<script src="../../static/kj/httpVueLoader.js"></script>
 
+		<script src="../../static/kj/jquery.min.js"></script>
 
+		<script src="../../static/kj/layer/layer.js"></script>
 
+		<script src="../../static/sa.js"></script>
 
+		<style type="text/css">
 
+			table {
 
+				font-family: arial, sans-serif;
 
+				border-collapse: collapse;
 
+				width: 90%;
 
+				margin-top: 26px ;
 
+				margin-left: auto;
 
+				margin-right: auto;
 
+			}
 
+			th {
 
+				border: 1px solid darkgray;
 
+				text-align: left;
 
+				height: 26px;
 
+				padding: 8px;
 
+				background-color: #dddddd;
 
+			}
 
+			td {
 
+				border: 1px solid darkgray;
 
+				text-align: left;
 
+				padding: 8px;
 
+			}
 
+			.c-panel .c-label{width: 8em;}
 
+		</style>
 
+	</head>
 
+	<body>
 
+		<div class="vue-box sbot" style="display: none;" :style="'display: block;'">
 
+			<!-- ------- 内容部分 ------- -->
 
+			<div class="s-body">
 
+				<div class="c-panel">
 
+					<el-form v-if="m">
 
+						<table>
 
+							<tr>
 
+								<th>名称</th>
 
+								<td>{{m.businessName}}</td>
 
+								<th>社会统一信用代码</th>
 
+								<td>{{m.dutyParagraph}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>经营者</th>
 
+								<td>{{m.name}}</td>
 
+								<th>身份证</th>
 
+								<td>{{m.idCard}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>开户行</th>
 
+								<td>{{m.bankName}}</td>
 
+								<th>银行账号</th>
 
+								<td>{{m.bankCode}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>联系人</th>
 
+								<td>{{m.contacts}}</td>
 
+								<th>联系电话</th>
 
+								<td>{{m.phone}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>组成形式</th>
 
+								<td>{{m.form}}</td>
 
+								<th>经营状态</th>
 
+								<td>{{m.businessStatus}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>开票商</th>
 
+								<td>{{m.invoiceBusiness}}</td>
 
+								<th>开票人</th>
 
+								<td>{{m.invoicePeople}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>收款人</th>
 
+								<td>{{m.payee}}</td>
 
+								<th>复核人</th>
 
+								<td>{{m.checker}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>互市区</th>
 
+								<td>{{m.tradeAreaName}}</td>
 
+								<th>创建时间</th>
 
+								<td>{{sa.forDate(m.createTime, 2)}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>经营场所</th>
 
+								<td colspan="3">{{m.businessAddress}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>经营范围</th>
 
+								<td colspan="3" style="width: 90%;">{{m.businessScope}}</td>
 
+							</tr>
 
+						</table>
 
+					</el-form>
 
+				</div>
 
+			</div>
 
+			<!-- ------- 底部按钮 ------- -->
 
+			<div class="s-foot">
 
+				<el-button type="success" @click="sa.closeCurrIframe()">确定</el-button>
 
+				<el-button @click="sa.closeCurrIframe()">取消</el-button>
 
+			</div>
 
+		</div>
 
+		<script>
 
+			var app = new Vue({
 
+				components: {
 
+					"sa-info": httpVueLoader('../../sa-frame/com/sa-info.vue')
 
+				},
 
+				el: '.vue-box',
 
+				data: {
 
+					id: sa.p('id', 0),	// 获取数据ID
 
+					m: null
 
+				},
 
+				methods: {
 
+				},
 
+				mounted: function() {
 
+					sa.ajax('/level-one-server/TbPeopleTaxAccount/getById?id=' + this.id, function(res) {
 
+						this.m = res.data;
 
+						if(res.data == null) {
 
+							sa.alert('未能查找到 id=' + this.id + " 详细数据");
 
+						}
 
+					}.bind(this))
 
+				}
 
+			})
 
+
 
+		</script>
 
+	</body>
 
+</html>

+ 153 - 0
sa-view/tb-people-tax-account/tb-people-tax-account-list.html
View File 

@@ -0,0 +1,153 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<title>边民-税务开户信息-列表</title>
 
+		<meta charset="utf-8">
 
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 
+		<!-- 所有的 css & js 资源 -->
 
+		<link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
 
+		<link rel="stylesheet" href="../../static/sa.css">
 
+		<script src="../../static/kj/vue.min.js"></script>
 
+		<script src="../../static/kj/element-ui/index.js"></script>
 
+		<script src="../../static/kj/httpVueLoader.js"></script>
 
+		<script src="../../static/kj/jquery.min.js"></script>
 
+		<script src="../../static/kj/layer/layer.js"></script>
 
+		<script src="../../static/sa.js"></script>
 
+	</head>
 
+	<body>
 
+		<div class="vue-box" style="display: none;" :style="'display: block;'">
 
+			<div class="c-panel">
 
+				<!-- ------------- 检索参数 ------------- -->
 
+				<div class="c-title">检索参数</div>
 
+				<el-form ref="form" :model='p' @submit.native.prevent>
 
+					<sa-item type="text" name="名称" v-model="p.businessName"></sa-item>
 
+					<sa-item type="text" name="经营者" v-model="p.name"></sa-item>
 
+					<sa-item type="text" name="经营状态" v-model="p.businessStatus" width="90px"></sa-item>
 
+					<el-button type="primary" icon="el-icon-search" @click="p.pageNo = 1; f5()">查询</el-button>
 
+					<el-button size="mini" type="info" @click="sa.f5()">重置</el-button>
 
+					<el-button v-if="sa.isAuth('tb-people-tax-account-add')" size="mini" type="primary" @click="add()">新增</el-button>
 
+				</el-form>
 
+				<!--<div class="fast-btn">
 
+
 
+				</div>-->
 
+				<!-- ------------- 数据列表 ------------- -->
 
+				<el-table class="data-table" ref="data-table" :data="dataList" >
 
+					<sa-td type="selection"></sa-td>
 
+					<sa-td name="名称" prop="businessName" width="200px"></sa-td>
 
+					<sa-td name="社会统一信用代码" prop="dutyParagraph" width="200px"></sa-td>
 
+					<sa-td name="经营者" prop="name" ></sa-td>
 
+					<sa-td name="组成形式" prop="form" ></sa-td>
 
+					<sa-td name="经营状态" prop="businessStatus" ></sa-td>
 
+					<sa-td name="联系人" prop="contacts" ></sa-td>
 
+					<sa-td name="联系电话" prop="phone" width="140px"></sa-td>
 
+					<sa-td name="身份证" prop="idCard" width="180px"></sa-td>
 
+					<sa-td name="开户行" prop="bankName" width="200px"></sa-td>
 
+					<sa-td name="银行账号" prop="bankCode" width="200px"></sa-td>
 
+					<!--<sa-td name="互市区" prop="tradeAreaName" ></sa-td>
 
+					<sa-td name="开票商" prop="invoiceBusiness" ></sa-td>
 
+					<sa-td name="开票人" prop="invoicePeople" ></sa-td>
 
+					<sa-td name="收款人" prop="payee" ></sa-td>
 
+					<sa-td name="复核人" prop="checker" ></sa-td>-->
 
+					<sa-td name="创建时间" prop="createTime" width="140px"></sa-td>
 
+					<el-table-column label="操作" fixed="right"  width="240px">
 
+						<template slot-scope="s">
 
+							<el-button class="c-btn" type="success" icon="el-icon-view" @click="get(s.row)">查看</el-button>
 
+							<el-button v-if="sa.isAuth('tb-people-tax-account-edit')" class="c-btn" type="primary" icon="el-icon-edit" @click="update(s.row)">修改</el-button>
 
+							<el-button v-if="sa.isAuth('tb-people-tax-account-del')" class="c-btn" type="danger" icon="el-icon-delete" @click="del(s.row)">删除</el-button>
 
+						</template>
 
+					</el-table-column>
 
+				</el-table>
 
+				<!-- ------------- 分页 ------------- -->
 
+				<sa-item type="page" :curr.sync="p.pageNo" :size.sync="p.pageSize" :total="dataCount" @change="f5()"></sa-item>
 
+			</div>
 
+		</div>
 
+		<script>
 
+			var app = new Vue({
 
+				components: {
 
+					"sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue'),
 
+					"sa-td": httpVueLoader('../../sa-frame/com/sa-td.vue'),
 
+				},
 
+				el: '.vue-box',
 
+				data: {
 
+					p: { // 查询参数
 
+						businessName: '',		// 个体户名称
 
+						name: '',				// 经营者(边民)
 
+						businessStatus: '',		// 经营状态
 
+						tradeAreaName: '',		// 互市区
 
+						pageNo: 1,				// 当前页
 
+						pageSize: 10,			// 页大小
 
+						sortType: 0				// 排序方式
 
+					},
 
+					dataCount: 0,
 
+					dataList: [], // 数据集合
 
+				},
 
+				methods: {
 
+					// 刷新
 
+					f5: function() {
 
+						sa.ajax('/level-one-server/TbPeopleTaxAccount/getList', sa.removeNull(this.p), function(res) {
 
+							this.dataList = res.data; // 数据
 
+							this.dataCount = res.dataCount; // 数据总数
 
+							sa.f5TableHeight();		// 刷新表格高度
 
+						}.bind(this));
 
+					},
 
+					// 查看
 
+					get: function(data) {
 
+						sa.showIframe('数据详情', 'tb-people-tax-account-info.html?id=' + data.id, '1050px', '90%');
 
+					},
 
+					// 查看 - 根据选中的
 
+					getBySelect: function(data) {
 
+						var selection = this.$refs['data-table'].selection;
 
+						if(selection.length == 0) {
 
+							return sa.msg('请选择一条数据')
 
+						}
 
+						this.get(selection[0]);
 
+					},
 
+					// 修改
 
+					update: function(data) {
 
+						console.log("---id----="+data.id)
 
+						sa.showIframe('修改数据', 'tb-people-tax-account-add.html?id=' + data.id, '1000px', '90%');
 
+					},
 
+					// 新增
 
+					add: function(data) {
 
+						sa.showIframe('边民列表', 'tb-people-choose.html?id=-1', '1200px', '97%');
 
+					},
 
+					// 删除
 
+					del: function(data) {
 
+						sa.confirm('是否删除，此操作不可撤销', function() {
 
+							sa.ajax('/level-one-server/TbPeopleTaxAccount/delete?id=' + data.id, function(res) {
 
+								sa.arrayDelete(this.dataList, data);
 
+								sa.ok('删除成功');
 
+								sa.f5TableHeight();		// 刷新表格高度
 
+							}.bind(this))
 
+						}.bind(this));
 
+					},
 
+					// 批量删除
 
+					deleteByIds: function() {
 
+						// 获取选中元素的id列表
 
+						let selection = this.$refs['data-table'].selection;
 
+						let ids = sa.getArrayField(selection, 'id');
 
+						if(selection.length == 0) {
 
+							return sa.msg('请至少选择一条数据')
 
+						}
 
+						// 提交删除
 
+						sa.confirm('是否批量删除选中数据？此操作不可撤销', function() {
 
+							sa.ajax('/level-one-server/TbPeopleTaxAccount/deleteByIds', {ids: ids.join(',')}, function(res) {
 
+								sa.arrayDelete(this.dataList, selection);
 
+								sa.ok('删除成功');
 
+								sa.f5TableHeight();		// 刷新表格高度
 
+							}.bind(this))
 
+						}.bind(this));
 
+					},
 
+				},
 
+				created: function() {
 
+					this.f5();
 
+					sa.onInputEnter();
 
+				},
 
+				mounted: function(){
 
+					this.f5();
 
+					sa.onInputEnter();
 
+				}
 
+			})
 
+		</script>
 
+	</body>
 
+</html>

+ 259 - 0
sa-view/tb-people-tax-account/tb-people-tax-account-update.html
View File 

@@ -0,0 +1,259 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<title>边民-税务开户信息-添加/修改</title>
 
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 
+		<!-- 所有的 css js 资源 -->
 
+		<link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
 
+		<link rel="stylesheet" href="../../static/sa.css">
 
+		<script src="../../static/kj/vue.min.js"></script>
 
+		<script src="../../static/kj/element-ui/index.js"></script>
 
+		<script src="../../static/kj/httpVueLoader.js"></script>
 
+		<script src="../../static/kj/jquery.min.js"></script>
 
+		<script src="../../static/kj/layer/layer.js"></script>
 
+		<script src="../../static/sa.js"></script>
 
+		<style type="text/css">
 
+			.c-panel .el-form .c-label{width: 7em !important;}
 
+			.c-panel .el-form .el-input, .c-panel .el-form .el-textarea__inner{width: 250px;}
 
+			table {
 
+				font-family: arial, sans-serif;
 
+				border-collapse: collapse;
 
+				width: 90%;
 
+				margin-top: 22px;
 
+				margin-left: auto;
 
+				margin-right: auto;
 
+			}
 
+
 
+			th {
 
+				border: 1px solid darkgray;
 
+				text-align: left;
 
+				height: 22px;
 
+				padding: 8px;
 
+				background-color: #dddddd;
 
+			}
 
+
 
+			td {
 
+				border: 1px solid darkgray;
 
+				text-align: left;
 
+				padding: 8px;
 
+			}
 
+		</style>
 
+	</head>
 
+	<body>
 
+		<div class="vue-box" :class="{sbot: id}" style="display: none;" :style="'display: block;'">
 
+			<!-- ------- 内容部分 ------- -->
 
+			<div class="s-body">
 
+				<div class="c-panel">
 
+                    <div class="c-title" v-if="id == 0">数据添加</div>
 
+					<div class="c-title" v-else>数据修改</div>
 
+					<el-form v-if="m">
 
+						<table>
 
+							<tr>
 
+								<th>经营者</th>
 
+								<td>{{m.name}}</td>
 
+								<th>身份证</th>
 
+								<td>{{m.idCard}}</td>
 
+							</tr>
 
+							<tr>
 
+								<th>名称</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.businessName" placeholder="请输入名称"></el-input>
 
+								</td>
 
+								<th>社会统一信用代码</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.dutyParagraph" placeholder="请输入社会统一信用代码"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>开户行</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.bankName" placeholder="请输入开户行"></el-input>
 
+								</td>
 
+								<th>银行账号</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.bankCode" placeholder="请输入银行账号"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>联系人</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.contacts" placeholder="请输入联系人"></el-input>
 
+								</td>
 
+								<th>联系电话</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.phone" placeholder="请输入联系电话"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>组成形式</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.form" placeholder="请输入组成形式"></el-input>
 
+								</td>
 
+								<th>经营状态</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.businessStatus" placeholder="请输入经营状态"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>开票商</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.invoiceBusiness" placeholder="请输入开票商"></el-input>
 
+								</td>
 
+								<th>开票人</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.invoicePeople" placeholder="请输入开票人"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>收款人</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.payee" placeholder="请输入收款人"></el-input>
 
+								</td>
 
+								<th>复核人</th>
 
+								<td>
 
+									<el-input type="text" v-model="m.checker" placeholder="请输入复核人"></el-input>
 
+								</td>
 
+							</tr>
 
+							<!--<tr>
 
+								<th>互市区</th>
 
+								<td>{{m.tradeAreaName}}</td>
 
+								<th>创建时间</th>
 
+								<td>{{sa.forDate(m.createTime, 2)}}</td>
 
+							</tr>-->
 
+							<tr>
 
+								<th>经营场所</th>
 
+								<td colspan="3">
 
+									<el-input type="text" v-model="m.businessAddress" placeholder="请输入经营场所" style="width: 95%;"></el-input>
 
+								</td>
 
+							</tr>
 
+							<tr>
 
+								<th>经营范围</th>
 
+								<td colspan="3" >
 
+									<el-input type="text" v-model="m.businessScope" placeholder="请输入经营范围" style="width: 95%;"></el-input>
 
+								</td>
 
+							</tr>
 
+						</table>
 
+						<sa-item name="" class="s-ok" br>
 
+							<el-button type="primary" icon="el-icon-plus" @click="ok()">保存</el-button>
 
+						</sa-item>
 
+					</el-form>
 
+				</div>
 
+			</div>
 
+			<!-- ------- 底部按钮 ------- -->
 
+			<div class="s-foot">
 
+				<el-button type="primary" @click="ok()">确定</el-button>
 
+				<el-button @click="sa.closeCurrIframe()">取消</el-button>
 
+			</div>
 
+		</div>
 
+        <script>
 
+
 
+			var app = new Vue({
 
+				components: {
 
+					"sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue')
 
+				},
 
+				el: '.vue-box',
 
+				data: {
 
+					id: sa.p('id', 0),		// 获取超链接中的id参数（0=添加，非0=修改）
 
+					m: null,		// 实体对象
 
+				},
 
+				methods: {
 
+					// 创建一个 默认Model
 
+					createModel: function() {
 
+						return {
 
+							id: '',		// 主键id
 
+							peopleId: '',		// 边民表ID
 
+							businessName: '',		// 个体户名称
 
+							dutyParagraph: '',		// 社会统一信用代码
 
+							name: '',		// 经营者(边民)
 
+							address: '',		// 地址
 
+							form: '',		// 组成形式
 
+							contacts: '',		// 联系人
 
+							phone: '',		// 联系电话
 
+							businessAddress: '',		// 经营场所
 
+							businessScope: '',		// 经营范围
 
+							businessStatus: '',		// 经营状态
 
+							idCard: '',		// 身份证
 
+							bankName: '',		// 开户行
 
+							bankCode: '',		// 银行账号
 
+							invoiceBusiness: '',		// 开票商
 
+							invoicePeople: '',		// 开票人
 
+							payee: '',		// 收款人
 
+							checker: '',		// 复核人
 
+							createTime: '',		// 创建时间
 
+							createBy: '',		// 创建人编号
 
+							createName: '',		// 创建人名称
 
+							updateTime: '',		// 更新时间
 
+							updateBy: '',		// 更新人编号
 
+							updateName: '',		// 更新人名称
 
+						}
 
+					},
 
+					// 提交数据
 
+					ok: function(){
 
+						// 表单校验
 
+						let m = this.m;
 
+						sa.checkNull(m.id, '请输入 [主键id]');
 
+						sa.checkNull(m.peopleId, '请输入 [边民表ID]');
 
+						sa.checkNull(m.businessName, '请输入 [个体户名称]');
 
+						sa.checkNull(m.dutyParagraph, '请输入 [社会统一信用代码]');
 
+						sa.checkNull(m.name, '请输入 [经营者]');
 
+						sa.checkNull(m.address, '请输入 [地址]');
 
+						sa.checkNull(m.form, '请输入 [组成形式]');
 
+						sa.checkNull(m.contacts, '请输入 [联系人]');
 
+						sa.checkNull(m.phone, '请输入 [联系电话]');
 
+						sa.checkNull(m.businessAddress, '请输入 [经营场所]');
 
+						sa.checkNull(m.businessScope, '请输入 [经营范围]');
 
+						sa.checkNull(m.businessStatus, '请输入 [经营状态]');
 
+						sa.checkNull(m.idCard, '请输入 [身份证]');
 
+						sa.checkNull(m.bankName, '请输入 [开户行]');
 
+						sa.checkNull(m.bankCode, '请输入 [银行账号]');
 
+						sa.checkNull(m.invoiceBusiness, '请输入 [开票商]');
 
+						sa.checkNull(m.invoicePeople, '请输入 [开票人]');
 
+						sa.checkNull(m.payee, '请输入 [收款人]');
 
+						sa.checkNull(m.checker, '请输入 [复核人]');
 
+						sa.checkNull(m.createTime, '请输入 [创建时间]');
 
+						sa.checkNull(m.createBy, '请输入 [创建人编号]');
 
+						sa.checkNull(m.createName, '请输入 [创建人名称]');
 
+						sa.checkNull(m.updateTime, '请输入 [更新时间]');
 
+						sa.checkNull(m.updateBy, '请输入 [更新人编号]');
 
+						sa.checkNull(m.updateName, '请输入 [更新人名称]');
 
+
 
+						// 开始增加或修改
 
+						if(this.id <= 0) {	// 添加
 
+							sa.ajax('/level-one-server/TbPeopleTaxAccount/add', m, function(res){
 
+								sa.alert('增加成功', this.clean);
 
+							}.bind(this));
 
+						} else {	// 修改
 
+							sa.ajax('/level-one-server/TbPeopleTaxAccount/update', m, function(res){
 
+								sa.alert('修改成功', this.clean);
 
+							}.bind(this));
 
+						}
 
+					},
 
+					// 添加/修改 完成后的动作
 
+					clean: function() {
 
+						if(this.id == 0) {
 
+							this.m = this.createModel();
 
+						} else {
 
+							parent.app.f5();		// 刷新父页面列表
 
+							sa.closeCurrIframe();	// 关闭本页
 
+						}
 
+					}
 
+				},
 
+				mounted: function(){
 
+					// 初始化数据
 
+					if(this.id <= 0) {
 
+						this.m = this.createModel();
 
+					} else {
 
+						sa.ajax('/level-one-server/TbPeopleTaxAccount/getById?id=' + this.id, function(res) {
 
+							this.m = res.data;
 
+							if(res.data == null) {
 
+								sa.alert('未能查找到 id=' + this.id + " 详细数据");
 
+							}
 
+						}.bind(this))
 
+					}
 
+				}
 
+			})
 
+
 
+		</script>
 
+	</body>
 
+</html>

+ 5 - 3
sa-view/tb-people/tb-people-info.html
View File 

@@ -65,11 +65,13 @@
 
 								<th>互市区</th>
 
 								<td>{{m.tradeAreaName}}</td>
 
 								<th>手机号码</th>
 
-								<td>{{maskPhone(m.phone)}}</td>
 
+								<!--<td>{{maskPhone(m.phone)}}</td>-->
 
+								<td>{{m.phone}}</td>
 
 							</tr>
 
 							<tr>
 
 								<th>身份证</th>
 
-								<td>{{maskId(m.idCard)}}</td>
 
+								<!--<td>{{maskId(m.idCard)}}</td>-->
 
+								<td>{{m.idCard}}</td>
 
 								<th>开户行</th>
 
 								<td>{{m.bankName}}</td>
 
 							</tr>
 
@@ -168,4 +170,4 @@
 
 			})
 
 		</script>
 
 	</body>
 
-</html>
 
+</html>