xxb
103 lines
4.5 KiB
PHP
103 lines
4.5 KiB
PHP
<form id="vue-edit" class="am-form am-form-horizontal" action="/sys/company/edit" data-auto="true" method="post" style="width: 90%;padding:25px 30px 20px 0;margin: 0 auto">
|
||
<div class="am-form-group">
|
||
<label class="am-para-label"><span class="com-must-star">*</span>公司名称：</label>
|
||
<div class="am-para-input"><input type="text" placeholder="请输入公司名称" name="title" v-model="info.title"/></div>
|
||
</div>
|
||
<div class="am-form-group">
|
||
<label class="am-para-label"><span class="com-must-star">*</span>公司简称：</label>
|
||
<div class="am-para-input"><input type="text" placeholder="请输入公司简称" name="short" v-model="info.short"/></div>
|
||
</div>
|
||
<div class="am-form-group">
|
||
<label class="am-para-label">信用代码：</label>
|
||
<div class="am-para-input"><input type="text" placeholder="请输入统一社会信用代码" name="credit_code" v-model="info.credit_code"/></div>
|
||
</div>
|
||
<div class="am-form-group">
|
||
<label class="am-para-label">微信商户号：</label>
|
||
<div class="am-para-input"><input type="text" placeholder="请输入微信商户号" name="wx_mchid" v-model="info.wx_mchid"/></div>
|
||
</div>
|
||
<div class="am-form-group" style="margin-bottom: 0">
|
||
<label class="am-para-label">公章：</label>
|
||
<div class="am-para-input">
|
||
<div class="am-form-group am-form-file">
|
||
<button type="button" class="am-btn am-btn-default am-btn-sm"
|
||
data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||
data-uptype="qiniu" data-field="img_seal"><i class="am-icon-cloud-upload"></i> 选择图片（200x200）
|
||
</button>
|
||
<input type="hidden" id="img-seal" name="img_seal" value="<?= $info['img_seal'] ?>" class="layui-input">
|
||
<img data-tips-image style="height:auto;max-height:32px;max-width:32px" :src="info.img_seal_url"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="am-form-group">
|
||
<label class="am-para-label">状态：</label>
|
||
<div class="am-para-input wp50">
|
||
<select name="status" v-model="info.status">
|
||
<option v-for="(v,i) in statusAry" :value="i">{{v}}</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="am-form-group" style="margin-bottom: 2rem">
|
||
<div class="am-para-input"><button class="am-btn am-btn-secondary" type="button" @click="saveEdit">提交</button></div>
|
||
</div>
|
||
</form>
|
||
<script>
|
||
var loading = 0;
|
||
var vue_obj;
|
||
$(function(){
|
||
vue_obj = new Vue({
|
||
el: '#vue-edit',
|
||
data: {
|
||
info:{},
|
||
statusAry:[],
|
||
action:''
|
||
},
|
||
mounted:function(){
|
||
var vm = this;
|
||
vm.info = <?=json_encode($info)?>;
|
||
vm.statusAry = <?=json_encode($statusAry)?>;
|
||
vm.action = '<?=$action?>';
|
||
},
|
||
methods:{
|
||
saveEdit:function(){
|
||
var vm = this;
|
||
if(1 == loading){
|
||
return 0;
|
||
}
|
||
loading = 1;
|
||
|
||
vm.info.img_seal = $('#img-seal').val();
|
||
|
||
$.ajax({
|
||
url: vm.action,
|
||
type: 'post',
|
||
dataType: 'json',
|
||
data: {info:vm.info},
|
||
beforeSend: function () {
|
||
layer.load(1, {
|
||
shade: [0.1, '#fff'] //0.1透明度的白色背景
|
||
});
|
||
},
|
||
success: function (data) {
|
||
loading = 0;
|
||
if (data['code']) {
|
||
layer.msg(data.msg, {
|
||
icon: 1,
|
||
time: 2000
|
||
}, function () {
|
||
window.location.reload();
|
||
});
|
||
} else {
|
||
layer.msg(data.msg, {icon: 2});
|
||
}
|
||
},
|
||
complete: function () {
|
||
loading = 0;
|
||
layer.closeAll('loading');
|
||
}
|
||
});
|
||
}
|
||
},
|
||
watch:{}
|
||
});
|
||
});
|
||
</script>
|