833 行
54 KiB
HTML
833 行
54 KiB
HTML
<link rel="stylesheet" href="__CDN__/assets/element-ui-2.15.14/css/index.css">
|
||
<link href="/assets/css/sweetalert.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="__CDN__/assets/css/vvv.css">
|
||
<style>
|
||
.el-form-item__label {
|
||
width: 120px !important;
|
||
}
|
||
|
||
.el-tag + .el-tag {
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.button-new-tag {
|
||
margin-left: 10px;
|
||
height: 32px;
|
||
line-height: 30px;
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
|
||
.input-new-tag {
|
||
width: 90px;
|
||
margin-left: 10px;
|
||
vertical-align: bottom;
|
||
}
|
||
|
||
input[type="file"] {
|
||
display: none !important;
|
||
}
|
||
|
||
.el-form-item__error {
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.search-select .el-input--suffix .el-input__inner {
|
||
width: 130px;
|
||
}
|
||
|
||
.drawer-box {
|
||
margin: 20px 20px 50px 20px;
|
||
}
|
||
|
||
.el-drawer__body {
|
||
overflow: auto;
|
||
}
|
||
|
||
.singer-box {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.singer-box .s-avatar img {
|
||
width: 70px;
|
||
height: 70px;
|
||
border-radius: 50%;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.singer-box .s-info {
|
||
line-height: 24px;
|
||
font-size: 13px !important;
|
||
}
|
||
|
||
.v-china .el-input__inner {
|
||
width: 210px !important;
|
||
}
|
||
|
||
.table {
|
||
width: 870px;
|
||
}
|
||
|
||
.info-table tbody tr th {
|
||
text-align: center !important;
|
||
}
|
||
|
||
.info-table tbody tr td img {
|
||
border-radius: 4px;
|
||
width: 60px;
|
||
height: 60px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.info-table td {
|
||
vertical-align: middle !important;
|
||
}
|
||
</style>
|
||
<div id="vue" v-cloak>
|
||
<div class="screen-container">
|
||
<div class="screen-container-show">
|
||
<div class="screen-container-right display-flex" style="margin-right: 12px">
|
||
<el-select v-model="search.site" @change="siteChanged" clearable size="small" placeholder="全部库区" aria-label="筛选库区" style="width: 150px">
|
||
<el-option v-for="site in siteOptions" :key="site.id" :value="site.id" :label="site.name"></el-option>
|
||
</el-select>
|
||
</div>
|
||
<div class="screen-container-left display-flex">
|
||
<el-button size="small" @click="refreshPage" icon="el-icon-refresh" circle type="primary"></el-button>
|
||
<div class="datetime">
|
||
<el-date-picker
|
||
value-format="yyyy-MM-dd HH:mm:ss"
|
||
@change="handleClearDate('startTime')"
|
||
size="small"
|
||
v-model="search.startTime"
|
||
type="datetime"
|
||
placeholder="选择起始时间">
|
||
</el-date-picker>
|
||
</div>
|
||
<div class="datetime">
|
||
<el-date-picker
|
||
value-format="yyyy-MM-dd HH:mm:ss"
|
||
@change="handleClearDate('endTime')"
|
||
size="small"
|
||
v-model="search.endTime"
|
||
type="datetime"
|
||
placeholder="选择结束时间">
|
||
</el-date-picker>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="search-select screen-container-right display-flex keyword v-china">-->
|
||
<!-- <el-cascader-->
|
||
<!-- size="small"-->
|
||
<!-- @change="handleChinaChange"-->
|
||
<!-- :options="chinaList"-->
|
||
<!-- :props="{ checkStrictly: true }"-->
|
||
<!-- clearable-->
|
||
<!-- placeholder="选择省市"-->
|
||
<!-- filterable-->
|
||
<!-- v-model="search.china"-->
|
||
<!-- >-->
|
||
<!-- </el-cascader>-->
|
||
<!-- </div>-->
|
||
<div class="screen-container-right display-flex" style="position: relative; top: 2px;">
|
||
<el-radio-group @input="handelTypeRadio" size="small" v-model="search.varieties">
|
||
<el-radio-button v-for="(item, index) of typeOptList" :label="item.name">{{item.name}}
|
||
</el-radio-button>
|
||
</el-radio-group>
|
||
</div>
|
||
<div class="screen-container-right display-flex" style="position: relative; top: 2px;">
|
||
<el-radio-group @input="handelTypeRadio" size="small" v-model="search.granary_type">
|
||
<el-radio-button :label="0">全部</el-radio-button>
|
||
<el-radio-button :label="1">油罐</el-radio-button>
|
||
<el-radio-button :label="2">平房仓</el-radio-button>
|
||
<el-radio-button :label="3">浅圆仓</el-radio-button>
|
||
</el-radio-group>
|
||
</div>
|
||
<div class="search-select screen-container-right display-flex keyword v-key">
|
||
<el-input size="small" @clear="handleClearSearchInp" clearable v-model="search.keyword"
|
||
placeholder="请输入您要搜索的内容">
|
||
<el-select size="small" v-model="search.type" slot="prepend" placeholder="请选择">
|
||
<el-option v-for="(item, index) in searchOpt" :label="item.value"
|
||
:value="item.id">
|
||
</el-option>
|
||
</el-select>
|
||
<el-button slot="append" @click="searchData" icon="el-icon-search"></el-button>
|
||
</el-input>
|
||
</div>
|
||
<div class="screen-container-right display-flex keyword">
|
||
<el-button @click="openAddDialog('add', '')" size="small" type="primary" plain icon="el-icon-plus">添加
|
||
</el-button>
|
||
<el-button icon="el-icon-delete" type="danger" @click="del" size="small" plain>删除</el-button>
|
||
<el-button icon="el-icon-monitor" type="success" @click="openCenterScreen" size="small" plain>中心库大屏</el-button>
|
||
<el-button icon="el-icon-data-board" type="warning" @click="openXishuiScreen" size="small" plain>习水库大屏</el-button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="vue-table background-white color-666">
|
||
<el-table :data="tableData" border highlight-current-row v-loading="listLoading"
|
||
@sort-change="sortChange" element-loading-text="拼命加载中..."
|
||
@selection-change="handleSelectionChange" style="width: 100%">
|
||
<el-table-column type="selection" width="60" align="center"></el-table-column>
|
||
<el-table-column width="120" label="操作"
|
||
show-overflow-tooltip
|
||
align="center">
|
||
<template scope="scope">
|
||
<el-dropdown trigger="click">
|
||
<el-button size="small" plain type="primary">
|
||
操作<i class="el-icon-arrow-down el-icon--right"></i>
|
||
</el-button>
|
||
<el-dropdown-menu slot="dropdown">
|
||
<el-dropdown-item>
|
||
<el-button size="small" @click="openAddDialog('edit', scope.row)" type="primary"
|
||
icon="el-icon-edit">编辑
|
||
</el-button>
|
||
</el-dropdown-item>
|
||
<el-dropdown-item>
|
||
<el-button size="small" @click="openDetail(scope.row)" type="success"
|
||
icon="el-icon-tickets">详情
|
||
</el-button>
|
||
</el-dropdown-item>
|
||
<el-dropdown-item>
|
||
<el-button size="small" @click="dell(scope.row.id)" type="danger" icon="el-icon-delete">
|
||
删除
|
||
</el-button>
|
||
</el-dropdown-item>
|
||
</el-dropdown-menu>
|
||
</el-dropdown>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- <el-table-column prop="id" width="70" label="ID" show-overflow-tooltip-->
|
||
<!-- align="center"></el-table-column>-->
|
||
<el-table-column prop="name" label="仓库名称" show-overflow-tooltip
|
||
align="center"></el-table-column>
|
||
<el-table-column prop="image" label="仓库图" width="100" align="center">
|
||
<template scope="scope">
|
||
<a :href="scope.row.image ? scope.row.image : '/assets/img/no-image.gif'" target="_blank">
|
||
<img :src="scope.row.image ? scope.row.image : '/assets/img/no-image.gif'"
|
||
style="border-radius: 10px;width: 60px;height: 60px;padding: 5px">
|
||
</a>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="site" label="所属库区" width="120" align="center"><template slot-scope="s"><el-tag :type="s.row.site === 'xishui' ? 'warning' : 'primary'" size="small">{{s.row.site === 'xishui' ? '习水库' : '遵义中心库'}}</el-tag></template></el-table-column>
|
||
<el-table-column prop="storage" width="270" label="仓库储存点" show-overflow-tooltip
|
||
align="center"></el-table-column>
|
||
<el-table-column prop="num" width="130" label="仓号" show-overflow-tooltip
|
||
align="center"></el-table-column>
|
||
<el-table-column prop="granary_type" label="仓型" show-overflow-tooltip
|
||
align="center">
|
||
<template scope="scope">
|
||
<span v-if="scope.row.granary_type == 1">立式油罐</span>
|
||
<span v-else-if="scope.row.granary_type == 3">浅圆仓</span>
|
||
<span v-else>平房仓</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="varieties" width="130" label="存储品种" show-overflow-tooltip
|
||
align="center"></el-table-column>
|
||
<el-table-column prop="create_time" width="160" :formatter="dateFormat" label="创建时间" show-overflow-tooltip
|
||
align="center"></el-table-column>
|
||
</el-table>
|
||
<div class="layout-pagination">
|
||
<el-pagination
|
||
background
|
||
@size-change="handleSizeChange"
|
||
@current-change="handleCurrentChange"
|
||
:current-page="currentPage"
|
||
:page-sizes="[10, 20, 50, 100]"
|
||
:page-size="pageSize"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
:total="totalCount">
|
||
</el-pagination>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 添加编辑(新的) -->
|
||
<div class="add-or-edit">
|
||
<el-dialog
|
||
:close-on-click-modal="false"
|
||
:title="title"
|
||
:visible.sync="addDialog"
|
||
width="80%"
|
||
>
|
||
<div class="form">
|
||
<el-form ref="form" :rules="rules" :model="formData" label-width="110px">
|
||
<el-form-item label="仓库名称：" prop="name">
|
||
<el-input placeholder="请您输入仓库名称" style="width: 330px;" maxlength="50" show-word-limit
|
||
v-model="formData.name"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="仓库图片：" prop="image">
|
||
<el-button type="primary" plain size="small" @click="selectImage"
|
||
icon="el-icon-picture-outline">选择图片
|
||
</el-button>
|
||
<div>
|
||
<a :href="formData.image" target="_blank">
|
||
<img v-if="formData.image" class="image" :src="formData.image">
|
||
</a>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="所属库区：" prop="site">
|
||
<el-select v-model="formData.site" @change="changeSite" placeholder="请选择所属库区" style="width: 330px">
|
||
<el-option v-for="site in siteOptions" :key="site.id" :value="site.id" :label="site.name"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="仓库储存点：" prop="storage">
|
||
<el-input placeholder="请您输入仓库储存点" style="width: 330px;" maxlength="100" show-word-limit
|
||
v-model="formData.storage" readonly></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="仓号：" prop="num">
|
||
<el-select @change="handleSelectNum" style="width: 330px;" v-model="formData.num" filterable allow-create default-first-option clearable
|
||
placeholder="请选择或直接输入仓号数字">
|
||
<el-option
|
||
v-for="(item, index) of numList"
|
||
:key="item"
|
||
:label="item + '号'"
|
||
:value="item">
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item v-if="formData.site === 'center'" label="大屏建筑位置：">
|
||
<el-select @change="changeScreenPosition" v-model="formData.screenPosition" style="width: 440px;">
|
||
<el-option label="保留现有建筑位置" value=""></el-option>
|
||
<el-option label="中心库 · 左上新增仓库（42号仓左侧）" value="center_upper_left"></el-option>
|
||
<el-option label="中心库 · 右下新增仓库（41号仓左侧）" value="center_lower_right"></el-option>
|
||
<el-option label="中心库 · 中间大长仓（43号仓位置）" value="center_middle"></el-option>
|
||
<el-option label="中心库 · 最后排大仓" value="center_rear"></el-option>
|
||
<el-option label="中心库 · 第1座浅圆仓（从左到右）" value="center_silo_1"></el-option>
|
||
<el-option label="中心库 · 第2座浅圆仓（从左到右）" value="center_silo_2"></el-option>
|
||
<el-option label="中心库 · 第3座浅圆仓（从左到右）" value="center_silo_3"></el-option>
|
||
<el-option label="中心库 · 第4座浅圆仓（从左到右）" value="center_silo_4"></el-option>
|
||
<el-option label="中心库 · 第5座浅圆仓（从左到右）" value="center_silo_5"></el-option>
|
||
<el-option label="中心库 · 第6座浅圆仓（从左到右）" value="center_silo_6"></el-option>
|
||
<el-option label="中心库 · 第7座浅圆仓（从左到右）" value="center_silo_7"></el-option>
|
||
</el-select>
|
||
<div style="color: #909399;">新仓库请选择对应建筑；现有标记可直接修改仓号，保存后大屏自动同步。</div>
|
||
</el-form-item>
|
||
<el-form-item label="仓房类型：" prop="granary_type">
|
||
<el-radio-group v-model="formData.granary_type" @change="changeGranaryType" size="small">
|
||
<el-radio-button :label="1">立式油罐 (油类)</el-radio-button>
|
||
<el-radio-button :label="2">房型平房仓 (粮类)</el-radio-button>
|
||
<el-radio-button :label="3">浅圆仓 (粮类)</el-radio-button>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<div v-if="formData.num !== '' && formData.num !== undefined">
|
||
<el-form-item label="存储品种：" prop="varieties">
|
||
<div style="display: flex; align-items: center; flex-wrap: wrap; gap: 10px;">
|
||
<el-radio-group @input="varietiesChange" size="small" v-model="formData.varieties">
|
||
<el-radio-button v-for="(item, index) of varietiesList[varietiesType]" :key="item" :label="item">{{item}}
|
||
</el-radio-button>
|
||
<el-radio-button label="自定义">自定义</el-radio-button>
|
||
</el-radio-group>
|
||
<el-input v-if="isCustomVariety" v-model="customVariety" @input="handleCustomVarietyChange" placeholder="请输入自定义品种名称" style="width: 180px;" maxlength="20" show-word-limit size="small"></el-input>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item v-if="formData.granary_type != 1" label="参数模板：">
|
||
<el-radio-group v-model="contentType" size="mini">
|
||
<el-radio-button label="two">稻谷类指标模板</el-radio-button>
|
||
<el-radio-button label="three">小麦/玉米/杂粮指标模板</el-radio-button>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<el-form-item v-if="" label="内容：" prop="content">
|
||
<!-- 菜籽油和大豆油 -->
|
||
<div v-if="contentType == 'one'" class="one">
|
||
<table class="info-table table table-bordered">
|
||
<tbody>
|
||
<tr>
|
||
<th>名称</th>
|
||
<th>内容</th>
|
||
<th>名称</th>
|
||
<th>内容</th>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>设计容量</td>
|
||
<td>
|
||
<el-input placeholder="请您输入设计容量" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['tankCapacity']"></el-input>
|
||
</td>
|
||
<td>油罐类型</td>
|
||
<td>
|
||
<el-input placeholder="请您输入油罐类型" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['tankType']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>储存品种</td>
|
||
<td>
|
||
{{contentFields[contentType]['varieties']}}
|
||
</td>
|
||
<td>储存性质</td>
|
||
<td>
|
||
<el-input placeholder="请您输入储存性质" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['nature']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>储存数量</td>
|
||
<td>
|
||
<el-input placeholder="请您输入储存数量" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['storageNum']"></el-input>
|
||
</td>
|
||
<td>原料产地</td>
|
||
<td>
|
||
<el-input placeholder="请您输入原料产地" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['productArea']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>加工地</td>
|
||
<td>
|
||
<el-input placeholder="请您输入加工地" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['addr']"></el-input>
|
||
</td>
|
||
<td>加工年度</td>
|
||
<td>
|
||
<el-date-picker
|
||
style="width: 270px;"
|
||
v-model="contentFields[contentType]['machiningYear']"
|
||
type="year"
|
||
value-format="yyyy"
|
||
placeholder="请您选择加工年度">
|
||
</el-date-picker>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>入罐时间</td>
|
||
<td>
|
||
<el-date-picker
|
||
style="width: 270px;"
|
||
v-model="contentFields[contentType]['enterTime']"
|
||
type="month"
|
||
value-format="yyyy-MM"
|
||
placeholder="请您选择入罐时间">
|
||
</el-date-picker>
|
||
</td>
|
||
<td>等级</td>
|
||
<td>
|
||
<el-input placeholder="请您输入等级" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['level']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>色泽</td>
|
||
<td>
|
||
<el-input placeholder="请您输入色泽" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['color']"></el-input>
|
||
</td>
|
||
<td>气味、滋味</td>
|
||
<td>
|
||
<el-input placeholder="请您输入气味、滋味" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['odorAndTaste']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>水分及挥发物</td>
|
||
<td>
|
||
<el-input placeholder="请您输入水分及挥发物" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['waterVolatileCompounds']"></el-input>
|
||
</td>
|
||
<td>不溶性杂质</td>
|
||
<td>
|
||
<el-input placeholder="请您输入不溶性杂质" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['insolubleImpurities']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>酸价</td>
|
||
<td>
|
||
<el-input placeholder="请您输入酸价" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['acidValue']"></el-input>
|
||
</td>
|
||
<td>过氧化值</td>
|
||
<td>
|
||
<el-input placeholder="请您输入过氧化值" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['peroxideValue']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>加热试验</td>
|
||
<td>
|
||
<el-input placeholder="请您输入加热试验" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['heating']"></el-input>
|
||
</td>
|
||
<td>溶剂残留量</td>
|
||
<td>
|
||
<el-input placeholder="请您输入溶剂残留量" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['residualSolventContent']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>罐内直径</td>
|
||
<td>
|
||
<el-input placeholder="请您输入罐内直径" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['TankDiameter']"></el-input>
|
||
</td>
|
||
<td>装油高度</td>
|
||
<td>
|
||
<el-input placeholder="请您输入装油高度" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['oilLoadingHeight']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>扣除(增加体积)</td>
|
||
<td>
|
||
<el-input placeholder="请您输入扣除(增加体积)" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['volume']"></el-input>
|
||
</td>
|
||
<td>油脂体脂</td>
|
||
<td>
|
||
<el-input placeholder="请您输入油脂体脂" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['oilVolume']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>管理形式</td>
|
||
<td>
|
||
<el-input placeholder="请您输入管理形式" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['managementForm']"></el-input>
|
||
</td>
|
||
<td>保管员</td>
|
||
<td>
|
||
<el-input placeholder="请您输入保管员" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['custodian']"></el-input>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- 稻谷 -->
|
||
<div v-if="contentType == 'two'" class="two">
|
||
<table class="info-table table table-bordered">
|
||
<tbody>
|
||
<tr>
|
||
<th>名称</th>
|
||
<th>内容</th>
|
||
<th>名称</th>
|
||
<th>内容</th>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>货位编号</td>
|
||
<td>
|
||
<el-input placeholder="请您输入货位编号" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['code']"></el-input>
|
||
</td>
|
||
<td>仓型</td>
|
||
<td>
|
||
<el-input placeholder="请您输入仓型" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['warehouseType']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>核定仓容</td>
|
||
<td>
|
||
<el-input placeholder="请您输入核定仓容" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['capacity']"></el-input>
|
||
</td>
|
||
<td>储存品种</td>
|
||
<td>
|
||
{{contentFields[contentType]['varieties']}}
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>储存性质</td>
|
||
<td>
|
||
<el-input placeholder="请您输入储存性质" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['nature']"></el-input>
|
||
</td>
|
||
<td>产地</td>
|
||
<td>
|
||
<el-input placeholder="请您输入产地" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['addr']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>收获年度</td>
|
||
<td>
|
||
<el-date-picker
|
||
style="width: 270px;"
|
||
v-model="contentFields[contentType]['harvestYear']"
|
||
type="year"
|
||
value-format="yyyy"
|
||
placeholder="请您选择收获年度">
|
||
</el-date-picker>
|
||
</td>
|
||
<td>入仓时间</td>
|
||
<td>
|
||
<el-date-picker
|
||
style="width: 270px;"
|
||
v-model="contentFields[contentType]['enterTime']"
|
||
type="month"
|
||
value-format="yyyy-MM"
|
||
placeholder="请您选择入仓时间">
|
||
</el-date-picker>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>储存数量</td>
|
||
<td>
|
||
<el-input placeholder="请您输入储存数量" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['storageNum']"></el-input>
|
||
</td>
|
||
<td>等级</td>
|
||
<td>
|
||
<el-input placeholder="请您输入等级" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['level']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>出糙率</td>
|
||
<td>
|
||
<el-input placeholder="请您输入出糙率" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['roughnessRate']"></el-input>
|
||
</td>
|
||
<td>杂质</td>
|
||
<td>
|
||
<el-input placeholder="请您输入杂质" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['impurity']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>拆合水分</td>
|
||
<td>
|
||
<el-input placeholder="请您输入拆合水分" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['water']"></el-input>
|
||
</td>
|
||
<td>散存粮体积</td>
|
||
<td>
|
||
<el-input placeholder="请您输入散存粮体积" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['volume']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>扣除体积</td>
|
||
<td>
|
||
<el-input placeholder="请您输入扣除体积" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['decVolume']"></el-input>
|
||
</td>
|
||
<td>整精米粒</td>
|
||
<td>
|
||
<el-input placeholder="请您输入整精米粒" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['riceGrains']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>管理形式</td>
|
||
<td>
|
||
<el-input placeholder="请您输入管理形式" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['managementForm']"></el-input>
|
||
</td>
|
||
<td>长</td>
|
||
<td>
|
||
<el-input placeholder="请您输入长" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['length']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>宽</td>
|
||
<td>
|
||
<el-input placeholder="请您输入宽" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['width']"></el-input>
|
||
</td>
|
||
<td>直径</td>
|
||
<td>
|
||
<el-input placeholder="请您输入直径" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['diam']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>高</td>
|
||
<td>
|
||
<el-input placeholder="请您输入高" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['height']"></el-input>
|
||
</td>
|
||
<td>保管方式</td>
|
||
<td>
|
||
<el-input placeholder="请您输入保管方式" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['storageMethod']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>保管员</td>
|
||
<td>
|
||
<el-input placeholder="请您输入保管员" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['custodian']"></el-input>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- 小麦玉米 -->
|
||
<div v-if="contentType == 'three'" class="three">
|
||
<table class="info-table table table-bordered">
|
||
<tbody>
|
||
<tr>
|
||
<th>名称</th>
|
||
<th>内容</th>
|
||
<th>名称</th>
|
||
<th>内容</th>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>货位编号</td>
|
||
<td>
|
||
<el-input placeholder="请您输入货位编号" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['code']"></el-input>
|
||
</td>
|
||
<td>仓型</td>
|
||
<td>
|
||
<el-input placeholder="请您输入仓型" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['warehouseType']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>核定仓容</td>
|
||
<td>
|
||
<el-input placeholder="请您输入核定仓容" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['capacity']"></el-input>
|
||
</td>
|
||
<td>储存品种</td>
|
||
<td>
|
||
{{contentFields[contentType]['varieties']}}
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>储存性质</td>
|
||
<td>
|
||
<el-input placeholder="请您输入储存性质" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['nature']"></el-input>
|
||
</td>
|
||
<td>产地</td>
|
||
<td>
|
||
<el-input placeholder="请您输入产地" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['addr']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>收获年度</td>
|
||
<td>
|
||
<el-date-picker
|
||
style="width: 270px;"
|
||
v-model="contentFields[contentType]['harvestYear']"
|
||
type="year"
|
||
value-format="yyyy"
|
||
placeholder="请您选择收获年度">
|
||
</el-date-picker>
|
||
</td>
|
||
<td>入仓时间</td>
|
||
<td>
|
||
<el-date-picker
|
||
style="width: 270px;"
|
||
v-model="contentFields[contentType]['enterTime']"
|
||
type="month"
|
||
value-format="yyyy-MM"
|
||
placeholder="请您选择入仓时间">
|
||
</el-date-picker>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>储存数量</td>
|
||
<td>
|
||
<el-input placeholder="请您输入储存数量" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['storageNum']"></el-input>
|
||
</td>
|
||
<td>等级</td>
|
||
<td>
|
||
<el-input placeholder="请您输入等级" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['level']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>容重</td>
|
||
<td>
|
||
<el-input placeholder="请您输入容重" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['weight']"></el-input>
|
||
</td>
|
||
<td>杂质</td>
|
||
<td>
|
||
<el-input placeholder="请您输入杂质" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['impurity']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>拆合水分</td>
|
||
<td>
|
||
<el-input placeholder="请您输入拆合水分" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['water']"></el-input>
|
||
</td>
|
||
<td>散存粮体积</td>
|
||
<td>
|
||
<el-input placeholder="请您输入散存粮体积" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['volume']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>扣除体积</td>
|
||
<td>
|
||
<el-input placeholder="请您输入扣除体积" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['decVolume']"></el-input>
|
||
</td>
|
||
<td>不完善粒</td>
|
||
<td>
|
||
<el-input placeholder="请您输入不完善粒" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['imperfect']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>管理形式</td>
|
||
<td>
|
||
<el-input placeholder="请您输入管理形式" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['managementForm']"></el-input>
|
||
</td>
|
||
<td>长</td>
|
||
<td>
|
||
<el-input placeholder="请您输入长" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['length']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>宽</td>
|
||
<td>
|
||
<el-input placeholder="请您输入宽" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['width']"></el-input>
|
||
</td>
|
||
<td>直径</td>
|
||
<td>
|
||
<el-input placeholder="请您输入直径" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['diam']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>高</td>
|
||
<td>
|
||
<el-input placeholder="请您输入高" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['height']"></el-input>
|
||
</td>
|
||
<td>保管方式</td>
|
||
<td>
|
||
<el-input placeholder="请您输入保管方式" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['storageMethod']"></el-input>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>保管员</td>
|
||
<td>
|
||
<el-input placeholder="请您输入保管员" style="width: 270px;" maxlength="50" show-word-limit
|
||
v-model="contentFields[contentType]['custodian']"></el-input>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</el-form-item>
|
||
</div>
|
||
</el-form>
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="addDialog = false" size="small" icon="el-icon-switch-button">取 消</el-button>
|
||
<el-button type="primary" size="small" @click="submit" icon="el-icon-position">提 交</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="__CDN__/assets/element-ui-2.15.14/js/vue.js"></script>
|
||
<script src="__CDN__/assets/element-ui-2.15.14/js/index.js"></script>
|
||
<script src="__CDN__/assets/tool/libs/moment.js"></script>
|
||
<script src="__CDN__/assets/js/jquery-2.1.1.min.js"></script>
|
||
<script src="/assets/js/sweetalert.min.js"></script>
|
||
<script src="__CDN__/assets/layer/layer.js"></script> |