vue.html 7.52 KB

Edit Raw Blame History Permalink

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <title>发票抬头</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="format-detection" content="email=no" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
	    <meta name="apple-mobile-web-app-capable" content="yes" />
	    <meta name="apple-mobile-web-app-title" content="">
	    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
	    <link rel="stylesheet" type="text/css" href="../../../../iconfont/iconfont.css"/>
	    <link rel="stylesheet" href="../../css/self.css" />
	    <link rel="stylesheet" href="css/invoicetitle.css" />
		<script src="https://cdn.jsdelivr.net/npm/vue"></script>
	</head>
	<body>
		<!--<div id="example">
			<input id="input"  placeholder="hhd" v-model="a"/>
			<a :href="a">345353453</a>
			<div>这里是值：{{a}}</div>
		</div>	-->
		<div id="example">
			<div class="tipnull" v-if="kdata">
				<div class="nullimg">
					<img src="../imgs/fttk.png"/>
					<p>您还没有发票抬头</p>
				</div>
			</div>
			<ul class="uplist" v-if="items">
				<li :data-id="item.id"
					:data-address="item.address"
					:data-dataState="item.dataState"
					:data-bankName:="item.bankName"
					:data-cardNo="item.cardNo"
					:data-phone="item.phone"
					:data-taxid="item.taxid"
					:data-custId="item.custId"
					:data-name="item.name"
					:data-invoiceType="item.invoiceType"
					:data-createDate="item.createDate"
					:data-isDefault="item.isDefault"
					v-for="item in items">
					<div class="ulname">
						<span>{{item.name}}</span>
						<span class="typename">{{item.typestr}}</span>
					</div>
					<div class="uplset">
						<span :class="item.isDefault=='1'?'dcheck actived':'dcheck'" data-name="1" @click="setMore(item.id,item.isDefault)">
							<i class="icon iconfont">&#xe685;</i>
							设置为默认抬头
						</span>
						<div class="upeditbyn">
							<button class="ebtn" @click="javascript:window.location.href='Upinfo.html?id='+item.id">编辑</button>
							<button class="dbtn" @click="deleteD(item.id)">删除</button>
						</div>
					</div>
				</li>
			</ul>
		</div>

		<button class="ulbtn qihuan">新增抬头</button>
	</body>
</html>
<script src="../../../../js/jquery-3.2.1.min.js"></script>
<script src="../../../../js/layui/layui/layui.js"></script>
<!--md5 start-->
<script src="../../../../js/md5.min.js"></script>
<!--md5 end-->
<script src="../../../../js/url.js"></script>
<script src="../../../../js/ajax.js"></script>
<script>
	var data = {
		//datas:false,
		kdata:false,
		items:[]
	}
	var vm = new Vue({
		el: '#example',
		data: data,
		beforeCreate:function(){
			console.log('在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用');
			jsajax.setcss("css/invoicetitle2.css");
			layui.use(['layer'], function(){});
			getUplist();
		},
		watch:{
			a:function(){
				this.ainput();
			}
		},
		methods:{
		  	setMore:function(did,defaultup){
		  		//设置为默认
		  		var tip = '';
		  		if(defaultup=='1'){
		  			tip = '是否取消默认抬头?';
		  		}else if(defaultup=='0'){
		  			tip = '是否设置为默认抬头?';
		  		}
		  		layer.confirm(tip, {icon: 3, title:'提示'}, function(index){
				    defaultup = '1';
				    var salt = jsajax.salt(32);
					var token = mUrl.GetToken();
					var deviceInfo = mUrl.getDevice();
					var sortd = [
					 	{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
					 	{keyname:'deviceInfo',value:deviceInfo},
					 	{keyname:'salt',value:salt},
					 	{keyname:'sign_type',value:'md5'},
					 	{keyname:'id',value:did},
					 	{keyname:'token',value:token},
					 	{keyname:'isDefault',value:defaultup},
					]
					var md5sign = jsajax.getsign(sortd);
					var jsond = {
						app_id:'0eca8f5373ca4866aec2f8e9d9367104',
						deviceInfo:deviceInfo,
						salt:salt,
						sign:md5sign,
						id:did,
						sign_type:'md5',
						token:token,
						isDefault:defaultup,
					}
					console.log('数据 '+JSON.stringify(jsond));
					jsajax.defaultReq(
						mUrl.upUpinfo,
						JSON.stringify(jsond),
						function(data){
							layer.close(index);
							if(data.code=='0'){
								getUplist();
							}else{
								alert(data.message);
							}
						}
					);
				},function(index){
					layer.close(index);
				});
		  	},
		  	deleteD:function(id){
		  		layer.confirm('是否删除该抬头?', {icon: 3, title:'提示'}, function(index){
				    var salt = jsajax.salt(32);
					var token = mUrl.GetToken();
					var deviceInfo = mUrl.getDevice();
					var sortd = [
						{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
						{keyname:'deviceInfo',value:deviceInfo},
						{keyname:'salt',value:salt},
						{keyname:'sign_type',value:'md5'},
						{keyname:'token',value:token},
						{keyname:'id',value:id}
					];
					var mdsign = jsajax.getsign(sortd);
					var jsond = {
						app_id:'0eca8f5373ca4866aec2f8e9d9367104',
						deviceInfo:deviceInfo,
						salt:salt,
						sign:mdsign,
						sign_type : "md5",
						token:token,
						id:id
					}
					console.log('删除数据 '+JSON.stringify(jsond));
					jsajax.defaultReq(
						mUrl.deleteUp,
						JSON.stringify(jsond),
						function(data){
							layer.close(index);
							if(data.code=='0'){
								getUplist();
							}else{
								alert(data.message);
							}
						}
					);
				},function(index){
					layer.close(index);
				});
		  	},
		  	getalllist:function(data){
		  		//获取所有数据
		  		console.log("执行vue乐"+JSON.stringify(data));
		  		if(data.code=='0'){
		  			var datas = data.data;
		  			if(data&&datas.length>0){
		  				this.items = [];
		  				for(var i=0;i<datas.length;i++){
		  					var invoiceType = datas[i].invoiceType;//发票类型
							var isDefault = datas[i].isDefault;//默认值
							var classname = '';
							isDefault=='1'?classname='actived':'';
							var typestr = '';
							if(invoiceType=='1'){
								typestr = '单位';
							}else{
								typestr = '个人';
							}
		  					var item = {
		  						id:datas[i].id,
								address:datas[i].address,//地址
								dataState:datas[i].dataState,
								bankName:datas[i].bankName,
								cardNo:datas[i].cardNo,
								phone:datas[i].phone,
								taxid:datas[i].taxid,
								custId:datas[i].custId,
								name:datas[i].name,
								invoiceType:datas[i].invoiceType,
								createDate:datas[i].createDate,
								isDefault:datas[i].isDefault,
								isclass:classname,
								typestr:typestr
		  					};
		  					this.items.push(item);
		  				}
					}else{
						this.kdata = true;
					}
		  		}else{
		  			alert(data.message);
		  			this.kdata = true;
		  		}
		  	}
		}
	});
	//获取所有的发票抬头
	function getUplist(){
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		var deviceInfo = mUrl.getDevice();
		var sortd = [
			{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
			{keyname:'deviceInfo',value:deviceInfo},
			{keyname:'salt',value:salt},
			{keyname:'sign_type',value:'md5'},
			{keyname:'token',value:token}
		];
		var mdsign = jsajax.getsign(sortd);
		var jsond = {
			app_id : "0eca8f5373ca4866aec2f8e9d9367104",
   			deviceInfo : deviceInfo,
   			salt : salt,
   			sign : mdsign,
   			sign_type : "md5",
   			token : token
		};
		console.log('数据 '+JSON.stringify(jsond));
		jsajax.defaultReq(
			mUrl.getallUplist,
			JSON.stringify(jsond),
			function(data){
				vm.getalllist(data);
			}
		);
	}
</script>