feature_0521
zhenghuang 5 years ago
parent 7e6b4a7e8c
commit a68a710d43

@ -2,69 +2,82 @@
<div class> <div class>
<Row> <Row>
<i-col :span="12"> <i-col :span="12">
<Form ref="welcomeForm" :model="welcome" :rules="welcomeRules"> <Form ref="welcomeForm"
<FormItem label="欢迎语内容" prop="content"> :model="welcome"
<i-input :rules="welcomeRules">
v-model="welcome.content" <FormItem label="欢迎语内容"
prop="content">
<i-input v-model="welcome.content"
type="textarea" type="textarea"
style="height: 220px" style="height: 220px"
:autosize="{ minRows: 10, maxRows: 10 }" :autosize="{ minRows: 10, maxRows: 10 }"
placeholder="请输入欢迎语内容,最多100个字" placeholder="请输入欢迎语内容,最多100个字"></i-input>
></i-input>
</FormItem> </FormItem>
<Row <Row style="margin-bottom: 10px"
style="margin-bottom: 10px"
:gutter="10" :gutter="10"
class="inputItem" class="inputItem"
v-for="(item, index) in welcome.params" v-for="(item, index) in welcome.params"
:key="index" :key="index">
>
<div v-if="item.type == 3"> <div v-if="item.type == 3">
<i-col style="line-height: 32px" :span="4">APPID {{ index + 1 }}</i-col> <i-col style="line-height: 32px"
:span="4">APPID {{ index + 1 }}</i-col>
<i-col :span="6"> <i-col :span="6">
<i-input class="inputClass" type="text" disabled v-model="item.defaultVal"></i-input> <i-input class="inputClass"
type="text"
disabled
v-model="item.defaultVal"></i-input>
</i-col> </i-col>
<i-col style="line-height: 32px" :span="4">URI {{ index + 1 }}</i-col> <i-col style="line-height: 32px"
:span="4">URI {{ index + 1 }}</i-col>
<i-col :span="6"> <i-col :span="6">
<i-input class="inputClass" type="text" disabled v-model="item.description"></i-input> <i-input class="inputClass"
type="text"
disabled
v-model="item.description"></i-input>
</i-col> </i-col>
</div> </div>
<div v-else> <div v-else>
<i-col style="line-height: 32px" :span="4">{{ item.name }}{{ index + 1 }}</i-col> <i-col style="line-height: 32px"
:span="4">{{ item.name }}{{ index + 1 }}</i-col>
<i-col :span="16"> <i-col :span="16">
<i-input class="inputClass" type="text" disabled v-model="item.defaultVal"></i-input> <i-input class="inputClass"
type="text"
disabled
v-model="item.defaultVal"></i-input>
</i-col> </i-col>
</div> </div>
<i-col :span="4"> <i-col :span="4">
<Button type="error" @click="delActivityInput(index)"></Button> <Button type="error"
@click="delActivityInput(index)">删除</Button>
</i-col> </i-col>
</Row> </Row>
<FormItem> <FormItem>
<Button type="text" @click="() => (showMessageTypes = true)" icon="md-add">添加图片/网页/小程序消息</Button> <Button type="text"
@click="() => (showMessageTypes = true)"
icon="md-add">添加图片/网页/小程序消息</Button>
</FormItem> </FormItem>
<FormItem label="配置范围: "> <FormItem label="配置范围: ">
<span <span @click="showStores"
@click="showStores" v-if="welcome.stores.length > 0">{{ welcome.stores[0].name }}{{ welcome.stores.length }}家店铺</span>
v-if="welcome.stores.length > 0" <Button type="text"
>{{ welcome.stores[0].name }}{{ welcome.stores.length }}家店铺</span>
<Button
type="text"
v-if="welcome.stores.length <= 0" v-if="welcome.stores.length <= 0"
@click="showStores" @click="showStores"
icon="md-add" icon="md-add">全部店铺</Button>
>全部店铺</Button>
</FormItem> </FormItem>
<FormItem> <FormItem>
<Button type="primary" long @click="submit"></Button> <Button type="primary"
long
@click="submit">确定</Button>
</FormItem> </FormItem>
</Form> </Form>
</i-col> </i-col>
</Row> </Row>
<Modal v-model="showMessageTypes" title="添加图片/网页/小程序消息" :footer-hide="true"> <Modal v-model="showMessageTypes"
title="添加图片/网页/小程序消息"
:footer-hide="true">
<Row :gutter="24"> <Row :gutter="24">
<i-col :span="8"> <i-col :span="8">
<Upload <Upload ref="upload"
ref="upload"
:show-upload-list="false" :show-upload-list="false"
:on-success="uploadImgSuccess" :on-success="uploadImgSuccess"
:format="['jpg', 'jpeg', 'png']" :format="['jpg', 'jpeg', 'png']"
@ -74,47 +87,75 @@
multiple multiple
type="drag" type="drag"
action action
style="width: 100%;" style="width: 100%;">
>
<div style="width: 100%;"> <div style="width: 100%;">
<Button long type="primary">{{imageUploading ? "上传中..." : "图片"}}</Button> <Button long
type="primary">{{imageUploading ? "上传中..." : "图片"}}</Button>
</div> </div>
</Upload> </Upload>
</i-col> </i-col>
<i-col :span="8"> <i-col :span="8">
<Button long @click="doShowWeb" type="primary">网页</Button> <Button long
@click="doShowWeb"
type="primary">网页</Button>
</i-col> </i-col>
<i-col :span="8"> <i-col :span="8">
<Button long @click="doShowMini" type="primary">小程序</Button> <Button long
@click="doShowMini"
type="primary">小程序</Button>
</i-col> </i-col>
</Row> </Row>
</Modal> </Modal>
<Modal v-model="showWeb" title="添加网页消息" :loading="true"> <Modal v-model="showWeb"
<Form ref="webForm" :model="webForm" :rules="webFormRules"> title="添加网页消息"
<FormItem label="添加网页消息" prop="url"> :loading="true">
<i-input v-model="webForm.url" type="text" placeholder="以http或https开头"></i-input> <Form ref="webForm"
:model="webForm"
:rules="webFormRules">
<FormItem label="添加网页消息"
prop="url">
<i-input v-model="webForm.url"
type="text"
placeholder="以http或https开头"></i-input>
</FormItem> </FormItem>
</Form> </Form>
<div slot="footer"> <div slot="footer">
<Button type="primary" @click="cancelWeb"></Button> <Button type="primary"
<Button type="primary" @click="okWeb"></Button> @click="cancelWeb">取消</Button>
<Button type="primary"
@click="okWeb">确定</Button>
</div> </div>
</Modal> </Modal>
<Modal v-model="showMini" title="添加小程序消息" :loading="true"> <Modal v-model="showMini"
<Form ref="miniForm" :model="miniForm" :rules="miniFormRules"> title="添加小程序消息"
<FormItem label="APPID" prop="appid"> :loading="true">
<i-input v-model="miniForm.appid" type="text" placeholder="请输入appid"></i-input> <Form ref="miniForm"
:model="miniForm"
:rules="miniFormRules">
<FormItem label="APPID"
prop="appid">
<i-input v-model="miniForm.appid"
type="text"
placeholder="请输入appid"></i-input>
</FormItem> </FormItem>
<FormItem label="URI" prop="uri"> <FormItem label="URI"
<i-input v-model="miniForm.uri" type="text" placeholder="请输入URl"></i-input> prop="uri">
<i-input v-model="miniForm.uri"
type="text"
placeholder="请输入URl"></i-input>
</FormItem> </FormItem>
</Form> </Form>
<div slot="footer"> <div slot="footer">
<Button type="primary" @click="cancelMini"></Button> <Button type="primary"
<Button type="primary" @click="okMini"></Button> @click="cancelMini">取消</Button>
<Button type="primary"
@click="okMini">确定</Button>
</div> </div>
</Modal> </Modal>
<selectStoreStep :isModify="id>0" @doShow="doShow" :schedule="welcome" :show="showStoreCheck"></selectStoreStep> <selectStoreStep :isModify="id>0"
@doShow="doShow"
:schedule="welcome"
:show="showStoreCheck"></selectStoreStep>
</div> </div>
</template> </template>
@ -325,10 +366,10 @@ export default {
}, },
submit () { submit () {
let _this = this; let _this = this;
if (this.welcome.params.length <= 0) { // if (this.welcome.params.length <= 0) {
_this.$Message.error("图片/网页/小程序消息至少添加一个"); // _this.$Message.error("//");
return false; // return false;
} // }
if (this.welcome.stores.length <= 0) { if (this.welcome.stores.length <= 0) {
_this.$Message.error("请至少选择一个店铺"); _this.$Message.error("请至少选择一个店铺");
return false; return false;

Loading…
Cancel
Save