|
@@ -0,0 +1,715 @@
|
|
|
+<template>
|
|
|
+ <div class="form-submit">
|
|
|
+ <div class="i-layout-page-header">
|
|
|
+ <PageHeader class="product_tabs" hidden-breadcrumb>
|
|
|
+ <div slot="title">
|
|
|
+ <router-link :to="{ path: `${roterPre}/agent/dl/index` }">
|
|
|
+ <div class="font-sm after-line">
|
|
|
+ <span class="iconfont iconfanhui"></span>
|
|
|
+ <span class="pl10">返回</span>
|
|
|
+ </div>
|
|
|
+ </router-link>
|
|
|
+ <span v-text="$route.params.id ? '编辑' : '添加'" class="mr20 ml16"></span>
|
|
|
+ </div>
|
|
|
+ </PageHeader>
|
|
|
+ </div>
|
|
|
+ <Card :bordered="false" dis-hover class="ivu-mt">
|
|
|
+ <Form :model="formData" :label-width="150">
|
|
|
+ <FormItem label="选择用户:" prop="product_id" required>
|
|
|
+ <div class="picBox">
|
|
|
+ <Button type="primary" v-if="!formData.uid" @click="changeGoods()">选择用户</Button>
|
|
|
+ <template v-else>
|
|
|
+ <div class="">
|
|
|
+ 昵称:{{formData.name}}(UID:{{formData.uid}})
|
|
|
+ </div>
|
|
|
+ <Button type="primary" @click="changeGoods()">切换用户</Button>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <div></div>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="代理区域:" label-for="address" prop="address" required>
|
|
|
+ <el-tag v-for="tag in addressList" :key="tag.value" closable style="margin-right: 20px;" @close="handleClose(tag)">
|
|
|
+ {{tag.label}}
|
|
|
+ </el-tag>
|
|
|
+ <Button type="primary" @click="addAddress()">添加代理区域</Button>
|
|
|
+ <!-- checkStrictly -->
|
|
|
+ <!-- <Cascader :data="addresData" :load-data="loadData" v-model="formData.address" @on-change="addchack"
|
|
|
+ class="inputW" :props="{ multiple: true, checkStrictly: true }"></Cascader> -->
|
|
|
+
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="代理商品:" >
|
|
|
+ <div >
|
|
|
+ <Row :gutter="24" type="flex" class="mb20">
|
|
|
+ <Col span="24" class="">
|
|
|
+ <Button type="primary" @click="addGoods">添加商品</Button>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <div class="vxeTable" >
|
|
|
+ <vxe-table
|
|
|
+ border="inner"
|
|
|
+ ref="xTree"
|
|
|
+ :column-config="{resizable: true}"
|
|
|
+ row-id="id"
|
|
|
+ :data="tableData">
|
|
|
+ <vxe-column field="info" title="商品信息" tree-node min-width="300">
|
|
|
+ <template v-slot="{ row }">
|
|
|
+ <div class="imgPic acea-row row-middle">
|
|
|
+ <viewer>
|
|
|
+ </viewer>
|
|
|
+ <div class="info">
|
|
|
+ <Tooltip max-width="200" placement="bottom" transfer>
|
|
|
+ <span class="line2">{{ row.store_name }}</span>
|
|
|
+ <p slot="content">{{ row.store_name }}</p>
|
|
|
+ </Tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <vxe-column field="price" title="售价" min-width="80"></vxe-column>
|
|
|
+ <vxe-column field="cost" title="成本价" min-width="80"></vxe-column>
|
|
|
+ <vxe-column field="discount" title="区域代理特价" min-width="80">
|
|
|
+ <template v-slot="{ row }">
|
|
|
+ <InputNumber v-model="row.v_price" v-width="80"></InputNumber>
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <vxe-column field="date" title="操作" min-width="150" fixed="right" align="center">
|
|
|
+ <template v-slot="{ row }">
|
|
|
+ <a @click="del(row)">删除</a>
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ </vxe-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem>
|
|
|
+ <Button type="primary" class="submission" @click="save" :disabled="disabled">保存</Button>
|
|
|
+ </FormItem>
|
|
|
+ </Form>
|
|
|
+ </Card>
|
|
|
+ <Modal v-model="modals" title="用户列表" footerHide class="paymentFooter" scrollable width="900"
|
|
|
+ @on-cancel="cancel">
|
|
|
+ <user-list ref="goodslist" :goodsType="1" v-if="modals" @imageObject="getProductId"
|
|
|
+ :serviceProject="1"></user-list>
|
|
|
+ </Modal>
|
|
|
+ <Modal v-model="pModals" title="商品列表" footerHide class="paymentFooter" scrollable width="900"
|
|
|
+ @on-cancel="cancels">
|
|
|
+ <goods-list ref="goodslist" :ischeckbox="true" :isdiy="true" @getProductId="getProductIds"
|
|
|
+ v-if="pModals"></goods-list>
|
|
|
+ </Modal>
|
|
|
+ <Modal v-model="aModals" title="选择代理地址" footerHide class="paymentFooter" scrollable width="400"
|
|
|
+ @on-cancel="cancelss">
|
|
|
+ <el-cascader :props="props" clearable @change="addressChange" ref="getAdd"></el-cascader>
|
|
|
+ <br />
|
|
|
+ <br />
|
|
|
+ <Button type="primary" class="submission" @click="sAddAddress" :disabled="disabled">确认</Button>
|
|
|
+ </Modal>
|
|
|
+ <div style="width: 500px; display: flex;justify-content: center;">
|
|
|
+ <!-- <Button type="primary" class="submission" @click="save" :disabled="disabled">保存</Button> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ detailsApi
|
|
|
+ } from "@/api/user";
|
|
|
+ import {
|
|
|
+ cityApi
|
|
|
+ } from '@/api/store';
|
|
|
+ import goodsList from '@/components/goodsList'
|
|
|
+ import city from '@/utils/city';
|
|
|
+ import {
|
|
|
+ mapState
|
|
|
+ } from "vuex";
|
|
|
+ import userList from "@/components/userList/index"
|
|
|
+ import {
|
|
|
+ couponCategoryApi,
|
|
|
+ couponSaveApi,
|
|
|
+ couponDetailApi,
|
|
|
+ VipEditApi,
|
|
|
+ serveAddApi,
|
|
|
+ bindServe,
|
|
|
+ addServiceProject,
|
|
|
+ serveReadApi,
|
|
|
+ serveProductDeleteApi
|
|
|
+ } from "@/api/marketing";
|
|
|
+ import {
|
|
|
+ brandList,
|
|
|
+ changeListApi
|
|
|
+ } from "@/api/product";
|
|
|
+ import {
|
|
|
+ addGlobal,
|
|
|
+ editGlobal,
|
|
|
+ addStoreAgent
|
|
|
+ } from '@/api/agent'
|
|
|
+ // import { formatDate } from '@/utils/validate';
|
|
|
+ import Setting from "@/setting";
|
|
|
+ export default {
|
|
|
+ name: "storeCouponCreate",
|
|
|
+ components: {
|
|
|
+ userList,
|
|
|
+ goodsList
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ multiple: true,
|
|
|
+ lazy: true,
|
|
|
+ checkStrictly: true,
|
|
|
+ lazyLoad: this.lazyLoad
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ addresData: city,
|
|
|
+ baseForm: {
|
|
|
+ product_name: '',
|
|
|
+ product_id: 0,
|
|
|
+ performance_value: 0,
|
|
|
+ craft_price: 0,
|
|
|
+ sales_commissions: 0,
|
|
|
+ repertory: 0
|
|
|
+ }, //基础数据
|
|
|
+ modal_loading: false,
|
|
|
+ modals: false,
|
|
|
+ id: '',
|
|
|
+ roterPre: Setting.roterPre,
|
|
|
+ disabled: false,
|
|
|
+ storesList: [],
|
|
|
+ formData: {
|
|
|
+ address: '',
|
|
|
+ id: '',
|
|
|
+ name: '',
|
|
|
+ uid: '',
|
|
|
+ global_commission: 0,
|
|
|
+ province: 0,
|
|
|
+ city: 0,
|
|
|
+ area: 0,
|
|
|
+ street: 0,
|
|
|
+
|
|
|
+ },
|
|
|
+ isMinPrice: 0,
|
|
|
+ isCouponTime: 1,
|
|
|
+ isReceiveTime: 0,
|
|
|
+ modals: false,
|
|
|
+ datetime1: [],
|
|
|
+ datetime2: [],
|
|
|
+ storeModals: false,
|
|
|
+ currentTab: '1',
|
|
|
+ current: {},
|
|
|
+ service_card_id: '',
|
|
|
+ productList: [],
|
|
|
+ pModals: false,
|
|
|
+ aModals: false,
|
|
|
+ addList: [], //选择的节点
|
|
|
+ addressList: [], //去重节点
|
|
|
+
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState("admin/layout", ["isMobile", "menuCollapse"]),
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ let data = {
|
|
|
+ pid: 0
|
|
|
+ }
|
|
|
+ this.cityInfo(data);
|
|
|
+ console.log(this.$route.query);
|
|
|
+ if (this.$route.query.id) {
|
|
|
+ this.formData.id = this.$route.query.id
|
|
|
+ this.formData.uid = this.$route.query.uid
|
|
|
+ this.getUserInfo()
|
|
|
+ this.addressList = JSON.parse(this.$route.query.address)
|
|
|
+ this.tableData = JSON.parse(window.sessionStorage.getItem('agent_product')).map(item => {
|
|
|
+ item.v_price = item.v_price*1
|
|
|
+ return item
|
|
|
+ })
|
|
|
+ console.log(this.tableData,'this.tableData')
|
|
|
+ // this.formData.uid = this.$route.query.uid
|
|
|
+ // this.formData.global_commission = this.$route.query.global_commission
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getUserInfo() {
|
|
|
+ detailsApi(this.formData.uid).then(res => {
|
|
|
+ this.formData.name = res.data.ps_info.nickname
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleClose(tag) {
|
|
|
+ this.addressList.splice(this.addressList.indexOf(tag), 1);
|
|
|
+ },
|
|
|
+ addressChange(val) {
|
|
|
+ this.addList = this.$refs["getAdd"].getCheckedNodes();
|
|
|
+ console.log(this.addList, 'this.addList')
|
|
|
+ },
|
|
|
+ addAddress() {
|
|
|
+ this.aModals = true
|
|
|
+ },
|
|
|
+ sAddAddress() {
|
|
|
+ this.aModals = false
|
|
|
+ let arr = this.addList.map(item => {
|
|
|
+ return {
|
|
|
+ value: item.value,
|
|
|
+ label: item.label
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // arr =
|
|
|
+ this.addressList = this.unique(arr.concat(this.addressList), 'value')
|
|
|
+ },
|
|
|
+ lazyLoad(node, resolve) {
|
|
|
+ console.log(node, 'node');
|
|
|
+ let {
|
|
|
+ level
|
|
|
+ } = node;
|
|
|
+ let params = ''
|
|
|
+ if (level == 0) {
|
|
|
+ params = 0 //默认江苏省
|
|
|
+ } else {
|
|
|
+ params = node.value
|
|
|
+ }
|
|
|
+ cityApi({
|
|
|
+ pid: params
|
|
|
+ }).then(res => { //接口
|
|
|
+ if (res && res.status == 200) {
|
|
|
+ let data = res.data
|
|
|
+ // if (level > 0) {
|
|
|
+ // data = res.data
|
|
|
+ // }
|
|
|
+ if (level == 2) {
|
|
|
+ data.forEach(item => {
|
|
|
+ item.leaf = level >= 2
|
|
|
+ });
|
|
|
+ }
|
|
|
+ resolve(data);
|
|
|
+ } else {
|
|
|
+ this.$message.error('获取地区数据失败')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ loadData(item, callback) {
|
|
|
+ item.loading = true;
|
|
|
+ cityApi({
|
|
|
+ pid: item.value
|
|
|
+ }).then(res => {
|
|
|
+ item.children = res.data;
|
|
|
+ item.loading = false;
|
|
|
+ callback();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ cityInfo(data) {
|
|
|
+ console.log(data, 'data')
|
|
|
+ cityApi(data).then(res => {
|
|
|
+ this.addresData = res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ addchack(e, selectedData) {
|
|
|
+ e.forEach((i, index) => {
|
|
|
+ if (index == 0) {
|
|
|
+ this.formItem.province = i
|
|
|
+ } else if (index == 1) {
|
|
|
+ this.formItem.city = i
|
|
|
+ } else if (index == 2) {
|
|
|
+ this.formItem.area = i
|
|
|
+ } else {
|
|
|
+ this.formItem.street = i
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.formItem.address = (selectedData.map(o => o.label)).join("/");
|
|
|
+ },
|
|
|
+ del(row) {
|
|
|
+ try {
|
|
|
+ this.tableData.forEach((i, index) => {
|
|
|
+ if (row.id == i.id) {
|
|
|
+ return this.tableData.splice(index, 1)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error)
|
|
|
+ //TODO handle the exception
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ addGoods() {
|
|
|
+ this.pModals = true;
|
|
|
+ },
|
|
|
+ handleChange(value, selectedData) {
|
|
|
+ console.log(value, 'value')
|
|
|
+ console.log(selectedData, 'selectedData')
|
|
|
+ // this.formData.address = selectedData.map(o => o.label);
|
|
|
+ },
|
|
|
+ showPrice(id) {
|
|
|
+ let item = this.productList.find(i => {
|
|
|
+ return i.id == id
|
|
|
+ })
|
|
|
+ if (item) {
|
|
|
+ return item.price
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 选择商品
|
|
|
+ changeGoods() {
|
|
|
+ this.modals = true;
|
|
|
+ },
|
|
|
+ addNewProject() {
|
|
|
+ console.log('dddddddddddddddddd');
|
|
|
+ let that = this
|
|
|
+ try {
|
|
|
+ this.formData.push({
|
|
|
+ service_card_id: that.service_card_id,
|
|
|
+ id: 0,
|
|
|
+ product_id: 0,
|
|
|
+ store_name: '',
|
|
|
+ slider_image: '',
|
|
|
+ performance_value: '',
|
|
|
+ craft_price: '',
|
|
|
+ sales_commissions: '',
|
|
|
+ repertory: 0,
|
|
|
+ })
|
|
|
+ console.log(this.formData);
|
|
|
+ } catch (e) {
|
|
|
+ console.log(e);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ delNewProject(index, item) {
|
|
|
+ let that = this
|
|
|
+ if (item.id) {
|
|
|
+ try {
|
|
|
+ let delfromData = {
|
|
|
+ title: '删除服务项目',
|
|
|
+ url: `service/productDelete/${item.id}`,
|
|
|
+ method: 'DELETE',
|
|
|
+ ids: ''
|
|
|
+ };
|
|
|
+ this.$modalSure(delfromData).then((res) => {
|
|
|
+ that.$Message.success(res.msg);
|
|
|
+ that.formData.splice(index, 1)
|
|
|
+ }).catch(res => {
|
|
|
+ that.$Message.error(res.msg);
|
|
|
+ });
|
|
|
+ } catch (e) {
|
|
|
+ //TODO handle the exception
|
|
|
+ console.log(e, '错误');
|
|
|
+ }
|
|
|
+
|
|
|
+ // serveProductDeleteApi(item.id).then(res => {
|
|
|
+ // this.formData.splice(index,1)
|
|
|
+ // })
|
|
|
+ } else {
|
|
|
+ this.formData.splice(index, 1)
|
|
|
+ }
|
|
|
+ if (that.formData.length == 0) {
|
|
|
+ that.formData = [{
|
|
|
+ id: 0,
|
|
|
+ service_card_id: that.service_card_id,
|
|
|
+ product_id: 0,
|
|
|
+ store_name: '',
|
|
|
+ slider_image: '',
|
|
|
+ performance_value: '',
|
|
|
+ craft_price: '',
|
|
|
+ sales_commissions: '',
|
|
|
+ repertory: 0,
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 商品id
|
|
|
+ getProductId(row) {
|
|
|
+ console.log(row, '这个');
|
|
|
+ this.modals = false;
|
|
|
+ this.formData.name = row.name
|
|
|
+ this.formData.uid = row.uid
|
|
|
+ },
|
|
|
+ getProductIds(row) {
|
|
|
+ console.log(row, '这个');
|
|
|
+ this.pModals = false;
|
|
|
+ try {
|
|
|
+ row.forEach(item => item.v_price = item.v_price || 0)
|
|
|
+ let list = this.tableData.concat(row);
|
|
|
+ let uni = this.unique(list, 'id');
|
|
|
+ // uni.forEach((i)=>{
|
|
|
+ // i.attrValue.forEach(j=>{
|
|
|
+ // j.cate_name = i.cate_name;
|
|
|
+ // j.store_label = i.store_label;
|
|
|
+ // })
|
|
|
+ // })
|
|
|
+ this.tableData = uni;
|
|
|
+ } catch (err) {
|
|
|
+ console.log(err, '这个');
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ // 创建
|
|
|
+ save() {
|
|
|
+ let product = [];
|
|
|
+ let address = this.addressList.map(item => item.value).join(',')
|
|
|
+ // if (this.formData.address.length > 3) {
|
|
|
+ // let arr = this.formData.address.slice(0, 3)
|
|
|
+ // address = arr.join(',')
|
|
|
+ // } else [
|
|
|
+ // address = this.formData.address.join(',')
|
|
|
+ // ]
|
|
|
+ if (!address) {
|
|
|
+ this.$Message.error('请选择代理区域');
|
|
|
+ }
|
|
|
+ this.tableData.forEach(item => {
|
|
|
+ product.push({
|
|
|
+ product_id: item.id,
|
|
|
+ price: item.v_price
|
|
|
+ })
|
|
|
+ })
|
|
|
+ console.log(address)
|
|
|
+ // if (this.formData.id) {
|
|
|
+ addStoreAgent({
|
|
|
+ id: this.formData.id * 1,
|
|
|
+ uid: this.formData.uid,
|
|
|
+ product: product,
|
|
|
+ area_id: address,
|
|
|
+ }).then(res => {
|
|
|
+ this.$Message.success(res.msg);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$router.push({
|
|
|
+ path: "/admin/agent/dl/index",
|
|
|
+ });
|
|
|
+ }, 1000);
|
|
|
+ }).catch(err => {
|
|
|
+ this.$Message.error(err.msg);
|
|
|
+ })
|
|
|
+ // } else {
|
|
|
+ // addStoreAgent({
|
|
|
+ // uid: this.formData.uid,
|
|
|
+ // product: product,
|
|
|
+ // area_id: address,
|
|
|
+ // }).then(res => {
|
|
|
+ // this.$Message.success(res.msg);
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.$router.push({
|
|
|
+ // path: "/admin/agent/dl/index",
|
|
|
+ // });
|
|
|
+ // }, 1000);
|
|
|
+ // }).catch(err => {
|
|
|
+ // this.$Message.error(err.msg);
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+
|
|
|
+ },
|
|
|
+ //对象数组去重;
|
|
|
+ unique(arr, name = 'product_id') {
|
|
|
+ const res = new Map();
|
|
|
+ return arr.filter(
|
|
|
+ (arr) => !res.has(arr[name]) && res.set(arr[name], 1)
|
|
|
+ );
|
|
|
+ },
|
|
|
+ cancel() {
|
|
|
+ this.modals = false;
|
|
|
+ },
|
|
|
+ cancels() {
|
|
|
+ this.pModals = false;
|
|
|
+ },
|
|
|
+ cancelss() {
|
|
|
+ this.aModals = false;
|
|
|
+ },
|
|
|
+
|
|
|
+ },
|
|
|
+ };
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="stylus">
|
|
|
+ .tips {
|
|
|
+ display: inline-bolck;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgPic {
|
|
|
+ .info {
|
|
|
+ width: 60%;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .pictrue {
|
|
|
+ height: 36px;
|
|
|
+ margin: 7px 3px 0 3px;
|
|
|
+
|
|
|
+ img {
|
|
|
+ height: 100%;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .productType {
|
|
|
+ width: 120px;
|
|
|
+ height: 60px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 3px;
|
|
|
+ border: 1px solid #E7E7E7;
|
|
|
+ float: left;
|
|
|
+ text-align: center;
|
|
|
+ padding-top: 8px;
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer;
|
|
|
+ line-height: 23px;
|
|
|
+ margin-right: 12px;
|
|
|
+
|
|
|
+ &.on {
|
|
|
+ border-color: #1890FF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .name {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: rgba(0, 0, 0, 0.85);
|
|
|
+
|
|
|
+ &.on {
|
|
|
+ color: #1890FF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jiao {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border-bottom: 26px solid #1890FF;
|
|
|
+ border-left: 26px solid transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .iconfont {
|
|
|
+ position: absolute;
|
|
|
+ bottom: -3px;
|
|
|
+ right: 1px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .info {
|
|
|
+ color: #888;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ivu-input-wrapper {
|
|
|
+ width: 320px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ivu-input-number {
|
|
|
+ width: 160px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ivu-date-picker {
|
|
|
+ width: 320px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ivu-icon-ios-camera-outline {
|
|
|
+ width: 58px;
|
|
|
+ height: 58px;
|
|
|
+ border: 1px dotted rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: rgba(0, 0, 0, 0.02);
|
|
|
+ line-height: 58px;
|
|
|
+ cursor: pointer;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-list {
|
|
|
+ width: 58px;
|
|
|
+ height: 58px;
|
|
|
+ border: 1px dotted rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-right: 15px;
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-list img {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ivu-icon-ios-close-circle {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ transform: translate(50%, -50%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .form-submit {
|
|
|
+ /deep/.ivu-card {
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ margin-bottom: 79px;
|
|
|
+
|
|
|
+ .fixed-card {
|
|
|
+ position: fixed;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 200px;
|
|
|
+ z-index: 99;
|
|
|
+ box-shadow: 0 -1px 2px rgb(240, 240, 240);
|
|
|
+
|
|
|
+ /deep/ .ivu-card-body {
|
|
|
+ padding: 15px 16px 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ivu-form-item {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .ivu-form-item-content {
|
|
|
+ margin-right: 124px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ivu-btn {
|
|
|
+ height: 36px;
|
|
|
+ padding: 0 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.vxe-tree-cell {
|
|
|
+ padding-left: 0 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upLoad {
|
|
|
+ width: 58px;
|
|
|
+ height: 58px;
|
|
|
+ line-height: 58px;
|
|
|
+ border: 1px dotted rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 4px;
|
|
|
+ background: rgba(0, 0, 0, 0.02);
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .product-item {
|
|
|
+ border: 1px solid #eee;
|
|
|
+ min-width: 300px;
|
|
|
+
|
|
|
+ padding: 20px;
|
|
|
+
|
|
|
+ .submission {
|
|
|
+ // display: block;
|
|
|
+ margin-left: 500px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .bom {
|
|
|
+ margin-right: 20px
|
|
|
+ }
|
|
|
+
|
|
|
+ .heji {
|
|
|
+ padding: 10px
|
|
|
+ }
|
|
|
+</style>
|