152 lines
7.5 KiB
HTML
152 lines
7.5 KiB
HTML
<template id="Upload">
|
|
<el-dialog title="图片库" :visible.sync="visible" :modal-append-to-body='false' append-to-body :close-on-click-modal="false"
|
|
width="725px">
|
|
<div class="upload-boxs">
|
|
<el-upload class="upload-right" action="/admin/attach/uploadImage" :on-success="handleUploadSuccess"
|
|
:file-list="fileList" :show-file-list="false" :before-upload="beforeUpload" :data="postData"
|
|
v-loading.fullscreen.lock="fullscreenLoading">
|
|
<el-button size="small" type="primary" icon="el-icon-upload">上传图片</el-button>
|
|
</el-upload>
|
|
</div>
|
|
<ul class="storage-list">
|
|
<li :class="item.select?'active':''" v-for="(item, index) in dataList.data" :key="index" @click="select(index)">
|
|
<el-image fit="contain" :src="item.attach_path"></el-image>
|
|
<p>{{item.attach_name}}</p>
|
|
</li>
|
|
</ul>
|
|
<p v-if="dataList.data&&dataList.data.length==0" style="text-align: center;">暂无资源</p>
|
|
<el-pagination @current-change="changeCurrentPage" layout="prev, pager, next" :current-page="dataList.current_page"
|
|
:page-count="dataList.last_page" hide-on-single-page background>
|
|
</el-pagination>
|
|
<div slot="footer" class="dialog-footer">
|
|
<div style="float: left; font-size: 13px;">
|
|
<span v-if="multiple">
|
|
当前已选 <span style="color: #F56C6C;">{{selectList.length+selected_num}}</span> 个，最多允许选择 <span
|
|
style="color: #F56C6C;">{{total_num}}</span> 个资源
|
|
</span>
|
|
<span v-else>当前已选 <span style="color: #F56C6C;">{{selectList.length}}</span> 个资源</span>
|
|
</div>
|
|
<el-button @click="visible = false" size="small">取消</el-button>
|
|
<el-button type="primary" @click="save" size="small">确定</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
|
|
<template id="Single">
|
|
<div class="slectimg" v-if="multiple">
|
|
<block v-if="value.length>0">
|
|
<draggable v-model="value" chosenClass="chosen" forceFallback="true" animation="600" @start="onStart"
|
|
@end="onEnd">
|
|
<transition-group>
|
|
<div class="imgs" v-for="(v, s) in value" :key="s" style="cursor: all-scroll;">
|
|
<el-image fit="contain" :src="v" :preview-src-list="value" :z-index="s"></el-image>
|
|
<!-- <el-image fit="contain" :src="v" ></el-image> -->
|
|
<i class="close el-icon-error" @click="deles(s)"></i>
|
|
</div>
|
|
</transition-group>
|
|
</draggable>
|
|
</block>
|
|
<div class="noimg" @click="selectimg()">
|
|
<i class="el-icon-plus"></i>
|
|
</div>
|
|
</div>
|
|
<div class="slectimg" v-else>
|
|
<div class="imgs" v-if="value.length>0">
|
|
<el-image fit="contain" :src="value" :preview-src-list="[value]"></el-image>
|
|
<i class="close el-icon-error" @click="deles()"></i>
|
|
</div>
|
|
<div class="noimg" v-else @click="selectimg()">
|
|
<i class="el-icon-plus"></i>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="Ueditor">
|
|
<Ueditors v-model="value" ref="Ueditor" :config="config"></Ueditors>
|
|
</template>
|
|
|
|
|
|
<template id="skuforms">
|
|
<div>
|
|
<div style="padding-bottom: 10px;">
|
|
<el-input style="width: 120px;" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small"
|
|
@keyup.enter.native="handleInputConfirm" placeholder="回车确定">
|
|
</el-input>
|
|
<el-button v-else class="button-new-tag" size="small" @click="showInput" style="width: 120px;">+添加规格组</el-button>
|
|
</div>
|
|
<sku-form :source-attribute="sourceAttribute" :attribute.sync="attribute" :structure="structure" :sku.sync="sku"
|
|
ref="skuForm"></sku-form>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<template id="Goodslist">
|
|
<el-dialog title="商品库" :before-close="handleClose" :visible.sync="visible" :modal-append-to-body='false' append-to-body
|
|
:close-on-click-modal="false" width="900px">
|
|
|
|
<el-form :inline="true">
|
|
<div style="float:right">
|
|
<el-form-item style="width:100px; margin-bottom: 0;">
|
|
<el-cascader v-model="search.classify" placeholder="商品分类" :options="categoryList" :props="cascaderProps"
|
|
style="width: 100%;" filterable clearable size="small" :show-all-levels="false">
|
|
</el-cascader>
|
|
</el-form-item>
|
|
<el-form-item style="margin-bottom: 0;">
|
|
<el-input placeholder="输入商品名称搜索" size="small" v-model="search.keyword" @keyup.enter.native="getList_search"
|
|
clearable @clear="getList_search"></el-input>
|
|
</el-form-item>
|
|
<el-form-item style="margin-bottom: 0;">
|
|
<el-button type="primary" icon="el-icon-search" size="small" @click="getList_search" plain>搜索
|
|
</el-button>
|
|
<el-button icon="el-icon-refresh-left" size="small" @click="getList_search(0)" plain>重置</el-button>
|
|
</el-form-item>
|
|
</div>
|
|
</el-form>
|
|
|
|
<el-table :data="dataList.data" ref="multipleTable" @selection-change="changeSelection" row-key="goods_id" reserve-selection="true" style="min-height: 425px;" v-loading="loading">
|
|
<el-table-column align="center" type="selection" reserve-selection="true" width="55"></el-table-column>
|
|
|
|
<el-table-column label="商品" prop="goods_id" min-width="380">
|
|
<template slot-scope="scope">
|
|
<el-image class="goods-image" style="width: 50px;height: 50px;" :src="scope.row.picture[0]" :preview-src-list="[scope.row.picture[0]]"
|
|
fit="contain" lazy></el-image>
|
|
|
|
<div class="goods-info cs-ml">
|
|
<p class="action" style="overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;">
|
|
<span :title="scope.row.goods_name" class="link">{{scope.row.goods_name}}</span>
|
|
</p>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column label="本店价" prop="goods_price">
|
|
<template slot-scope="scope">
|
|
<div class="action">
|
|
<span class="goods-shop-price">{{scope.row.goods_price}}</span>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column label="库存" prop="stock_total">
|
|
<template slot-scope="scope">
|
|
<div class="action">
|
|
<span>{{scope.row.stock_total}}</span>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
<p style="padding-bottom: 10px;">
|
|
<el-pagination hide-on-single-page="true" layout="prev, pager, next" background :current-page="form.page" @current-change="changeCurrentPage" :page-size="5" :total="dataList.total">
|
|
</el-pagination>
|
|
</p>
|
|
<p>
|
|
<el-button @click="cancels" size="small">取消</el-button>
|
|
<el-button type="primary" @click="save" size="small">确定</el-button>
|
|
</p>
|
|
</div>
|
|
</el-dialog>
|
|
</template> |